/*
einfache Nennung = Typselektor
Punkt vorneweg = Klassenselektor
Gatterzeichen # vorneweg = ID-Selektor
Eckige Klammern = Attributselektor
@-Regeln sind mit Abfragen verbunden, @font-face verweist auf einen bestimmten ladbaren font
> bedeutet: Nachfahren-Selektor, d.h. Eigenschaft greift bei direktem Nachfahren (child) eines Elternelements (und nicht bei indirekten Nachfahren, d.h. wenn ein anderes Element dazwischen ist)
*/
/*Button zum Seitenanfang springen*/
#topBtn { 
 position: fixed; 
 border-radius: 5px; 
 opacity: 0%; 
 bottom: 10%; 
 right: 0px; 
 z-index: 99; 
 font-size: 18px; 
 border: none; 
 outline: none; 
 background-color: #115793; 
 color: white; 
 cursor: pointer; 
 box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19); 
 padding: 5px 5px 8px 5px !important; 
 margin: 10px 10px 0 10px; 
 color: #fff;
 text-align: center;
 max-width: 120px; 
 width:120px; 
 text-transform: uppercase;
 -webkit-transition: all 0.3s ease;
 -moz-transition: all 0.3s ease;
 -o-transition: all 0.3s ease; 
 transition: all 1s ease; } 
 #topBtn:hover { transition: all 1s ease; background:#34a6df; } 

span.smaller {
	font-size: smaller;
    }
p.hausfarbe {
	color: #A04DCD;
    }
p.literaturdownload {
	top: 0em;
	text-align: center;
	font-weight: normal;
	color: #333333;
	margin-top: 0;
	margin-bottom: 1; 
    }
p.literaturdownload a {
	color: #777777;
	font-size: smaller;
	}
p.literatur {
	top: 0em;
	text-align: left;
	margin-top: 0;
	margin-bottom: 0; 
    }
p.anmerkung {
	font-size: 0.5em; /* 50 % des uebergeordneten Elternelements */
	line-height: 0.9;
	}

img { 
   max-width: 100%; 
   max-height: 100%; 
   width: auto; 
   height: auto;
   } 
#mkLightboxContainer { position: fixed; left: 0; top:0; min-width: 100vw; height: 100vh; width: 100vw; overflow: hidden; box-sizing: border-box; z-index: 999; display: flex; align-items: center; justify-content: center;} 
#mkLightboxContainer > * { z-index: 99;} 
#overlay { position: absolute; left: 0; top: 0; height: 100vh; width: 100%; overflow: hidden; box-sizing: border-box; background: rgba(0,0,0,.85); z-index: 0;} 
#mkLightboxContainer #mklbInner { position: relative; height: 100vh; transition: all .4s ease-in-out; margin-left: 0;} 
section.imageContainer { margin: 0; padding: 1em; box-sizing: border-box; border: none; height: 100vh; width: 100vw; display: flex; justify-content: center; align-items: center; float: left;} 
#mkLightboxContainer img,#mkLightboxContainer video { background: #fff; box-shadow: 0 0 30px #222; max-height: 85vh; min-width: auto; max-width: 75vw; width: auto; height: auto;} 
#mkLightboxContainer #yt-video { width: 75vw; height: 42.1875vw; /* 75*9/16 */} 
.mklbItem:hover { cursor: pointer; font-style: italic;} 
#closeIconContainer { width: 25px; height: 25px; position: fixed; top: 15px; right: 15px; transition: transform .2s linear;} 
#closeIconContainer:hover { cursor: pointer; transform: rotate(90deg);} 
#closeIconContainer svg,#prev svg,#next svg,#stopGallery svg,#playGallery svg{ fill: white;} 
#prevContainer,#nextContainer { position: fixed; left: 0; top: 0; height: 100vh; padding: 10px 5px 10px 5px; box-sizing: border-box; display: flex; justify-content: center; align-items: center; transition: all .2s ease-in;} 
#nextContainer { left: auto; right: 0;} 
#prevContainer:hover,#nextContainer:hover { cursor: pointer; background: rgba(0,0,0,0.25);} 
#prev,#next { width: 35px; height: 35px;} 
.grid { display: grid; align-content: flex-start; grid-gap: 1em;} 
.grid-3 { grid-template-columns: repeat(3,1fr);} 
.grid-4 { grid-template-columns: repeat(4,1fr);} 
.grid figure { width: 100%; margin: 0;} 
.grid img { width: 100%;} 
#controlContainer { position: absolute; top: 1em; left: .5em; display: flex;} 
#controlContainer > div { width: 2em;} 
#controlContainer > div:hover { cursor: pointer;} 
#controlContainer #stopGallery,#controlContainer.stop #playGallery{ opacity: 0.5;} 
#controlContainer.stop #stopGallery,#controlContainer #playGallery{ opacity: 1} 

/*MEDIA-FORMAT und NAVIGATION*/
@media screen and (max-width: 768px){ .grid-2-sm { grid-template-columns: 1fr 1fr; }} 
@media screen and (max-width: 450px){ .grid-12-xs { grid-template-columns: 1fr; }}
/*topnav = Menü-Navigation oben*/
.topnav { 
   overflow: hidden; 
   display: flex; 
   justify-content: space-around; 
   position: relative; 
   align-items: center; 
   } 
.topnav a { 
   text-align: center; 
   text-decoration: none; 
   transition: all 1s ease; 
   margin:0; 
   padding:2em 1em; 
   color:#8bc53e; 
   transition: all 1s ease; 
   text-transform:uppercase; 
   position: relative; 
   font-size: 1.2em; 
   text-shadow: none;
   } 
.topnav a:hover {
   background-color: #8bc53e;
   color: #f2f2f2;
   } 
.topnav a:hover:after {
   content:""; 
   width:60%;
   height:6px;
   background-color:white;
   position:absolute;
   bottom:15px;
   left:20%;
   z-index:20;
   } 
.topnav .icon { display: none; } 
.topnav .icon:before,.icon { display: none; } 

