/*
    Template: pearl
    Theme Name: Plasma Metall
    Theme URI: https://muellereffekt.de
    Author: müllereffekt
    Author URI: https://muellereffekt.de
    Description: Plasma Metall Theme
    Version: 1.1.1
    Text Domain: pearl-child-theme
*/
/* kanit-300 - latin */
@font-face {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 300;
    src: url('fonts/kanit-v12-latin-300.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('fonts/kanit-v12-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/kanit-v12-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
         url('fonts/kanit-v12-latin-300.woff') format('woff'), /* Modern Browsers */
         url('fonts/kanit-v12-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/kanit-v12-latin-300.svg#Kanit') format('svg'); /* Legacy iOS */
  }
  /* kanit-regular - latin */
  @font-face {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/kanit-v12-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('fonts/kanit-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/kanit-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('fonts/kanit-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('fonts/kanit-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/kanit-v12-latin-regular.svg#Kanit') format('svg'); /* Legacy iOS */
  }
  /* kanit-500 - latin */
  @font-face {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 500;
    src: url('fonts/kanit-v12-latin-500.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('fonts/kanit-v12-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/kanit-v12-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
         url('fonts/kanit-v12-latin-500.woff') format('woff'), /* Modern Browsers */
         url('fonts/kanit-v12-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/kanit-v12-latin-500.svg#Kanit') format('svg'); /* Legacy iOS */
  }
  /* kanit-700 - latin */
  @font-face {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/kanit-v12-latin-700.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('fonts/kanit-v12-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/kanit-v12-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
         url('fonts/kanit-v12-latin-700.woff') format('woff'), /* Modern Browsers */
         url('fonts/kanit-v12-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/kanit-v12-latin-700.svg#Kanit') format('svg'); /* Legacy iOS */
  }

.pm-image-shadow{
	box-shadow: 10px 10px 0 0 #2b2b2b;
}

#heroVideo{
    position: absolute;
    right:0;
}

.wpb_single_image .vc_single_image-wrapper.vc_box_shadow{
     box-shadow: 0 0 0 0 #2b2b2b;
	 filter: brightness(0.5);
	 transform: translateY(10px) !important;
	 transition: box-shadow 0.7s ease, filter 0.7s ease, transform 0.7s ease !important;
}
.wpb_single_image .vc_single_image-wrapper.vc_box_shadow.visible{
     box-shadow: 20px 20px 0 0 #2b2b2b !important;
	 transform: translateY(0) !important;
	 filter: brightness(1.0); 
}

h5.line-light:after, h5.line-light:before{
     background-color:#fff !important;
}
h5.line-light {
    justify-content: left;
}

.stm-header__cell_center {
     flex: 0 0 320px;
}
 .logo{
     transition: transform 1.5s ease;
}
 .logo:hover{
     /* transform: scale(1.05); */
}
 .stm-header__element>.stm-logo, .stm_header_transparent .stm-header__row_color_top{
     /* background: linear-gradient( 0deg, #fffffff8, #ffffffd0);
     backdrop-filter: blur(10px); */
}
.stm_header_transparent .stm-header__row_color_top{
     /* background: #fff !important; */
     z-index: 1;
}
 .stm-header__element>.stm-logo{
     /* border-radius: 0 0 20px 20px; */
     /* padding: 20px 40px 0 40px; */
     padding: 5px 10px;
     transform: scale(1);
     /* background-color: lightgray; */
}
 .stm-header__row_color_center{
     padding-top:0;
}
 .pm-logo-corner, .pm-footer-logo-corner{
     position:absolute;
     /* fill: #ffffffd2; */
     fill: lightgray;
     top:0;
}
 .pm-footer-logo-corner{
     fill:#fff;
     margin:-1px;
}
 #pm-footer-logo-corner-left, #pm-logo-corner-left{
     right:100%;
}
 #pm-footer-logo-corner-right, #pm-logo-corner-right{
     left:100%;
}
 .trp-ls-language-name{
     font-weight:300;
     margin-left:5px;
}
 .trp-flag-image{
     top: 1px;
     position: relative;
}
 .stm_partners_style_3{
     justify-content: space-around !important;
}
 .vc_container.pm-transparent-bg{
     position: absolute;
     left: 0;
     right: 0;
     opacity: 0.03;
     top: 10%;
     z-index: 0;
}
 .pm-transparent-bg .vc_single_image-img{
     width: 100vw;
     height: 100vh;
}
 .stm-counter{
     display: flex;
     flex-direction: row;
     justify-content: center;
}
 .stm-counter__icon{
     font-size: 60px !important;
     margin-right: 25px;
}
 .stm_footer_layout_1 .stm-footer{
     padding-top:0;
     text-align:right;
     margin-top: -1px;
}
.stm_custom_menu_style_2 .menu li a:hover{
    color:black !important;
}
 #menu-footer{
     display: flex;
     justify-content: flex-end;
}
 .stm-footer .stm_custom_menu_style_2 .menu li{
     width: auto;
     padding-right:0 !important;
}
 .stm-footer .stm_custom_menu_style_2 .menu li a{
     color: #55575a;
}
 .stm-footer .footer-widgets aside.widget {
     width: auto;
}
 .stm-footer .container{
     padding-right:0;
}
 .stm-footer .footer-widgets aside.widget:nth-child(2){
     flex:1;
     padding-right: 0;
}
 .pm-logo-footer{
     position:relative;
     width:240px;
     border-radius: 0 0 20px 20px;
     padding: 15px 35px 0px 35px;
     background-color:white;
     text-align: center;
     margin: -1px;
}
.widget .widget-footer-title{
    margin-bottom:0;
    margin-top:20px;
}
.widget .widget-footer-title h4{
    color: black !important;
}
.widget h4{
    margin-bottom: 0;
    font-weight:300;    
}

