@import url("reset.css");
/*-----------FONTS-----------*/
@font-face{font-family:Roboto;font-style:normal;font-weight:300;src:url(../fonts/roboto-v19-latin-300.eot);src:local('Roboto Light'),local('Roboto-Light'),url(../fonts/roboto-v19-latin-300.eot?#iefix) format('embedded-opentype'),url(../fonts/roboto-v19-latin-300.woff2) format('woff2'),url(../fonts/roboto-v19-latin-300.woff) format('woff'),url(../fonts/roboto-v19-latin-300.ttf) format('truetype'),url(../fonts/roboto-v19-latin-300.svg#Roboto) format('svg')}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:url(../fonts/roboto-v19-latin-regular.eot);src:local('Roboto'),local('Roboto-Regular'),url(../fonts/roboto-v19-latin-regular.eot?#iefix) format('embedded-opentype'),url(../fonts/roboto-v19-latin-regular.woff2) format('woff2'),url(../fonts/roboto-v19-latin-regular.woff) format('woff'),url(../fonts/roboto-v19-latin-regular.ttf) format('truetype'),url(../fonts/roboto-v19-latin-regular.svg#Roboto) format('svg')}@font-face{font-family:Roboto;font-style:normal;font-weight:500;src:url(../fonts/roboto-v19-latin-500.eot);src:local('Roboto Medium'),local('Roboto-Medium'),url(../fonts/roboto-v19-latin-500.eot?#iefix) format('embedded-opentype'),url(../fonts/roboto-v19-latin-500.woff2) format('woff2'),url(../fonts/roboto-v19-latin-500.woff) format('woff'),url(../fonts/roboto-v19-latin-500.ttf) format('truetype'),url(../fonts/roboto-v19-latin-500.svg#Roboto) format('svg')}body{font-family:Roboto,sans-serif;font-size:16px;font-weight:300;line-height:160%}p{margin-bottom:10px}a{color:#000;text-decoration:none;cursor:pointer}h1{font-size:35px;line-height:40px;margin-bottom:10px;color:#fff}h2{font-size:24px;margin-bottom:30px;text-transform:none}h3{font-size:20px;margin-bottom:10px}h4{font-size:16px}li{font-size:14px;list-style:disc}strong{font-weight:500;font-size:16px;font-weight:600}.line{background-color:#000;width:50px;height:3px;margin-bottom:25px}.logo{width:400px;height:auto;top:50vh;right:5%;z-index:99;margin-bottom:30px}nav{width:100%;z-index:101;top:0;text-align:right;padding:22px 0;z-index:100;position:fixed;background:#c4000a;background:linear-gradient(180deg,rgba(196,0,10,.6) 0,rgba(255,255,255,0) 100%)}nav ul{margin-right:5%}nav ul li{display:inline-block;margin:0 2%}nav ul li a{text-decoration:none;font-size:18px;color:#fff;font-weight:600}nav ul li a:hover{color:#c4000b;background-color:#fff;padding:5px 20px;border-radius:15px;transition:.3s}.navi{display:none}.burger-nav{position:fixed;right:0;top:-6px;color:#fff;z-index:9999;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);font-size:40px;cursor:pointer;transition:all .4s ease-in-out;background-color:#c4000b;padding:16px 21px 21px 19px;border-radius:15px 15px 0 15px}.burger-nav b{transition:all .4s ease-in-out;float:left;margin-left:0;font-family:Roboto;font-style:normal}.burger-nav-anim{top:-5px;color:#fff}.burger-nav-anim b:first-of-type{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.burger-nav-anim b:nth-of-type(2){opacity:0}.burger-nav-anim b:last-of-type{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);margin-left:-80%}.full-screen-nav{position:fixed;z-index:9989;width:100%;height:100vh;background:#c4000b;display:table;visibility:hidden;transition:all .4s ease-in-out;opacity:0;top:0}.full-screen-nav ul{text-align:center;display:table-cell;vertical-align:middle;width:100%}.full-screen-nav ul li a{padding:20px;display:block;font-size:30px;color:#fff;transition:all .4s ease-in-out;text-decoration:none}.fadeIn{opacity:1!important;visibility:visible!important}.fadeUp{opacity:1!important;margin-top:0!important}aside{margin-top:-16px}aside img{position:fixed;background-color:#fff;width:45px;z-index:999;right:3%;transition:.5s;padding:5px;border-radius:100px}aside img:hover{background-color:#c4000b}.mail{top:300px}.phone{top:370px}.adress{top:440px}.subnav{position:fixed;bottom:0;background-color:#c4000b;z-index:999;transition:.5s;width:100%;text-align:right;padding:5px}.subnav a{color:#fff;padding:8px 15px;font-size:14px;margin-left:20px;line-height:23px}.subnav a:nth-of-type(2){margin-right:5%}.subnav a:hover{color:#000}header{background:url(../images/albert-wieder-malerbetrieb.webp) no-repeat;height:100vh;width:100%;background-size:cover;background-attachment:fixed;background-position:center;position:relative}#stoerer{position:absolute;right:15%;bottom:40vh;text-align:right}html{scroll-behavior:smooth}#leistungen,#ueberuns{padding:120px 0}.content{display:flex;width:80%;margin-left:10%}.col{width:90%}.col:nth-of-type(2){padding-left:10%}.btn{background-color:#fff;color:#c4000b;padding:5px 30px;transition:.5s;border-radius:50px;width:auto;display:inline-block;margin-top:20px}.btn:hover{background-color:#c4000b;color:#fff}::-moz-selection{background:#7a0007;color:#fff}::selection{background:#7a0007;color:#fff}#ueberuns{margin-top:55px}#ueberuns{text-align:center}#ueberuns .col{width:100%}#ueberuns h2{color:#c4000b;text-transform:none}#ueberuns h3{color:#c4000b;text-transform:none}#ueberuns .btn{background-color:#c4000b;color:#fff}.overlay-popup{position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.7);transition:opacity .5s;visibility:hidden;opacity:0;z-index:999}.overlay-popup:target{visibility:visible;opacity:1}.popup{margin:70px auto;padding:20px;background:#fff;border-radius:5px;width:30%;position:relative;transition:all 3s ease-in-out;z-index:99999;max-height:70vh;overflow-y:scroll}.popup li,.popup strong{font-size:18px;line-height:25px}.popup h2{margin-top:10%}.popup .close{position:absolute;top:20px;right:30px;transition:all .2s;font-size:30px;font-weight:700;text-decoration:none;color:#333}.popup .close:hover{color:#a43f20}.popup-content{overflow:auto;justify-content:left;z-index:999}.popup-content h3{margin-bottom:5%}.popup-content h2{color:#c4000b!important}.popup-content li{list-style-type:disc;margin-bottom:20px}#leistungen{background-color:#c4000b}#leistungen h2{color:#fff;text-transform:none}#leistungen h3{color:#fff}#leistungen .col{text-align:center}.center{width:50%;margin-left:25%;text-align:center}.cards-content{justify-content:center;flex-wrap:wrap;display:flex;width:100%;margin-left:0;align-items:center;padding:0;column-gap:20px}.card{width:16rem;height:20rem;border-radius:10px;overflow:hidden;position:relative;margin-bottom:40px;text-align:left;z-index:0!important}.card::before{content:'';display:block;position:absolute;top:35%;left:50%;transform:translate(-50%,-50%);z-index:9999;transition:.5s;color:#fff;font-size:24px}.card p{font-style:normal;color:#fff}.card h3{color:#fff}.card-1::before{content:'Maler- und Tapezierarbeiten';text-align:center;margin-top:70px}.card-2::before{content:'Lackierarbeiten';text-align:center;margin-top:70px}.card-3::before{content:'Fassadengestaltung';text-align:center;margin-top:70px}.card-4::before{content:'Dekorative Maltechniken';text-align:center;margin-top:70px}.card .image{object-fit:initial;width:100%;height:100%}.overlay{position:absolute;top:0;bottom:0;left:0;right:0;height:100%;width:100%;opacity:0;transition:.5s ease;background-color:#dc4826}.card:hover .overlay{opacity:1}.text-hidden{color:#fff;justify-content:left;flex-wrap:wrap;display:flex;width:80%;margin-left:10%;margin-top:30%;align-items:center;padding:0}#gallery{margin-top:100px;margin-bottom:100px;text-align:center}#gallery h2{color:#c4000b;text-transform:none}#gallery h3{color:#c4000b;text-transform:none;margin-bottom:75px}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0 4px}.column{-ms-flex:33%;flex:33%;max-width:33%;padding:0 4px}.column img{margin-top:8px;vertical-align:center;width:75%;border-radius:10px}.photo-grid{display:flex;width:100%;margin:auto}.photo-grid *{box-sizing:border-box}.noflex{display:block}#landingpage *{box-sizing:border-box}#landingpage h1,#landingpage h2,#landingpage h3,#landingpage h4,#landingpage h5,#landingpage h6{color:#c4000b;font-weight:700;line-height:120%}#landingpage h1{margin-bottom:20px}#landingpage h2{margin-bottom:20px}#landingpage h3{margin-bottom:10px}#landingpage h4{margin-bottom:10px}#landingpage small{color:#000;font-weight:300;font-size:80%;display:inline-block;line-height:140%}#landingpage header{height:auto;max-height:none;background:0 0}#landingpage .container{color:#000;width:100%;max-width:1000px;margin:0 auto 100px;padding:clamp(20px,5%,60px);padding-top:150px;background-color:#eee}#landingpage img{max-width:100%}.cta-here a{color:#c4000b}#landingpage footer{background-color:#ece1e1}.pstn{position:relative}.logo-bg{position:absolute;top:30px;right:20px;width:200px}#landingpage ul{margin-left:15px;margin-bottom:20px}#landingpage ul li{font-size:16px}@media screen and (max-width:800px){.column{-ms-flex:100%;flex:100%;max-width:100%}.photo-grid{margin-left:0}}@media screen and (max-width:600px){.column{-ms-flex:100%;flex:100%;max-width:100%}.photo-grid{margin-left:0}}#CTA{background:url(../images/puffer.jpeg) no-repeat;height:auto;width:100%;background-size:cover;background-attachment:fixed;background-position:center top;position:relative;position:relative;padding:150px 0}#CTA h2,#CTA p{color:#fff;text-align:right}#CTA .col{background:rgba(196,0,11,.75);margin:0 auto;padding:40px;border-radius:15px}#CTA p{text-align:center;opacity:100%}#CTA h2{text-align:center}footer{padding:120px 0;background-color:#fff}footer a,footer h2,footer h3,footer p{color:#c4000b}footer a{text-decoration:underline}.dsa-secure-plugin{margin-top:50px}.formular{margin-top:50px;width:50%;height:800px}@media screen and (max-width:1366px){.puffer1,.puffer2,header{background-attachment:scroll}.popup{width:70%}.popup .popup-content{max-height:80vh;overflow-y:scroll}}@media screen and (max-width:900px){h1{font-size:25px}header{height:75vh}nav{background:0 0;box-shadow:0 0 0}nav ul{display:none}.navi{display:block}.formular{width:auto}.dsa-secure-plugin{display:none}.cards-content{margin:0}.card-1::before{font-size:20px}.card-2::before{font-size:20px}.card-3::before{font-size:20px}.card-4::before{font-size:20px}.card{height:auto}#CTA .col{margin:0}.logo{top:10vh;width:300px}#stoerer{text-align:left;right:15vw;top:25vh}#ueberuns .col{margin:0}aside img{width:30px}.mail{top:100px}.phone{top:160px}.adress{top:220px}.popup{width:70%}.popup .popup-content{overflow:scroll;max-height:80vh;overflow-y:scroll}}@media screen and (max-width:700px){main{text-align:center}.content{display:block}.col{width:80%;margin-left:10%}.col:nth-of-type(2){padding:40px 0 0}}#stoerer{top:30vh}.logo{top:10vh;width:200px}@media screen and (max-width:500px){.mail{top:150px}.phone{top:220px}.adress{top:290px}}