@media screen and (max-width: 800px) { 
   .topnav a::after ,.topnav .menu-items a::after {display: none;} 
   .topnav { display: block; width:100vw; } 
   .topnav a {display: none;} 
   .topnav a.icon {display: block; padding:0;} 
   .topnav .menu-icon.responsive a {padding:0.2em 0; width:100%;} 
   .topnav .menu-icon a {padding:0.2em 0; font-size:1em;} 
   .menu-items a {padding:0; background-color: #8bc53e; color: #f2f2f2;} 
   .menu-items a:hover {padding:0; background-color: #f2f2f2; color: #8bc53e;} 
   .topnav.responsive {width: 100vw;} 
   .topnav.responsive a { width:100%; padding:0.2em 0em; display: block; font-size:1em; } 
   } 

@media screen and (max-width: 600px) { 
   .topnav.responsive {width: 100vw;} 
   .topnav.responsive a:before{ display: none; } 
   }

@font-face { 
font-family: 'open_sansbold'; 
src: url('../fonts/OpenSans-Bold-webfont.eot'); 
src: url('../fonts/OpenSans-Bold-webfont.eot?#iefix') 
format('embedded-opentype'),url('../fonts/OpenSans-Bold-webfont.woff') 
format('woff'),url('../fonts/OpenSans-Bold-webfont.ttf') 
format('truetype'),url('../fonts/OpenSans-Bold-webfont.svg#open_sansbold') 
format('svg'); 
font-weight: normal; 
font-style: normal; 
font-display: swap; } 

@font-face { 
font-family: 'open_sanslight'; 
src: url('../fonts/OpenSans-Light-webfont.eot'); 
src: url('../fonts/OpenSans-Light-webfont.eot?#iefix') 
format('embedded-opentype'),url('../fonts/OpenSans-Light-webfont.woff') 
format('woff'),url('../fonts/OpenSans-Light-webfont.ttf') 
format('truetype'),url('../fonts/OpenSans-Light-webfont.svg#open_sanslight') 
format('svg'); 
font-weight: normal; 
font-style: normal; 
font-display: swap; } 

@font-face { 
   font-family: 'open_sansregular'; 
   src: url('../fonts/OpenSans-Regular-webfont.eot'); 
   src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') 
   format('embedded-opentype'),url('../fonts/OpenSans-Regular-webfont.woff') 
   format('woff'),url('../fonts/OpenSans-Regular-webfont.ttf') 
   format('truetype'),url('../fonts/OpenSans-Regular-webfont.svg#open_sansregular') 
   format('svg'); 
   font-weight: normal; 
   font-style: normal; 
   font-display: swap; 
   } 

html {scroll-behavior: smooth; } 

body { 
   font-size: 16px; 
   font-family: 'open_sanslight',sans-serif; 
   margin: 0; 
   width: 100vw; 
   max-width: 100vw; 
   overflow-x: hidden; 
   scroll-behavior: smooth; 
   color: #333; 
   text-shadow: 0px 0px 1px rgba(54,199,255,0.8);
   }
   
.block { width:100%; padding:0 1rem 0 1rem; text-align:justify;margin:-1rem;display: flex; flex-wrap: wrap; justify-content:space-between;} 
.block-horizontal { width:100%; display: flex; flex-wrap: wrap;} 
.block-horizontal li { position: relative; width: 25%; padding: 1em; margin: 1em; display: inline-block; color: black; background-color: rgba(255,255,255,0.6); z-index:10;} 
.block-horizontal li h3 { font-size: 1.2em;} 
.block-horizontal li i { padding:.2em; left:0; right: 0; top: 0; bottom: 0; position:absolute; z-index:-1; font-size: 10em; opacity: 0.12; color: #89c03d;} 
.b-1,.b-2 ,.b-3 ,.b-4,.b-5,.b-6,.b-7,.b-8,.b-9,.b-10 { padding:0 1rem; display: flex; flex-wrap: wrap; align-items: flex-start;align-content: flex-start;margin:0.5rem;} 
.b-1 {width:calc(10% - 4rem);}
.b-2 {width:calc(20% - 4rem);}
.b-3 {width:calc(30% - 4rem);}
.b-4 {width:calc(40% - 4rem);}
.b-5 {width:calc(50% - 4rem);}
.b-6 {width:calc(60% - 4rem);}
.b-7 {width:calc(70% - 4rem);}
.b-8 {width:calc(80% - 4rem);}
.b-9 {width:calc(90% - 4rem);}
.b-10 {width:calc(100% - 4rem);} 
.mt--1 {margin-top:-1em;}
.mt--2 {margin-top:-2em;}
.mt--3 {margin-top:-3em;}
.mt--4 {margin-top:-4em;}
.mt--5 {margin-top:-5em;}
.mt--6 {margin-top:-10rem;} 
.mt-0{margin-top:0rem !important;}
.mt-1{margin-top:1rem !important;}
.mt-2{margin-top:2rem !important;}
.mt-3{margin-top:3rem !important;}
.mt-4{margin-top:4rem !important;}
.mt-5{margin-top:5rem !important;}
.mt-6{margin-top:6rem !important;}
.mb-1{margin-bottom:1rem !important;}
.mb-2{margin-bottom:2rem !important;}
.mb-3{margin-bottom:3rem;}
.mb-4{margin-bottom:4rem;}
.mb-5{margin-bottom:5rem;}
.mb-6{margin-bottom:6rem;} 
.mr-0 {margin-right:0rem !important;}
.mr-1 {margin-right:1rem !important;}
.mr-2 {margin-right:2rem !important;}
.mr-3 {margin-right:3rem;}
.mr-4 {margin-right:4rem;}
.mr-5 {margin-right:5rem;} 
.ml-0 {margin-left:0rem !important;}
.ml-1 {margin-left:1rem !important;}
.ml-2 {margin-left:2rem !important;}
.ml-3 {margin-left:3rem;}
.ml-4 {margin-left:4rem;}
.ml-5 {margin-left:5rem;} 
.ml--1 {margin-left:-1rem !important;} 
.center {text-align: center; margin-left:auto !important; margin-right:auto !important;}
.left {text-align:left;}
.right {text-align:right;}
.no-flex {display:block !important;}
.justify-around {justify-content: space-around;}
.justify-between {justify-content: space-between;}
.justify-center {justify-content: center;}
.fs {align-items: flex-start}
.f-l {float:left;}
.f-r {float:right;}
.f-c {clear:both;} h1,h2,h3,h4{ position: relative; width:100%; text-align: center;} 
.pre-heading { font-size:0.9rem; margin:0; position: relative; display: inline-block;} 
.pre-heading::after {position: absolute;width:60%;left:20%;height:1px;bottom:-1em;background-color: white;content:'';} 
#header { 
   position: relative; 
   z-index:300; 
   display: flex; 
   justify-content: space-between; 
   width:100%; 
   position:fixed; 
   top:0; 
   background-color: rgba(255,255,255,0.9); 
   transition: all 1s ease; 
   overflow: hidden;
   max-width: inherit;
   } 
.onscroll { 
   background-color: rgba(255,255,255,0.95) !important; 
   border-bottom:1px solid grey; 
   box-shadow: rgba(0,0,0,0.25) 0px 54px 55px,rgba(0,0,0,0.12) 0px -12px 30px,rgba(0,0,0,0.12) 0px 4px 6px,rgba(0,0,0,0.17) 0px 12px 13px,rgba(0,0,0,0.09) 0px -3px 5px;
   }  

.top-adress { max-width:100vw; display: flex; justify-content: space-between; background-color: white; padding: 0.1em; top:0; z-index:999; display: none; align-items: center;} 
.top-adress a {width:30%;}
.top-adress img {width:100%; padding: 0.1em; margin-left:0.5em;}
.top-adress p {width:60%; margin-right:0em; font-size:0.8em; color: #27C3EE;} 
.brand { display:block; padding:1em 1em; color: black; text-decoration: none; } 
.brand img {max-width: 200px;} a { color: black;} p{line-height:1.5em;} 

/*GS: Blauer erster Bereich*/
.big-head { 
   height:auto; 
   width:100%; 
   -webkit-background-size: cover; 
   -moz-background-size: cover; 
   -o-background-size: cover; 
   background-size: cover; 
   display: flex; 
   align-items: center; 
   position: relative; 
   color: white; 
   /*   font-family: 'open_sansregular'; */
   font-size: 1.4em; 
   padding-bottom: 1em; 
   padding-top:3em; 
   overflow:hidden; 
   min-height:40vh; 
   /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#218af2+0,499bea+100&0.9+0,0.8+100 */
   background: -moz-linear-gradient(top,  rgba(33,138,242,0.9) 0%, rgba(73,155,234,0.8) 100%); /* FF3.6-15 */
   background: -webkit-linear-gradient(top,  rgba(33,138,242,0.9) 0%,rgba(73,155,234,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(to bottom,  rgba(33,138,242,0.9) 0%,rgba(73,155,234,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6218af2', endColorstr='#cc499bea',GradientType=0 ); /* IE6-9 */
} 
.big-head h1 {font-size:3rem;} 
.big-head p,.big-head h1 {z-index: 2;}
.big-head.button {padding: 1rem;margin: 0em;margin-top:2em;display: inline-block;color: white;border: 3px solid white; font-size: 0.8em !important;transition: all 1s ease;text-decoration: none;box-shadow: none;z-index:999;position: relative; } 
.bg-image { position: fixed; top:0; left:0; width:100vw; height:100%; background-image: url('/images/andere/computer-767776_1920.jpg'); content:''; z-index:-1; filter: blur(0px); opacity: 0; transition: all 2s ease; background-position: bottom;} 
.bg-image.onscroll { opacity:0.6 !important;} 
.big-head.container {z-index:100;} 
.promo:before{ background-image: url(''); opacity: 0.4; background-position: top; filter: blur(2px) saturate(0) contrast(0.5); } 
.subhead { box-sizing: border-box; width:100%; padding:2em; font-size:1.2em; color:black; 
   /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.8+0,0+100;White+to+Transparent */background: -moz-radial-gradient(center,ellipse cover,rgba(255,255,255,0.9) 0%,rgba(255,255,255,0) 100%); background: -webkit-radial-gradient(center,ellipse cover,rgba(255,255,255,0.9) 0%,rgba(255,255,255,0) 100%); background: radial-gradient(ellipse at center,rgba(255,255,255,0.9) 0%,rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccffffff',endColorstr='#00ffffff',GradientType=1 );  } 
.big-head figure {width:100%; z-index:2; background-color: rgba(255,255,255,0.3); padding:1em;} 
.big-head img { width:100%;} 
.decals { position: relative; z-index: 100; max-width: calc(30% - 4em); margin:0em; padding:1em; background-color:rgba(255,255,255,0.9); border-radius:0em; box-shadow: rgba(0,0,0,0.25) 0px 54px 55px,rgba(0,0,0,0.12) 0px -12px 30px,rgba(0,0,0,0.12) 0px 4px 6px,rgba(0,0,0,0.17) 0px 12px 13px,rgba(0,0,0,0.09) 0px -3px 5px; transition: all 1s;} 
.decals h2 a { color:#8bc53e; text-decoration: none; font-size: 1.2em;} 
.decals img {max-height:200px; margin-top:1em; width:100%;}
.decals:hover {background-color:rgba(255,255,255,1); box-shadow: rgba(50,50,93,0.25) 0px 3px 5px -1px,rgba(0,0,0,0.3) 0px 3px 3px -1px; transform: scale(95%);} figure {width:100%; text-align: center; margin:0;} 
.button { background: transparent; border: 2px solid #209dd9; border-radius: 0; color: #209dd9; cursor: pointer; display: inline-block; font-size: 1.2rem; font-family: 'open_sansbold',sans-serif; line-height: 1.25; opacity: 1; padding: 0.8em 2rem; text-align: center; text-decoration: none; transition: opacity 0.15s linear; border-radius: 2px; align-self: center;-webkit-transition: transform 0.3s ease;-moz-transition: transform 0.3s ease;-o-transition: transform 0.3s ease; /* box-shadow: rgba(0,0,0,0.16) 0px 3px 6px,rgba(0,0,0,0.23) 0px 3px 6px; */} 
.container { max-width:1300px; margin:auto; width: 90%; padding-top: 1em;padding-bottom: 1em;} 
.white { background: rgba(255,255,255,1); padding:2em 1em; /*box-shadow: rgba(50,50,93,0.25) 0px 50px 100px -20px,rgba(0,0,0,0.3) 0px 30px 60px -30px; */} 
.white-tint { background: rgba(255,255,255,.5) !important; padding:2em 1em; } 
.dark-tint { background: rgba(0,0,0,.5) !important; padding:2em 1em; } 
/*Grün hinterlegter Seitenbereich*/
.green{ 
   background-color: rgba(245,255,224,0.7); 
   padding:2em 1em; box-shadow: rgba(50,50,93,0.25) 0px 50px 100px -20px,rgba(0,0,0,0.3) 0px 30px 60px -30px; 
   color:hsla(200,0%,0%,.7) 
   } 
/*Blau hinterlegter Bereich*/
.blue { 
   background-color: rgba(203,230,255,0.7); 
   padding:2em 1em; 
   box-shadow: rgba(50,50,93,0.25) 0px 50px 100px -20px,rgba(0,0,0,0.3) 0px 30px 60px -30px; 
   color:hsla(200,0%,0%,.7)
   } 
.blue .button { 
   padding: 1rem; 
   margin: 1em; 
   display: inline-block; 
   color: #333; 
   border: 3px solid #333; 
   margin:1em; 
   font-size: 1em; 
   transition: all 1s ease; 
   text-decoration: none; 
   box-shadow: none; 
   } 
.blue a {
   color:hsla(200,0%,0%,.7)
   } 
.blue .hook li::before { 
   color: hsla(200,0%,0%,.7)
   } 
.white h1 {font-size:2em; margin-top:0; padding-top:1em}
.white h2 {font-size:1.8em;}
.white h3 {font-size:1.6em;}
.white h4 {font-size:1.4em;} 
.green h1 {font-size:2em; margin-top:0; padding-top:1em}
.green h2 {font-size:1.8em;}
.green h3 {font-size:1.6em;}
.green h4 {font-size:1.4em;}
.green .button { color: #333; border: 2px solid #333; } 
.grey { background-color:rgb(238,238,238,0.7); font-family: 'open_sanslight'; padding: 2em 1em;} 
.grey h1 {font-size:2em; margin-top:0; padding-top:1em}
.grey h2 {font-size:1.8em;}
.grey h3 {font-size:1.6em;}
.grey h4 {font-size:1.4em;} 
.article-bg{ position:absolute; left:0; top:0; opacity: 0.5; z-index: -1;} 
.person-wrapper { position: relative; overflow:hidden; text-align: center; padding:1em; background: rgba(255,255,255,0.5);} 
.person {margin: auto;} 
.testimonials { display: flex; width: 100%;flex-wrap: wrap;justify-content: center;} 
.testimonial-item { text-align: center; transition: all 0.1s ease-out; margin:10px; max-width:30%; cursor: pointer; box-shadow: rgba(0,0,0,0.19) 0px 10px 20px,rgba(0,0,0,0.23) 0px 6px 6px; } 
.testimonial-item img { position: relative; width:100%; } 
.grayscale {filter:grayscale(30%); } 
.testimonial-item:hover { z-index:200; transform: scale(160%) rotate(1deg) ; filter: saturate(100%); } 
.quote-wrapper { width: 300px; height: 300px; position: relative; margin: 10vh auto 0;  } 
.text { width: 100%; height: 100%;border-radius:50%;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00b7ea+0,009ec3+100;Blue+3D+%2315 */
background: rgb(0,183,234); background: -moz-radial-gradient(center,ellipse cover,rgba(0,183,234,0.8) 0%,rgba(0,158,195,0.8) 100%); background: -webkit-radial-gradient(center,ellipse cover,rgba(0,183,234,0.8) 0%,rgba(0,158,195,0.8) 100%); background: radial-gradient(ellipse at center,rgba(0,183,234,0.8) 0%,rgba(0,158,195,0.8) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b7ea',endColorstr='#009ec3',GradientType=1 );  position: relative; margin: 0; color: white; } 
.text p { height: 100%; font-size: 0.9em; line-height: 1.45; padding: 0; text-align: center; font-style: italic; text-shadow: 0.5px 0.5px 1px rgba(0,0,0,0.1); } 
.text::before { content: ""; width: 50%; height: 100%; float: left; shape-outside: polygon( 0 0,98% 0,50% 6%,23.4% 17.3%,6% 32.6%,0 50%,6% 65.6%,23.4% 82.7%,50% 94%,98% 100%,0 100% ); shape-margin: 7%; } 
.text p::before { content: ""; width: 50%; height: 100%; float: right; shape-outside: polygon( 2% 0%,100% 0%,100% 100%,2% 100%,50% 94%,76.6% 82.7%,94% 65.6%,100% 50%,94% 32.6%,76.6% 17.3%,50% 6% ); shape-margin: 7%; } 
.quote-wrapper blockquote footer { width: 100%; position: absolute; bottom: 25px; font-size: 0.7em; text-align: center; font-style: italic; text-shadow: 0.5px 0.5px 1px rgba(0,0,0,0.3); left: -3%; background:rgb(53,84,170); padding:0.5em; } 
.quote-wrapper::before { content: "\201C"; font-size: 270px; height: 82px; line-height: 0.78; line-height: 1; position: absolute; top: -48px; left: 0; z-index: 1; font-family: sans-serif,serif; color: #d1ecc2; opacity: 1; } 
@media (min-width: 850px) { 
  .quote-wrapper { width: 370px; height: 370px; } 
  .quote-wrapper::before { font-size: 300px; } 
  .text p { font-size: 0.9em; } 
  .quote-wrapper blockquote footer { bottom: 32px; } 
  } 
.fa-star { margin:0.1em; text-shadow: rgba(0,0,0,0.3) 0px 4px 12px; font-size:1.2em;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f1e767+0,feb645+100;Yellow+3D */
color: rgb(241,231,103); color: -moz-radial-gradient(center,ellipse cover,rgba(241,231,103,1) 0%,rgba(254,182,69,1) 100%); color: -webkit-radial-gradient(center,ellipse cover,rgba(241,231,103,1) 0%,rgba(254,182,69,1) 100%); color: radial-gradient(ellipse at center,rgba(241,231,103,1) 0%,rgba(254,182,69,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1e767',endColorstr='#feb645',GradientType=1 );  } form { width: 95%; margin:auto;} fieldset { border:0;} 
#kontakt .button {background-color: #8bc53e;}
#kontakt .button:hover {background-color: #8bc53e; filter: brightness(1.1);} input[type=text],textarea { width: 100%; padding:0.5em; font-size:18px; font-family: 'Exo 2',sans-serif; } 
input[type=checkbox] { width:1.5em; height:1.5em; } 
.success { position: fixed; padding:2rem; top:30vh; left:30vw; max-width:40vw; width:40vw; background-color:rgba(0,213,133,0.9); color:white; margin:auto; z-index:101; font-size:1.2rem; transition: all 1s ease; opacity: 1; transition: all 1s ease;} 
.success i { font-size: 5rem;} 
.success_img { width:150px; right:-75px; position:absolute; bottom:-20px;} 
.success_bg{ position:fixed; top:0; left:0; background:rgba(0,0,0,0.7); content:''; z-index:100; width:100vw; height:100vh; transition: all 1s ease;} 
.success hr { border: 0; height: 1px; background: #333; 
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
background: -moz-radial-gradient(center,ellipse cover,rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); background: -webkit-radial-gradient(center,ellipse cover,rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); background: radial-gradient(ellipse at center,rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000',endColorstr='#00000000',GradientType=1 );  } 
.blub {display:none;}  
#bestellung fieldset {width:100%; margin-left:-1em; text-align: left; border:1px solid #83add4;}
#bestellung .button {background-color: #8bc53e;}
#bestellung .button:hover {background-color: #8bc53e; filter: brightness(1.1);} 
.select-wrapper { width: 25%; margin-bottom:1em; position:relative;}
@media all and (max-width:774px){ .select-wrapper {width: 100%;}}
@media all and (min-width:774px){ 
  .select-wrapper,.firma div,.name div,.kontaktdaten div {width: calc(50% - 1rem);max-width: calc(50% - 1rem);} 
  .firma,.name,.kontaktdaten {display: flex;width: 100%;justify-content: space-between;}
  } 
.firma div,.name div,.kontaktdaten div {margin-bottom:1em;} 
.select-wrapper:after { content: ''; font-family: 'open_sansregular',sans-serif; font-size:17px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); right: 1rem; top: 2.3rem; position: absolute; pointer-events: none; border-bottom: 2px solid #054a6b; width: 0.8rem; height: 0.8rem; border-right: 2px solid #054a6b; } 
.select-wrapper select { font-size: 18px; padding: 0.5em 0.5em; width: 100%; color: #AAA; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #676774; } img { opacity: 1; transition: opacity 0.5s;} img[data-src] { opacity: 0;} 
.visible { opacity: 1 !important;} 
.anchor { display: block; position: relative; top: -50px; visibility: hidden;} 

/*GS footer-Bereich*/
footer { padding:0.5em; background:#209dd9; color:white; font-size: 1em;}
 .contact-wrapper .button { color: #209dd9; border-color: #209dd9; background-color: white;}
.contact-wrapper .button i { font-size:1.5em; margin:0.5em;}
 .footer_wrapper * a { color:white;}
 .footer_wrapper * a:hover { color:lightblue;}
 .footer_wrapper * h3 { text-align: left;}
 .footer_wrapper { display: flex; flex-wrap: wrap; justify-content: space-between; }
 /*Vorlage hatte in nächster Zeile width:21%*/
 .footer_wrapper > div { width:28%; position: relative; text-align: left; text-decoration: none; background-color: rgba(0,0,0,0.05); margin:0.5rem; padding:1rem;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.05+0,0+100;White+to+Transparent */
background: -moz-linear-gradient(left,rgba(255,255,255,0.05) 0%,rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(left,rgba(255,255,255,0.05) 0%,rgba(255,255,255,0) 100%); background: linear-gradient(to right,rgba(255,255,255,0.05) 0%,rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0dffffff',endColorstr='#00ffffff',GradientType=1 );  } 
.footer_wrapper a { text-decoration: none;} 
.net-left{opacity:0.3;position:absolute;left:0;top:0; width:40% !important; animation-name: rotation; animation-duration: 120s; animation-iteration-count: infinite; z-index:0;}
.net-right{opacity:0.3; position:absolute;right:0;bottom:0; width:40% !important; animation-name: rotation-anti; animation-duration: 120s; animation-iteration-count: infinite; z-index:0;} 

@keyframes rotation { 0% {transform:rotate(0deg);} 50% {transform:rotate(180deg) scale(130%); } 100% {transform:rotate(359deg) scale(100%); } } 

@keyframes rotation-anti { 0% {transform:rotate(0deg);} 50% {transform:rotate(-180deg) scale(130%); } 100% {transform:rotate(-359deg) scale(100%); } } 
.button { padding: 1rem; margin: 1em; display: inline-block; color: white; border: 3px solid white; margin:1em; font-size: 1em; transition: all 1s ease; text-decoration: none; box-shadow: none;} 
.owl-dots { margin-top:1em !important; padding:0.5rem 1rem !important;} 
.owl-carousel .owl-dot { box-shadow: unset !important;}
.owl-theme .owl-dots .owl-dot span { width:15px !important; height: 15px !important;} 
.owl-theme .owl-dots .owl-dot span { background:transparent !important; border:2px solid #f5fbfd !important;}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme 
.owl-dots .owl-dot:hover span{background:#fff !important;box-shadow:none !important;border:2px solid #f5fbfd !important;} 
.owl-carousel .owl-item { -webkit-animation-duration: 3s !important; animation-duration: 3s !important;} 
.cookie-consent-modal .modal-content-wrap { z-index:999;} 

.product-list > div { width:30%; } 
.product-list > :nth-child(2) { box-shadow: rgba(0,0,0,0.35) 0px 5px 15px; transform: scale(105%); z-index: 10;} 
.product-list > :nth-child(1) { transform: scale(95%); margin-right:-1em; box-shadow: rgba(0,0,0,0.25) 0px 5px 15px;} 
.product-list > :nth-child(3) { transform: scale(95%); margin-left:-1em; z-index:0; box-shadow: rgba(0,0,0,0.25) 0px 5px 15px;} 
.infobox { margin:1em; padding:1em; background-color:rgba(255,255,255,0.0); box-shadow: rgba(0,0,0,0.05) 0px 6px 24px 0px,rgba(0,0,0,0.08) 0px 0px 0px 1px; position: relative; transition: all 1s; border: 1px solid #209dd9;} 
.infobox h2 {font-size:2em;margin-top:0;} 
.green 
.infobox h3 { font-size:1.3em; } 
.products { margin:1rem; transition: all 1s ease; position: relative; padding:0em; background:white; box-shadow: rgba(0,0,0,0.05) 0px 6px 24px 0px,rgba(0,0,0,0.08) 0px 0px 0px 1px; color:#333;} 
.overview {position:sticky; top:10vh; font-size:1.2rem;}
.overview h3,.overview h4 {margin:0;} 
.product_wrapper {padding:0.5em; text-align: center; } 
.hook{ text-align: left;align-items: flex-start; position: relative; padding-left:0.5em; width: 100%;}.hook li { position: relative; padding-left: 1.9rem; margin-bottom:0.4em; list-style-type: none; flex-basis: 100%;} 
.hook li:before { content:"\f058"; font-family: 'Font Awesome 5 Free'; color: #8bc53e; position:absolute; left:0; top:0; font-size: 1.3rem; background: unset;} 
.quote { margin:1em auto; padding:1em; color:white; background-color: #8bc53e; font-size: 1.5rem !important; width: 50%; display: inline-block;} 
.quote i {margin:0em 1em;}.quote p {margin:0em 1em;} 
.products h3 { width:100%; padding:2rem;font-size:3rem; font-family: 'open_sansbold',sans-serif;position:relative; color: white; border-bottom: 1px solid #209dd9; margin:0; text-align: center; 
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ebf1f6+0,abd3ee+50,89c3eb+51,d5ebfb+100;Blue+Gloss+%234 */
background: #ebf1f6; background: -moz-linear-gradient(-25deg,#ebf1f6 0%,#abd3ee 50%,#89c3eb 51%,#d5ebfb 100%); background: -webkit-linear-gradient(-25deg,#ebf1f6 0%,#abd3ee 50%,#89c3eb 51%,#d5ebfb 100%); background: linear-gradient(165deg,#ebf1f6 0%,#abd3ee 50%,#89c3eb 51%,#d5ebfb 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf1f6',endColorstr='#d5ebfb',GradientType=1 );  } 
.products h4 { width:100%; text-align: center;} 
.order-wrapper 
.button { border-color:#209dd9; color: #209dd9; font-size:1.2rem; width:60%; box-shadow: unset;} 
.order-wrapper 
.button:hover {background-color: rgba(32,157,217,0.3);} 
.price { width:auto; padding:1rem 0rem;font-size:2.5rem; font-family: 'open_sansbold',sans-serif;position:relative; color: #209dd9;} 
.price-action { padding:0rem; font-family: 'open_sansbold',sans-serif;position:relative; } 
.price-action::before {position: absolute; width: 60%; height:100%; top:50%; left:20%; background-color: red; transform: rotate(-5deg); height:1px; content:''}
.price-action::after {position: absolute; width: 60%; height:100%; top:50%; left:20%; background-color: red; transform: rotate(5deg); height:1px; content:''} 
.order-wrapper { width:100%; text-align: center;} 
.order-wrapper p {font-size:0.8em;} hr { width:80%; margin:auto; margin-top:2em; margin-bottom:2em; height: 2px; background-image: linear-gradient(to right,rgba(255,255,255,0),rgba(32,157,217,0.75),rgba(255,255,255,0)); border:0;} 
.hourglas { background-image: url('../images/andere/hourglass-2910948_1920.png'); background-size: 100% auto; background-position: bottom;} 
.adv { background-color: #209dd9; padding:0.5em; color:white; margin:auto; display: inline-block; width:auto; padding:2em;} 
.adv li { text-align: left;} 
.adv li::before {color:white;} 
.legal {margin-top:5em;}
.legal_notices{font-size:0.6em;} video { width: 110vw; height: 110vh; object-fit: cover; position: fixed; bottom: 0; left: 0; z-index: -1; opacity: 0.3; } video:before{ content:''; width:100%; height:100%; background-color: teal; z-index: 1; position: absolute; } 
@media (prefers-color-scheme: light) { pre {border: 1px solid #666; border-left: 4px solid #209dd9; background: #000; color:#eaeaea;} 
pre span.css {color:#ff9a56;} 
pre span.defs {color: #fff;} 
pre span.info-left {color:#adadad;} 
pre span.info {color:#adadad;} 
pre.view {border: 1px solid #666; background: #000; color:#f3f3f3;} 
.tipps main aside {background:#393939; color:#f3f3f3;margin-top: 5rem;} 
.twocolumns,.threecolumns,.fourcolumns {background:transparent;border:0;} }

@media (prefers-color-scheme: dark) { pre {border: 1px solid #666; border-left: 4px solid #209dd9; background: #000; color:#eaeaea;} 
pre span.css {color:#ff9a56;} 
pre span.defs {color: #fff;} 
pre span.info-left {color:#adadad;} 
pre span.info {color:#adadad;} 
pre.view {border: 1px solid #666; background: #000; color:#f3f3f3;} 
.tipps main aside {background:#393939; color:#f3f3f3;margin-top: 5rem;} 
.twocolumns,.threecolumns,.fourcolumns {background:transparent;border:0;}} pre {font-size:0.8em;} pre blockquote {background:transparent;color: inherit;padding:inherit; margin:unset; border-radius: unset; font-style: unset;text-align: left;position:relative;}
.example blockquote:before {content: open-quote; font-size: 4em; line-height:1em;color: red;}
.example blockquote:after {content: close-quote; font-size: 4em;line-height:1em;color: green;}
.example q:before {content: open-quote; font-size: 4em; line-height: 1em; color: orange;}
.example q:after {content: close-quote; font-size: 4em; line-height: 1em; color: lime;} 
pre {overflow: auto;white-space: -moz-pre-wrap;white-space: -pre-wrap;white-space: -o-pre-wrap;white-space: pre-wrap;word-wrap: break-word;margin: 8px 0px; padding: 24px 20px 16px 21px; tab-size: 2; position: relative; font-weight: normal; font-style: normal; line-height: 1.6; box-sizing: border-box; -webkit-font-smoothing: auto;}
pre span.defs {white-space:pre;padding-left:20px;}
pre span.info {float:right;width:60%;}
pre span.info:after {clear:both;}
pre.view {font-family:serif; overflow: auto;white-space: -moz-pre-wrap;white-space: -pre-wrap;white-space: -o-pre-wrap;white-space: pre-wrap;word-wrap: break-word;margin: 8px 0px; padding: 24px 20px 16px 21px; tab-size: 2; position: relative;font-weight: normal; font-style: normal; font-size: 0.85em; line-height: 1.6; box-sizing: border-box; -webkit-font-smoothing: auto;} 

@media all and (max-width :1080px) {
	pre span.css {color:#209dd9;}
	pre span.defs {color: #036;white-space:pre;padding-left:20px;}
	pre span.info {color:#adadad;width:95%;padding-left:40px;}
	pre span.info:after {content:"";display:table;clear:both;}} table { background:rgba(0,0,0,0.1); padding:0.2em;margin:auto; margin-top:2em; margin-bottom:2em; } 
	table td {padding:0.2em;} 
	code { background: #f5f2f0; border: 1px solid rgba(51,51,51,.1); border-radius: 3px; color: #3a3a3a; padding: 3px 5px;} 
	pre code {background: unset; border:0; color:white; padding:0;} 
.container ul li {margin-top:0.5em; margin-bottom:0.5em; line-height:1.5em;}
.container ol li::marker {font-size: 1.5em; font-weight:bold;} 
.warnung { background-color:rgba(255,0,0,0.1); border: 1px solid rgba(255,0,0,0.2); padding:1em;} 
.kapitel { display: flex; flex-wrap: wrap; flex-direction: column; margin-bottom:1em;} 
.kapitel a { margin-left:0.5em; text-decoration: none; text-align: left; } 
.segment {display:block;font-size:1.2em;width:100%;margin-bottom:0.5em;text-align: left;} 
a.next-page,a.prev-page { text-decoration: none;border-bottom:1px dotted transparent; } 
a.next-page:hover,a.prev-page:hover { border-bottom:1px dotted #333;} 
a.next-page::after { content: '\00BB'; right: 0; margin-left:0.3em; font-size: 1.2em; text-decoration: none;} 
a.prev-page::before { content: '\00AB'; left: 0; margin-right:0.3em; font-size: 1.2em;} 
.tutorial-head-image { width:290px !important; height: 410px;} 
.result-wrapper { position:absolute; top:0; left:0; width:100%; height:100%; z-index:999; } 
.result { display:none; position: absolute; width:70%; left:15%; top: 5% !important; border:2px solid #1d71b8; background: -moz-linear-gradient(top,rgba(255,255,255,0.9) 0%,rgba(229,229,229,0.9) 100%); background: -webkit-linear-gradient(top,rgba(255,255,255,0.9) 0%,rgba(229,229,229,0.9) 100%); background: linear-gradient(to bottom,rgba(255,255,255,0.9) 0%,rgba(229,229,229,0.9) 100%); z-index:999; padding:1em; box-shadow: 0 0 30px 10px #333 ; color:#0b4a80;} 
.loading{ position: absolute; width:100%; height:100%; left:0; top:0; background: rgba(0,112,146,0.8); color: white; text-align:center;} 
.loading h1 { margin-top:10%;} 
.loading img { width:200px; animation: pulse 2s infinite;} 
.code { display: block; width:60%; height:auto; font-family: monospace; border: 1px solid #bbb; padding: 1em; font-size:0.8em; background-color: rgba(0,0,0,0.1); white-space: pre-wrap; word-wrap: break-word; text-align: justify;} 
/* Style the accordion panel. Note: hidden by default */ 
.panel { padding: 0 18px; background-color: white; overflow: hidden; border:1px solid #0b4a80; max-height: 150px; overflow: hidden; transition: max-height 1s ease-out; } 
.sequence li:nth-child(1) { background-color: rgba(2,239,120,0.2);} 
.sequence li:nth-child(2) { background-color: rgba(2,239,120,0.3);} 
.sequence li:nth-child(3) { background-color: rgba(2,239,120,0.4);} 
.sequence li:nth-child(4) { background-color: rgba(2,239,120,0.5);} 
.sequence li:nth-child(5) { background-color: rgba(2,239,120,0.6);} 
.sequence li { list-style: none; padding: 1em; border: 0; margin:1px !important;} 
.laptop{ background-image: url('../images/laptop.svg'); width:500px; min-width: 500px; max-width: 500px; height:400px; position: relative; background-size: cover; background-repeat:no-repeat; transform: scaleY(0.9); transition: all 1s ease;} 
.laptop:hover{transform: scale3d(1.1,1,1.1) rotate(3deg); } 
#slider { opacity:1; transition: opacity 1s; } 
#slider.fadeOut { opacity:0;} 
#slider.fadeIn { opacity:1;} 
.faq-section { background-color:rgba(255,255,255,0.4); border:1px dotted rgba(255,255,255,0.8); padding:1em; margin:1em; text-align: justify;} 
@keyframes blink { 50% { opacity: 1; } } 
@-webkit-keyframes blink { 50% { opacity: 1; } } 
.type-wrapper { display: flex; justify-content: center;} 
.wrap {position:relative; margin-left:0.2em;} 
.wrap::after { position: absolute; display:block; width:2px; right:-5px; height:100%; top:0px; background-color: #333;box-shadow: 0px 0px 1px rgba(54,199,255,0.8); content:''; opacity:0; animation: blink 0.8s step-start 0s infinite; -webkit-animation: blink 0.8s step-start 0s infinite; } 
.rating_box { border:2px solid rgba(54,199,255,0.8); text-align:center; padding:1em; background-color:white; margin:1em;} 
.rating_picture { text-align:center; margin:auto; width:100%;} 
.rating_box .name {text-align:center; margin:0.5em auto; width:100%;} 
.stars { margin: 0.5em auto;width:150px; height:30px; } 
.golden { background:url([##image:images/icons/star_golden.png##]);} 
.rating_text {font-size:1em;}
.rating_name {width:100%;} 
.usernav { position: relative; background-color: rgba(255,255,255,0.95); width:100%; } 
.usernav li{ margin:5px 20px; } 
.top_adress ul { display: flex; list-style: none; width: auto; padding: 0.5em; margin: 0; margin-right: 0px; justify-content: end; margin-right: 20px; } 
.phone:before { content: ""; width:20px; height:20px; background-image: url("images/icons/phone-icon.svg"); background-size:20px 20px; display:inline-block; margin: 0 10px -5px;}.fax:before{ content: ""; width:20px; height:20px; background-image: url("images/icons/fax-icon.svg"); background-size:20px 20px; display:inline-block; margin: 0 10px -5px;}
.mail:before{ content: ""; width:20px; height:20px; background-image: url("images/icons/mail-icon.svg"); background-size:20px 20px; display:inline-block; margin: 0 10px -5px;}
.handy:before{ content: ""; width:20px; height:20px; background-image: url("images/icons/handy-icon.svg"); background-size:20px 20px; display:inline-block; margin: 0 10px -5px;}.www:before{ content: ""; width:20px; height:20px; background-image: url("images/icons/www-icon.svg"); background-size:20px 20px; display:inline-block; margin: 0 10px -5px;}
 
@media screen and (max-width: 1100px) 
{.b-3 {width: 33%; margin: auto; margin:3px; padding:0.5em;}} 
@media screen and (max-width: 900px) and (orientation: landscape) { .big-head { height:120vh; } 
.owl-carousel { margin-top:2em !important; } 
.container {max-width:70%;} #topBtn { width:80%; bottom:5px; left:10%; max-width:80%; margin:0; padding:0 !important; z-index: 999;} } 
@media screen and (max-width: 900px) 
{ .b-2,.b-3,.b-4,.b-5,.b-6,.b-7,.b-8 {width: 90%; margin: auto;}.block {width:90%; margin: auto;}.
laptop {transform: scale(0.7); } 
.big-head h1 {margin-top: 3em;} 
.product-list > :nth-child(1) { order:2;} 
.product-list > :nth-child(2) { order:1;} 
.product-list > :nth-child(3) { order:3;} 
.net-right {display:none;} 
.blue,.green,.white { box-sizing: border-box; padding:0.2em; overflow: hidden; } 
.sequence {padding:0;} 
.container {width:95%; margin:auto; padding:0;} 
table { font-size:0.8em; overflow:hidden; width:100%; margin-left:0; margin-right:0; max-width:100vw; } 
h1,h2 {line-height: 1.3em; font-size:1.6rem !important;} 
.small {height:auto; padding-top:25vh;} 
.testimonial-item:hover { z-index:200; transform: unset ; filter: unset; } 
.brand { text-align: center; display: none; } 
.top-adress { display: flex; height:100px; transition: all 1s ease; } 
.top-adress.onscroll {height:0; overflow: hidden; opacity: 0;} #logo {height:50px;max-height:50px; } #header {display:block;} 
.big-head:before {background-position: 100% 100%; } 
.owl-carousel {margin-top:3em; } 
.owl-dots { display:none; } 
.owl-carousel{font-size: 0.8em; } 
.owl-carousel h1 { line-height: 1.3em; } 
.decal-wrapper { margin-top:-5rem; } 
.decals { width:100%; max-width: 100%; margin-bottom:2em; box-shadow: unset; border: 2px solid #209dd9; } 
.white,.green,.grey ,.blue{ box-shadow: unset; } 
.block-horizontal {padding:0;}
.block-horizontal li {width:100%;}
.quote-wrapper {width:100%; height: auto; }
.text {border-radius: 0; height:auto;}
.quote-wrapper blockquote footer {position: relative; margin-top:2em; bottom:0;}
.quote-wrapper::before {font-size: 180px;}
.testimonial-item {width:200px !important; height:100px !important; max-width: 90%; margin: 0 auto; overflow:hidden; margin-bottom:1em;}
.testimonial-item div {font-size:0.5em !important;}
.testimonial-item img { margin: auto; width:200px; } 

.footer_wrapper div::after { position: absolute; left: 0; top: 0; content: ''; height: 100%; width:1px; background-color: white;} 
.footer_wrapper > div { width:100%; padding:0.2em; padding-left:1em; margin-bottom:1em; font-size: 1rem; }
.person-wrapper {width: 80%; margin:0.5em auto;}
.contact-wrapper a { width:100%;} 
.b-2,.b-5,.b-3,.b-7,.b-8,.b-10 {width:95%; text-align: center; padding:0.2em; margin:0; margin-bottom:0.5em;}
.bottom-nav > div {width:40%; }
.bottom-nav > div:nth-child(2) * {text-align:right;} 
#topBtn { width:80%; bottom:5px; left:10%; max-width:80%; margin:0; padding:0 !important; z-index: 999;} 
.overview { position: relative; margin-left:0; width:100%; margin-bottom: 2em; margin-top:-5em; max-width:100%; overflow:hidden; font-size:1rem;} 
.orderform { position: relative; margin-top:3em; width:100%; font-size:1rem; margin-bottom: 2em; margin-right:0; } 
.adv { background-color: #209dd9; padding:0.5em; color:white; width:90%; margin:auto;} 
.adv li { text-align: left;} 
.adv li::before {color:white;} 
.product-list > div { width: 100%; margin:0 !important; transform: scale(100%) !important; margin-bottom: 1em !important;} 
.quote { width:99%; margin:auto; padding:0.5em; font-size:0.8em !important;} 
.quote i { margin:0 !important;} 
.kontakt { width:100%; padding:0; margin:0;} 
.kontakt input[type="text"],.kontakt textarea {width:90%;}.kontakt textarea {height:200px;} 
.b-7 { width:100%; text-align: left;} 
.success { position:absolute; top:25vh; width:99%; max-width:99%; padding:0.1em; margin:auto; z-index:999; left:0;} 
.success 
.block 
.b-2 {width:100%;}.success 
.b-8 {width:100%;} } 

/** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE 
*/
.owl-carousel,
.owl-carousel 
.owl-item{-webkit-tap-highlight-color:transparent;position:relative}
.owl-carousel{display:none;width:100%;z-index:1}
.owl-carousel 
.owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}
.owl-carousel 
.owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.owl-carousel 
.owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}
.owl-carousel 
.owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
.owl-carousel 
.owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}
.owl-carousel 
.owl-item img{display:block;width:100%}
.owl-carousel 
.owl-dots.disabled,.owl-carousel 
.owl-nav.disabled{display:none}.no-js 
.owl-carousel,.owl-carousel.owl-loaded{display:block}
.owl-carousel 
.owl-dot,.owl-carousel 
.owl-nav .owl-next,.owl-carousel 
.owl-nav 
.owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel 
.owl-nav button.owl-next,.owl-carousel 
.owl-nav 
button.owl-prev,.owl-carousel 
button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}
.owl-carousel.owl-loading{opacity:0;display:block}
.owl-carousel.owl-hidden{opacity:0}
.owl-carousel.owl-refresh 
.owl-item{visibility:hidden}
.owl-carousel.owl-drag 
.owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel.owl-grab{cursor:move;cursor:grab}
.owl-carousel.owl-rtl{direction:rtl}
.owl-carousel.owl-rtl 
.owl-item{float:right}.owl-carousel 
.animated{animation-duration:1s;animation-fill-mode:both}
.owl-carousel 
.owl-animated-in{z-index:0}
.owl-carousel 
.owl-animated-out{z-index:1}
.owl-carousel 
.fadeOut{animation-name:fadeOut}
@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}
.owl-height{transition:height .5s ease-in-out}
.owl-carousel 
.owl-item 
.owl-lazy{opacity:0;transition:opacity .4s ease}
.owl-carousel 
.owl-item .owl-lazy:not([src]),.owl-carousel 
.owl-item .owl-lazy[src^=""]{max-height:0}
.owl-carousel 
.owl-item img.owl-lazy{transform-style:preserve-3d}
.owl-carousel 
.owl-video-wrapper{position:relative;height:100%;background:#000}
.owl-carousel 
.owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}
.owl-carousel 
.owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}
.owl-carousel 
.owl-video-playing 
.owl-video-play-icon,.owl-carousel 
.owl-video-playing 
.owl-video-tn{display:none}.owl-carousel 
.owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}
.owl-carousel 
.owl-video-frame{position:relative;z-index:1;height:100%;width:100%}

/** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */
.owl-theme 
.owl-nav { margin-top: 10px; text-align: center; -webkit-tap-highlight-color: transparent; } 
.owl-theme 
.owl-nav [class*='owl-'] { color: #FFF; font-size: 14px; margin: 5px; padding: 4px 7px; background: #D6D6D6; display: inline-block; cursor: pointer; border-radius: 3px; } 
.owl-theme 
.owl-nav [class*='owl-']:hover { background: #869791; color: #FFF; text-decoration: none; } 
.owl-theme 
.owl-nav .disabled { opacity: 0.5; cursor: default; } 
.owl-theme 
.owl-nav.disabled + 
.owl-dots { margin-top: 10px; } 
.owl-theme 
.owl-dots { text-align: center; -webkit-tap-highlight-color: transparent; } 
.owl-theme 
.owl-dots 
.owl-dot { display: inline-block; zoom: 1; 
*display: inline; } 
.owl-theme 
.owl-dots 
.owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #D6D6D6; display: block; -webkit-backface-visibility: visible; transition: opacity 200ms ease; border-radius: 30px; } 
.owl-theme 
.owl-dots 
.owl-dot.active span,.owl-theme 
.owl-dots 
.owl-dot:hover span { background: #869791; }