html{box-sizing:border-box; scroll-behavior: smooth;}

*, *:before, *:after{box-sizing:inherit;}

#clear{clear:both;}
.clear{clear:both;}


 

@font-face {
  font-family: 'Play';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/play-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/play-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/play-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/play-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/play-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/play-v17-latin-regular.svg#Play') format('svg'); /* Legacy iOS */
}

body{background:rgba(247, 247, 247, 0.38); font-family: 'Play', sans-serif; color: #817f7f;margin:0px;}

h1{color:#1cade4;font-size:2em;background:none repeat scroll 0 0;border-bottom:2px solid #817f7f;margin:0;padding-bottom:10px; text-transform:uppercase;}
h2{color:#1cade4;font-size:1.3em;background:none repeat scroll 0 0;margin:0;padding-bottom:10px;}
h3{color: #737373;font-size:1.7em;background:none repeat scroll 0 0;margin:0;}

#rsform_3_page_0 > div > div > div.rsform-block.rsform-block-name > label > strong {display: none;}

/* ###### HEAD ##### */

#aside{position: absolute;top: 7.2%;left: 20%;z-index:9999;}
#label-aside-trigger{ padding:3px 200px 3px 10px;background:url(/templates/xnc/images/news.png) 0 0 no-repeat;color:white; cursor:pointer;height:110px; position:absolute;}
#aside-trigger{float:left;display:none;}
#off{display: none;background:rgb(255, 255, 255);padding:50px;border: 1px solid darkgrey;width: 80%;margin-top: 8%;transition: 1s ease-in-out;}
#aside-trigger:checked+#off{display: block;}

#aside a {color:#1dade5; transition: 0.3s ease-in-out;}
#aside a {visited:#1dade5;}
#aside a:hover {color: grey;}


#slider {z-index: 999;}
#firmenlogo {width: 22%;float: left;}
#firmenlogo img {margin: 5% 5%;/* width: 45%; */}

#sprachen {float: right; margin: -1.5% 3% 0 0;}

nav {width: 48%;margin: 0; float: left; padding: 0;margin: 1.5% 0 0 25%;}
nav img {width: auto; height: 25px; margin: 5% 3%; opacity: 1;}

nav a {text-decoration: none; color: grey; font-size: 18px; transition: ease 0.7s; text-transform: uppercase;}
nav a:hover {color:#1dade5;}
nav li {list-style: none; margin: 0% 2%;float: left;}
nav ul li {display: inline;}

#nav-trigger,#label-nav-trigger{
display: none;
}


.border {height: 8px; background: rgb(30,87,153); /* Old browsers */
background: -moz-linear-gradient(left, rgba(30,87,153,1) 0%, rgba(41,137,216,1) 58%, rgba(29,173,229,1) 100%, rgba(125,185,232,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 58%,rgba(29,173,229,1) 100%,rgba(125,185,232,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 58%,rgba(29,173,229,1) 100%,rgba(125,185,232,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=1 ); /* IE6-9 */ z-index: 99999;}

#slider {;position: relative; background: rgb(30,87,153); /* Old browsers */
background: -moz-linear-gradient(left, rgba(30,87,153,1) 0%, rgba(41,137,216,1) 58%, rgba(29,173,229,1) 100%, rgba(125,185,232,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 58%,rgba(29,173,229,1) 100%,rgba(125,185,232,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 58%,rgba(29,173,229,1) 100%,rgba(125,185,232,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=1 ); z-index: 99; /* IE6-9 */}

@-webkit-keyframes pulse_effect{
 0%{-webkit-transform:scale(0);opacity:0;}
 8%{-webkit-transform:scale(0);opacity:0;}
 15%{-webkit-transform:scale(0.1);opacity:1;}
 30%{-webkit-transform:scale(0.5);opacity:1;}
 100%{opacity:0;-webkit-transform:scale(1);}}

 @-moz-keyframes pulse_effect{
 0%{-moz-transform:scale(0);opacity:0;}
 8%{-moz-transform:scale(0);opacity:0;}
 15%{-moz-transform:scale(0.1);opacity:1;}
 30%{-moz-transform:scale(0.5);opacity:1;}
 100%{opacity:0;-moz-transform:scale(1);}}

 .pulse_holder{
 display:block;
 position:absolute;
 top: 80%;
 left: 48%;
 z-index: 999;
 }

 .pulse_holder .pulse_marker{
 width: 90px;
 height: 90px;
 border-radius: 100%;
 background: #1cade4 url(../images/arrowdown.png);
 background-repeat:no-repeat;
 background-position:center center;
 z-index: 99999;
 }

.pulse_holder .pulse_rays{margin:0 auto;border-radius:100px;position:absolute;right: -25px;top: -25px;z-index:10;background-color:transparent;opacity:0.1;width: 140px;height: 140px; border: 2px solid white;-webkit-border-radius:100px;-moz-border-radius:100px;-o-border-radius:100px;-ms-border-radius:100px;border-radius:100px;-webkit-animation:pulse_effect 2s linear infinite;-moz-animation:pulse_effect 2s linear infinite;border-image:initial;}

.holder{position:relative;}

/* ###### HEAD END ##### */



/* ###### CONTENT ##### */
.contain-wrap-top {width: 23%;float:left;margin: 3% 1% 3% 1%;background: #ffffff;box-shadow: 0 0 1px #ccc;min-height: 455px;}

.contain-wrap-top img {
width: 100%;
}

.contain-wrap-top {
	text-align:center !important; 
	padding: 25px;
}

.contain-wrap-top p {padding: 10px; text-align: left; float: left;}
.contain-wrap-top ul {margin: 0; list-style: none;}


#startinfo {height: 825px;width: 100%;background: #ccc;background: url(../images/bg_start.jpg) center;background-repeat: no-repeat;background-position: top center;background-size: cover;background-attachment:fixed;/* z-index: 99999; */position:relative;box-shadow: 0 0 10px #ccc;padding: 150px;}


#unternehmen {/* height: 825px; */width: 100%;background: #ccc;background: url(../images/bg_unternehmen2.jpg) center;background-repeat: no-repeat;background-position: top center;background-size: cover;background-attachment:fixed;/* z-index: 99999; */position:relative;box-shadow: 0 0 10px #505050;padding:  40px 0;color: white;33}


#leistungen {/* height: 925px; */width: 100%;background: #ccc;background: url(../images/bg_leistungen.jpg) center;background-repeat: no-repeat;background-position: top center;background-size: cover;background-attachment:fixed;/* z-index: 99999; */position:relative;box-shadow: 0 0 10px #505050;padding:  40px 0;color: white;}
#referenzen {/* height: 925px; */width: 100%;background: #ccc;background: url(../images/bg_ref.jpg) center;background-repeat: no-repeat;background-position: top center;background-size: cover;background-attachment:fixed;/* z-index: 99999; */position:relative;box-shadow: 0 0 10px #505050;padding:  40px 0;color: white;}
#partner {/* height: 925px; */width: 100%;background: #ccc;background: url(../images/BG_partner.jpg) center;background-repeat: no-repeat;background-position: top center;background-size: cover;background-attachment:fixed;/* z-index: 99999; */position:relative;box-shadow: 0 0 10px #505050;padding:  40px 0;color: white;}
#impressum {/* height: 925px; */width: 100%;background: #ccc;background: url(../images/bg_impressum.jpg) center;background-repeat: no-repeat;background-position: top center;background-size: cover;background-attachment:fixed;z-index: 99999;position:relative;box-shadow: 0 0 10px #505050;padding:  40px 0;color: white;}

.txt_right {float: left; width: 75%; margin-left: 3%; margin-top: 4%;}
.pic_left {float: left; width: 20%; margin-left: 2%; margin-top: 3%;}
.txt_box {padding: 50px;/* background: rgba(255, 255, 255, 0.57); */}




.conleft {
width: 50%;
}

#proslider {
	height: 495px;
	width: 100%;
	background: whitesmoke;
}    



/* #### Wrapper #### */

.midsite {margin: 3.5% 25%;}
.leftsite {margin: 3.5% 50% 3.5% 5%;}
.rightsite {margin: 3.5% 10% 3.5% 40%;}
.rightsite iframe {float: right; margin-top: 6%; padding: 10px; background: white; height: 335px;}
.midsite a {color: #1cade4;}
.rightsite a {color: #1cade4;}
.leftsite a {color: #1cade4;}
.partner {margin: 3.5% 25%;}
.partner img {margin: 2.8%; box-shadow: 0 0 5px #ccc;}
.referenzen {margin: 3.5% 20%;}
.referenzen img {margin: 2%; box-shadow: 0 0 5px #ccc;}

/* #### END Wrapper #### */



.link_boxcontent_wl  {
	background: #1cade4;
	color:white;
	padding:2%;
	display: inline-block;
	position: relative;
	text-decoration:none;
	margin: 3% 1%;
	border-radius: 5px;
}


    
.link_boxcontent_wl:before {
	pointer-events: none;
    position: absolute;
    z-index: 1;
    content: '';
    border-style: solid;
    transition-duration: 0.3s;
    transition-property: top;
    left: calc(50% - 10px);
    top:0;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #1cade4 transparent;
   }

       
.link_boxcontent_wl:hover:before{
top:-10px  
   }


.link_boxcontent_wl2  {
	background: #1cade4;
	color:white;
	padding: 2.5%;
	display: inline-block;
	position: relative;
	text-decoration:none;
}


    
.link_boxcontent_wl2:before {
	pointer-events: none;
    position: absolute;
    z-index: 1;
    content: '';
    border-style: solid;
    transition-duration: 0.3s;
    transition-property: top;
    left: calc(50% - 10px);
    top:0;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #1cade4 transparent;
   }

       
.link_boxcontent_wl2:hover:before{
top:-10px  
   }
   
   .desktop .animate-down {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate(0, -100px);
    -moz-transform: translate(0, -100px);
    transform: translate(0, -100px)
}
.desktop .animate-down.animated {
    opacity: 1;
    visibility: visible;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: all 600ms ease-out 100ms;
    -moz-transition: all 600ms ease-out 100ms;
    transition: all 600ms ease-out 100ms
}
.desktop .animate-up {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate(0, 100px);
    -moz-transform: translate(0, 100px);
    transform: translate(0, 100px)
}
.desktop .animate-up.animated {
    opacity: 1;
    visibility: visible;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: -webkit-transform 400ms ease-out 100ms, opacity 400ms ease-out 100ms;
    -moz-transition: -moz-transform 400ms ease-out 100ms, opacity 400ms ease-out 100ms;
    transition: transform 400ms ease-out 100ms, opacity 400ms ease-out 100ms
}
.desktop .animate-right {
    opacity: 0;
    visibility: hidden;
    transform: translate(-100px, 0)
}
.desktop .animate-right.animated {
    opacity: 1;
    visibility: visible;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: -webkit-transform 400ms ease-out 100ms, opacity 400ms ease-out 100ms;
    -moz-transition: -moz-transform 400ms ease-out 100ms, opacity 400ms ease-out 100ms;
    transition: transform 400ms ease-out 100ms, opacity 400ms ease-out 100ms
}
.desktop .animate-left {
    opacity: 0;
    visibility: hidden;
    transform: translate(100px, 0)
}
.desktop .animate-left.animated {
    opacity: 1;
    visibility: visible;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: -webkit-transform 400ms ease-out 100ms, opacity 400ms ease-out 100ms;
    -moz-transition: -moz-transform 400ms ease-out 100ms, opacity 400ms ease-out 100ms;
    transition: transform 400ms ease-out 100ms, opacity 400ms ease-out 100ms
}

.demo-2 {
    position:relative;
    width:100%;
    height: 220px;
    overflow:hidden;
    float:left;
    margin-right:20px;
}
.demo-2 p,.demo-2 h2 {
    color:#fff;
    padding:10px;
    left:-20px;
    top:20px;
    position:relative;
    color: #817f7f;
}
.demo-2 p {
    font-family:'Lato';
    font-size:12px;
    line-height:18px;
    margin:0
}
.demo-2 h2 {
    font-size:20px;
    line-height:24px;
    margin:0;
    text-align: left;
    color: #817f7f;
    border: none;
}
.effect img {
    position:absolute;
    left:0;
    bottom:0;
    cursor:pointer;
    margin:-12px 0;
    -webkit-transition:bottom .3s ease-in-out;
    -moz-transition:bottom .3s ease-in-out;
    -o-transition:bottom .3s ease-in-out;
    transition:bottom .3s ease-in-out;
    height:210px;
    width:auto;
}
.effect img.top:hover {
    bottom:-85px;
    
}
h2.zero,p.zero {
    margin:0;
    padding:0
}


#container-pic-1 > article > div > div > div > ul > li:nth-child(2),
#container-pic-2 > article > div > div > div > ul > li:nth-child(2),
#container-pic-3 > article > div > div > div > ul > li:nth-child(2),
#container-pic-4 > article > div > div > div > ul > li:nth-child(2) {height:210px; width:100%; overflow:hidden;}

#wrapper_error {width:100%; height:93vh; display:flex; flex-direction:column; justify-content:center; align-items:center; }
#content_error {width:50%; height:auto}
#content_error h1 {border-bottom:0; font-size:120px; padding-bottom:0}
#content_error h2 {font-size:30px;}


/* ###### END OF CONTENT ##### */


/* ###### CONTACT ##### */

#conformwrap {background: rgb(0, 173, 239);height: auto;display: flex;flex-wrap: wrap;}
#conform {/* float: left; */width: 20%;margin: 7% 3%;margin-left: 25%;color: white;}
#conform h2 {font-size: 34px; color: white; display: none;}
#conform2 {/* float: left; */margin: 5.5% 3% 3% 3%;width: 28%;color: white;line-height: 30px;font-size: 20px;}
#conform2 iframe {width: 520px; height: 250px; padding: 10px; background: white;}
#conform2 a {color: white; text-decoration: none;}
#conform2 a:hover {border-bottom: 1px solid white;}
#conform2 h2 {font-size: 34px; color: white;}

.formResponsive .formHorizontal .formControls {
    margin-left: 0px !important;

}

#Name { width: 300px; height: 30px; color: grey;}
#Email {  width: 300px; height: 30px; color: grey;}
#Subject { width: 300px; height: 30px; color: grey;}
#Message {  width: 300px; height: 170px; color: grey;}
#Send {width: 80%;background: rgba(255, 255, 255, 0);color: white;padding: 10px;font-weight: bold;border: 2px solid white;border-radius: 0;transition: 0.9s ease-in-out;}
#Send:hover {}
#rsform_3_page_0 > div.rsform-block.rsform-block-send {float: right;}


.formResponsive .formHorizontal .formControlLabel {
    text-align: left !important;
}


#rsform_5_page_0 > div.rsform-block.rsform-block-name > div.formControlLabel{display: none;}
#rsform_5_page_0 > div.rsform-block.rsform-block-name > div.formControls{margin-left: 5%;}
#rsform_5_page_0 > div.rsform-block.rsform-block-email > div.formControlLabel{display: none;}
#rsform_5_page_0 > div.rsform-block.rsform-block-email > div.formControls{margin-left: 5%;}
#rsform_5_page_0 > div.rsform-block.rsform-block-subject > div.formControlLabel{display: none;}
#rsform_5_page_0 > div.rsform-block.rsform-block-subject> div.formControls{margin-left: 5%;}
#rsform_5_page_0 > div.rsform-block.rsform-block-message > div.formControlLabel{display: none;}
#rsform_5_page_0 > div.rsform-block.rsform-block-message > div.formControls{margin-left: 5%;}
#rsform_5_page_0 > div.rsform-block.rsform-block-name > div.formControls > p {display: none;}
#rsform_5_page_0 > div.rsform-block.rsform-block-email > div.formControls > p {display: none;}
#rsform_5_page_0 > div.rsform-block.rsform-block-subject > div.formControls > p {display: none;}
#rsform_5_page_0 > div.rsform-block.rsform-block-message > div.formControls > p {display: none;}
.formResponsive .formHorizontal .formControlLabel {width: 40% !important;}

#rsform_3_page_0 > div > div > div.rsform-block.rsform-block-name > label > strong {display: none;}
#rsform_3_page_0 > div > div > div.rsform-block.rsform-block-email > label > strong {display: none;}
#rsform_3_page_0 > div > div > div.rsform-block.rsform-block-subject > label > strong {display: none;}
#rsform_3_page_0 > div > div > div.rsform-block.rsform-block-message > label > strong {display: none;}
#rsform_3_page_0 > div > div > div.rsform-block.rsform-block-captcha > label > strong {display: none;}


/* ###### Anpassungen ##### */

#rsform_3_page_0 > div > div > div.rsform-block.rsform-block-datenschutz > label {display: none;}
#rsform_3_page_0 > div > div > div.rsform-block.rsform-block-captcha > label {display: none;}
#language_picker_des_123 {display: none;}

/* ###### FOOTER ##### */


footer{width:100%;height:370px;background: #888e93;padding: 60px 0;z-index:9999;position:relative;}
#footer_error {width:100%; height:auto; padding:0;}
#footer_error .copyright {  color:white; width:100%; height:7vh; background: rgb(30,87,153); /* Old browsers */
background: -moz-linear-gradient(left, rgba(30,87,153,1) 0%, rgba(41,137,216,1) 90%, rgba(29,173,229,1) 100%, rgba(125,185,232,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 58%,rgba(29,173,229,1) 100%,rgba(125,185,232,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 55%,rgba(29,173,229,1) 100%,rgba(125,185,232,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=1 ); /* IE6-9 */ padding: 5px 40px;}
#footbox1,
#footbox2,
#footbox3,
#footbox4,
#footbox5{float:left;height:290px;background:url(../images/strich.png) right no-repeat;}
#footbox4 {background: none;}
#footbox1{width:31.5%;}
#footbox1 img {width: 100%;}
#footbox2{ width:15%;}
#footbox3{width:15%;}
#footbox4{width:15%;}
#footbox4 img {margin: 1% 3%; border-bottom: 1px solid #888e93; padding-bottom: 10px; transition: ease 0.5s;}
#footbox4 img:hover {border-bottom: 1px solid white;}
#footbox1,
#footbox2,
#footbox3,
#footbox4 {color:#d4cece;line-height:20px;padding:30px 35px 0 30px; font-size:14px;}
#footbox1 {margin-left: 5.5%;line-height:30px;}
#footbox1 > div > div > p:nth-child(2):before {content:"» "; font-size: 25px; color:#E69D3B; }
#footbox1 > div > div > p:nth-child(2):after {content:" «"; font-size: 25px; color: #E69D3B;}
#footbox1 > div > div > p:nth-child(4){margin-top: -10px;}
#footbox1 p {font-style: italic;}
#footbox3 a{color:#E69D3B;}
#footbox3 a:hover{color:white;}
#footbox1 img {width: 70%; float:right;}

#footbox2 h4 {background:url(../images/home.png) 100% 0% no-repeat; height: 50px; font-size: 1.5em; text-transform:uppercase; background-size: 15%; color: #c8c8c8; border-bottom: 1px solid #9f9f9f;}
#footbox3 h4 {background:url(../images/info.png) 100% 0% no-repeat; height: 50px; font-size: 1.5em; text-transform:uppercase; background-size: 15%; color: #c8c8c8; border-bottom: 1px solid #9f9f9f;}
#footbox4 h4 {background:url(../images/some.png) 100% 0% no-repeat; height: 50px; font-size: 1.5em; text-transform:uppercase; background-size: 20%; color: #c8c8c8; border-bottom: 1px solid #9f9f9f;}

#copyright{background: rgb(30,87,153); /* Old browsers */
background: -moz-linear-gradient(left, rgba(30,87,153,1) 0%, rgba(41,137,216,1) 90%, rgba(29,173,229,1) 100%, rgba(125,185,232,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 58%,rgba(29,173,229,1) 100%,rgba(125,185,232,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 55%,rgba(29,173,229,1) 100%,rgba(125,185,232,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=1 ); /* IE6-9 */padding:5px; }
#copyright p{float: left;color:white;width: 30%;margin-left: 1%;}

#copynav {float: right;height: 50px;width: 50%;display: flex;margin-right: 0%;flex-direction: row;justify-content: flex-end;}
#copynav a {text-decoration: none; color: white; transition: 0.4s ease-in-out;}
#copynav a:hover {color:rgb(30,87,153);}
#copynav li {list-style: none;padding: 0 3.5%;float: left;padding:0px 10px;border-right:1px solid #fff;}
#copynav li:last-child {border: none;}
#copynav ul li {display: inline;}
#copyright > p:nth-child(2) {display: none;}

div.accordion-heading{display:none;}
#contact-form > fieldset{border:none;}
#jform_contact_emailmsg{width:80%;}
#jform_contact_message{width:100%;min-height:300px;}
#contentleft iframe{margin-top:3%;border:1px solid grey;padding:10px;background:whitesmoke;
}
.item-pagedanke {width:100%;margin-left:65%;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.box1:hover .tr-flip{-ms-transform:rotateY(0deg);transform:rotateY(0deg);}
.box1 .frontSide {background-image: none;}
}

@media (max-width:1680px){
.effect img { margin:15px 0;}
#copynav {}
}

@media (max-width:1600px){
.effect img { margin:25px 0;}
#copynav {}
#startinfo {padding: 100px;}
.rightsite iframe { margin: 6% 0 0 2%; width:60%;}
}

@media (max-width:1366px){
#proslider {height: 350px;}
#conformwrap {height: 810px;}
#conform {margin-left: 18%; color: white; font-size: 14px;}
#conform2 {float: left; margin: 5.5% 3% 3% 10%; width: 28%; color: white; line-height: 30px; font-size: 20px; font-size: 14px;}
#conform2 h2 {font-size: 25px;}
#startinfo {font-size: 14px; padding: 80px; height: 700px; }
.contain-wrap-top {font-size: 14px;}
.effect img.top:hover {bottom:-110px;}
#copynav {font-size: 14px;padding: 5px 0;}
#copyright p {font-size: 14px; padding: 5px 0;}
nav {width: 60%; margin: 2% 0% 0% 18%;}
.demo-2 {height: 197px;}
.contain-wrap-top {min-height: 315px;}
.contain-wrap-top p {margin-top:-2%;}
#footbox1 {margin-left: 0%;}
#footbox1 img {text-align: center;}
#footbox2{ width:20%;}
#footbox3{width:20%;}
#footbox4{width:15%;}
.pulse_holder{display: none;}
.rightsite iframe {width: 100%; }
}

@media (max-width:1280px){
nav {width: 60%; margin: 2% 0% 0% 17%;}
.contain-wrap-top {width: 35%; margin: 2% 7%;}
.effect img { margin:0;}
.contain-wrap-top p {margin-top:0%;}
.leftsite {margin: 3.5% 35% 3.5% 5%;}
.midsite {margin: 3.5% 15%;}
.partner {margin: 3.5% 15%;}
.referenzen {margin: 3.5% 15%;}
}

@media (max-width:1024px){
nav {width: 70%; margin: 2% 0% 0% 6%;}
nav a {font-size: 15px;}
.contain-wrap-top {width: 40%; margin: 2% 5%;}
#startinfo {font-size: 14px; padding: 60px; height: 700px;}
#conformwrap {height: 760px;}
#conform {margin-left: 0 0 0 14%; color: white; font-size: 14px;}
#conform2 {margin: 9% 3% 3% 16%; width: 30%;}
#conform2 iframe {display: none;}
#conform2 h2 {font-size: 20px;}
#footbox1 {margin-left: 0%; width:25%;}
#footbox1 img {float: left;width:100%;}
#footbox2{ width:25%;}
#footbox3{width:25%;}
#footbox4{width:15%;}
#copynav {}
.midsite {margin: 3.5% 5%;}
}

@media (max-width:960px){
#startinfo {padding: 50px;height: 650px;}
.conleft {width: 70%;}
#conformwrap {height: 960px;}
#conform {width: 70%; margin: 10% 0% 0% 20%;}
#conform2 {width: 70%; margin: 0% 0% 0% 20%;}
#conform2 iframe {display: none;}
#conform2 h2 {font-size: 20px;}
#Send {float: left; margin-left: -280px;}
.leftsite {margin: 3.5% 10% 3.5% 5%;}
.partner {margin: 3.5% 10%;}
.referenzen {margin: 3.5% 10%;}

#label-nav-trigger{display: block;right: 0;; position: absolute; cursor:pointer; margin: 3%}
#navtop ul{
	opacity:0;
	transition: all 0.3s ease;
	-webkit-transform: translateY(40px);
	transform: translateY(40px);
	-moz-transform: translateY(40px);
	-o-transform: translateY(40px);
	-ms-transform: translateY(40px);
	display: flex;
	flex-direction: column;
	position: absolute;
	right: 133px;
	z-index: 99999;
}

nav a {color: white;}
nav img {display: none;}

#navtop ul  {padding: 25px;background: rgb(29, 173, 229); box-shadow: 0 0 1px grey;}

#nav-trigger:checked+#navtop ul{
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px); opacity:1; z-index:9999; position: relative;}

#label-nav-trigger > img {width: 100px; }

#navtop li {height: 35px;}
.link-style a::after {
    background: rgba(1, 75, 114, 0);
    margin-top: 0px;}

    #nav-trigger {display: none;}

    #navtop img {height: 20px;}
}


@media (max-width:768px){
.contain-wrap-top {width: 49%; margin: 2% 0.5%;}
#startinfo {background-size: 260% ;}
.conleft {width: 100%; height: auto;}
footer {height: 650px;}
#footbox1 {width: 49%;}
#footbox2 {width: 48%; background: none; }
#footbox3 {width: 49%; background:url(../images/strich.png) right no-repeat;}
#footbox4 {width: 48%;}
#copyright {height: auto;}
#copynav {width: 100%;justify-content: flex-start;padding: 2px 0px;}
#copynav > div > ul {padding:0;}
.midsite {margin: 3.5% 5%;}
.txt_right {width: 60%; margin-left: 3%; margin-top: 4%;}
.pic_left {float: left; width: 35%; margin-left: 2%; margin-top: 3%;}
.partner {margin: 3.5% 5%;}
.referenzen {margin: 3.5% 5%;}


}

@media (max-width:667px){
		#slider {display: none;}
		#ls-global > header > div:nth-child(3) {display: none;}
		#ls-global > header > div:nth-child(5) {display: none;}
		.contain-wrap-top {width: 65%; }
		#copynav {}
		#proslider {display: none;}
		.partner {margin: 3.5% 5%;}
		.partner img {margin: 1%;}
		.referenzen img {margin:1%;}
		.rightsite {margin: 3.5% 10% 3.5% 15%;}

}

@media (max-width:600px){
	#Send {float: left; margin-left: 0px; width: 100%;}
	#conformwrap {height: 1100px}
	#conform {width: 75%;margin: 10% 0% 0% 13%;}
	#conform2 {margin: 3% 0% 0% 12%;}
	#copynav {}
	.contain-wrap-top {width: 80%; margin: 5% 0 4% 10%;}
}

@media (max-width:568px){
	#startinfo {background-size: 260%; height: 700px;}
	#copynav {}
	#startinfo {background-size: 500%;}

}

@media (max-width:414px){
#startinfo {height: auto; padding: 50px 20px}
.contain-wrap-top {width: 98%; margin: 1%;}
footer {height: 950px;}
#footbox1 {width: 100%; height: auto; margin: 1% 0;}
#footbox2 {width: 100%; background: none; height: auto; }
#footbox3 {width: 100%; background:url(../images/strich.png) right no-repeat; height: auto; margin: 1% 0;}
#footbox4 {width: 100%; height: auto; margin: 1% 0;}
#footbox4 img {margin-left: 20%;}
#copynav {width: 100%;}
#copynav li {margin-left: 0%;padding: 5px;}
#copyright {height: 120px;}
#copyright p {width: 100%; text-align:center;}
#conform2 {display: none;}
#conformwrap {height: 700px;}
.leftsite {margin: 0; }
.txt_box {padding: 50px 25px;}
.txt_right { width: 100%; margin-left: 3%; margin-top: 10%;}
.pic_left { width: 20%; margin-left: 25%; margin-top: 5%;}
.partner {margin: 3.5% 2%;}
.referenzen {margin: 3.5% 2%;}
		.rightsite {margin: 3.5% 5% 3.5% 5%;}

}
@media (max-width:350px){


}
@media (max-width:322px){
}