.stm_iconbox__icon-center h5{
	justify-content: center;
	margin-top:40px;
	margin-bottom:15px;
}

.carousel-caption{
	color:#000;
	text-shadow: none;
}

/*Mobile Optimization*/
.stm_header_style_9 .stm_mobile__header{
	background-color: #fff !important;
    padding:0;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
}
.stm_mobile__switcher span {
	background-color: #333 !important;
}
.stm_mobile__logo img {
	width: 200px;
	padding-top:20px;
}
.stm_layout_coffeeshop .stm-header.active .stm-navigation__line_bottom > ul > li:before{
	left:0;
	transform: none;
	bottom:0;	
}
.menu-item-has-children.active:hover:before{
	opacity:0;
}
 .stm-header.active .stm-header__row_color_top{
     background: #000000d0 !important;
}
.stm_layout_coffeeshop.stm_header_style_9 .stm-header.active{
	padding-top:40px;
	background-color: #0e3350 !important;
}
.wpb_column:not(.no-shade) .stm_contact.stm_contact_style_6{
	box-shadow: 0 3px 10px rgba(0,0,0,0.16);
}
.stm_contact.stm_contact_style_6{
	background-color: #F6F6F6;
}
.stm_contact_style_6 .stm_contact__row_email{
	margin-bottom:10px;
	margin-top:0 !important;
}
.stm_contact_style_6 .row.row-details{
	align-items:flex-start;
}
.stm_contact_style_6 .stm_contact__row_email a{
	color:#000 !important;
}
.pm-contact .stm_contact__info{
	margin-left:50px;
}
.stm_contact_style_1 div.stm_contact__image{
    padding-bottom: 0;
    margin-left: 0;
    margin-right: 0;
}
.pm-contact-reverse .div.stm_contact__image{
    text-align:right;
}
.pm-contact-reverse .row{
    flex-direction: row-reverse;
}
.pm-contact-reverse{
    justify-content: flex-end;
}
.pm-contact-reverse .stm_contact__image img{
    padding-right:10px;
}
.pm-contact h3{
	margin-bottom:10px;
}
.stm_contact__description{
	margin-bottom:10px;
}

.pm-contact img{
	max-width: initial;
}

.btn{
    font-size: 15px; 
    font-weight: 400; 
    text-transform: none; 
}

.btn.fullWidth{
	width: 100%;
}

/* CSS für die Radio-Buttons */
.checkbox-group {
    display: inline-block;
}

.checkbox-group input[type="radio"] {
    display: none;
}

