/* Example CSS file */ 
@import url(ver_slider.css);

/* montserrat-300 - 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: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/montserrat-v26-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-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: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/montserrat-v26-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-sans-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: 'Nunito Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/nunito-sans-v15-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-sans-500 - 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: 'Nunito Sans';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/nunito-sans-v15-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-sans-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: 'Nunito Sans';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/nunito-sans-v15-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
html,body{font-family: 'Nunito Sans', sans-serif; font-size:18px;color:#000;background-color:#f7f7f6;}
html {
		max-width: 100vw;
	}
h1,h2,h3,h4,h5{font-family: 'Montserrat', sans-serif;font-weight:400; color:#091233;}
h5{font-size:32px;}
h3{font-size:64px;}
h4{font-size:48px;}
h2{font-size:86px;}
h1{font-size:90px;}
h6{font-family: 'Nunito Sans', sans-serif; font-size:30px; color:#8ea8c1;}
h6{margin:0}
em {color: #000;}
.align_right{text-align:right;}
header{background-color:#f7f7f6;}
#content p{line-height:1.8}
.header_text{width:250px; padding:40px}
.header_inhalt{width:550px; padding:40px}
.header_text_bottom{width:600px;padding:40px 40px 20px 70px; position:absolute; bottom:0;}
.header_text_bottom h3{ color:#fff}
.text-slider{padding: 3rem 0 6rem  3rem;}
.text-slider h3{margin:0 0 2rem 0}
.blaugrau{background:#8ea8c1;}
.royalblau{background:#091233;}
.gelb{background:#efe3b3;}
.grau{background:#cccbc7;}
.mokka{background:#ABA37E; color:#fff}
.lila{background:#777895}
.uk-overlay-primary {background:rgb(7 13 36 / 90%);}
.sd-hr{border-top:2px solid #8ea8c1; margin-bottom:30px}
.ohne_margin{margin-top:0}
/*logo*/
.logo{padding-top:30px;}
.kontakt_daten a{color:#091233;}
iframe .html5-video-player a {display:none;}
#kunden{padding-top:4rem;padding-bottom:3rem}
.runde_button{right:0;bottom:30px; width:40px; height:40px;}
 a .runde_button .uk-icon{color:#000; margin: 8px 0 0 8px;}
/*navi*/
#topnav{margin-top:16px; margin-left:100px}
#wraper{position:relative; z-index:10; background-color:#f7f7f6}
#slider_start h3, #slider_start p{color:#fff}
#slider_start .sd-button{border-color:#fff; font-size: 22px; color:#fff;}
#slider_start .sd-button a{color:#fff; padding: 30px 40px; text-decoration:none}
.off_button .uk-icon{color:#8ea8c1;}
.pin-wrap-sticky h4{line-height: 1.25;}

.uk-navbar-nav>li>a {font-family: 'Montserrat', sans-serif; position:relative;color:#091233;font-size:18px;text-transform:none;}
#topnav .uk-navbar-nav>li> a{position:relative}
#topnav .uk-navbar-nav>li.uk-active>a::after, #topnav .uk-navbar-nav>li>a:hover::after{
    position: absolute;
    bottom: 25px;
    left: 0;
    content: "";
    width: 100%;
    height: 1px;
    background:#000;
}
#cards .link{margin-bottom: 40px}
.kontakt-text p{padding:10px; border-radius:50px}

.menu_inhalt{margin-top:20px;}		
.menu_inhalt .uk-navbar-nav>li>a{color:#fff;}
.button, .pwcmb-widget__button{font-family: 'Montserrat', sans-serif;font-size:19px; padding:8px; line-height: 38px;text-transform:none; border:1px solid #000; border-radius: 50px; margin-left:6px;vertical-align: top;margin-bottom:20px}
.pwcmb-widget__button{font-size:20px; font-weight:400}

.sd-switcher .uk-nav>li>a {padding: 5px 00px 5px 60px; margin-bottom: 6px;border-radius: 50px}
.sd-list ul>:nth-child(n+2) {margin-top: 16px;}
.sd-uk-height-video{max-height:750px; }
.sd-uk-height-video img, .sd-uk-height-video video{max-height: 700px}
#sd-swet .uk-subnav>* {text-align:center;  padding-left: 40px;}
.pad{padding-top:6rem;padding-bottom:6rem; }
.pad-1-2{padding-bottom:6rem; }
.pad_bottom{padding-bottom:8rem}
.teser_inhalt{padding-top:5rem;padding-bottom:5rem; }
.teser_inhalt h3{color:#8ea8c1;line-height:1.2}
#ver_slider ul{padding-left:0}
#menu_2 .uk-navbar-nav li.uk-active > a {
    color: #efe3b3; /* Setze hier die gewünschte Farbe für das aktive Menüelement */
     /* Beliebige Stilanpassungen für das aktive Menüelement */
}
#headline-text h2, #headline-text h5, #headline-text p{margin:0}
/* Füge eine Animation für den Übergang hinzu (optional) */
#menu_2 .uk-navbar-nav li a {
    transition: color 0.3s ease; /* Füge eine sanfte Farbänderung hinzu */
}
.text h2, .kontakt_inhalt h3, .text h3{margin-top:0}
#slider {height:800px; }
.bg_video{min-height:800px}
.bild-height{min-height:550px}
.sd-margin-left{margin-left:58px}
.sd-margin-top{margin-top:60%}
.slider_bild_text .uk-slidenav {color:#fff;}
.slider_bild_text.blau .uk-slidenav {color:#091233;}
.video-margin-left  {margin-left:80px}
#prozecc h6, .hellblau p, .text_slider h3, .text_slider h6, .uk-nav-default>li>a.royalblau, .uk-nav-default>li>a.lila{color:#fff;}
.uk-nav-default>li>a:hover, .uk-nav-default>li>a.royalblau:hover, .uk-nav-default>li>a.lila:hover, .uk-nav-default>li>a  {
    color: #000
}
#prozecc h4{margin-top:0;}
.uk-marker {border-radius:0;}
.sd-toltip.uk-icon{ padding:6px; background:#fff; color:#000}
.sd-toltip.uk-icon:hover{color:#091233}
.uk-tooltip {
    display: none;
    position: absolute;
    z-index: 1030;
    --uk-position-offset: 10px;
    --uk-position-viewport-offset: 10;
    top: 0;
    box-sizing: border-box;
    max-width: 250px;
    padding: 10px;
    background: #fff;
    
    color: #000;
    font-size: 16px;
}
#accordion h4, #accordion h5,  #akkord_section h4, #akkord h4, #akkordion3 h4{margin-bottom:0; padding-bottom:6px; border-bottom: 2px solid #8ea8c1;}
#akkord_section .uk-accordion-title h4, #akkord .uk-accordion-title h4{font-size:44px}
#akkordion3 .uk-accordion-title h4{font-size:42px}
.uk-accordion-title::before {font-size:48px}
#kunden [uk-cover]:where(img,video) {position:relative; width:300px; height:auto;}
#marker{position: relative;}
.text-marker{ position: absolute; top:110px;z-index: 100;left:25%}
.grider {
	position: relative;
	
	list-style: none;
	text-align: center;
}

/* Common style */
.grider figure {
	position: relative;
	
	overflow: hidden;
	
	
	text-align: center;
	cursor: pointer;
}

.grider figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	
}

.grider figure figcaption {
	padding: 2em;
	color: #fff;
	
	
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grider figure figcaption::before,
.grider figure figcaption::after {
	pointer-events: none;
}

.grider figure figcaption,
.grider figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
.grider figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}


.grider figure p {
	margin: 0;font-size:22px;
	padding:20px;
}
.grider figure.effect-oscar .hover-text{position:relative;display:block; margin:40px}




/*---------------*/
/***** Oscar *****/
/*---------------*/

figure.effect-oscar {
background: rgb(24 31 57 / 40%);}
	


figure.effect-oscar img {
	opacity: 0.9;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-oscar figcaption {
	padding: 0;
	background-color: rgba(24 31 57 / 50%);
	-webkit-transition: background-color 0.35s;
	transition: background-color 0.35s;
}

figure.effect-oscar figcaption::before {
	position: absolute;
	top: 40px;
	right: 40px;
	bottom: 40px;
	left: 40px;
	border: 1px solid #fff;
	content: '';
}

figure.effect-oscar h4 {
	color:#fff;
	margin: 16% 0 10px 0;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
}

figure.effect-oscar figcaption::before,
figure.effect-oscar p {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(0);
	transform: scale(0);
}

figure.effect-oscar:hover h4 {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-oscar:hover figcaption::before,
figure.effect-oscar:hover p {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-oscar:hover figcaption {
	background-color: rgba(24 31 57 / 80%);
}

figure.effect-oscar:hover img {
	opacity: 0.3;
}
/*---------------*/
/***** Zoe *****/
/*---------------*/

figure.effect-zoe figcaption {
	top: auto;
	bottom: 0;
	padding: 1em;
	height: 50%;
	background: rgba(24 31 57 / 85%);
	color: #fff;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
}

figure.effect-zoe h2 {
	float: left;
}

figure.effect-zoe p.icon-links a {
	float: right;
	color: #3c4a50;
	
}

figure.effect-zoe:hover p.icon-links a:hover,
figure.effect-zoe:hover p.icon-links a:focus {
	color: #252d31;
}

figure.effect-zoe p.description {
	position: absolute;
	bottom: 8em;
	padding: 2em;
	color: #fff;
	text-transform: none;
	font-size: 90%;
	opacity: 0;
	-webkit-backface-visibility: hidden; /* Fix for Chrome 37.0.2062.120 (Mac) */
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
	-webkit-backface-visibility: hidden; /* Fix for Chrome 37.0.2062.120 (Mac) */
}

figure.effect-zoe h2,
figure.effect-zoe p.icon-links a {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,200%,0);
	transform: translate3d(0,200%,0);
}

figure.effect-zoe p.icon-links a span::before {
	display: inline-block;
	padding: 8px 10px;
	font-family: 'feathericons';
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-eye::before {
	content: '\e000';
}

.icon-paper-clip::before {
	content: '\e001';
}

.icon-heart::before {
	content: '\e024';
}

figure.effect-zoe h2 {
	display: inline-block;
}

figure.effect-zoe:hover p.description {
	opacity: 1;
}

figure.effect-zoe:hover figcaption,
figure.effect-zoe:hover h2,
figure.effect-zoe:hover p.icon-links a {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-zoe:hover h2 {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
}

figure.effect-zoe:hover p.icon-links a:nth-child(3) {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

figure.effect-zoe:hover p.icon-links a:nth-child(2) {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}

figure.effect-zoe:hover p.icon-links a:first-child {
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}


.h-margin-left{margin-left:110px}

#sectionPin, #sectionPin2  {}
#sectionPin2 .uk-card{flex: 3; border:1px solid #8ea8c1; border-radius:60px; padding:20px; }
	.pin-wrap {
		height: 100vh;
		display: flex;
		
		align-items: center;
		
	}

	.pin-wrap > * {
		min-width: 26vmax;
		margin-left:3vmax;
	}

	#sectionPin2  .pin-wrap {
		height: 85vh;
		display: flex;
		align-items: stretch;
		
	}
	#sectionPin2  .pin-wrap > * { 
	
		
	}

		@supports(animation-timeline: view()) {
			@keyframes move {
				to {
					/* Move horizontally so that right edge is aligned against the viewport */
					transform: translateX(calc(-100% + 10vw));
					left: 0px;
				}
			}

			#sectionPin, #sectionPin2 {
				
			}

			.pin-wrap-sticky {
				/* Stick to Top */
				height: 100vh;
				width: 100vw;
				position: -webkit-sticky;
				position: sticky;
				top: 0;
				overflow-x: hidden;
			}

			.pin-wrap {
				height: 100vh;
				width: 70vmax;

				/* Hook animation */
				will-change: -webkit-transform;
				will-change: transform;
				 -webkit-animation: move 140s linear forwards;
				animation: move 140s linear forwards;
				animation-delay:30s;
				/* Link animation to view-timeline */
				animation-timeline: --section-pin-tl;
				animation-range: contain 0% contain 100%;
				
			}
		}
/* Fixes Kontakt-Icon rechts unten */
        .contact-button {
            position: fixed;
            bottom: 30px;
            right: 30px;
            width: 70px;
            height: 70px;
            background: #efe3b3;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            box-shadow: 0 4px 12px rgba(0,0,0,0.2);
            transition: all 0.3s ease;
            z-index: 1000;
        }
        
        .contact-button:hover {
            transform: scale(1.1);
            box-shadow: 0 6px 16px rgba(0,0,0,0.3);
        }
        
        .contact-button img {
            width: 50px;
            height: 50px;
            object-fit: contain;
            pointer-events: none;
        }
        
        /* Modal Styling */
        .contact-modal .uk-modal-dialog {
            position: fixed;
            bottom: 110px;
            right: 30px;
            margin: 0;
            width: 400px;
			border-radius:15px;
            max-width: calc(100vw - 60px);
        }
        
        .contact-modal .uk-modal-body {
            padding: 30px;
        }
        
        @media (max-width: 640px) {
            .contact-modal .uk-modal-dialog {
                bottom: 100px;
                right: 15px;
                left: 15px;
                width: auto;
            }
        }
        
        .contact-item {
            display: flex;
            align-items: center;
            padding: 15px;
            border-radius: 8px;
            transition: background 0.2s ease;
            text-decoration: none;
            color: inherit;
        }
        
        .contact-item:hover {
            background: #f8f8f8;
        }
        
        .contact-icon {
            width: 45px;
            height: 45px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 15px;
        }
        
        .contact-icon svg {
            width: 30px;
            height: 30px;
            fill: white;
        }
        
        .phone-icon { background: #4caf50; }
        .whatsapp-icon { background: #25d366; }
        .email-icon { background: #ea4335; }
        
        .contact-info h4 {
            margin: 0 0 5px 0;
            font-size: 16px;
            font-weight: 600;
        }
        
        .contact-info p {
            margin: 0;
            font-size: 14px;
            color: #666;
        }
		.titel-kontakt{font-size:26px}


/*footer*/

#footer.uk-height-large {height:700px;z-index:0 }
.footer_inhalt{}
.footer_inhalt, .footer_inhalt a, .footer_inhalt h5, .footer_inhalt h3, .royalblau h4, .royalblau a{color:#8ea8c1;}
.sd-button{background: none;font-family: 'Montserrat', sans-serif;color:#000;
    transition: all .2s;
    border: 1px solid #8ea8c1;
    border-radius: 25px;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
	padding: 12px 30px;
    line-height: 17px;
    
    -webkit-border-radius: 25px;-webkit-border-radius: 25px; border-radius: 25px; width: auto;}
.sd-button:hover, .footer_inhalt .sd-button:hover{background: #8ea8c1;color:#091233;text-decoration:none}
#ver_slider .sd-button{border: 1px solid #000; color:#000}
#ver_slider h3{line-height:1.4; font-size:48px; margin-bottom:0}
#projekt .sd-button{color:#fff; font-size:20px;}

@media (min-width: 960px){
.uk-navbar-nav {
    gap: 50px;
}

}
.slider_bild_text p{line-height:1.5}
.sd-switcher2 .sd-button{width:250px; text-align:center;margin-bottom:16px; border-color:#000;color:#000;text-transform:none}




.widget-container{
	transition: all 0.3s ease;
	.common-flip-style{
		width: 260px;
		height: 260px;
		cursor: pointer;
		.common-box-style{
			
			backface-visibility: hidden;
			position: absolute;
			width: 100%;
			height: 100%;
			-webkit-transition: all .6s ease-in-out;
			-o-transition: all .6s ease-in-out;
			transition: all .6s ease-in-out;
			
		}
	}
}

/* Hintergrund-Ziffern für Box-Panel */
.box-panel {
    position: relative;
	overflow: hidden;
}



/* Nummerierung - verschiedene Ansätze je nach Position */
.box-number-1::before { content: "1"; }
.box-number-2::before { content: "2"; }
.box-number-3::before { content: "3"; }
.box-number-4::before { content: "4"; }

.box-number-1::before,.box-number-2::before, .box-number-3::before, .box-number-4::before{

	position: absolute;
	font-family: 'Montserrat';
    font-size: 190px;
    
    color: rgba(255, 255, 255, 0.15);
    z-index: -1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
    line-height: 1;

}
#video-popup .uk-modal-body{border-radius:20px}

/* Flip-Box Styling */
.flip-box_1 {
    /*background-color: transparent;*/
    width: 260px;
    height: 260px;
    perspective: 1000px;
    position: relative;
    z-index: 1;
}

.margin-flip {
    margin-left: 22px;
}

.box-panel h5 {
    font-size: 26px;
}

.flip-box-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.8s;
    transform-style: preserve-3d;
	 -webkit-transform-style: preserve-3d; /* iOS fix */
	 z-index: 5;
}

/* WICHTIG: Ziffer bleibt während des Flips sichtbar */
.flip-box_1:hover .flip-box-inner {
    transform: rotateY(180deg);
}

/* Ziffer muss auf beiden Seiten sichtbar sein */
.flip-box-front, .flip-box-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
	z-index: 1;
}

.flip-box-front {
    background-color: rgba(142, 168, 193, 0.95);
    color: black;
}

.flip-box-back {
    background-color: rgba(255, 255, 255, 0.98);
	box-sizing: border-box;
    color: #000;padding:0 6px;
    transform: rotateY(180deg);
}

.flip-box {
    position: relative;
    perspective: 1000px;
    transform-style: preserve-3d;
}

.flip-box .box-front {
    transform: none;
    z-index: 1;
    background-color: #8ea8c1;
}

.flip-box .box-back {
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    transform: rotateX(0) rotateY(-180deg);
    background: #fff;
    backface-visibility: hidden;
}

.flip-box:hover .box-front {
    transform: rotateX(0) rotateY(180deg);
}

.flip-box:hover .box-back {
    transform: none;
}

.box-content-wrapper {
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    text-align: center;
    position: relative;
    z-index: 2;
}

.kreis {
    top: 5%;
    left: 12%;
    z-index: 1;
}

.circle1 {
    fill: none;
    stroke: #8ea8c1;
    stroke-width: 0.2;
}

@media (max-width: 960px) {
    .box-panel::before {
        font-size: 120px;
    }
}

@media (max-width: 640px) {
    .box-panel::before {
        font-size: 80px;
    }
}
.section_1{background-color:#f7f7f6; transition: background-color 1.5s ease;}

.panel {
  /* min height incase content is higher than window height */
  min-height: 100vh;
  
  align-items: center;
}
/* colours */

.color-indigo {
  background-color: #4332CF;
}
.color-blue {
  background-color: #2F8FED;
}

.color-yellow {
  background-color: #efe3b3;
}

.color-royalblau {
  background-color: #091233;
  color:#cdcdcd;
}
.color-royalblau h6{color:#fff;}
.color-royalblau h2, .color-royalblau h3, .color-royalblau h4{color:#8ea8c1}


.tb_outer_wrap {
    width: 100%;
    max-width: 900px;
    margin: 15px auto;
}
.tb_video_wrap_macbook {
    position: relative;
    padding-bottom: 43%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
    -webkit-border-image: url('images/macbook_laptop.png') 50 233 112 228 stretch stretch;
    -moz-border-image: url('images/macbook_laptop.png') 50 233 112 228 stretch stretch;
    -o-border-image: url('images/macbook_laptop.png') 50 233 112 228 stretch stretch;
    border-image: url('images/macbook_laptop.png') 50 233 112 228 stretch stretch;
    border-color: rgba(0, 0, 0, 0);
    border-width: 27px 74px 55px 78px;
    border-style: inset;
}
.tb_video_wrap_macbook iframe, .tb_video_wrap_macbook object, .tb_video_wrap_macbook embed, .tb_video_wrap_macbook video {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
}
@media (max-width: 500px) {
.tb_video_wrap_macbook {
    border-width: 20px 62px 40px 62px;
}
}
@media all and (max-width: 400px) {
.tb_video_wrap_macbook {
    border: none !important;
}
}
.element {
	animation: myAnim 2s ease 0s 1 normal forwards;
}
@keyframes myAnim {
	0% {
		transform: scale(0);
	}

	100% {
		transform: scale(1);
	}
}
[uk-cover]:where(video) {z-index:-1}
.text_startslider h3{line-height:0.85}

@media (min-width: 960px){
.uk-navbar-nav {
    gap: 40px;
}
}
/* Desktop First i.e Larger to Smaller Devices */

  /* XX-Large devices (larger desktops) */
  /* No media query since the xxl breakpoint has no upper bound on its width */

  /* X-Large devices (large desktops, less than 1400px) */
  @media (max-width: 1440px) 
	{

		#ver_slider h3 {font-size: 28px;}

		h4 {font-size: 32px;}
		

	}
  @media (min-width: 1200px) and (max-width: 1399px) {
  
    #ver_slider h3{font-size: 26px;}
	#ver_slider P{margin-top:0}
	 h5{font-size:26px}
	.flip-box_1 {width: 230px;height: 230px;}
	.box-panel h5 {font-size: 24px;}
	.flip-box-back p{font-size:15px}
	#sectionPin2 h4{font-size: 1.5rem; line-height:1.2}
	  
	#akkordion3 .uk-accordion-title h4 {font-size: 28px;}
	.uk-thumbnav{display:none}	
	 .uk-accordion-title::before {background-position: 50% 20%;color:#fff }
	 .margin-flip { margin-left:-6px;}
	 .text-marker{top:50px;}
  }
  

  /* Large devices (desktops, less than 1200px) */
  @media (max-width: 1199.98px) { 
  
  .pin-wrap-sticky h4{font-size: 1.5rem; line-height: 1.4;}
  
  }

  /* Medium devices (tablets, less than 992px) */
  @media (max-width: 991.98px) { 
  
  .slider_bild_text  .uk-slideshow-items {min-height:950px!important}
  .slider_bild_text.blau .uk-slideshow-items {min-height:1000px!important}
  
  }

  /* Small devices (landscape phones, less than 768px) */
 @media (max-width: 767.98px) { 

h6{font-size:18px;}
h5{font-size:20px;}
h4{font-size:22px;}
h3{font-size:24px;}

h2{font-size:26px;}
h1{font-size:28px;}
#headline-text h2{font-size: 74px;}
.logo {padding-top: 10px; padding-bottom:10px}
.logo .logo_bild img{width:80%}
.off_button{position:absolute; top:8px; right:0px;}
.off_button.uk-grid-margin{margin-top:10px}
.kontakt-text{display:none}
 #slider {height: 80vh;} 
 .panel {min-height: 60vh;}
 #akkord_section .uk-accordion-title h4, #akkord .uk-accordion-title h4, #akkordion3 .uk-accordion-title h4  {font-size: 20px;}
 .uk-accordion-title::before {font-size: 20px; }
#video-slider .pin-wrap {height: 60vh;}
#ver_slider h3 {font-size: 28px;}
#video-slider .pin-wrap > * {min-width: 32vmax;}
#video-slider .pin-wrap p{font-size:15px}
#sectionPin2 .pin-wrap > * {
    min-width: 50vmax;
    margin-left: 2vmax;
}
.header_text_bottom {width: 250px;padding: 40px 40px 40px 40px;}
.header_text_bottom h3, .header_text h3{font-size:30px}
.teser_inhalt {padding-top: 3rem; padding-bottom: 3rem;}
.teser_inhalt h3{line-height:1.5}
.uk-card-body {padding: 30px 20px;}
.grider figure.effect-oscar .hover-text{}
.grider figure p {
    margin: 0;
    font-size: 15px;
    padding: 10px;
}
  figure.effect-oscar figcaption::before {
    position: absolute;
    top: 16px;
    right: 16px;
    bottom: 16px;
    left: 16px;
    border: 1px solid #fff;
    content: '';
}
.video iframe{height: 320px!important;;}
.sd-margin-left, .margin-flip{ margin-left: 0px;}
.box-1{margin-left:30px}
#slider_start .sd-button {font-size:17px; padding: 10px 30px; text-align:center}
#slider_start .sd-button a{padding:0}
.box-panel h5 {font-size:20px;}
.pad{padding-top:2rem;padding-bottom:2rem; }
.sd-margin-top {   margin-top: 10%;}
.uk-text-large {font-size: 1rem; line-height: 1.5;}
#ver_slider .uk-padding-large {padding:20px}
#menu_2 .uk-navbar{overflow: scroll;}
.slider_bild_text .uk-margin-medium-top, .slider_bild_text p, .slider_bild_text h4 {margin-top:0}
.slider_bild_text .uk-padding-large{padding:10px}
.uk-slider-items>* {    max-width: 80%;}
#cards .link{margin-bottom: 30px}
.video .uk-height-large {height: 250px;}
.pwcmb-widget__button {font-size:16px; line-height:20px}
.video-margin-left  {margin-left:0px}
.uk-align-right {margin-left:0}
.sd-button {font-size: 16px;}
.text-marker{position: relative;display: block;margin-bottom: 20px;left: 0;top: 0;padding-left: 10px;padding-right: 10px;}
#slider_start .sd-button a {line-height: 1.5;padding: 10px;}
.slider_bild_text  .uk-slideshow-items {min-height:850px!important}
 .slider_bild_text .uk-position-center-left {left: -30px !important;}
 .slider_bild_text .uk-position-center-right {right: -25px !important;}
.slider_bild_text.blau .uk-slideshow-items {min-height:850px!important}
.grider figure.effect-oscar .hover-text {    margin-top: 16px;}

figure.effect-oscar h4{   margin-top: 30px;}
 #footer.uk-height-large { height:850px!important}
  
  
}
  /* X-Small devices (portrait phones, less than 576px) */
  @media (max-width: 575.98px) { 
  
  
  
  }