,/*
Theme Name:   WSD Gotha
Author:       setzepfandt & partner
Template:     hello-elementor
Version:      1.0.0
Text Domain:  hello-elementor
*/



/* jost-regular - 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: 'Jost';
    font-style: normal;
    font-weight: 400;
    src: url('/wp-content/themes/wsd/fonts/jost-v14-latin-regular.eot'); /* IE9 Compat Modes */
    src: url('/wp-content/themes/wsd/fonts/jost-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/wp-content/themes/wsd/fonts/jost-v14-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
         url('/wp-content/themes/wsd/fonts/jost-v14-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
         url('/wp-content/themes/wsd/fonts/jost-v14-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
         url('/wp-content/themes/wsd/fonts/jost-v14-latin-regular.svg#Jost') format('svg'); /* Legacy iOS */
  }
  
  /* jost-600 - 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: 'Jost';
    font-style: normal;
    font-weight: 600;
    src: url('/wp-content/themes/wsd/fonts/jost-v14-latin-600.eot'); /* IE9 Compat Modes */
    src: url('/wp-content/themes/wsd/fonts/jost-v14-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/wp-content/themes/wsd/fonts/jost-v14-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
         url('/wp-content/themes/wsd/fonts/jost-v14-latin-600.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
         url('/wp-content/themes/wsd/fonts/jost-v14-latin-600.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
         url('/wp-content/themes/wsd/fonts/jost-v14-latin-600.svg#Jost') format('svg'); /* Legacy iOS */
  }
  
/* manrope-regular - 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: 'Manrope';
    font-style: normal;
    font-weight: 400;
    src: url('/wp-content/themes/wsd/fonts/manrope-v20-cyrillic-regular.eot'); /* IE9 Compat Modes */
    src: url('/wp-content/themes/wsd/fonts/manrope-v20-cyrillic-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/wp-content/themes/wsd/fonts/manrope-v20-cyrillic-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
         url('/wp-content/themes/wsd/fonts/manrope-v20-cyrillic-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
         url('/wp-content/themes/wsd/fonts/manrope-v20-cyrillic-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
         url('/wp-content/themes/wsd/fonts/manrope-v20-cyrillic-regular.svg#Manrope') format('svg'); /* Legacy iOS */
  }
  
  /* manrope-600 - 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: 'Manrope';
    font-style: normal;
    font-weight: 800;
    src: url('/wp-content/themes/wsd/fonts/manrope-v20-cyrillic-800.eot'); /* IE9 Compat Modes */
    src: url('/wp-content/themes/wsd/fonts/manrope-v20-cyrillic-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/wp-content/themes/wsd/fonts/manrope-v20-cyrillic-800.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
         url('/wp-content/themes/wsd/fonts/manrope-v20-cyrillic-800.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
         url('/wp-content/themes/wsd/fonts/manrope-v20-cyrillic-800.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
         url('/wp-content/themes/wsd/fonts/manrope-v20-cyrillic-800.svg#Manrope') format('svg'); /* Legacy iOS */
  }
    

body {
        font-family: "Manrope", sans-serif !important;
}

/*** SCHRIFT ***/

h1, h2, h3 {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
} 


.h1 strong,
h1 strong  {
font-weight: 600;
text-transform: uppercase;
}



h4 {
    text-transform: uppercase;
}

ul {
    font-weight: 600;
    list-style-type: none;
    padding:0
}

.elementor-widget-container > ul li,
.elementor-shortcode > ul li {
    border-bottom: 1px solid #005996;
    padding: 5px 0;
}

ul.inner-list li {
    border-bottom: 0 !important;
    padding: 0 20px !important;
}

.team ul li {
    border-bottom: 0;
    padding: 0;
}

.classic-list ul {
    list-style-type:disc;
}

.classic-list ul li {
    border-bottom: 0;
    padding: 0;
}

.banner-section a{
    color: white !important;
}

/*** POLYGON-FORMEN ***/

.polygon-right,
.custom-image-box,
.elementskit-post-image-card{
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 50px), calc(100% - 85px) 100%, 0 100%, 0 0);
}

.polygon-left{
    clip-path: polygon(0 50px, 85px 0, 100% 0, 100% 100%, 0 100%);
    }

.header-img {
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 55%),0 100%);
    z-index: -1;
}    

.footer-accordion .elementor-tab-title {
    clip-path: polygon(0 13px, 20px 0, 100% 0, 100% 100%, 0 100%);
}



/*** BUTTON ***/

.polygon-button{
    width: fit-content !important;
    margin: 0 -8px;
}



.polygon-button a,
.polygon-button a:hover {
    color: #ffffff !important;
    text-transform: uppercase;
    font-weight: 600;
    text-decoration: none !important;
    display: flex;
    line-height: 23px;

}

.polygon-button .button-inside,
.polygon-button .button-outside,
.metform-submit-btn {
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 13px), calc(100% - 20px) 100%, 0 100%, 0 0); 
}

.polygon-button .button-inside {
    background-color: #005996;
    padding: 7px 20px;
    transition: all 0.2s ease-in-out;
}

.banner-section .polygon-button .button-inside{
    background-color: #428ABA;
}


.polygon-button:hover .button-inside {
    background-color: #5680A3;
}

.polygon-button .button-outside {
    background-color: transparent;
    margin: 7px 8px;
    transition: all 0.2s ease-in-out;
    width: max-content;
}

.polygon-button:hover .button-outside {
    background-color:#C0D0DE;
    padding: 7px 8px;
    margin:0;
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 14px), calc(100% - 22px) 100%, 0 100%, 0 0); 

}