.fullwidth {
    text-align: center;   
}

.fullwidth.custom {
    background-color: #d1d7de;
    padding: 8px;
}

.checkbox-wrapper {
    background-color: #d1d7de;
    border-radius: 7px;
    padding: 10px 5px;
}

.checkbox-label {
    display: inline-block;
    padding: 5px 10px;
    border-radius: 7px; /* Abgerundete Ecken */
    cursor: pointer;
    width: 150px;
}

.checkbox-group input[type="radio"]:checked + label {
    background-color: #212d3c; /* Aktiver Hintergrund (Blau) */
    color: #fff; /* Textfarbe im aktiven Zustand (Weiß) */
}

.owl-carousel .owl-nav button:before{
	font-size:15px;
	line-height:38px;
}
.owl-carousel .owl-nav button{
	background:#e3e3e3 !important;
	width:35px;
	height:35px;
}
.owl-carousel .owl-nav button:hover{
	background:#000 !important;
}

video{
	object-fit: cover;
}

.pm-process-video{
	/*margin-left:20px;*/
	margin-bottom:20px !important;
	transform: scale(1.0);
	transition: box-shadow 0.7s ease, transform 0.7s ease;
}
.pm-process-video.pm-image-shadow:not(.visible){
	box-shadow: 0 0 0 0 #2b2b2b;
	transform: scale(0.95);
}

.pm-processstep-col-desc{
	padding-right:20px;
}

@media (max-width: 992px) {
    .owl-carousel .vc_row{
        padding:0 20px;
    }
    .pm-process-video{
        height:350px;
    }
    .stm_contact_style_6 .row {
        background: #F6F6F6 !important;
        width: 100% !important;
        padding-bottom: unset !important;
    }
	.stm_contact_style_6 .stm_contact__address{
		max-width:100% !important;
	}
	.pm-contact .stm_contact__info{
		margin-left:0;
	}
	.pm-contact h5{
		justify-content: center;
	}
	.stm_contact_style_6.stm_contact_style_2>.row{
		flex-direction: column;
	}
}
@media (max-width: 767px){
	.pm-contact h5:before {
		content: initial;
	}
    .hide-on-mobile{
        display:none;
    }
    .pm-processstep-col-desc{
        padding:10px 30px;
    }
    h5:before, h5:after{
        width:0px;
        content:none !important;
    }

    .custom-buttons .stm-button {
        margin-bottom: 1px;
    }
}

/* PM Pulse Icon */
/*COLORS*/
/*FONTS*/
.stm_video {
    display: block;
    position: relative;
    background-size: cover;
}

.stm_video.stm_video_style_12 {
    display: -ms-flexbox;
    display: flex;
    text-align: left;
    -ms-flex-align: center;
    align-items: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    color: #fff;
    position: relative;
}

.stm_video.stm_video_style_12 .stm_playb_wrap {
    position: relative;
    width: 40px;
    height: 40px;
    margin-right: 30px;
}

#section--banner .stm_playb_wrap{
    flex-shrink: 0;
}

.stm_video.stm_video_style_12 .stm_playb_wrap:before, .stm_video.stm_video_style_12 .stm_playb_wrap:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 40px;
    height: 40px;
    border: 1px solid #fff;
    border-radius: 50%;
    animation: stm_video_style_12_ripple 3s ease-in-out .5s infinite;
}

.stm_video.stm_video_style_12 .stm_playb_wrap:before {
    animation: stm_video_style_12_ripple 3s ease-in-out 1.5s infinite;
}

.stm_video.stm_video_style_12 .stm_playb {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    display: inline-block;
    margin: 0 auto;
    border-radius: 50%;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    opacity: 1;
    background-color: #ffffff;
}

.stm_video.stm_video_style_12 .stm_playb:after {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: transparent;
    border-radius: 50%;
    border: 9px solid #fff;
    width: 40px;
    height: 40px;
    opacity: 0.3;
}

.stm_video.stm_video_style_12 .stm_playb:before {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    content: '';
    transition: .3s;
    border-style: solid;
    border-width: 9px 0 9px 14px;
    border-color: transparent transparent transparent #000;
    margin-left: 3px;
    width: 0;
    height: 0;
    z-index: 10;
}

