@charset "utf-8"; :root{font-family: Arial, Helvetica, sans-serif;font-size: 1.0em;font-family:Arial, Helvetica, sans-serif;font-size:100%;--bg-nav:#333;--b1:300px;--c1:#D5825E;--c2:#7C98BA;--c3:#F9B006;--c4:#B0BED2;--c5:#D3DBE7;--c4:#E2DDD8;--c1A:#6EB6FF;--c2A:#C2AB84;--c3A:#FFB433;--c4A:#8699AD;--c5A:#8F8D89;--c6A:#8699AD;--c1A:#6DC0FF;--c2A:#B09999;--c3A:#F09695;--c4A:#839B8A;--c5A:#704D4C;--c6A:#24462F;--bg-footer:#6E6E6E;--c-footer:#FFF;--c-light-footer:#FC0;--form-bg:#f2f2f2;--form-fg:#333;--btn-fg:#fefefe;--btn-bg:#6C6;--bg-top:#a4a4a4; --bg-nav:#e88e8e;--bg-nav-hover:#949494;--fg-nav:#333;--bg-nav-sub:#e4f7ba;--bg-nav-sub:#a4a4a4;--bg-nav-sub-hover:#977e7e;--fg-nav-sub-hover:#2e9652;--nav-border:rgb(194, 194, 194);--bg-mid:#efefef;--fg-container-text:#333;--bg-container-text:#FC9;--border-container-text:red;--yellow:#d28a18;caret-color:transparent; scroll-behavior:smooth;-webkit-user-select:none; -ms-user-select:none; user-select:none; }html{scroll-behavior: smooth; }*{border:none;margin:0;padding:0;box-sizing: border-box;g_ap:0;g_ap: 0px 0px; user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }.is-touchscreen{border:none;}.is-mousedetect{border:none;}body {width:100%;font-family: Arial, sans-serif;margin: 0;padding:0;border:0px solid red;position: relative;}body.modal-open {overflow: hidden; o_pacity:0.7;f_ilter: blur(4px); z-index: 999;}.div-top{width:100%;background:#222; position: sticky;top:0;z-index:990;}.div-mid{width:100%;padding: 0.5em 0em;padding-bottom:5em;min-height:100vb;background:#197748;background:rgb(120, 208, 164);background:var(--bg-mid);}.div-footer{width:100%;min-height:7em;background:rgba(37, 56, 46, 1.0);p_osition: sticky;b_ottom:0;color:#fefefe;padding:3em 1em 2em 1em;font-size: 80%;color:#bfbebd;background:var(--bg-footer);color:var(--c-footer);padding:2em 2em !important;b_ackground:linear-gradient(175deg, #4F74B0 20%, var(--bg-footer), var(--bg-footer));background:linear-gradient(175deg, color-mix(in srgb, var(--bg-footer) 100%, white 20%) 20%, var(--bg-footer), var(--bg-footer));}.div-top,.div-top *{background:var(--bg-top);}#logo{h_eight:80px;padding:0.5em 0 0.5em 0.5em !important;display: flex;align-items: center;transition: all 0.5s;}#logo >img{height:60px;margin-left:0.5em;margin-right:1.5em;}#logo >h1{font-size: 16px;font-weight: 900;letter-spacing: 0.1em;color:#fff;}#logo >h1 >span{color: #ffe048;;}#logo.off,#logo.off *{height:0;d_isplay:none;p_adding:0;m_argin:0;font-size:0;transform:scale(0);animation: fadeLogo 0.4s ease-in-out; }@keyframes fadeLogo {0%{opacity: 1;height:80px;t_ransform: translateY(0);t_ransform: translateY(-50%);transform:scale(1);}100%{opacity: 0;height: 0;font-size:0;t_ransform: translateX(-200px);t_ransform: translateY(0%);transform:scale(0);}}.footer-container{display: flex;flex-direction: row;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;align-content: flex-start;gap: 2em 1em; }.footer-container >div{flex:none;border:0px solid yellow;min-width:18%;max-width:23%;}@media (max-width: 900px) {.div-footer{padding:3em 0em 2em 0em;}.footer-container{gap: 3em 2em; }.footer-container >div{m_in-width:35%;max-width:inherit;width:40%;}}.footer-container >div h3{font-size:100%;padding-left:0.6em;padding-bottom:0.3em;margin-bottom:0.5em;letter-spacing: 0.2em;border-bottom:1px solid #d28a18;}.footer-container >div ul{list-style-position: outside;padding-left:1em;}.footer-container >div ul li{padding:0.4em 0 0.4em 0.5em;}.footer-container >div ul li a,.div-footer .lastline a{color:#efefef;text-decoration: none;}.footer-container >div ul li::marker{content:"\25AA";color:var(--yellow);}.footer-container a:hover{border-bottom:1px solid #c0c0c0;}.div-footer .wrapper + .lastline-innung{width:75%;padding-left:1em;margin-top:2em;margin-bottom:1em;display:flex;align-items:center;}.div-footer .wrapper + .lastline-innung >div >img{width:60px;margin-right:1.5em;}.div-footer .wrapper + .lastline-innung >div >span{text-align:left;font-size:120%;display:inline-block;}.div-footer .wrapper + .lastline{text-align:center;width:75%;margin-top:3em;padding-top:0.5em;border-top:1px solid rgba(230, 230, 230,0.2) !important;}.wrapper{margin:0 auto;width:80%;border:0px solid green;}header{background:#222;z-index: 998;t_ransition: all 2s;}he_ader >div#logo{border:none;background: #a54747;background: #222;height:80px;overflow: hidden;transition: all 0.5s;animation: fadeLogo 0.4s ease; }he_ader >div >img{border:none;display: block;p_adding:5px;height:100%;opacity:1;}he_ader >div.off >img{d_isplay: none;height:0;padding:0;opacity:0;tr_ansition: all 0.5s;animation: fadeLogo 0.4s ease; }he_ader >div.off{d_isplay:none;height: 0;t_ransform: translateX(-200px);transition: all 0.5s;animation: fadeLogo 0.4s ease; }.nav-toggle {display: none;color:#fff;}nav {background: #222;co_lor: #fff;z-index:800;}nav ul {list-style: none;margin: 0;padding: 0;}nav > ul {display: flex;flex-direction: row;po___sition:relative;}nav > ul >li:not(:last-child){border-right:1px solid var(--nav-border);}n__av > ul >li.right {position:absolute;right:0;}nav li {position: relative;}nav ul a {display: block;padding: 14px 20px;color:var(--fg-nav);text-decoration: none;}n_av ul ul {list-style:square !important;list-style-position: inside;margin-left:1em;p_adding-left:3em;}nav ul ul a {display: block;padding: 8px 25px 8px 15px;font-style: italic;b_order:1px solid green;}nav ul ul a:before {content:"\25AA";margin-right:0.5em;color:#d28a18;color:var(--fg-link)}nav a:hover {background: var(--bg-nav-hover);}a.firstlink{background-image:url('http://www.dachdecker-scholtes.local/local/img/Dachdecker-Scholtes-LogoS.png');background-size: 20px;background-position:center;background-repeat: no-repeat;b_ackground-size: contain;v_ertical-align: middle;margin:0 auto;}@media (min-width: 600px) {.submenu {position: absolute;top: 100%;left: 0;background: #333;display: none;min-width: 180px;z-index: 999;}.submenu {border-right:1px solid var(--nav-border);border-bottom:1px solid var(--nav-border);box-shadow: 4px 4px 9px rgba(50, 48, 48,0.6);}li:hover > .submenu {display: block !important;}.submenu li{height: 35px;opacity: 1;transition: height 0.35s ease, opacity 0.95s ease;background:var(--bg-nav-sub) !important;border:none;}.submenu li a {white-space: nowrap;}.nav-toggle {display: none;}}@media (min-width: 600px) {.is-touchscreen .wrapper{w_idth:100%;}n_av {display: none;width: 100%;b_ackground: red !important;}.is-touchscreen nav > ul {f_lex-direction: column;}.is-touchscreen .submenu {overflow: hidden;}.is-touchscreen .submenu li {height: 0;opacity: 0;transition: height 0.15s ease, opacity 0.95s ease;}.is-touchscreen .submenu.open{display:block;}.is-touchscreen .submenu.open li {height: 35px;opacity: 1;border-bottom:1px dotted #444;}.is-touchscreen .submenu.open li:first-child{border-top:1px dotted #444;}.is-touchscreen .submenu li:nth-child(1) { transition-delay: 0.00s; }.is-touchscreen .submenu li:nth-child(2) { transition-delay: 0.05s; }.is-touchscreen .submenu li:nth-child(3) { transition-delay: 0.10s; }.is-touchscreen .submenu li:nth-child(4) { transition-delay: 0.15s; }.is-touchscreen .submenu li:nth-child(5) { transition-delay: 0.20s; }.is-touchscreen .submenu.close li {height: 0 !important;opacity: 0 !important;transition:height 0.35s ease,opacity 0.55s ease; }n_av.open {display: block;animation: fadeIn 0.3s ease;position:absolute;top:0;left:0;z-index: 998;}.n_av-toggle {background: none;border: none;color: white;font-size: 1.8rem;cursor: pointer;display: block;padding:0.01em 0.3em 0.2em 0.3em;position:absolute;top:2px;right:5px;z-index: 999;background: #222;border:1px solid #666 !important;border-radius: 4px;border:0px solid red;}}@media (max-width: 600px) {:root{font-size: 70%;}#logo >img{height:50px;padding:3px;v_isibility: hidden;d_isplay: none;}#logo >h1{h_eight:20px;p_adding:3px;v_isibility: hidden;d_isplay: none;font-size: 1em;}nav >ul >li:nth-child(1) >a:before{content: "\00BB \00A0 \00A0 ";font-weight: 900;}nav >ul >li:nth-child(1) >a:after{content:" - Dachdecker-Scholtes.de";}.wrapper{width:100%;}.footer-container{padding-left:4em;padding-right:4em;}nav {display: none;width: 100%;b_ackground: red !important;}nav > ul {flex-direction: column;}nav ul ul a{padding: 8px 25px 8px 35px;padding: 6px 25px 6px 35px;}.submenu {overflow: hidden;}.submenu li {height: 0;opacity: 0;transition: height 0.15s ease, opacity 0.95s ease;}.submenu.open li {height: 24px;opacity: 1;border-bottom:1px dotted #444;}.submenu.open li:first-child{b_order-top:1px dotted #444;}.submenu li:nth-child(1) { transition-delay: 0.00s; }.submenu li:nth-child(2) { transition-delay: 0.05s; }.submenu li:nth-child(3) { transition-delay: 0.10s; }.submenu li:nth-child(4) { transition-delay: 0.15s; }.submenu li:nth-child(5) { transition-delay: 0.20s; }.submenu.close li {height: 0 !important;opacity: 0 !important;transition:height 0.35s ease,opacity 0.55s ease; }nav.open {display: block;animation: fadeIn 0.3s ease;position:absolute;top:0;left:0;z-index: 998;}.nav-toggle {background: none;border: none;color: white;font-size: 1.8rem;cursor: pointer;display: block;padding:0.01em 0.3em 0.2em 0.3em;position:absolute;top:2px;right:5px;z-index: 999;background: #222;border:1px solid #666 !important;border-radius: 4px;border:0px solid red;}}@keyframes fadeIn {0% { opacity: 0;transform: translateY(-150px);t_ransform: translateY(-50%);transform:scale(.01);}75% {transform:scale(102%);}100% { opacity: 1;transform: translateY(0);t_ransform: translateY(0%);transform:scale(1);}}