/*** FARBÜBERLAGERUNG BILDER ***/
.content-image .elementor-widget-container::before,
.elementskit-info-image-box .elementskit-box-header::before,
.custom-image-box .custom-image-box-image::before,
.image-overlay .elementor-widget-container::before,
.elementskit-post-image-card .elementskit-entry-thumb::before,
.swiper-slide a figure::before {
    content: '';
    background-color: #005996;
    width: 100%;
    height: 100%;
    opacity: 0.35;
    z-index: -1;
    display: block;
    position: absolute;
}

.content-image .elementor-widget-container img,
.elementskit-info-image-box img,
.custom-image-box img,
.image-overlay .elementor-widget-container img,
.elementskit-post-image-card .elementskit-entry-thumb img,
.swiper-slide img{
mix-blend-mode: luminosity;
}



/*** LINKS ***/

a:not(.elementor-accordion-title):not(.button-link):not(.legal):not(.ekit-menu-nav-link):not(.dropdown-item):not(.elementor-button):not(.product-container):not(.breadcrumb):not(.joblink):not(.elementskit-btn):not(.elementskit-entry-thumb):not(.cmplz-btn) {
    background-image: linear-gradient(0deg,currentColor,currentColor 1px,transparent 1px,transparent);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: relative;
    text-decoration: none;
    transition: background-size .2s,color .2s !important;
    display:inline-flex;
}

a:not(.elementor-accordion-title):not(.button-link):not(.legal):not(.ekit-menu-nav-link):not(.dropdown-item):not(.elementor-button):not(.product-container):not(.breadcrumb):not(.joblink):not(.elementskit-btn):not(.elementskit-entry-thumb):hover{
     background-size: 75% 100% !important;
}

.elementskit-post-image-card .entry-title a,
.team a,
.sitemap a,
.header-container a,
.swiper-slide a {
    background-image: none !important;
}

.sitemap a:hover {
color: #414141; 
}

/*Weitere Elemente ausschließen*/
.cpel-switcher__toggle a,
.cpel-switcher__lang a {
    background-image: none !important;
    display: inherit !important;
}

/*** BREADCRUMB ***/

.breadcrumb-navigation {
    font-family: "Manrope", sans-serif;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 20px;
}

.breadcrumb-navigation a {
    text-decoration: none !important;
    color: inherit !important;
}

.breadcrumb-navigation a:hover {
    color: #005996 !important;
}

/*** HEADER ***/

.header-container{
align-items: center;
}

.header-bar{
height: 45px;
}


.elementskit-menu-hamburger:hover,
.elementskit-menu-close:hover{
    background-color: transparent !important;
}


.elementskit-submenu-panel li a,
.elementskit-submenu-panel li a:hover {
    background-color: transparent !important;
}

.elementskit-dropdown {
    background-color: #004a7d !important;
}

.elementskit-submenu-indicator {
    border: 0 !important;
}

.header-section {
    position: inherit;
}


/*** FOOTER ***/

.footer-accordion .elementor-accordion .elementor-tab-content{
    border-top: 3px solid #ECECEC !important;
}


.footer-links * {
    color: #ECECEC !important;
    transition: all 0.2s ease-in-out;
    margin-bottom: 0;
}

.footer-links p {
}

.footer-links a:hover,
.footer-links button.cmplz-btn:hover {
    opacity: 0.5;
}

.footer-links button.cmplz-btn {
    border: 0;
    padding: 0;
    font-size: inherit;
    font-weight: inherit;
    background: transparent; 
}


/* Side-Buttons */
.side-links-container {
    transform: rotate(-90deg);
    left: 0;
    position: absolute;
    bottom: 45px;
}

.side-links-container .e-con-inner,
.side-links-container {
    padding: 0;
}

.side-button {
    min-width: fit-content !important;
    transform: skewX(31deg);
}

.side-button a {
    width: max-content;
}

.side-button a .elementor-button-content-wrapper {
    transform: skewX(-32deg);
}

.ekit-back-to-top-container span {
    display: flex !important;
    align-items: end !important;
    justify-content: center !important;
    padding: 10px !important;
    clip-path: polygon(0 50%, 100% 0, 100% 100%,0 100%);
}

.side-button-container {
    width: 40px;
    right: 0px;
    bottom: 0;
    position: fixed;
    padding: 0;
}

.infotelefon{
white-space: nowrap;
}




/*** CONTENT ***/

.custom-image-box-content {
    padding:30px;
    background: #EBF1F7;
}

.image-box-icon {
    background: #005996;
    position: absolute;
    z-index: 1;
    left:30px;
    top:-30px;
    width: 50px;
    height: 55px;
    justify-content: center;
    display: flex;
    align-items: center;
    clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
    color: #ffffff;
}

