/* 
Theme Name: DI Coaching 
Description: Childtheme für DI Basis
Author: Designers Inn 
Template: di-basis 
Version: 2.0.1
*/

/* Definitionen für Logo - von DI-Seite übernommen */
/*LOGO STANDARD*/
.et_fixed_nav #logo {max-height: 100%;}
/*LOGO BEIM SCROLLEN*/
.et-fixed-header #logo {max-height: 100%;}
/*LOGO MOBILE ANSICHT*/
.et_header_style_left #logo, .et_header_style_split #logo {max-width: 50%;}

/* ALLGEMEIN */
.r     {
       text-align:right;
       }
.l     {
       text-align:left;
       }
.c     {
       text-align:center;
       }
.size08    {
	   font-size: 0.8em;
       }
.size08-lh    {
	   font-size: 0.8em;
	   line-height:125%;
       }
.size07-lh    {
	   font-size: 0.7em;
	   line-height:115%;
       }
.size06    {
	   font-size: 0.6em;
       }
.zentriert08 {
	   text-align: center;
	   font-size: 0.8em !important;
	   line-height:100% !important;
       }
.zentriert06 {
	   text-align: center;
	   font-size: 0.6em !important; line-height:100% !important;
       }

/* Listen-Aufzählungen: wird benutzt zur Bestimmung der Höhe des Headers!!! Deshalb für ul/li im Text Extra-Klasse "txt" bilden */
li {padding-bottom: 20px;}

/* Listen-Aufzählungen für Text */
li.txt {
	padding-top: 1px;
	padding-bottom: 5px;
}

/* Zeilenabstand für Listen (Angleichung an Standard in p-tags des body - dort 160%) */ 
.li160 {
	line-height:160%;
}

/* Table (in Besucher-Zähler) ohne Rahmen */
.entry-content tr td, body.et-pb-preview #main-content .container tr td {
    border-top: none !important;
    padding: 4px 5px;
}
.entry-content table, body.et-pb-preview #main-content .container table {
    border: none !important;
}

/* beseitigt vertikale graue Linie rechts der Navigation */
.et_pb_widget_area_left {
    border-right: none !important;
    padding-right: 0px !important;
}

/* justiert hr nach Überschrift mittig zw. Überschrift und Text */
hr  {
	   margin-top:0px;   /* größerer neg. Wert verrringert Abstand nach oben;-5px */
	   margin-bottom:27px;   /* größerer pos. Wert vergrößert Abstand nach unten; 20px */
}

/* Abweichendes Caption: Veränderung von Schriftgrad u. Zeilenabstand ... */
.wp-caption p.wp-caption-text { 
font-size: 0.8em !important;
line-height: 1.4em !important;
 }

/* ... und Wegfall von Standard-Umrahmung bei Caption - vgl. DI v. 27.12.17 */
.wp-caption {
    background-color: #fff !important;
    border: none !important;
    margin-bottom: 10px;
    max-width: 96%;
    padding: 4px 8px 8px;
    text-align: center;
}

/* FONTS 
* vgl. https://www.webtimiser.de/webfonts-lokal-in-wordpress/
 Zweck: direktes Einbinden der selbstgehosteten Schriften, um sie nicht über fonts.googleapis.com 
 und fonts.gstatic.com herunterzuladen 
-----------------------------------------------  */
/* webfont */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'webfont';
    src: url('fonts/webfont.ttf'); 
    }
/* rosarivo-regular - latin-ext_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Rosarivo';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/rosarivo-v18-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/rosarivo-v18-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/rosarivo-v18-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/rosarivo-v18-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/rosarivo-v18-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/rosarivo-v18-latin-ext_latin-regular.svg#Rosarivo') format('svg'); /* Legacy iOS */
}
/* rosarivo-italic - latin-ext_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Rosarivo';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/rosarivo-v18-latin-ext_latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/rosarivo-v18-latin-ext_latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/rosarivo-v18-latin-ext_latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/rosarivo-v18-latin-ext_latin-italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/rosarivo-v18-latin-ext_latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/rosarivo-v18-latin-ext_latin-italic.svg#Rosarivo') format('svg'); /* Legacy iOS */
}

/* ExternerLink-Icon aus Webfont Aufruf: class="ex" */
.ex:after {
   content: "\f08e";
   font-family: "webfont";
   font-style: normal;
   font-weight: normal;
   text-decoration: inherit;
   color:#666;
   font-size:.75em;
   padding-left:6px;
   }

/* ExternerLink-Icon aus Webfont (Werb) Aufruf: class="exw" */
.exw:after {
   content: "\f08e";
   font-family: "webfont";
   font-style: normal;
   font-weight: normal;
   text-decoration: inherit;
   color:#666;
   font-size:.75em;
   padding-left:6px;
   }

/* Überschriften in Farbe der Brotschrift */
h1, h2, h3, h4, h5, h6 {
	color:#666666
}

/* Farb-Definition für "typo-info.de"  */
.tid {
	color:#cd5c5c;
     }

/* Links in Typograph-Navi-Menü */
A.t-men:link { 
    font-size: 0.8em;
    color: #cd5c5c !important;
    text-decoration:none;
    }
A.t-men:visited {
    font-size: 0.8em;
    color: #cd5c5c !important;
    text-decoration:none;
    }

/* Zeilenabstand in Typograph-Navi-Menü */
.t-zeilenabstand {
	 line-height: 1.2em;
    }

