/*1*/
@import url('https://fonts.googleapis.com/css2?family=Mulish:wght@200;300;400;500;700&display=swap');

@font-face {
  font-family: 'hanus-web-font-4';
  src:  url('hanus-web-font-4.eot?t34uum');
  src:  url('hanus-web-font-4.eot?t34uum#iefix') format('embedded-opentype'),
    url('hanus-web-font-4.ttf?t34uum') format('truetype'),
    url('hanus-web-font-4.woff?t34uum') format('woff'),
    url('hanus-web-font-4.svg?t34uum#hanus-web-font-4') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

i {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'hanus-web-font-4' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-home:before {
  content: "\e900";
}
.icon-angle-right:before {
  content: "\e918";
}
.icon-cookie:before {
  content: "\e916";
}
.icon-file-pdf:before {
  content: "\e917";
}
.icon-check:before {
  content: "\e914";
}
.icon-check-square:before {
  content: "\e913";
}
.icon-check-offsquare:before {
  content: "\e915";
}
.icon-arrow-left:before {
  content: "\e912";
}
.icon-clock:before {
  content: "\e90b";
}
.icon-shield:before {
  content: "\e910";
}
.icon-times:before {
  content: "\e909";
}
.icon-bars:before {
  content: "\e90a";
}
.icon-cog:before {
  content: "\e901";
}
.icon-envelope:before {
  content: "\e902";
}
.icon-facebook-f:before {
  content: "\e903";
}
.icon-instagram:before {
  content: "\e904";
}
.icon-phone-alt:before {
  content: "\e906";
}
.icon-twitter:before {
  content: "\e908";
}
/*
   Animation example, for spinners
*/
.animate-spin {
  -moz-animation: spin 8s infinite linear;
  -o-animation: spin 8s infinite linear;
  -webkit-animation: spin 8s infinite linear;
  animation: spin 8s infinite linear;
  display: inline-block;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-ms-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}




html{height:100%;min-height:100%}
body{height:100%}
body{font-family: 'Mulish', sans-serif;color:#333;font-weight:400;font-size: 1.1em;line-height: 1.3;z-index:1;font-weight:400}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block}
h1{color:#000;font-size:12px;line-height:12px;margin:0;padding:0}
h2{color:#333;font-size:18px;font-weight:100;margin:0;padding:0}
h3{color:#000;font-size:16px;line-height:16px;font-weight:100;margin:0;padding:0}
h4{color:#666;font-size:14px;font-weight:100;margin:0;padding:0}
body,a,p,ul,li,form,fieldset,blockquote,.clear{margin:0;padding:0}
img{border:0}
ul{list-style:none}
li{background-image:none}
a:link,a:visited{color:#333;text-decoration:none}
a:hover{color:#00B0F0}
.clear,.clear2{clear:both;display:block}
.cf:before,.cf:after{content:'';display:table}
.cf:after{clear:both}

.wr1{position:relative;max-width:1280px;margin:0 auto}
.wr2{position:relative;width:76%;margin:0 12%}
.he1{float:left;position:relative;width:200px;height:auto;margin:20px 0 20px 0}
.he1 h1{z-index:1;overflow:hidden;text-align:center}
.he1 img{float:left;z-index:10;margin:0;width:100%}
.he1 span{position:absolute;top:-9999em;right:0}
.logo{float:left;width:100%}



.h21{font-weight:900;color:#3DABDD;margin:0 0 20px 0;font-size:160%}

.intro1bgx{background-color: #3B3B3D;background-image:url(bg1.jpg?xyx);background-repeat: no-repeat;background-size:cover;background-position: center center;background-attachment: scroll;width:100%;float:left}

.intro1 h2,.intro2 h2{  color: #000000;font-size: 200%;line-height: 1.5em;font-weight: 400;margin:0 0 30px 0}
.intro1,.intro2{width:90%;float:left;margin:100px 5% 120px 5%;text-align: center;color: #535353}/*;font-size: 100%;font-weight: 300;line-height: 1.7em*/
.intro2{text-align:left}

.news1 h1{color: #000000;
font-size: 200%;
line-height: 1.5em;
font-weight: 400;
margin: 0 0 30px 0;}


.box1{width:65%;float:left;background:#777;z-index:10} .box1 img{width:100%;float:left}
.box2{width:35%;float:right;background:#777;margin:0 0 0 0}
.scaling-svg-container {position:relative;height:0;width:100%;padding:0;padding-bottom:70%}
.scaling-svg-container svg {position:absolute;height:100%;width:100%;left:0;top:0}


	.box3M{float:left;width:90%;margin:80px 5%}
	.box3{width:66%;padding:20px 17%;float:left;background:#eee}
	.box3mar{margin:30px 0 0 0}
	.box3L{width:25%;float:left}
	.box3L img{width:100%;height:auto;float:left;padding:30px 0}
	.box3R{width:62%;float:right}
	.box3R h2{padding:40px 0 20px 0;color:#2CACE2;font-weight:900;font-size:170%}
	.box3R a:link,.box3R a:visited{float:right;margin:30px 0;color:#fff;background:#D7835E;padding:15px;text-decoration:none;font-size:120%}
	.box3R a:hover{color:#000}
	.text1pad{float:left;width:100%;margin:0 0 40px 0}

#boxBottom{width:90%;padding:0 5%;float:left;background:#FFF;height:1px}
#boxBottom2{width:90%;padding:0 5%;float:left;background:#403F41;height:300px}

.iFox{background:#403F41;color:#fff; position:relative;max-width:1280px;margin:0 auto}
.iFoxA{width:33.33%;float:left;margin:50px 0}
.iFoxA img{width:40%;height:auto;margin:0;float:left}
.iFoxB{width:33.33%;float:left;margin:50px 0}
.iFoxB i{color:#29ABE2;padding:0 20px 0 0;font-size:187.5%}

.iFoxB a:link,.iFoxB a:visited {color:#fff}
.iFoxB a:hover {color:#29ABE2} 

.iFoxC{width:33.33%;float:left;margin:50px 0}
.iFoxC i {color:#403F41;font-size:81.25%}

.iFoxC a:link,.iFoxC a:visited {color:#fff}
.iFoxC a:link,.iFoxC a:visited {color:#fff;float:left;width:100%;margin:0 0 8px 0}
.iFoxC a:hover {color:#29ABE2} 

.iFox b{color:#fff;font-weight:900;margin:0 0 15px 0;display:block;font-size:130%}

.iFoxBan{position:relative;max-width:1280px;margin:0 auto;font-size:80%;text-align:center}
.iFoxBan img{width:380px}

	.logos{float:left;width:100%;margin:100px 0}
	.logos img{float:left;width:8%;height:auto;padding:0 6%}
   		     
#scrollmenu {background:#F3F4F6;float:left;width:96%;height:40px;padding:20px 2% 0 2%;font-weight:700;z-index:90;text-align:center;text-transform:uppercase}
#scrollmenu span{color:#000;background:#fff;margin:0 2%;border-radius:10px;-webkit-border-radius:10px;padding:8px 1%;cursor:pointer}
.scrollmenuR{position:relative}
.scrollmenuF{position:fixed;top:0;left:0}
.scrollBoxR{position:relative}
.scrollBoxF{position:fixed;top:60px;left:0}

#reloadButtonBOX p{color:#3DABDD;font-style:normal;display:inline;font-weight:700}
#reloadButtonBOX{position:fixed;top:70px;left:10px;background:rgba(255,255,255,0.8);color:#333;z-index:101;font-size:13px;line-height:14px;display:none;box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
#reloadButton2{padding:5px;float:left;}
#reloadButtonBOX h3{font-size:150%;font-weight:700}



#newB{width:100%;float:left}
#newB button{color:#fff;background:#E68C61;padding:20px 2%;margin:10px 0 0 0;border:0;text-decoration:none;font-size:150%;width:100%;font-weight:700;float:left;transition: all 0.2s ease-in-out;cursor:pointer;box-sizing: border-box}
#newB button:hover{background:#3DABDD}

#newB2{width:100%;float:left;display:none}
#newB2 button{color:#999;background:#666;padding:20px 2%;margin:10px 0 0 0;border:0;text-decoration:none;font-size:150%;width:100%;font-weight:700;float:left;transition: all 0.2s ease-in-out;cursor:pointer;box-sizing: border-box}


/*cookie*/
#bottomfooter {color:#fff;width:40%;border-radius: 4px;position: fixed;height: auto;padding:1%;background-color: rgba(33,33,33, 0.9);bottom: 10px;left: 10px;z-index: 10000;display:none;font-size:90%}
#opencookiesettings {height: 30px;width: 30px;border-radius: 50%;color:#fff;display: block;position: fixed;bottom: 10px;left: 10px;padding:5px;z-index: 9999;background-color: rgba(33,33,33, 0.8);cursor:pointer;display:none;font-size:25px}
#opencookiesettings i{float:left;padding:1px 0 0 5px}
#aboutpopup{float:left;color:#fff;text-decoration:underline;cursor:pointer}
#closepopup{float:right;background:#00B0F0;padding:5px;color:#fff;text-decoration:none;border-radius:4px;cursor:pointer}
#closepopup2{background:#ccc;padding:5px;color:#000;text-decoration:none;border-radius:4px;cursor:pointer}
.popuplink a:link,.popuplink a:visited,.popuplink a:hover{color:#fff;text-decoration:underline}
#closenotice{position:absolute;top:20px;right:20px;font-size:25px;cursor:pointer}
/*cookie*/


/*content*/
.wr60pad0{margin:20px 0}
.wr60pad1{padding:40px 0 0 0}
.ul60 {list-style: none}
.ul60 li {padding:0 0 8px 0.1em}
.ul60 li:before {content: "\e914";font-family:hanus-web-font-3;display: inline-block;margin-left: -1em;width: 1.3em;color:#2CACE2}
.wr60pad2{padding:5%;width:90%}
.greyL{background:#F1F1F2;color:#000;padding:5%}
.blue{background:#29ABE2;color:#fff;padding:5%}
.greyD{background:#858585;color:#fff;padding:5%}


.greyL h4{padding:0 0 20px 0;color:#000;text-align:center;font-weight:900;font-size:110%;text-transform:uppercase}
.greyD h4,.blue h4{padding:0 0 20px 0;color:#fff;text-align:center;font-weight:900;font-size:110%;text-transform:uppercase}

.blue i,.greyD i{text-align:center;margin:0 0 3% 0;width:100%;float:left;color:#fff;font-size:400%}
.greyL i{text-align:center;margin:0 0 3% 0;width:100%;float:left;color:#2CBEED;font-size:400%}

.se1{text-align:left}
.se1 h3{padding:40px 0 0px 0;color:#2CACE2;text-align:center;font-weight:700;font-size:180%;line-height:1.4em}

.wr11{position:relative;width:100%;margin:0 auto;content:'';display:table}
.wr11:after{clear:both}
.lineB33{width:33.33%;float:left;background:#2CACE2;height:5px}
.lineG33{width:33.33%;float:left;background:#6D6E70;height:5px}
.lineLG33{width:33.33%;float:left;background:#E6E7E8;height:5px}
/*content*/

	/*slide2*/
	#NaMooSlide21,#NaMooSlide22{position:relative;width:100%;float:left;margin:0;overflow:hidden}
	#NaMooSlide21 ul,#NaMooSlide22 ul{margin-left:0;width:10000%;float:left}
	#NaMooSlide21 img,#NaMooSlide22 img{float:left;width:100%;height:auto}
	#NaMooSlide21 li,#NaMooSlide22 li{float:left;width:635px;opacity:1}
	/*slide2*/

.left1{text-align:left}
.h311{font-weight:900;color:#000;margin:0 0 30px 0;font-size:150%;text-align:left}
.h31{font-weight:900;color:#51B4E0;margin:0 0 20px 0;font-size:120%}
.h41{font-weight:900;color:#333;margin:40px 0 5px 0;font-size:110%;text-align:left}
#ulLief li{float:left;padding:5px 25px;margin:0 20px 0 0;cursor:pointer}
.ulLiefON{border:2px solid #00B0F0;font-weight:700;color:#00B0F0}
.ulLiefOFF{border:1px solid #ccc;font-weight:400;color:#666}
#andererech1,#andererech2{display:none}

.lineblue{color:#00B0F0}
.lineBull1{position:absolute;top:30px;left:45%;width: 24px;height: 24px;border-radius: 50%;display: flex;-moz-box-align: center;align-items: center;-moz-box-pack: center;justify-content: center;font-weight: 600;font-size: 13px;background:#999;color:#fff}
.lineBull1blue{position:absolute;top:30px;left:45%;width: 24px;height: 24px;border-radius: 50%;display: flex;-moz-box-align: center;align-items: center;-moz-box-pack: center;justify-content: center;font-weight: 600;font-size: 13px;background:#00B0F0;color:#fff}
.lineBox1{position:relative;width:20%;float:left;height:60px;background:#fff;font-size:14px}
.lineLeft1{height:5px;width:50%;background:#999;position:absolute;top:40px;left:0}
.lineRight1{height:5px;width:50%;background:#999;position:absolute;top:40px;left:50%;}
.lineLeft1blue{height:5px;width:50%;background:#00B0F0;position:absolute;top:40px;left:0}
.lineRight1blue{height:5px;width:50%;background:#00B0F0;position:absolute;top:40px;left:50%;}

#zahlungsart{width:100%;float:left}
#zahlungsart li{width:100%;float:left;box-sizing:border-box;padding:20px 3%;margin:0 0 5px 0;cursor:pointer;text-align:left}
#zahlungsart svg{float:right;margin:5px 0 0 0}
#zahlungsartV,#zahlungsartData,#zahlungsartText{display:none}


.zahlungsartON{border:2px solid #00B0F0;color:#00B0F0;font-weight:700}
.zahlungsartOFF{border:1px solid #999;color:#333;font-weight:300}

#lieferart{width:100%;float:left}
#lieferart li{width:100%;float:left;box-sizing:border-box;padding:20px 3%;margin:0 0 5px 0;cursor:pointer;text-align:left}
#lieferart svg{float:right;margin:5px 0 0 0}
#lieferartV,#lieferartData,#lieferartText{display:none}

.lieferartON{border:2px solid #00B0F0;color:#00B0F0;font-weight:700}
.lieferartOFF{border:1px solid #999;color:#333;font-weight:300}


.small1{font-size:80%}

.ubersicht{width:100%;float:left}
.ubersicht li{width:48%;float:left;margin:0 2% 20px 0;padding:2%;border:1px solid #ccc;box-sizing:border-box;font-size:90%;line-height:1.2em;border-radius: 5px;}
.ubersicht b{font-weight:700;color:#000;margin:0 0 10px 0;float:left;font-size:110%;width:100%;box-sizing:border-box}

.ubersicht a:link,.ubersicht a:visited{color:#666;width:100%;float:left;margin:20px 0 0 0;font-size:80%}
.ubersicht a:hover{color:#000}
.ubersicht i{color:#00B0F0}

.ubersicht2{float:right;margin:0 0 30px 0}
.ubersicht2 a:link,.ubersicht2 a:visited{color:#666;width:100%;float:left;margin:20px 0 0 0;font-size:80%}
.ubersicht2 a:hover{color:#000}
.ubersicht2 i{color:#00B0F0}

.ubersicht3{width:100%;float:left;margin:0 2% 20px 0;padding:2%;border:1px solid #ccc;box-sizing:border-box;font-size:90%;line-height:1.2em;border-radius: 5px;}
.ubersicht3 .minus{display:none}
.ubersicht3 .plus{display:none}
#userDataForm,#data_cart{width:800px;height:300px;display:none}

#lieferartPrice,#lieferartPriceMontage{float:right}

/*FORM FORM FORM FORM FORM FORM FORM FORM FORM FORM */



#form1{float:left;width:100%;z-index:1;text-align:left}

.form1Bor{border:0;padding:40px 0 0 0}
.form2Bor{border:0;padding:80px 0 0 0;display:none}

.formL{width:67%;padding:1.5%;float:left;border:1px solid #ccc;box-sizing:border-box;border-radius:5px}
.formL2{width:66%;float:left;box-sizing:border-box}
.formR{width:31%;padding:1.5%;float:right;border:1px solid #ccc;box-sizing:border-box;border-radius:5px}

.left2{text-align:left;background:#F3F4F6;padding:3%}

.field1{width:100%;float:left;position:relative;padding:14px 0 12px 0;margin:0 0 20px 0;border-bottom:2px solid #999;box-sizing:border-box}/*z-index:1;*/

.field1Border{width:100%;float:left;position:relative;padding:14px 1% 12px 1%;margin:0 0 20px 0;border:2px solid #999;box-sizing:border-box}/*z-index:1;*/
#anmerkungen{left:10px}

#formRbox{width:100%;float:left;border:1px solid #ccc;padding:5%;box-sizing: border-box}
.formRboxL{width:50%;float:left;font-weight:700;text-align:left}
.formRboxR{width:50%;float:left;text-align:right;font-weight:700}
.formRboxR h3{font-size:130%;font-weight:700} 

.field1A{width:38%}
.field1B{width:58%;float:right}

.field1C{width:58%}
.field1D{width:38%;float:right}

.field1 label{position:absolute;left:0;-webkit-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;color:#999}/*;z-index:-2*/
.filled1 label{top:15px}
.filled2 label{top:1px;font-size:75%;display:block;color:#333}

.field1 div{display:none;bottom:-28px;font-size:70%;position:absolute;left:0;color:red}/*;z-index:-2*/
.field1 input{width:100%;float:left;border:0;outline:0;background:none;box-shadow:none;color:#111;margin:2px 0 0 0;padding:8px 0 0 0;margin:0;font-size:90%;box-sizing: border-box}
.field1 textarea{z-index:2;width:100%;float:left;height:200px;border:0;outline:0;background:none;box-shadow:none;color:#111;padding:8px 1% 0 1%;font-size:100%;box-sizing: border-box}
.field1 select{z-index:2;width:100%;float:left;border:0;outline:0;background:none;box-shadow:none;color:#111;padding:8px 1% 0 1%;margin:0;font-size:100%;box-sizing: border-box}


.fR a:link,.fR a:visited{color:#333;text-decoration:underline}
.fR a:hover{color:#000}
.fL{font-size:22px;width:5%;float:left}
.fR{width:95%;float:right;font-size:90%}


.sub{width:100%;float:left;text-align:center;margin:20px 0 0 0;cursor:pointer;padding:0 0 0 0}

/*.sub span{color:#fff;background:#00B0F0;padding:15px 2%;text-decoration:none;font-size:130%;font-weight:700;width:100%;float:left;box-sizing: border-box}
.sub span:hover{background:#2196F3}*/


.sub span{float:left;width:100%;padding:25px 45px;text-align:center;background:#00B0F0;font-size:150%;font-weight:700;color:#fff;border:0;margin:0;border-radius:5px;-webkit-border-radius:5px;box-sizing:border-box}
.sub span:hover{background:#8C8C8C;color:#fff}


/*pop up*/
.POPpopupDIV{text-align:justify;font-size:90%}
.POPpopupDIV i{font-family: 'Mulish', sans-serif}
.popL1{width:30%;float:left}
.popR1{width:65%;float:right}
.popRed{color:red}
.popFarb{width:100%;float:left}
.popFarb li{width:13%;float:left;font-weight:700;text-align:center;font-size:80%;margin:0 3% 50px 0}
.popFarb img{width:100%;margin:0 0 5px 0;float:left}
.popLine1{margin:10px 0 30px 0;width:100%;float:left;height:3px;background:#3DABDD}
.popLine2{margin:0 0 80px 0;width:100%;float:left;height:3px;background:#3DABDD}
.popLine3{margin:30px 0 40px 0;width:100%;float:left;height:3px;background:#3DABDD}

.popRM1{width:47%;float:left;font-size:80%}
.popRM1 img{width:100%;float:left}
.popLM1{width:47%;float:right;font-size:80%}
.popLM1 img{width:100%;float:left}



.popRM12{width:75%;float:left;font-size:80%}
.popRM12 img{width:100%;float:left}
.popLM12{width:23%;float:right;font-size:80%}
.popLM12 img{width:100%;float:left}


.popRM5{width:100%;float:left;font-size:80%}
.popRM5 img{width:100%;float:left}

.popRM6{width:80%;float:left;font-size:80%}
.popRM6 img{width:100%;float:left}


.popRLM1{float:left;margin:0;background:#3DABDD;padding:10px;color:#fff}
.popRLM2{float:left;margin:0;background:#eee;padding:4px;color:#000;margin:0 0 10px 0}
.popRM3{width:30%;float:left;margin:0 3% 0 0}
.popRM3 img{width:100%;float:left}

.popBgRed{background:#AE2D3F;color:#fff;padding:1%;width:98%;float:left}


.popExternetoroffner{width:80%;float:left;margin:0 10%}
.popExternetoroffner li{width:20%;float:left;text-align:center;font-size:80%;margin:0 7% 50px 7%}
.popExternetoroffner li:nth-child(3){float:right;margin:0 7% 50px 0}
.popExternetoroffner img{width:100%;margin:0 0 5px 0;float:left}


.popUniversal{width:100%;float:left}
.popUniversal li{width:21%;float:left;text-align:center;font-size:80%;margin:0 5% 50px 0}
.popUniversal li:nth-child(4){float:right;margin:0 0 50px 0}
.popUniversal img{width:100%;margin:0 0 5px 0;float:left}



.popL2{width:15%;float:left}
.popR2{width:75%;float:right}
.popR21{width:33%;float:left}
.popR22{width:33%;float:left}
.popR23{width:33%;float:right}
.popL2 img{width:100%;float:left}
.popR21 img{width:75%;float:left}
.popR22 img{width:76%;float:left;margin:0 12%}
.popR23 img{width:85%;float:right}


.popL3{width:20%;float:left}
.popL31{width:30%;float:left}
.popR3{width:50%;float:right}
.popL3 img{width:100%;float:left}
.popR3 img{width:100%;float:left}



.popRahmen{width:100%;float:left}
.popRahmen li{width:22%;float:left;font-weight:700;text-align:center;font-size:80%;margin:0 3% 50px 0}
.popRahmen img{width:100%;margin:0 0 5px 0;float:left}

.popDekor{width:100%;float:left}
.popDekor li{width:47%;float:left;margin:0 3% 50px 0}
.popDekor li:nth-child(2n-0){float:right;margin:0 0 50px 0}
.popDekor img{width:100%;margin:0 0 5px 0;float:left}



.popRahmenAlu{width:100%;float:left}
.popRahmenAlu li{width:30%;float:left;text-align:center;font-size:80%;margin:0 5% 50px 0}
.popRahmenAlu li:nth-child(3){float:right;margin:0 0 50px 0}
.popRahmenAlu img{width:100%;margin:0 0 5px 0;float:left}

.popGlassArt{width:100%;float:left}
.popGlassArt li{width:30%;float:left;text-align:center;font-size:80%;margin:0 5% 50px 0}
.popGlassArt li:nth-child(3){float:right;margin:0 0 50px 0}
.popGlassArt img{width:80%;margin:0 10% 5px 10%;float:left}


.popSicherh{width:100%;float:left}
.popSicherh li{width:30%;float:left;text-align:center;font-size:80%;margin:0 5% 50px 0}
.popSicherh li:nth-child(3){float:right;margin:0 0 50px 0}
.popSicherh img{width:100%;margin:0 0 5px 0;float:left}
.popSicherhB{float:left;margin:0;background:#3DABDD;padding:5px;color:#fff}

/*pop up*/

#homeIcon{text-align:center;font-size:150%;margin-top:10px;display:none}

/*FORM FORM FORM FORM FORM FORM FORM FORM FORM FORM */

/*novice*/
.news1 a:link,.news1 a:visited{text-decoration:underline}
.news1 a:hover{color:#29ABE2}
.news1h1{color:#29ABE2;font-size:200%;background:none}
#nav1 {width:100%;float:left;margin:0 0 30px 0;padding:0;font-size:100%;text-align:center}
#nav1 li{display:inline;padding:0;margin:12px 4px}
#nav1 li a:link,#nav1 a:visited{color:#000;padding:6px 8px;margin:0;text-decoration:none}
#nav1 li a:hover{color:#29ABE2}
#nav1 .on a:link,#nav1 .on a:visited,#nav1 .on a:hover{color:#D7835E}
#nav1 .pnNav a:link,#nav1 .pnNav a:visited{font-weight:700;color:#000;padding:6px 8px;margin:0;text-decoration:none}
#nav1 .pnNav a:hover{color:#29ABE2}

.Ntime{width:100%;float:left;margin:20px 0;color:#666;text-align:center}

.small{width:20%;padding:0;margin:0}
.big{max-width:100%;padding:0;margin:0}

.newsB a:link,.newsB a:visited{display:block;font-weight:700;color:#fff;background:#00B0F0;padding:15px;margin:0;text-decoration:none;font-size:120%;line-height:1.4;text-align:center}
.newsB a:hover{background:#666}


.newsB2{width:98%;float:left;background:#00B0F0;text-align:center;padding:20px 1%;margin:0 0 50px 0}
.newsB2:hover{background:#666}

.newsB2 a:link,.newsB2 a:visited{color:#fff;text-decoration:none;font-size:140%;line-height:1.4}
.newsB2 a:hover{text-decoration:none}


.news1 ul{margin:10px 0;padding:0 }
.news1 li{padding:0;margin:5px 0 0 20px;list-style-type:disc;list-style-position:outside}
/*novice*/

/*intro news*/

.newsIntro{width:100%;float:left;margin:80px 0 40px 0}
.newsIntro ul{width:100%;float:left}
.newsIntro li{width:29%;margin:0 2% 0 2%;float:left;-webkit-box-shadow: 0px 9px 25px 1px rgba(179,179,179,1);-moz-box-shadow: 0px 9px 25px 1px rgba(179,179,179,1);box-shadow: 0px 9px 25px 1px rgba(179,179,179,1)}
.newsIntroPad1 li{margin:0 2% 4% 2%;position:relative;padding:0 0 20px 0}
.newsIntro img{width:100%;height:auto;float:left}
.newsIntro b{margin:18px 0;width:100%;float:left;font-weight:900;font-size:120%}
.newsIntro i{position:absolute;bottom:20px;right:20px;color:#2CACE2;font-size:160%}
.newsIntro div{width:92%;float:left;margin:4%}


.selSort1All{opacity:0;cursor:pointer;color:#000;font-size:17px;margin:5px;display:block-inline}/*margin:10px 3px;padding:5px 9px*/
.sort2gallery{width:100%;float:left;text-align:center;margin:20px 0 50px 0}
.sort2gallery a:link,.sort2gallery a:visited{background:#eee;color:#000;padding:5px 10px;margin:5px;display: inline-block;text-transform:uppercase;border:1px solid #ddd}
.sort2gallery a:hover{background:#fff;text-decoration:none}

.NaMooBox {float:left;width:100%;padding:0;margin:50px 0}
.NaMooBox li{float:left;width:24.8%;margin:0.1%;position:relative;background:#eee;overflow:hidden}
.NaMooBox img{float:left;width:100%;height:auto;margin:0;padding:0;}
.NaMooBox i{font-size:30px;position:absolute;top:8%;left:5%;color:#fff;opacity:0;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;}
.NaMooBox a:link,.NaMooBox a:visited,.NaMooBox a:hover{position:relative;float:left;margin:0;text-decoration:none;}
.NaMooBox li img {-moz-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;}
.NaMooBox li:hover img {-moz-transform:scale(1.3);-webkit-transform:scale(1.3);transform:scale(1.3);}
.NaMooBox li:hover i {opacity:1;-moz-transform:scale(2);-webkit-transform:scale(2);transform:scale(2);}
.NaMooBox div{position:relative;overflow:hidden}
.NaMooBox span{position:absolute;left:0;right:0;top:0;bottom:0;padding:10px 10px;color:#fff}
.NaMooBox b {float:left;margin:0px 0px 5px 0px;opacity:0;font-size:90%;line-height:1;font-weight:300;padding:3px;background:rgba(0,0,0,1);transition: opacity .5s ease-out;-moz-transition: opacity .5s ease-out;-webkit-transition: opacity .5s ease-out;-o-transition: opacity .5s ease-out;}
.NaMooBox li:hover b {opacity:0.8}

/*intro news*/

.ul1 ul{margin:10px 0;padding:0 }
.ul1 li{padding:0;margin:5px 0 0 20px;list-style-type:disc;list-style-position:outside}


table{border-collapse:collapse;text-align:left;margin:0}
table td,table th{padding:0}
.zebra,.zebra2{width:100%}
.zebra th,.zebra2 th{vertical-align:top;background:#9E9E9E;color:#fff;font-weight:700;padding:5px 0;border-right:1px solid #ddd}
.zebra td,.zebra2 td{vertical-align:top;padding:5px 0;background:#fff;border-bottom:1px solid #ddd}
.zebraC{text-align:center}


.link1 a:link,.link1 a:visited{color:#333;text-decoration:underline}
.link1 a:hover{color:#000}

#na2{width:80%;float:left;margin:50px 0 0 0;padding:10px 0}
/*#na2 {width:100%;float:left}*/
#na2 ul{float:right;margin:0}
#na2 li{float:left;font-size:110%;text-transform: uppercase}
#na2 a:link,#na2 a:visited{float:left;color:#333;padding:0 0 0 25px;margin:0;text-decoration:none}
#na2 a:hover{color:#00B0F0}
#na2 .on1 a:visited,#na2 .on1 a:link,#na2 .on1 a:hover{color:#00B0F0;text-decoration:none;font-weight:700}

		#na2p{position:absolute;text-align:left;top:0;left:0;display:none;z-index:999;text-transform:uppercase;font-weight:400}
		#na2p ul{padding:7px 0;background:rgba(0,0,0,0.8);margin:0 0 20px 0;float:left}
		#na2p li{display:block;margin:0;padding:8px 10px;font-size:80%}
		#na2p .a0 a:visited,#na2p .a0 a:link,#na2p .a0 a:hover{color:#fff}
		#na2p .a1 a:visited,#na2p .a1 a:link,#na2p .a1 a:hover{color:#00B0F0}
		
		

	#openNav{cursor:pointer;position: fixed;z-index:-9;top:30px;right:30px;color:#000;padding:6px 0 4px 0;font-size:200%}
	#closeNav {position:absolute;top:35px;right:30px;color:#fff;cursor:pointer;font-size:200%}
	#icon-menu {width: 0.857421875em;padding:5px 12px}
	#icon-cancel{width: 0.857421875em;padding:5px 12px;color:#fff}
	

	#Nav {height:0;width:0;position: fixed;z-index: 1;top: 0;right: 0;background:rgba(3, 169, 244,0.95);overflow:hidden;transition: 0.5s}
	#MoMenu2{display:block}
	#MoMenu2 ul{margin:100px 0 60px 0}
	#MoMenu2 {visibility:visible;float:left;width:100%;display:block;overflow:hidden}
	#MoMenu2 li{display:block;float:left;width:100%;text-align:center}
	.o1 a:visited,.o1 a:link,.o1 a:hover{display:block;color:#fff;padding:15px 0;text-decoration:none;text-transform:uppercase;font-size:150%}
	.o1 span{display:block;padding:12px 0;color:#fff;cursor:pointer;text-transform:uppercase;font-size:150%}
	.o2 a:visited,.o2 a:link,.o2 a:hover{display:block;padding:15px 0;color:#fff;text-decoration:none;font-weight:700;text-transform:uppercase;font-size:150%}
	.o2 span{display:block;color:#fff;padding:15px 0;cursor:pointer;font-weight:900;text-transform:uppercase;font-size:170%}
	.o3 a:visited,.o3 a:link,.o3 a:hover{display:block;font-size:20px;color:#fff;padding:5px 0;text-decoration:none;font-size:120%}
	.o4 a:visited,.o4 a:link,.o4 a:hover{display:block;color:#fff;padding:5px 0;text-decoration:none;font-size:120%}

.img100{width:100%;height:auto;float:left}
.img100MF{max-width:100%;height:auto}


#korbMinus{display:block;float:right}
#korbPlus{display:none;float:right}
#reloadButton2text{display:block;height:auto;overflow:hidden;min-width:150px}

@media (max-width:1640px){
#scrollmenu span{color:#000;background:#fff;margin:0 1%;border-radius:10px;-webkit-border-radius:10px;padding:8px 1%;cursor:pointer}
}

@media (max-width:1280px){
#scrollmenu span{color:#000;background:#fff;margin:0 1%;border-radius:10px;-webkit-border-radius:10px;padding:8px 1%;cursor:pointer;font-size:80%}
}

@media (max-width:1081px){
#na2{display:none}
#newB button{color:#fff;background:#E68C61;padding:5px;margin:0;border:0;text-decoration:none;font-size:100%;width:100%;font-weight:700;float:left;transition: all 0.2s ease-in-out;cursor:pointer;box-sizing: border-box}
#newB button:hover{background:#3DABDD}

#newB2 button{color:#fff;background:#E68C61;padding:5px;margin:0;border:0;text-decoration:none;font-size:100%;width:100%;font-weight:700;float:left;transition: all 0.2s ease-in-out;cursor:pointer;box-sizing: border-box}
#newB2 button:hover{background:#3DABDD}
	#openNav{cursor:pointer;position: fixed;z-index:-9;top:0px;right:5px;color:#000;padding:6px 0 4px 0;font-size:200%}
	#closeNav {position:absolute;top:5px;right:5px;color:#fff;cursor:pointer;font-size:200%}
.he1{float:left;position:relative;width:150px;height:auto;margin:20px 0 20px 10px}
}

@media (max-width:1000px){
#scrollmenu span{color:#000;background:#fff;margin:0 0.5%;border-radius:10px;-webkit-border-radius:10px;padding:8px 0.5%;cursor:pointer;font-size:80%}
}

@media (max-width:850px){
#scrollmenu span{color:#000;background:#fff;margin:0 0.5%;border-radius:10px;-webkit-border-radius:10px;padding:8px 0.5%;cursor:pointer;font-size:70%}
.box1{width:100%;float:left;background:#777;z-index:10} .box1 img{width:100%;float:left}
.box2{width:100%;float:right;background:#777;margin:0 0 0 0}



#reloadButtonBOX{position:fixed;top:90px;left:auto;right:10px;background:rgba(255,255,255,1);color:#333;z-index:101;font-size:13px;line-height:14px;display:none;box-shadow: rgba(50, 50, 93, 0.4) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;}
#reloadButton2text{display:none}
#reloadButton2suma{display:none}
#reloadButtonBOX h3{font-size:120%;font-weight:700}

.formL{width:100%;float:left;text-align:left}
.formR{width:100%;float:right;margin:20px 0 0 0}


	.logos img{float:left;width:10%;height:auto;padding:0 5%}
	
	#bottomfooter {color:#fff;width:96%;border-radius: 4px;position: fixed;height: auto;padding:1%;background-color: rgba(33,33,33, 0.9);bottom: 10px;left:1%;z-index: 10000;display:none;font-size:90%}

}

@media (max-width:680px){
.iFoxA{width:100%;float:left;margin:20px 0}
.iFoxB{width:100%;float:left;margin:20px 0}
.iFoxC{width:100%;float:left;margin:20px 0}
#boxBottom2{width:90%;padding:0 5%;float:left;background:#403F41;height:500px}
}

@media (max-width:500px){

	#scrollmenu{display:none}



	.he1{float:left;position:relative;width:100px;height:auto;margin:0 0 50px 10px}

	#scrollmenu {background:#F3F4F6;float:left;width:98%;height:70px;padding:10px 1%;font-weight:700;z-index:90;text-align:center;text-transform:uppercase}
	#scrollmenu span{float:left;color:#000;background:#fff;margin:2px 2%;border-radius:5px;-webkit-border-radius:10px;padding:2px 5px;cursor:pointer}
	.logos img{float:left;width:22%;height:auto;padding:10px}
	.popFarb li{width:32%;float:left;font-weight:700;text-align:center;font-size:80%;margin:0 1% 50px 0}
	.fL{font-size:22px;width:10%;float:left}
	.fR{width:90%;float:right;font-size:90%}

	#korbMinus{display:none}
	#korbPlus{display:block}
	#reloadButton2text{display:block;height:0;overflow:hidden;min-width:150px}
	
	#reloadButtonBOX{position:fixed;top:65px;left:auto;left:10px;background:rgba(255,255,255,1);color:#333;z-index:101;font-size:11px;line-height:12px;display:none;box-shadow: rgba(50, 50, 93, 0.4) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;}

}