/*
Theme Name:     wdh-child
Description:    A wdh-child Theme for wdh
Author:         Dieter Hess
Author URI:     http://webdesign-hess.de
Template:       Divi
Version:        1.9
*/


@import url("../Divi/style.css");


/*------------------------------*/
/*---------- Header ------------*/
/*------------------------------*/

.fb-menu-button{
	padding-left:0px;
}


h4.et_pb_module_header,
.et_pb_blurb_description,
p {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}






/* Buchstaben hochgestellt*/

sup {
    bottom: .4em;
}


/* Typography */
 
@media (min-width: 981px){
	
	p {
		font-size: 18px !important;
	}
}








/*********************************
/* fix jumping header 
*********************************/

@media (min-width: 981px){
#page-container { padding-top: 134px !important;}
#main-header { top: 0px !important;}
}

/*-------------------------------
 * Kadence Galerie
 * ----------------------------*/

.pswp__ui--idle .pswp__button--show--caption, 
.pswp__ui--idle .pswp__caption,
.pswp__caption.caption-shown-full{
	display:none;
}
.pswp__caption__center .kt-gallery-caption-text {
    display: none;
}
.kadence-galleries-pswp .pswp__button--share {
   display:none;
}



/*---------------------------------
 * Aktuelles 
 *-------------------------------*/

.post-content {
	display:none;
}

/*--------------------------------------------
 * Remove Sidebar Border 
 *------------------------------------------*/

    .container::before { 
       display:none; 
    }


/*----------------------------
 * Datenschutzseite
 *--------------------------*/

.page-id-20 .post-20.page.type-page.status-publish.hentry {
	padding: 80px 0px 100px 0px;
}

.page-id-20 h2 {padding-top:40px;}
.page-id-20 h3 {padding-top:30px;}


/*----------------------------------------------------
 * Kontaktformular
 *--------------------------------------------------*/

#nf-field-4.ninja-forms-field.nf-element  {
    background: #e02b20;
    border: 2px solid #e02b20;
    color: #fff;
    transition: all .5s;
	float:right;
}

#nf-field-4.ninja-forms-field.nf-element:hover  {
    background: #fff;
    border: 2px solid #e02b20;
    color: #e02b20;
    transition: all .5s;
	float:right;
}

.nf-field-label label {
    font-weight: 500 !important;
	font-size:16px !important;
}



/*------------------------------------------------*/
/*-  Divi toggle animate arrow and change colour -*/
/*------------------------------------------------*/

.et_pb_toggle_open .et_pb_toggle_title:before {
transform: rotate(180deg);
content: "\43";
transition:all 0.5s ease-in-out 0s;
color:#e02b20;
}
.et_pb_toggle_title:before {
content: "\43";
font-size:1.7em;
transition:all 0.5s ease-in-out 0s;
color:#e02b20;
}

/*------------------------------*/
/*---------- Footer ------------*/
/*------------------------------*/

.copy {
    padding-bottom: 0;
    font-size:12px!important;
	color:#eee !important;
}

#footer-bottom a {
color:#eeeeee !important;
font-weight: 400;
font-size:12px;
}


/* Color vom copyright + Footer menu */

#footer-bottom a {
	color:#eeeeee !important;
	font-weight: 400;
	font-size:12px!important;
}
 

.bottom-nav a {
	color:#eeeeee !important;
}


/* Footer menu eRecht share Buttons */

/* Laptops and desktops (1100px) */
@media only screen and ( min-width: 767px ) { 
    #menu-item-2457{
		position:relative;
		margin-top:-10px;
		float:right;
		clear:both;
	}
}









/*------------------------------
 *  Usercentrics 
 *------------------------------

#usercentrics-button #uc-banner-modal .uc-banner-content {
	background-color: #fff!important;
}

#usercentrics-button #uc-banner-modal .uc-optin-description {
    color: #555!important;
    font-size: 14px;
}
.usercentrics-button .uc-main-banner .btn-deny {
	background-color: #eee!important;
	color: #555!important;
}

#uc-btn-accept-banner.uc-btn.uc-btn-primary{
	color: #e6e6e6 !important; 
	background-color: #42b983 !important;
	border:1px solid #e6e6e6 !important;
}

.usercentrics-button .uc-main-banner .more-info-button {
    background-color: #eee!important ;
    color: #555!important;
}

/* fingerprint */
.usercentrics-button.layout-1 .uc-corner-modal .uc-corner-modal-content .uc-card-header {
    border-top-left-radius: 8px!important;
    border-top-right-radius: 8px!important;
    background: #fff!important;
	background-color: #fff!important;}

/* tabs */
.uc-nav.uc-nav-tabs{
	background-color: #000!important;
}
#uc-btn-select-tab-settings,
#uc-btn-select-tab-history{
	color:#fff!important;
}
.usercentrics-button .uc-corner-modal .uc-corner-modal-content .uc-nav-tabs a.uc-active {
    color: #555!important;
}

#usercentrics-button input[type=checkbox].uc-form-check-input.intermediate+label:before{
	background-color: #fff!important;
    border-color: #e53935!important;
}

.usercentrics-button .uc-corner-modal .uc-corner-modal-content .uc-nav-tabs a {
    background: transparent!important;
    padding: 8px 15px!important;
    color: #333!important;
    text-transform: capitalize;
}

.uc-header-title.uc-pl-3,
.uc-header-subtitle-text{
	 color: #555!important;
}

.usercentrics-button .uc-corner-modal .uc-card-footer .uc-save-settings-button {
    background-color: #42b983!important;
    cursor: inherit;
    color: #fff!important;
}


#bto-path-1,
#fingerprint,
#ico_button_close-b {
	fill:#000;
}



/*-----------------------------------------
 * Hide any overflow on smaller screens
 *---------------------------------------*/

@media all and (max-width: 980px) {
    #page-container {
        overflow: hidden;
    }
}






/*---------------------------------
 * Content width bei mobile
 *-------------------------------*/

@media only screen and (max-width: 980px) {
	#top-header > .container,
	#main-header > .container,
	#et_search_outer > .container,
	#main-content > .container,
	div.et_pb_row,
	div.et_pb_row.et_pb_row_fullwidth {
	width: 90% !important; 
   }
}

/*  footer  */

@media only screen and (max-width: 980px) {
	#main-footer > .container,
	#et-footer-nav > .container,
	#footer-bottom > .container {
	width: 90% !important; 
   }
}