:root { --hGrau: #f5f5f5; --hGrau2: #f0f1f4; --dGrau: #333; --mBlau: #466199; --dBlau: #1b426d; --dRot: #cb2323; --mmBlau: #16416b; } @font-face {font-family:ORF-on; src:url(fonts/OrfOn-Regular.woff);} @font-face {font-family:ORF-on-bold; src:url(fonts/OrfOn-Bold.woff);} @font-face {font-family:ORF-on-cond; src:url(fonts/OrfOn-CondensedRegular.woff);} @font-face {font-family:ORF-on-cond-bold; src: url(fonts/OrfOn-CondensedBold.woff);} @font-face {font-family:ORF-on-sc-cond; src:url(fonts/OrfOnSC-CondensedRegular.woff);} @font-face {font-family:ORF-on-sc-cond-bold; src:url(fonts/OrfOnSC-CondensedBold.woff);} * {margin:0px; padding:0; font-family:ORF-on, serif; font-size:17px; line-height:30px; color:var(--dGrau,#333); box-sizing:border-box;} *:after, *:before {box-sizing:border-box;} html {font-size:100%;} body {font-size:17px; line-height:24px; background-color:#fff;} body.popup {padding:10px;} a, img {border-style:none; text-decoration:none; border:0px;} a {color:var(--dRot,#cb2323); font-weight:inherit; font-size:inherit; text-decoration:none;} a:hover {text-decoration:underline;} span {font-weight:inherit; font-size:inherit; text-decoration:none} h1, .titel {font-family:ORF-on-cond-bold,serif; font-size:2rem; line-height:1.2em; margin-bottom:20px;} h2, .untertitel {font-family:ORF-on-cond-bold,serif; font-size:1.75rem;} h3, .content {font-family:ORF-on-cond-bold,serif; font-size:1.5rem;} h3 {margin:0; margin-bottom:2px;} h2.login {margin-bottom:12px;} h1.maintitle {margin-top:0; margin-bottom:8px;} h2.subtitle {font-size:12px; margin-top:0; margin-bottom:8px; font-weight:normal; text-transform:uppercase; letter-spacing:1px;} div {margin:0px; padding:0px; display:block;} p {padding:12px 0;} td {vertical-align:top;} .clr {clear:both; width:0; height:0; position:relative; display:block; line-height:0px;} hr {height:2px; margin:22px 0; background-color:var(--dgrau,#333); border:none;} form, ol, ul, li {margin:0px; padding:0px;} ul, ol {margin-left:14px;} b,strong {font-weight:400; font-size:inherit; font-family:ORF-on-bold} i,em {font-style:italic;} .kleiner {font-size:15px; line-height:22px;} .bilduntertitel {width:100vw; display:block; margin-left:-20px; position:relative; padding:10px 20px; font-size:15px; line-height:22px; background-color:var(--hGrau2);} .copyright {font-size:14px; line-height:22px; color:#999;} .readmore {width:210px; margin:12px auto; padding:14px 55px; display:block; color:var(--mBlau,#466199); font-family:ORF-on-cond,sans-serif; font-size:20px; font-weight:600; text-decoration:none; background-color:var(--hGrau2,#f0f1f4);} .button {width:210px; margin:12px auto; padding:14px 55px; display:inline-block; color:var(--mBlau,#466199); font-family:ORF-on-cond,sans-serif; font-size:20px; font-weight:600; text-decoration:none; text-align:center; background-color:var(--hGrau2,#f0f1f4);} .readmore:hover,.button:hover {color:var(--hGrau2,#f0f1f4); background-color:var(--mBlau,#466199);} nav {width:100vw; height:96px; margin-right:0; padding-right:20px; position:fixed; z-index:10; background:url("../images/page/header.png") no-repeat center; background-size:auto; background-size:cover;} #logo {width:calc(100vw - 80px); max-width:380px; min-width:200px; height:96px; float:left;} #navi {width:800px; height:96px; display:none; align-items:center; justify-content:flex-end; float:right;} .navi {height:96px;} #logo .logo {width:100%; max-width:380px; min-width:200px; height:33px;} #logo a {width:100%; height:96px; padding-left:20px; display:table-cell; vertical-align:middle;} .navzusatz {top:32px; margin-left:10px; position:relative; font-family:ORF-on-sc-cond,sans-serif; color:#fff; font-size:24px; text-decoration:none; text-transform:uppercase;} .navzusatz:hover {text-decoration:underline; color:#fff;} .navzusatz.tickets {padding:2px 5px; background-color:var(--dRot);} #topspace {height:96px;} #laender {width:100%; top:96px; padding:10px 0 0; position:fixed; z-index:2; text-align:center; background-color:rgba(0,0,0,.55);} #laender img {width:20px; height:20px; margin:0 7px 10px;} li.activemenu, li.normalmenu {white-space:nowrap; overflow:hidden;} li.activemenu {background-color:#fff001;} div.menupadding {margin:0; padding:0; padding-left:5px;} ul.menusubpagelist {list-style-type:none; list-style-image:none; margin:0; padding-left:20px; white-space:nowrap; overflow:hidden; background-color:#ffffff;} ul.submenu, ul.mainmenu {list-style-type:none; list-style-image:none; margin:0; padding:0;} li.mainitem, h2.mainmenu, li.trenner {display:inline;} a.activemenu {font-family:ORF-on-sc-cond,sans-serif; color:var(--dRot,#cb2323); font-size:20px; text-decoration:none;} a.normalmenu {font-family:ORF-on-sc-cond,sans-serif; color:var(--dGrau,#333); font-size:20px; text-decoration:none;} a.activemenu:hover, a.normalmenu:hover {text-decoration:underline;} a.activemainmenu {font-family:ORF-on-sc-cond,sans-serif; color:#fff; font-size:24px; text-decoration:none; text-transform:uppercase; vertical-align:middle;} a.normalmainmenu {font-family:ORF-on-sc-cond,sans-serif; color:#fff; font-size:24px; text-decoration:none; text-transform:uppercase; vertical-align:middle;} a.activemainmenu:hover, a.normalmainmenu:hover {color:#fff; text-decoration:underline;} #hero {width:100%; height:calc(85vh - 96px); overflow:hidden;} .hero-bild img {width:100vw; height:calc(85vh - 96px); object-fit:cover;} .hero-bild {position:absolute; z-index:0;} .hero-ol {width:100vw; height:calc(85vh - 96px); position:absolute; z-index:1; display:flex; align-items:center; justify-content:center;} .hero-ol img {width:90vw; max-width:1000px; height:auto; object-fit:cover;} .hero-item {height:calc(100vh - 96px);} #content-wrap {width:calc(100vw - 40px); max-width:620px; margin:50px 20px; padding:0;} #content-wrap img {width:100vw; max-width:620px; height:100%; margin-left:-20px; object-fit:cover; position:relative;} #block-wrap {width:calc(100vw - 40px); margin:0 20px 50px; padding:0; text-align:center;} .blocktext {width:100%; max-width:620px; margin:0 auto; text-align:left;} .blocktext img {width:100vw; max-width:620px; height:100%; margin-left:-20px; object-fit:cover; position:relative;} .bildtext {width:100vw; max-width:620px; margin-top:0; margin-right:0; margin-bottom:0; margin-left:-20px; position:relative; display:inline-block; background-color: var(--hGrau);} .bildtext-links {width:100%; text-align:left;} .bildtext-rechts {width:100%; padding:10px 20px; float:left; text-align:left;} .bildtext-links img {width:100%; height:100%; object-fit:cover;} .blocktile {width:100%; display:inline-block; border:10px solid #fff; text-align:left; border-right:none; border-left:none;} .blocktile img {width:100%; height:100%; object-fit:cover;} .blocktrenner {width:100vw; height:115px; left:-20px; position:relative; border-top:50px solid #fff; border-bottom:50px solid #fff; background-color:var(--mmBlau);} .teams {width:100%; padding:10px; display:inline-block; border:10px solid #fff; text-align:left; border-right:none; border-left:none; border-bottom-width:50px; vertical-align:top; background-color:transparent;} .team {width:100%; padding:10px; display:inline-block; border:10px solid #fff; text-align:left; border-right:none; border-left:none; vertical-align:top; background-color:transparent;} .team-bild img {width:100%; height:100%; object-fit:cover;} .team-text {padding:10px 5px;} .blockmargin-oben {margin-top:26px; margin-bottom:0;} .blockmargin {margin-top:26px; margin-bottom:26px;} .blockmargin-unten {margin-top:0; margin-bottom:26px;} footer {padding:100px 0; text-align:center; color:#fff; background-color:#1b426d;} footer * {color:#fff; line-height:1.8rem;} footer a:hover {color:#fff;} footer h2 {margin-bottom:10px; font-size:2rem;} footer h3 {margin-bottom:10px; font-size:1.5rem;} footer h4 {margin-bottom:10px; font-size:1.2rem; font-family: ORF-on,sans-serif;} .footer-innen {max-width:620px; width:90%; margin:0 auto; display:inline-block;} footer img.som {max-width:50px; margin:0 10px;} .f1l > a:nth-child(2) > img:nth-child(1) {margin-right:0;} .f1l > a:nth-child(1) > img:nth-child(1) {margin-left:0;} .f1l {width:100%; line-height:0; margin-bottom:50px; float:left; text-align:left;} .f1r {width:100%; float:left; text-align:left;} .f3l {width:100%; float:left; text-align:left;} .f3r {width:100%; float:right; text-align:left; margin:10px 0 20px;} .f2l {width:100%; float:left; text-align:left; margin:15px 0px;} .f2r {width:100%; float:right; text-align:left; margin:15px 0px;} a.sgsLogo {width:130px; margin-top:0; display:inline-block;} a.sgsLogo img {width:100%;} footer ul {margin:30px 15px 30px 0; padding-left:20px;} footer ul li {padding:0 0 3px;} footer a {text-decoration:none;} footer a:hover {text-decoration:underline;} #impressum {height:110px; padding:0 20px; display:flex; align-items:center; justify-content:flex-end; background-color:#000;} #impressum img.logo {width:70px; margin-right:8%;} #impressum a {margin-right:3%; text-decoration:none; color:#fff;} #impressum a:hover {text-decoration:underline;} .cl_cookie_privacy_layer {background-color:#d1dfec !important;font-family:tahoma, arial; font-size:12px !important; height:85vH !important; opacity: 0.9;} .cl_cookie_privacy_layer * {color:#175d9c !important; font-family:tahoma, arial; font-size:12px !important;} .cl_cookie_privacy_layer span {color:#175d9c !important; font-family:tahoma, arial; font-size:12px !important;} .cl_cookie_privacy_layer a {background-color:#ffffff !important;} .cl_cookie_privacy_layer a:first-of-type {color:#ffffff !important; background-color:#175d9c !important;} .myinput, input.text, textarea.text, select {border-style:solid; border-width:1px; border-color:silver; margin-top:1px; margin-bottom:1px;} .login_input {border-style:solid; border-width:1px; border-color:silver; margin-top:1px; margin-bottom:1px;} input.loginsubmit {margin-top:10px; margin-bottom:10px;} .login_checkbox {vertical-align:middle;} .login_submit_area {padding-top:5px;} select {background-color:#ffffff;} .galeriethumb {margin-right:5px; margin-bottom:5px;} .captcha {border:solid silver 1px; width:120px;} img.captcha {margin-top:8px; margin-bottom:1px;} input.captcha {margin-bottom:2px;} .form_layer label, .form_layer .form_string_field, .form_layer .form_string_label {width:100%;} /* Formulare - Anfang */ .form_layer .field_string, .form_layer .field_textarea, .form_layer .form_select_field {width:100%; max-width:100% !important; margin-bottom:20px; padding:5px 10px; font-size:18px; border:1px solid #ddd; background:#fff; color:#000;} .form_layer .form_select_field {border:0px solid #ddd; } .form_layer .form_string_label label {padding-left:10px;} .form_layer .form_textarea_label label {padding-left:10px;} .form_layer .submit {padding:2px 12px; font-family:'Lora',serif; font-style:italic; font-size:18px; line-height:24px; font-weight:600; color:var(--butcol); text-decoration:none; border-radius:5px; border:3px solid var(--butbg); background-color:var(--butbg);} .form_layer .submit:hover {color:var(--dgrau,#333); border:3px solid var(--hblau); background-color:var(--hblau);} p.error {color:red;} /* Safari Style bei Formularelementen entfernen - Start */ .form_layer textarea, .form_layer input.text, .form_layer input[type="text"], .form_layer input[type="button"], .form_layer input[type="submit"], .form_layer .input-checkbox { -webkit-appearance:none; -moz-appearance:none; appearance:none;} /* Safari Style bei Formularelementen entfernen - Ende */ div.dsgvo_layer {width:100%; max-width:900px !important;} div.dsgvo_layer p, div.dsgvo_layer a {font-size:14px;} /* Formulare - Ende */ #editblock {border-color:silver;} .bp_edit_area img {width:15px !important; height:15px !important; margin:0 !important;} @media screen and (min-width: 375px){ #laender img {margin:0 10px 10px;} } @media screen and (min-width: 450px){ #laender img {width:30px; height:30px;} .blocktile {width:50%; border-width:5px;} .blocktile:nth-child(n) {border-left:none; border-right:5px solid #fff;} .blocktile:nth-child(2n) {border-right:none; border-left:5px solid #fff;} } @media screen and (min-width: 620px){ .bildtext {width:100%; margin-right:auto; margin-left:auto;} #content-wrap {margin-right:auto; margin-left:auto;} #content-wrap img,#block-wrap img {width:100%; margin-left:0;} .bilduntertitel {width:100%; margin-left:0; padding:10px;} .teams {width:50%;} .team {width:50%;} } @media screen and (min-width: 650px){ .f1l {width:50%; float:right; text-align:right;} .f1r {width:50%; float:left; text-align:left;} .f3l {width:50%; float:left; text-align:left;} .f3r {width:50%; float:right; text-align:right;} .f2l {width:45%; float:left; text-align:left;} .f2r {width:55%; float:right; text-align:left; padding-left:15px;} a.sgsLogo {margin-top:30px;} } @media screen and (min-width: 768px){ #hero {height:calc(100vh - 96px);} .hero-bild img {height:calc(100vh - 96px);} .hero-ol {height:calc(100vh - 96px);} #block-wrap {width:90vw; margin:0 auto 50px;} .blocktrenner {left:-5vw;} .blocktile {width:33.33333333%; border-width:10px;} .blocktile:nth-child(n) {border-left:none; border-right:10px solid #fff;} .blocktile:nth-child(n+4) {border-right:10px solid #fff; border-left:10px solid #fff;} .blocktile:nth-child(n+2) {border-right:none; border-left:10px solid #fff;} } @media screen and (min-width: 1023px){ #navi {display:flex;} #logo {width:calc(100vw - 840px);} .blocktext {width:90vw; max-width:620px;} .bildtext {max-width:1020px;} .bildtext-links {width:60%; max-width:620px; float:left;} .bildtext-rechts {width:40%; max-width:400px; padding:10px 20px; float:left;} .blocktile {width:25%;} .team {width:33.33333333%;} .teams {width:33.33333333%;} .blocktile:nth-child(n) {border-right:0px solid #fff; border-right:10px solid #fff;} .blocktile:nth-child(n+1) {border-right:0px solid #fff; border-left:10px solid #fff;} .blocktile:nth-child(n+2) {border-right:10px solid #fff; border-left:10px solid #fff;} .blocktile:nth-child(n+3) {border-right:10px solid #fff; border-left:10px solid #fff;} } @media screen and (min-width: 1400px){ .team {width:25%;} .teams {width:25%;} }