/*
 Theme Name:     Divi Child
 Theme URI:      https://www.pixelnet-media.com
 Description:    Divi Child Theme
 Author:         pixelnet-media
 Author URI:     https://www.pixelnet-media.com
 Template:       Divi
 Version:        3.1.7
*/

.my-slider img {
    min-height: 200px;
    max-height: 830px;
    object-fit: cover;
}
.my-image img {
    min-height: 200px;
    max-height: 520px;
    object-fit: cover;
}
.fader-image-top {
    animation: loop4to1 10s ease-in-out infinite;
}
@keyframes loop4to1 {
    0%, 40% {
        opacity: 0;
    }
    50%, 90% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
h1 {
    padding-bottom: 20px;
}
.spacer15 {
    margin-top: 15px;
}
.spacer30 {
    margin-top: 30px;
}
.spacer50 {
    margin-top: 70px;
}
.kpagecontent a {
    font-family: 'latin-bold',Helvetica,Arial,Lucida,sans-serif !important;   
}
.kpagecontent a:hover {
    font-family: 'latin-bold',Helvetica,Arial,Lucida,sans-serif !important;
}
a {
	transition: color 300ms ease 0ms;   
}
a:hover {
	color: #191919 !important;
	transition: color 300ms ease 0ms;
}

.mainnav.et_pb_menu--with-logo .et_pb_menu__menu > nav > ul > li > a {
	border-bottom: 6px solid rgba(255,255,255,0);;
	padding-top: 10px;
	padding-bottom: 10px;
	opacity: 1;
}
#menu-topnav li.current-menu-item > a,
#menu-topnav li.current-menu-ancestor > a, #menu-topnav li.current-menu-item > a {
	border-bottom: 6px solid #e73049;
}
ul#menu-topnav a:hover {
	border-bottom: 6px solid #e73049;
}
.mainnav.et_pb_menu--with-logo .et_pb_menu__menu > nav > ul {
	margin-top: 55px !important;
}
.mainnav.et_pb_menu .nav li ul.sub-menu li a {
	border-bottom: 0px solid #fff !important;
	opacity: 1;
	transition: color 300ms ease 0ms;
}
.mainnav.et_pb_menu .nav li ul.sub-menu li a:hover {
	background-color: #fff !important;
	color: #e73049 !important;
	transition: color 300ms ease 0ms;
}
.mainnav.et_pb_menu .nav li ul.sub-menu li.current-menu-item a {
	border-bottom: 0px solid #fff !important;
	transition: color 300ms ease 0ms;
}
#mobile_menu1 li.current-menu-item > a {
	color: #e73049 !important;
	background-color: #fff;
	transition: color 300ms ease 0ms;
}
#mobile_menu1 li a {
	opacity: 1;
	background-color: #fff;
	transition: color 300ms ease 0ms;
}
#mobile_menu1 li a:hover {
	opacity: 1;
	color: #e73049 !important;
	transition: color 300ms ease 0ms;
}
.et_pb_menu__logo {
    margin-right: 10px !important;
}
.et_pb_menu .et_pb_menu__menu > nav > ul {
    margin-bottom: -26.5px !important;
}
.buttons-inline .et_pb_button_module_wrapper {
	display: inline-block;
}

@media (max-width: 767px) {
    .buttons-inline .et_pb_button_module_wrapper {
        display: inherit;
    }
    .buttons-inline {
	    text-align: center !important;
    }
}
.secondsec h2 {
    padding-bottom: 0px;
    border-left: 4px solid #e73049;
    padding-left: 26px;
}

