/* CSS
R.J.I. 
Design, tech. Infrastruktur und Website Architektur: R.Infantino 
*/   
        @font-face{font-family:Roboto;src:url(fonts/roboto-black-webfont.woff2) format('woff2'),url(fonts/roboto-black-webfont.woff) format('woff');font-weight:900;font-style:normal}@font-face{font-family:Roboto;src:url(fonts/roboto-bold-webfont.woff2) format('woff2'),url(fonts/roboto-bold-webfont.woff) format('woff');font-weight:700;font-style:normal}@font-face{font-family:Roboto;src:url(fonts/roboto-regular-webfont.woff2) format('woff2'),url(fonts/roboto-regular-webfont.woff) format('woff');font-weight:400;font-style:normal}a,abbr,acronym,address,applet,b,big,blockquote,body,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,var{margin:0;padding:0;border:0;outline:inherit;font-size:100%;vertical-align:baseline}body{line-height:1;background:#f2f2f2;font-family:Roboto,arial,sans-serif;color:#404853;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,html{height:100%;min-height:100%}ol,ul{list-style:none;line-height:1.2em}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}:focus{outline:inherit}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}p{line-height:21px;margin:20px 0}li,ul{line-height:1.9em}article,aside,content,figure,footer,header,nav,section{display:block}::-moz-selection{background-color:#404853;color:#fff}::selection{background-color:#404853;color:#fff}input[type=submit]{appearance:none;-webkit-appearance:none;-moz-appearance:none}.checkcontainer{position:relative;padding-left:35px;cursor:pointer}.checkcontainer input{display:none}.checkmark{position:absolute;left:1px;height:18px;width:18px;background-color:#fff;border:1px solid #999}.checkcontainer:hover input~.checkmark{background-color:#ccc}.checkcontainer input:checked~.checkmark{background-color:#7cc64b}.checkmark:after{content:"";position:absolute;display:none}.checkcontainer input:checked~.checkmark:after{display:block}.checkcontainer .checkmark:after{left:5px;top:2px;width:5px;height:10px;border:solid #404853;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}h1{font-weight:900;font-size:32px;line-height:1.2em;font-family:Roboto,arial,sans-serif;word-wrap:break-word}h2{font-weight:700;font-size:22px;line-height:1.2em}p+h2{padding-top:20px}h3{line-height:1.4;font-weight:700}h4{color:#ffffff;font-size:30px;line-height:1.2em;font-weight:500}h5{color:#ffffff;line-height:1.2em}.floatleft{float:left}.floatright{float:right}.center{text-align:center}.left{text-align:left}.right{text-align:right}.lightgrey{background-color:#f8f8f8}.overflow{overflow:hidden}.padding{padding:20px}strong{line-height:1.4em}strong.anfrage{font-size:22px;font-weight:900}.list ul{padding:22px}.list ul li{padding:12px 10px}a{color:#7cc64b;text-decoration:none;transition:.2s}a:hover{color:#404853}.current{color:#7cc64b}.nav .current{color:#7cc64b}.shortway{width:35%}.longway{width:60%}.halfway{width:49%}.firstcolumn{width:33%}.centercolumn{width:33%}.lastcolumn{width:33%}.quickinfo{padding:0 20px;height:44px;max-width:100%;box-sizing:border-box;background-color:#404853}.quickinfo_inner{max-width:1575px;margin:0 auto}.quickinfo p{margin:0;display:inline-block;line-height:44px;font-size:14px;color:#fff;letter-spacing:1px;font-weight:900}.quickinfo p:first-child{float:left;font-weight:400;width:60%}.quickinfo p:last-child{font-size:22px;float:right;text-align:right;width:40%}.quickinfo span,.sec-fourth span{position:relative}.quickinfo span:first-child{padding-left:22px;margin-right:42px}.quickinfo span:last-child{padding-left:28px}.quickinfo span:before,.sec-fourth .shortway span:before{position:absolute;height:20px;top:-8px;left:0}.quickinfo span:first-child:before,.sec-fourth .shortway span:first-child:before{content:url(../img/icons/icon-place.svg);width:14px}.quickinfo span:last-child:before,.sec-fourth .shortway span:last-child:before{content:url(../img/icons/icon-open.svg);width:20px}.quickinfo a{text-decoration:none;font-size:22px;color:#7cc64b;letter-spacing:1px}.quickinfo a:hover{color:#333}.quickinfo .section_inner,.quickinfo article{padding:0}.info-mwst{text-align:center;color:#fff;font-size:20px;font-weight:700;padding:12px;height:auto;background-color:#7cc74b}.logo{z-index:2}@media screen and (min-width:1025px){#menu{max-width:100%;padding:42px 87px 0 7px}.logo{padding:33px 7px 18px 87px}#menu li{display:inline-block;padding:4px 10px;cursor:default}#menu li:first-child{margin-left:0;padding-left:0}#menu li a{text-decoration:none;color:#404853;font-size:17px ;font-weight:900}.intro.startsite #menu li a{color:#fff}.intro.startsite #menu li a:hover{color:#7cc64b}#menu a:hover{color:#7cc64b}#menu li ul{display:none;padding-top:13px;margin-left:-15px}#menu li:hover ul{display:block;position:absolute;width:170px}#menu li ul li{padding:0;margin:0;width:100%}#menu li ul li a{width:100%;display:block;padding:8px 15px;background-color:#133c55;text-align:left}#menu li ul li a:hover{color:#fff;background-color:#386fa4}}.nav{position:relative;text-align:right;z-index:1;max-width:100%;padding:0;float:right}#video_menu_color li a{color:#ffffff!important}#video_menu_color li a:hover{color:#7cc64b!important}.intro.startsite{height:370px;background:#181818 url(../img/dpf-titelbild.jpg) no-repeat;background-size:cover;background-position:bottom center;color:#ffffff;padding:0 20px 130px}.intro.startsite h1{margin-bottom:14px}.intro.startsite h2{font-size:18px;font-weight:400;font-style:italic}.intro.startsite>div{padding:260px 86px 0 86px}.intro.startsite .orangebutton{width:347px;margin-top:20px}.sec-first{padding:70px 20px 95px 20px;background:#fff url(../img/bg-first.svg) bottom center/contain no-repeat}.sec-second{background:#fff url(../img/bg-second-fourth.svg) top center/contain no-repeat}.sec-third{background:#fff url(../img/bg-third.svg) bottom center/contain no-repeat}.sec-third{background:#fff url(../img/bg-third.svg) bottom center/contain no-repeat}.sec-fourth{background:#fff url(../img/bg-second-fourth.svg) top center/contain no-repeat}.sec-fifth,.sec-last{background:#fff url(../img/bg-last.svg) bottom center/contain no-repeat}.sec-first{position:relative}.sec-first:after{content:url(../img/icons/scroll-down.svg);position:absolute;width:28px;height:75px;left:calc(50% - 14px);bottom:95px}.sec-first .shortway:first-child{max-width:336px;margin-right:8.8%}.sec-first .shortway:last-child{max-width:380px}.sec-fifth h2,.sec-first h2,.sec-fourth h2,.sec-last h2,.sec-second h2,.sec-third .advantages h3{position:relative;margin-bottom:40px}.contactarea h2:after,.sec-fifth h2:after,.sec-first h2:after,.sec-fourth h2:after,.sec-last h2:after,.sec-second h2:after,.sec-third .advantages h3:after{content:'';position:absolute;z-index:98;bottom:-19px;left:0;width:64px;height:1px;background:#7cc64b}.footinfo{max-width:1360px;margin:0 auto;overflow:hidden;margin-top:90px;position:relative}.sec-fifth .footinfo strong,.sec-first .footinfo strong{line-height:1;position:absolute;bottom:1px}.footinfo img{float:right}.sec-first .teaser-container{height:624px;top:-323px;padding-bottom:36px}.sec-first .teaser-header{background:linear-gradient(90deg,#404853 27.69%,#414b53 45.29%,#465452 57.82%,#4d6451 68.78%,#587a50 78.84%,#65964e 88.27%,#76b94c 97.13%,#7cc64b 100%)}.teaser-container ul li:before{content:url(../img/icons/circle.svg);width:12px;height:12px;position:absolute;left:0}.sec-second{padding:238px 20px 94px 20px}.sec-fifth .halfway,.sec-second .halfway{width:50%}.sec-second .orangebutton{margin-top:16px;width:382px}.sec-second .footinfo{margin-top:266px}.umwelt{padding:60px 0;max-width:1575px}.umwelt h2,.umwelt h3{color:#fff}.umwelt_bg{background:url(../img/umweltschutz3.jpg) no-repeat 0 -200px;background-size:cover;padding:232px 20px 80px 20px;margin-bottom:60px}.sec-third{padding:115px 20px 90px 20px}.sec-third .center div{padding:40px 0 12px 0}.sec-third h2{text-align:center;margin-bottom:80px}.workflow-container{max-width:976px;margin:0 auto;overflow:hidden}.workflow-container .centercolumn,.workflow-container .firstcolumn,.workflow-container .lastcolumn{position:relative}.workflow-container .firstcolumn:after,.workflow-container .lastcolumn:before{content:url(../img/icons/arrow.svg);position:absolute;width:82px;height:86px}.sec-third .center{width:338px}.workflow-container .firstcolumn:after{top:10px;right:-45px;transform:rotate(315deg)}.workflow-container .lastcolumn:before{top:10px;left:-45px;transform:rotate(-45deg)}caption{font-size:22px;font-weight:700;margin-bottom:20px}td,th{padding:12px 20px}td:first-child,th:first-child{text-align:left}td:not(:first-child),th:not(:first-child){text-align:right}thead{background-color:#404853;color:#fff}tbody tr:nth-child(odd){background-color:#f1f1f1}tbody tr:nth-child(even){background-color:#fff}.advantages{padding-top:90px}.advantages>div{display:table;overflow:hidden}.advantages p{margin-bottom:90px}.advantages h3{font-size:22px}.advantages .floatleft,.advantages .floatright{box-sizing:border-box;display:table-cell}.advantages .floatleft{padding:0 67px}.advantages .floatright{padding:0 68px}.advantages table{min-width:62%;margin:0 auto;box-shadow:8px 0 12px 0 rgba(40,40,40,.03)}.orangebutton.video-link{
    border: none;
    cursor: pointer;
    position: relative;
    padding: 18px 100px 18px 50px;
    display: block;
    margin: 0 auto;
    margin-top: -150px;
    margin-bottom: 150px;
}