/* CSS für On-Mouse-Over-Bildinfo ohne javascript - vgl.  http://css.fractatulum.net/img_hover_info/ */
/* Zwecks Nutzung für alle Bilder (mit unterschiedlichen Breiten) */
.bild {
/*	width: 320px;  /* original: 70%  - ... Angabe für aktuelles Bild in Div ausgelagert und dort direkt formatiert  */
/*	max-width:720px;  /* original: 800px  - ... dito */
/*	min-width:320px;  /* original: 400px  - ... dito */
	height: auto;
	overflow:hidden;
	margin: 0em auto 0em auto;  /* original: 2em auto 2em auto */
	border: 0px solid #fff;   /*  steuert Schatten li u. re; original: 10px  */
	position: relative;    /* Löschen dieser u. der nächsten beiden Zeilen bewirkt, dass Info-Box bei onmouseover nicht am unteren Bildrand sondern irgendwo oben auf der Seite erscheint */
	-webkit-box-shadow: 0px 0px 0px #222;   /* original: 1px 1px 2px #222  - bewirkt scheinbar nichts */
	-moz-box-shadow: 0px 0px 0px #222;   /* original: 1px 1px 2px #222  - bewirkt scheinbar nichts */
	box-shadow: 0 0px 0px 0px #222;   /* original: 0 8px 10px -6px #222  - killt restlichen Rahmen */
	/* original: font-family:"Georgia", "Garamond", "Times New Roman", Times, serif; - ohne Eintrag wird Brotschrift benutzt */ 
	color: #666666;
}

.bild .infobox {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: rgba(80,80,80,0.7);
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	-webkit-transform: translateY(102%);
	-moz-transform: translateY(102%);
	-o-transform: translateY(102%);
	-ms-transform: translateY(102%);
	transform: translateY(102%);
	}

	.bild:hover .infobox {
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-o-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
		}
	.bild .infobox > h2 {
		/* font-variant:small-caps;
		text-align: center;
		position: relative;
		font-size: 1.2em;
		padding: 0.2em;
		margin: 0;
		background: rgba(0, 0, 0, 0.5);
		color: #F3F3F3;
		box-shadow: 0px 1px 3px rgba(255, 255, 255, 0.5);
		border-top-right-radius:7px;
		border-top-left-radius:7px; */
		position: relative;
		padding: 0.8rem;
		background: rgba(0, 0, 0, 0.5);
		text-align: center;
		font-variant:small-caps;
		font-size: 1.2em;
		color: #F3F3F3;
		}
	.bild .infobox > p {
		font-size: 0.8em !important;   
		line-height: 1.1 !important;  
		color: #fff;
		padding: 0.8em;
		margin:0;			
		}
	.bild .infobox > .zentriert {
		font-style: italic;
		text-align: center;
		}
.bild img {
	display: block;
	width:100%;
	position: relative;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	}

/* HEADER-ANPASSUNGEN */
#top-header /* Höhe des obersten, roten Felds des Headers */{
	height: 50px;
	color:#cd5c5c; 
}

#et-secondary-menu /* löscht social icons aus oberstem, rotem Header */ {
    display: none;
}

#et-top-navigation li /* Höhe des zweiten, rosafarbenen Felds des Headers unterhalb der Menüeinträge*/ {
    padding-bottom: 5px;
}

#et-top-navigation /* Höhe des zweiten, rosafarbenen Felds des Headers oberhalb der Menüeinträge*/{
    padding: 35px 0 0 0 !important;
}

/* bewirkt, dass "primary menu linkfarbe" u. "aktive primary menu linkfarbe" (vgl. customizer -> header & navigation -> Festgelegte Navigationseinstellungen) auch bei Mobilen richtig angezeigt werden (klappt in Customizer-Vorschau nicht) - 20.1.19 durch DI Sebastian) */
@media only screen and ( max-width: 980px ) {
	.et_header_style_centered .mobile_nav .select_page, .et_header_style_split .mobile_nav .select_page, .et_mobile_menu li a, .mobile_menu_bar::before, .et_nav_text_color_light #top-menu > li > a, .et_nav_text_color_dark #top-menu > li > a, #top-menu a, .et_mobile_menu li a, #et_search_icon::before, #et_top_search .et-search-form input, .et_search_form_container input, #et-top-navigation .et-cart-info {

    color: #ffadad !important;

}
}

/* FOOTER-ANPASSUNGEN */
/* Auswirkung nur für Smartphone und nur Wert für margin-right ggf. verändern */
#footer-bottom span {margin-right: 40px;}
@media only screen and ( max-width: 479px ) {
	#footer-bottom span {margin-right: 20px;}
}

/* reduziert Höhe des die Fußzeilenbereiche 1-3 (definierbar als Widget) enthaltenden Footers und bewirkt, dass die Einträge vertikal mittig erscheinen */
#footer-widgets {
    padding: 33px 0 0;
}

/* bestimmen horizontale Ausrichtung der drei Fußzeilenbereiche 1-3 (definierbar als Widget) und bewirken, dass die Einträge in jeder Spalte zentriert erscheinen */
.et_pb_widget {
    float: none;
}
.et_pb_gutters2.et_pb_footer_columns3 .footer-widget {
    text-align: center;
}

/* bestimmt horizontale Ausrichtung des untersten Fußzeilenbereichs und bewirket, dass Eintrag zentriert erscheint */
#footer-info, #footer-info a {
    width: 100% !important;
    text-align: center !important;
}

/* Links in Footer */
A.foot:link { 
    color: #ffadad !important;
    text-decoration:none;
    }
A.foot:visited {
    color: #ffadad !important;
    text-decoration:none;
    }

#sc_calendar td div.sc_day_div a {
  white-space: normal !important; 
}