/*
Theme Name:Divi Child Theme
Theme URI:trend-media.com
Description:Divi Musterblog
Author:Bea Pircher
Author URI:Bea Pircher
Version:1.0.0
Template:Divi
*/
/****Akzentfarben Start****/
.tm-akzentfarben,#et-footer-nav,.ds-hover-1:hover .tm-widget-box-title,.ds-hover-1:focus .tm-widget-box-title,#top-header,.ui-widget-header{background:#9bb70d!important}
.wpcf7-form-control-wrap.Anreiselink::before,.wpcf7-form-control-wrap.Abreiselink::before,.tm-footer-map-icon .et-pb-icon,.tm-quadrat-text-trenner,
input.text, input.title, input[type=email], input[type=password], input[type=tel], input[type=text], select, textarea {background-color: transparent; border: 0px solid #bbb!important; padding: 2px; color: #4e4e4e; border-bottom: 2px dotted rgba(255, 255, 255, 0.32)!important; }
.tm-schnellanfrage-header-rechts .text br{display:block!important}
.tm-schnellanfrage-header-rechts p.text {line-height: 21px;font-size: 13px;text-align: center; }
.tm-schnellanfrage-header-rechts p.text a{color:#fff!important}
.tm-schnellanfrage-header-rechts p.text span.text-link{text-decoration:underline!important}


.heute-anfrage .tm-schnellanfrage-header-rechts {
    background-color: transparent !important;
    padding: 0;
}

.heute-anfrage .uab-shr-logo-box {
    display: none;
}

.heute-anfrage .tm-schnellanfrage-header-rechts p.text {
    line-height: 21px;
    font-size: 13px;
    text-align: left;
}





/****Farbe für Title Subheader Start****/
.tm-title-zwei-zeilen-sub{color:#515151!important}
/****Farben Serviceleiste rechts Start****/
.tm-serviceleiste-rechts .textwidget{height:85px;width:80px;text-align:center}
.tm-serviceleiste-rechts .tm-sbr-icons-rechts-box::before,.tm-serviceleiste-rechts .tm-sbr-icons-text{color:#fff!important}
.tm-serviceleiste-rechts .textwidget{background:#e87700}
.tm-serviceleiste-rechts .textwidget:hover,.tm-serviceleiste-rechts .textwidget:focus{background:#7F6B66!important}
/****Tablepress Anpassungen Start****/
.tablepress{width:750px}
.tablepress tfoot th,.tablepress thead th{background-color:#3a3028!important;color:#ffffff!important;font-size:20px!important;padding:20px 10px!important;text-align:left!important}
.tablepress .odd td{background-color:#87736F!important}
.tablepress .even td{background-color:#7f6b66!important}
.tablepress .row-hover tr:hover td{background-color:#96C11F!important;color:#fff}
.tablepress tbody td,.tablepress tfoot th{border-top:none!important}
.tablepress th,.tablepress td{color:#fff!important;float:none!important;font-size:17px;padding:14px 10px!important}
.et_fullscreen_slider .et_pb_slides,.et_fullscreen_slider .et_pb_slide,.et_fullscreen_slider .et_pb_container{min-height:100%!important;
    height:100%!important}




@media screen and (max-width:800px){
	.tablepress{width:100%}
	.tablepress tfoot th,
	.tablepress thead th{font-size:17px!important;padding:12px 10px!important}
	.tablepress th,.tablepress td{font-size:15px;line-height:22px;padding:3px 10px!important}
}
@media screen and (max-width:600px){
	.tablepress{width:560px!important}
}

#singlepost .et_pb_post .entry-featured-image-url {
    margin-bottom: 0;
}

.et_pb_post .entry-title {
    font-size: 28px!important;
}


#singlepost.et_pb_posts a.more-link {
    clear: unset!important;
}

#singlepost .et_pb_post {
margin-bottom: 100px;
}
#singlepost .et_pb_post a img {
height: auto;
float: left;
left: 0;
margin-right: 14px;
margin-bottom: 10px;
}
@media only screen and (max-width: 980px) {
#singlepost .et_pb_post a img {
float:none;
width:100%;
height: 300px;
}
}
#singlepost .et_pb_post a.more-link {
    text-transform: capitalize;
    color: #fff;
    background: #021827;
    float: left;
    font-size: 0;
    border: solid 0px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 0;
    transition: 0.5s ease-out;
    border-radius: 0;
}

#singlepost .et_pb_post a.more-link::before {
    content: "Details";
    font-size: 18px;
    position: relative;
}

#singlepost .et_pb_post a.more-link:hover {
    color: white;
    background: #f71635;
    letter-spacing: 1.5px;
}


/**************************** Custom Producer Style Section ****************************/


.heute-desktop{display: block}
.heute-mobil{display: none}



.ka-bew-box {
    display: block;
    margin: 0 auto;
    padding: 3%;
}

.ka-bew-button-ok {
    background: #f71635;
    padding: 15px 21px;
    color: #fff;
    font-family: 'Khand',Helvetica,Arial,Lucida,sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 25px;
    float: right !important;
    position: relative;
    transform: skewX(-14deg) skewY(0deg);
}


.ak-footer-info-box {
    margin-top: -40px;
}

.single-post .entry-title {
    font-size: 25px;
}

.et-pb-controllers a {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-right: 10px;
	padding: 0;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 0;
	opacity: .8;
	background-color: rgb(255, 255, 255);
	text-indent: -9999px;
}

.et_pb_bg_layout_light .et-pb-controllers .et-pb-active-control {
	background-color: #f71635;
}

.et_pb_bg_layout_light .et-pb-arrow-next, .et_pb_bg_layout_light .et-pb-arrow-prev {
	color: #fff;
	background: #f71635;
}

.et_pb_slider .et-pb-arrow-prev {
	left: 22px;
	opacity: 1;
}

.et_pb_slider .et-pb-arrow-next {
	right: 22px;
	opacity: 1;
}

.ka-footer-nav .et_pb_widget.widget_nav_menu {
	margin: 0 !important;
	width: 100%;
	text-align: center;
}

.ka-footer-nav a {
	color: #fff !important;
	font-style: italic;
	font-size: 14px;
	margin-right: 7px;
}
.ka-footer-nav {
	padding-right: 0 !important;
} 

.ka-footer-nav  ul#menu-footer-navi li, .ka-footer-nav  ul#menu-footer-navi-it li {
	display: inline-block!important;
}

.ka-footer-nav #menu-footer-navi {
	display: inline;
}


.ka-list-box {
	display: block !important;
}

.ka-list-box-right .et_pb_column {
	width: 100%;
}


body #page-container .ka-list-box-right {
	z-index: 9999;
}