.stm_video.stm_video_style_12 .stm_video_title {
    position: relative;
    font-size: 16px;
    transition: all 0.5s;
}

.stm_video.stm_video_style_12 .stm_video_title:after {
    content: "";
    display: block;
    height: 1px;
    background-color: transparent;
}

.stm_video.stm_video_style_12:hover {
    text-decoration: none !important;
}

.stm_video.stm_video_style_12:hover .stm_video_title:after {
    background-color: transparent;
}

@keyframes stm_video_style_12_ripple {
    0% {
        width: 40px;
        height: 40px;
        opacity: 0.6;
    }

    100% {
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}

.owl-theme.nav-centered .owl-nav{
	margin-top:-15px !important;
}

ul.sub-menu{
	min-width:300px !important;
}

.align-left{
    text-align: left !important;
}

.block-quote h2, .block-quote h5{
    text-align: left !important;
    justify-content: flex-start;
}

.stm_layout_coffeeshop .stm-navigation li.menu-item-has-children li a:hover{
	opacity:1;
	color: #666 !important;
}

.stm_titlebox_style_15.stm_titlebox{
	filter: brightness(0.4);
}

/* Änderungen ab 24.11.2021 (RN) */

/* Hilfsklassen */
.transform-top img { /* wird nicht mehr genutzt */
    /*transform: translate(0, -50px);*/
    margin-top: -50px;
}

.transform-top-extra img {
    /*transform: translate(0, -50px);*/
    margin-top: -120px;
}

/* Workaround: Transform Scale Blurry-Fix */
img {
    -webkit-backface-visibility: hidden; 
    -ms-transform: translateZ(0); /* IE 9 */
    -webkit-transform: translateZ(0); /* Chrome, Safari, Opera */
    transform: translateZ(0);
}

/* Firefox-Bugfix Header und Overlapping-Elements */
.stm-logo {
    position: relative;
}

#pm-footer-logo-corner-left {
    width: 41px;
}

.block-quote p, .color-white{
    color: white;
}

@supports (-webkit-touch-callout: none) {
    
}

/* Leistungsseiten */
.leistungsboxen .wpb_column {
    margin-top: 30px;
}

/* Prozesse: Video-Caroussel */
.owl-wrapper .wpb_content_element .wpb_wrapper {
    display: flex;
    justify-content: center;
}

.owl-carousel .owl-nav button {
    background: #2b2b2b !important;
}

/* Kontakt: Kontaktbox mobil zentrieren */
.contact-box-plasma .stm-button {
    margin-bottom: 15px !important;
}

/* AB 1200px Breite */
@media screen and (min-width: 1200px) {
    /* Space-Workaround "Das macht uns besonders" */
    .space-workaround {
        display: none !important;
    }
}

/* BIS 1200px Breite */
@media screen and (max-width: 1200px) {
    /* Desktop-Menü in einer Reihe */
    .stm-navigation__default > ul > li > a {
        padding: 0 10px;
        font-size: 90% !important;
    }
}

/* 1024px Breite */
@media screen and (max-width: 1024px) {
    /* Hilfsklassen */
    .transform-top img { /* wird nicht mehr genutzt */
        /*transform: translate(0, -20px);*/
        margin-top: -20px;
    }

    .transform-top-extra img {
        /*transform: translate(0, -50px);*/
        margin-top: -60px;
    }

    .tablet-text-center p, .tablet-text-center h4, .tablet-text-center h3, .tablet-text-center h5 {
        text-align: center !important;
    }

    /* Unterseiten: Headerbilder mehr sichtbar machen */
    .stm_titlebox {
        padding-top: 200px;
    }
}

