body{background-color:#fff;color:#2a2522;margin:0;padding:0;font-size:18px;font-family:helvetica,arial,verdana,sans-serif;transition:all 0.5s}
.wrapper{max-width:1450px;width:auto;margin:auto;transition:all 0.5s}
#head{position:fixed;top:0;left:0;right:0;z-index:4000;transition:all 0.5s}
#top1{background-color:#666;color:#bab8b9;text-align:right;font-size:80%;padding:5px 0;transition:all 0.5s}
#top1 a[href]:link,#top1 a[href]:visited,#top1 a[href]:active,#top1 a[href]:focus,#top1 a[href]:hover{text-decoration:none;color:#bab8b9;transition:all 0.5s}
#top2{background-color:#2a2522;transition:all 0.5s}
#top2container{position:relative;transition:all 0.5s}
#logo{height:170px;width:auto;margin:20px auto 20px 0;transition:all 0.5s}
#mobilenav{position:absolute;right:20px;top:50%;transform:translateY(-50%);cursor:pointer;display:none;transition:all 0.5s}
#burger{color:#0768a9;font-size:300%}
#nav{padding:0;margin:0;position:absolute;right:0;bottom:80px}
#nav li{display:inline-block;margin:0 0 0 45px;transition:all 0.5s}
#nav li:first-child{margin-left:0}
#nav li a[href]:link,#nav li a[href]:visited,#nav li a[href]:active,#nav li a[href]:focus{text-decoration:none;color:#bab8b9;font-size:130%;transition:all 0.5s}
#nav li a[href]:hover{color:#0768a9;transition:all 0.5s}
#nav li.active a[href]{color:#0768a9}
#top3{margin-top:237px;background-color:#bab8b9}
#slides{padding:0;margin:0;list-style-type:none;position:relative;aspect-ratio:5/1;width:100%}
#slides li{background-repeat:no-repeat;background-size:cover;background-position:center;position:absolute;top:0;bottom:0;left:0;right:0;display:none}
#slides li:last-child{display:inline-block}
#main{margin:80px auto;transition:all 0.5s}
.content{max-width:1250px;margin:0 auto;transition:all 0.5s}
.content h1{color:#2a2522;font-weight:normal;font-size:220%;line-height:120%;margin:50px auto 30px auto;border-bottom:4px solid #bab8b9}
.content h1:first-child{margin:0 auto 30px auto}
.content h2{color:#2a2522;font-size:140%;line-height:125%;font-weight:normal;margin:50px auto 20px auto}
.content h2:first-child{margin:0 auto 20px auto}
.content h3{font-size:100%;color:#2a2522;font-weight:bold;margin:50px auto 20px auto}
.content h3:first-child{margin:0 auto 20px auto}
.content .CMSImage,.content img{max-width:100%;height:auto;transition:all 0.5s}
.content hr{height:2px;border-width:0;background-color:#000}
.content a[href]:link,.content a[href]:visited,.content a[href]:focus,.content a[href]:active{color:#373737;text-decoration:none;transition:all 0.5s}
.content a[href]:hover{color:#373737;text-decoration:none;transition:all 0.5s}
.content .CMSPictureBox span{font-style:italic;padding:4px;background-color:#bab8b9;display:block;text-align:center;margin:0 0 20px 0}
.widget_gallery_main_container{text-align:center;background-color:#bab8b9;transition:all 0.5s}
.widget_gallery_container{position:relative}
.widget_gallery_container:hover .gallery_left a,.widget_gallery_container:hover .gallery_right a{display:block}
.widget_gallery_container .gallery_left a{position:absolute;top:0px;left:0px;height:100%;box-sizing:border-box;width:50%;display:none;opacity:0.6}
.widget_gallery_container .gallery_left a img{position:absolute;top:50%;left:5px;margin-top:-20px}
.widget_gallery_container .gallery_right a{position:absolute;top:0px;right:0px;height:100%;box-sizing:border-box;width:50%;display:none;opacity:0.6}
.widget_gallery_container .gallery_right a img{position:absolute;top:50%;right:5px;margin-top:-20px}
.widget_gallery_container .gallery_left a:hover,.widget_gallery_container .gallery_right a:hover{opacity:1}
.widget_gallery_main_container .big_img img{margin:40px;width:auto;max-width:calc(100% - 80px);width:900px;height:auto}
.widget_gallery.little_images{display:none}
.preview{margin:0 auto 40px auto;position:relative;background-color:#bab8b9;transition:all 0.5s}
.preview .ptext{width:calc(70% - 80px);min-height:350px;padding:40px;transition:all 0.5s}
.preview .pimage{display:block;background-size:cover;background-position:center;background-repeat:no-repeat;position:absolute;top:0;right:0;bottom:0;width:30%;transition:all 0.5s}
.zoom h1{display:none;transition:all 0.5s}
#videocontainer{width:100%;aspect-ratio:16/9;position:relative;overflow:hidden;margin:80px auto -80px auto;transition:all 0.5s}
#videocontainer #video{width:100%;position:absolute;top:-10%}
#videocontainer #white{width:100%;position:absolute;bottom:0;background-color:#fff;height:20%}
#sortiment{display:flex;flex-shrink:0;flex-wrap:wrap;align-items:center;padding:0;margin:0;gap:40px;align-content:self-start;justify-content:left;transition:all 0.5s}
#sortiment li{display:grid;width:calc(12.5% - 35px);flex-shrink:0;background-position:center;background-size:contain;background-repeat:no-repeat;aspect-ratio:1/1;transition:all 0.5s}
.newsletter h2{text-align:center !important;margin-top:50px}
.newsletter table td{vertical-align:middle}
.newsletter form{max-width:800px;margin:auto auto 100px auto}
.newsletter input[type="text"]{border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:5px;transition:all 0.5s;border:1px solid #2a2522;max-width:240px}
.newsletter input:focus{outline:none}
.newsletter input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;margin:2px 5px auto 5px;border:1px solid #2a2522;display:block;float:left;background-color:#fff;transition:all 0.5s}
.newsletter input[type=checkbox]:checked{background-color:#2a2522}
.newsletter input[type="submit"]{padding:5px 10px;background-color:#bab8b9;border:1px solid #2a2522;display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#2a2522;cursor:pointer;font-size:100%;margin:5px auto 20px auto;transition:all 0.5s}
#bottom1{background-color:#bab8b9;text-align:center;padding:80px 0;margin:0;transition:all 0.5s}
#bottom1 h4{font-size:120%;color:#2a2522;font-weight:normal;margin:0 auto 20px auto;border-bottom:1px solid #2a2522}
#bottom1 #cta{display:flex;align-items:center;justify-content:center;padding:0;margin:0;gap:80px}
#bottom1 #cta li{display:inline-block;width:40%;max-width:450px;margin:0}
#bottom1 #cta li a[href]:link,#bottom1 #cta li a[href]:visited,#bottom1 #cta li a[href]:active,#bottom1 #cta li a[href]:focus,#bottom1 #cta li a[href]:hover{text-decoration:none;color:#2a2522;transition:all 0.5s;font-size:110%;display:block;padding:5px;border:1px solid #2a2522}
#bottom2{background-color:#2a2522;text-align:center;padding:80px 0;margin:0;transition:all 0.5s}
#slogan{margin:0 auto 80px auto;max-width:calc(100% - 40px);width:450px;height:auto;transition:all 0.5s}
#fnav{display:flex;align-items:strech;justify-content:space-between;padding:0;margin:0;transition:all 0.5s}
#fnav li{display:inline-block;width:30%;margin:0;transition:all 0.5s}
#fnav li h4{font-size:110%;color:#bab8b9;font-weight:normal;margin:0 auto 20px auto;border-bottom:1px solid #bab8b9}
#fnav li a[href]:link,#fnav li a[href]:visited,#fnav li a[href]:active,#fnav li a[href]:focus{text-decoration:none;color:#bab8b9;display:block;margin:0 auto 5px auto;transition:all 0.5s}
#fnav li a[href]:hover{color:#666;transition:all 0.5s}
#fnav li a[href]:last-child{margin:0 auto}
#bottom3{background-color:#666;transition:all 0.5s}
#credits{padding:5px 0;margin:0;text-align:right;transition:all 0.5s}
#credits li{margin:0;display:inline-block;list-style-type:none}
#credits li a[href]:link,#credits li a[href]:visited,#credits li a[href]:active,#credits li a[href]:focus,#credits li a[href]:hover{text-decoration:none;color:#fff;font-size:80%;transition:all 0.5s}
@media only screen and (max-width:1500px){.wrapper{max-width:1300px}
#nav li{margin:0 0 0 40px}}
@media only screen and (max-width:1400px){.wrapper{max-width:1200px}
#nav li a[href]:link,#nav li a[href]:visited,#nav li a[href]:active,#nav li a[href]:focus{font-size:125%}}
@media only screen and (max-width:1300px){.wrapper{max-width:1100px}
#nav li{margin:0 0 0 35px}
#sortiment li{width:calc(16.66667% - 33.33333px)}}
@media only screen and (max-width:1200px){.wrapper{max-width:1000px}
#nav li a[href]:link,#nav li a[href]:visited,#nav li a[href]:active,#nav li a[href]:focus{font-size:120%}}
@media only screen and (max-width:1100px){.wrapper{max-width:900px}
#nav li{margin:0 0 0 30px}}
@media only screen and (max-width:1000px){body{overflow-x:hidden}
.wrapper{max-width:unset}
#top1container{margin:0 20px}
#top2container{margin:0 20px}
#nav{z-index:4500;display:none;position:absolute;background-color:#2a2522;right:-200px;width:200px;top:210px;bottom:unset;padding:15px 0 15px 0;transition:unset}
#nav li{display:block;margin:0;padding:5px 10px;transition:unset}
#mobilenav{display:inline-block}
#main{margin:80px 20px}
#bottom1container{margin:0 20px}
#fnav{margin:0 20px}
#credits{margin:0 20px}}
@media only screen and (max-width:900px){.wrapper{max-width:unset}
#sortiment li{width:calc(25% - 30px)}
#bottom1 #cta{flex-direction:column;gap:20px}
#bottom1 #cta li{width:auto}
#fnav{flex-direction:column;gap:40px}
#fnav li{width:auto}}
@media only screen and (max-width:800px){.wrapper{max-width:unset}
.preview .ptext{width:auto;min-height:unset}
.preview .pimage{width:auto;bottom:unset;top:unset;right:unset;position:relative;aspect-ratio:2/1}}
@media only screen and (max-width:650px){.wrapper{max-width:unset}
#logo{height:170px}
#top3{margin-top:227px}
#nav{top:200px}
#sortiment li{width:calc(50% - 20px)}}
@media only screen and (max-width:450px){.wrapper{max-width:unset}}