@charset "utf-8";*{padding:0;margin:0;border:0;}
p{margin:0px;}
body{font-family:Verdana, Geneva, sans-serif;margin:0px;line-height:2;}
body p{margin-top:8px;}
body ul{list-style:none;padding:0px;margin:0px;}
.main{font-family:"Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;margin:0 auto;width:900px;line-height:1.5;}
.banner{background-color:#f0f8ff;color:#fefefe;padding:0px;padding-top:0px;padding-bottom:0px;}
.title{font-size:140%;font-weight:bold;}
.header{background-color:#f0f8ff;padding:13px;}
.header.scroll-to-fixed-fixed{color:#000;}
.content{padding:20px;overflow:hidden; background-color:#fefefe;}
.footer{background-color:#faf9f9;padding:12px;clear:both;}
.footer a:link{color:#000;}.footer a:hover{text-decoration:underline;color:#000;}.right a:visited{color:#000;}
.footer.scroll-to-fixed-fixed{color:#000;}
.footer-content{background-color:#f9f7f7;padding:0px;}
.demos li{margin-bottom:20px;}
.left{float:left;width:680px;}
.right{float:left;margin-left:40px;}
.right a:link{color:#444445;}.right a:hover{text-decoration:underline;}.right a:visited{color:#444445;}
h1{font-size:24px;padding-top:0px;}
h2{font-size:18px;}
.summary{overflow:hidden;margin-top:0px;background-color:white;color:#454543;box-shadow: 0px 0px 2px #888; border-radius:10px;}
.summary .caption{border-bottom:1px solid #dddddd;background-color:#f0f8ff;font-size:12pt;font-weight:bold;padding:4px;}
.summary.scroll-to-fixed-fixed{margin-top:20px;}
.summary.scroll-to-fixed-fixed .caption{color:black;}
.contents{width:150px;margin:10px;font-size:80%;}
.example{width:100%;height:20px;margin:10px auto;padding:1px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;font-weight:bold;}
.menu{background-color:#f0f8ff;text-align:left;width:100%;font-size:18px;}
.menu > span{display:inline-block;margin:0 auto;}
#nav{display:inline;text-align:left;position:relative;list-style-type:none;}
#nav > li{float:left;padding:0;position:relative;}
#nav > li > a{border:1px solid transparent;color:#4F4F4F;display:block;font-size:90%;padding:8.9px 14px;position:relative;text-decoration:none;}
#nav > li > a:hover{background-color:#1b4987;color:#f0f8ff;transition: 0.7s;}
#share_box{width:843px;margin:0px 10px 10px 0;padding:40px;float:right;display:inline;}
#share_spalte_1{width:290px;float:left;}
#share_spalte_2{width:250px;float:left;}
#share_spalte_3{width:270px;float:left;}
a:link{text-decoration:none;color:#1b4987;}
a:visited{text-decoration:none;color:#1b4987;}
a:hover{text-decoration:underline;color:#1b4987;}
a:active{text-decoration:none;color:#454543;}
.scrollup{width:40px;height:40px;position:fixed;bottom:100px;right:100px;display:none;text-indent:-9999px;background:url('images/gototop.png') no-repeat;}
.produkt{background-color:#ffffff;width:96%;margin:10px 10px 15px 0;float:right;display:inline;border-width:1px;border-style:solid;border-color:#fff;min-height:200px;padding:10px;-webkit-box-shadow: 0 10px 6px -6px #777;-moz-box-shadow: 0 10px 6px -6px #777;box-shadow: 0 10px 6px -6px #777;}
.produkt_kasten_1{background-color:#ffffff;font:13px/1.5 Arial, sans-serif;color:#333;line-height:2;width:31%;margin:20px;float:left;padding:0px;display:inline;}
.produkt_kasten_2{background: rgba(255,255,255,1);background: -moz-linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));background: -webkit-linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);background: -o-linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);background: -ms-linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);background: linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=1 );font:13px/1.5 Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, sans-serif;color:#333;width:41%;height:240px;margin:20px;float:left;padding:12px 6px 6px 12px;display:inline;border-radius:8px;box-shadow: 0px 8px 6px -6px #888; min-height:270px;position:relative;}
.produkt_kasten_3{background-color:#ffffff;font:13px/1.5 Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, sans-serif;color:#333;line-height:2;width:15%;height:60px;margin:20px;float:left;padding:0px;display:inline;}
.produkt_kasten_2 a:link{color:#000;}.produkt_kasten_2 a:hover{text-decoration:underline;color:#000;}.produkt_kasten_2 a:visited{color:#000;}
#liste_farben li{display:inline;list-style-type:none;}
#anker{ position:relative; }
#anker_schlafwandler span{ position:absolute; padding-top:-1000px;}
.scrollup { width: 40px; height: 40px; position: fixed; bottom: 100px; right: 100px; display: none; text-indent: -9999px; background: url('images/gototop.png') no-repeat;}
.detail{background:#dddddd;font-size:12px;padding:10px;text-decoration:none;position: absolute;bottom: 0;right:0;-webkit-border-top-left-radius: 20px;-webkit-border-top-right-radius: 0;-webkit-border-bottom-right-radius: 5px;-moz-border-radius-topleft: 20px;-moz-border-radius-topright: 0;-moz-border-radius-bottomright: 5px;border-top-left-radius: 20px;border-top-right-radius: 0;border-bottom-right-radius: 5px;}.detail:hover{background-color:#d9e6f1;transition: 0.3s;}.detail a:hover{text-decoration:none;}

@media all and (max-width: 700px) {
body{width:87%;}
.main{width:81%;}
.banner{width:115%;}
.example{width:115%;height:20px;margin-top:0 auto;margin-left:-20px;}
.header{padding:1px;width:115%;}
#nav > li > a{font-size:45%;padding:9px 5px;position:relative;text-decoration:none;}
.content{padding:20px; background-image:none;background-color:#f4f4f4;width:108%;}
h1{font-size:16px;padding-top:2px;margin-bottom:-10px;}
h2{font-size:14px;font-weight:bold;}
.left{float:left;width:72%;font-size:12px;}
.right{float:left;margin-left:20px;font-size:11px;}
.contents{width:70px;margin:5px;font-size:60%;}
.summary .caption{font-size:9px;font-weight:bold;padding:5px;}
.image-small{width:100%;height:auto;}
.image-cart{width:10px;height:10px;}
.footer{width:112%;font-size:10px;margin-left:-35px;padding:10px}
.footer-content{margin-top:-30px;}
.footer.scroll-to-fixed-fixed{display:none;}
#share_box{width:80%;margin:0px 10px 10px 0;padding:40px;float:right;display:inline;}
#share_spalte_1{width:35%;float:left;font-size:8px;line-height:2;}
#share_spalte_2{width:35%;float:left;font-size:8px;padding-top:36px;line-height:2;}
#share_spalte_3{width:30%;float:left;font-size:8px;padding-top:36px;line-height:2;}
.social-icon{width:10px;height:10px;}
.produkt{background-color:#ffffff;width:97%;margin:10px 0 10px 0;float:right;padding:10px;}
.produkt_kasten_1{background-color:#ffffff;font:13px/1.5 Arial, sans-serif;color:#333;line-height:2;width:35%;margin:5px 5px 5px -9px;float:left;padding:0px;display:inline;}
.produkt_kasten_2{background-color:#eee;font:8px/1.5 Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, sans-serif;color:#333;width:55%;max-height:140px;min-height:80px;margin:5px 0 5px -10px;float:left;padding:12px 6px 6px 12px;display:inline;border-radius:15px;box-shadow: 0px 8px 6px -6px #888;}
.produkt_kasten_3{font:11px/1.5 Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, sans-serif;line-height:2;width:30%;height:20px;margin:7px;float:left;padding:0px;margin-top:0;display:inline;}
.scrollup { display:none;}
.detail{width:27%;font-size:8px;padding:5px;}
}


	


@media all and (max-width: 435px) {
body{width:93%;}
.main{width:70%;}
.banner{width:110.5%;}
.example{width:120%;height:16.5px;margin-top:0 auto;margin-left:-20px;}
.header{padding:1px;width:110%;}
#nav > li > a{font-size:33%;padding:9px 2px;position:relative;text-decoration:none;}
.content{padding:20px; background-image:none;background-color:#f4f4f4;width:98%;}
h1{font-size:14px;padding-top:2px;margin-bottom:-10px;}
h2{font-size:10px;font-weight:bold;}
.left{float:left;width:52%;font-size:8px;}
.right{float:left;margin-left:57px;font-size:9px;}
.contents{width:60px;margin:5px;font-size:70%;}
.dachschmuck_1{clear:left;width:100%;}
.dachschmuck_2{clear:left;width:100%;padding-bottom:20px;}
.dachschmuck_4{clear:left;width:100%;padding-bottom:10px;}
.dachschmuck_5{clear:left;width:100%;padding-bottom:45px;}
.image-small{width:100%;height:auto;}
.image-cart{width:10px;height:10px;}
.dachschmuck-size{width:auto;height:135px;padding-right:10px;}
.footer{width:112%;font-size:10px;margin-left:-35px;padding:10px}
.footer-content{margin-top:-30px;}
#share_box{width:80%;margin:0px 10px 10px 0;padding:40px;float:right;display:inline;}
#share_spalte_1{width:55%;float:left;font-size:8px;}
#share_spalte_2{width:45%;float:left;font-size:8px;padding-top:36px;}
#share_spalte_3{width:100%;clear:left;font-size:8px;}
.social-icon{width:10px;height:10px;}
.produkt{background-color:#ffffff;width:97%;margin:10px 0 10px 0;float:right;min-height:180px;max-height:180px;padding:10px;}
.produkt_kasten_1{background-color:#ffffff;font:13px/1.5 Arial, sans-serif;color:#333;line-height:2;width:35%;margin:5px 5px 5px -9px;float:left;padding:0px;display:inline;}
.produkt_kasten_2{background-color:#eee;font:5px/1.5 Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, sans-serif;color:#333;width:60%;max-height:120px;min-height:50px;margin:5px 0 5px -10px;float:left;padding:12px 6px 6px 12px;display:inline;border-radius:15px;box-shadow: 0px 8px 6px -6px #888;}
.produkt_kasten_3{font:11px/1.5 Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, sans-serif;line-height:2;width:30%;height:20px;margin:7px;float:left;padding:0px;margin-top:-2px;display:inline;}
.detail{width:29%;font-size:6px;padding:3px;}
}