a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,main,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}
body{line-height:1;-webkit-text-size-adjust:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
.lb-loader,.lightbox{text-align:center;line-height:0}
.lb-dataContainer:after,.lb-outerContainer:after{content:"";clear:both}
html.lb-disable-scrolling{overflow:hidden;position:fixed;height:100vh;width:100vw}
.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:alpha(Opacity=80);opacity:.8;display:none}
.lightbox{position:absolute;left:0;width:100%;z-index:10000;font-weight:400}
.lightbox .lb-image{display:block;height:auto;max-width:inherit;max-height:none;border-radius:3px;border:4px solid #fff}
.lightbox a img{border:none}
.lb-outerContainer{position:relative;width:250px;height:250px;margin:0 auto;border-radius:4px;background-color:#fff}
.lb-loader,.lb-nav{position:absolute;left:0}
.lb-outerContainer:after{display:table}
.lb-loader{top:43%;height:25%;width:100%}
.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(../images/loading.gif) no-repeat}
.lb-nav{top:0;height:100%;width:100%;z-index:10}
.lb-container>.nav{left:0}
.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}
.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}
.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(../images/prev.png) left 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}
.lb-nav a.lb-prev:hover{filter:alpha(Opacity=100);opacity:1}
.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(../images/next.png) right 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}
.lb-nav a.lb-next:hover{filter:alpha(Opacity=100);opacity:1}
.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;border-bottom-left-radius:4px;border-bottom-right-radius:4px}
.lb-dataContainer:after{display:table}
.lb-data{padding:0 4px;color:#ccc}
.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}
.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}
.lb-data .lb-caption a{color:#4ae}
.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}
.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(../images/close.png) top right no-repeat;text-align:right;outline:0;filter:alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}
.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);opacity:1}
#googlemapsInner{margin:0}
#map{height:250px;width:100%}
#decoton hr {border-top:solid 1px rgba(128, 128, 128, 0.219);margin:2rem 0}
/*#decoton .link {margin-top:1.5rem; margin-bottom:0.5rem;}*/
#decoton p>.link {margin-top:0; margin-bottom:0;}
h1 b, #fragen>div>p b {font-family: 'Fredericka the Great', cursive;}
.owl-nav {display: none;}
.werte article ul {margin-bottom:1rem;}
.zertifikat {height: 300px; width: auto;}
.farbeimer {width: 100%;}
iframe { width: 100%;}
.siegel {width:auto;}
@media screen and (min-width:684px){
#map{width:100%;height:450px;padding:0}
}
@font-face{font-family:scriptinaregular;src:url(../fonts/scriptin-webfont.woff2) format('woff2'),url(../fonts/scriptin-webfont.woff) format('woff');font-weight:400;font-style:normal}
noscript{color:#ab2611;font-weight:700;font-size:1rem;width:90%;height:auto;display:block;position:relative}
noscript p{margin:2rem auto 2rem auto!important;width:100%;display:block;position:relative}
body,html{font-family:'PT Sans',Arial,sans-serif;font-size:1rem;font-weight:400;line-height:160%;color:#8a8391;height:100%}
.seite{padding:5rem 5% 5rem 5%;overflow:hidden;margin-top: -1px;}
#impressum{padding:5rem 5% 5rem 5%}
.content{margin:0 auto;width:100%;position:relative}
h1{font-size:1.7rem;line-height:130%;margin-bottom:2rem;color:#8d9e2c;font-weight:700;font-family:'PT Sans',Arial,sans-serif}
h1 b {font-size:2rem;}
h2,h3{font-weight:700;font-size:1.4rem;margin:0 0 1rem 0; line-height: 110%}
p{margin:0 0 1rem 0}
a{text-decoration:none;color:inherit}
p a:hover{color:#8d9e2c}
strong{color:#e7c67e;font-size:1.2rem}
#decoton #decotonfarben p.hervorhebung{font-weight:300;font-size:1.2rem;line-height:160%}
ul{margin-left:.6rem;padding-left:.6rem}
article{width:100%}
.agb p{margin-bottom:0}
.agb h3,.impressum h3{margin-bottom:0;margin-top:1rem}
.hervorhebung{font-weight:300;font-size:1.4rem;display:block;margin-bottom:1rem;line-height:140%}
.btn:hover{background-color:#a7bb34}
.btn{background-color:#8d9e2c;text-decoration:none;-moz-border-radius:0 30px 30px 0;-webkit-border-radius:0 30px 30px 0;border-radius:0 30px 30px 0;padding:5px 53px 5px 23px;color:#fff;text-transform:uppercase;font-family:'PT Sans',sans-serif;font-weight:400;position:relative;-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;display:inline-block;margin:.5rem 1rem 1.5rem 0}
.round{-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;width:32px;height:32px;position:absolute;right:3px;top:3px;z-index:2;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;-webkit-transition:all .3s ease-out;transition:all .3s ease-out;transform:rotate(-90deg);background-image:url(../images/icon/download.svg)}
.bestellen .round{transform:rotate(0);background-image:url(../images/icon/bestellen.svg)}
.round i{position:absolute;top:50%;margin-top:-6px;left:50%;margin-left:-4px;-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s}
.txt{font-size:1rem;line-height:1.45;font-weight:700}
.owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1}
.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}
.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}
.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
.owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}
.owl-carousel .owl-item img{display:block;width:100%}
.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}
.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}
.owl-carousel.owl-loaded{display:block}
.owl-carousel.owl-loading{opacity:0;display:block}
.owl-carousel.owl-hidden{opacity:0}
.owl-carousel.owl-refresh .owl-item{visibility:hidden}
.owl-carousel.owl-drag .owl-item{-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel.owl-grab{cursor:move;cursor:grab}
.owl-carousel.owl-rtl{direction:rtl}
.owl-carousel.owl-rtl .owl-item{float:right}
.no-js .owl-carousel{display:block}
.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}
.owl-carousel .owl-animated-in{z-index:0}
.owl-carousel .owl-animated-out{z-index:1}
.owl-carousel .fadeOut{animation-name:fadeOut}
@keyframes fadeOut{
0%{opacity:1}
100%{opacity:0}
}
.owl-height{transition:height .5s ease-in-out}
.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}
.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}
.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}
.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}
.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}
.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}
.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}
.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
.item{width:100%;height:100%;display:block}
.item1{background:url(../images/slides/slide2-klein.jpg) no-repeat right 50px;transform:scaleX(-1)}
#decoton .item1{background:url(../images/slides/decoton_dpm_mashel_gross.jpg) no-repeat right 50px;transform:scaleX(1);width:100%;height:100%}
.item2{background:url(../images/slides/slide1-klein.jpg) no-repeat right 50px;transform:scaleX(-1)}
.item3{background:url(../images/slides/slide3-klein.jpg) no-repeat right 50px;transform:scaleX(-1)}
.item4{background:url(../images/slides/slide4-klein.jpg) no-repeat right 50px}
.item5{background:url(../images/slides/slide5-klein.jpg) no-repeat right 50px;transform:scaleX(-1)}
#decoton .item1,.item1,.item2,.item3,.item4,.item5{background-size:cover;height:55vh;width:100%;display:block}
.slogan{text-align:right;padding:1rem 5% .8rem 0;min-height:146px}
.werte-titel .slogan {min-height: 0;}