.image-box-icon i {
    font-size:25px;
}

.custom-image-box-image {
    position: relative;
    overflow: hidden;
}


.custom-image-box-image img {
    display: block;
    transition: all 0.4s ease;
}

.custom-image-box:hover .custom-image-box-image img,
.slick-slide:hover img  {
    transform: scale(1.15);
}


.elementor-accordion-item {
    margin-bottom: 10px;
}

a.elementor-accordion-title,
a.joblink{
    text-decoration: none !important;
}

a.joblink:hover{
    color:#414141;
}

a.joblink::after{
    content: "\f0a9";
    font-family: "Font Awesome 5 Free";
    margin-left: 5px;  
}

.elementor-widget-mf-gdpr-consent label span {
    font-size: 12px !important;
    line-height: 17px;
}

.map iframe {
    mix-blend-mode: luminosity;
}

.route {
    position: relative;
}

.elementor-widget-elementskit-blog-posts .elementskit-post-body {
 background-color: #EBF1F7;
}

.elementor-widget-elementskit-blog-posts .elementskit-entry-thumb,
.elementor-widget-elementskit-blog-posts .elementskit-entry-thumb img,
.mitarbeiter-position span {
    display: block !important;
   }

.ekit-wid-con .elementskit-post-image-card:hover .elementskit-entry-thumb > img {
    -webkit-transform: scale(1.15) !important;
    transform: scale(1.15) !important;
    opacity: 1 !important;
}

.team .polygon-right {
    height: 100%;
}


.slick-dots li button::before {
 content: '' !important;
 border: 2px solid #C0D0DE;
  border-radius: 100%;
  width: 15px !important;
  height: 15px !important;
}

.slick-dots li.slick-active button::before {
    background-color: #C0D0DE;
}

.team [type="button"]:hover,
.team [type="button"]:focus,
[type="button"]:focus {
    background-color: transparent !important;
}

.slick-next::before{
    content: '\f054' !important;
}

.slick-prev::before{
    content: '\f053' !important;
}


.slick-next::before,
.slick-prev::before{
    clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
    background: #005996;
    width: 44px;
    height: 50px;
    display: flex;
    opacity: 1 !important;
    justify-content: center;
    align-items: center;
    font-family: "Font Awesome 5 Free" !important;
    transition: all 0.2s ease-in-out;

}
.slick-next:hover::before,
.slick-prev:hover::before{
background: #414141;
}

.slick-prev, .slick-next{
    bottom: 170px;
    transform: none !important;
    top:auto !important;
    z-index: 1;
    width: auto;
  height: auto;
}


.slick-next{
    right:  10px !important;
}

.slick-prev{
    left: -10px !important;
    }

.slick-slide:not(.slick-active) .e-con-inner{
    opacity: 0.35;
}

.slick-slider * {
    transition: all 0.2s ease-in-out;
}

.slick-dots {
    bottom: -65px !important;
}


label.mf-input-file-upload-label {
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 13px), calc(100% - 20px) 100%, 0 100%, 0 0);
}


.elementor-widget-container .cmplz-placeholder-1 {
    background-image: url('img/platzhalter-maps.jpg') !important;
    height: auto !important;
}


.karusell-produkte .swiper-slide img {
    height: 100%;
}

.schatten   {
    box-shadow: inset 0px 0px 10px 3px rgba(0,0,0,0.05);
}


.date{
font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
}



/*News*/
.elementskit-post-image-card,
.elementskit-post-body {
    height: 100%;
}

.post-items > div{
margin-bottom: 25px;
}


/*Wartungsseite*/     
.header-section.wartung .header-img{
    overflow: hidden;
    height: 100vh;
}


a[lang="es-ES"][hreflang="es-ES"]{
    display:none !important;
}




/***MEDIA QUERIES***/     

@media (min-width: 767px) {
    
    .header-bar{
    height: 55px;
    }

    .route {
        position: absolute;
        bottom: 64px;
        left: max(calc(((100vw - 1155px) / 2) + 120px), 130px);
    }
    
}


@media (min-width: 1025px) {
.cpel-switcher__toggle > a::before{
    content: "//";
    color: #87AAC9;
    font-family: "Manrope", Sans-serif;
}

#menu-header li:not(.pll-parent-menu-item) i{
    display: none;
}

.elementskit-dropdown {
    background-color: var( --e-global-color-primary ) !important;
}

#menu-header li.menu-item:last-child a{
    padding: 0;
}

li.cpel-switcher__lang a {
    padding: 5px 10px !important;
}




}


@media (min-width: 1024px) {
h1, h2, h3 {
    -webkit-hyphens:none ;
    -ms-hyphens: none;
    hyphens:none;
} 

.slick-list{
    padding: 0 max(calc((100% - 1140px) / 2), 20px) !important;
}

.slick-next{
    right: max(calc((100% - 1140px) / 2 + 10px), 30px) !important
}

.slick-prev{
    left: max(calc((100% - 1140px) / 2 - 10px), 10px) !important
    }

}