/* lato-regular - latin */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 400; src: url('../Fonts/lato-v20-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('../Fonts/lato-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../Fonts/lato-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../Fonts/lato-v20-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../Fonts/lato-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../Fonts/lato-v20-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */ } /* lato-700 - latin */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 700; src: url('../Fonts/lato-v20-latin-700.eot'); /* IE9 Compat Modes */ src: local(''), url('../Fonts/lato-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../Fonts/lato-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../Fonts/lato-v20-latin-700.woff') format('woff'), /* Modern Browsers */ url('../Fonts/lato-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../Fonts/lato-v20-latin-700.svg#Lato') format('svg'); /* Legacy iOS */ } /**** BASE *****/ @font-face { font-display: auto; } * { padding:0; margin:0; border:0 none; } a img { border:0 none; } .clear { clear:both; float:none; width:100%; height:0; margin:-1px 0; padding:0; font:normal 1px/1px sans-serif; } .divider { clear:both; width:100%; max-width:1100px; height:19px; margin:20px auto 30px auto; border-bottom:1px solid rgb(255,255,255); } hr { background:transparent; margin:0; border-top:1px solid rgb(255,255,255); padding:0 0 8px 0; } sub, sup { font-size:.625em; line-height:0; } html { width:100%; height:100%; margin:0; padding:0; } body { width:100%; margin:0; padding:0; background:white; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; -webkit-text-size-adjust:none; } .ovh { overflow:hidden; position:relative; } #canvas { position:relative; width:100%; min-height:100vh; margin:0 auto; padding:0; text-align:left; } img { display:block; width:100%; height:auto; } #header, #section { width:calc(100% - 240px); margin:0 auto; padding:0 120px; min-height:100px; text-align:left; position:relative; overflow:hidden; } #header { padding:100px 120px 40px; z-index:5; } footer { width:100%; margin:0 auto; padding:0; min-height:100px; text-align:left; position:relative; overflow:hidden; } #section.noheader { margin-top:100px; } .content { width:100%; min-height:100px; margin:0 auto; text-align:left; position:relative; } .article, .content-inner-wrap { width:100%; max-width:1220px; padding:80px 0; margin:0 auto; float:none; clear:both; text-align:left; font-size:0; } .article { display:inline-block; vertical-align:top; width:calc(100% - 80px); padding:0 40px; } .content-wide .article, .content-wide .content-inner-wrap { max-width:100%; width:100%; padding: 0; } .content-wide .content-inner-wrap .inner-position { max-width:100%; width:100%; margin:0 auto; } .content-wide .content-inner-wrap .article {padding: 0;} footer .content-inner-wrap { max-width:1220px; padding-bottom:0; } .frame { display:inline-block; padding:0 20px; height:auto; margin:0; width:calc(100% - 40px); font-size:1rem; vertical-align:top; text-align:left; } .frame.frame-type-header { padding:0 20px; } .frame-type-html iframe { display:block; max-width:100%; margin:0 auto; } .inner-frame { font-size:1rem; } .color-gray { background:rgb(242,242,242); } .color-blue { background:rgb(0,100,140); } .frame-type-divider { padding:0 20px; } /*#fc-4.ae_parallax { overflow:hidden; }*/ #canvas .frame-space-before-extra-small { padding-top:10px; } #canvas .frame-space-after-extra-small { padding-bottom:10px; } #canvas .frame-space-before-small { padding-top:20px; } #canvas .frame-space-after-small { padding-bottom:20px; } #canvas .frame-space-before-medium { padding-top:30px; } #canvas .frame-space-after-medium { padding-bottom:30px; } #canvas .frame-space-before-large { padding-top:40px; } #canvas .frame-space-after-large { padding-bottom:40px; } #canvas .frame-space-before-extra-large { padding-top:50px; } #canvas .frame-space-after-extra-large { padding-bottom:50px; } /* DOWN */ .arw-down { position:absolute; bottom:60px; transform:translateX(-50%); left:50%; cursor:pointer; } .arw-down .scroll-icon { display:block; } .scroll-icon .dot-ani { animation:AnimateScroll 1.5s ease 2s infinite; } @keyframes AnimateScroll { from { transform: translateY(-10%); opacity: 1; } to { transform: translateY(25%); opacity: 0; } } /*******/ #breadcrumb { width:calc(70% - 60px); right:60px; top:20px; position:absolute; z-index:4; } #breadcrumb ul { display:block; width:calc(100% - 40px); padding:0 20px; margin:0 auto; max-width:900px; font-size:0; } #breadcrumb ul li { display:inline-block; } #breadcrumb ul .b-sep { display:inline-block; font:400 1.125rem/1.5em "Lato", sans-serif; color:rgb(255,255,255); padding:0 5px; } #breadcrumb ul li a { display:inline-block; font:400 1.125rem/1.5em "Lato", sans-serif; color:rgb(255,255,255); } #breadcrumb .current a { color:rgb(5,25,125); } /*** ERSTER INHALT ***/ #pid7 #fc-1:after { content:""; display:block; height:0; width:100%; margin-top:235px; } #pid13 #fc-1, #pid35 #fc-1 { z-index:10; } #pid13 #fc-1 .content-inner-wrap, #pid35 #fc-1 .content-inner-wrap { padding:80px 0 0; margin-bottom:-60px; } /*#fc-1 .content-inner-wrap { position:absolute; bottom:80px; left:0; } .content-bg:before { display:block; content:""; width:100%; height:100%; background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,0.4990371148459384) 0%, rgba(255,255,255,0) 100%);}*/ /***************************************/ /**** HEADERBAR ****/ /***************************************/ #headerbar { display:block; position:fixed; z-index:15; top:0; left:0; right:0; padding:0; margin:0 auto; width:calc(100% - 240px); height:100px; background:white; transition:all 0.35s ease; } body.scrolled #headerbar { height:80px; } #headerbar .headerbar-inner { margin:0 auto; width:100%; height:100%; position:relative; } .contact { display:none; position:absolute; top:50%; transform:translateY(-50%); right:0; height:auto; transition:all 0.35s ease; } #headerbar .logo { display:block; float:left; } #headerbar .logo svg { display:block; width:180px; height:auto; padding-top:40px; transition:all 0.35s ease; } body.scrolled #headerbar .logo svg { width:150px; top:15px; } /* MENÜ */ #menu .men-button { display:none; } #menu { display:block; width:calc(100% - 200px); position:absolute; right:0; margin:0 auto; top:35%; } #menu ul li a { display:block; font:400 1em/1.5em "Lato", sans-serif; color:black; text-align:left; padding-bottom:20px; } #menu .men-level-2-wrap a { padding-bottom:0; } #menu a:hover, #menu .active a { text-decoration:none; } #menu li a:before { content: ""; position:absolute; z-index: 1; left:51%; right:51%; bottom:20px; background:rgb(0,143,191); height:2px; -webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out; } #menu li:hover a:before, #menu .active a:before { left:0; right:0; } #menu .men-level-2-wrap a:before { display:none; } #menu .men-main-wrap { width:100%; text-align:right; } #menu .men-level-1-wrap { margin-bottom:0; font-size:0; } #menu .men-level-1-wrap li { display:inline-block; padding:0; margin:0 1.25em; width:inherit; font:400 1rem/1.5em "Lato", sans-serif; } /*#menu .men-level-1-wrap li.men-level-1-item:last-of-type { font:700 1rem/1.4em "Lato", sans-serif; width:auto; padding:.5em .83em; background:rgb(0,143,191); border-radius:8px; cursor:pointer; transition:all 0.35s ease; text-decoration:none; margin-right:0; border:1px solid rgb(0,143,191); } #menu .men-level-1-wrap li.men-level-1-item:last-of-type a { color:rgb(255,255,255); padding-bottom:0; } #menu .men-level-1-wrap li.men-level-1-item:last-of-type a:before { display:none; } #menu .men-level-1-wrap li.men-level-1-item:last-of-type a.active, #menu .men-level-1-wrap li.men-level-1-item:last-of-type:hover a { color:rgb(0,143,191); } #menu .men-level-1-wrap li.men-level-1-item.active:last-of-type, #menu .men-level-1-wrap li.men-level-1-item:last-of-type:hover { background-color:white; color:rgb(0,143,191); }*/ #menu .men-level-1-wrap li:before { display:none; content:none; } #menu .men-level-2-wrap { display:none; position:absolute; top:39px; left:-20px; padding:15px 0; background:white; width:220px; /*box-shadow:0 5px 5px rgba(0,0,0,0.2);*/ border-radius:0 0 10px 10px; } #menu li:hover .men-level-2-wrap { display:block; } #menu .men-level-2-wrap a { transition:all 0.35s ease; } #menu .men-level-2-wrap li { width:calc(100% - 3em); padding:5px 0; } #pid34 #menu .men-level-2-wrap .current a.active, #menu .men-level-2-wrap a:hover, #menu .men-level-2-wrap a.active { color:rgb(0,143,191); } #pid34 #menu .men-level-2-wrap a.active { color:black; } /* SIDEBAR */ /*#sidebar { position:fixed; z-index:3; left:0; top:0; height:100%; width:120px; } #sidebar .side-inner { position:relative; top:50%; transform:translateY(-50%); } #sidebar .side-inner a { display:block; position:relative; margin:20px; padding:0 20px; } #sidebar .side-inner a:not(:last-of-type):after { display:block; content:""; position:absolute; bottom:-10px; width:60px; left:10px; height:1px; background:rgb(0,143,191); } #sidebar .side-inner svg { display:block; width:40px; height:40px; } #sidebar .side-inner .icn-text { display:block; position:absolute; z-index:-1; top:0; left:20px; opacity:0; font:400 1em/40px "Lato", sans-serif; color:rgb(0,143,191); transition:all 0.35s ease; background:white; padding:0 20px; } #sidebar .side-inner a:hover .icn-text { opacity:1; left:60px; }*/ #sidebar { position:fixed; z-index:14; left:0; top:0; height:100%; width:120px; } #sidebar .side-inner { position:relative; top:50%; transform:translateY(-50%); width:250px; padding:10px 0; left:-130px; transition:all 0.45s cubic-bezier(0.34, 1.56, 0.64, 1); background:white; border-radius:10px; } #sidebar .side-inner a { display:block; position:relative; margin:20px 0; padding:0 20px; } #sidebar .side-inner a:not(:last-of-type):after { display:block; content:""; position:absolute; bottom:-10px; width:60px; right:30px; height:1px; background:rgb(0,143,191); transition:all 0.45s cubic-bezier(0.34, 1.56, 0.64, 1); } #sidebar .side-inner svg { display:block; width:40px; height:40px; padding:0 20px; float:right; transition:all 0.35s ease; } #sidebar .side-inner .icn-text { display:block; opacity:0; font:400 1em/40px "Lato", sans-serif; color:rgb(0,143,191); padding:0 20px; text-decoration:none; transition:all 0.35s ease; } #sidebar .side-inner:hover { left:0px; } #sidebar .side-inner:hover .icn-text { opacity:1; } #sidebar .side-inner:hover a:not(:last-of-type):after { width:190px; } #sidebar .side-inner a:hover { text-decoration:none; } #sidebar .side-inner a:hover .icn-text { color:rgb(135,135,135); } #sidebar .side-inner a:hover .svg-blue-stroke { stroke:rgb(135,135,135); } #sidebar .side-inner a:hover .svg-blue { fill:rgb(135,135,135); } /* NAV */ #side-menu { position:absolute; z-index:5; top:0; left:0; width:30%; height:100vh; background:white; } #side-menu.s-fix { position:fixed; } #side-menu.bot-pos { position:absolute; top:auto; bottom:0; } #side-menu ul { display:block; position:absolute; bottom:0; left:0; width:100%; counter-reset:number; } #side-menu ul li { display:block; position:relative; border-bottom:1px solid rgb(169,167,168); } #side-menu ul li a { display:block; font:400 1.875em/1em "Lato", sans-serif; color:rgb(169,167,168); padding:40px; text-transform:uppercase; text-decoration:none; transition:all 0.35s ease; } #side-menu ul li a:hover, #side-menu ul li.active a { color:rgb(5,25,130); } #side-menu ul li:before { position:absolute; top:15px; left:15px; font:400 0.875em/1em "Lato", sans-serif; color:rgb(169,167,168); counter-increment:number; content: "{0"counter(number)"}"; pointer-events:none; } #side-menu ul li a:after { display:block; content:""; position:absolute; top:calc(50% - 14px); right:40px; width:28px; height:28px; border-top:1px solid rgb(5,25,130); border-left:1px solid rgb(5,25,130); transform:rotate(135deg); cursor:pointer; opacity:0; } #side-menu ul li a:hover:after { opacity:1; } /***************************************/ /**** HEADER ****/ /***************************************/ /*#header:before { display:block; content:""; width:100%; height:0; padding-top:100vh; }*/ .header-wrap { /*width:calc(100% - 80px); height:calc(100% - 80px); position:absolute; top:40px; left:40px;overflow:hidden;*/ } #comparison { overflow:visible !important;} .header-wrap:before { width:100%; height:25%; display:block; content:""; position:absolute; top:0; left:0; z-index:1; background:white; background:-moz-linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background:-webkit-linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background:linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1); opacity:.9; pointer-events:none; } #header img, #header video { width:100%; height:auto; margin:0; } #header.big-header img, #header.big-header video { width:100%; height:100%; -o-object-fit:cover; object-fit:cover; /*position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);*/ } #header .frame.frame-type-image, #header .frame.frame-type-html { display:block; padding:0; max-width:none; width:100%; text-align:right; } .arrow { position:absolute; top:calc(50% - 14px); left:20px; width:28px; height:28px; border-top:1px solid white; border-left:1px solid white; transform:rotate(-45deg); cursor:pointer; } .arrow.arw-next { transform:rotate(135deg); left:auto; right:80px; } /*#header img { position:absolute; min-width:100%; min-height:100%; margin:auto; left:50%; top:50%; transform:translate(-50%, -50%); width:auto; height:auto; }*/ #header .overlay { position:absolute; z-index:2; top:0; left:0; width:100%; height:100%; pointer-events:none; } #header .overlay .o-text { position:absolute; left:50%; top:50%; width:100%; max-width:850px; text-align:center; display:block; transform:translate(-50%,-50%); font:700 3.125em/1.25em "Lato", sans-serif; color:white; text-shadow:0 0 10px rgba(0,0,0,0.5); } #header .overlay .disturber { position:absolute; right:40px; top:40px; width:160px; } #header .dragger { left:10%!important; position:relative; } #header .dragger-small { height:30px; width:auto; margin-bottom:0; /*animation:move 1s ease 6;*/ position:relative; z-index:1; } .dragger .sonar { position:absolute; margin:32px auto; width:50px; height:50px; border-radius:50%; background-color:rgb(0,143,191); top:-137%; left:-16.5px; z-index:0; } .dragger .sonar-wave { position:absolute; top:0; left:0; width:100%; height:100%; border-radius:50%; border:1px solid rgb(0,143,191); opacity:0; z-index:-1; pointer-events:none; animation:sonarWave 2.5s linear infinite; } .dragger .sonar-wave2 { animation-delay:.4s; } .dragger .sonar-wave3 { animation-delay:.8s; } @keyframes sonarWave { from { opacity:1; } to { transform:scale(3); opacity:0; } } #header a.button { position:absolute; bottom:20%; left:50%; z-index:4; transform:translateX(-50%); background:white; border-color:white; } #header a.button:hover { border-color:rgb(0,143,191); background-color:rgb(0,143,191); color:white; } .comparisonSection { position:relative; padding-bottom:43.75%; } .comparisonImage { width:100%; height:100%; } .afterImage { position:absolute; overflow:hidden; top:0; transform:translate(0, 100%); outline:1px solid white; } .afterImage img { transform:translate(0, -100%); } .comparisonImage img { width:100%; height:100%; position:absolute; top:0; } .svg-white { fill:white; } .svg-white-stroke { fill:none; stroke:white; stroke-width:2px; } .svg-black { fill:black; } .svg-black-stroke { fill:none; stroke:black; stroke-width:2px; } .svg-lightgray { fill:rgb(242,242,242); } .svg-blue { fill:rgb(0,143,191); } .svg-blue-stroke { fill:none; stroke:rgb(0,143,191); stroke-miterlimit:10; } .svg-gray { fill:rgb(135,135,135); } .svg-stroke-2 { stroke-width:2px; } .svg-lightgray-map { fill:rgb(242,242,242);; stroke:#fff; stroke-linecap:round; stroke-linejoin:round; stroke-width:2px; } .svg-pulse { fill:none; stroke-width:5px; stroke-opacity:1; stroke:black; transform:scale(0.3); } #hirschfeld_pulse.svg-pulse { transform-origin:154.27px 854.74px; } #badsalzungen_pulse.svg-pulse { transform-origin:499.08px 640.2px; } #ellzee_pulse.svg-pulse { transform-origin:478.63px 1175.2px; } #zeven_pulse.svg-pulse { transform-origin:383px 249.52px; } .svg-pulse-active { animation-duration:2s; animation-name:pulse; animation-iteration-count:infinite; } @keyframes pulse { from { stroke-width:5px; stroke-opacity:1; transform:scale(0.3); } to { stroke-width:0; stroke-opacity:0; transform:scale(2); } } @keyframes pulse { from { stroke-width:5px; stroke-opacity:1; transform:scale(0.3); } to { stroke-width:0; stroke-opacity:0; transform:scale(2); } } @keyframes move { 0% { margin-bottom:50px; } 50% { margin-bottom:65px; } 100% { margin-bottom:50px; } } .phone { position:relative; padding-left:2em; } .phone:hover { text-decoration:none; } .phone:before { display:block; position:absolute; left:0; top:50%; transform:translateY(-50%); content:""; background:center center url('data:image/svg+xml;utf8,') no-repeat; width:1.5em; height:1.5em; } /***************************************/ /**** CONTENT ****/ /***************************************/ .content-bg { position:absolute; width:100%; height:100%; background-size:cover; background-position:center top; top:0; z-index:-1; } /*** TEXT UND HEADLINES ***/ /* Barrierefreiheit (10.11.2026): Markenblau rgb(0,143,191) erreicht als Textfarbe nur 3,7:1 auf Weiß und 3,3:1 auf #f2f2f2 (WCAG 2.1 AA verlangt 4,5:1 für normalen Text). --aq-blue-text ist der hellste Ton gleicher Richtung, der beides erfüllt (5,1:1 bzw. 4,5:1, weiße Schrift darauf 5,1:1). Flächen und Icons (.svg-blue, Verläufe) behalten das Markenblau. */ :root { --aq-blue:rgb(0,143,191); --aq-blue-text:#00779f; --aq-blue-dark:#005680; } a { text-decoration:none; color:var(--aq-blue-text); } a:hover { text-decoration:underline; } header .subheader { display:block; font:700 1.125em/1.25em "Lato", sans-serif; color:var(--aq-blue-text); } .header-description .header-title, h1 { display:block; font:700 3.75em/1.25em "Lato", sans-serif; color:rgb(0,143,191); margin:1em 0; position:relative; font-variant-ligatures:none; } h2 { display:block; font:700 2.375em/1.25em "Lato", sans-serif; color:rgb(0,143,191); margin:1em 0; position:relative; -ms-word-break:normal; word-wrap:break-word; -webkit-hyphens:auto; -moz-hyphens:auto; -ms-hyphens:auto; font-variant-ligatures:none; } header h1, .frame:not(#c78) header h2 { margin:0; padding-bottom:1.5em; } .header-description .header-desc, h3 { display:block; font:700 1.5em/1.25em "Lato", sans-serif; color:rgb(0,143,191); margin:1em 0; position:relative; -ms-word-break:normal; word-wrap:break-word; -webkit-hyphens:auto; -moz-hyphens:auto; -ms-hyphens:auto; font-variant-ligatures:none; } header h3 { margin-top:0; } .frame-csc-col-width-50 header h3 { margin-top:-6px; } h4 { display:block; font:700 1.125em/1.25em "Lato", sans-serif; color:rgb(75,75,75); margin:1em 0; position:relative; -ms-word-break:normal; word-wrap:break-word; -webkit-hyphens:auto; -moz-hyphens:auto; -ms-hyphens:auto; font-variant-ligatures:none; } header h1:after, .frame:not(#c78) header h2:after { display:block; content:""; position:absolute; bottom:.8em; left:0; width:60px; height:0; border-top:1px solid rgb(0,143,191); } header h1.ce-headline-center:after, header h2.ce-headline-center:after { left:0; right:0; margin:0 auto; } footer header h2:after { border-color:white !important; } h6, h5 { display:block; font:400 1.125em/1.25em "Lato", sans-serif; color:var(--aq-blue-text); font-variant-ligatures:none; } .news-backlink-wrap, p { display:block; font:400 1.125em/1.44em "Lato", sans-serif; color:rgb(75,75,75); margin:1em 0; text-rendering:optimizelegibility; -ms-word-break:normal; word-wrap:break-word; -webkit-hyphens:auto; -moz-hyphens:auto; -ms-hyphens:auto; hyphens:auto; text-align:left; } .frame-csc-col-width-33 p, .frame-csc-col-width-50 p { line-height:1.3em; } .header-description .header-title, .header-description .header-desc { color:white; text-shadow:0 0 20px rgba(0,0,0,.9); } p.focus { font:600 1.5em/2.333em "Lato", sans-serif; color:rgb(0,143,191); } p.focus span { font-size:2.9em; } a.more:after { display:inline; content:">"; font-size:1.3em; vertical-align:bottom; } .news-backlink-wrap a:before { display:inline; content:"<"; font-size:1.3em; vertical-align:bottom; } #section .ce-textpic a[href^=tel i]:before { display:inline-block; content:''; width:1.5em; height:1.5em; margin:0 .25em -.4em -.25em; background:center center url('data:image/svg+xml;utf8,') no-repeat; background-size:contain; } #section .ce-textpic a[href*=mailto i]:before { display:inline-block; content:''; width:1.5em; height:1.5em; margin:0 .25em -.4em -.25em; background:center center url('data:image/svg+xml;utf8,') no-repeat; background-size:contain; } strong, b, p strong, p b { font-weight:600; } pre { white-space:inherit; } dl { display:block; font-size:0; margin-bottom:.6em; } dl dd, dl dt { display:inline-block; position:relative; width:calc(100% - 280px); padding:0; font:400 1.125rem/1.4em "Lato", sans-serif; color:rgb(75,75,75); } dl dt { width:280px; } ul { display:block; list-style:none outside; margin-bottom:.6em; } ul li { display:block; position:relative; width:calc(100% - .8em); padding:0 0 0 .8em; font:400 1.125rem/1.4em "Lato", sans-serif; color:rgb(75,75,75); margin:1.4em 0; } ul li:before { display:block; position:absolute; top:0; left:0; content:"•"; font:700 .9em/1.6em "Lato", sans-serif; color:rgb(0,143,191); } .frame-type-felogin_login li { padding:0; color:rgb(0,143,191) } .frame-type-felogin_login li:before { display:none; content:none; } .frame-layout-160 p { font:700 3.75em/1.25em "Lato", sans-serif; color:white; margin:1em 0; } .frame-layout-130 ul li { padding:0 0 0 40px; width:calc(100% - 40px); } .frame-layout-130 ul li:before { content:""; top:-0.2em; left:0; width:30px; height:30px; background:center center url('data:image/svg+xml;utf8,') no-repeat; background-size:contain; } .frame-layout-150 ul li { padding:0 0 0 2em; width:calc(100% - 2em); } .frame-layout-150 ul li:before { content:""; top:-0.2em; width:1.5em; height:1.5em; background:left center url('data:image/svg+xml;utf8,') no-repeat; background-size:contain; } .ce-gallery .image-caption { font:400 1rem/1.5em "Lato", sans-serif; color:rgb(75,75,75); padding:.8em 0 0 0; hyphens:none; width:100%; text-align:left; } .header-description { display:block; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:690px; width:calc(66.666% - 40px); padding:0 20px; } .header-description span, .header-description p { text-align:center; } .header-description .button, .header-description .button:hover { border:0 none; margin:0; } button, .button { display:inline-block; position:relative; font:700 1em/1.4em "Lato", sans-serif; width:auto; padding:.5em .83em; background:transparent; border-radius:10px; color:var(--aq-blue-text); cursor:pointer; transition:all 0.35s ease; text-decoration:none; margin-right:20px; border:1px solid var(--aq-blue-text); } /*.button:before { display:block; position:absolute; left:0; top:0; content:""; border-radius:8px; width:100%; height:100%; z-index:-2; background:white; } .button:after { display:block; opacity:0; position:absolute; left:0; top:0; content:""; border-radius:8px; width:100%; height:100%; z-index:-1; background:rgb(0,143,191); transition:all .35s linear; }*/ button:hover, .button:hover { background-color:var(--aq-blue-text); color:white; } /*.button:hover:after { opacity:1; }*/ a.button:hover { text-decoration:none; } footer .button { color:white; border-color:white; } footer .button:hover { background-color:white; color:var(--aq-blue-text); } .tx-aekonfigurator-main .button { background-color:var(--aq-blue-text); color:white; border:0 none; } .tx-aekonfigurator-main .button:hover { background-color:white; color:var(--aq-blue-text); } .tx-aekonfigurator-main button.gray { background-color:rgb(135,135,135); color:white; border:0 none; } .tx-aekonfigurator-main button.gray:hover { background-color:white; color:rgb(135,135,135); } .small { font-size:.8125em; } .color { color:var(--aq-blue-text); } .contact p { font-size:1em; line-height:1.5em; font-weight:600; margin:0; } .frame.frame-csc-col-width-25 { width:calc(25% - 40px); } .frame.frame-csc-col-width-33 { width:calc(33.333% - 40px); } .frame.frame-csc-col-width-50 { width:calc(50% - 40px); } .frame.frame-csc-col-width-66 { width:calc(66.666% - 40px); } .frame.frame-csc-col-width-75 { width:calc(75% - 40px); } .frame.frame-layout-120 .inner-frame { width:50%; } .frame.social { padding-top:1em; } .text-center, .ce-headline-center, .align-center { text-align:center; } .text-right, .ce-headline-right, .align-right { text-align:right; } .text-left, .ce-headline-left, .align-left { text-align:left; } /* NEWS */ .news .news-list-view .teaser-text { padding-top:1em; } .news .news-list-view .teaser-text .news-list-date { display:block; font:400 1.125em/1.25em "Lato", sans-serif; color:var(--aq-blue-text); margin:1em 0 0; text-rendering:optimizelegibility; -ms-word-break:normal; word-wrap:break-word; -webkit-hyphens:auto; -moz-hyphens:auto; -ms-hyphens:auto; hyphens:auto; text-align:left; } .news .news-list-view .teaser-text p { margin:0 0 1em; } /* MENU PAGES */ ul.menu_pages { list-style:none outside; } ul.menu_pages li { width:inherit; padding:0 20px; } ul.menu_pages li:before { content:none; display:none; } .menu_pages { margin:80px -20px; width:calc(100% + 40px); text-align:left; height:5px; } .menu_pages a { display:block; position:relative; border-radius:10px; overflow:hidden; } .menu_pages a:after { display:block; content:""; width:100%; height:0; clear:both; } .menu_pages a:hover { text-decoration:none; } .menu_pages a:hover .text-block { background:rgb(0,143,191); } .menu_pages a:hover .teaser-title { color:white; } .menu_pages a:hover .text-block .arw .svg-blue-stroke { stroke:white; } .menu_pages .text-block:before { display:block; opacity:0; content:""; width:100%; height:100%; z-index:-1; transition:all .35s linear; } .menu_pages .text-block { display:block; position:relative; background:white; width:100%; padding:0; height:70px; transition:all .35s ease; text-align:left; background:white; } .menu_pages .text-block .arw { display:block; position:absolute; right:20px; top:50%; width:30px; height:18px; transform:translateY(-50%); } .menu_pages .text-block .arw svg { display:block; width:100%; height:auto; } .menu_pages .teaser-title { display:block; position:absolute; top:50%; left:0; width:calc(100% - 40px); transform:translateY(-50%); font:700 1.125em/1.4em "Lato", sans-serif; color:rgb(0,143,191); padding:0 20px; } .menu_pages .teaser-description { display:block; color:white; font:400 1rem/1.25em "Lato", sans-serif; text-align:center; } .menu_pages a img { display:block; transition:all .35s linear; } .menu_pages a:hover img { filter:brightness(105%) contrast(105%); } .menu_pages .frame.frame-csc-col-width-33 { width:calc(33.33333% - 20px); padding:10px; } .menu_pages.menu_pages_full { height:inherit; margin:0 -20px; } .menu_pages.menu_pages_full a { overflow:visible; } .menu_pages.menu_pages_full .item { width:100%; max-width:1440px; padding:40px 0; font-size:1rem; } .menu_pages.menu_pages_full .text-block:before { content:none; display:none; } .menu_pages.menu_pages_full .image-block { display:block; width:calc(60% - 40px); padding:0 20px; } .menu_pages.menu_pages_full .text-block { position:absolute; left:0; right:0; top:50%; transform:translateY(-50%); z-index:1; margin:0 auto; width:100%; max-width:1034px; height:auto; background:transparent; } .menu_pages.menu_pages_full .text-block .text-block-inner { display:block; width:calc(50% - 40px); padding:0 20px; text-align:left; } .menu_pages.menu_pages_full .item-text-right .image-block, .menu_pages.menu_pages_full .item-text-left .text-block-inner { float:left; } .menu_pages.menu_pages_full .item-text-right .text-block-inner, .menu_pages.menu_pages_full .item-text-left .image-block { float:right; text-align:right; } .menu_pages.menu_pages_full .teaser-title { display:block; position:static; width:100%; transform:none; font:400 2.375em/1.16em "Lato", sans-serif; color:black; text-transform:none; letter-spacing:0; padding:0 0 1em; } .menu_pages.menu_pages_full .teaser-text { display:block; width:66.666%; font:400 1.125em/1.4em "Lato", sans-serif; color:black; padding:0 0 2.1em; } .menu_pages.menu_pages_full .item-text-right .teaser-text { float:right; } .menu_pages.menu_pages_full .item-text-right .button { margin-right:0; } .menu_pages.menu_pages_full a:hover img { filter:none; } .menu_pages.menu_pages_full .teaser-bg { display:flex; position:absolute; top:0; left:0; transform:translateX(-50%); font:700 12.5em/1em "Lato", sans-serif; color:rgb(0,143,191); z-index:-1; opacity:.15; width:40%; justify-content:flex-end; } .menu_pages.menu_pages_full .item-text-right .teaser-bg { left:inherit; right:0; transform:translateX(50%); justify-content:flex-start; } .frame.frame-type-menu_subpages { width:100%; padding:0; } .submenu_pages .frame.frame-csc-col-width-20 { width:calc(20% - 40px); padding:20px; } .submenu_pages li.frame:before { display:none; content:none; } .submenu_pages li.frame a { display:block; width:calc(100% - 40px); padding:20px; text-decoration:none !important; background:white; transition:background .35s linear; border-radius:10px; } .submenu_pages li.frame a:hover { background:rgb(242,242,242); } .submenu_pages li.frame .img-text.h4, .submenu_pages li.frame .u-text { display:block; font:400 1em/1.25em "Lato", sans-serif; color:rgb(75,75,75); margin:.6em 0; text-rendering:optimizelegibility; -ms-word-break:normal; word-wrap:break-word; -webkit-hyphens:auto; -moz-hyphens:auto; -ms-hyphens:auto; hyphens:auto; text-align:center; } .submenu_pages li.frame .img-text.h4 { color:var(--aq-blue-text); } .submenu_pages li.frame .arw { display:block; margin:20px auto 0 auto; width:30px; height:18px; } .submenu_pages li.frame .arw svg { display:block; width:100%; height:auto; } /**grüne Woche**/ /* .menu_pages li:first-of-type .teaser-title {color: rgb(116,174,159);} .menu_pages li:first-of-type .svg-blue-stroke {stroke: rgb(116,174,159);} .menu_pages li:first-of-type a:hover .teaser-title {color: white;} .menu_pages li:first-of-type a:hover .text-block {background: rgb(116,174,159);} */ /*** BILDER **/ .ce-gallery { width:calc(100% + 40px); margin:0 0 0 -20px; font-size:0; text-align:left; } .ce-gallery .ce-column { margin:0; width:calc(100% - 40px); padding:20px; display:inline-block; vertical-align:top; } .ce-gallery[data-ce-columns="1"] .ce-column { margin-top:-20px; } .ce-gallery[data-ce-columns="2"] .ce-column { width:calc(50% - 40px); } .ce-gallery[data-ce-columns="3"] .ce-column { width:calc(33.333% - 40px); } .ce-gallery[data-ce-columns="4"] .ce-column { width:calc(25% - 40px); } .ce-gallery[data-ce-columns="5"] .ce-column { width:calc(20% - 40px); } .ce-gallery[data-ce-columns="6"] .ce-column { width:calc(16.66666% - 40px); } .ce-gallery[data-ce-columns="7"] .ce-column { width:calc(12.5% - 40px); } .ce-gallery .ce-column a { position:relative; display:block; transition:filter 0.25s ease; } /*.ce-gallery .ce-column a:hover { filter:brightness(110%) contrast(110%); }*/ .ce-gallery .ce-column a[href$=".jpg"]:hover img { filter:brightness(110%) contrast(110%); transform:scale(1.05); } .ce-gallery .ce-column a[href$=".png"]:hover img { filter:brightness(110%) contrast(110%); transform:scale(1.05); } .ce-gallery .ce-column a[href$=".gif"]:hover img { filter:brightness(110%) contrast(110%); transform:scale(1.05); } .ce-gallery .ce-column a[href$=".jpg"]:after, .ce-gallery .ce-column a[href$=".png"]:after, .ce-gallery .ce-column a[href$=".gif"]:after { display:block; position:absolute; bottom:20px; right:10px; width:22px; height:2px; content:""; z-index:1; background:rgb(255,255,255); animation:rotateback .3s ease-out; transition:background .5s linear; } .ce-gallery .ce-column a[href$=".jpg"]:before, .ce-gallery .ce-column a[href$=".png"]:before, .ce-gallery .ce-column a[href$=".gif"]:before { display:block; position:absolute; bottom:10px; right:20px; width:2px; height:22px; content:""; z-index:1; background:rgb(255,255,255); animation:rotateback .3s ease-out; transition:background .5s linear; } .ce-gallery .ce-column a[href$=".jpg"]:hover:after, .ce-gallery .ce-column a[href$=".png"]:hover:after, .ce-gallery .ce-column a[href$=".gif"]:hover:after { animation:rotate .3s ease-out; background:rgb(0,143,191); } .ce-gallery .ce-column a[href$=".jpg"]:hover:before, .ce-gallery .ce-column a[href$=".png"]:hover:before, .ce-gallery .ce-column a[href$=".gif"]:hover:before { animation:rotate .3s ease-out; background:rgb(0,143,191); } @keyframes rotate { from { transform:rotate(0deg); } to { transform:rotate(180deg); } } @keyframes rotateback { from { transform:rotate(180deg); } to { transform:rotate(0deg); } } video,iframe { width:100%; height:auto; margin-top:40px; } .frame.frame-layout-130 { float:right; background:white; margin:0 20px; padding:40px 60px; width:calc(66% - 160px); border-radius:10px; } .tx-aekonfigurator-main .whitebg { background:white; margin:0 20px; padding:40px 60px; width:calc(100% - 160px); border-radius:10px; } .fancybox-container .fancybox-slide:hover { cursor:url('../Images/mouse-close.svg') 40 40, auto; } .fancybox-container .fancybox-content { cursor:auto; } .fancybox-container.fancybox-is-open .fancybox-bg { background-blend-mode:multiply; } /*** TEXTPIC ****/ .frame-type-textpic .ce-textpic { position:relative; } .image a { display:block; position:relative; transition:all 0.25s ease; } .image a img { transition:all 0.25s ease; } /*.image a:hover:before { display:block; content:""; z-index:3; width:50px; height:50px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); background-image: url("data:image/svg+xml,%3Csvg id='icn-zoom' xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23fff;stroke-width: 1; %7D %3C/style%3E%3C/defs%3E%3Ccircle class='cls-1' cx='25' cy='25' r='24.5'/%3E%3Cline class='cls-1' x1='25' y1='15.81' x2='25' y2='34.19'/%3E%3Cline class='cls-1' x1='34.19' y1='25' x2='15.81' y2='25'/%3E%3C/svg%3E%0A"); }*/ /*** Textslider ***/ #fc-7 { background:url('/fileadmin/user_upload/backgrounds/bg-wasser.jpg') no-repeat top center; background-size:100%; } #fc-7 .article { padding:0 40px 100px; } #fc-7 .article:before { display:block; content:""; width:100%; margin-top:35%; } #textslider { display:inline-block; width:calc(66.666% - 40px); } #textslider .slick-slider { width:100%; margin:0; background:white; border-radius:10px; float:right; } /*#textslider .slick-list { padding-bottom:40px; }*/ #textslider:after { content:""; display:block; width:100%; height:0px; clear:both; } #textslider .slick-slider .frame { padding:20px 40px; width:calc(100% - 80px); } /*#textslider .slick-slider button { content:""; font-size:0; cursor:pointer; position:absolute; display:inline-block; width:12px; height:12px; border-right:1px solid rgb(0,143,191); border-top:1px solid rgb(0,143,191); background:transparent; opacity:1; transform:rotate(-135deg); margin:0; left:42px; bottom:30px; } #textslider .slick-slider button.slick-next { transform:rotate(45deg); left:70px; }*/ #textslider .slick-slider .slick-dots { position:static; text-align:left; width:calc(100% - 80px); padding:0 40px 20px; } #textslider .slick-slider .slick-dots li { margin:0; width:30px; height:30px; } #textslider .slick-slider .slick-dots li:before { display:none; content:""; } #textslider .slick-slider .slick-dots li button { display:block; width:14px; height:14px; padding:8px; } #textslider .slick-slider .slick-dots li button:before { content:""; font-size:0; cursor:pointer; display:inline-block; width:12px; height:12px; border:1px solid rgb(0,143,191); background:transparent; opacity:1; margin:0; border-radius:50%; } #textslider .slick-slider .slick-dots li.slick-active button:before { background:rgb(0,143,191); } /**** FOOTER ****/ /*footer:before { display:block; position:absolute; top:0; left:0; content:""; width:100%; box-shadow:0 0 30px 5px rgba(0,0,0,0.5); }*/ footer { background:#00779f; background:-moz-linear-gradient(180deg, rgba(0,119,159,1) 0%, rgba(0,86,128,1) 100%); background:-webkit-linear-gradient(180deg, rgba(0,119,159,1) 0%, rgba(0,86,128,1) 100%); background:linear-gradient(180deg, rgba(0,119,159,1) 0%, rgba(0,86,128,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#008fbf",endColorstr="#005680",GradientType=1); } footer * { color:white; } footer ul { display:block; list-style:none; float:left; } footer ul li { display:inline; } footer p { font-weight:400; color:rgb(255,255,255); font-size:1rem; } footer h4 { font-weight:600; color:rgb(0,143,191); font-size:1.375rem; margin-top:0; } footer a { font:700 1rem/1.25em "Lato", sans-serif; color:rgb(70,70,70); } p strong, p b { font-weight:600; } footer .f-logo { width:calc(50% - 40px); padding-right:40px; display:inline-block; font-size:0; } footer .f-text { display:inline-block; } footer .f-right p { text-align:right; } footer p.align-right a { color:rgb(135,190,220); } footer p.align-right a:hover { color:rgb(135,190,220); color:white; text-decoration:none; } footer p.align-right { font-size:1.125em; line-height:1.4em; margin:0; } footer .sitemap-level-1-item.men-item:first-of-type { padding-left:0; } footer .sitemap-level-1-item.men-item:first-of-type:before { content:none; display:none; } footer .sitemap-level-1-item.men-item:before { content:"|"; position:static; display:inline-block; font-weight:400; padding-right:.6em; color:rgb(135,190,220); } footer .sitemap-level-1-item.men-item a { color:rgb(135,190,220); text-decoration:none; } footer .sitemap-level-1-item.men-item a:hover { color:white; } footer hr { border-color:rgb(135,190,220); margin:80px 0; } footer .button { margin-top:20px; } footer .sitemap { padding-bottom:40px; } footer .insta-link { margin-right:20px; } /**** FORMULAR ******/ :-ms-input-placeholder { color:rgb(135,135,135); font-weight:400; opacity:1; } input::placeholder { color:rgb(135,135,135); font-weight:400; opacity:1; } textarea::placeholder { color:rgb(135,135,135); font-weight:400; opacity:1; } :-webkit-input-placeholder { color:rgb(135,135,135); font-weight:400; opacity:1; } :-moz-placeholder { color:rgb(135,135,135); font-weight:400; opacity:1; } input::-webkit-input-placeholder{ color:rgb(135,135,135); opacity:1; font-weight:400; } textarea::-webkit-input-placeholder{ color:rgb(135,135,135); opacity:1; font-weight:400; } input::-moz-placeholder { color:rgb(135,135,135); opacity:1; font-weight:400; } textarea::-moz-placeholder { color:rgb(135,135,135); opacity:1; font-weight:400; } form.configurator { display:inline-block; } .tx-powermail .powermail_fieldwrap textarea:focus, .tx-powermail .powermail_fieldwrap input:focus { background-color:white; } .tx-powermail fieldset { width:calc(100% + 40px); margin:0 -20px; font-size:0; } .tx-powermail legend { display:none; } .tx-powermail .powermail_fieldwrap { display:inline-block; width:calc(50% - 40px); padding:10px 20px; font-size:1rem; position:relative; } .tx-powermail .powermail_fieldwrap textarea, .tx-powermail .powermail_fieldwrap input, .tx-powermail .powermail_fieldwrap select { width:calc(100% - 12px); padding:0 5px; font:400 1em/2em "Lato", sans-serif; border-radius:5px; background:white; color:rgb(70,70,70); vertical-align:inherit !important; } .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_input input { -webkit-appearance:none; } .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_select select { -webkit-appearance:none; cursor:pointer; width:100%; } .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_check input { width:auto; position:absolute; left:0; top:2px; } .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_check .checkbox label { position:relative; font:300 1em/1em "Lato", sans-serif; padding-left:20px; display:block; } .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_submit input { width:auto; border:none; background:white; color:rgb(135,135,135); padding:10px 20px; min-width:120px; cursor:pointer; transition:all 0.25s ease;} .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_submit input:hover { color:white; background:transparent; } .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_submit input.red { background:rgb(135,135,135); color:white; border:0 none; } .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_submit input.red:hover { background:white; color:rgb(135,135,135); } .tx-powermail button { display:inline-block; font:600 1.125em/1.4em "Lato", sans-serif; width:auto; background:var(--aq-blue-text); border-radius:10px; color:white; padding:.5em .83em; cursor:pointer; transition:all 0.25s ease; margin-right:20px; border:0 none; } .tx-powermail button:hover { background:white; color:var(--aq-blue-text); } .tx-powermail button.gray { background:rgb(135,135,135); } .tx-powermail button.gray:hover { background:white; color:rgb(70,70,70); } .tx-powermail.login .powermail_fieldwrap { display:block; } .tx-powermail .powermail_label { font:400 1em/2em "Lato", sans-serif; color:rgb(70,70,70); } :-ms-input-placeholder { color:rgb(135,135,135); font-weight:400; opacity:1; } input::placeholder { color:rgb(135,135,135); font-weight:400; opacity:1; } textarea::placeholder { color:rgb(135,135,135); font-weight:400; opacity:1; } :-webkit-input-placeholder { color:rgb(135,135,135); font-weight:400; opacity:1; } :-moz-placeholder { color:rgb(135,135,135); font-weight:400; opacity:1; } input::-webkit-input-placeholder{ color:rgb(135,135,135); opacity:1; font-weight:400; } textarea::-webkit-input-placeholder{ color:rgb(135,135,135); opacity:1; font-weight:400; } input::-moz-placeholder { color:rgb(135,135,135); opacity:1; font-weight:400; } textarea::-moz-placeholder { color:rgb(135,135,135); opacity:1; font-weight:400; } .tx-powermail ul li { padding:0; font:300 0.875em/1em "Lato", sans-serif; } .tx-powermail ul li:before { display:none; } .powermail_field { position:relative; } .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_textarea { display:block; width:calc(100% - 40px); } .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_textarea textarea { display:block; resize:none; } .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_radio label { display:block; font:400 1em/1.5em "Lato", sans-serif; padding:0 10px 0 0; float:left; } .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_radio { width:calc(100% - 20px); } .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_radio .radio { display:inline-block; min-width:80px; } .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_radio .radio label { padding:0 5px 0 0; font:400 1em/1.5em "Lato", sans-serif; } .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_radio input { width:16px; height:16px; } .powermail-errors-list, .parsley-errors-list { position:absolute; bottom:1.625em; width:100%; } .powermail-errors-list li, .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_check .parsley-errors-list { position:static; color:red; } .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_radio .radio label { display:block; position:relative; font:400 1em/1.5em "Lato","Trebuchet MS","Lucida Sans Unicode","Lucida Grande",sans-serif; padding:0 0 0 28px; margin:0; } .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_radio .radio label:before { display:block; position:absolute; top:.2em; left:0; content:""; width:.875em; height:.875em; background:white; border-radius:50%; transition:all 0.25s ease; } .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_radio .radio label.active:before { background:rgb(135,135,135); } .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_radio input { display:none; } .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_check .checkbox { display:inline-block; padding-right:1.5em; } .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_check .checkbox label { display:block; position:relative; font:400 1em/1.5em "Lato","Trebuchet MS","Lucida Sans Unicode","Lucida Grande",sans-serif; padding:0 0 0 28px; margin:0; color:rgb(70,70,70); } .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_check .checkbox label:before { display:block; position:absolute; top:.2em; left:0; content:""; width:1em; height:1em; background:white; border-radius:5px; transition:all 0.25s ease; } .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_check .checkbox label.active:after { display:block; position:absolute; top:.1em; left:.1em; width:1.25em; height:1em; content:""; background-image:url('data:image/svg+xml;utf8,'); } .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_check input { display:none; } /*.twitter-typeahead { display:block !important; position:absolute !important; left:0; bottom:55px; }*/ .typeahead { background-color: #FFFFFF; } .typeahead:focus { border:0 none; } .tt-query { /*box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;*/ } .tt-hint { color:rgb(70,70,70); } .powermail_fieldwrap_typeahead .twitter-typeahead { display:block !important; } .tt-suggestion p { font-size:1rem; } div.tt-suggestion.tt-is-under-cursor { background-color:rgb(0,143,191); } .asp-button { margin:0; cursor:text; } .asp-activation-link { cursor:pointer; } .asp-activation-link:hover { text-decoration:underline; } .tt-dropdown-menu { background-color: #FFFFFF; border: 1px solid rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); margin-top: 0px; padding: 8px 0; width: 400px; } .tt-suggestion { font-size: 24px; line-height: 24px; padding: 3px 20px; } .tt-suggestion.tt-is-under-cursor { background-color: rgb(0,143,191); color: #FFFFFF; } .tt-suggestion.tt-is-under-cursor p { color:white !important; } .tt-suggestion p { margin: 0; font-weight:400; color:rgb(70,70,70) !important; } .typeahead, .tt-query, .tt-hint { font:400 1em/1.5em "Lato", sans-serif; display:inline-block; text-decoration:none; color:rgb(70,70,70); background:white; padding:10px; transition:all 0.25s ease; } .form_info { display:inline-block; width:1em; height:1em; border-radius:.5em; background-color:var(--aq-blue-text); color:white; line-height:1em; text-align:center; font-family:Georgia, "serif"; font-style:italic; } .ui-tooltip { font:400 .8em/1.25em "Lato",sans-serif; border-radius:5px; border:0 none; box-shadow:0px 0px 10px rgba(0,0,0,.3); background:white none repeat scroll 0% 0%; z-index:255; color:rgb(70,70,70); padding:10px; max-width:600px; } .ui-tooltip img { max-width:450px; } .ui-helper-hidden-accessible { display:none; } /***************************************/ /**** Uploads ****/ /***************************************/ .ce-uploads li { padding:0; width:100%; } .ce-uploads li:before { content:none; display:none; } .ce-uploads .ce-uploads-icon { width:20px; height:auto; } .ce-uploads .ce-uploads-icon, .ce-uploads .ce-uploads-fileName, .ce-uploads .ce-uploads-filesize, .ce-uploads .ce-uploads-description { display:inline-block; } .ce-uploads .ce-uploads-fileName { padding:0 .4em; } .ce-uploads .ce-uploads-filesize:before { content:'('; } .ce-uploads .ce-uploads-filesize:after { content:')'; } .ce-uploads li a:hover { border-bottom:1px solid rgb(0,143,191); } /***************************************/ /**** FAQ Extension ****/ /***************************************/ .faq-item { width:calc(100% - 2px); margin-bottom:30px; padding:0; } .faq-item h4 { padding:0; margin:0; } .faq-item p { padding:1em 0; margin:0; } .faq-item .question { position:relative; margin:10px 0; padding:0; } .faq-item .question:before { display:none; } .faq-item.opener .question:before { content:""; position:absolute; top:7px; left:0; display:block; margin:0 10px 0 0; width:10px; height:10px; border-top:2px solid rgb(0,143,191); border-right:2px solid rgb(0,143,191); transform:rotate(45deg); transition:all 0.35s ease; transform-origin:7px 3px; } .faq-item .question.opened:before { transform:rotate(135deg); } .faq-item .answer { display:block; width:auto; height:auto; } .faq-item.opener .question, .faq-item.opener .answer { padding-left:30px; transition:none; } .loaded.closed .answer { display: none; } #rmOrganism img { width:inherit; } .tx-aecookies-show { display:relative; z-index:20; } .cookie-control { z-index:20; top:inherit; bottom:0; } .cookie-control-changer { z-index:19; overflow:hidden; } .cookie-control-changer .ccc-wrap:after { display:block; content:"C"; font:400 0.875rem/1.25em Arial, sans-serif; color:rgb(0,143,191); margin:0; border:0 none; padding:10px 1em; pointer-events:none; } .cookie-control-changer .ccc-btn { opacity:0; position:absolute; left:0; bottom:0; } .cookie-control-changer .ccc-wrap { background:rgb(242,242,242); } /***************************************/ /**** Special FX ****/ /***************************************/ #header .aescrollfx { transition-delay:0s; } .aescrollfx-child , .aescrollfx { transition:all .5s cubic-bezier(.5,.25,.5,1) .35s; -webkit-transition:all .5s cubic-bezier(.5,.25,.5,1) .5s; } .aescrollfx-blend.aescrollfx-initalize { transform:translateY(-30px); opacity:0; } .aescrollfx-blend.aescrollfx-active { transform:translateY(0); opacity:1; } .aescrollfx-zoom.aescrollfx-initalize { transform:scale(0.75); opacity:0; } .aescrollfx-zoom.aescrollfx-active { transform:scale(1); opacity:1; } .aescrollfx-multiblend.aescrollfx-initalize .aescrollfx-child { transform:translateY(-30px); opacity:0; } .aescrollfx-multiblend .aescrollfx-child.aescrollfx-active { transform:translateY(0); opacity:1; } @keyframes slide { from { transform:translateX(0); } to { transform:translateX(-33.333%); } } #slideticker { display:block; width:100%; height:100px; overflow:hidden; position:absolute; top:0px; left:0; z-index:4; background-image:url("../Images/startseite-stoerer-gewinnspiel.jpg"); background-size: cover;/*pointer-events:none;*/ margin-bottom: 50px;} .tx-aeallkauf-musterhaeuser #slideticker { display:block; width:100%; height:50px; overflow:hidden; position:absolute; bottom:0; top:initial; left:0; z-index:4; background:rgb(255,204,0); pointer-events:none; } #slideticker .slideticker-slider { position:absolute; left:0; top:0; white-space:nowrap; animation:slide 16s linear 0s infinite; } #slideticker .slideticker-element { display:inline-block; white-space:nowrap;padding: 0 30px; } #slideticker .slideticker-element p { font:600 2.75em/11px "Lato",sans-serif; color:white; white-space:nowrap; } #slideticker .slideticker-element p a { color:white; white-space:nowrap; text-decoration:none; } @media screen and (max-width:1920px){ #fc-7 .article:before { margin-top:25%; } } @media screen and (max-width:1600px){ #fc-7 .article:before { margin-top:18%; } .bg-color button, .bg-color .button { background:white; color:rgb(0,143,191); } .bg-color button:hover, .bg-color .button:hover { background:rgb(0,143,191); color:white; } } @media screen and (max-width:1279px){ #section { width:calc(100% - 160px); padding:0 80px; } #header { width:calc(100% - 160px); padding:100px 80px 40px; } #headerbar { width:calc(100% - 160px); } #menu .men-level-1-wrap li { margin:0 .8em; } #menu ul li a { font-size:.9em; } #headerbar .logo svg { width:160px; } #menu { width:calc(100% - 180px); } #sidebar { width:80px; } #sidebar .side-inner { left:-130px; width:210px; } #sidebar .side-inner svg { padding:0 10px; } #sidebar .side-inner a:not(:last-of-type):after { right:10px; } #sidebar .side-inner a { padding:0 10px; } .frame-layout-160 p, .header-description .header-title, h1 { font-size:3em; } .submenu_pages .frame.frame-csc-col-width-20 { width:20%; padding:20px 0; } .submenu_pages li.frame .img-text.h4, .submenu_pages li.frame .u-text, ul li, .news-backlink-wrap, p { font-size:1em; } .frame-layout-160.frame-csc-col-width-33 { width:calc(50% - 40px); } .menu_pages { margin: 65px -20px; } .menu_pages .text-block { height:60px; } #pid7 #fc-1:after { margin-top:140px; } .frame.frame-layout-130 { padding:30px; width:calc(66% - 100px); } #header .overlay .o-text { font-size:2.2em; max-width:calc(100% - 300px); } footer hr { margin:60px 0 40px; } } @media screen and (max-width:1023px){ #header { padding:60px 60px 40px; width:calc(100% - 120px); } #header .overlay .o-text { font-size:1.6em; max-width:calc(100% - 150px); } #section { width:calc(100% - 120px); padding:0 60px; } #headerbar .headerbar-inner { pointer-events:none; } #headerbar .logo { pointer-events:all; } body.scrolled #headerbar, #headerbar { height:60px; width:calc(100% - 120px); } body.scrolled #headerbar .logo svg, #headerbar .logo svg { width:100px; padding-top:30px; z-index:3; } #sidebar { width:60px; } #sidebar .side-inner { left:-150px; width:210px; } #sidebar .side-inner svg { padding:0 10px; width:40px; } #sidebar .side-inner a:not(:last-of-type):after { right:10px; width:40px; } #sidebar .side-inner a { padding:0 0; } #menu { top:0; transform:none; height:60px; pointer-events:all; } #menu.active { z-index:-1; } #menu .menu-icon { display:block; padding:0; margin:0; } #menu .menu-icon-line { display:block; height:1px; width:50%; margin:4px auto; background:white; transition:all .35s cubic-bezier(.5,.25,.5,1); -webkit-transition:all .3s cubic-bezier(.5,.25,.5,1); } #menu .menu-icon-wrap { display:block; } #menu .men-button { display:block; position:absolute; right:-20px; top:50%; transform:translateY(-50%); height:28px; width:28px; border-radius:10px; padding:3px; border:1px solid rgb(135,135,135); background:rgb(135,135,135); z-index:5; cursor:pointer; transition:all .35s cubic-bezier(.5,.25,.5,1); -webkit-transition:all .3s cubic-bezier(.5,.25,.5,1); box-sizing:content-box; } #menu.active .men-button .menu-icon, #menu .men-button:hover .menu-icon { padding:0; } #menu .men-button .menu-text { display:none; } #menu .men-button:hover, #menu.active .men-button { background:rgb(0,143,191); border-color:rgb(0,143,191); } #menu.active .menu-icon-line { margin:4px auto; } #menu.active .menu-icon-line-top { transform:translate(0,5px) rotate(-45deg); } #menu.active .menu-icon-line-middle { opacity:0; } #menu.active .menu-icon-line-bottom { transform:translate(0,-5px) rotate(-135deg); } #menu.active .men-main-wrap { overflow:scroll; top:0; z-index:1; opacity:1; } #menu li a:before { display:none; content:none; } #menu ul li a { display:block; } #menu li a, #menu ul li:last-child a { border:0 none; } #menu a:hover, #menu .active a { text-decoration:none; color:rgb(0,143,191); } #menu .men-main-wrap { position:fixed; width:100vw; height:100vh; top:-100vh; opacity:0; left:0; transition:all 0.25s ease; overflow:hidden; background:white; } #menu .men-level-1-wrap { opacity:0; margin-top:120px; padding:0 60px; transition:all 0.5s ease; } #menu.active .men-level-1-wrap { opacity:1; } #menu ul li { font-size:1rem; padding-top:20px; } #menu ul li a { font-size:1.5rem; padding-bottom:.25em; } #menu .men-level-1-wrap li { display:block; width:auto; margin:0; padding:10px 0; } #menu .men-level-2-wrap { padding:0; opacity:1; width:auto; } #menu .men-level-2-wrap li { display:inline-block; width:inherit; margin:0; padding:10px 0; } #menu .men-level-2-wrap li:not(:last-of-type):after { content:","; } #menu .men-level-2-wrap li.first a { padding-top:0; } #menu .men-level-2-wrap li.last a { padding-bottom:0; } #menu .men-level-2-wrap li a { display:inline; color:rgb(75,75,75); padding:0; font-size:1rem; } #menu .men-level-2-wrap li a:hover, #menu .men-level-2-wrap li a.active { color:rgb(0,143,191); opacity:1!important; } #menu .sub .men-level-2-wrap { display:block; position:static; text-align:left; height:auto; overflow:visible; } #menu .sub:hover .men-level-2-wrap { display:block; height:auto; overflow:visible; } #menu .sub .men-level-2-wrap li { background:none; width:auto; margin:0 .25em 0 0; opacity:1; font-size:1rem; padding:0; } #section.noheader { margin-top:60px; } .article { width:calc(100% - 40px); padding:0 20px; } #fc-7 .article { width:calc(100% - 40px); padding:0 20px 100px; } .frame-layout-160 p, .header-description .header-title, h1 { font-size:2.5em; } .menu_pages .text-block { height:50px; } .menu_pages .teaser-title { font-size:1em; } .menu_pages { margin:40px -20px; } #pid7 #fc-1:after { margin-top:100px; } .submenu_pages .frame.frame-csc-col-width-20 { width:100%; } .submenu_pages .menu-img-wrap { width:20%; display:block; float:left; } .submenu_pages li.frame a { padding:20px 20px 40px 0; position:relative; } .submenu_pages li.frame .img-text.h4 { font-size:1.5em; text-align:left; } .submenu_pages li.frame .u-text { text-align:left; } .submenu_pages li.frame .arw { position:absolute; right:40px; top:50%; transform:translateY(-50%); margin:0; } .submenu_pages .frame.frame-csc-col-width-20 { padding:0 0 20px; } .submenu_pages a:after { content:""; display:block; clear:both; } .submenu_pages .infobox { position:absolute; top:50%; display:block; transform:translateY(-50%); left:25%; width:calc(75% - 100px); } #slideticker {height:50px; } #slideticker .slideticker-element p { font:600 1.5em/1px "Lato",sans-serif; } h1 { font-size:2.2em; } h2 { font-size:1.6em; } h3 { font-size:1.3em; } footer ul { float:none; } footer .sitemap-level-1-item.men-item a { font-size:.9rem; } footer p.align-right a { display:block; text-align:left; font-size:.9rem; } footer hr { margin:40px 0; } .bg-color button, .bg-color .button { background:rgb(0,143,191); color:white; } /* .frame, .frame.frame-csc-col-width-66 { width:calc(100% - 40px); padding:20px; } .frame.frame-csc-col-width-50, .frame.frame-csc-col-width-33 { width:calc(50% - 40px); } .frame.frame-csc-col-width-25 { width:calc(50% - 40px); } .frame.frame-csc-col-width-75 { width:calc(66.666% - 40px); } .menu_pages.menu_pages_full .text-block { width:calc(50% - 20px); margin:0; position:static; float:left; transform:none; } .menu_pages.menu_pages_full .item-text-right .text-block { float:right; } .menu_pages.menu_pages_full .image-block { width:calc(50% - 20px); height:100%; margin:0; position:absolute; top:0; right:0; } .menu_pages.menu_pages_full .image-block img { width:100%; height:100%; object-fit:cover; object-position:right; } .menu_pages.menu_pages_full .item-text-right .image-block { right:inherit; left:0; } .menu_pages.menu_pages_full .item-text-right .image-block img { object-position:center; } .menu_pages.menu_pages_full .teaser-bg { display:none; content:none; } .menu_pages.menu_pages_full .text-block .text-block-inner { width:100%; padding:0; } .menu_pages.menu_pages_full .teaser-text { width:100%; } #pid7 #fc-1:after { margin-top:135px; }*/ } @media screen and (max-width:799px){ #sidebar { width:calc(100% - 80px); height:60px; z-index:15; pointer-events:none; right:0; margin:0 auto; } #sidebar .side-inner { width:160px; top:0; left:initial !important; right:35px; transition:none; padding:12px 0; border-radius:0; height:34px; transform:none; position:absolute; } #sidebar .side-inner a { width:34px; height:34px; border:1px solid rgb(0,143,191); border-radius:10px; display:inline-block; pointer-events:all; margin:0; } #sidebar .side-inner .icn-text { display:none; } #sidebar .side-inner svg { padding:0; width:34px; height:34px; } #sidebar .side-inner a:not(:last-of-type):after { display:none; content:none; } .tx-powermail .powermail_fieldwrap_type_radio .radio { width:calc(100% - 20px); } .tx-powermail .powermail_fieldwrap_type_radio .radio label { font-size:1rem; } .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_check input, .tx-powermail .powermail_fieldwrap_type_radio .radio label input { top:0.25em; } .tx-powermail .powermail_fieldwrap textarea { height:auto; font-size:1rem; } .tx-powermail .powermail_fieldwrap input { font-size:1rem; } .tx-powermail .powermail_fieldwrap { width:calc(100% - 40px); } .tx-powermail .powermail_fieldwrap_type_check label { font-size:0.875rem; line-height:1.125em; hyphens:auto; } .tx-powermail .powermail_fieldwrap_type_check { margin:0; } body.scrolled #headerbar, #headerbar { width:calc(100% - 80px); } #headerbar { padding:0 40px; } .frame, .frame.frame-csc-col-width-66, .frame.frame-csc-col-width-50 { width:calc(100% - 40px); padding:20px; } .frame.frame-csc-col-width-33 { width:calc(50% - 40px); } .frame.frame-csc-col-width-25 { width:calc(50% - 40px); } .frame.frame-csc-col-width-75 { width:calc(100% - 40px); } .frame.frame-layout-130 { width:calc(100% - 100px); padding:30px; margin:0 20px; } #textslider { width:calc(100% - 40px); padding:20px; } #textslider .slick-slider { width:100%; float:none; } .menu_pages .frame.frame-csc-col-width-50 { padding:0 20px; } .submenu_pages .frame.frame-csc-col-width-20 { padding:0; } .submenu_pages li.frame a { padding-left:20px; } footer .content-inner-wrap { padding:30px 0 0; width:100%; } footer hr { margin:0; } #header header { width:calc(100% - 40px); padding:40px 20px; } #header, #section { width:100%; padding:0; } #header { padding:60px 0 20px; } #header .overlay .o-text { max-width:calc(100% - 100px); } .ce-gallery[data-ce-columns="4"] .ce-column { width:calc(50% - 40px); } .menu_pages { margin:0 -20px; height:auto; } .menu_pages:after { display:block; content:""; height:0; width:100%; clear:both; } .menu_pages .text-block { width:80%; float:right; height:70px; } .menu_pages .teaser-title { letter-spacing:.15em; font-size:1em;} .menu_pages a img { width:20%; height:70px; object-fit:cover; } .menu_pages a { border-radius:8px; } .menu_pages li { margin:.5em 0; } .menu_pages.menu_pages_full { margin:0 20px; width:calc(100% - 40px); } #pid7 #fc-1:after { content:none; display:none; } .content-inner-wrap { padding:40px 0; } .frame.frame-layout-120 .inner-frame { width:100%; } #header.big-header img, #header.big-header video { height:auto; object-fit:fill; position:static; transform:none; } #header:before, .header-wrap:before { display:none; content:none; } .arw-down { display:none; } .header-description { top:calc(50% + 40px); } .submenu_pages li.frame .img-text.h4, .submenu_pages li.frame .u-text, ul li, .news-backlink-wrap, p { font-size:.8em; } .menu_pages .teaser-title { width:calc(100% - 70px); } #pid7 #fc-3 .content-bg { background-size:300%; } .ce-gallery .image-caption { font-size:.875rem; } #karte { width:75%; } } @media screen and (max-width:639px){ .frame-layout-160 p, .header-description .header-title, h1 { font-size:1.8em; margin-bottom:0; } span.subheader { font-size:1.3em; } h2 { font-size:1.4em; } h3 { font-size:1.1em; } h4, h5 { font-size:1em; } .tx-powermail .powermail_label { font-size:.75em; } .frame.frame-csc-col-width-33.frame-type-header, .frame.frame-csc-col-width-50 { width:calc(100% - 40px); } .frame.frame-csc-col-width-33, .frame.frame-csc-col-width-25 { width:calc(50% - 40px); } .menu_pages.menu_pages_full .teaser-title { font-size:1.5em; } .menu_pages.menu_pages_full .teaser-text { font-size:.875em; } .menu_pages.menu_pages_full .item { padding:20px 0; } #header .overlay .o-text { top:40%; max-width:calc(100% - 60px); } #header a.button { bottom:10%; } .impulse { width:50%; float:left; } .faq-item.opener .answer { padding:0 0 0 30px; } footer ul li.sitemap-level-1-item.men-item { padding-left:.3em; } footer ul li.sitemap-level-1-item.men-item:before{ padding-right:.2em; } } /*@media screen and (max-width:568px){ .menu_pages .text-block { width:70%; float:right; } .menu_pages .teaser-title { letter-spacing:.15em; font-size:.8em;} .menu_pages a img { width:30%; height:70px; object-fit:cover; } .menu_pages.menu_pages_full .teaser-text { display:none; } }*/ @media screen and (max-width:479px){ body.scrolled #headerbar, #headerbar { padding:0 20px; width:calc(100% - 40px); } #menu .men-level-1-wrap { margin-top:80px; padding:0 40px; } #menu ul li a { font-size:1em; } #menu .men-level-1-wrap li { padding:5px 0; } body.scrolled #headerbar .contact { right:25px; } footer .content-inner-wrap { padding:20px 0; } .header-description .header-title, h1 { font-size:1.5em; font-weight:400; } header .subheader, .header-description .header-desc, h3 { font-size:.875em; margin:.8em 0; } #header .overlay .o-text { font-size:1.2em; text-shadow:0 0 10px rgba(0,0,0,0.5),0 0 5px rgba(0,0,0,0.5); top:calc(50% + 30px); } #header a.button { bottom:-50%; text-align:center; background-color:var(--aq-blue-text); color:white; margin:0; width:180px; } h1 { -ms-word-break:normal; word-wrap:break-word; -webkit-hyphens:auto; -moz-hyphens:auto; -ms-hyphens:auto; } h2 { font-size:1.25em; } h3 { font-size:1em; } h4, h5, p, ul li, p.focus { font-size:.875em; } #sidebar { display:none; width:calc(100% - 40px); } .ovh #sidebar { display:block; } #sidebar .side-inner { width:120px; } #sidebar .sideicon.s-2 { display:none; } .frame, .frame.frame-type-header, .frame.frame-csc-col-width-66, .frame.frame-csc-col-width-50, .frame.frame-csc-col-width-33, .frame.frame-csc-col-width-25 { padding:0; width:100%; } /*.frame.frame-csc-col-width-33, .frame.frame-csc-col-width-25 { padding:0; width:calc(50% + 30px); margin:0 -30px 0 -10px; } .frame.frame-csc-col-width-33 .inner-frame, .frame.frame-csc-col-width-25 .inner-frame { padding:0 10px; width:calc(100% - 40px); }*/ .frame.frame-layout-120, .frame.frame-layout-130 { padding:0 20px; } .frame.frame-layout-130 { border-radius:0; margin:0 -20px; float:none; } .menu_pages .frame.frame-csc-col-width-50 { padding:0; } footer .content-inner-wrap { width:100%; } footer .frame { width:100%; } footer .footerlogo svg { margin-top:0; } footer a, footer p { font-size:.875rem; margin:5px 0; } footer ul li { display:block; padding:0; margin:.8em 0; } footer .sitemap-level-1-item.men-item:before { content:none; display:none; } footer .text-right, footer .ce-headline-right, footer .align-right { text-align:center; } footer .frame.social { padding:20px 0 0; } footer hr { margin:20px 0; } footer .sitemap { padding-bottom:20px; } footer ul li.sitemap-level-1-item.men-item { padding-left:0; } .news .news-list-view .teaser-text { padding-top:0; padding-bottom:1em; } .news .news-list-view .teaser-text .news-list-date { margin-top:.5em; } #pid7 #fc-3 .content-bg { background-size:400%; } #pid7 #fc-5 .content-bg { background-size:contain; background-repeat:no-repeat; } #pid7 #fc-5 header { padding-top:100px; } #pid7 #fc-5 header h2 { color:white; } #pid7 #fc-5 header h2:after { border-top:1px solid white; } .submenu_pages .frame.frame-csc-col-width-20 { width:100%; } .submenu_pages .menu-img-wrap { width:auto; display:inline; float:none; } .submenu_pages li.frame a { padding:20px; } .submenu_pages li.frame .img-text.h4 { font-size:1.1em; text-align:center; } .submenu_pages li.frame .u-text { text-align:center; } .submenu_pages li.frame .arw { position:static; transform:none; margin:20px auto 0 auto; } .submenu_pages .frame.frame-csc-col-width-20 { padding:0 0 20px; } .submenu_pages a:after { content:""; display:block; clear:both; } .submenu_pages .infobox { position:static; display:inline; transform:none; width:auto; } .ytv-settings .ytv-btn { width:calc(100% - 82px); } #textslider { width:100%; padding:0; } #textslider .slick-slider .slick-dots { padding:0 20px 20px; } #textslider .slick-slider .frame { padding:20px; } .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_check .checkbox label, .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_radio .radio label, .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_check label, .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_radio label, .tx-powermail .powermail_fieldwrap button, .tx-powermail .powermail_fieldwrap ul.parsley-errors-list li { font-size:.875rem; } .text-right, .ce-headline-right, .align-right { text-align:left; } .ce-gallery { width:calc(100% + 20px); margin:0 0 0 -10px; } .ce-gallery .ce-column { padding:10px; width:calc(100% - 20px); } .ce-gallery[data-ce-columns="2"] .ce-column, .ce-gallery[data-ce-columns="3"] .ce-column, .ce-gallery[data-ce-columns="4"] .ce-column, .ce-gallery[data-ce-columns="5"] .ce-column { width:calc(50% - 20px); } .ce-gallery .image-caption { font-size:.875rem; padding:.5em 0 0; } .header-description .header-title, .header-description .header-desc { text-shadow:0 0 15px black; } .content-inner-wrap { padding:20px 0; } .menu_pages { margin:0; width:100%; } .menu_pages.menu_pages_full .text-block { height:calc(100% - 40px); } .menu_pages.menu_pages_full .teaser-title strong { font-size:1.5em; } .menu_pages.menu_pages_full .teaser-title { font-size:1em; } #header p { margin:0; } .menu_pages.menu_pages_full .text-block { width:calc(100% - 40px); padding:20px; margin:0; position:absolute; float:none; background:rgba(255,255,255,.75); top:inherit; bottom:0; } .menu_pages.menu_pages_full .item-text-right .text-block { float:none; } .menu_pages.menu_pages_full .item-text-right .text-block-inner { text-align:left; } .menu_pages.menu_pages_full .image-block { width:100%; height:auto; margin:0; position:static; } .menu_pages.menu_pages_full .image-block img { width:100%; height:auto; object-fit:fill; object-position:none; } .menu_pages.menu_pages_full .item-text-right .image-block img { object-position:none; } } /***************************************/ /*** BARRIEREFREIHEIT (10.11.2026) ***/ /***************************************/ /* Links im Fließtext nicht nur durch Farbe erkennbar (WCAG 1.4.1) */ .inner-section p a:not(.button):not(.phone), .inner-section .ce-bodytext li a:not(.button), .news-text-wrap a:not(.button) { text-decoration:underline; text-underline-offset:0.15em; text-decoration-thickness:1px; } /* Sichtbarer Tastaturfokus (WCAG 2.4.7) – auf hellem Grund dunkelblau, auf dunklem Grund weiß */ a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, [tabindex]:focus-visible { outline:3px solid var(--aq-blue-dark); outline-offset:2px; } footer :focus-visible, #header :focus-visible, .tx-aekonfigurator-main .button:focus-visible { outline-color:white; } main:focus { outline:none; } /* Sprunglink zum Inhalt (WCAG 2.4.1): unsichtbar, bis er per Tab fokussiert wird */ .skip-link { position:absolute; left:-999em; top:0; z-index:1001; padding:.75em 1.25em; background:var(--aq-blue-dark); color:white; font:700 1rem/1.5 "Lato", sans-serif; text-decoration:none; } .skip-link:focus, .skip-link:focus-visible { left:0; outline:3px solid white; outline-offset:-6px; } /* Nur für Hilfsmittel lesbarer Text */ .visually-hidden { position:absolute !important; width:1px; height:1px; margin:-1px; padding:0; border:0; overflow:hidden; clip:rect(0 0 0 0); clip-path:inset(50%); white-space:nowrap; }