*{box-sizing:border-box}
.main-header{padding-top:5px;text-align:left;padding-left:20px;height:112px;color:#fff;text-shadow:#222 0px 1px 2px;position:static;transition:all 0.3s ease;width:100%;left:0;}
.main-header a{position:relative;top:35px}
body{font:90%/1.5 "Trebuchet MS", Helvetica, sans-serif;text-align:left;background:linear-gradient(#6d5b43,#6d5b43 100px,#86755d 600px,#86755d);color:#4b4b4c;padding:0;margin:0}
#seite{max-width:986px;margin:0px auto;text-align:left}
#topbox{width:100%;margin-top:0px;margin-bottom:0px;padding-bottom:0px;float:left;background-color:#fff;border:2px solid #fff;border-radius:10px 10px 0px 0px;box-shadow:2px 2px 3px black;}
h1{font-size:175%;padding-bottom:5px;border-bottom:1px solid #567492;color:#567492;font-weight:normal}
h2{margin-top:40px;font-size:155%;border-bottom:1px solid #ccc;color:#aaa;font-weight:normal;display:block}
h3{font-size:120%;font-weight:bold;margin-top: 10px;}
h4{font-size:100%;color:#567492;font-weight:bold;}
.titel{width:100%;height:526px; position:relative;display:block;background:url('https://www.bilder-plus.de/bilder/titel/trennwand_986x556.jpg') no-repeat;background-size:cover;float:left;}
.titel-trennwand{width:100%;height:524px; position:relative;display:block;background:url('https://www.bilder.plus.de/bilder/titel/trennwand_982x524.jpg') no-repeat;background-size:cover;float:left;}
.titel-text{width:50%;position:absolute;bottom:0px;left:10px;color:#FFFFFF;text-align: center; text-shadow: 1px 1px 2px black; font-size:150%;}
.modultitel-text{width:100%;bottom:0px;left:10px;color:#FFFFFF;text-align: center; text-shadow: 1px 1px 2px black; font-size:300%;font-weight:bold;text-transform: uppercase;margin-top:100px;}
.padding{text-align: center;padding: 0 20px 0 20px;}
.ang1,.ang2, .ang3{width:237px;height:210px;background-color:#fff;margin-top:12px;margin-bottom:12px;margin-right:12px;float:left;border:2px solid #fff;box-shadow:2px 2px 3px black;}
.ang4{width:237px;height:210px;background-color:#fff;margin-top:12px;margin-bottom:12px;float:right;border:2px solid #fff;box-shadow:2px 2px 3px black;}
.modti-1,.modti-2, .modti-3, .modti-4, .modti-5 {width:100%; background-color:#86755d;margin-top:0px;margin-bottom:0px;margin-right:0px;float:left;min-height: 250px;}
.modti-1{background:url('module/akustik.jpg') no-repeat;background-size:cover;background-position: left top;}
.modti-2{background:url('module/lamellen_bild.jpg') no-repeat;background-size:cover;background-position: right top;}
.modti-3{background:url('module/led_bild.jpg') no-repeat;background-size:cover;background-position: left top;}
.modti-4{background:url('module/flex.jpg') no-repeat;background-size:cover;background-position: right top;}
.modti-5{background:url('module/motiv-druck.jpg') no-repeat;background-size:cover;background-position: left top;}
.mod5-1,.mod5-2, .mod5-3, .mod5-4 {width:100%; background-color:#86755d;margin-top:8px;margin-bottom:0px;margin-right:9px;float:left;border:2px solid #fff;box-shadow:2px 2px 3px black;}
.mod5-1{background:url('module/akustik.jpg') no-repeat;background-size:cover;background-position: left top;}
.mod5-2{background:url('module/lamellen_bild.jpg') no-repeat;background-size:cover;background-position: right top;}
.mod5-3{background:url('module/led_bild.jpg') no-repeat;background-size:cover;background-position: left top;}
.mod5-4{background:url('module/flex.jpg') no-repeat;background-size:cover;background-position: right top;}
.modt{background:url('module/trennwand.jpg') no-repeat;background-size:cover;background-position: right bottom;width:100%; background-color:#fff;min-height:240px;margin-top:8px;margin-bottom:0px;margin-right:9px;float:left;padding-left: 30px;padding-right: 450px; border:2px solid #fff;box-shadow:2px 2px 3px black;}
.modt h2{color:#b82601;}
.mod5-5{width:190px;background-color:#fff;margin-top:12px;margin-bottom:12px;float:right;border:2px solid #fff;box-shadow:2px 2px 3px black;}
.modform{width:100%;background-color:#fff;padding:0px; margin-top:12px;margin-bottom:0px;float:right;border:2px solid #fff;box-shadow:2px 2px 3px black;}
.mod5-6{display:none;}
.img-an {border:0px; width:240px; height:auto; float:left;}
.text-mod-l{color:#ffffff;padding:30px;float:left;margin-left:320px;}
.text-mod-r{color:#ffffff;padding:30px;float:left;margin-right:320px}
.text-mod-l h1{color:#F8FF90;font-size:150%;}
.text-mod-l h3{color:#F8FF90;font-size:120%;}
.text-mod-r h1{color:#F8FF90;font-size:150%;}
.text-mod-r h3{color:#F8FF90;font-size:120%;}
.modul75{width:75%;float:left;}
.modul25{width:25%;float:right;background-color: #ffffff;border-bottom:8px solid #ffffff;border-right:8px solid #ffffff;}
.zitat{width:100%;margin-top:0px; margin-bottom:12px;padding:15px;color:#fff; text-align:center; font-size:110%;font-weight:bold; background-color:#577593;border:2px solid #fff;box-shadow:2px 2px 3px black;float:left;}
#hauptbox{width:100%;margin-top:0px;margin-bottom:0px;padding-bottom:0px;float:left;background-color:#fff;border:2px solid #fff;border-radius:10px 10px 0px 0px;box-shadow:2px 2px 3px black}
#textbox{width:100%;margin-top:8px;margin-bottom:0px;padding-bottom:0px;float:left;background-color:#fff;border:2px solid #fff;box-shadow:2px 2px 3px black}
#textbox2{width:70%;margin-top:8px;margin-bottom:0px;padding-bottom:0px;float:left;background-color:#ffffff;border:2px solid #fff;box-shadow:2px 2px 3px black}
.modulbox, .modulbox-led, .modulbox-lamelle, .modulbox-flex, .modulbox-trennwand, .modulbox-akustik, .modulbox-motiv, .modulbox-rahmen {width:97%;min-height: 70px;margin-top:8px;margin-bottom:0px;padding:10px;float:right;background-color:#aa2000;color:#ffffff;border:2px solid #fff;box-shadow:2px 2px 3px black; }
.modulbox-led{background:url('module/mod-led.jpg') no-repeat;background-size:cover;background-position: right bottom;background-color:#000000;}
.modulbox-lamelle{background:url('module/mod-lamelle.jpg') no-repeat;background-size:cover;background-position: right bottom;background-color:#aa2000;}
.modulbox-flex{background:url('module/mod-flex.jpg') no-repeat;background-size:cover;background-position: right bottom;background-color:#86755d;}
.modulbox-motiv{background:url('module/mod-motiv.jpg') no-repeat;background-size:cover;background-position: right bottom;background-color:#236f8b;}
.modulbox-akustik{background:url('module/mod-akustik.jpg') no-repeat;background-size:cover;background-position: right bottom;background-color:#86755d;}
.modulbox-rahmen{background:url('module/mod-rahmen.jpg') no-repeat;background-size:cover;background-position: right bottom;background-color:#3a2315;}
.modulbox-trennwand{background:url('module/mod-trennwand.jpg') no-repeat;background-size:cover;background-position: right bottom;background-color:#ffffff; color:#aa2000}
.modulboxa{width:100%;min-height: 70px;margin-top:8px;margin-bottom:0px;padding:10px;float:right;background-color:#ffffff;color:#86755d;border:2px solid #fff;/*box-shadow:2px 2px 2px black*/}
.modulboxb{width:97%;margin-top:8px;margin-bottom:0px;padding:10px;float:right;background-color:#ffffff;color:#ffffff;border:2px solid #fff;box-shadow:2px 2px 3px black; align-items:end;}
#topnav{width:100%;margin-top:0px;margin-bottom:2px;background-color:#272727;background:linear-gradient(#999999, #525252 10%, #262626);border-radius:10px 10px 0px 0px;height:29px;bottom:0px;padding-left:8px}
#menutop{padding:0;margin:0 auto;list-style-type:none}
#menutop li,menutop li{float:left}
#menutop a{width:auto;color:#fff;display:block;text-decoration:none;margin-top:0px;padding:4px 12px 0px 12px;border-right:1px solid #9e9e9e;height:29px}
#menutop_m{padding:0;margin:0 auto;list-style-type:none}
#menutop_m li{float:left}
#menutop_m a{width:auto;color:#ffffff;display:none;text-decoration:none;margin-top:0px;padding:4px 12px 0px 12px;border-right:1px solid #9e9e9e;height:29px}
#menutop a:visited{color:#E9E9E9}
#menutop a:active{color:#aa2000}
#menutop a:hover{color:#fffea7;text-decoration:underline;background:linear-gradient(#54738f, #0E3049)}
.angebot a{width:210px;height:auto;color:#fff;display:block;text-decoration:none;background:linear-gradient(#3fa24b, #023f00);padding:4px 12px 4px 12px;border: 1px solid #fff;margin:0px auto;box-shadow:1px 1px 1px black;}
.angebot a:visited{color:#E9E9E9}
.angebot a:active{color:#aa2000}
.angebot a:hover{color:#fffea7;text-decoration:none;background:linear-gradient(#0E3049,#54738f);box-shadow:0px 0px 0px black;border: 1px solid #fff;}
.topleft{padding-left:8px}
.page-wrap{padding: 30px; float:left;width:100%;transition:width 0.3s ease}
.page-wrap2{ padding: 30px; float:left;;width:100%;transition:width 0.3s ease}
nav{width:20%;float:left}
.main-nav{margin-top:2px;position:static;background:white}
.main-nav a{margin-top:0px;display:block;text-decoration:none;padding-left:15px}
.main-nav li{list-style:none}
.module{float:left; padding: 0; width: 100%; background-color:#86755d; color:#ffffff;}
.module img{padding: 0px;}
/*.main-nav{position:absolute;width:0;overflow:hidden;background:linear-gradient(#fdfdfd, #ededed);transition:width 0.3s ease;margin:-2px 0px 0px -2px;border-radius:0px 10px 10px 0px;box-shadow:2px 2px 3px black}
.main-nav a{display:none}
.main-nav a:hover, .main-nav a:focus{background:linear-gradient(#dfdfdf, #fdfdfd)}
.main-nav:after{content:"";position:absolute;top:0;right:0;height:100%;width:24px;background:linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4))}
#main-nav:target{width:80%}
#main-nav:target + .page-wrap{width:80%}
#main-nav:target + .page-wrap .open-menu{display:none}
#main-nav:target + .page-wrap .close-menu{display:block}
#main-nav:target + .page-wrap .main-header{width:80%;left:20%}
.page-wrap{padding:20px 10px 10px 10px;width:100%}
#menutop a{display:block}
#menutop_m a, #quicktop a{display:none}*/
.kategorie{font-weight:normal;background:linear-gradient(#8dadc2, #7296ac 1px, #3e5273);padding:2px 0px 2px 0px;border-top:1px solid #577593;border-right:1px solid #577593;border-bottom:1px solid #577593;display:block;list-style:none;margin-top:20px;margin-bottom:5px}
a.kategorielink:link{color:#ffffff;text-decoration:none;display:block}
a.kategorielink:visited{color:#bfbfbf;text-decoration:none;display:block}
a.kategorielink:active{color:#777777;text-decoration:none;display:block}
a.kategorielink:hover{color:#fffea7;text-decoration:underline;background:linear-gradient(#3e5273, #8dadc2);display:block}
.unterlinks_haupt{margin-top:5px;font-weight:normal;background:linear-gradient(#fff, #efefef 10px, #efefef);padding:0px 0px 0px 0px;border-top:1px solid #577593;border-right:1px solid #577593;border-bottom:1px solid #577593;color:#4b4b4c;margin-bottom:5px}
.unterlinks_haupt li{text-decoration:none;padding-left:0px;display:block;border-bottom:1px solid #e1e1e1;border-top:1px solid #f1f1f1}
ol.unterlinks_haupt li{list-style:none;padding:0}
ol.unterlinks_haupt li ol li{margin-left:-40px;}
ol.unterlinks_haupt li ol li ol li{margin-left:-25px}
.unterlinks{text-decoration:none;display:block;border-bottom:1px solid #e1e1e1;border-top:1px solid #f1f1f1}
a.unterlinks:link{color:#4b4b4c;}
a.unterlinks:visited{color:#8b8b8c}
a.unterlinks:active{color:#2b2b2c;text-decoration:underline}
a.unterlinks:hover{color:#aa2000;text-decoration:underline;background:linear-gradient(#dfdfdf, #fdfdfd)}
.unterlink2{text-decoration:none;padding-left:0px;display:block;border-bottom:1px solid #f0f0f0;border-top:1px solid #ffffff;background-color:#f7f7f7}
a.unterlink2:link{color:#4b4b4c; padding-left:20px;}
a.unterlink2:visited{color:#8b8b8c}
a.unterlink2:hover{color:#aa2000;text-decoration:underline;background:linear-gradient(#dfdfdf, #fdfdfd);}
a.unterlink2:active{color:#2b2b2c;text-decoration:underline}
.unterlinks_angebot{margin-top:5px;font-weight:normal;background:linear-gradient(#edf4f9, #e6eff6 10%, #deeaf3);padding:2px 2px 2px 0px;border-top:1px solid #577593;border-right:1px solid #577593;border-bottom:1px solid #577593;color:#fff;display:block;margin-bottom:5px}
#quicklink{margin-top:0px;margin-right:5px;background:linear-gradient(#b82601, #881300);z-index:90;height:26px;float:right;border-right:1px solid #fff;border-left:1px solid #fff;border-bottom:1px solid #fff;border-radius:0px 0px 10px 10px;box-shadow:1px 1px 2px black}
#quicktop{font-size:90%;padding:0px 10px 0px 10px;margin:0 auto;list-style-type:none;float:left}
#quicktop li{float:left}
#quicktop a{width:auto;display:block;color:#ffffff;text-decoration:none;margin-top:0px;padding:1px 10px 0px 10px;height:24px;border-right:1px solid #834f44}
#quicktop a:visited{color:#E9E9E9}
#quicktop a:active{color:#777777}
#quicktop a:hover{color:#fffea7;width:auto;display:block;text-decoration:underline;margin-top:0px;background-color:#881300;padding:1px 10px 0px 10px;height:24px}
.angebota{text-align: right;color:#567492;padding-right:25px;}
.angebotah{font-size:130%;color:#567492;font-weight:bold}
.preis{font-size:200%;color:#aa2000;font-weight:bold;}
ul{padding-left:20px;}
caption{font-size:100%;color:#567492;font-weight:bold;text-align:left;margin-bottom: 10px;}
#inhalttop, #auswahl{width:100%; margin-top: 4px; float:left;}
#inhalttop img, #inhalttext img{border:1px solid #567492;}
#auswahl img{margin-right:6px;border:1px solid #000; box-shadow:1px 1px 2px black}
#inhalttext{padding-top:0px;pading-left:10px;width:580px;float:left;}
#links_neu{padding-top:0px;width:60%;float:left;}
#inhaltleft{padding-top:0px;width:40%;float:left;margin-left: 30px;}
#inhaltright{padding-top:40px;width:50%;float:right;margin-right: 30px;}
#slider{padding-top:0px;width:100%;float:left;color:#a22000;}
#slider100{padding-top:0px;width:100%;float:left;color:#a22000;}
#inhaltleft_neu{padding-top:0px;padding-left: 10px;width:62%;float:left;}
#inhaltright_neu{padding-top:0px;width:35%;float:right;}
#rechts_neu{padding-top:10px;width:35%;float:right;}
#rechts{padding-top:10px;width:280px;float:right;}
#rechts img{border:1px solid #567492;}
.kategorie2{color:white;background:linear-gradient(#8dadc2, #7296ac 1px, #3e5273);padding:2px 0px 2px 10px;border:1px solid #577593;display:block;list-style:none;margin-top:20px;margin-bottom:5px}
.imgaktuell{height:150px;width:150px;margin-left:10px;float:right;border:1px solid #567492;border-radius:8px 8px 8px 8px;box-shadow:1px 1px 3px #777777}
.newsteaser{padding-left:10px;padding-bottom:10px;margin-bottom:10px}
.teaser{font-weight:400;color:#567492}
.galerie, fieldset{background:linear-gradient(#fff, #efefef 10px, #efefef);border:1px solid #567492;float:left;padding:10px;width:100%;border-radius:8px 8px 8px 8px}
fieldset{margin:0px 0px 5px 0px; padding-top: 0px}
.galerie{margin:10px 0px 20px 0px}
.galerie img{border:1px solid #577593;float:left}
ul.themenlink{width:100%;margin:0;padding:1px;margin-left:8px;font-weight:normal}
ul.themenlink li{list-style:none;margin:5px;padding:0}
ul.themenlink li ul{margin:0 0 0 10px;padding:0}
ul.themenlink li ul li{margin:3px 0}
ul.themenlink a{display:block;padding:0px;text-decoration:none;font-weight:normal;color:#7893AF}
ul.themenlink a:visited{color:#567492}
ul.themenlink a:visited{color:#777777}
ul.themenlink a:hover{color:#aa2000;text-decoration:underline}
a.textlink:link{color:#567492;text-decoration:underline}
a.textlink:visited{color:#777777}
a.textlink:active{color:#365472;text-decoration:underline}
a.textlink:hover{color:#aa2000;text-decoration:none;}
.anker{clear:both;float:right}
footer{width:100%;clear:both;font-size:90%;background:linear-gradient(#696969 1px, #808080 2px, #4f4f4f 4px, #1e1e1e);background-repeat:repeat-x;background-color:#1e1e1f;text-align:left;color:#9bb9cf;padding-top:10px;padding-bottom:15px;margin-top:20px;margin-bottom:0px;float:left}
footer li{list-style-type:none}
.socialmedia{float:right;text-align:left;margin-right:20px}
.socialmedia img{margin-left:8px;border-radius:5px 5px 5px 5px;box-shadow:1px 1px 2px #000000;float:left}
.left{float:left;margin-left:20px}
.close-menu{display:none; padding: 5px 10px; color:#fff; background:linear-gradient(#b82601, #881300);z-index:90;border-radius: 6px 0px 0px 6px;box-shadow:2px 2px 3px #000; position: absolute; top: 35px; right: -2px;}
a.close-menu:link{float:right; text-decoration:none}
a.close-menu:active{color:#777777}
a.close-menu:visited{color:#fffea7}
a.close-menu:hover{color:#fffea7; text-decoration:underline}
.open-menu{display:none}
legend{color: #fff;background:linear-gradient(#8dadc2, #7296ac 1px, #3e5273);padding:5px 10px;border: 1px solid #fff;box-shadow: 1px 1px 1px #777;border-radius: 5px;text-align: left;font-weight:bold;margin-bottom: 20px}
.label-text{margin-right:5px;float:left;width:30%;padding-top:0.3em;text-align:right;}
.label-motiv{margin-right:5px;padding-top:8px;float:left;width:30%;text-align:right;}
input[type="radio"] {width: 20px;}
.label-radio{margin-right: 10px;}
.select{width: 60%}
input[type="num"] {display:block; float:left;font-size:1em;margin-bottom:0.8em; margin-left:1em; border: 1px solid #577593;padding: 0.1em;}
input[type="text"], input[type="time"], input[type="date"], textarea {display:block;font-size:1em;margin-bottom:0.8em;border: 1px solid #577593;padding: 0.1em;width: 60%;}
input[type="submit"], input[type="reset"] {color: #fff;border: 1px solid #577593;border-radius: 5px;background:linear-gradient(#8dadc2, #7296ac 1px, #3e5273);box-shadow:1px 1px 2px #777;}
input[name="w"]{display:block;font-size:1em;padding: 2px 8px;margin-bottom:0.8em;border: 1px solid #577593;width: 44%;float:left; margin-top:8px;}
input[name="absenden"], input[name="Reset"]{padding: 5px 15px;margin-left: 10px; float:left;}
input[type="submit"] {font-weight:bold}
input[name="Los"] {font-weight:bold; margin: 7px 8px; float: right;padding: 3px 10px;}
input[type="submit"]:hover, input[type="submit"]:focus {background:linear-gradient(#7FCB8A, #157F08)}
input[type="reset"]:hover, input[type="reset"]:focus {background:linear-gradient(#f55, #AA2000);}
.gal_item {float:left;margin: 5px;width:175px;height:135px;border: 1px solid #577593}
.gal_item img{float:left;width:100%;height:auto;}
.variante{float: left; border: 0px; margin:6px;text-align:center;}
.weiss{color: #ffffff;}
.border{border: 1px solid #577593;}
.zeichnung{border: 1px solid #ffffff;}
.cta-led, .cta-holz, .cta-farbe, .cta-alu, .cta-hex, .cta-rund, .cta-deckensegel{width:100%; height: 260px;position:relative;background-color:#444;border:2px solid #fff;box-shadow:2px 2px 3px black;float:left;margin-bottom:20px;}
.cta-rund{background:url('https://www.bilder-plus.de/bilder/cta/rund.jpg') no-repeat;background-size:cover;}
.cta-hex{background:url('https://www.bilder-plus.de/bilder/cta/hex.jpg') no-repeat;background-size:cover;}
.cta-led{background:url('https://www.bilder-plus.de/bilder/cta/led.jpg') no-repeat;background-size:cover;}
.cta-deckensegel{background:url('https://www.bilder-plus.de/bilder/cta/deckensegel-986.jpg') no-repeat;background-size:cover;}
.cta-alu{background:url('https://www.bilder-plus.de/bilder/cta/alurahmen-986.jpg') no-repeat;background-size:cover;}
.cta-holz{background:url('https://www.bilder-plus.de/bilder/cta/echtholz.jpg') no-repeat;background-size:cover;}
.cta-farbe{background:url('https://www.bilder-plus.de/bilder/cta/farbrahmen.jpg') no-repeat;background-size:cover;}
.cta-left{width:45%;position:absolute;bottom:30px;left:10px;;color:#fff;text-align: center; vertical-align: bottom; text-shadow: 1px 1px 1px black;font-size:90%;}
.anfrage a{border:1px solid #fff;border-radius:4px 4px 4px 4px;box-shadow:2px 2px 2px black}
.anfrage a:hover{border:1px solid #fff;border-radius:4px 4px 4px 4px;box-shadow:0px 0px 2px black}
.big{font-size:200%;font-weight:bold;text-transform: uppercase;}
.big1{font-size:200%;font-weight:bold;text-transform: uppercase;}
.small{font-size:80%;font-weight:normal;}
summary{font-size:100%;color:#567492;font-weight:normal;margin-top:15px;margin-bottom:10px}
.radio{float:left;}
.label{float:left; width:90%;margin-bottom:15px;}
.led{float:left;width:50%;border-bottom:1px solid #ccc;margin-bottom:10px;}
a.modullink:link{font-size:100%;font-weight:bold;margin-top: 30px;color:#ffffff;text-decoration:none}
a.modullink:visited{color:#E3E3E3}
a.modullink:active{color:#FFD53B;text-decoration:none}
a.modullink:hover{font-size:110%;color:#FCFF7C;text-decoration:underline;}
.container {
position: relative;
margin-bottom:20px;margin-top: 20px;padding-bottom: -4px;
border:2px solid #fff;box-shadow:1px 1px 2px black;
}
.mySlides {
display: none;
}
.cursor {
cursor: pointer;
}
.prev,
.next {
cursor: pointer;
position: absolute;
top: 50%;
width: auto;
padding: 16px;
margin-top: -50px;
color: #577593;
font-weight: bold;
font-size: 20px;
border-radius: 0 10px 10px 0;
user-select: none;
-webkit-user-select: none;
}
.next {
right: 0;
border-radius: 10px 0 0 10px;
}
.prev:hover,
.next:hover {
background-color: rgba(0, 0, 0, 0.5);
color: #ffffff;
}
.numbertext {
color: #577593;
font-size: 12px;
padding: 8px 12px;
position: absolute;
top: 0;
}
.caption-container {
text-align: center;
background-color:#577593;
padding: 0px 0px;
color: #fff;
}
.row:after {
content: "";
display: table;
clear: both;
}
.column {
float: left;
width: 16.66%;
}
.demo {
opacity: 1;
}
.active,
.demo:hover {
opacity: 0.5;
}
@media (min-width:768px) and (max-width:990px){#seite{width:100%;padding:0px 3px 0px 2px}
#inhalttop img{width:100%;height:auto}
#auswahl img{width:24%;height:auto}
.titel-text{width:60%;position:absolute;bottom:30px;left:10px;color:#fff;text-align: center; text-shadow: 1px 1px 2px black;font-size:130%;}
#inhalttext{width:100%;float:left}
#rechts{width:100%;float:right}
.ang1,.ang2,.ang4{width:32.5%;height:auto;margin-top:8px;margin-bottom:0px;margin-left:0;margin-right:1%;float:left;}
.ang3{width:32.5%;height:auto;margin-top:8px;margin-bottom:0px;margin-left:0;margin-right:0;float:right}
.zitat{width:66.5%;float:right;margin-top:8px;font-size:100%;}
#textbox{margin-top:8px;float:left;}
.galerie{width:100%}
.galerie img{width:45%;height:auto;border:1px solid #577593;margin:6px;float:left}
.cta-rund{background:url('https://www.bilder-plus.de/bilder/cta/rund-768.jpg') no-repeat;background-size:cover;}
.cta-hex{background:url('https://www.bilder-plus.de/bilder/cta/hex-768.jpg') no-repeat;background-size:cover;}
.cta-alu{background:url('https://www.bilder-plus.de/bilder/cta/alurahmen-768.jpg') no-repeat;background-size:cover;}
.cta-holz{background:url('https://www.bilder-plus.de/bilder/cta/holzrahmen-768.jpg') no-repeat;background-size:cover;}
.cta-farbe{background:url('https://www.bilder-plus.de/bilder/cta/farbrahmen-768.jpg') no-repeat;background-size:cover;}
.cta-left{width:50%;position:absolute;bottom:30px;left:10px;;color:#fff;text-align: center;text-shadow: 2px 2px 2px black;font-size:90%;}
#slider{padding-top:0px;width:55%;float:left;color:#a22000;}
#inhaltleft_neu{padding-top:0px;width:55%;float:left}
#inhaltright_neu, #rechts_neu{padding-top:0px;width:40%;float:right}}
@media (max-width:768px){.open-menu{display:block}
.main-header{position:absolute;height:90px;background-color:#86755d}
.main-header a{position:relative;top:5px;left:-12px}
.main-nav{position:absolute;width:0;overflow:hidden;background:linear-gradient(#fdfdfd, #ededed);transition:width 0.3s ease;margin:-2px 0px 0px -2px;border-radius:0px 10px 10px 0px;box-shadow:2px 2px 3px black}
.main-nav a{display:block}
.main-nav a:hover, .main-nav a:focus{background:linear-gradient(#dfdfdf, #fdfdfd)}
.main-nav:after{content:"";position:absolute;top:0;right:0;height:100%;width:24px;background:linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4))}
#main-nav:target{width:80%}
#main-nav:target + .page-wrap{width:80%}
#main-nav:target + .page-wrap .open-menu{display:none}
#main-nav:target + .page-wrap .close-menu{display:block}
#main-nav:target + .page-wrap .main-header{width:80%;left:20%}
.page-wrap{padding:20px 10px 10px 10px;width:100%}
#menutop a, #quicktop a{display:none}
#menutop_m a{display:block}
#topbox{margin-top:65px;float:left;}
#textbox{margin-top:8px;float:left;}
.titel{width:100%;height:424px;position:relative;display:block;background:url('https://www.bilder-plus.de/bilder/titel/trennwand_768x424.jpg') no-repeat;background-size:cover;float:left;}
.titel-text{width:384px;position:absolute;bottom:30px;left:0px;color:#ffffff;text-align:center;text-shadow: 1px 1px 2px black;font-size:120%;}
.titel-wandbild{background:url('https://www.bilder-plus.de/bilder/titel/wandbilder_768.jpg') no-repeat;}
.ang1,.ang3{width:49%;height:auto;margin-top:8px;margin-bottom:0px;margin-left:0;margin-right:1%;float:left;}
.ang2, .ang4{width:49%;height:auto;margin-top:8px;margin-bottom:0px;margin-left:1%;margin-right:0;float:right}
.zitat{width:100%;float:left;margin-top:8px;margin-bottom:8px;font-size:90%;}
#hauptbox{position:absolute;margin-top:80px}
.imgaktuell{width:25%;height:auto}
#inhalttop img, #inhalttext img, #inhaltrechts img, #inhaltleft img{max-width:100%;height:auto}
#auswahl img{width:45%;height:auto}
.gal img{ width: 45%;height:auto}
#inhalttext, #inhaltright, #inhaltleft, #slider{width:100%;float:left}
#inhaltright_neu, #rechts_neu{width:48%;float:right}
#inhaltleft_neu{width:48%;float:left;padding:15px;}
.stele{background-color:#5b5c5a;}
.galerie img{width:96%;height:auto;border:1px solid #577593;margin:6px;float:left}
#rechts{width:100%;float:left}
.socialmedia{float:left;text-align:left;margin-left:20px;margin-right:0px}
ul.themenlink li{padding-bottom:10px}
label{text-align:left;}
input[type="submit"] {margin-left: 10px;margin-right: 10px;font-weight:bold}
.gal_item {float:left;margin:5px;width:46%;height:auto;border: 1px solid #577593;}
.cta-rund{background:url('https://www.bilder-plus.de/bilder/cta/rund-768.jpg') no-repeat;background-size:cover;}
.cta-led{background:url('https://www.bilder-plus.de/bilder/cta/led-768.jpg') no-repeat;background-size:cover;}
.cta-deckensegel{background:url('https://www.bilder-plus.de/bilder/cta/deckensegel-768.jpg') no-repeat;background-size:cover;}
.cta-alu{background:url('https://www.bilder-plus.de/bilder/cta/alurahmen-768.jpg') no-repeat;background-size:cover;}
.cta-alu{background:url('https://www.bilder-plus.de/bilder/cta/alurahmen-768.jpg') no-repeat;background-size:cover;}
.cta-holz{background:url('https://www.bilder-plus.de/bilder/cta/holzrahmen-768.jpg') no-repeat;background-size:cover;}
.cta-farbe{background:url('https://www.bilder-plus.de/bilder/cta/farbrahmen-768.jpg') no-repeat;background-size:cover;}
.cta-left{width:50%;position:absolute;bottom:30px;left:10px;color:#fff;text-align: center;text-shadow: 2px 2px 2px black;font-size:90%;}
.page-wrap2{ padding: 20px; float:left;;width:100%;transition:width 0.3s ease}
.modt{background:url('module/trennwand_550.jpg') no-repeat;background-size:cover;background-position: right bottom;width:100%; background-color:#ffffff;min-height:240px;margin-top:9px;margin-bottom:0px;margin-right:9px;float:left;padding-bottom:250px;padding-left: 30px;padding-right: 30px; border:2px solid #fff;box-shadow:2px 2px 3px black;}
.mod5-1{background:url('module/akustik_768.jpg') no-repeat;background-size:auto;background-position: left top;background-color:#86755d;}
.mod5-2{background:url('module/lamelle_768.jpg') no-repeat;background-size:auto;background-position: right top;background-color:#e3151c;}
.mod5-3{background:url('module/led_bild_768.jpg') no-repeat;background-size:auto;background-position: left top;background-color:#121317;}
.mod5-4{background:url('module/flex.jpg') no-repeat;background-size:auto;background-position: right top;background-color:#86755d;}
.text-mod-l{color:#ffffff;padding:30px;float:left;margin-left:10px;margin-top:200px;}
.text-mod-l a:hover{color:#F4F4A7}
.text-mod-r{color:#ffffff;padding:30px;float:left;margin-top:200px; margin-right:10px}
.modul75{width:100%;float:left;}
.modul25{width:100%;float:left;}
.modulbox, .modulbox-led, .modulbox-lamelle, .modulbox-flex, .modulbox-trennwand, .modulbox-akustik, .modulbox-motiv, .modulbox-rahmen{width:100%;margin-top:8px;margin-bottom:0px;padding:10px;float:left;background-color:#aa2000;color:#ffffff;border:2px solid #fff;box-shadow:2px 2px 3px black}
.modulboxa{width:100%;margin-top:8px;margin-bottom:0px;padding:10px;float:left;background-color:#ffffff;color:#aa2000;border:2px solid #fff;box-shadow:0px 0px 0px black}
@media (max-width:540px){.open-menu{display:block}
.titel{width:100%;height:424px;position:relative;display:block;background:url('https://www.bilder-plus.de/bilder/titel/trennwand_550x424.jpg') no-repeat;background-size:cover;float:left;}
.titel-text{width:100%;position:absolute;bottom:20px;left:0px;color:#aa2000;text-align: center; text-shadow: 1px 1px 2px black;font-size:120%;line-height: 1.9em}
.titel-wandbild{background:url('https://www.bilder-plus.de/bilder/titel/holzrahmen_550.jpg') no-repeat;}
.cta-rund{background:url('https://www.bilder-plus.de/bilder/cta/rund-550.jpg') no-repeat;background-size:cover;}
.cta-hex{background:url('https://www.bilder-plus.de/bilder/cta/hex-550.jpg') no-repeat;background-size:cover;}
.cta-alu{background:url('https://www.bilder-plus.de/bilder/cta/alurahmen-550.jpg') no-repeat;background-size:cover;}
.cta-holz{background:url('https://www.bilder-plus.de/bilder/cta/led-550.jpg') no-repeat;background-size:cover;}
.cta-deckensegel{background:url('https://www.bilder-plus.de/bilder/cta/deckensegel-550.jpg') no-repeat;background-size:cover;}
.cta-alu{background:url('https://www.bilder-plus.de/bilder/cta/alurahmen-550.jpg') no-repeat;background-size:cover;}
.cta-holz{background:url('https://www.bilder-plus.de/bilder/cta/holzrahmen-550.jpg') no-repeat;background-size:cover;}
.cta-farbe{background:url('https://www.bilder-plus.de/bilder/cta/farbrahmen-550.jpg') no-repeat;background-size:cover;}
.cta-left{width:60%;position:absolute;bottom:20px;left:10px;;color:#fff;text-align: center;text-shadow: 2px 2px 2px black;font-size:90%;}
#inhalttext, #inhaltright, #inhaltleft, #inhaltright_neu, #inhaltleft_neu, #rechts_neu, #slider{width:100%;float:left}
#inhaltleft_neu, #rechts_neu{padding: 15px;}
.page-wrap2{ padding: 0px; float:left;;width:100%;transition:width 0.3s ease}}
@media print{.open-menu{display:none}
.main-header{position:absolute;height:90px;background-color:#ffffff}
.main-header a{position:relative;top:5px;left:-12px}
.main-nav{display:none;}
#main-nav {display:none}
.page-wrap{padding:20px 10px 10px 10px;width:100%}
#menutop a, #quicktop a{display:none}
#menutop_m a{display:none}
#topbox{position:absolute;margin-top:80px}
.imgaktuell{width:120px;height:120px}
#textbox{margin-top:240px}
#hauptbox{position:absolute;margin-top:80px}
.titel img{max-width:100%;height:auto}
.imgaktuell{width:120px;height:120px}
#inhalttop img, #inhalttext img, #inhaltrechts img, #inhaltleft img{max-width:100%;height:auto}
.angebotsbox img{width:24%;height:auto;background-color:#aaa;margin-top:12px;;margin-bottom:12px;margin-right:12px;float:left;border:2px solid #fff;box-shadow:2px 2px 3px black;}
.angebotsboxr img{width:24%;height:auto;background-color:#aaa;margin-top:12px;margin-bottom:12px;float:right;border:2px solid #fff;box-shadow:2px 2px 3px black;}
.gal img{ width: 25%;height:auto}
#inhalttext, #inhaltright, #inhaltleft{width:100%;float:left}
.galerie img{width:96%;height:auto;border:1px solid #577593;margin:6px;float:left}
#rechts, #rechts_neu{width:100%;float:left}
.socialmedia{float:left;text-align:left;margin-left:20px;margin-right:0px}
ul.themenlink li{padding-bottom:10px}
label{text-align:left;}
input[type="submit"] {margin-left: 10px;margin-right: 10px;font-weight:bold}
.gal_item {float:left;margin:5px;width:46%;height:auto;border: 1px solid #577593;}
footer{display:none}
}
.container {
position: relative;
margin-bottom: 20px;margin-top: 0px;
border:2px solid #fff;box-shadow:2px 2px 3px black;
}
.mySlides {
display: none;
}
.cursor {
cursor: pointer;
}
.prev,
.next {
cursor: pointer;
position: absolute;
top: 40%;
width: auto;
padding: 16px;
margin-top: -50px;
color: white;
font-weight: bold;
font-size: 20px;
border-radius: 0 10px 10px 0;
user-select: none;
-webkit-user-select: none;
}
.next {
right: 0;
border-radius: 10px 0 0 10px;
}
.prev:hover,
.next:hover {
background-color: rgba(0, 0, 0, 0.5);
}
.numbertext {
color: #f2f2f2;
font-size: 12px;
padding: 8px 12px;
position: absolute;
top: 0;
}
.caption-container {
text-align: center;
background-color:#577593;
padding: 2px 8px;
color: #fff;
}
.row:after {
content: "";
display: table;
clear: both;
}
.column {
float: left;
width: 16.66%;
}
.demo {
opacity: 1;
}
.active,
.demo:hover {
opacity: 0.5;
}
@media (max-width:540px){.open-menu{display:block}}
.container {
position: relative;
margin-bottom: 20px;
margin-top: 0px;
border:0px solid #fff;box-shadow:0px 0px 0px black;
}
}