/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
@font-face{font-family:'Montserrat';font-style:normal;font-weight:300;src:local(''),url(/themes/drutzel/fonts/montserrat-v15-latin-300.woff2) format('woff2'),url(/themes/drutzel/fonts/montserrat-v15-latin-300.woff) format('woff');font-display:swap;}@font-face{font-family:'Montserrat';font-style:normal;font-weight:400;src:local(''),url(/themes/drutzel/fonts/montserrat-v15-latin-regular.woff2) format('woff2'),url(/themes/drutzel/fonts/montserrat-v15-latin-regular.woff) format('woff');font-display:swap;}@font-face{font-family:'Montserrat';font-style:normal;font-weight:500;src:local(''),url(/themes/drutzel/fonts/montserrat-v15-latin-500.woff2) format('woff2'),url(/themes/drutzel/fonts/montserrat-v15-latin-500.woff) format('woff');font-display:swap;}@font-face{font-family:'Montserrat';font-style:normal;font-weight:600;src:local(''),url(/themes/drutzel/fonts/montserrat-v15-latin-600.woff2) format('woff2'),url(/themes/drutzel/fonts/montserrat-v15-latin-600.woff) format('woff');font-display:swap;}@font-face{font-family:'Montserrat';font-style:normal;font-weight:700;src:local(''),url(/themes/drutzel/fonts/montserrat-v15-latin-700.woff2) format('woff2'),url(/themes/drutzel/fonts/montserrat-v15-latin-700.woff) format('woff');font-display:swap;}@font-face{font-family:'Montserrat';font-style:normal;font-weight:800;src:local(''),url(/themes/drutzel/fonts/montserrat-v15-latin-800.woff2) format('woff2'),url(/themes/drutzel/fonts/montserrat-v15-latin-800.woff) format('woff');font-display:swap;}@font-face{font-family:'Montserrat';font-style:normal;font-weight:900;src:local(''),url(/themes/drutzel/fonts/montserrat-v15-latin-900.woff2) format('woff2'),url(/themes/drutzel/fonts/montserrat-v15-latin-900.woff) format('woff');font-display:swap;}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote::after,q:before,q::after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;}a[href^="tel"]{color:inherit;text-decoration:none;}.feedback-wrap{background:#fafafa;text-align:center;}.feedback-wrap .innerwidth > div{padding:20px 0;}.edit-menu-wrap .block-content > ul{display:flex;width:90%;max-width:1280px;margin:0 auto;}.edit-menu-wrap .block-content > ul li a{text-transform:uppercase;letter-spacing:2px;font-size:0.8em;font-weight:700;text-decoration:none;color:black;display:block;padding:10px 20px;opacity:0.5;transition:0.2s;}.edit-menu-wrap .block-content > ul li a.is-active{background:var(--leichtgrau);color:black;opacity:1;}.edit-menu-wrap .block-content > ul li a:hover{opacity:1;}:root{--black:#000000;--leichtgrau:#ededed;}body{font-size:16px;line-height:26px;color:black;font-family:'Montserrat',sans-serif;font-weight:400;}img{display:block;max-width:100%;height:auto;}strong{font-weight:700;}.main-content-wrap{position:relative;}.main-content-wrap a{transition:0.2s;color:black;border-bottom:2px solid var(--black);text-decoration:none;}.main-content-wrap a:hover{color:var(--black);}.innerwidth{width:90%;max-width:1280px;margin:0 auto;position:relative;}.flex{display:flex;flex-direction:row;flex-wrap:wrap;}h1{font-weight:800;font-size:2em;line-height:1.4em;text-transform:uppercase;margin-bottom:25px;letter-spacing:4px;hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;-webkit-hyphens:auto;}h2,.h2{font-weight:800;font-size:1.7em;line-height:1.4em;text-transform:uppercase;margin-bottom:25px;letter-spacing:4px;hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;-webkit-hyphens:auto;}h3,h4,.h3,.h4{font-weight:800;font-size:1.2em;line-height:1.4em;text-transform:uppercase;margin-bottom:25px;letter-spacing:2px;hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;-webkit-hyphens:auto;}p{margin-bottom:25px;}p:last-of-type{margin-bottom:0;}.column{width:50%;}.button,a[class^="button-"]{display:inline-block;background:var(--leichtgrau);height:auto;line-height:1.4;padding:13px 25px;font-weight:700;text-transform:uppercase;color:black;text-decoration:none;border:0 !important;font-size:0.8em;letter-spacing:2px;text-shadow:none !important;}.button-white{background:white !important;box-shadow:0 0 15px rgba(0,0,0,0.05);}.button-black{background:black !important;color:white !important;}.button-red{background:var(--black) !important;color:white !important;}.intro-wrap{text-align:center;margin-bottom:80px;}.startseite-intro-wrap{margin-bottom:80px;text-align:left;}em{font-style:italic;}.margin-top{margin-top:80px;}.margin-bottom{margin-bottom:80px;}.main-content-wrap article div ul{margin-bottom:25px;}.main-content-wrap article div ul li{position:relative;padding-left:20px;}.main-content-wrap article div ul li:before{content:"";position:absolute;left:5px;top:9px;background:var(--black);width:7px;height:7px;border-radius:30px;}.main-content-wrap article div ol{margin-bottom:25px;}.main-content-wrap article div ol li{position:relative;padding-left:35px;}.main-content-wrap article div ol li:before{content:">";position:absolute;left:5px;top:0px;width:25px;color:var(--black);font-weight:600;}.main-content-wrap article div ol li:nth-child(1):before{content:"1.";}.main-content-wrap article div ol li:nth-child(2):before{content:"2.";}.main-content-wrap article div ol li:nth-child(3):before{content:"3.";}.main-content-wrap article div ol li:nth-child(4):before{content:"4.";}.main-content-wrap article div ol li:nth-child(5):before{content:"5.";}.main-content-wrap article div ol li:nth-child(6):before{content:"6.";}.main-content-wrap article div ol li:nth-child(7):before{content:"7.";}.main-content-wrap article div ol li:nth-child(8):before{content:"8.";}.main-content-wrap article div ol li:nth-child(9):before{content:"9.";}.main-content-wrap article div ol li:nth-child(10):before{content:"10.";}.main-content-wrap article div ol li:nth-child(11):before{content:"11.";}.main-content-wrap article div ol li:nth-child(12):before{content:"12.";}.main-content-wrap article div ol li:nth-child(13):before{content:"13.";}.main-content-wrap article div ol li:nth-child(14):before{content:"14.";}.main-content-wrap article div ol li:nth-child(15):before{content:"15.";}.main-content-wrap article div ol li:nth-child(16):before{content:"16.";}.main-content-wrap article div ol li:nth-child(17):before{content:"17.";}.main-content-wrap article div ol li:nth-child(18):before{content:"18.";}blockquote{position:relative;font-weight:100;font-size:2em;line-height:1.4em;padding:0 0 0 80px;width:calc(100% - 80px);margin-bottom:35px;}blockquote:before{content:'"';font-size:5em;position:absolute;font-weight:600;left:0;top:0.27em;color:var(--black);}s{position:relative;padding:0 3px;text-decoration:none;}s:after{content:"";width:100%;height:2px;background:var(--black);position:absolute;left:0;top:calc(50% - 1px);}sup{font-size:0.6em;position:relative;top:-0.6em;}sub{font-size:0.6em;position:relative;bottom:-0.3em;}hr{border:0;height:25px;background:url(/themes/drutzel/images/absperrband.svg) repeat-x center center;background-size:100px auto;margin:25px 0;width:100vw;position:relative;left:calc(50% - 50vw);}.topline{font-weight:700;color:var(--black);letter-spacing:2px;font-size:0.8em;text-transform:uppercase;margin-bottom:3px;}.paragrafen-field{margin-top:80px;position:relative;clear:both;}.paragrafen-field .paragraph{display:flex;flex-direction:row;margin-bottom:40px;}.paragrafen-field .paragraph > div{flex-basis:0;flex:1 1 0px;}.paragrafen-field .paragraph > div:first-child{padding-right:40px;}.paragrafen-field .paragraph > div:last-child{padding-left:40px;}.paragrafen-field .paragraph.paragraph--type--text-volle-breite > div,.paragrafen-field .paragraph.paragraph--type--bild-volle-breite > div{padding:0px;width:100%;display:block;}.paragrafen-field .paragraph.paragraph--type--bild-volle-breite img{position:relative;left:calc(50% - 50vw);width:100vw;height:auto;max-width:100vw;margin-bottom:40px;}.paragrafen-field .paragraph.paragraph--type--bild-volle-breite .drutzel-full-image{display:block;}.paragrafen-field .paragraph.paragraph--type--bild-volle-breite .drutzel-alternative-image{display:none;}.top-header-wrap{background:black;color:white;text-align:right;font-size:0.8em;font-weight:300;text-transform:uppercase;letter-spacing:3px;}header .flex{justify-content:space-between;height:75px;line-height:75px;}.logo-wrap{width:164px;height:45px;position:relative;top:15px;}header nav > ul{display:flex;align-items:flex-end;}header nav > ul > li{margin-left:25px;}header nav > ul > li > a{font-weight:700;color:black;font-size:0.8em;text-decoration:none;text-transform:uppercase;transition:0.2s;letter-spacing:1px;}header nav > ul > li > span{font-weight:600;color:var(--black);font-size:0.8em;text-decoration:none;text-transform:uppercase;transition:0.2s;letter-spacing:1px;}nav > ul > li > a.prozent:after{content:"%";margin-left:3px;color:var(--black);}header .button{height:30px;line-height:30px;padding:0 10px;font-size:0.7em;letter-spacing:1px;}.main-menu-wrap{background:var(--leichtgrau);position:relative;}.main-menu-wrap nav > ul{display:flex;justify-content:flex-end;flex-wrap:wrap;}.main-menu-wrap nav > ul > li{margin-left:60px;position:relative;}.main-menu-wrap nav > ul > li:first-child{margin-left:0;}.main-menu-wrap nav > ul > li > a,.main-menu-wrap nav > ul > li > span{font-weight:800;color:black;text-decoration:none;text-transform:uppercase;transition:0.2s;font-size:1.2em;letter-spacing:1px;line-height:60px;height:60px;display:block;}.main-menu-wrap nav > ul > li > a:hover,.main-menu-wrap nav > ul > li > span:hover{color:var(--black);cursor:pointer;}.main-menu-wrap nav > ul > li > ul{position:absolute;background:var(--leichtgrau);top:20px;z-index:-10;display:block;max-height:0;opacity:0;transition:0.2s;left:-40px;height:auto;padding:0px 2.5vw 20px 2.5vw;width:100%;line-height:2.0em;}.main-menu-wrap nav > ul > li.menu-item-active > ul{max-height:100vh;opacity:1;z-index:999;top:60px;z-index:10;}.main-menu-wrap nav > ul > li.menu-item-active > a{color:var(--black);}.main-menu-wrap nav > ul > li > ul > li{position:relative;}.main-menu-wrap nav > ul > li > ul > li > a{font-weight:700;text-decoration:none;text-transform:uppercase;color:black;letter-spacing:1px;font-size:0.9em;transition:0.2s;}.main-menu-wrap nav > ul > li > ul > li > a:hover{color:var(--black);}#block-sekundarenavigation{position:relative;background:var(--black);z-index:1;}#block-sekundarenavigation:before{content:"";background:var(--black);position:absolute;width:100vw;left:calc(50% - 50vw);height:100%;z-index:-1;}#block-sekundarenavigation a{font-size:0.9em;color:white;}#block-sekundarenavigation a:hover{color:black;}.hero-startseite{background:#0e1428 url(/themes/drutzel/images/hero-keyvisual.jpg) no-repeat center center;background-size:cover;color:white;height:calc(70vh - 140px);min-height:550px;display:flex;flex-direction:column;justify-content:center;text-align:center;margin-bottom:80px;position:relative;}.hero-startseite:after{content:"Wir machen's";position:absolute;bottom:65px;right:40px;transform:rotate(-7deg);background:url(/themes/drutzel/images/slogan-wirmachens.svg) no-repeat center center;background-size:contain;width:200px;height:30px;text-indent:-9999px;}.hero-startseite strong{font-weight:800;font-size:3.4em;letter-spacing:10px;text-shadow:0 0 15px rgba(0,0,0,0.3);text-transform:uppercase;line-height:1.2em;}.hero-startseite a{display:inline-block;background:var(--black);height:45px;line-height:45px;padding:0 25px;font-weight:700;text-transform:uppercase;color:white;text-decoration:none;border:0 !important;font-size:0.8em;letter-spacing:2px;text-shadow:none !important;transition:0.2s;}.hero-startseite a:hover{color:black;background:white;}.hero-image-wrap{height:300px;position:relative;top:0;left:calc(50% - 50vw);width:100vw;margin-bottom:80px;}.hero-leistung{position:relative;padding:80px 0;margin-bottom:80px;}.hero-leistung .text-wrap{padding:40px;width:calc(50% - 120px);background:white;z-index:2;position:relative;}.hero-leistung h1{width:calc(100% - 80px);}.hero-leistung .hero-image-wrap{position:absolute;width:100vw;height:100%;top:0;left:calc(50% - 50vw);z-index:1;}.gb-icon{position:absolute;top:30px;right:30px;width:60px;height:60px;text-indent:-9999px;}.gb-6{background:url(/themes/drutzel/images/icon-sommerdienst.svg) no-repeat center center;background-size:contain;}.gb-7{background:url(/themes/drutzel/images/icon-winterdienst.svg) no-repeat center center;background-size:contain;}.gb-6.gb-7{background:url(/themes/drutzel/images/icon-sommerwinterdienst.svg) no-repeat center center;background-size:contain;}.produkte-view-wrap{background:var(--leichtgrau);position:relative;}.produkte-view-wrap:before{content:"";background:var(--leichtgrau);position:absolute;top:0;left:calc(50% - 50vw);width:100vw;height:100%;z-index:-1;}.produkte-view-wrap.taxonomy-produkte{margin-top:-80px;position:relative;z-index:1;}.produkte-view-wrap.taxonomy-produkte:before{box-shadow:0px -20px 50px rgba(0,0,0,0.08);z-index:0;}.interstitial-wrap{position:relative;padding:120px 0;color:white;border-top:25px solid white;border-bottom:25px solid white;min-height:25vw;display:flex;flex-direction:column;justify-content:center;}.interstitial-wrap:before,.interstitial-wrap:after{content:"";background:url(/themes/drutzel/images/absperrband.svg) repeat-x center center;background-size:100px auto;width:100vw;left:calc(50% - 50vw);height:25px;z-index:2;top:-25px;position:absolute;}.interstitial-wrap:after{top:inherit;bottom:-25px;}.interstitial-image-wrap{position:absolute;top:0;left:calc(50% - 50vw);width:100vw;height:100%;z-index:-1;}.interstitial-image-wrap:after{content:"";background:black;position:absolute;top:0;left:0;width:70%;height:100%;background:rgb(0,0,0);background:linear-gradient(90deg,rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%);}.interstitial-text{width:50%;}.interstitial-text p,.interstitial-text h2,.interstitial-text h3{text-shadow:0 0 15px rgba(0,0,0,1);}.partner-row{padding:80px 0;}.partner-text-wrap{padding-right:80px;width:calc(50% - 80px);}.partner-row-image-wrap{width:200px;margin-bottom:25px;}.partner-row-image-wrap img{margin-bottom:25px;}.partner-bilder-wrap > div{display:none;}.partner-bilder-wrap > div:first-child{display:block;}.produkt-header-view{position:relative;z-index:2;text-align:center;display:flex;justify-content:flex-start;width:100vw;left:calc(50% - 50vw);}.produkt-header-view .produktheader-tab{font-weight:800;font-size:1em;line-height:1.4em;text-transform:uppercase;letter-spacing:2px;height:auto;padding:15px 0 25px 0;flex-basis:0;flex:1 1 0px;text-align:center;background:transparent;cursor:pointer;transition:0.2s;border-bottom:1px solid rgba(0,0,0,0.05);border-right:1px solid rgba(0,0,0,0.05);}.produkt-header-view .produktheader-tab:last-child,.produkt-header-view .produktheader-tab.tab-active{border-right:0;}.produkt-header-view .produktheader-tab:hover{background:rgba(0,0,0,0.05);}.produkt-header-view .produktheader-tab.tab-active{color:white;background:var(--black);}.produkt-header-view .produktheader-tab svg{margin:0 auto;width:100px;height:auto;}.produkt-header-view .produktheader-tab.tab-active svg{fill:white;filter:brightness(200%);stroke-width:3;stroke:white;}.produkt-view .views-row{padding:50px 0;}.produkt-view .views-row .topline{font-weight:700;color:var(--black);letter-spacing:2px;font-size:0.8em;text-transform:uppercase;margin-bottom:inherit;}.produkt-view .views-row .topline + a{display:inline-block;width:auto;margin-bottom:5px;text-decoration:none;font-size:0.8em;background:white;text-transform:uppercase;font-weight:700;border:0;padding:5px 15px;align-self:flex-start;}.produkt-view .views-row h3 + .einsatzzweck{margin-top:-20px;text-transform:uppercase;letter-spacing:1px;font-weight:600;}.produkt-view .views-row .datei a{display:inline-block;background:white;height:45px;line-height:45px;padding:0 25px;font-weight:700;text-transform:uppercase;color:black;text-decoration:none;border:0;font-size:0.8em;letter-spacing:2px;box-shadow:0 0 15px rgba(0,0,0,0.05);}.produkt-view .views-row .datei a:hover{background:black;color:white;}.produkt-view .views-row .column-bild img{margin:0 auto;width:100%;}.produkt-view .views-row .column-text{order:1;}.produkt-view .views-row .column-bild{order:2;position:relative;}.produkt-view .views-row .column-bild a{background:white;position:absolute;top:20px;left:20px;border:0;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;font-size:0.8em;padding:0 10px;}.produkt-view .views-row:nth-child(even)  .column-text{order:2;}.produkt-view .views-row:nth-child(even)  .column-bild{order:1;}.produkt-view .views-row .flex{justify-content:space-between;}.produkt-view .views-row .column{width:calc(50% - 40px);display:flex;flex-direction:column;justify-content:center;position:relative;}.produktliste-block{position:relative;}.produktliste-block .views-row{position:relative;border-bottom:1px solid white;}.produktliste-block .views-field-field-hero-image{position:relative;z-index:1;}.produktliste-block .produktliste-textwrap{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;z-index:2;}.produktliste-block .produktliste-textinnerwrap{background:white;width:calc(50% - 80px);padding:20px 40px 40px 40px;}.produktliste-block .produktliste-icon{width:100px;display:block;}.produktliste-block .produktliste-icon svg{width:100%;height:auto;}.produktliste-block .produktliste-link{margin-top:40px;}.produktliste-block .produktliste-link a{display:inline-block;background:var(--black);padding:13px 25px;font-weight:700;text-transform:uppercase;color:white;text-decoration:none;border:0 !important;letter-spacing:2px;font-size:0.8em;text-shadow:none !important;transition:0.2s;line-height:1.4em;height:auto;text-align:center;}.produktliste-block .produktliste-link a:hover{background:var(--leichtgrau);color:black;}.produktliste-textwrap .innerwidth > a{background:white;margin-top:10px;display:inline-block;background:white;height:45px;line-height:45px;padding:0 25px;font-weight:700;text-transform:uppercase;color:black;text-decoration:none;border:0 !important;font-size:0.8em;letter-spacing:2px;text-shadow:none !important;}.leistungen-im-ueberblick-group{position:relative;left:calc(50% - 50vw);width:100vw;}.leistungen-im-ueberblick-group > h2{background:var(--black);color:white;text-align:center;margin:0;height:120px;line-height:120px;}.leistungsmatrix-view-2x2-wrap{background:black;display:flex;flex-wrap:wrap;justify-content:flex-start;}.leistungsmatrix-view-2x2-wrap > .views-row{width:calc(50% - 1px);position:relative;border-right:1px solid white;border-top:1px solid white;}.leistungsmatrix-view-2x2-wrap > .views-row:nth-of-type(1),.leistungsmatrix-view-2x2-wrap > .views-row:nth-of-type(2){border-top:0;}.leistungsmatrix-view-2x2-wrap > .views-row:nth-of-type(2),.leistungsmatrix-view-2x2-wrap > .views-row:nth-of-type(4){width:calc(50% - 1px);border-right:0;}@media (min-width:769px){.leistungsmatrix-view-2x2-wrap > .views-row:nth-of-type(7){width:100%;border-right:0;}.leistungsmatrix-view-2x2-wrap > .views-row:nth-of-type(7) img{aspect-ratio:14/4;height:auto;object-fit:cover;}}.leistungsmatrix-view-2x2-wrap .leistungsmatrix-imagewrap img{width:100%;}.leistungsmatrix-view-2x2-wrap > .views-row .leistungsmatrix-textwrap{position:absolute;top:0;left:0;z-index:2;padding:20px;width:calc(100% - 40px);height:calc(100% - 40px);background:rgba(0,0,0,0.25);color:white;text-align:center;display:flex;flex-direction:column;justify-content:center;transition:0.2s;}.leistungsmatrix-view-2x2-wrap > .views-row .leistungsmatrix-textwrap:hover{box-shadow:inset 0 0 50px rgba(0,0,0,0.2);}.leistungsmatrix-titlewrap h3{font-size:1.8em;letter-spacing:5px;}.leistungsmatrix-auflistungwrap{margin-bottom:25px;font-weight:700;text-transform:uppercase;letter-spacing:2px;opacity:0;max-height:0;transition:0.5s;}.leistungsmatrix-view-2x2-wrap > .views-row .leistungsmatrix-textwrap:hover .leistungsmatrix-auflistungwrap{opacity:1;max-height:500px;}.leistungsmatrix-view-2x2-wrap > .views-row .leistungsmatrix-textwrap h3{margin-bottom:0;transition:0.5s;}.leistungsmatrix-view-2x2-wrap > .views-row .leistungsmatrix-textwrap:hover h3{margin-bottom:25px;}.leistungsmatrix-view-2x2-wrap > .views-row .leistungsmatrix-textwrap:hover{background:var(--black);}.leistungsmatrix-auflistungwrap p{text-transform:none;font-weight:500;letter-spacing:0;}.subcontent-wrap .partner-intro-block{padding:80px;text-align:center;}.subcontent-wrap .partner-intro-block .block-content{width:90%;max-width:700px;margin:0 auto;}.subcontent-wrap .partner-block{background:var(--leichtgrau);}.produktgruppen-wrap > h2{border-top:1px solid white;background:black;color:white;text-align:center;margin:0;height:120px;line-height:120px;}.produktgruppen-wrap{position:relative;left:calc(50% - 50vw);width:100vw;background:var(--leichtgrau);}.produktgruppen-matrix-view{display:flex;flex-wrap:wrap;justify-content:flex-start;}.produktgruppen-matrix-view .views-row,.produktgruppen-matrix-view .footer{width:calc(25% - 41px);position:relative;border-right:1px solid black;border-top:1px solid black;text-align:center;padding:20px;height:calc(25vw - 41px);transition:0.2s;cursor:pointer;}.produktgruppen-matrix-view .footer{width:calc(100% - 40px);border-right:0;height:calc(12.5vw - 20px);}.produktgruppen-matrix-view .views-row svg{max-width:220px;width:70%;height:auto;transition:0.2s;}.produktgruppen-matrix-view .views-row:hover{color:white;background:var(--black);}.produktgruppen-matrix-view .views-row:hover svg{fill:white;filter:brightness(200%);stroke-width:3;stroke:white;}.produktgruppen-matrix-view .views-row .views-field-field-alternativer-link a{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5;background:transparent;text-indent:-9999px;opacity:0.3;border:0;}.produktgruppen-matrix-view .footer a{text-indent:0;opacity:1;display:flex;flex-direction:column;justify-content:center;color:white;background:var(--black);font-weight:800;text-transform:uppercase;font-size:1.7em;color:white;position:absolute;top:0;left:0;width:100%;height:100%;text-decoration:underline;}.produktgruppen-matrix-view .footer a:hover{background:white;color:black;}.partner-block-view{display:flex;justify-content:flex-start;flex-direction:row;flex-wrap:wrap;position:relative;text-align:center;}.partner-block-view .views-row{width:calc(100% / 3);padding:20px 0;display:flex;flex-direction:column;justify-content:center;}.partner-block-view .views-row .views-field-field-logo{max-width:200px;height:150px;margin:0 auto 10px auto;display:flex;flex-direction:column;justify-content:center;}.partner-block-view .views-row .views-field-field-logo img{mix-blend-mode:multiply;max-height:140px;width:auto;}.partner-block-view > h3,.partner-block > .h4{margin:0;width:100%;padding:40px 0 20px 0;font-size:1.6em;overflow:hidden;text-align:center;}.partner-block-view > h3 > span,.partner-block > .h4 > span{position:relative;padding:0 20px;}.partner-block-view > h3 > span:before,.partner-block > .h4 > span:before{content:"";position:absolute;top:calc(50% - 1px);left:-50vw;width:50vw;height:2px;background:black;}.partner-block-view > h3 > span:after,.partner-block > .h4 > span:after{content:"";position:absolute;top:calc(50% - 1px);right:-50vw;width:50vw;height:2px;background:black;}.partner-block-view .views-row .h4{padding:0 40px;text-transform:none;font-weight:600;font-size:1em;}.drutzel-hotline{background:black url(/themes/drutzel/images/icon-signet-dark.svg) no-repeat center 40px;background-size:80px auto;text-align:center;color:white;font-size:1.4em;line-height:1.4em;margin-bottom:80px;letter-spacing:2px;font-weight:600;padding:50px 20px 20px 20px;width:calc(50% - 80px);height:260px;display:flex;flex-direction:column;justify-content:center;clear:both;margin-left:100px;position:absolute;top:40px;right:0;z-index:99;}.drutzel-hotline a{color:white;}.drutzel-hotline a:hover{color:black;}.banner-wrap{position:relative;width:100vw;left:calc(50% - 50vw);background:black;}.banner-wrap .banner-innertextwrap{position:absolute;width:100%;z-index:10;height:100%;display:flex;flex-direction:column;justify-content:center;}.banner-wrap .banner-innertextwrap > .banner-text-wrap{width:40%;max-width:calc(1280px - 50%);margin:0 auto;padding-right:50%;color:white;}.banner-wrap h2 strong{color:var(--black);font-weight:500;font-size:3em;}.banner-wrap .button-red:hover{background:white;color:var(--black);}.banner-wrap .banner-image-wrap{margin-left:50vw;}.banner-wrap .banner-image-wrap img{width:100%;}.contact-form{background:var(--leichtgrau);padding:40px 15%;margin-bottom:80px;}.contact-form form label{font-weight:700;text-transform:uppercase;font-size:0.9em;letter-spacing:1.5px;margin-bottom:5px;}.contact-form form > .form-item,.contact-form form > .form-wrapper > .form-item{width:100%;margin:0 auto 25px auto;display:flex;flex-direction:column;}.contact-form .form-item input[type=text],.contact-form .form-item input[type=email]{background:white;border:0;height:40px;width:calc(100% - 30px);font-family:inherit;border-radius:0;outline:0;line-height:40px;padding:0 15px;transition:0.2s;}.contact-form .form-item textarea{background:white;border:0;width:calc(100% - 30px);font-family:inherit;border-radius:0;outline:0;line-height:1.4em;padding:15px;}.contact-form .form-item input[type=text]:focus,.contact-form .form-item input[type=email]:focus,.contact-form .form-item textarea:focus{box-shadow:0 0 15px rgba(0,0,0,0.1);}.contact-form .form-item input[type=radio]{align-self:flex-start;border:0;width:20px;height:20px;-webkit-appearance:none!important;-moz-appearance:none!important;-ms-appearance:none!important;-o-appearance:none!important;appearance:none!important;background:#fff;margin:0 10px 0 0;border-radius:0;outline:0;}.contact-form .form-item input[type=radio]:checked{background:#fff url(/themes/drutzel/images/icon-check.svg) no-repeat center center;background-size:15px auto;}.contact-form form .form-submit{outline:0;font-family:inherit;display:inline-block;background:var(--black);height:45px;line-height:45px;padding:0 25px;font-weight:700;text-transform:uppercase;color:white;text-decoration:none;border:0 !important;font-size:0.8em;letter-spacing:2px;text-shadow:none !important;transition:0.2s;cursor:pointer;}.contact-form form .form-submit:hover{background:white;color:black;}.contact-form form #edit-preview{display:none;}footer{padding:80px 0;background:#0e1428 url(/themes/drutzel/images/background-footer.jpg) no-repeat center center;background-size:cover;color:white;position:relative;overflow:hidden;}footer:after{content:"Wir machen's";position:absolute;bottom:65px;right:40px;transform:rotate(-7deg);background:url(/themes/drutzel/images/slogan-wirmachens.svg) no-repeat center center;background-size:contain;width:200px;height:30px;text-indent:-9999px;}footer .signet-block{width:100%;}footer .signet-block > .block-content{background:#0e1428 url(/themes/drutzel/images/icon-signet-dark.svg) no-repeat center center;background-size:contain;width:50px;height:50px;text-indent:-9999px;margin-bottom:40px;}footer .standort-block{width:33.33%;}.footer-menu-wrap{width:100%;margin-top:80px;}.footer-menu-wrap > ul{display:flex;}.footer-menu-wrap > ul > li{margin-right:40px;}.footer-menu-wrap > ul > li > a{text-transform:uppercase;color:white;text-decoration:none;transition:0.2s;letter-spacing:2px;font-weight:800;}.footer-menu-wrap > ul > li > a:hover{color:var(--black);}.protected-pages-enter-password{max-width:500px;margin:80px auto 80px auto;background:var(--leichtgrau);padding:40px;}.protected-pages-enter-password .js-form-item-password{margin-top:20px;margin-bottom:20px;}.protected-pages-enter-password input[type=password]{border:0;height:40px;line-height:40px;padding:0 15px;width:calc(100% - 30px);outline:none;font-family:inherit;}.protected-pages-enter-password .button,.protected-pages-enter-password a[class^="button-"]{background:var(--black);color:white;}.hero-image-wrap-password{background:black url(/themes/drutzel/images/background-download.jpg) no-repeat center center;background-size:cover;position:relative;}.hero-image-wrap-password:before{content:"";background:black;opacity:0.3;top:0;left:0;width:100%;height:100%;position:absolute;z-index:2;}.hero-image-wrap-password:after{z-index:3;content:"Downloadbereich";color:white;font-weight:800;font-size:2em;line-height:1.4em;text-transform:uppercase;margin-bottom:25px;letter-spacing:4px;hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;-webkit-hyphens:auto;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;display:flex;justify-content:center;flex-direction:column;}.unterlagen-download-wrap{margin-bottom:100px;}.unterlagen-download-wrap > h3{padding:20px 0 5px 0;margin:20px 0 5px 0;border-top:1px solid var(--leichtgrau);display:block;}.unterlagen-download-wrap .views-row{width:calc(100% - 50px);display:block;padding:5px 0;margin:0 0 5px 50px;display:block;}.unterlagen-download-wrap .views-row a{position:relative;}.unterlagen-download-wrap .views-row a:before{content:"";background:url(/themes/drutzel/images/icon-document-download-black.svg) no-repeat center center;background-size:contain;width:40px;height:47px;position:absolute;left:-50px;top:0;}.unterlagen-download-wrap .views-row a:hover:before{background:url(/themes/drutzel/images/icon-document-download-red.svg) no-repeat center center;background-size:contain;}.unterlagen-download-wrap .views-row .views-field-filesize{opacity:0.5;}.paragrafen-field .paragraph.paragraph--type--youtube{display:block;}.paragrafen-field .paragraph.paragraph--type--youtube > div:last-child,.paragrafen-field .paragraph.paragraph--type--youtube > div:first-child{padding-left:0;padding-right:0;}.paragrafen-field .paragraph.paragraph--type--youtube > div:last-child{padding-bottom:80px;}.youtube-container{width:100%;}.youtube-container iframe{width:100%;height:auto;aspect-ratio:16/9;}@media (min-width:769px) and (max-width:1024px){.main-menu-wrap nav > ul > li{margin-left:20px;}.main-menu-wrap nav > ul > li > a,.main-menu-wrap nav > ul > li > span{font-size:0.8em;}.startseite-intro-wrap .column:nth-child(1){padding-right:40px;width:calc(50% - 40px);}.interstitial-text{width:70%;}h1{font-size:1.6em;letter-spacing:3px;}h2,.h2{font-size:1.5em;letter-spacing:3px;}h3,h4,.h3,.h4{margin-bottom:15px;}.produktliste-block .produktliste-textinnerwrap{padding:10px 20px 20px 20px;}.produktliste-block .produktliste-link{margin-top:20px;}.produkt-header-view .produktheader-tab{font-size:0.9em;letter-spacing:1.5px;hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;-webkit-hyphens:auto;padding:15px 10px 25px 10px;}footer .standort-block{width:50%;}.drutzel-hotline{padding-bottom:0px;padding-top:90px;height:200px;}}@media (max-width:768px){body{padding-top:80px;}.hero-leistung h1{width:100%;}.top-header-wrap{text-align:center;position:fixed;top:0;left:0;width:100%;z-index:912;}header.header{height:80px;background:white;position:fixed;top:25px;left:0;width:100vw;z-index:991;box-shadow:0 0 30px rgba(0,0,0,0.15);}.logo-wrap{position:fixed;z-index:1000;top:40px;left:5vw;}.menu-handler{position:fixed;top:46.5px;right:5vw;width:35px;height:35px;z-index:1000;background:white;transition:0.2s;}.menu-handler span,.menu-handler span:before,.menu-handler span:after{content:"";position:absolute;top:16px;left:4px;background:black;width:27px;height:2px;}.menu-handler span:before{top:-9px;transition:.3s;left:0px;}.menu-handler span:after{left:0px;top:9px;transition:0.2s;}body.menu-layer-active .menu-handler{background:transparent;}body.menu-layer-active .menu-handler span{height:0;}body.menu-layer-active .menu-handler span:before{transform:rotate(45deg);top:0;}body.menu-layer-active .menu-handler span:after{transform:rotate(-45deg);top:0;}.main-menu-wrap{position:fixed;top:0;left:-100vw;width:100vw;height:100vh;overflow:scroll;z-index:911;opacity:0;transition:0.3s;}body.menu-layer-active .main-menu-wrap{left:0;opacity:1;}.main-menu-wrap #block-drutzel-main-menu > ul{flex-direction:column;justify-content:flex-start;align-items:flex-start;margin-top:150px;}.main-menu-wrap nav > ul{display:block;padding:40px 0 15px 0;}.main-menu-wrap nav > ul > li{margin:0 0 20px 0;width:100%;}.main-menu-wrap nav > ul > li > span{background:url(/themes/drutzel/images/icon-arrow-down.svg) no-repeat right center;background-size:20px auto;display:block;width:100%;position:relative;z-index:2;}.main-menu-wrap nav > ul > li.menu-item-active > span{background:url(/themes/drutzel/images/icon-arrow-up.svg) no-repeat right center;background-size:20px auto;}.main-menu-wrap nav > ul > li > ul,.main-menu-wrap nav > ul > li:hover > ul{position:relative;max-height:0 !important;top:inherit;height:inherit;line-height:inherit;flex-direction:column;margin:0;background:transparent;opacity:0;transition:0.2s;z-index:1;}.main-menu-wrap nav > ul > li > ul > li{max-height:0;transition:0.4s ease-in;opacity:0;}.main-menu-wrap nav > ul > li.menu-item-active > ul{opacity:1;max-height:100vw !important;margin:15px 0 0 0;}.main-menu-wrap nav > ul > li.menu-item-active > ul > li{max-height:100px;opacity:1;}.main-menu-wrap nav > ul > li > ul:before{display:none;}.main-menu-wrap nav > ul > li > ul > li{margin:0 0 7px 0;}.main-menu-wrap nav > ul > li > ul > li a{color:black;}.main-menu-wrap nav > ul > li > a:hover,.main-menu-wrap nav > ul > li > span:hover{color:black;}#block-topmenu{display:none;}.main-menu-wrap #block-topmenu{display:block;background:white;position:relative;box-shadow:50px 0 0px 0px white,-50px 0 0px 0px white;}.main-menu-wrap #block-topmenu > ul{flex-direction:column;justify-content:flex-start;align-items:flex-start;margin-bottom:100px;}.main-menu-wrap #block-topmenu > ul > li{order:2;margin:0 0 10px 0;}.main-menu-wrap #block-topmenu > ul > li:last-child{order:1;margin-bottom:150px;}.main-menu-wrap #block-topmenu > ul a{font-size:1em;}.main-menu-wrap #block-topmenu > ul a.button-red{background:transparent !important;padding:0;color:black !important;}.main-menu-wrap nav > ul > li > a,.main-menu-wrap nav > ul > li{margin:0 0 25px 0;}.main-menu-wrap nav > ul > li > a,.main-menu-wrap nav > ul > li > span{height:auto;line-height:1.4em;}.main-menu-wrap nav > ul > li.li-contains-submenue{position:relative;}.main-menu-wrap nav > ul > li.li-contains-submenue:after{content:"";position:absolute;top:0;right:10px;width:20px;height:20px;background:url(/themes/drutzel/images/icon-arrow-down.svg) no-repeat center center;background-size:contain;}.main-menu-wrap nav > ul > li > ul,.main-menu-wrap nav > ul > li:hover > ul{margin:0 0 0 20px;padding:0;}.main-menu-wrap nav > ul > li.li-contains-submenue.submenu-active:after{background:url(/themes/drutzel/images/icon-arrow-up.svg) no-repeat center center;background-size:contain;}.main-menu-wrap nav > ul > li > ul{margin:0;left:0;}.main-menu-wrap nav > ul > li.li-contains-submenue.submenu-active ul{max-height:1000px !important;opacity:1;margin:20px 20px 20px 0;}.main-menu-wrap nav > ul > li.li-contains-submenue.submenu-active ul li{max-height:1000px !important;opacity:1;}.hero-startseite{min-height:380px;}.hero-startseite strong{font-size:1.6em;letter-spacing:4px;}.column{width:100%;}.column + .column{margin-top:40px;}.startseite-intro-wrap .column:nth-child(2){order:1;margin-top:0;margin-bottom:40px;}.startseite-intro-wrap .column:nth-child(1){order:2;}.startseite-intro-wrap .column:nth-child(1) img{margin:0 auto;}h1{font-size:1.6em;letter-spacing:4px;hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;-webkit-hyphens:auto;}h2,.h2,h3,h4{font-size:1.3em;}.leistungen-im-ueberblick-group > h2{line-height:inherit;height:auto;padding:80px 20px;width:calc(100% - 40px);}.main-content-wrap a{hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;-webkit-hyphens:auto;}.leistungsmatrix-view-2x2-wrap > .views-row,.leistungsmatrix-view-2x2-wrap > .views-row:nth-of-type(2),.leistungsmatrix-view-2x2-wrap > .views-row:nth-of-type(4){width:100%;border:0;border-bottom:1px solid white;}.leistungsmatrix-titlewrap h3{font-size:1.2em;}.produktgruppen-wrap > h2{line-height:inherit;height:auto;padding:80px 20px;width:calc(100% - 40px);}.produktgruppen-matrix-view .views-row,.produktgruppen-matrix-view .views-row:nth-of-type(1),.produktgruppen-matrix-view .views-row:nth-of-type(2),.produktgruppen-matrix-view .views-row:nth-of-type(3),.produktgruppen-matrix-view .views-row:nth-of-type(6){width:calc(100% - 41px);border:0;padding:20px;border-bottom:1px solid black;}.produktgruppen-matrix-view .views-row{height:auto;}.produktgruppen-matrix-view .views-row svg{width:40%;}.produktgruppen-matrix-view .footer{width:calc(100% - 40px);}.interstitial-text{width:100%;}.banner-wrap{padding-bottom:0;}.banner-wrap > .column.banner-text-wrap{width:100%;padding:50px 0 0 0;}.banner-wrap .banner-innertextwrap{position:relative;width:90%;margin:0 auto;padding:50px 0 50px 0;overflow:hidden;}.banner-wrap .banner-innertextwrap > .banner-text-wrap{width:100%;}.banner-wrap .banner-image-wrap{width:100%;margin:0;}.subcontent-wrap .partner-intro-block{padding:40px 20px;}.partner-block-view > h3{font-size:1.3em;width:calc(100% - 40px);padding:40px 20px;margin:0 auto;}.partner-block-view > h3 > span{padding:40px 0 0 0;}.partner-block-view > h3 > span:before{top:0;width:100vw;left:calc(50% - 50vw);}.partner-block-view > h3 > span:after{display:none;}.partner-block-view > h3 > span:after,.partner-block > .h4 > span:after{display:none;}.partner-block-view > h3 > span:before,.partner-block > .h4 > span:before{display:none;}.partner-block-view .views-row{width:calc(100% - 40px);padding:0 20px;}.partner-block-view .views-row .views-field-field-logo{height:80px;max-width:120px;}.partner-block-view > h3,.partner-block > .h4{font-size:1.2em;}.partner-block-view .views-row .h4{padding:0;font-size:1em;letter-spacing:0;}.produkt-header-view{display:block;}.produkt-view .views-row{border-bottom:1px solid black;padding:20px 0 60px 0;}.produkt-view .views-row .column{width:100%;}.produkt-view .views-row .column{order:1;}.produkt-view .views-row .column-text{order:2;margin-top:25px;}.produkt-view .views-row .datei a{width:calc(100% - 50px);height:auto;line-height:inherit;padding:15px 25px;text-align:center;font-size:1em;}.partner-text-wrap{padding:0;}.hero-leistung{padding:0;margin-bottom:360px;height:auto;}.hero-image-wrap{background-size:100% auto;background-position:top center;}.hero-leistung .text-wrap{padding:0;width:calc(100% - 10vw);top:300px;padding:5vw 5vw 40px 5vw;border-bottom:1px solid black;}.hero-image-wrap{height:35vh;max-height:250px;background-color:red;background-size:cover;margin-bottom:40px;}.paragrafen-field .paragraph{flex-wrap:wrap;}.paragrafen-field .paragraph > div{flex:auto;}.paragrafen-field .paragraph > div:nth-child(1){margin-bottom:40px;}.paragrafen-field .paragraph > div:first-child,.paragrafen-field .paragraph > div:last-child{padding-left:0;padding-right:0;}.paragrafen-field .paragraph.paragraph--type--text-bild > div:nth-child(2){order:1;margin-bottom:40px;}.paragrafen-field .paragraph.paragraph--type--text-bild > div:nth-child(1){order:2;}.paragrafen-field .paragraph.paragraph--type--bild-volle-breite.show-alternative-image .drutzel-full-image{display:none !important;}.paragrafen-field .paragraph.paragraph--type--bild-volle-breite.show-alternative-image .drutzel-alternative-image{display:block !important;}.gb-icon{background-color:white !important;top:-140px;right:0;border:6px solid white;}.contact-form{padding:40px 2.5%;}footer .standort-block{width:100%;}footer .standort-block + .standort-block{margin-top:40px;}.footer-menu-wrap > ul{flex-direction:column;margin-bottom:6 0px;}.footer-menu-wrap > ul > li{margin-bottom:15px;}footer:after{bottom:35px;}}