.kontakt {
    padding-bottom: 0px;
    border-left: 4px solid #e73049;
    padding-left: 26px;
}
.mehr img {
    transition: 0.3s;
}
.mehr img:hover {
    margin-left: 10px;
    transition: 0.3s;
}
img.clock {
    position: absolute;
    margin-top: 35px;
    margin-left: -40px;
}
@media (max-width: 767px) {
    img.clock {
        margin-top: 27px;
        margin-left: -40px;
    }
}
.kpagecontent .kontakt a {
    font-family: 'latin-regular',Helvetica,Arial,Lucida,sans-serif !important;   
}
.kpagecontent .kontakt a:hover {
    font-family: 'latin-regular',Helvetica,Arial,Lucida,sans-serif !important;
}
.kontakt a {
    color: #191919 !important;
	transition: color 300ms ease 0ms;   
}
.kontakt a:hover {
	color: #E73049 !important;
	transition: color 300ms ease 0ms;
}
.small {
    font-size: 18px;
}

.gal .et-pb-slider-arrows, .gal .et-pb-controllers, .mfp-bottom-bar {
	display: none;
}

.et_pb_module .et_pb_gallery .et_pb_gallery_0 .gal .et_pb_bg_layout_light .et_pb_slider .et_pb_gallery_fullwidth {
	margin-bottom: 0px !important;
}
.th_accordion .et_pb_toggle_title {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.th_accordion .et_pb_toggle_title:before {
	display: block !important;
    content: "" !important;
    transition: 0.3s;
    background: transparent url("https://www.brillen-kaepernick.de/wp-content/uploads/icon-open.webp") no-repeat;
    background-size: 100% 100%;
    width: 93px;
    height: 90px;
    border-left: 10px solid #fff !important;
	border-bottom: 10px solid #fff !important;
    z-index: 9999;
    flex-shrink: 0;
	top: 0;
 	margin-top: 0px;
}
.th_accordion .et_pb_toggle_open .et_pb_toggle_title:before {
	display: block !important;
    content: "" !important;
    transition: 0.3s;
    background: transparent url("https://www.brillen-kaepernick.de/wp-content/uploads/icon-close.webp") no-repeat;
    background-size: 100% 100%;
    width: 93px;
    height: 90px;
    border-left: 10px solid #fff !important;
	border-bottom: 10px solid #fff !important;
    z-index: 9999;
    flex-shrink: 0;
}
.th_accordion h2.et_pb_toggle_title {
	padding: 20px !important;
	padding-left: 30px !important;
	padding-right: 95px !important;
}
.th_accordion .et_pb_toggle {
  	border: 0px;
  	background: none;
  	padding: 0px;
   	transition: 0.3s;
}
.th_accordion .et_pb_toggle_content {
	background-color: #fff;
	padding-left: 30px !important;
	padding-right: 100px !important;
}
.acc-content {
    border-left: 3px solid #e82a48;
    border-right: 3px solid #e82a48;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 20px;
    padding-bottom: 20px;
}
.th_accordion .et_pb_module {
	margin-bottom: 12px !important;
}
@media all and (max-width: 980px) {
.th_accordion .et_pb_toggle_title:before {
	display: block !important;
    content: "" !important;
    transition: 0.3s;
    background: transparent url("https://www.brillen-kaepernick.de/wp-content/uploads/icon-open.webp") no-repeat;
    background-size: 100% 100%;
    width: 68px;
    height: 66px;
    border-left: 0px solid #fff !important;
	border-bottom: 0px solid #fff !important;
    z-index: 9999;
    flex-shrink: 0;
	top: inherit;
 	margin-top: 0px;
}
.th_accordion .et_pb_toggle_open .et_pb_toggle_title:before {
	display: block !important;
    content: "" !important;
    transition: 0.3s;
    background: transparent url("https://www.brillen-kaepernick.de/wp-content/uploads/icon-close.webp") no-repeat;
    background-size: 100% 100%;
    width: 68px;
    height: 66px;
    border-left: 0px solid #fff !important;
	border-bottom: 0px solid #fff !important;
    z-index: 9999;
    flex-shrink: 0;
}	
.th_accordion h2.et_pb_toggle_title {
	padding: 12px !important;
	padding-left: 30px !important;
	padding-right: 80px !important;
}
.th_accordion .et_pb_toggle_content {
	background-color: #fff;
	padding-left: 0px !important;
	padding-right: 30px !important;
}
.acc-content {
    border-left: 3px solid #e82a48;
    border-right: 0px solid #e82a48;
    padding-left: 30px;
    padding-right: 0px;
    padding-top: 20px;
    padding-bottom: 20px;
}
}
@media all and (max-width: 767px) {
.th_accordion .et_pb_toggle_title:before {
	display: block !important;
    content: "" !important;
    transition: 0.3s;
    background: transparent url("https://www.brillen-kaepernick.de/wp-content/uploads/icon-open.webp") no-repeat;
    background-size: 100% 100%;
    width: 64px;
    height: 62px;
    border-left: 0px solid #fff !important;
	border-bottom: 0px solid #fff !important;
    z-index: 9999;
    flex-shrink: 0;
	top: inherit;
 	margin-top: 0px;
}
.th_accordion .et_pb_toggle_open .et_pb_toggle_title:before {
	display: block !important;
    content: "" !important;
    transition: 0.3s;
    background: transparent url("https://www.brillen-kaepernick.de/wp-content/uploads/icon-close.webp") no-repeat;
    background-size: 100% 100%;
    width: 64px;
    height: 60px;
    border-left: 0px solid #fff !important;
	border-bottom: 0px solid #fff !important;
    z-index: 9999;
    flex-shrink: 0;
}
}
.kontaktspacer {
    width: 100%;
    height: 4px;
    background: #E73049;
}
.box-content-area {
    display: none;
    background-color: #fff;
    padding: 20px 30px 0px 30px;
    border-left: 3px solid #e73049;
    border-right: 3px solid #e73049;
    margin-top: 30px;
}
.klick-box.active-box {
    background-color: #e73049 !important;
}
.klick-box.active-box h2, 
.klick-box.active-box .et-pb-icon {
    color: #ffffff !important;
}
.klick-box {
    cursor: pointer;
}
.klick-box h2 {
    font-family: 'latin-black',Helvetica,Arial,Lucida,sans-serif;
    color: #f15560;
    font-size: 46px;
    line-height: 1.2em;
}
.schliessen-taste {
    text-align: right;
    font-size: 16px;
    color: #e73049;
    font-style: italic;
    margin-top: 30px;
    cursor: pointer;
	transition: color 300ms ease 0ms;
}
.schliessen-taste:hover {
    color: #191919;
	transition: color 300ms ease 0ms;
}
@media (min-width: 981px) and (max-width: 1350px) {
.klick-box h2 {
    font-size: 30px;
}
}
@media all and (max-width: 980px) {
.klick-box h2 {
    font-size: 40px;
}
}
@media all and (max-width: 767px) {
.klick-box h2 {
    font-size: 35px;
}
}
.footer a {
	color: #fff !important;
	transition: color 300ms ease 0ms;
}
.footer a:hover {
	color: #191919 !important;
	transition: color 300ms ease 0ms;
}
.lwp-hide-mobile-menu.et_pb_menu .et_pb_menu__menu,.lwp-hide-mobile-menu.et_pb_fullwidth_menu .et_pb_menu__menu {
    display: flex!important;
}
.lwp-hide-mobile-menu .et_mobile_nav_menu {
    display: none;
}
.lwp-hide-mobile-menu.et_pb_menu--style-centered .et_pb_menu__menu > nav > ul, .lwp-hide-mobile-menu.et_pb_menu--style-centered .et_pb_menu__wrap {
	justify-content: center;
 	width: 100%;
}
.lwp-hide-mobile-menu.et_pb_menu--without-logo .et_pb_menu__menu > nav > ul > li {
	margin-top: 0px;
}
.lwp-hide-mobile-menu.et_pb_menu--without-logo .et_pb_menu__menu > nav > ul > li > a {
	padding-top: 12px;
	padding-bottom: 0px;
	transition: color 300ms ease 0ms;
}
.lwp-hide-mobile-menu.et_pb_menu--without-logo .et_pb_menu__menu > nav > ul > li > a:hover {
	transition: color 300ms ease 0ms;
}