body #page-container .sub-menu {
	padding-left: 0 !important;
}



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

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


.et_mobile_menu li a {
	padding: 11px 5% 0;
}
.mobile_nav  .sub-menu a::before {
	content: "\35";
	font-family: "ETmodules" !important;
	position: relative;
	left: -3px;
	color: #da1755;
}

    #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: 0;
        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;
    }
    /* make the current page's mobile menu link be different */

    #main-header #mobile_menu.et_mobile_menu li.current-menu-item > a {
        font-weight: bolder;
    }

    /****** Code Style: Menu Slide-In ******/

    /* Font Awesome */
    .fa {
        margin-right: 15px ;
      }

.et_primary_nav_dropdown_animation_expand #et-top-navigation .mobile_nav ul li > ul, .et_secondary_nav_dropdown_animation_expand #et-secondary-nav .mobile_nav li > ul {
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-animation: Grow .4s ease-in-out;
	-moz-animation: Grow .8s ease-in-out;
	-o-animation: Grow .4s ease-in-out;
	animation: Grow .4s ease-in-out;
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
}



    @media only screen and (max-width: 1300px){

#top-menu-nav {
	display: none;
}

.mobile_nav {
	top: -9px;
	position: relative;
}

 #et_mobile_nav_menu {
	display: block;
	float: right;
}   	
    #mobile_menu {
        display: block !important;
        min-height: 100vh;
        height: 100%;
        top: 0;
        right: 0;
        position: fixed;
        z-index: 9998;
        overflow: scroll;
        border-top: none;
        padding-top: 60px !important;
    }

.et_mobile_menu li a {
	color: #fff !important;
	width: 100%;
	float: left;
	text-align: left;
	border-bottom: 0px solid #ddd;
	margin: 0 0 7px 0;
	transition: .2s;
	text-transform: uppercase;
	font-weight: normal !important;
}

    .mobile_nav ul#mobile_menu .current_page_item > a {

    }

    .mobile_nav.closed #mobile_menu {
        background: #20242b !important;
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition: -webkit-transform 0.4s 0s;
        -moz-transition: -moz-transform 0.4s 0s;
        transition: transform 0.4s 0s;
    }

    .mobile_nav.opened #mobile_menu {
        background: #20242b !important;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        -webkit-overflow-scrolling: touch;
        -webkit-transition: -webkit-transform 0.4s 0s;
        -moz-transition: -moz-transform 0.4s 0s;
        transition: transform 0.4s 0s;
    }

    #main-header .container.clearfix.et_menu_container {
        width: 100%;
    }

    .mobile_menu_bar:before {
        color: #1b1d1e !important;
    }
    .mobile_nav.opened .mobile_menu_bar:before {
        content: '\4d';
        color: #fff !important;
        z-index: 9999;
    }
    }

    @media only screen and  (max-width: 980px) {
      .et_header_style_split .mobile_menu_bar, .et_header_style_left .mobile_menu_bar {    
        z-index: 9999;
      }
      #et-top-navigation {    
        padding-right: 5px;
      }
    }

    @media only screen and (min-width: 481px)  {
      #mobile_menu {    
        width: 340px;    
        margin-left: calc(100% - 340px);
      }
    }
    @media only screen and (max-width: 480px)  {
      #mobile_menu {    
        width: 290px;    
        margin-left: calc(100% - 290px);
      }
    }


