/*
 Theme Name:   Divi-Child
 Description:  Custom Child Theme
 Author:       AlexOffice
 Author URI:   webdesign-grafik-koeln.de
 Template:     Divi
 Version:      1.0
 Text Domain:  twenty-fifteen-child
 */

 @font-face {
 	font-family: 'AvanceOTItalic';
 	src: url('fonts/AvanceOTItalic.eot');
 	src: url('fonts/AvanceOTItalic.eot') format('embedded-opentype'),
 	url('fonts/AvanceOTItalic.woff2') format('woff2'),
 	url('fonts/AvanceOTItalic.woff') format('woff'),
 	url('fonts/AvanceOTItalic.ttf') format('truetype'),
 	url('fonts/AvanceOTItalic.svg#AvanceOTItalic') format('svg');
 }

 h1, h2, h3, h4, .avance {
 	font-family: "AvanceOTItalic", serif!important;
 }

 /* logo smartphone groesser */

 @media only screen and (max-width: 980px) {
 	#logo, .logo_container {
 		max-height: 100%!important;
 	}
 	.et_header_style_left #logo {
 		max-width: 65%;
 	}
 }

 .cn-button.wp-default {
 	background: #fff!important;
 	color:#000!important;
 }

 /*********************************
JCR Cookiebot CSS Anpassungen
*********************************/
 
#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive {
  border-bottom: 1px solid #b5152b!important;
  color: #b5152b!important;
}

#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonAccept,
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonAccept,
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll,
#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-change,
#CybotCookiebotDialogTabContent input:checked+.CybotCookiebotDialogBodyLevelButtonSlider {
  background-color: #b5152b!important;
  border-color: #b5152b!important;
}

#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonCustomize,
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection,
#CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton,
#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-withdraw{
  border-color: #b5152b!important;
}

#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink:hover,
#CybotCookiebotDialog .CookieCard .CybotCookiebotDialogDetailBodyContentCookieContainerButton:hover{
  color: #b5152b!important;
}

#CybotCookiebotDialogPoweredbyImage {
  display: none;
}

#CybotCookiebotDialog #CybotCookiebotDialogDetailFooter a,
#CookiebotWidget .CookiebotWidget-consent-details button,
#CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieLink,
#CybotCookiebotDialogBodyEdgeMoreDetailsLink  {
  color: #b5152b!important;
}

