html,body,div,span, applet,object,iframe, h1,h2,h3,h4,h5,h6,p,blockquote,pre, a,abbr,acronym,address,big,cite,code, del,dfn,em,font,img,ins,kbd,q,s,samp, small,strike,strong,sub,sup,tt,var, dd,dl,dt,li,ol,ul, fieldset,form,label,legend, table,caption,tbody,tfoot,thead,tr,th,td{margin: 0;padding: 0;border: 0;font-weight: normal;font-style: normal;font-size: 100%;line-height: 1;font-family: inherit;text-align: left;} table{border-collapse: collapse;border-spacing: 0;} ol,ul{list-style: none;} q:before,q:after, blockquote:before,blockquote:after{content: "";} @font-face{font-family: 'Archivo Expanded';src: url(../css/fonts/archivo-expanded.woff2) format('woff2');font-weight: normal;font-style: normal;font-display: block;} html{height: 100%;margin: 0 0 1px 0;padding: 0;border: 0;font-size: 12px;font-family: Arial, Helvetica, sans-serif;color: #222222;} body{margin: 0;padding: 0;border: 0;font-size: 120%;overflow-x: hidden;background: #58585a url(../images/bg_page.jpg) repeat-x;} img{border: none;} .spacer_h{position: relative;line-height: 0px;font-size: 0px;width: 100%;} .spacer{display: block;clear: both;width: 100%;height: 1px;} .italic{font-style: italic;} .content_title{color: #7eb300;font-weight: bold;font-size: 13px;margin: 5px 0px 3px 0px;padding: 0px 0px 3px 0px;text-transform: uppercase;} .content_subtitle{color: #ababab;font-size: 12px;font-weight: normal;margin: 2px 0px 5px 0px;padding: 2px 0px 5px 0px;} .container{position: relative;top: 0px;left: 50%;width: 910px;margin: 0px 0px 0px -455px;padding: 0px;z-index: 0;clear: both;} .page{position: relative;float: left;width: 910px;clear: both;} .page_top{position: relative;width: 910px;height: 160px;clear: both;} .logo{position: relative;top: 10px;left: 50%;margin: 0px 0px 0px -130px;width: 260px;height: 122px;} .main_nav{position: relative;left: 5px;width: 900px;height: 25px;clear: both;font-size: 11px;background: url(../images/bg_main_nav.png) top left repeat-x;text-align: center;padding: 10px 0px 0px 0px;} .main_nav span{padding: 0px 5px 0px 5px;} .main_nav a{padding: 0px 5px 0px 5px;} .page_middle{position: relative;width: 910px;clear: both;font-size: 12px;color: #333;background: url(../images/bg_page_middle.png) top left repeat-y;} .bg_overlay_ul{position: absolute;bottom: 0;left: 0;width: 5px;height: 5px;background: url(../images/bg_overlay_ul.png) no-repeat 0 0;} .bg_overlay_ur{position: absolute;bottom: 0;left: 905px;width: 5px;height: 5px;background: url(../images/bg_overlay_ur.png) no-repeat 0 0;} .page_bottom{position: relative;width: 910px;height: 50px;clear: both;font-size: 11px;color: #fff;background: url(../images/bg_page_bottom.png) top left no-repeat;} .navi_bottom{float: right;text-align: right;padding: 10px 0px 0px 0px;width: 270px;} .navi_bottom_copy{float: left;text-align: left;padding: 10px 0px 0px 10px;width: 600px;} .page_bottom a{font-size: 11px;color: #fff;text-decoration: none;padding: 0px 10px 0px 10px;} .page_bottom a:hover{color: #9adb00;} .content_shadow_top{position: absolute;top: 0px;left: 5px;height: 2px;width: 900px;background: url(../images/content_shadow_top.png) top left repeat-x;} .content{background: url(../images/bg_content.jpg) 5px 64px no-repeat;background-size: 900px max(626px, calc(100% - 128px));} .content_home{height: 418px;} .home_pic_woman{position: relative;float: right;height: 418px;width: 221px;margin: 0px 5px 0px 0px;border: 1px solid #fff;border-bottom: 0px;} .home_pic_man{position: relative;float: left;height: 418px;width: 221px;margin: 0px 0px 0px 5px;border: 1px solid #fff;border-bottom: 0px;} .home_textbox{position: relative;float: left;width: 360px;padding: 30px 45px 0px 45px;} .content_headline{position: absolute;top: 126px;left: 33.5px;width: 800px;height: 32px;margin: 0;padding: 0;font-family: 'Archivo Expanded', Arial, Helvetica, sans-serif;font-weight: normal;font-size: 37px;line-height: 32px;letter-spacing: -2.45px;text-transform: uppercase;white-space: nowrap;color: #7eb300;} .content p{color: #585858;font-size: 12px;line-height: 18px;margin: 5px 0px 5px 0px;} .content p.bodytext{padding: 0px 40px 5px 0px;} .content p.form{margin: 0px 180px 0px 0px;} .content p.form a{color: #585858;} .content_bildbanner{position: relative;top: 0px;left: 5px;width: 900px;height: 122px;background: url(../images/bg_content_bildbanner.png) 0px 0px repeat-x;margin: 0px;padding: 5px 0px 0px 0px;} .contentblock_600{width: 600px;float: right;margin: 0px;} .content_textbox{width: 600px;float: right;margin: 5px 0px 5px 0px;} .content_textbox p{padding: 0px 40px 5px 0px;} .content_textbox .p_typ{position: relative;padding: 0px 40px 0px 0px;} .inner_block{padding: 10px 0px 10px 0px;clear: both;} .inner_image_block{position: relative;float: left;width: 150px;text-align: left;border: 1px solid #585858;margin: 0px 20px 0px 0px;line-height: 0;} .inner_text_block{position: relative;float: left;width: 420px;} .content_logobanner{position: relative;top: 0px;left: 5px;width: 900px;height: 44px;background: url(../images/bg_content_logobanner.png) 0px 0px repeat;padding: 2px 0px 0px 0px;clear: both;display: flex;justify-content: center;align-items: flex-start;} .content_logobanner_item{position: relative;flex: 0 1 225px;min-width: 0;text-align: center;} .content_textbox table{width: 560px;} td{font-size: 12px;color: #585858;padding-top: 10px;} table tr:first-child td{padding-top: 0px;} tr td:first-child{padding-right: 10px;white-space: nowrap;} tr td:first-child + td{width: 100%;border-bottom: 1px dashed;} tr td:last-child{padding-left: 10px;white-space: nowrap;text-align: right;} .home_textbox h1, .content_textbox h2{color: #7eb300;font-weight: bold;font-size: 13px;margin: 5px 0px 3px 0px;padding: 0px 0px 3px 0px;text-transform: uppercase;} .content_textbox h3{color: #ababab;font-size: 12px;font-weight: normal;margin: 2px 0px 5px 0px;padding: 2px 0px 5px 0px;} .content_textbox h4{color: #585858;font-size: 12px;font-weight: bold;margin: 5px 0px 3px 0px;} .content_textbox ul, .content_textbox ol, .home_textbox ul, .home_textbox ol{color: #585858;font-size: 12px;line-height: 18px;margin: 5px 40px 5px 18px;} .content_textbox ul, .home_textbox ul{list-style: disc;} .content_textbox ol, .home_textbox ol{list-style: decimal;} .content b, .content strong{font-weight: bold;} .content i, .content em{font-style: italic;} .content_textbox table + p{margin-top: 15px;} .inner_block.image-right .inner_image_block{float: right;margin: 0px 40px 0px 20px;} .inner_block.image-right .inner_text_block{width: 380px;} .inline-image{float: left;margin: 0px 20px 10px 0px;border: 1px solid #585858;line-height: 0;} .inline-image.image-right{float: right;margin: 0px 0px 10px 20px;} table{border: 0;padding: 0;margin: 0;border-spacing: 0px;} .form_std{margin: 0px;padding: 15px;} .form_label{color: #7eb300;font-weight: bold;width: 110px;float: left;padding: 5px 15px 3px 0px;text-align: right;} .form_field{float: left;width: 260px;padding: 3px 0px 3px 0px;} input{padding: 0px 1px 1px 1px;border: 1px solid #7eb300;color: #585858;font-size: 12px;line-height: 16px;font-family: Arial, Helvetica, sans-serif;} .textfield{width: 222px;height: 16px;margin: 0px;padding: 0px 2px 1px 2px;} textarea{height: 100px;width: 262px;border: 1px solid #7eb300;color: #585858;font-size: 12px;line-height: 16px;font-family: Arial, Helvetica, sans-serif;} form .btns{float: right;margin: 5px 180px 0px 0px;} input.btn{border: 0;padding: 0px;margin: 0px;vertical-align: bottom;} :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;} :root{--note-accent: #7eb300;} .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;}} .pink .content_title, .pink .content_textbox h2, .pink .content_headline{color: #c30cb4;} .pink .content{background-image: url(../images/bg_content_pink.jpg);}