/* 768px Breite */
@media screen and (max-width: 768px) {

    .center-on-mobile{
        text-align: center !important;
    }

    /* Hilfklassen */
    .mobile-text-center p, .mobile-text-center h4, .mobile-text-center h3, .mobile-text-center h5 {
        text-align: center !important;
    }

    .transform-top img { /* wird nicht mehr genutzt */
        /*transform: translate(0, 0px);*/
        margin-top: 0;
    }

    .transform-top-extra img {
        /*transform: translate(0, -50px);*/
        margin-top: 0;
    }

    /* Scaling der Hover-Effektbilder auf x1,01, um Bug des Durscheinen des Backgrounds zu verhindern */
    .single-image-hover-opacity-0 img {
        transform: scale(1.01);
    }

    /* Prozesse: Video-Caroussel */
    #carousel-5475 .owl-stage{
        display: flex;
        align-items: center;
    }
    .owl-theme.nav-centered .owl-nav button.owl-prev {
        left: 0ch !important;
    }
    
    .owl-theme.nav-centered .owl-nav button.owl-next {
        right: 0ch !important;
    }

    /* Kontakt: Kontaktbox mobil zentrieren */
    .contact-box-plasma .col.col-lg-8.col-sm-12, .contact-box-plasma .row.row-details .col {
        width: 100%;
    }

    /* Row-Reverse bei einem Grid */
    .flex-switch-mobile > .vc_row {
        display: flex;
        flex-direction: row-reverse;
    }

    /* Counter */
    .mobile-counter-row {
        transform: translate(-10px);
    }

    .mobile-counter-row .counter-item-row .stm-counter {
        justify-content: center;
    }
    
    .mobile-counter-row .counter-item-row .stm-counter div:first-child {
        width: 95px;
        text-align: right;
    }

    .mobile-counter-row .counter-item-row:not(:first-child) {
        margin-top: 50px;
    }

    .mobile-counter-row .counter-item-row i {
        margin-right: 20px;
    }

    /* Footer */
    .footer-widgets .widgettitle.widget-footer-title h4 {
        font-size: 90%;
    }

    /*Scroll-Spy-Bilder (Kontureffekt)
    * Workaround, da WPBakery bei "center" nicht das Bild zentriert, sondern die div,
    * weshalb, der Kontureffekt über dem Bild hinaus angezeigt wird.
    */
    .scroll-spy-image-row .wpb_single_image.vc_align_left {
        text-align: center;
    }

    /* Button 100% Breite unter "Über 10 Jahre Forschung..." */
    .mobile-100 .stm-button {
        width: 100%;
        text-align: center;
    }
}

@media screen and (max-width: 560px) {
    /* Footer */
    .footer-widgets {
        text-align: center;
    }

    .footer-widgets #menu-footer {
        justify-content: center !important;
        font-size: 90%;
    }
}

@media screen and (max-width: 495px) {
    /* Footer */
    .footer-widgets .widgettitle.widget-footer-title {
        margin-top:0 !important;
    }
}

@media (max-width: 992px) {
    /* Workaround Schlagschatten-Effekt */
    .wpb_single_image .vc_single_image-wrapper.vc_box_shadow {
        box-shadow: none !important;
    }

    /* Verhindere, dass das Bild in der blauen Box ("aus fachlicher Sicht") zu weit nach oben translatiert. Hebt transform-top auf. */
    .single-image-hover-opacity-0 {
        margin: 0;
    }

    .flex-center div.row {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }
}

/* Abstand nach der blauen Box lässt sich mit dem Peal-Spacer nicht in eine Zwischengröße gut einstellen, daher wird es hier überschrieben.
 * Besonders genau selektiert, damit man beim Hinzufügen eines zweiten Spacers nicht auf ungewollte Auswirkungen stößt
*/ 
@media screen and (max-width: 1200px) and (min-width: 992px) {
    .testimonials .wpb_wrapper > .stm_spacer:nth-child(1) {
        height: 25px !important;
    }
}

/* Footer-Logo-Bereich mobil zentrieren */
@media screen and (max-width: 545px) {
    .stm-footer .footer-widgets aside.widget {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .stm-footer .container  {
        padding-left: 0;
    }

    .stm-footer .footer-widgets aside.widget:nth-child(2) {
        padding-right: 15px;
    }


}


/* Neue Änderungen Oktober 2023 */

i.stm-icontext__icon.mtc.fa.fa-phone {
    transform: rotate(90deg);
}

svg#pm-logo-corner-left {
    transform: rotate(180deg);
    right: -43px;
    /* top: 100%; */
}

svg#pm-logo-corner-right {
    transform: rotate(180deg);
    /* top: 100%; */
    left: -48px;
}

