html{height: 100%;padding: 0;margin: 0 0 1px 0;border: 0;font-size: 62.5%;font-family: Arial, Helvetica, sans-serif;color: #222222;} body{padding: 0;margin: 0;border: 0;font-size: 120%;background: #fff;overflow-x: hidden;} img{border: none;} .spacer_h{position: relative;line-height: 0px;font-size: 0px;width: 100%;} .spacer{display: block;clear: both;width: 100%;height: 1px;} h1{color: #336600;font-weight: bold;font-size: 13px;margin: 10px 0 0 0;padding: 3px 0 0 0;} h2{color: #cc0033;font-weight: normal;font-size: 11px;margin: 1px 0 0 0;padding: 1px 0 6px 0;} .container{position: relative;top: 0;left: 50%;width: 1010px;margin: 0 0 0 -505px;padding: 0;z-index: 0;clear: both;background: url(../images/bg_container.jpg) top left repeat-y;} .page_upper{position: relative;width: 998px;height: 26px;margin: 0 0 0 6px;padding: 0;z-index: 0;clear: both;background: url(../images/bg_page_upper.jpg) top left repeat-x;} .page{position: relative;width: 998px;margin: 0 0 0 6px;padding: 0;z-index: 0;clear: both;} .logo{position: absolute;top: 252px;left: 41px;width: 271px;height: 140px;margin: 0;padding: 0;} .top_navi{float: right;width: 600px;height: 20px;text-align: right;padding: 2px 20px 0 0;} .top_navi_trenner{margin: 3px 8px 0 8px;padding: 2px 0 0 0;} .top_navi a, .top_navi a:link, .top_navi a:visited{color: #696969;text-decoration: none;line-height: 20px;padding: 0;vertical-align: top;} .top_navi a:hover{color: #afafaf;text-decoration: none;} .teaser{position: relative;width: 998px;height: 285px;margin: 0;padding: 0;clear: both;overflow: hidden;background: url(../images/bg_teaser.jpg) top left no-repeat;} .teaser_inhalt{position: relative;width: 998px;height: 285px;overflow: hidden;margin: 0;padding: 0;} .teaser_back{position: absolute;left: 18px;top: 112px;width: 40px;height: 56px;z-index: 5;} .teaser_next{position: absolute;left: 940px;top: 112px;width: 40px;height: 56px;z-index: 5;} .main_navi{text-align: left;position: relative;width: 638px;height: 48px;margin: 0;padding: 0 0 0 360px;clear: both;background: url(../images/bg_main_nav.jpg) top left repeat-x;} .main_navi a, .main_navi a:link, .main_navi a:visited{color: #fff;text-decoration: none;line-height: 32px;margin: 6px 0 0 0;padding: 6px 8px 0 8px;vertical-align: top;font-size: 20px;font-family: "Times New Roman", Times, serif;text-transform: uppercase;} .main_navi a:hover{color: #febba4;text-decoration: none;} .main_nav_trenner{margin: 0 8px;padding: 0;} .content{position: relative;width: 998px;margin: 0;padding: 0;clear: both;background: #b6b6b6 url(../images/bg_content.jpg) top left repeat-x;} .content_inner{position: relative;width: 958px;margin: 0 20px 100px 20px;padding: 5px 0 0 0;clear: both;background: #fff url(../images/bg_content_rot.jpg) 63px 0 repeat-y;box-shadow: 2px 2px 3px #333333;} .content_inner_sub{position: relative;width: 946px;margin: 0 5px 4px 5px;padding: 0 0 50px 0;border: solid 1px #5d5d5d;clear: both;} .box_logo_bg{position: absolute;top: 0;left: 18px;width: 273px;height: 82px;margin: 0;padding: 0;background: #fff url(../images/bg_logo.jpg) top left no-repeat;} .box_content_rot_unten{position: absolute;bottom: -20px;left: 57px;width: 183px;height: 20px;margin: 0;padding: 0;background: url(../images/bg_content_rot_unten.jpg) top left no-repeat;z-index: 99;} .box_content_hintergrund{position: absolute;bottom: 0;left: 240px;width: 706px;height: 300px;margin: 0;padding: 0;overflow: hidden;} .box_content_hintergrund img{margin: 0;padding: 0;} .content_left{position: relative;float: left;width: 171px;margin: 76px 0 0 63px;padding: 20px 0 0 0;background: #b42215 url(../images/verlauf_rot.jpg) bottom left repeat-x;text-align: center;} .content_left p{color: #fff;font-family: "Times New Roman", Times, serif;font-size: 18px;line-height: 160%;padding: 0 15px;margin: 10px 0 8px 0;} .content_left_img{width: 150px;margin: 20px 10px 0 10px;text-align: center;} .content_left_img img{vertical-align: top;} .content_left_label{width: 150px;margin: 10px 10px 0 10px;color: #ffffff;text-align: center;} .features_inhalt{position: relative;width: 171px;height: 300px;overflow: hidden;margin: 0;padding: 0;} .features_item{position: absolute;left: 0;width: 171px;height: 300px;opacity: 0;transition: opacity .45s;} .features_item.aktiv{opacity: 1;} .content_right{position: relative;float: right;width: 550px;margin: 77px 55px 0 0;padding: 0 0 260px 0;color: #000;font-size: 12px;font-family: "Times New Roman", Times, serif;} .content_right h1{font-size: 22px;color: #b42115;margin: 5px 0 15px 0;padding: 0 0 4px 0;font-weight: bold;border-bottom: 1px dotted #b42115;font-family: "Times New Roman", Times, serif;} .content_right h2{font-size: 16px;color: #b42115;margin: 10px 0;padding: 0 0 2px 0;font-weight: bold;border-bottom: 1px dotted #b42115;font-family: "Times New Roman", Times, serif;} .content_right h3{font-size: 14px;color: #828282;margin: 2px 0;padding: 0;font-weight: bold;} .content_right p{font-size: 14px;line-height: 22px;color: #1c1c1c;margin: 5px 0;padding: 0;} .textblock{display: block !important;width: 550px;position: relative;float: right;} .form_std{margin: 0;padding: 15px 15px 15px 0;} .form_label{color: #B42115;font-weight: bold;width: 130px;float: left;padding: 5px 15px 3px 0;text-align: right;} .form_field{font-size: 13px;line-height: 20px;width: 280px;float: left;padding: 3px 0;text-align: left;} .form_field a, .form_field a:hover{color: #000000;font-weight: bold;text-decoration: underline;} input{padding: 0 1px 1px 1px;border: 1px solid #B42115;color: #B42115;font-size: 12px;line-height: 16px;font-family: Arial, Helvetica, sans-serif;} textarea{height: 100px;width: 262px;border: 1px solid #B42115;color: #B42115;font-size: 12px;line-height: 16px;font-family: Arial, Helvetica, sans-serif;} .form_field input, .form_field textarea{display: block;} form .btns{float: right;margin: 5px 124px 0 0;} input.btn{color: #ffffff !important;border: 0;font-size: 10px;font-family: Arial, Helvetica, sans-serif;padding: 0;margin: 0;text-align: center;vertical-align: bottom;text-transform: uppercase;} .teaser_item{position: absolute;top: 0;left: 0;width: 998px;height: 285px;margin: 0;padding: 0;transform: translateX(998px);} .teaser_item.aktiv{transform: translateX(0);} .teaser_item.laeuft{transition: transform 1s cubic-bezier(0.075, 0.82, 0.165, 1);} .teaser_img{position: absolute;top: 0;left: 75px;width: 420px;height: 285px;margin: 0;padding: 0;} .teaser_img img{display: block;width: 420px;height: 285px;object-fit: contain;object-position: center bottom;} .teaser_img img.foto{object-fit: cover;object-position: center;} .teaser_h1{position: absolute;top: 200px;left: 515px;width: 450px;height: 40px;margin: 0;padding: 0;font-size: 28px;color: #b42115;font-weight: bold;font-family: "Times New Roman", Times, serif;opacity: 0;transition: opacity .5s;} .teaser_h2{position: absolute;top: 175px;left: 515px;width: 450px;height: 22px;margin: 0;padding: 0;font-size: 18px;color: #828282;font-weight: bold;font-family: "Times New Roman", Times, serif;opacity: 0;transition: opacity .5s;} .teaser_h1.sichtbar{opacity: 1;transition: opacity 1s .3s;} .teaser_h2.sichtbar{opacity: 1;transition: opacity .9s .15s;} .textblock_small{width: 330px;} .imageblock{position: relative;float: left;width: 200px;text-align: center;} .imageblock a{display: block;margin: 0 0 10px 0;} .imageblock img{display: block;max-width: 200px;height: auto;margin: 0 auto;} .headline_menge{float: right;color: #999;font-style: italic;font-weight: normal !important;} .headline_pfeil{float: right;color: #999;font-style: italic;font-weight: normal !important;} .naehrwertangaben{padding: 10px 0;} .naehrwert_item{position: relative;float: left;width: 63px;height: 106px;margin: 0 0 0 3px;padding: 0;} .naehrwert_item img{display: block;} .nw_angabe{position: absolute;top: 62px;left: 10px;width: 38px;height: 36px;text-align: center;} .content_right .nw_angabe p{font-size: 14px;line-height: 14px;margin: 0 !important;padding: 0 !important;} .content_btn img{display: block;} .content_block{margin: 0 0 10px 0;clear: both;} a.auswahl_typ, a.auswahl_typ:link, a.auswahl_typ:visited{display: block;position: relative;float: left;width: 178px;height: 241px;background: url(../images/bg_auswahl_typ.png) top left no-repeat;margin: 0 5px 0 0;text-decoration: none;} .auswahl_typ h1{position: absolute;top: 30px;font-size: 16px;color: #b42115;margin: 4px 0 4px 20px;padding: 0 24px 4px 0;font-weight: bold;border-bottom: 0;font-family: "Times New Roman", Times, serif;} .content_right .auswahl_typ h1{font-size: 16px;margin: 4px 0 4px 20px;padding: 0 24px 4px 0;border-bottom: 0;} .content_right .auswahl_typ h3{position: absolute;top: 17px;font-size: 12px;color: #828282;margin: 0 0 0 20px;padding: 0;font-weight: bold;} .auswahl_typ_img{position: absolute;top: 70px;width: 140px;height: 140px;margin: 5px 0 0 15px;} .auswahl_typ_img img{display: block;} .lightbox{position: fixed;inset: 0;z-index: 9000;background: rgba(0,0,0,.7);display: flex;align-items: center;justify-content: center;cursor: pointer;} .lightbox img{max-width: 90vw;max-height: 90vh;background: #fff;border: 10px solid #fff;box-shadow: 0 0 20px rgba(0,0,0,.5);} .main_navi{width: 668px;padding-left: 330px;} .main_navi a, .main_navi a:link, .main_navi a:visited{font-size: 18px;padding: 6px 6px 0 6px;} .main_nav_trenner{margin: 0 6px;} .auswahl_typ_img img{width: 140px;height: 140px;object-fit: contain;} .inhalt_eintrag{display: flow-root;} nav.top_navi, nav.main_navi{display: block;} label.form_label{display: block;} :root{--field-error: #b91c1c;} .cms-form [aria-invalid="true"]{border-color: var(--field-error);box-shadow: 0 0 0 1px var(--field-error);} .cms-form [aria-invalid="true"]:focus-visible{outline: 2px solid var(--field-error);outline-offset: 1px;} .cms-form .field-error{display: block;margin-top: .25rem;color: var(--field-error);font-size: .875em;} .cms-form .pot{position: absolute !important;left: -9999px !important;} @media (prefers-reduced-motion: reduce){.teaser_item.laeuft, .teaser_h1, .teaser_h2, .teaser_h1.sichtbar, .teaser_h2.sichtbar, .features_item{transition: none;} .features_inhalt{height: auto;} .features_item{position: static;height: auto;opacity: 1;}} :root{--note-accent: #b42115;} .note{--note-color: #15803d;--note-bg: #f0fdf4;position: fixed;right: 1rem;bottom: 1rem;z-index: 10000;display: flex;align-items: flex-start;gap: .75rem;box-sizing: border-box;width: max-content;max-width: min(26rem, calc(100vw - 2rem));padding: .875rem 1rem;overflow: hidden;border: 1px solid var(--note-color);border-left-width: .3rem;border-radius: .5rem;background: var(--note-bg);color: #1f2937;box-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, .18);font-size: 1rem;line-height: 1.45;text-align: left;animation: note-in .25s ease-out;} .note-success{--note-color: #15803d;--note-bg: #f0fdf4;} .note-warning{--note-color: #b45309;--note-bg: #fffbeb;} .note-error{--note-color: #b91c1c;--note-bg: #fef2f2;} .note-content{flex: 1;min-width: 0;} .note-content > :first-child{margin-top: 0;} .note-content > :last-child{margin-bottom: 0;} .note-content ul, ul.note-content{margin: 0;padding-left: 1.1rem;} .note-content a{color: inherit;text-decoration: underline;} .note-close{flex: none;margin: -.25rem -.4rem 0 0;padding: .2rem .45rem;border: 0;border-radius: .25rem;background: transparent;color: inherit;font: inherit;font-size: 1.35rem;line-height: 1;cursor: pointer;} .note-close:hover{color: var(--note-accent);background: rgba(0, 0, 0, .06);} .note-close:focus-visible{outline: 2px solid var(--note-accent);outline-offset: 2px;} .note-auto::after{content: "";position: absolute;left: 0;bottom: 0;height: 3px;width: 100%;background: var(--note-accent);transform-origin: left;animation: note-timer var(--note-timeout, 6000ms) linear forwards;} .note-auto:hover::after, .note-auto:focus-within::after{animation-play-state: paused;} .note-hide{opacity: 0;transform: translateY(.5rem);transition: opacity .2s ease-in, transform .2s ease-in;} @keyframes note-in{from{opacity: 0;transform: translateY(.5rem);}} @keyframes note-timer{to{transform: scaleX(0);}} @media (max-width: 30em){.note{left: 1rem;right: 1rem;width: auto;max-width: none;}} @media (prefers-reduced-motion: reduce){.note{animation: none;} .note-auto::after{opacity: 0;} .note-hide{transition: none;}} @media print{.note{display: none;}}