#hauptseite .slogan, .werte-titel .slogan{background:#f4f5ea}
#bestellungen .slogan{min-height:200px}
.slogan h1{font-size:1.2rem;margin-bottom:.3rem}
.slogan p{color:#68701d}
.owl-nav{position:absolute;bottom:200px;left:0;right:0;overflow:hidden;margin:0 auto;width:165px}
.owl-prev{float:left}
.owl-dots{position:absolute;bottom:200px;width:100%}
.owl-next{left:105px;position:relative}
.owl-theme .owl-nav{margin-top:0;color:#fff;text-align:center;-webkit-tap-highlight-color:transparent}
.owl-theme .owl-nav [class*=owl-]{color:#fff;font-size:50px!important;font-weight:700;margin:10px;padding:10px;background:#d6d6d6;display:block;cursor:pointer;border-radius:3px}
.owl-theme .owl-nav [class*=owl-]:hover{color:#fff;text-decoration:none}
.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}
.owl-theme .owl-nav.disabled+.owl-dots{margin-top:0x}
.owl-theme .owl-dots{text-align:center;-webkit-tap-highlight-color:transparent}
.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1;*display:inline}
.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 5px;background:#fff;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:0}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#8d9e2c}
.unterseite #home,#bestellungen #home,#decoton.farbton #home{max-height:550px;overflow:hidden}
.titelbild-halb{margin-top:50px;position:relative}
.titelbild-halb:not(.werte-titel) img{width:auto;height:100%;z-index:-1;right:0;position:absolute}
.titelbild-halb.werte-titel img {position: relative; width: 100%; height: auto; }
@media screen and (min-width:685px) {
    .titelbild-halb.werte-titel img {position:absolute; right:0px;}

}
@media screen and (min-width:800px) {
    .titelbild-halb.werte-titel img {position:absolute; right:0px;}

}

@media screen and (min-width:1200px) {
    .titelbild-halb.werte-titel img {position:absolute; right:160px;}

}
.titelbild-halb:not(.werte-titel) .slogan h1{font-family:scriptinaregular,sans-serif;font-size:2.5rem;background-color:rgba(57,56,60,.7);padding:1rem 3rem 2rem 2rem;margin-right:-10%;margin-top:50px}
.werte-titel h1 {padding-right: 3rem;}

#unternehmen{background-color:#dde2c0;color:#68626d}
#decotonfarben,#produkt-farbe, #quartalsprojekt{background-color:#39383c;color:#fff}
#vertretung{background-color:#f4f5ea}
#bestellungen #bestellung{background-color:#eaedd7}
#decoton #fragen{background-color:#4d4c4f;color:#fff}
#decoton #kontakt{background-color:#616064;color:#fff}


#unternehmen{border-top:30px solid transparent;-moz-border-image:url(../images/weiss-unten.png) 70 0 stretch;-webkit-border-image:url(../images/weiss-unten.png) 70 0 stretch;-o-border-image:url(../images/weiss-unten.png) 70 0 stretch;border-image:url(../images/weiss-unten.png) 70 0 stretch;padding-bottom:5rem}
#produkt-deco{background-color:#f4f5ea}
#produkt{padding-bottom:5rem}
#vertretung{border-top:32px solid transparent;-moz-border-image:url(../images/hell-oben.png) 70 0 stretch;-webkit-border-image:url(../images/hell-oben.png) 70 0 stretch;-o-border-image:url(../images/hell-oben.png) 70 0 stretch;border-image:url(../images/hell-oben.png) 70 0 stretch;border-image-outset:30px;padding-top:1rem}
#anwendung{border-top:30px solid transparent;-moz-border-image:url(../images/weiss-oben.png) 70 0 stretch;-webkit-border-image:url(../images/weiss-oben.png) 70 0 stretch;-o-border-image:url(../images/weiss-oben.png) 70 0 stretch;border-image:url(../images/weiss-oben.png) 70 0 stretch;border-image-outset:30px;padding-top:1rem;padding-bottom:2rem}
#kunden{border-top:30px solid transparent;-moz-border-image:url(../images/mittel-unten.png) 70 0 stretch;-webkit-border-image:url(../images/mittel-unten.png) 70 0 stretch;-o-border-image:url(../images/mittel-unten.png) 70 0 stretch;border-image:url(../images/mittel-unten.png) 70 0 stretch;padding-bottom:3rem}
#team{border-top:30px solid transparent;-moz-border-image:url(../images/hell-unten.png) 70 0 stretch;-webkit-border-image:url(../images/hell-unten.png) 70 0 stretch;-o-border-image:url(../images/hell-unten.png) 70 0 stretch;border-image:url(../images/hell-unten.png) 70 0 stretch}
#fragen{border-top:50px solid transparent;border-bottom:50px solid transparent;-moz-border-image:url(../images/weiss.png) 70 0 stretch;-webkit-border-image:url(../images/weiss.png) 70 0 stretch;-o-border-image:url(../images/weiss.png) 70 0 stretch;border-image:url(../images/weiss.png) 70 0 stretch;z-index:30;border-image-outset:20px 0 20px;padding:0 5% 0 5%;position:relative}
.werte{border-bottom:50px solid transparent;-moz-border-image:url(../images/weiss.png) 70 0 stretch;-webkit-border-image:url(../images/weiss.png) 70 0 stretch;-o-border-image:url(../images/weiss.png) 70 0 stretch;border-image:url(../images/weiss.png) 70 0 stretch;z-index:30;border-image-outset:20px 0 20px;position:relative}
#produkt{border-bottom:22px solid transparent;-moz-border-image:url(../images/weiss.png) 70 0 stretch;-webkit-border-image:url(../images/weiss.png) 70 0 stretch;-o-border-image:url(../images/weiss.png) 70 0 stretch;border-image:url(../images/weiss.png) 70 0 stretch;z-index:30;border-image-outset:20px 0 20px;position:relative}
#decoton #fragen{-moz-border-image:url(../images/grau.png) 70 0 stretch;-webkit-border-image:url(../images/grau.png) 70 0 stretch;-o-border-image:url(../images/grau.png) 70 0 stretch;border-image:url(../images/grau.png) 70 0 stretch;z-index:30;border-image-outset:20px 0 20px;padding:0 5% 0 5%;position:relative}
#quartalsprojekt, #produkt-farbe {border-top:50px solid transparent;border-bottom:50px solid transparent;-moz-border-image:url(../images/dunkelgrau.png) 70 0 stretch;-webkit-border-image:url(../images/dunkelgrau.png) 70 0 stretch;-o-border-image:url(../images/dunkelgrau.png) 70 0 stretch;border-image:url(../images/dunkelgrau.png) 70 0 stretch;z-index:30;border-image-outset:20px 0 20px;padding:0 5% 0 5%;position:relative}
#produkt-farbe {border-top:0px;}
header{position:fixed;width:90%;height:50px;z-index:210;background-color:#8d9e2c;padding:0 5% 0 5%;box-shadow:0 0 10px 0 rgba(0,0,0,.1)}
#decoton header{background-color:#5f5d61}
header.open{height:100%!important;transition:.1s;position:fixed}
#anrufen-header,#mailen-header,#mailen-header-en,header .block,header .block-en{display:none}
#logobereich{position:absolute;margin-left:-5%;width:235px;height:50px;overflow:hidden;transition:height .1s ease;-webkit-transition:height .1s ease;-moz-transition:height .1s ease;-o-transition:height .1s ease}
#logobereich.big{height:235px;transition:height .2s ease;-webkit-transition:height .2s ease;-moz-transition:height .2s ease;-o-transition:height .2s ease}
.impressum #logobereich{height:50px;transition:height .1s ease;-webkit-transition:height .1s ease;-moz-transition:height .1s ease;-o-transition:height .1s ease}
#ecke{height:0;border-top:235px solid #fff;border-right:235px solid transparent;z-index:229;position:absolute;box-shadow:inset 0 -15px 10px -10px #444}
#decoton #ecke{border-top:235px solid #2b2a2d;border-right:235px solid transparent;z-index:229;position:absolute;box-shadow:inset 0 -15px 10px -10px #444}
#logo{display:none;transition:display .2s ease;-webkit-transition:display .2s ease;-moz-transition:display .2s ease;-o-transition:display .2s ease}
#logo.big{display:block;position:absolute;margin-top:7%;left:7%;z-index:230;height:84px;width:110px;transition:display .2s ease;-webkit-transition:display .2s ease;-moz-transition:display .2s ease;-o-transition:display .2s ease}
.impressum #logo.big{display:none;transition:display .2s ease;-webkit-transition:display .2s ease;-moz-transition:display .2s ease;-o-transition:display .2s ease}
#logoIcon{position:absolute;display:block;z-index:230;height:auto;width:50px;margin-top:.7rem;transition:display .5s ease;-webkit-transition:display .5s ease;-moz-transition:display .5s ease;-o-transition:display .5s ease}
#logoIcon.big{display:none;z-index:230;transition:display .5s ease;-webkit-transition:display .5s ease;-moz-transition:display .5s ease;-o-transition:display .5s ease}
.impressum #logoIcon{display:block;transition:display .5s ease;-webkit-transition:display .5s ease;-moz-transition:display .5s ease;-o-transition:display .5s ease}
#header-icon{width:540px;position:absolute;right:40px;display:flex;justify-content:flex-end}
#header-icon a{border-right:solid 1px #fff;margin-top:15px;font-size:1.3rem;padding:0 1rem 0 1rem;color:#fff;box-sizing:border-box;display:none;position:relative}
#header-icon a img{width:22px;height:22px}
#header-icon a:first-of-type, #header-icon a:nth-of-type(2){border-right:none;padding-right:0}
#header-icon a:nth-of-type(3), #header-icon a:nth-of-type(2) {padding-left:.3rem}
#header-icon a:nth-of-type(1),#header-icon a:nth-of-type(2),#header-icon a:nth-of-type(3),#header-icon a:nth-of-type(4),#header-icon a:nth-of-type(5){display:none}
#anrufen-header::before{content:url(../images/icon/anrufen1.svg);width:22px;height:22px;float:left;margin-right:.5rem}
.icon-language{width:22px;height:22px;float:left;margin:15px 0 0 0;cursor:pointer;position:absolute;right:40px}
.icon{position:absolute;width:22px;height:22px;float:left;margin:15px 0 0 0;cursor:pointer;right:0}
.hamburger{width:22px;height:3px;position:relative;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;border:none;padding:0}
.hamburger:after,.hamburger:before{content:'';position:absolute;width:22px;height:3px;background:#fff;transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;margin:0;left:0}
.hamburger:before{top:-8px;transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease}
.hamburger:after{top:8px;transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease}
.icon.active .hamburger{background:#8d9e2c;}
#decoton .icon.active .hamburger{background:#5f5d61;}

.icon.active .hamburger:before{transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);top:0}
.icon.active .hamburger:after{transform:rotate(135deg);-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);top:0}
nav{float:left;width:100%;position:relative;top:45%}
.navigation-language{float:left;width:120px;position:absolute;top:50px;right:40px;z-index:220}
.navigation{height:42px;margin-top:0;position:fixed;right:0;top:0;width:100%;z-index:-1}
nav ul li{width:100%;line-height:200%;list-style:none}
nav a{padding:0 6%}
nav ul{background-color:#8d9e2c;text-align:right;text-transform:uppercase;font-family:'PT Sans',Tahoma,sans-serif;font-size:1.2rem;display:none;margin:0;padding:0 0 1rem 0}
#decoton nav ul{background-color:#5f5d61}
.unternavi{font-size:.8rem}
.menu-hauptnavigation-container{margin-left:-6%}
.navigation-language a,.navigation.toggled a{color:#fff;display:block;padding:0 6%;text-decoration:none}
.navigation-language li a:focus,.navigation-language li a:hover,.navigation.toggled li a:focus,.navigation.toggled li a:hover{background:#fff;color:#8d9e2c}


.werte.seite article {
    display: flex;
    justify-content:space-between;
    flex-wrap: wrap;
}

.werte.seite article img {
    margin-bottom:2rem;
    width: 100%;
    height: auto;
}

.werte.seite article .nachhaltigkeit {
    max-width:300px;
}

@media screen and (min-width:700px) {
.werte.seite article div:nth-of-type(2) {
    width: 60%;
}

.werte.seite article div:first-of-type {
    width: 35%;
    height: 100%;
}



@media screen and (min-width:900px) {
    .werte.seite article div:nth-of-type(2) {
        width: 70%;
    }
    
    .werte.seite article div:first-of-type {
        width: 25%;
        height: 100%;
    }
    
    }

@media screen and (max-width:700px){
.navigation.toggled{height:calc(100% - 50px);overflow-y:auto;width:100%;overflow-x:hidden;display:block;margin-top:50px}
.navigation .hamburger,.navigation.toggled .nav-menu{clear:both;display:block}
.navigation.toggled .hamburger{background:#fff}
.navigation.toggled ul{list-style:none}
.navigation.toggled li{float:none}
.navigation ul:nth-of-type(2){display:none;border-top:dotted 2px #fff;border-bottom:dotted 2px #fff}
}
.siegel {width:250px; height:auto;display: block;position: relative;margin:auto;}
.mengenangaben{padding: 1rem 2rem;background-color: #F4F5EA;margin-top:2rem;}
.mengenangaben h4 {margin-top: 0.8rem!important;}
#eigenschaften{margin-bottom:2.5rem}
#eigenschaften li{list-style:none;margin-left:1.1rem;margin-bottom:1rem;font-size:1.3rem;line-height:160%;}
#eigenschaften li::before{content:'';display:inline-block;height:1.5rem;width:1.5rem;margin:0 .8rem -.4rem -2.3rem;background-image:url(../images/icon/check.svg); background-repeat: no-repeat;}
.download, .link{display:inline-block;color:#8d9e2c;font-weight:700;text-decoration:underline}
.zurueck{display:block;color:#8d9e2c;font-weight:700;text-decoration:underline}
.download:hover, .link:hover, .zurueck:hover{color:#a7bb34}
.download:first-of-type, .download:nth-of-type(2){padding-right:.5rem;margin-right:.5rem}
#produkt .hervorhebung{margin-top:2rem}
.farbeimer,.produktbild{width:100%;height:auto; margin-bottom:2rem;}
.produktbild{margin-bottom:2rem}
iframe{width:100%}
.videobereich{background-color:orange;position:relative;height:0;padding-bottom:56.25%;margin-bottom:1rem}
.videoextern{background-color:#ff0;position:absolute;top:0;left:0;width:100%;height:100%}
.zertifikat{width:100%;height:auto;margin-bottom:.5rem}
#anwendung article{margin-bottom:2rem}
input[type=checkbox],input[type=radio]{display:block;opacity:0;position:relative;z-index:200;cursor:pointer}
input,label{position:relative;z-index:200}
input[type=checkbox][disabled],input[type=radio][disabled]{cursor:default}
label{display:block;position:relative;padding-left:0;margin-bottom:25px}
label span{background:#fff;width:8px;height:8px;display:inline-block;border:3px solid #fff;position:absolute;top:7px;left:0;transition:all .2s linear}
input[type=checkbox]:checked+span::after{content:'';width:4px;height:8px;border:solid 2px #fff;border-width:0 2px 2px 0;position:absolute;left:1px;top:-2px;transform:rotate(45deg)}
input[type=radio]+span{border-radius:50%}
label[for=mwst] span{background-color:#ebe8e8;border-color:#ebe8e8}
label[for=mwst] span.disabledForm{background-color:#fff;border-color:#fff}
label[for=anrede2] span.disabledForm{background-color:#ebe8e8;border-color:#ebe8e8}
input[type=checkbox]:checked+span{background:#8d9e2c}
input[type=checkbox]:checked+span,input[type=radio]:checked+span{border:3px solid #8d9e2c}
hr{border-top:solid 1px #8d9e2c;margin-bottom:1.5rem}
form{position:relative}
.flex{overflow:hidden}
fieldset{width:100%;float:left}
legend{font-weight:700;margin-bottom:.8rem;font-size:1.3rem}
#bestellungen #bestellung div.content:nth-child(1)>p:nth-child(3){margin-bottom:2rem}
#produktdetails,#rechnungsanschrift{padding-bottom:2rem;margin-bottom:2rem;border-bottom:solid 1px #8d9e2c}
#produktdetails label:first-of-type{line-height:200%}
#lieferanschrift{padding-bottom:2rem}
label{width:91%;display:block;margin-bottom:1rem}
input,textarea{border:none;width:100%;padding:.5rem;font-size:1rem;font-family:'PT Sans',Arial,sans-serif;margin-top:.3rem;outline:0}
#produktdetails p{margin-bottom:0}
.infoicon{color:#8d9e2c;font-weight:700;font-size:1.3rem;background-color:#fff;padding:0 .5rem 0 .5rem;margin:0 .5rem .2rem 0;position:relative;display:block;float:left}
#produktdetails div.form-spalte:nth-child(6)>p:nth-child(4){margin-bottom:1rem}
#produktdetails div.form-spalte:nth-child(4)>p:nth-child(4){margin-bottom:1rem}
#produktdetails div.form-spalte:nth-child(2)>p:nth-child(4){margin-top:1rem}
label[for=abholung],label[for=agb],label[for=anrede2],label[for=anrede],label[for=eimer],label[for=mischer],label[for=mwst]{width:auto;display:inline-block;margin:0 1rem 0 0}
label[for=abholung] input:first-of-type,label[for=eimer] input:first-of-type,label[for=mischer] input:first-of-type,label[for=mwst] input:first-of-type{margin-bottom:0}
label[for=abholung]:nth-of-type(2),label[for=eimer]:nth-of-type(2),label[for=mischer],label[for=mwst]:nth-of-type(2){margin-bottom:1rem}
#produktdetails .farbbestellung label{width:32%;display:inline-block}
#produktdetails .farbbestellung input{width:80%}
input[type=checkbox],input[type=radio]{float:left;border:none;width:13px;padding:.5rem;font-size:1rem;font-family:'PT Sans',Arial,sans-serif;height:1.1rem}
input[type=checkbox]:first-of-type,input[type=radio]:first-of-type{margin:.3rem .5rem 1rem 0}
label[for=steuernummer]{margin-top:1rem}
#infobutton{width:30px;height:30px;background-color:#8d9e2c;margin:1rem 0 1rem 0}
label[for=telefon2]{margin-bottom:0}
button[type=submit]{height:38px;border:none;cursor:pointer}
label[for=agb]{margin-bottom:1rem}
label[for=agb] a{font-weight:700;color:#8d9e2c}
.terms{display:none}
#errorBox{list-style:none;margin:0 0 1.5rem -.6rem}
#errorBox li label{margin:0}
label.error{color:#ab2611;display:block;margin-left:0!important}
label#errorNachricht{margin:0!important;padding:0}
label#sendingNachricht{color:orange;margin:0;padding:0}
label#errorSendingNachricht{margin:0;padding:0}
label#successNachricht{color:green;margin:0;padding:0}
.melden{float:left;margin:0 3rem 1rem 0}
#anfrage{clear:both}
#kunden p,#team p{margin-bottom:1.5rem}
.kontaktinfos a:hover{color:#fff}
#kunden img:first-of-type{margin-top:.5rem}
#vertretung img{width:auto;height:450px;}
#vertretung .hervorhebung{margin-bottom:1rem}
#fragen ul{list-style:none;padding:0;margin:0; overflow: hidden;}
#fragen strong{font-size:1.15rem}
.kontakt{position:relative;height:auto;width:100%;display:block;line-height:0;margin-bottom:.5rem; }
.teambild{width:100%;height:auto;position:relative}
.kontaktinfos{position:absolute;background:url(../images/kontakt-hintergrund.png) no-repeat right;height:100%;width:100%;display:block;z-index:20;background-size:contain}
.kontaktinfos>div{position:absolute;display:block;text-align:right;right:5%;color:#fff;bottom:15%}
#fragen .kontaktinfos p:last-of-type{margin-bottom:0}
.kontaktinfos img{margin-bottom:20px}
dt{float:left;margin-right:.5rem;display:block}
dd{margin-left:3rem}
dd::after{content:" ";clear:left;display:block}
#produkt-deco .content article>img,#unternehmen img{width:111%;overflow:visible;margin:0 0 1rem -5.5%;height:auto}
#anrufen,#mailen{padding:.5rem;background-color:#f4f5ea;width:210px;border-radius:.8rem;display:block;margin-bottom:1.5rem}
#anrufen::before,#mailen::before{position:relative;display:block;float:left;margin:0 .5rem 0 .5rem}
#anrufen::before{width:1rem;height:1rem;content:url(../images/icon/anrufen.svg)}
#mailen::before{width:1.1rem;height:1.1rem;top:.1rem;content:url(../images/icon/mailen.svg)}
#adresse::before,#telefon::before,#webkontakt::before{position:relative;display:block;width:1.8rem;height:1.8rem;float:left;margin:0 .5rem 0 0;top:.8rem}
#adresse::before{content:url(../images/icon/adresse.svg); margin: 0 0.5rem 2rem 0;}
#telefon::before{content:url(../images/icon/telefon.svg);top:0rem}
#telefon{margin:0 0 1rem 0;display:block}
#webkontakt::before{content:url(../images/icon/email.svg)}
#decoton #adresse::before{content:url(../images/icon/adresse1.svg)}
#decoton #telefon::before{content:url(../images/icon/anrufen1.svg);top:0rem}
#decoton #webkontakt::before{content:url(../images/icon/mail.svg)}
#googlemaps{position:relative;width:110%;height:250px;z-index:20;bottom:-.5rem;margin-top:1rem;margin-left:-5%}
#kontakt{padding-bottom:0;position:relative; background-color: #F4F5EA;}
#decotonfarben,#produkt-farbe{padding-top:3rem}
#decoton h1{color:#fff}
.decoton img{width:100%;height:auto}
figure.decoton{margin-bottom:2rem;margin-left: 1.5%;
    margin-right: 1.5%;

}
figure.decoton .btn.bestellen {margin: .5rem 1rem 0 0;}
.decoton figcaption{text-transform:uppercase;text-align:center;letter-spacing:1px;font-size:1.4rem;font-family:'PT Sans',serif}
.decoton figcaption a::after{display:inline-block;margin-left:10px}
.decoton figcaption a:hover{color:#8d9e2c}
#decoton .flex.zweispaltig, #produkt .flex.zweispaltig{justify-content:space-between; position:relative}
#produkt .flex div:first-of-type{width:100%;}
#produkt .flex div:last-of-type{width:100%;position:relative;}
#decoton .flex .quartalsbild{width:100%;max-width:524px;margin-bottom:1.5rem}
#decoton .flex .quartalsbild img{width:100%;height:auto}
#produkt-deco h1 br{display:none}
#decoton #fragen img{width:200px;height:auto;position:relative}
footer{background-color:#39383c;color:#fff;text-align:center;padding:5% 5% 10% 5%}
footer .block{display:block;margin:1rem 2px}
footer p{display:inline-block;margin:0 .5rem 0}
footer .agb{margin:0 .5rem}
footer p:nth-of-type(even){display:none}
footer p:nth-of-type(8){display:inline-block}
@media screen and (min-width:360px){
#header-icon a{display:inline-block}
.txt{font-size:1.2rem}
}
@media screen and (min-width:400px){
.zertifikat{width:50%;height:auto;margin-bottom:.5rem}
.download:first-of-type, .download:nth-of-type(2){border-right:solid 1px}
}
@media screen and (min-width:460px){
#kunden p,#team p{margin-bottom:1.5rem}
#kunden img{float:left;margin:0 1rem 1.5rem 0}
#kunden img:first-of-type{margin-top:.5rem}
.kunde{overflow:hidden}
.titelbild-halb:not(.werte-titel) .slogan h1{font-family:scriptinaregular,sans-serif;font-size:4.5rem;background-color:rgba(57,56,60,.7);padding:1rem 5rem 3rem 4rem;margin-right:-10%;margin-top:130px;position:absolute;right:5%}
.werte-titel h1 {padding-right: 2rem;}

#bestellungen #home,#decoton.farbton #home{height:450px}
.titelbild-halb{height:100%}
.titelbild-halb:not(.werte-titel) img{min-height:200px}
footer p:nth-of-type(2){display:inline-block}
.produktbild{width:80%}
}
@media screen and (min-width:540px){
.video:first-of-type{margin-right:2%}
.video{width:52%;float:left}
.zertifikat{width:44%;float:left;height:auto;margin-right:2%;margin-bottom:.5rem}
#decoton #fragen img{width:30%;height:auto;right:6%;position:absolute;max-width:400px;margin-top:6%/*;filter: drop-shadow(8px 8px 4px rgba(255, 255, 255, 0.4));*/}
#decoton .flex{display:flex;justify-content:center;flex-wrap:wrap;margin:0 0 2rem 0}
#decoton .flex figure{width:47%;}
#decoton .flex .quartalsbild{width:60%}
.produktbild{width:70%}
.farbeimer {
    width: 70%; margin: inherit auto;
}
}
@media screen and (min-width:685px){
h1{font-size:2rem}
h1 b {font-size:2.5rem}
h2{font-size:1.6rem}
#impressum{padding:7rem 5% 7rem 5%}
header{height:60px;background-color:#8d9e2c}
#decoton header{background-color:#5f5d61}
#logobereich{height:60px}
.impressum #logobereich{height:60px}
#logoIcon{width:70px;margin-top:.6rem}
.icon{width:30px;height:30px}
.icon-language{width:30px;height:30px;right:50px}
.hamburger{width:30px;height:4px}
.hamburger::after,.hamburger::before{width:30px;height:4px}
.hamburger::before{top:-10px}
.hamburger::after{top:10px}
#header-icon{right:50px}
#header-icon a:nth-of-type(5){display:block}
#anrufen-header::before,#header-icon a img{width:30px;height:30px}
.navigation-language{top:60px}
.produktbild{float:right;width:50%;margin-bottom: 3rem;}
.farbeimer{float:right;width:50%; margin-bottom: 0;}

.produktbild{max-height:430px;width:auto}
#produkt ul{width:100%}
#eigenschaften{margin-bottom:2rem}
#eigenschaften li{list-style:none;margin-left:1.1rem;margin-bottom:1rem}
#eigenschaften li::before{content:'';display:inline-block;height:1.5rem;width:1.5rem;margin:0 .8rem -.4rem -2.3rem;background-image:url(../images/icon/check.svg); background-repeat: no-repeat;}
#team{overflow:hidden}
#fragen li{float:left;width:48%}
#fragen li:nth-of-type(odd){margin-right:4%}
#decoton .flex figure{width:30%}
#decoton .btn,#produkt-deco .btn{padding:5px 43px 5px 11px}
#decoton .flex .quartalsbild{width:48%;height:auto}
#decoton .flex article{width:48%}
.titelbild-halb:not(.werte-titel) .slogan h1{font-size:5.5rem}
.titelbild-halb:not(.werte-titel) .slogan h1{padding-right:8rem}
.werte-titel .slogan {
    position: absolute;
    top: 90px;
    right: 5%;
    background: 0 0;
    padding: 0;
    background-color: transparent!important;
}
.werte-titel h1 {
    background-color: transparent;
}
.unterseite #home{height:350px}
}
}
@media screen and (min-width:691px){
#googlemaps{height:450px}
}
@media screen and (min-width:700px){
.item1{background:url(../images/slides/slide2-mittel.jpg) no-repeat right 50px;transform:scaleX(-1)}
#decoton .item1{background:url(../images/slides/decoton_dpm_mashel_gross.jpg) no-repeat right 50px;transform:scaleX(1);width:100%;height:100%}
.item2{background:url(../images/slides/slide1-mittel.jpg) no-repeat right 50px;transform:scaleX(-1)}
.item3{background:url(../images/slides/slide3-mittel.jpg) no-repeat right 50px;transform:scaleX(1)}
.item4{background:url(../images/slides/slide4-mittel.jpg) no-repeat right 50px}
.item5{background:url(../images/slides/slide5-mittel.jpg) no-repeat right 50px;transform:scaleX(-1)}
#decoton .item1,.item1,.item2,.item3,.item4,.item5{background-size:cover;height:55vh;width:100%;display:block}
header.open{height:60px!important;transition:0}
.navigation{position:absolute;float:left;width:auto;top:60px;right:0;height:200px;display:flex}
.navigation.toggled{height:auto}
nav a{padding:0 1rem}
.navigation.toggled a{padding:0 1rem}
.navigation ul{flex-wrap:wrap;justify-content:space-between;padding:0 0 1rem 0;box-shadow:0 3px 3px 0 rgba(0,0,0,.1);width:auto}
.navigation ul li{line-height:2rem}
.navigation ul:nth-of-type(2){display:none;border-left:dotted 2px #fff;border-right:dotted 2px #fff}
.navigation-language ul{box-shadow:0 3px 3px 0 rgba(0,0,0,.1)}
.produktbild{margin-left:5%}
footer p:nth-of-type(4){display:inline-block}
.produktbild{max-height:430px;width:auto}

}
@media screen and (min-width:800px){
#zertifikate li:nth-of-type(2){display:block}
#header-icon a:nth-of-type(4){display:block}
.video:first-of-type{margin-right:2%}
#hauptseite .video{width:40%;float:left}
.zertifikat{width:16%;float:left;height:auto;margin-right:2%;margin-bottom:.5rem}
#decoton .btn,#produkt-deco .btn{padding:5px 53px 5px 23px}
#produkt .flex div:first-of-type{width:60%;}
#produkt .flex div:last-of-type{width:38%;position:relative;}
.flex.flexsiegel{display:flex; width: 100%}
.siegel {top:40%;}
#decoton .flex figure{width:22%}
/*#decoton .flex::after {content: "";flex: 0 0 22%;  }*/


}
@media screen and (min-width:890px){
#header-icon a:nth-of-type(1),#header-icon a:nth-of-type(2), #header-icon a:nth-of-type(3){display:block}
.produktbild{max-height:500px;width:auto}
.siegel {width:300px;top:35%;}
}
@media screen and (min-width:1000px){
.titelbild-halb:not(.werte-titel) .slogan h1{font-size:6.5rem}
.titelbild-halb{height:100%}
.titelbild-halb:not(.werte-titel) img{width:100%;height:auto}
.unterseite #home { height: 450px;}

.titelbild-halb.werte-titel img {
    right: 100px;
}
}
@media screen and (min-width:1080px){
h1{font-size:2.5rem}
h1 b {font-size: 3rem;}
h2{font-size:1.9rem}
#impressum{padding:5rem 10% 5rem 10%}
#logobereich{margin-left:-10%;width:450px;height:60px}
#logobereich.big{height:450px}
.impressum #logobereich{height:60px}
#ecke{border-top:450px solid #fff;border-right:450px solid transparent}
#decoton #ecke{border-top:450px solid #2b2a2d;border-right:450px solid transparent}
#logo.big{margin-top:7%;left:7%;height:auto;width:220px}
#zertifikate li:nth-of-type(3){display:block}
.farbeimer,.produktbild{float:right;width:45%}
.produktbild{max-height:550px;width:auto}
#anwendung{border-top:50px solid transparent;border-bottom:50px solid transparent;-moz-border-image:url(../images/weiss.png) 50% 10% 50% 40% fill stretch;-webkit-border-image:url(../images/weiss.png) 50% 10% 50% 40% fill stretch;-o-border-image:url(../images/weiss.png) 50% 10% 50% 40% fill stretch;border-image:url(../images/weiss.png) 50% 10% 50% 40% fill stretch;z-index:30;border-image-outset:40px 0 40px}
#team{border-top:50px solid transparent;border-bottom:50px solid transparent;-moz-border-image:url(../images/weiss.png) 50% 10% 50% 40% fill stretch;-webkit-border-image:url(../images/weiss.png) 50% 10% 50% 40% fill stretch;-o-border-image:url(../images/weiss.png) 50% 10% 50% 40% fill stretch;border-image:url(../images/weiss.png) 50% 10% 50% 40% fill stretch;z-index:30;border-image-outset:40px 0 40px;padding:0 10% 0 10%}
#fragen{border-top:50px solid transparent;border-bottom:50px solid transparent;-moz-border-image:url(../images/weiss.png) 50% 10% 50% 40% fill stretch;-webkit-border-image:url(../images/weiss.png) 50% 10% 50% 40% fill stretch;-o-border-image:url(../images/weiss.png) 50% 10% 50% 40% fill stretch;border-image:url(../images/weiss.png) 50% 10% 50% 40% fill stretch;z-index:30;border-image-outset:40px 0 25px;padding:0 10% 0 10%}
.werte{border-bottom:50px solid transparent;-moz-border-image:url(../images/weiss.png) 50% 10% 50% 40% fill stretch;-webkit-border-image:url(../images/weiss.png) 50% 10% 50% 40% fill stretch;-o-border-image:url(../images/weiss.png) 50% 10% 50% 40% fill stretch;border-image:url(../images/weiss.png) 50% 10% 50% 40% fill stretch;z-index:30;border-image-outset:40px 0 25px;}

#decoton #fragen{-moz-border-image:url(../images/grau.png) 70 0 stretch;-webkit-border-image:url(../images/grau.png) 70 0 stretch;-o-border-image:url(../images/grau.png) 70 0 stretch;border-image:url(../images/grau.png) 70 0 stretch;z-index:30;border-image-outset:20px 0 20px;padding:0 10% 0 10%;position:relative}
header{width:80%;padding:0 10% 0 10%}
.de .seite{padding-left:10%;padding-right:10%}
.content{margin:0 auto;max-width:1200px}
.de #produkt-deco h1 br{display:inline-block}
.de #produkt-deco{min-height:540px;background:#f4f5ea url(../images/decoton-ecke_klein.jpg) no-repeat left;background-size:contain;width:100%;height:100%;box-sizing:border-box}
.de #produkt-deco .content{position:relative}
.de #produkt-deco .content article{text-align:right;position:absolute;right:0}
.de #produkt-deco .content article>img{display:none!important}
.de #produkt-deco article{width:55%}
.de #produkt-deco .btn{margin-right:0}
.titelbild-halb:not(.werte-titel) .slogan h1{padding-right:12rem}
.werte-titel h1 {padding-right: 5rem;}


#kunden{min-height:380px;background:url(../images/kunden-ecke-klein.jpg) no-repeat right;background-size:contain}
.kunde{width:60%}
.flex{display:flex}
fieldset{width:35%;float:left}
.form-spalte{width:100%;float:left;display:block}
#produktdetails{width:35%;border-bottom:none}
label[for=anrede2],label[for=anrede]{margin-right:.9rem}
#lieferanschrift,#rechnungsanschrift{border-bottom:none;margin-bottom:0}
#produktdetails,#rechnungsanschrift,.form-spalte:first-of-type{margin-right:2%;overflow:hidden}
#bestellungen #bestellung div.content:nth-child(1)>p:nth-child(3){margin-bottom:3rem}
#unternehmen img{display:none!important}
#unternehmen{min-height:380px;background:#dde2c0 url(../images/unternehmen-ecke-klein.jpg) no-repeat right;background-size:contain}
#unternehmen .content{width:45%; margin-left: 0;}
#kontakt{height:402px;margin-top:-1.5rem}
#kontakt article{float:left;width:30%;z-index:30000}
#kontakt .content{overflow:visible; z-index: 101}
#googlemaps{position:absolute;width:100%;z-index:10;right:0;height:450px;bottom:0;margin:0}
#iframeGoogle{position:absolute;z-index:10;width:70%;right:0;height:450px;bottom:0;margin:0}
#iframeGoogle::after{width:0;content:'';position:absolute;top:0;left:0;border-top:450px solid #fff;border-right:450px solid transparent;z-index:100;display:block; pointer-events: none}
#decoton #iframeGoogle::after{border-top:450px solid #616064}
}


@media screen and (min-width:1120px){
    .ru .seite{padding-left:10%;padding-right:10%}

    .ru #produkt-deco .content article>img{width:125%;overflow:visible;margin:0 0 1rem -12.5%;height:auto}

}


@media screen and (min-width:1200px){
.de #produkt-deco{min-height:540px;background:#f4f5ea url(../images/decoton-ecke-mittel.jpg) no-repeat left;background-size:contain;width:100%;height:100%;box-sizing:border-box}
footer{padding:1% 5% 2% 5%}
#bestellungen #home,#decoton.farbton #home, .unterseite #home{height:500px}
.titelbild-halb:not(.werte-titel) .slogan h1{font-size:7.5rem}
}

@media screen and (min-width:1360px){
    .ru #produkt-deco h1 br{display:inline-block}
    .ru #produkt-deco{min-height:700px;background:#f4f5ea url(../images/decoton-ecke-mittel-kurz.jpg) no-repeat left;background-size:contain;width:100%;height:100%;box-sizing:border-box}
    .ru #produkt-deco .content{position:relative}
    .ru #produkt-deco .content article{text-align:right;position:absolute;right:0}
    .ru #produkt-deco .content article>img{display:none!important}
    .ru #produkt-deco article{width:50%}
    .ru #produkt-deco .btn{margin-right:0}

    #unternehmen .content{width:100%; margin: auto; max-width: 1200px;}
    #unternehmen .content h1, #unternehmen .content h2, #unternehmen .content p{width:60%;}

   }


   
@media screen and (min-width:1460px){
#produkt-deco{min-height:540px;background:#f4f5ea url(../images/decoton-ecke-lang.jpg) no-repeat left;background-size:contain;width:100%;height:100%;box-sizing:border-box}
#unternehmen{min-height:580px}
#kunden{min-height:580px}
}

@media screen and (min-width:1700px){
    .ru #produkt-deco article{width:60%}

}

@media screen and (min-width:1800px){
#produkt-deco{min-height:640px}
.item1{background:url(../images/slides/slide2-gross.jpg) no-repeat right 50px;transform:scaleX(-1)}
#decoton .item1{background:url(../images/slides/decoton_dpm_mashel_gross.jpg) no-repeat right 50px;transform:scaleX(1);width:100%;height:100%}
.item2{background:url(../images/slides/slide1-gross.jpg) no-repeat right 50px;transform:scaleX(-1)}
.item3{background:url(../images/slides/slide3-gross.jpg) no-repeat right 50px}
.item4{background:url(../images/slides/slide4-gross.jpg) no-repeat right 50px}
.item5{background:url(../images/slides/slide5-gross.jpg) no-repeat right 50px;transform:scaleX(-1)}
#decoton .item1,.item1,.item2,.item3,.item4,.item5{background-size:cover;height:55vh;width:100%;display:block}
}
@media screen and (min-width:2000px){
#iframeGoogle{width:60%}
.ru #produkt-deco{min-height:700px;background:#f4f5ea url(../images/decoton-ecke-mittel.jpg) no-repeat left;background-size:contain;width:100%;height:100%;box-sizing:border-box}

}
@media screen and (min-width:2250px){
#produkt-deco{min-height:740px}
}
@media screen and (min-width:2500px){
#iframeGoogle{width:50%}
}
@media (min-width:640px) and (orientation:landscape){
#decoton .item1,.item1,.item2,.item3,.item4,.item5{height:100vh}
.owl-nav{bottom:100px}
.owl-dots{bottom:100px}

}
@media (min-width:640px) and (orientation:landscape){
.item1{transform:scaleX(1)}
.item2{transform:scaleX(1)}
.item5{transform:scaleX(1)}
#hauptseite .slogan{position:absolute;top:90px;right:5%;background:0 0;padding:0}
#decoton .slogan{right:0}
/*.white h1,.white p{color:#fff}*/
}
@media (min-width:760px) and (orientation:landscape){
#hauptseite .slogan h1{font-size:2em; max-width:600px}
#hauptseite .slogan p{font-size:1.5em;line-height:130%}
.werte-titel .slogan h1{font-size:2.5em}
.werte-titel .slogan p{font-size:1.5em;line-height:130%}
}
@media (min-width:1000px) and (orientation:landscape){
    #hauptseite .slogan h1{font-size:2em}
    .werte-titel .slogan h1{font-size:3em}
    #hauptseite .slogan p, .werte-titel .slogan p{font-size:1.6em}
    #hauptseite .slogan, .werte-titel .slogan{top:90px;background:0 0;padding:0}
}
@media (min-width:1300px) and (orientation:landscape){
    #hauptseite .slogan, .werte-titel .slogan{top:130px;background:0 0;padding:0}
    .werte-titel .slogan h1{font-size:3.5em}
    #hauptseite .slogan h1{font-size:2.2em}

    #hauptseite .slogan p, .werte-titel .slogan p{font-size:2.1em}
}
@media (min-width:1550px) and (orientation:landscape){
    #hauptseite .slogan p, .werte-titel .slogan p{font-size:2.5em}
    #hauptseite .slogan h1{font-size:2.5em; max-width:700px}

}