/* image shadow animation when in viewport */
.scroll-spy-image-row img {
    transition: box-shadow 0.8s;
}

.scroll-spy-image-row .shadow-animation img.img-in-view {
    box-shadow: 11px 6px 0px 0px #464646, -13px 13px 0px 0px #dbdbdb, -2px -10px 0px 0px #7c9fcf;
}

.center-bg{
    background-position: 50% 25%;
}

#section--banner p, #section--banner h1, #section--banner span.stm_icontext__text, #section--banner .vc_custom_heading{
    filter: drop-shadow(2px 4px 6px rgba(0,0,0,0.75));
}

@media screen and (min-width: 1024px) {

    .stm-header__row_color_center .stm-header__cell.stm-header__cell_center {
        margin-top: -75px;
        z-index: 99999;
    }

    .stm-header__row_color.stm-header__row_color_center {
        /* background-color: lightgray !important; */
        backdrop-filter: blur(10px) brightness(1.25) contrast(0.8);
        -webkit-backdrop-filter: blur(10px) brightness(1.5) contrast(0.8);
        background-color: rgba(255,255,255,.5) !important;
    }

    .stm-header__row_color_center .stm-header__element li a {
        color: #000 !important;
    }

    .stm_layout_coffeeshop .stm-navigation > ul > li.current-menu-parent > a, .stm_layout_coffeeshop .stm-navigation > ul > li.current-menu-item > a {
        color: #000 !important;
    }

    .custom-top-header {
        padding: 0;
    }

    .custom-top-header .container {
        width: auto;
        padding-left: 0px;
        padding-right: 0px;
    }

    .custom-top-header .container .stm-header__row_top {
        height: 70px;
        backdrop-filter: blur(10px) brightness(1.25) contrast(0.8);
        -webkit-backdrop-filter: blur(10px) brightness(1.5) contrast(0.8);
        background-color: rgba(255,255,255,.5) !important;
    }

    .custom-top-header .container .stm-header__row_top .stm-header__cell_left {
        background-color: white;
        border-bottom-right-radius: 24px;
        justify-content: end;
        box-shadow: inset -5px -5px 10px rgba(0,0,0,0.15);
        /* padding-right: 64px;
        padding-left: 128px; */
    }

    .custom-top-header .container .stm-header__row_top .stm-header__cell_right {
        background-color: white;
        border-bottom-left-radius: 24px;
        justify-content: start;
        box-shadow: inset 5px -5px 10px rgba(0,0,0,0.15);
        /* padding-left: 186px; */
    }

    .custom-top-header .stm-header__cell_left .stm-header__element:last-child {
        margin-right: 98px;
    }

    .custom-top-header .stm-header__cell_right .stm-header__element:first-child {
        margin-left: 213px;
    }

    /* .custom-top-header .stm-header__cell_center {
        flex: 0 0 320px;
    } */

    .z-index-0 {
        z-index: 0;
    }

}

@media screen and (max-width: 1023px) {
    .stm-header__row_color_top a {
        color: white !important;
    }

    .stm-icontext .stm-icontext__icon:before {
        color: white;
    }
}

@media screen and (max-width: 1200px) {
    .custom-top-header .container .stm-header__row_top .stm-header__cell_left {
        padding-left: 10px;
        justify-content: start;
    }

    .custom-top-header .stm-header__cell_left .stm-header__element:last-child {
        margin-right: 0;
    }

    .custom-top-header .container .stm-header__row_top .stm-header__cell_right {
        padding-right: 10px;
        justify-content: end;
    }

    .custom-top-header .stm-header__cell_right .stm-header__element:first-child {
        margin-left: 0;
    }

    .stm-header .container {
        width: 100%;
    }
}

/* header menu */
.stm-header__element.object2187 li:before {
    background-color: #000 !important;
}

.stm-header__element.object808 li:before {
    background-color: #000 !important;
}

.stm-header__element.object808 li:hover > a {
    color: #000 !important;
}

.stm-header__element.object2187 li:hover > a {
    color: #000 !important;
}