.video-link:after{
    content: url(../img/videoicon.svg);
    position: absolute;
    width: 40px;
    margin-left: 18px;
    top: 10px;
}
#content {
    position: fixed;
    display: none;
    box-sizing: border-box;
    max-width: 100%;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 9999;
    cursor: pointer;
}
#iFrameWindow{
    display: none;
    justify-content: center;
}.sec-fourth{padding:138px 20px 190px 20px}.sec-fourth .longway{width:65%}.sec-fourth .shortway{max-width:453px}.sec-fourth .longway span{display:block;margin-top:26px;line-height:21px}.sec-fourth .floatright a,.sec-fourth .floatright b,.sec-fourth h3{font-size:22px;font-weight:700}.sec-fourth h3{margin-top:16px}.sec-fourth p:first-child{margin-top:26px}.sec-fourth .shortway span:first-child{padding-left:22px}.sec-fourth .shortway span:last-child{padding-left:28px}.sec-fourth .shortway span:before{top:0}.sec-fifth{padding:120px 20px 98px 20px}.sec-fifth .floatleft strong{display:block;font-size:22px;line-height:29px;width:60%;display:inline-block;margin-right:15%;vertical-align:top}.sec-fifth .halfway div{margin-top:81px}.sec-fifth .footinfo{margin-top:184px}.partner-teaser-container{display:flex;justify-content:space-between;padding-bottom:120px}.partner-teaser-container .teaser{background:url(../img/hp-partnerwerkstatt.jpg) center bottom no-repeat;background-size:cover;color:#fff}.teaser h3{font-size:22px}.sec-fifth .teaser div{width:56%;position:relative;left:40px;bottom:-42%}.partner-teaser-container .longway{width:62%}.partner-teaser-container .shortway img:first-child{margin-bottom:40px}.orangebutton{background-color:#7cc64b;display:inline-block;padding:18px 20px;font-size:24px;font-weight:700;text-align:center;color:#fff;border-radius:4px;text-decoration:none}.orangebutton:hover{background-color:#404853;color:#fff}.columns-4{display:flex;justify-content:space-between}.columns-4 .centercolumn,.columns-4 .firstcolumn,.columns-4 .lastcolumn{width:17%;background-color:#fff;border:1px solid #f9f9f9;box-shadow:0 14px 20px 0 rgba(40,40,40,.03);padding:40px;margin-bottom:20px}.columns-4:last-of-type{margin-bottom:40px}.sec_fullwidth{padding:0;max-width:1575px}h2.h2_flexbox{display:flex;display:-webkit-box}figure.one_third{width:33%;display:inline-block;margin:0 0 40px 0}.one_third figcaption{font-weight:700;font-size:18px;margin-top:10px}figcaption span{display:block;font-weight:400;font-size:16px;line-height:1.5rem}.contactarea h2{margin-bottom:60px;position:relative}.contactarea li,.teaser-container li{position:relative;padding-left:30px}.contactarea ul li:before{content:url(../img/icons/circle-dark.svg);width:12px;height:12px;position:absolute;left:0}.contactarea .last{width:100%;margin-top:20px}input[type=email],input[type=number],input[type=text],textarea{padding:10px 1px}.contactarea input{margin-bottom:4px}.contactarea input,.contactarea input::placeholder,.contactarea select,.contactarea textarea,.contactarea textarea::placeholder{margin-top:0;font-style:normal;font-size:1em;line-height:0}.contactarea textarea{line-height:1}.contactarea button{float:right}.contactarea input[type=email],.contactarea input[type=number],.contactarea input[type=text],.contactarea select,.contactarea textarea{width:-webkit-fill-available;width:-moz-available;padding:14px 10px;line-height:1}.contactarea input[type=email]::placeholder,.contactarea input[type=number]::placeholder,.contactarea input[type=text]::placeholder,.contactarea textarea::placeholder{padding:10px;padding-left:0;-webkit-padding:0}::-moz-placeholder{line-height:1!important}#company{display:none}.tooltip{display:inline}.tooltip .tooltiptext{display:none;width:400px;max-width:100%;background-color:#000;color:#fff;border-radius:6px;padding:15px;font-size:13px;position:absolute;z-index:1;left:26%;margin-top:-9%}.tooltip .tooltiptext::after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#000 transparent transparent transparent}@media screen and (min-width:769px){.tooltip:hover .tooltiptext{display:inline-block}}.contactarea{position:relative}.teaser-container{background-color:#fff;border-radius:4px;position:absolute;z-index:999;width:455px;height:533px;right:7%;padding-bottom:26px;box-shadow:0 0 18px rgba(100,100,100,.1)}.teaser-container ul{margin:22px 0 0 40px}.teaser-container>strong{line-height:30px;font-size:22px;margin-left:40px;position:relative}.teaser-container>strong:after{content:url(../img/icons/circle.svg);width:28px;height:28px;position:absolute;right:-30px;top:-26px}.contactarea .teaser-container>strong:after{content:url(../img/icons/circle-dark.svg)}.teaser-container hr{width:251px;max-width:80%;border:1px solid #7cc64b;margin:34px 0 34px 40px}.teaser-container p{margin:8px 0 0 40px;line-height:20px}.teaser-header{height:78px;background:linear-gradient(90deg,#7cc64b 0,#689b4e 27.41%,#526e51 60.04%,#455252 85.32%,#404853 100%);border-radius:4px 4px 0 0;color:#fff;padding:18px 0 0 40px}.teaser-header span{display:block;font-size:14px}.teaser-header strong{font-size:35px;font-weight:900}.teaser-container .orangebutton{margin:33px 40px 0 40px;display:block;max-width:342px}.validatr-message{max-width:300px;padding:5px!important;background-color:#ffa1a1!important;color:#db2d2d!important;border:1px solid #db2d2d!important}.whatsapp-container{position:fixed;bottom:20px;right:16px;width:50px;z-index:99999}a.whatsapp:after{content:url(../img/icons/whatsapp.svg)}.phonecall{display:none;position:fixed;z-index:999;width:96%;height:65px;background-color:#404853;border-radius:4px;bottom:7px;left:2%}.phonecall div{display:inline-block}.phonecall div:first-child{padding-left:10px;text-align:center;margin-top:-60px;color:#fff;font-size:13px;line-height:16px;font-weight:700}.phonecall div:first-child img{display:block;margin-bottom:8px;box-shadow:0 0 18px rgba(100,100,100,.1);border:3px solid #fff;border-radius:4px}.phonecall div:last-child{float:right;padding:8px;font-size:22px;font-weight:900}.phonecall a:first-child{float:left;line-height:54px;margin-right:20px}.phonecall a:last-child{float:right}form{background:0 0;padding:0;border:0 solid #fff}input[type=email],input[type=number],input[type=text],textarea{border:none;border:0 dotted #c9c9c9;background:#fff;width:99%;padding:10px 4px;margin-bottom:11px;border-radius:0;font-family:Roboto,arial,sans-serif}textarea{height:99px;border-radius:0;border-left:0 dotted #c9c9c9;font-family:Roboto,arial,sans-serif}input[type=submit]{transition:.2s;border-radius:4px;border:0;width:226px;color:#fff;font-size:24px;font-weight:700;height:60px;background-color:#7cc64b;cursor:pointer;margin:0;float:right}input[type=submit]:hover{background-color:#404853;color:#fff}.section_inner.copyright{padding:148px 20px 0 20px;color:#fff;position:relative}.copytext{margin:0}.copyright img{position:absolute;top:107px;right:0}copyright,footer,header,section{max-width:1535px;margin:0 auto;border:0 solid red;padding:20px;background-color:#ffffff}header{background:0 0}section{padding:60px 20px}section img{max-width:100%;height:auto}.titlearea{height:80px;background:linear-gradient(90deg,#404853 0,#424c53 19.81%,#475652 37.42%,#4f6951 54.18%,#5c824f 70.43%,#6ba34d 86.17%,#7cc64b 100%);padding:52px 20px 0 20px;color:#fff}.titlearea .section_inner,.titlearea article{padding:0 20px}.section_inner,article{max-width:1360px;margin:0 auto;padding:20px;overflow:hidden}.button{border:2px solid #fff;float:left;color:#ffffff;background:0 0;width:32%;height:54px;cursor:pointer;font-family:Roboto,arial,sans-serif}.button:hover{background-color:#181818}::-webkit-input-placeholder{color:#999999;font-family:Roboto,arial,sans-serif;padding:15px;font-size:16px}:-moz-placeholder{color:#999999;font-family:Roboto,arial,sans-serif;padding:15px;font-size:16px}::-moz-placeholder{color:#999999;font-family:Roboto,arial,sans-serif;padding:15px;font-size:16px}:-ms-input-placeholder{color:#999999;font-family:Roboto,arial,sans-serif;padding:15px;font-size:16px}footer{background-color:#404853;min-height:200px}footer{padding:98px 20px 98px 20px}footer .lastcolumn{color:#fff;text-align:center}footer .lastcolumn a{color:#7cc64b;text-decoration:none;font-weight:900}footer li a{padding:5px 0;display:inline-block;color:#fff;text-decoration:none}footer li a:hover{color:#7cc64b}footer .current{color:#7cc64b}#cookie-bar{background:#404853;height:auto;color:#fff;text-align:left;padding:25px 25px;border-radius:3px;position:fixed;bottom:2%;left:1%;width:365px;z-index:9999}#cookie-bar.fixed.bottom{bottom:0;top:auto}#cookie-bar p{margin:0;padding:0;font-size:12px;line-height:22px}#cookie-bar p:before{content:'Cookies';Display:block;font-size:24px;margin-bottom:8px}#cookie-bar p a{color:#fff}#cookie-bar a.cb-enable{color:#fff;display:block;width:20px;border-radius:2px;text-decoration:none;padding:5px 14px;margin:15px 0 0 0}#cookie-bar .cb-enable{background:#7cc64b}#cookie-bar .cb-enable:hover{background:#609b3a}@media screen and (max-width:850px){#cookie-bar{padding:15px 10px;width:90%;left:2%}#cookie-bar a.cb-enable{padding:3px 14px;display:block;width:fit-content}}@media screen and (max-width:1500px){footer{min-height:200px;margin-bottom:0;border-radius:0}}@media screen and (min-width:1440px) and (max-width:1599px){.teaser-container{right:4%}}@media screen and (min-width:1024px) and (max-width:1439px){.teaser-container{right:40px}.sec-first .shortway:first-child{margin-right:4.8%}}@media screen and (min-width:1024px) and (max-width:1400px){.sec-fourth .longway{width:62%}}@media screen and (min-width:1024px) and (max-width:1300px){.sec-first .shortway{width:27%}.sec-fifth .halfway.floatright,.sec-second .halfway.floatleft{width:46%}}@media screen and (min-width:1024px) and (max-width:1180px){.intro.startsite>div{width:40%}.sec-first .shortway{width:100%;float:initial}.sec-first .shortway:first-child{margin-right:1.8%;max-width:49%}.sec-first .shortway:last-child{max-width:49%}.sec-fifth .floatleft strong{width:63%;margin-right:9%}}@media screen and (max-width:1280px){.advantages .floatleft,.advantages .floatright{padding:0 37px}.sec-fourth .shortway span{display:block;width:100%;float:left;margin-bottom:10px}}@media screen and (max-width:1180px){.umwelt_bg{padding:140px 20px 20px 20px}.umwelt .center{width:33%}.sec-third img{width:120px}footer .centercolumn{width:18%}footer .lastcolumn{width:48%}}@media screen and (max-width:1024px){.sec-second{padding:198px 20px 94px 20px}.sec-second .footinfo{margin-top:136px}.sec-fourth{padding:138px 20px 130px 20px}.sec-fifth{padding:170px 20px 98px 20px}.sec-fifth .footinfo{margin-top:54px}.quickinfo{display:none}.video_bg{width:100%}}@media screen and (max-width:1023px){.insidevideo{margin:220px 107px 0 40px;max-width:80%}.teaser-container{position:relative;right:initial;width:100%}.sec-first .teaser-container{top:-124px}.sec-first .shortway{width:45%;max-width:inherit!important}.sec-fifth .halfway,.sec-second .halfway{width:100%;margin-bottom:50px}.sec-fifth .floatright img{width:70%}.orangebutton.video-link{margin-top:0;margin-bottom:0}.workflow-container{min-height:204px}.advantages{padding-top:40px}.sec-fourth .longway{width:62%}.sec-fourth .floatright a,.sec-fourth .floatright b{display:block}.sec-fourth .floatright a{float:left;margin:15px 0}.sec-fifth .section_inner>div{display:grid}.sec-fifth .floatright{order:1}.sec-fifth .floatleft{order:2}.sec-fifth .section-inner>div.partner-teaser-container,.sec-fifth .section_inner>div.partner-teaser-container{display:block}.partner-teaser-container .shortway{display:none}.partner-teaser-container .longway{width:100%;padding:200px 20px 60px 20px;box-sizing:border-box}.columns-4{display:block}.columns-4 .centercolumn,.columns-4 .firstcolumn,.columns-4 .lastcolumn{box-sizing:border-box;width:100%}h2.h2_flexbox{display:block}.contactarea .floatleft,.contactarea .floatright{width:100%;float:none}.contactarea input[type=submit]{margin-bottom:40px}footer .lastcolumn{text-align:right}footer .lastcolumn a{display:block}}@media screen and (max-width:800px){.sec-first .shortway{width:43%}.sec-first .footinfo strong{width:33%;line-height:1.2;bottom:-5px}.advantages .centercolumn,.advantages .firstcolumn,.advantages .lastcolumn{float:left;width:100%;padding:0}.advantages p{margin-bottom:40px}}@media screen and (min-width:660px) and (max-width:1023px){.workflow-container .centercolumn:after,.workflow-container .firstcolumn:after,.workflow-container .lastcolumn:before{width:40px;height:auto}.workflow-container .firstcolumn:after{top:30px;right:-24px}.workflow-container .lastcolumn:before{top:30px;left:-25px}}@media screen and (min-width:660px){.workflow-container .floatleft{float:left}.workflow-container .floatright{float:right}}@media screen and (max-width:768px){h5{margin-bottom:15px}.floatleft{float:none;width:100%}.video_bg{background:url(../img/dpf-background-large.jpg);background-size:cover;background-position:center bottom;background-repeat:no-repeat;height:500px}.video_bg video,.videosection{display:none}.sec-first .floatleft{float:left}.floatright{float:none;width:100%}.quickinfo{display:none}.centercolumn,.firstcolumn{margin-bottom:40px}.advantages .centercolumn,.advantages .firstcolumn{margin-bottom:0}textarea{border-left:0 solid rgba(255,255,255,.9)}.validatr-message{left:15%!important}.contactarea ul{margin-bottom:30px}.whatsapp-container{bottom:80px}.phonecall{display:block}.sec-fourth .longway{width:100%}.sec-fourth .longway span{margin-bottom:40px}.sec-fourth p{overflow:hidden}.sec-fourth .floatright a,.sec-fourth .floatright b{display:inline;width:auto;float:left;margin:0}.sec-fourth .floatright b{margin:0 10px 5px 0}footer .lastcolumn{text-align:left}#userlike.userlike-mobile a#userlike-tab.userlike-right{bottom:80px!important}}@media screen and (max-width:660px){.sec-first .shortway{width:100%}.sec-first .footinfo strong{width:42%}.workflow-container .center{width:100%}.workflow-container .firstcolumn:after{top:160px;right:10%;transform:rotate(42deg)}.workflow-container .centercolumn:after{content:url(../img/icons/arrow.svg);position:absolute;width:82px;height:86px}.workflow-container .centercolumn:after{top:180px;left:10%;transform:rotate(317deg) scale(-1,1)}.workflow-container .lastcolumn:before{display:none}.umwelt .anfrage{display:none}.sec-third h2{text-align:left}caption{text-align:left}.sec-fifth .floatleft strong{width:100%}.sec-fifth .footinfo strong{display:none}.sec-fifth .floatleft img{margin-top:40px}figure.one_third{width:100%}.video-link{padding:18px 80px 18px 16px}}@media screen and (min-width:481px){.hide,.show{display:none}}@media screen and (max-width:480px){.titlearea,copyright,footer,header,section{padding-left:10px;padding-right:10px}header{background-color:#fff;padding:10px;margin-bottom:0!important}.intro.startsite{padding:0 0 60px 0}.sec-second .orangebutton,.video_bg .orangebutton{max-width:80%}.sec-second .orangebutton.video-link{max-width:100%;padding:18px 60px 18px 0px}.video_bg{background:url(../img/dpf-background-medium.jpg);background-size:cover;background-position:center 83px;background-repeat:no-repeat;height:458px}.video_bg video{display:none}.intro.startsite>div{padding:20px}.intro.startsite>div a,.intro.startsite>div p{display:none}.sec-first{padding:40px 20px 95px 20px}.footinfo{margin-top:70px}.sec-first .footinfo strong,.sec-second .footinfo strong{display:none}.sec-first:after{display:none}.sec-first .teaser-container{padding-bottom:18px}.sec-first .teaser-container,.teaser-container{height:auto}.sec-first .teaser-container{margin-top:-92px;margin-bottom:-30px}.teaser-container ul{margin:22px 10px 0 40px}.teaser-container p{margin-right:20px}.teaser-container>strong{display:block}.teaser-container>strong:after{right:18px}.teaser-header{height:58px;padding:9px 0 0 40px}.teaser-header strong{line-height:36px}#first-teaser:not(:target) .further,#first-teaser:not(:target) .hide,#first-teaser:target .show{display:none}#first-teaser:target .inhalt{display:block}#first-teaser:target{padding-bottom:70px}.hide,.show{float:right;margin-right:8px;position:absolute;right:8px;bottom:6px}.hide{margin-top:20px}.sec-second{padding:105px 20px 44px 20px}.sec-second .footinfo{display:none}.umwelt_bg{padding:80px 0 0 0;height:220px;background-size:auto;background-position:bottom center}.sec-third{padding:45px 20px 90px 20px}.sec-fourth{padding:88px 20px 90px 20px}.sec-fifth{padding:60px 20px 98px 20px}.sec-fifth .footinfo{margin:0}.sec-fifth .teaser div{position:initial}.partner-teaser-container .teaser{background-position:-390px}.workflow-container .firstcolumn:after{right:-14px}.workflow-container .centercolumn:after{left:0}.contactarea .teaser-container{left:-10px;width:105%}.contactarea input[type=submit]{margin-top:20px}footer .lastcolumn{width:100%}.copytext{font-size:12px}}header input[type=checkbox]{display:none;-webkit-appearance:none}@media screen and (max-width:350px){.teaser-container>strong:after{display:none}.phonecall a:first-child{font-size:16px}}@media screen and (max-width:1024px){nav.nav{position:absolute;left:0;width:100%;background:#123c55}header ul{margin:0;padding:0;position:absolute;text-align:center}header li{display:inline-block;float:left;margin-right:1px}header li a{display:block;min-width:140px;height:50px;text-align:center;line-height:50px;color:#fff;background:#123c55;text-decoration:none}.advantages table{width:100%}input[type=checkbox]:checked~nav #menu{display:block}input[type=checkbox]:checked~nav.nav{padding:30px 0}header ul{position:static;display:none}header li{margin-bottom:1px}header li a,header ul li{width:100%}}