#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-consents-list li.CookiebotWidget-approved svg {
  fill: #b5152b!important;
}

 /* videotrainings text und grössen */


 body.page-id-2009 .et_pb_toggle_content .et_pb_blurb_description{
 	font-size: 14px;
 	line-height: 1.5em;
 }

 body.page-id-2009 .et_pb_toggle_content .et_pb_section{
 	padding:2%;
 }

 body.page-id-2009 .et_pb_toggle_content .et_pb_column{
 	margin-bottom: 0!important;
 }

 body.page-id-2009 .et_pb_toggle_content .et_pb_row{
 	width: 100%;
 	padding:0 0 0 0!important;
 }

 body.page-id-2009 .et_pb_toggle_content .et_pb_module{
 	margin-bottom: 10px!important;
 }

 @media (min-width: 1024px) {

 	body.page-id-2009 .et_pb_toggle_content .et_pb_module_header{
 		min-height: 56px;
 	}

 	body.page-id-2009 .et_pb_toggle_content .et_pb_section{
 		border-top:1px solid #ccc;
 	}

 }

  body.page-id-2009 .et_pb_blurb_description a.videomail:before{
 	content:'\e076';
 	font-family: 'ETmodules';
 	margin-right: 10px;
 	color:#b5152b;
 }

 body.page-id-2009 .et_pb_blurb_description a.videomail{
 	color:#7199ac;
 	font-weight:bold;
 }

 @media (max-width: 1024px) {

 	body.page-id-2009 .et_pb_toggle_content .et_pb_module_header{
 		border-top:1px solid #b5152b;
 		padding-top: 20px;
 	}

 }

 body.page-id-2009 .et_pb_toggle_content ul li:before,
 body.page-id-2009 .et_pb_text_inner ul li:before{
 	content:'\e092';
 	font-family: 'ETmodules';
 	margin-right: 10px;
 }

 body.page-id-2009 .et_pb_toggle_content ul,
 body.page-id-2009 .et_pb_text_inner ul{
 	list-style-type: none;
 	padding:0 0 0 0;
 }

 body.page-id-2009 .et_pb_toggle_content ul li,
 body.page-id-2009 .et_pb_text_inner ul li{
 	padding: .5rem 0 .5rem 0;
 }

 body.page-id-2009 .et_pb_toggle_content ul li a,
 body.page-id-2009 .et_pb_text_inner ul li a{
 	color:#7199ac;
 }

 @media only screen and (min-width: 1024px){
 	body.page-id-2009 .et_pb_toggle_content ul li,
 	body.page-id-2009 .et_pb_text_inner ul li {
 		float:left;
 		margin-left: 0;
 	}
 }

 /*mehr lesen rot */

 #home_umschalter .et_pb_toggle_close h5.et_pb_toggle_title {
 	color: #fff;
 	background: #b5152b;
 	border-radius:5px;
 	display: inline-block;
 	padding: .5rem .5rem;
 }

 #home_umschalter .et_pb_toggle_open h5.et_pb_toggle_title {
 	color: #fff;
 	background: #b5152b;
 	border-radius:5px;
 	display: inline-block;
 }
 /*ersetze symbol in umschalter */


 /*ändere mehr lesen zu weniger lesen*/

 #home_umschalter .et_pb_toggle_open .et_pb_toggle_title:after {
 	content: "weniger lesen";
 	visibility: visible;
 	margin-left: -118px;
 	background: #b5152b;
 	border-radius:5px;
 	padding: .3rem .4rem;
 }

 #home_umschalter .et_pb_toggle_open .et_pb_toggle_title {
 	visibility: hidden;
 }

 #home_umschalter .et_pb_toggle_title:before {
 	visibility: visible;
 }

 #main-footer{ 
 	position: fixed; 
 	bottom: 0; 
 	width: 100%;
 	z-index: 9999;
 }

 .et_password_protected_form {
 	min-height: initial;
 	padding: 60px 60px 100px 60px;
 	max-width: 90%;
 	margin: 20px auto;
 	border:3px solid #ececec;
 }

 @media (min-width: 768px) {
 	.et_password_protected_form {
 		margin: 10% auto;
 		max-width: 700px;
 		padding: 60px 60px 100px 60px;
 	}

 }

 .klein {
 	font-size: 24px;
 }

 /**** überschrift lernkontrollen ****/

 .lernerfolg {
 	font-weight: bold;
 	padding-top: .6rem;
 	clear: both;
 	color:#b5152b;
 }

 /**** passwortschutz input ****/

 .et_password_protected_form .et_submit_button {
 	background: #b5152b;
 	color: white!important;
 	border: 2px solid #b5152b;
 	width: 100%;
 }

 .et_password_protected_form .et_submit_button:hover {
 	background: #b5152b;
 	color: white!important;
 }

 /**** Nesting Menu ****/

 .et_mobile_menu .first-level > a {
 	background-color: transparent;
 	position: relative;
 }

 .et_mobile_menu .first-level > a:after {
 	font-family: 'ETmodules';
 	content: '\4c';
 	font-weight: normal;
 	position: absolute;
 	font-size: 16px;
 	top: 13px;
 	right: 10px;
 }
 .et_mobile_menu .first-level > .icon-switch:after{
 	content: '\4d';
 }
 .second-level {
 	display: none;
 }
 .reveal-items {
 	display: block;
 }

 /* when mobile menu is open, change hamburger icon to x icon */

 #et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before {
 	content: '\4d';
 }
 /* makes sub sub menu icon be right arrow instead of down arrow */

 #top-menu .menu-item-has-children .menu-item-has-children > a:first-child::after,
 #et-secondary-nav .menu-item-has-children .menu-item-has-children > a:first-child::after {
 	content: '5';
 }
 /* - mobile menu toggling elements, injected via jQuery - */
 /* make menu list item be relative, to be able to position toggle within this item */

 #main-header #mobile_menu.et_mobile_menu .menu-item-has-children {
 	position: relative;
 }
 /* the new toggle element, which is added via jQuery */

 #main-header #mobile_menu.et_mobile_menu .sub-menu-toggle {
 	position: absolute;
 	z-index: 1;
 	width: 36px;
 	height: 36px;
 	line-height: 36px;
 	border-radius: 50%;
 	top: 5px;
 	right: 30px;
 	cursor: pointer;
 	text-align: center;
 }
 /* the new toggle element when popped */

 #main-header #mobile_menu.et_mobile_menu .sub-menu-toggle.popped {
 	background-color: rgba(255,255,255, 0.2);
 }
 /* toggle icon */

 #main-header #mobile_menu.et_mobile_menu .sub-menu-toggle::before {
 	font-family: "ETmodules" !important;
 	font-weight: normal;
 	font-style: normal;
 	font-variant: normal;
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
 	line-height: 36px;
 	font-size: 24px;
 	text-transform: none;
 	speak: none;
 	content: '\33';
 	color: #da1755;
 }
 /* toggle icon when triggered */

 #main-header #mobile_menu.et_mobile_menu .sub-menu-toggle.popped::before {
 	content: '\32';
 }
 /* hide sub menus by default */

 #main-header #mobile_menu.et_mobile_menu .sub-menu-toggle ~ ul.sub-menu {
 	display: none !important;
 	padding-left: 0;
 }
 /* show sub menu when triggered via jQuery toggle, and add slight bg color */

 #main-header #mobile_menu.et_mobile_menu .sub-menu-toggle.popped ~ ul.sub-menu {
 	display: block !important;
 }
 /* remove sub menu list item left padding, since padding will be on anchors */

 #main-header #mobile_menu.et_mobile_menu li li {
 	padding-left: 0;
 }
 /* adjust mobile menu anchors side paddings */

 #main-header #mobile_menu.et_mobile_menu li a {
 	padding-left: 20px;
 	padding-right: 20px;
 }
 /* indent sub sub menus further */

 #main-header #mobile_menu.et_mobile_menu li li li a {
 	padding-left: 60px;
 	padding-right: 20px;
 }

 #main-header #mobile_menu.et_mobile_menu .menu-item-has-children > a {
 	background-color: transparent;
 	font-weight: inherit;
 }

 /* Increase width of drop-down menus */
 @media screen and (min-width: 981px) {
 	.sub-menu {
 		min-width: 300px;
 	}
 	#top-menu li li a {
 		width: 260px;
 		/* Extra - Reduce padding on list items */
 		padding: 4px 12px;
 	}
 }

 /**** accordioninhalt style ****/


 .et_pb_toggle_content ol li:before,
 .et_pb_text_inner ol li:before{
 	content:'\e092';
 	font-family: 'ETmodules';
 	margin-right: 10px;
 }

 .et_pb_toggle_content ol li,
 .et_pb_text_inner ol li{
 	padding: .5rem 0 .5rem 0;
 }

 .et_pb_toggle_content ol li a,
 .et_pb_text_inner ol li a{
 	color:#7199ac;
 }

 @media only screen and (min-width: 1024px){
 	.et_pb_toggle_content ol li,
 	.et_pb_text_inner ol li {
 		float:left;
 		margin-left: 15px;
 	}
 }

 /*
* Remove sidebar on all archive pages
*/
.search #main-content .container::before,
.archive #main-content .container::before {
	display: none!important;
}
.search #left-area,
.archive #left-area {
	width: 100%;
	float: none;
	padding-right: 0;
}
.search #sidebar,
.archive #sidebar {
	display: none!important;
}

.search-results .pagination {
	padding-bottom: 4rem;
}

/* ------------------------------------------------
    cookiebot
 */

 .cookieconsent-optout-marketing {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
 }

 .cookieconsent-optout-marketing {
   background: black;
 }

 .cookieconsent-optout-marketing span.msg {
  background: rgba(0,0,0,.5);
  display: block;
  color: #fff;
  padding: 10px;
  font-size: 12px;
  line-height: 19px;
  text-align: center;
 }

 .cookieconsent-optout-marketing span.msg a {
  color: #fff;
  border:1px solid white;
  padding:.4em;
  display: inline-block;
  width:250px;
  margin-top: 12px;
 }

   .cookieconsent-optout-marketing span.msg a.loadvid {
  color: #fff;
  background: #b5152b;
 }

 .cookieconsent-optout-marketing .btn {
   margin: 15px 0;
 }