@media only screen and (max-width: 980px){
	.mobile_nav {top: 0; }
}


@media only screen and (max-width: 767px){
	.et_pb_slider .et-pb-arrow-prev {left: 0; }
	.et_pb_slider .et-pb-arrow-next {right: 0; }
}



/**************************** Custom Mobile Style ****************************/


@media screen and (max-width:1300px){
.heute-desktop{display: none}
.heute-mobil{display: block}
}




@media screen and (max-width:980px){
	body #page-container .ka-list-box-out {padding-right: 0 !important; }
	body #page-container .ka-list-box-right {padding-left: 0 !important; margin: 0 auto !important; display: block !important; position: relative !important; }
	body #page-container .ka-icons-box-front .et_pb_blurb_content {max-width: 95%!important; }
#main-header {
    background-color: #ffffff!important;
}

}

@media screen and (max-width:600px){
	.ka-footer-right-box {margin-top: -112px !important; }
	.ka-footer-nav ul#menu-footer-navi li {display: inline-block !important; line-height: 0; padding-bottom: 0; margin-bottom: 0; }
	.ka-footer-nav {padding-right: 0 !important; padding-top: 15px; }
	body #page-container {padding-top: 0 !important; }
    .et_pb_column.et_pb_column_1_2.et_pb_column_21.et_pb_css_mix_blend_mode_passthrough.et_pb_column_single {
    padding-left: 19px;
}

}

/**************************** Cookie Box ****************************/

body #usercentrics-button #uc-banner-modal .uc-banner-content, body .usercentrics-button.layout-1 .uc-corner-modal .uc-corner-modal-content .uc-nav-tabs {background-color: #3c3c3c !important}
body .usercentrics-button.layout-1 .uc-corner-modal .uc-corner-modal-content .uc-card-header, body .usercentrics-button .uc-corner-modal .uc-card-footer .uc-save-settings-button {background-color: #737373 !important;}
body .usercentrics-button .uc-dropdown .uc-dropdown-menu {background: #a8a8a8 !important; }
body .uc-powered-by-footer.uc-powered-by-logo.uc-flex-container,body #usercentrics-button #uc-consents-info-modal .uc-info-modal-sidebar .uc-powered-by, body #usercentrics-button .uc-powered-by-footer {display: none !important;}
body #usercentrics-button #uc-consents-info-modal .uc-modal-footer .uc-save-settings-and-close-button,body  #usercentrics-button #uc-consents-info-modal .uc-modal-header {background-color: #3e3e3e !important;border-radius: 0 !important;}
body #usercentrics-button #uc-consents-info-modal .uc-modal-header .uc-info-modal-search-bar input {background-color: #3e3e3e!important; border: 1px solid #a8b3c0!important; border-radius: 0!important; }
body #usercentrics-button #uc-consents-info-modal .uc-info-modal-sidebar {background-color: #e4e4e4!important;}
body .usercentrics-button .uc-main-banner .btn-deny,body .usercentrics-button .uc-main-banner .more-info-button {background-color: #595959!important;}
body .usercentrics-button.layout-1 .uc-banner-content .btn-list .uc-btn.uc-btn-primary {background: #737373!important;}
body .usercentrics-button.layout-1 .uc-banner-content {max-width: 600px !important; right: auto !important; }
body #opt-in_screens use, body #uc-btn-close-main-corner-modal use {fill: #737373!important;}
body #opt-in_screens path#fingerprint {fill: #737373!important;}
body .usercentrics-button #uc-privacy-chip {position: fixed!important; z-index: 99999999999999; }
html {padding-bottom: 0!important; }

@media screen and (max-width: 650px) {body .usercentrics-button .uc-privacy-button-wrapper {height: 64px !important; width: 64px !important; transform: scale(0.8) !important; } }