/* Pearl Stats Counter custom style */
.stm_layout_coffeeshop .stm-counter_style_1 > div:nth-child(2) {
    height: fit-content;
    border-top-left-radius: 25px;
    padding: 8px 16px;
    background-color: white;
    box-shadow: 0px 0px 50px -25px #496780;
    bottom: -25px;
    position: relative;
    left: -25px;
}

.stm_layout_coffeeshop .stm-counter_style_1 .stm-counter__icon {
    font-size: 75px !important;
}


.stm_layout_coffeeshop .stm-counter_style_1 .stm-counter__label {
    font-size: 12px;
    font-weight: 700;
    text-transform: none;
    margin-top: -1px;
    margin-bottom: -1px;
    border-top: 0;
    padding-top: 0;
    line-height: 1.1rem;
}

.mtc_h:hover {
    color: white !important;
}

.block-quote .text-black p {
    color: black !important;
}

.stm-header .stm-logo img {
    margin-bottom: -6px;
    margin-top: 6px;
}


@media (max-width: 767px){
    .wrap-text a {
        white-space: normal;
        text-align: center;
    }    
}

@media (min-width: 768px){
    .width-max-content .stm-counter {
        width: max-content;
    }    

    .vc_container.pm-transparent-bg{
        top: 14%;
   }
}

/* Kontaktseite */

.single-contact-wrapper img {
    filter: grayscale(1);
    transition: filter 0.3s ease-in-out;
}

.single-contact-wrapper .wpb_wrapper {
    position: relative;
}

.single-contact-wrapper .wpb_wrapper:hover .text-in-img {
    /* display: block; */
    opacity: 1;
}

.single-contact-wrapper .wpb_wrapper:hover img {
    filter: grayscale(0);
}

.text-in-img {
    opacity: 0;
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    color: white;
    padding: 64px 16px 16px;
    margin-bottom: 0;
    background: rgb(73,103,128);
    background: linear-gradient(180deg, rgba(73,103,128,0) 0%,rgba(73,103,128,0.5) 25%, rgba(73,103,128,0.5) 100%);
    transition: opacity 0.3s ease-in-out;
}
.text-in-img a{
    color:white;
}

.contact-name {
    font-size: 32px;
    font-weight: 400;
}

.contact-title {
    margin-bottom: 8px;
}

.contact-phone {
    margin-bottom: 8px;
}


.stm_contact.stm_contact_style_6 {
    border-bottom: none !important;
}

.contact-rounded .stm_contact.stm_contact_style_6 {
    border-bottom-right-radius: 64px;
    border-bottom-left-radius: 64px;
}

/* .contact-rounded .stm_contact.stm_contact_style_6 img {
    border-bottom-left-radius: 64px;
} */

@media (min-width: 993px){
    .contact-rounded .stm_contact.stm_contact_style_6 img {
        border-bottom-left-radius: 64px;
    }
}

.mtc_h:hover {
    color: white !important;
}

.custom-overlay .stm_projects_grid_style_10 .stm_projects_grid .stm_projects__thumbnail .stm_projects__meta {
    position: absolute;
    bottom: 0;
    left: 0;
    visibility: visible;
    opacity: 1;
    transition: all 0.5s;
    padding: 46px 50px;
    color: #ffffff;
    z-index: 2;
}

.custom-overlay .stm_projects_grid_style_10 .stm_projects_grid .stm_projects__thumbnail img {
    filter: brightness(0.7);
}

@media (min-width: 992px){
    .custom-overlay .stm_projects_grid_style_10 .stm_projects_grid .stm_projects__thumbnail .stm_projects__meta {
        bottom: -100%;
        visibility: hidden;
        opacity: 0;
    }

    .custom-overlay .stm_projects_grid_style_10 .stm_projects_grid .stm_projects__thumbnail img {
        filter: none;
    }
    
    .fullwidth.custom {
        background-color: unset;
        padding: unset;
    }
}


@media (max-width: 991px) {
    #entry-image, #entry-text {
        width: 100% !important;
    }

    .width-max-content {
        text-align: -webkit-center;
    }
}

@media (min-width: 993px) and (max-width: 1199px) {
    .stm_contact_style_6 .row {
        align-items: end !important;
        padding-top: 16px;
    }
}

.clear-both {
    clear: both;
}

.table-scroll-on-mobile{
    overflow:auto;
}