@import 'tiny.css';
@import 'blocks.css';

* {margin:0;padding:0;}
html,body {height:100%;}

.message.error {color: red;}

#header {position:relative;width:100%;height:630px;margin:0;padding:25px 0 0 0;}
#header #logo {position:relative;margin:0;padding:0;top: 15px;left: 20px;max-width: 330px;}
#content {position:relative;margin:0 auto;padding:80px 0 80px 0; width: 90%; min-height: 300px;}
#footer {position:absolute;width:100%;height:500px;margin-top:0;padding:0;}
#footercontent {position:relative;width:1440px;height:100%;margin:0 auto;padding:0;background: #A5221D;}
#backtotop {position:absolute;top:0;right:0;margin:10px 10px 0 0;padding:0;}
#header .social_media_container {position: absolute; right: 20px; top: 40px;}
#header .social_media_container .social_media_icon {width: 30px; height: auto;}


/* HEADER */
#maincontainer {position:relative;width:1440px;min-height:100%;margin:0 auto;padding:0;}
#header-content{border-bottom: 10px solid #A5221D;position: relative;height: 135px;}
#headerbackground{height: 435px;overflow: hidden;}
.headerslider .slick-track{height: 435px;}
.headerimgs{background-size: cover!important;background-position: center!important;}
#marquee{position: absolute;bottom: 5px;width: 100%;background: #A5221D;height: 50px;color:white;font-size: 24px;line-height: 50px;left: 0;}
#marquee a{color: white!important;}


/* NAVIGATION */
#navigation {position:absolute;list-style-type:none;margin:0;padding:0;z-index:5;right: 15px;bottom:10px;}
#navigation li {position:relative;float:left;line-height:35px;margin:0 1px 0 0;padding:0;z-index:5;}
#navigation li:hover {z-index:5;}
#navigation li.anyActive {z-index:5;}
#navigation li a {font-size:20px;position:relative;color:#000;margin:0;padding:10px 15px;z-index:5;text-transform: uppercase;font-weight: bold;}
#navigation li ul li a{font-weight: normal;width: max-content;width:-moz-max-content;display: block;}
#navigation li ul {-webkit-box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.75);-moz-box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.75);box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.75);position:absolute;list-style-type:none;display:none;background:#A5221D;padding:0;z-index:5;min-width: 100%;}
#navigation li ul li{display: block;}
#navigation li ul li ul li{display: none;}
#navigation li ul li ul{position: relative;left: 35px;top: -5px;display: table;box-shadow: none;background: transparent;}
#navigation li ul li ul li a{color:#000!important;}
#navigation li ul li ul li a:hover{color:#fff!important;}
#navigation li ul li:hover ul li{display: block;}
#navigation li:hover ul {display:block;z-index:5;}
#navigation li:hover ul li {float:none;z-index:5;}
#navigation li:hover ul li a {color:#000;z-index:5;}
#navigation li:hover ul li:hover a {color:white;z-index:5;}
#navigation li.anyActive ul li.anyActive a {color:white;z-index:5;}
#navigation .frontendNavigationItem70 ul {display: none!important;}


/* NEWS */
.newsContainer {margin-bottom:30px;}
.newsContainer h1 {margin-bottom:10px;}
.newsContainer .newsThumbnail {float:left;margin:0 10px 10px 0;}
.newsContentText {padding-top: 10px;}
.newsLink {text-align:right;display:block;color:#B5121D!important;margin-top:10px;}
.newsLink:hover {text-align:right;display:block;color:#B5121D!important;}


/* IMAGE TEXT BLOCK */
.imagetext-block {margin-bottom: 50px; display: grid; grid-template-columns: 50% 50%; grid-gap: 20px;}
#content h1:nth-child(1) {color: #A5221D;}
.imagetextbox.leftpadding {padding-left: 25px; width: 100%; box-sizing: border-box;}
.imagetextbox.rightpadding {padding-right: 25px; width: 100%; box-sizing: border-box;}
.imagetextbox img {width: 100%;}

.imagetext-block.smallest {grid-template-columns: calc(80% - 10px) calc(20% - 10px)!important;}
.imagetext-block.smallerimg {grid-template-columns: calc(70% - 10px) calc(30% - 10px)!important;}
.imagetext-block.smallimg {grid-template-columns: calc(60% - 10px) calc(40% - 10px)!important;}
.imagetext-block.sameimg {grid-template-columns: calc(50% - 10px) calc(50% - 10px)!important;}
.imagetext-block.bigimg {grid-template-columns: calc(40% - 10px) calc(60% - 10px)!important;}
.imagetext-block.bigerimg {grid-template-columns: calc(30% - 10px) calc(70% - 10px)!important;}
.imagetext-block.bigest {grid-template-columns: calc(20% - 10px) calc(80% - 10px)!important;}


/* SPORTPROGRAMM */
.timetable_wrapper {margin-bottom: 85px;}
.timetable_headline {display: grid; grid-template-columns: 1fr 1fr; margin-bottom: 50px;}
.timetable_headline .left {text-align: left;}
.timetable_headline .right {text-align: right;}
.all_day {display: flex; gap: 20px;}
.flexitem{flex: 1;}
.day_tile {width: 100%; background-color: #A5221D; text-align: center; padding: 35px 0; color: #fff; font-size: 25px; font-weight: bold;}
.single_meeting {width: 100%; border: 1px solid #A5221D; text-align: center; padding: 15px; box-sizing: border-box; font-size: 21px; margin-top: 25px; hyphens: auto;}
.meeting_name {margin-bottom: 10px;}
.meeting_time {margin-bottom: 10px;}
.meeting_place {}


/* TERMINE */
.day_title {line-height: 1.4;}
.calender_wrapper {margin-bottom: 100px;}
.calender_wrapper .slick-slide {
    margin: 0px 10px!important;
}
.appointment-controll {position: absolute; width: 40px; height: 60px; top: -60px;}
#prev-appointment {left: 0;}
#next-appointment {right: 0;}


.flex_wrapper {display: flex; flex-wrap: wrap; gap: 20px;}
.flex_wrapper .flex_item {flex: 0 0 calc(100% / 7 - 20px);box-sizing: border-box;}


/* NEWSLETTERROW */
#newsletterform input {vertical-align: top;width: 260px;height: 50px;box-sizing: border-box;margin-right: 10px;padding-left: 20px;background: transparent;outline: none;border: 1px solid black;font-family: "Open Sans Condensed";font-size: 20px;color: black;}
.custom-sportsselect {position: relative;display: inline-block;height: 50px;box-sizing: border-box;border: 1px solid #000;font-size: 20px;font-family: "Open Sans Condensed";color: #000;vertical-align: top;}
.custom-sportsselect #nlGroupsTitle {position: absolute;width: 100%;height: 100%;top: 0;left: 0;padding-left: 20px;padding-top: 12px;box-sizing: border-box;}
.custom-sportsselect #nlGroupsContainer {position: absolute;width: 100%;height: 250px;top: 100%;left: 0;box-sizing: border-box;overflow: auto;z-index: 10;background: #E2E2E2;box-shadow: 5px 5px 15px rgba(0,0,0,0.5);}
#nlGroupsContainer .row {position:relative;}
#nlGroupsContainer .row input {width:auto;height:auto;position:absolute;left:20px;top:8px;}
#nlGroupsContainer .row label {position:relative;display:block;padding:5px 5px 5px 45px;width:100%;height:auto;margin:0;line-height:1.2;box-sizing:border-box;}
#newslettergrid {display: grid; grid-template-columns: 33% 33% 33%; grid-gap: 15px; position: absolute; right: 75px; top: 20px; width: 65%;}
#newslettergrid div {position: relative;}
#newslettergrid div input, #newslettergrid div .custom-sportsselect {float: right; margin: 0; width: 100%;}
#newsletterform input {vertical-align: top;width: 260px;height: 50px;box-sizing: border-box;margin-right: 10px;padding-left: 20px;background: transparent;outline: none;border: 1px solid black;font-family: "Open Sans Condensed";font-size: 20px;color: black;}
#newslettercontainer{background:#E2E2E2;height: 150px;box-sizing: border-box;padding: 40px 57px;position: relative;width: 100%;bottom: 0;}
#newslettertext{float: left;}
#newslettertext h1{margin: 0;}
#newsletterform {}
#newsletterform .go {background: black;color:white;padding:12px 30px;outline: none;font-family: "Open Sans Condensed";font-size: 20px;}
#newsletterform input{vertical-align:top;width: 260px;height: 50px;box-sizing: border-box;margin-right: 10px;padding-left:20px;background: transparent;outline: none;border: 1px solid black;font-family: "Open Sans Condensed";font-size: 20px;color: black;}
#newsletterform input::placeholder{font-family: "Open Sans Condensed";font-size: 20px;color: black;}
#newsletterform h1{text-align: center;}
#newsletterform #recaptcha_v2_widget {  transform:scale(0.75); transform-origin:0 0; margin-top: -2px;}
#nlsubmitbutton {float: right; width: 100%;}
.recaptcha_cookie_placeholder {min-height: 76px;}

/* CUSTOM SELECT */
.custom-select {
    position: relative;
    width: 258px;
    height: 48px;
    display: inline-block;
    border: 1px solid black;
    margin-right: 10px;
}

.custom-select select {
    display: none; /*hide original SELECT element: */
}

.custom-select1 {
    position: relative;
    width: 258px;
    height: 48px;
    display: inline-block;
    border: 1px solid black;
    margin-right: 10px;
}

.custom-select1 select {
    display: none; /*hide original SELECT element: */
}

.select-selected {
    background-color: transparent;
    height: calc(100% - 16px);
    font-family: "Open Sans Condensed";font-size: 20px;
}

/* Style the arrow inside the select element: */
.select-selected:after {
    position: absolute;
    content: "";
    top: 21px;
    right: 20px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #000 transparent transparent transparent;
}

/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
    border-color: transparent transparent #000 transparent;
    top: 14px;
}

/* style the items (options), including the selected item: */
.select-items div,.select-selected {
    color: #000;
    padding: 8px 16px;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    font-size: 20px;
}

/* Style items (options): */
.select-items {
    position: absolute;
    background-color: #E2E2E2;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    -webkit-box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.75);-moz-box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.75);box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.75);
}

/* Hide the items when the select box is closed: */
.select-hide {
    display: none;
}

.select-items div:hover, .same-as-selected {
    background-color: rgba(0, 0, 0, 0.1);
}


/* BUTTON NAVIGATION */
.buttongrid_block {margin: 50px 0; display: grid; grid-template-columns: 50% 50%;}
.buttongrid_block a {
    list-style-type: none;
    width: calc(100% - 10px);
    height: max-content;
    border: solid 1px #A5221D;
    text-align: center;
    float: left;
    padding-top: 25px;
    padding-bottom: 25px;
    margin-bottom: 15px;
    line-height: 30px;
    transition: all 300ms;
}
.buttongrid_block a span {
    transition: all 300ms;
    font-weight: bold;
    font-size: 30px;
    text-transform: uppercase;
}

.buttongrid_block a:hover {background: #A5221D;}
.buttongrid_block a:hover span {color: #fff;}


/* ZWEI SPALTEN TEXT */
.twocoltext {display: flex; margin-bottom: 50px;}
.twocoltext .lefttext {padding-right: 10px; flex-basis: 100%;}
.twocoltext .righttext {padding-left: 10px; flex-basis: 100%;}


/* ZWEI SPALTEN TEXT */
.threecoltext {display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 35px;}
.threecoltext .lefttext {}
.threecoltext .midtext {}
.threecoltext .righttext {}


/* SPORTANGEBOTE */
#startcontentbox{margin:105px auto 0 auto;width: 85%; }
#startcontentbox h2{color: white;text-align: center;}
.aussen{width: 33.3%;background:#A5221D;color:white;height: 400px;float: left;text-align: center;position: relative;}
.innen{width: 33.3%;background:black;color:white;min-height: 450px;height: auto;float: left;position: relative;top: -25px;}

#sportangebote h2{position: absolute;left: 0;right: 0;margin: 0 auto;top: 40px;}
#sportslider img{width: 140px;height: 140px;margin:15px auto;}
#sportslider p{color:white;text-align: center;font-size: 28px!important;text-transform: uppercase;display: block; margin-top: 35px;}
#sportslider{position: relative;top: calc(50% - 70px);}
#sportangebote .slick-arrow{width: 35px;height: 65px;position: absolute;top: calc(50% - 70px);z-index: 99;}
#sportangebote #prev{left: 25px;}
#sportangebote #next{right: 25px;}
#sportangebote .hideSlide{height: 100%;width: 40px;background: #A5221D;position: absolute;top:0;}
#sportangebote #left{left: 0;}
#sportangebote #right{right:0;}


/* ANSPRECHPARTNERBOX */
#ansprechpartnerbox{box-sizing: border-box;padding: 40px 20px 20px 20px;}
#ansprechpartnerbox .custom-select1{width: 100%;margin-right: 0;border:1px solid white;height: 40px;margin-top: 15px;}
#ansprechpartnerbox .select-selected{color: white;}
#ansprechpartnerbox .select-selected:after{border-color: #fff transparent transparent transparent;}
#ansprechpartnerbox .select-selected.select-arrow-active:after{border-color: transparent transparent #fff transparent;}
.mail{float: right;background: url("./../img/mail_icon.svg")no-repeat center;width:30px;height: 20px;background-size: cover;}
.tel{float: right;background: url("./../img/phone_icon.svg")no-repeat center;width:30px;height: 20px;background-size: cover;}
.kurspartner p:nth-child(1){background: url("./../img/head_icon.svg")no-repeat left;background-size: contain;}
.kurspartner p{padding-left: 30px;}
.kursbox{padding: 10px 0 0;}
#ansprechpartnerbox .kursbox h2 {text-align: left;}
.kursbox{border-bottom: 1px solid white;}
.kursbox:last-child{border-bottom: none;}
.kursname p{font-size: 18px;}
.morepartner{width: 100%;height:35px;border: 1px solid white;display: flex;justify-content: center;align-content: center;flex-direction: column;text-align: center;color:white;}
.nopartner{}


/* NEUIGKEITEN */
#neuigkeiten{box-sizing: border-box;padding: 40px 20px 20px 20px;}
#neuigkeiten h2{color: white;margin-bottom: 30px;}
#neuigkeiten h6{font-size: 18px;}
#neuigkeiten a{color: white;}
#neuigkeiten p{text-align: justify;font-size: 21px;line-height: 20px;}
#neuigkeiten #weiterlesen{width: calc(100% - 40px);position:absolute;bottom:20px;height: 40px;border: 1px solid white;display: flex;justify-content: center;align-content: center;flex-direction: column;}


#landingPartner{overflow: auto;max-height: 288px;}
#landingPartner h2{text-align: left;}


/* TABLE GRID */
.tablegrid_block {width: 100%; display: grid; grid-template-columns: 40% 30% 30%; }
.tablegrid_block div {padding-right: 10px; margin-bottom: 5px; box-sizing: border-box; width: 100%;}
.tablecol_first {}
.tablecol_first span {color: red;}
.tablecol_second {}
.tablecol_third {}
.tablespacer {margin-bottom: 50px;}


/* BILDER & TEXT */
.galimage {width: 100%; height: auto;}
.imagegrid {display: grid; grid-template-columns: 50% 50%;}


/* KURSANMELDUNGEN */
.CoursesGrid {width: 100%; display: grid; grid-template-columns: 1fr 1fr; grid-gap: 25px;}


/* AUDIOS BLOCK */
.audio-grid {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 20px;}
.single-audioblock {}
.single-audioblock img {width: 100%; height: auto; margin-bottom: 20px;}


/* GALERIE */
.gallerygrid {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 20px;}

.galleryCategoryAlbum {
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 200px;
}



.galleryCategoryAlbumBg {
    background: no-repeat center center;
    background-image: none;
    background-size: auto;
    background-size: cover;
    transition: ease-out all 200ms;
    width: 100%; height: 200px;
}

.galleryCategoryAlbum:hover .galleryCategoryAlbumBg {transform: scale(1.1);}

.galleryCategoryAlbumTitle {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(165,34,29,0.8);
    color: #fff;
    padding: 5px;
    text-align: center;
}


/* FOOTER */

#footer .social_media_container {}
#footer .social_media_container .social_media_icon {width: 30px; height: auto;}

#footernavigation {position:absolute;list-style-type:none;margin:0;padding:0;z-index:5;right: 0px;top:52px; width: calc(100% - 295px);}
#footernavigation li {position:relative;float:left;margin:0 130px 0 0;padding:0;z-index:5; line-height: 18px;}
#footernavigation li:hover {z-index:5;}
#footernavigation li.anyActive {z-index:5;}
#footernavigation li a {font-size:20px;position:relative;color:#fff;margin:0;padding: 0;z-index:5;text-transform: uppercase;font-weight: bold;}
#footernavigation li ul {position:absolute;list-style-type:none;display:block;margin:35px 0 0 0;padding:0;z-index:5;}
#footernavigation li ul li a{font-size: 16px;font-weight: normal;display: inline-block; line-height: 18px;}
#footernavigation li ul li {float:none;z-index:5;width: max-content;width:-moz-max-content; margin:0 0 0 0;}
#footernavigation li ul li ul li a{font-size: 12px;font-weight: normal;display: inline-block;}
#footernavigation li ul li ul li{float:none;width:175px;z-index:5;}
#footernavigation .Depth3{display: none;}
#footernavigation li:hover ul li a {color:#fff;z-index:5;}
#footernavigation li:hover ul li:hover a {color:#fff;z-index:5;font-weight: bold;}
#footernavigation li.anyActive ul li.anyActive a {color:#fff;z-index:5;font-weight: bold;}
#footernavigation .newsletter{float: none;right: -25px;position: absolute;top: 100px;}
#footernavigation .presse{float: none;right: 19px;position: absolute;top: 135px;}
#footernavigation .galerie{margin: 0 155px 0 0;}
#footernavigation .sportangebote{margin: 0 130px 0 0;}
#footernavigation .verein{margin: 0 80px 0 0;}
#footernavigation .kontakt {margin: 0 80px 0 0;}

#footernavigation .frontendNavigationItem66 {display: none;}
#footernavigation .frontendNavigationItem69 {display: none;}
#footernavigation .frontendNavigationItem65 {display: none;}
#footernavigation .frontendNavigationItem64 {display: none;}
#footernavigation .frontendNavigationItem13 {display: none;}
#footernavigation li ul li ul {display: none;}

#footercontact{display: table;float: left;color:white;padding: 45px;font-size: 16px; padding-left: 55px;}
#footercontact h1,#footercontact a{color:white;}
#footercontact p{margin: 20px 0;}
#footercontact :nth-child(3){margin:35px 0 20px 0;}
#footercontact h1{margin-bottom: -20px;}



/*

@media (min-width: 721px) {
    #navigation {position: relative; z-index: 10; display: flex; align-items: flex-start; flex-direction: row; flex-wrap: wrap; list-style: none; gap: 10px 20px;}
    #navigation li {position: relative; list-style: none; padding: 0; margin: 0; display: flex; align-items: flex-start; flex-direction: row; flex-wrap: nowrap;}
    #navigation li::before {content: none;}
    #navigation li a {display: block; padding: 10px 20px; flex: 1 1 auto;}
    #navigation li ul {display: none; position: absolute; left: 0; top: 35px; background: #bedcff; min-width: 180px; z-index: 11; list-style: none;}
    #navigation li:hover > ul {display: block;}
    #navigation li ul li ul {left: 100%; top: 0;}
    #navigation .frontendNavigationItemMobile {display: none;}
    #navigation li.anyActive > a {color: blue;}
}
@media (max-width: 720px) {
    #navigation {position: relative; z-index: 10; display: block; list-style: none;}
    #navigation .frontendNavigationItemMobile {display: none;}
    #navigation li {position: relative; list-style: none; padding: 0; margin: 0; display: flex; align-items: flex-start; flex-direction: row; flex-wrap: wrap;}
    #navigation li::before {content: none;}
    #navigation li a {display: block; padding: 10px 20px; flex: 1 1 auto;}
    #navigation li.hasChildren > .frontendNavigationItemMobile {display: block; height: 30px; background: red; flex: 0 0 30px;}
    #navigation li.hasChildren.opened > .frontendNavigationItemMobile {background: green;}
    #navigation li ul {display: none; position: relative; width: 100%; list-style: none;}
    #navigation li.opened > ul {display: block;}
    #navigation li.anyActive > a {color: blue;}
}

*/





input[type=color], input[type=date], input[type=datetime-local], input[type=email], input[type=file], input[type=number], input[type=password], input[type=tel], input[type=text], input[type=time], input[type=url], textarea, select {
    border: 1px solid #aaa;
    display: inline-block;
    background: transparent;
    border-radius: 0;
    box-sizing: border-box;
    width: 200px;
    padding: 5px 10px;
    color: #000;
}
textarea {
    height: 150px;
}
button, .button, input[type=button], input[type=submit], input[type=reset] {
    border: 1px solid #aaa;
    border-radius: 0;
    -webkit-appearance: none;
    background: #ffffff;
    color: #000;
    text-align: center;
    display: inline-block;
    padding: 10px 20px;
    cursor: pointer;
}
button:hover, .button:hover, input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover {
    background: #bbb;
}
.formRow {
    position: relative;
}
.formRow > label {
    float: left;
    width: 150px;
}
.formRow > input[type=color], .formRow > input[type=date], .formRow > input[type=datetime-local], .formRow > input[type=email], .formRow > input[type=file], .formRow > input[type=number], .formRow > input[type=password], .formRow > input[type=tel], .formRow > input[type=text], .formRow > input[type=time], .formRow > input[type=url], .formRow > textarea, .formRow > select {
    float: left;
}




.checkboxRow {margin-bottom: 10px;}

.basicform .formleft {
    width: 50%;
    float: left;
    padding-right: 35px;
    box-sizing: border-box;
    position: relative;
}

.basicform .formright {
    width: 50%;
    box-sizing: border-box;
    float: right;
    position: relative;
}
form input[type="text"], form input[type="email"], form input[type="date"], form select {
    position: relative;
    float: left;
    width: 100%;
    height: 50px;
    line-height: 35px;
    font-weight: 400;
    font-size: 20px;
    color: #1a171b;
    background: #fff;
    border: 1px solid #1a171b;
    margin: 0 0 10px 0;
    padding: 0 10px;
    box-sizing: border-box;
    font-family:"Open Sans Condensed";
}


.basicform form textarea {
    width: calc(100% - 10px);
    box-sizing: border-box;
    font-family:"Open Sans Condensed";
}
form textarea {
    position: relative;
    float: left;
    width: 343px;
    height: 105px;
    font-weight: 400;
    font-size: 18px;
    color: #1a171b;
    background: #fff;
    border: 1px solid #1a171b;
    resize: none;
    margin: 0 0 10px 0;
    padding: 10px;
}


.antragform .formright {padding-top: 0px;}
.formRow .extralabel {padding-left: 30px; width: 100%; box-sizing: border-box; margin-bottom: 15px; font-size: 18px;}
.formRow.withtopmargin {margin-top: 25px;}
.formRow input[type='checkbox'] {position: absolute; top: 5px;}
h2.withtopmargin {margin-top: 45px;}

#cancelformDateRow {margin-top: 15px;}
.recaptchafield {margin-bottom: 10px;}

/* FORMS */
div.formRow label {float:left;font-weight:bold;}
.buttonRow input, .buttonRow textarea, .buttonRow button, .buttonRow select {border:1px solid #d3d3d3;background:#fafafa;width: 215px;height: 25px; font-family:"Open Sans Condensed";}
input:focus, textarea:focus, button:focus, select:focus {border:1px solid #B5121D;background:#fff;}
/* input:focus, textarea:focus, button:focus {border:1px solid #B5121D;background:#fff;}
select {top: 5px; position: relative;}*/
div.buttonRow input, div.buttonRow button {color:#202020;width:130px;font-weight:bold;cursor:pointer;}

.basicform input[type="submit"] {
    width: calc(100% - 10px);
    color: #fff;
    border: solid 1px #A5221D;
    background: #A5221D;
    height: 37px;
}

.basicform input[type="submit"]:hover {
    color: #A5221D;
    background: #fff;
}


.formright .formgrid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
    margin-top: 3px;
}

.basicform input[type="submit"] {font-size: 21px!important; font-family: "Open Sans Condensed"; height: 35px; padding: 3px 20px;}
.formleft .formRow .select {width: 100%!important; border: solid 1px #000!important; box-sizing: border-box; height: 35px!important; margin-bottom: 5px;}


#dateselect {margin-bottom: 10px;}
#date-select-wrapper select {border-right: solid 0;}
#date-select-wrapper select:nth-child(3) {border-right: solid 1px;}

#dob { /* jsut to demonstrate that some styles will be copied from the input to the dropdowns*/

}

/*
Unfortunately, we have to fake placeholders as they are not supported on select elements
*/
input::placeholder,
select.show-placeholder,
select option:first-child {
    color: #999;
}

select.show-placeholder option {
    color: #000;
}

/* Display the dropdowns next to each other */
#date-select-wrapper {
    display: flex;
}

#date-select-wrapper > * {
    flex-grow: 1;
    width: auto;
    margin: 0;
}





.newsContentThumbnail {position:relative;float:left;width:290px;height: auto;  overflow:hidden;text-align:center;margin:0 30px 0 0;padding:0; margin-top: 20px; margin-bottom: 30px;}
.newsContentThumbnail img {width: 100%; height: auto; margin-bottom: 10px;}
.newsadditionalpics {display: grid; grid-template-columns: 1fr 1fr; grid-gap: 15px;}
.newddetailextraimg {width: 100%; height: 100px; background-size: contain; background-position: center top; background-repeat: no-repeat;}





@media only screen and (max-width: 1440px) {

    #maincontainer {width: 100%;}
    #startcontentbox {width: 100%;}
    #footercontent {width: 100%;}
    #navigation li a {padding: 10px 10px; font-size: 18px;}
    #footernavigation li {margin: 0 60px 0 0;}


}


@media only screen and (max-width: 1200px) {

    #footer{height: 400px;}
    #footercontent{width: 100%;}
    #footernavigation{top: 31px;right: 45px;text-align: right;}
    #footernavigation li{margin: 10px 0 0 0!important;}
    #footernavigation .galerie{margin: 0 40px 0 0;}
    #footernavigation li ul{display: none;}
    #footernavigation .newsletter,#footernavigation .presse,#footernavigation li{float: unset;right: unset;position: unset;top: unset;}
    #footercontact {padding-bottom: 0; padding-top: 35px;}

    .timetable_wrapper .all_day {display: block; }
    .timetable_wrapper .day_tile {margin-top: 45px; width: calc(33.333% - 20px);}
    .timetable_wrapper .all_meetings {display: flex; gap: 0 20px; flex-wrap: wrap;}
    .timetable_wrapper .single_meeting {flex: 0 0 calc(33.333% - 20px);     box-sizing: border-box;}

}



@media only screen and (max-width: 1100px) {

    /* MOBILE NAVIGATION */
    #header-menu-button {display:block;z-index: 99;bottom:0;background: url("./../img/menu.svg")no-repeat center;width: 50px;height: 50px;background-size: contain;position: absolute;right: 15px;}
    #navigation {left:0;display:none;padding:0;top:135px;right:0;}
    #navigation.opened {display:block;z-index: 999999;}
    #navigation li {float:none;background:#A5221D;display:block;margin:0;position:relative;width: calc(100% - 10px);padding: 5px 0 5px 10px;}
    #navigation li:hover > ul {display:none;}
    #navigation li.opened > ul {display:block;}
    #navigation li.hasChildren > a {padding-right:60px;}
    #navigation li.hasChildren .frontendNavigationItemMobile {display:block;position:absolute;top:10px;right:20px;width:20px;height:20px;background:url("./../img/dropdown+.svg") no-repeat left;background-size: contain; z-index: 50;}
    #navigation li.hasChildren.opened .frontendNavigationItemMobile {background:url("./../img/dropdown-.svg") no-repeat left!important;background-size: contain!important;}
    #navigation li.hasChildren.opened ul li .frontendNavigationItemMobile {background: unset!important;}
    #navigation li.hasChildren.opened{color: white;}
    #navigation li ul li.hasChildren.opened{color: white;}
    #navigation li ul {position:relative;top:0;left:0;padding:0;margin: 0;box-shadow: none;-webkit-box-shadow: none;-moz-box-shadow: none;}
    #navigation li ul li ul {left:0;}
    #navigation li ul li{width: 88%;}
    #navigation li ul li a{display: block;width: 100%;}
    #navigation li ul li a:hover{color:white;}
    #navigation li ul li.active a{color:white;}
    #navigation li a{display:block;padding:0;box-sizing:border-box;}
    #navigation li.active > a {color:white;}
    #navigation li:hover > a {text-decoration:none;color:white;}
    #navigation li ul li.opened ul li{display: block;}
    #navigation li ul li ul{position: relative;top: 0;}

    #newslettercontainer {height: 290px;}
    #newslettergrid {grid-gap: 15px; position: absolute; right: 75px; top: 130px; width: calc(100% - 130px);}

    .gallerygrid {display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 20px;}



}


@media only screen and (max-width: 991px) {

    #content {width: 95%;}
    #footercontact {padding-left: 22px; padding-bottom: 0;}

    #sportslider img {width: 85px;height: 85px;}
    .aussen { height: 460px;}
    .innen { min-height: 510px;}
    #content {padding:60px 0 60px 0; }

    .audio-grid {grid-template-columns: 1fr 1fr 1fr;}

    #footernavigation {right: 20px;}
    #newslettercontainer {padding-left: 20px; padding-right: 20px;}
    #newslettergrid {right: 40px;  width: calc(100% - 60px);}



    .newsContentThumbnail {width:200px;}
    .newsContentThumbnail img {}
    .newsadditionalpics {}
    .newddetailextraimg {}



}


@media only screen and (max-width: 750px) {

    #newslettercontainer {height: 360px;}
    #newslettergrid {grid-template-columns: 50% 50%;}
    #nomobile {display: none;}
    #nlsubmitbutton {margin-top: -28px;}

}



@media only screen and (max-width: 721px) {



    .newsContentThumbnail {width:100%;height: auto; margin:0 0px 0 0;padding:0; margin-top: 20px;}
    .newsContentThumbnail img {width: 100%; margin-bottom: 10px;}
    .newsadditionalpics {margin-bottom: 30px;}
    .newddetailextraimg {height: 150px;}

    .gallerygrid {display: grid; grid-template-columns: 1fr 1fr; grid-gap: 20px;}

    #header{height: 430px;}
    #headerbackground {height: 235px;}
    .headerslider .slick-track {height: 235px;}
    #header #logo{max-width: 275px;}
    #content {padding:40px 0 40px 0; }

    .cancelform .formleft {width: 100%;}
    .cancelform .formright { width: 100%;}

    .antragform .formleft {width: 100%;}
    .antragform .formright { width: 100%;}

    .buttongrid_block {grid-template-columns: 100%;}

    #maincontainer h1{font-size: 40px;}


    .twocoltext .lefttext {margin-bottom: 25px;}
    .twocoltext {display: block; padding: 0; margin-bottom: 25px;}
    .twocoltext .righttext {padding-left: 0px;}
    .threecoltext {display: block; padding: 0;}
    .imagetext-block {margin-bottom: 50px; display: grid; grid-template-columns: 100%; grid-gap: 35px;}
    .imagetextbox.leftpadding {padding-left: 0px;}
    .imagetextbox.rightpadding {padding-right: 0px;}

    #startcontentbox{margin-top: 50px;}
    .aussen,.innen{width: 100%;top:0;}
    #neuigkeiten h6{font-size: 14px;}
    #weiterlesen{z-index: 9;background:#A5221D;}
    #sportslider img {width: 110px;height: 110px;}

    #footer{height: auto;}
    #footercontent{width: 100%;}
    #footercontact{width: 100%;float: unset;padding: 45px 0 0 0;text-align: center;}
    #footernavigation{bottom: 0;right: 0;text-align: center;top: unset;position: relative;padding: 25px 0; width: unset;}
    #footernavigation li{margin: 10px 0 0 0!important;}
    #footernavigation .galerie{margin: 0 40px 0 0;}
    #footernavigation li ul{display: none;}
    #footernavigation .newsletter,#footernavigation .presse,#footernavigation li{float: unset;right: unset;position: unset;top: unset;}

    .tablegrid_block {grid-template-columns: 50% 50%; margin-bottom: 25px;}
    .tablecol_second {text-align: right;}

    .audio-grid {grid-template-columns: 1fr 1fr;}
    .imagetext-block.smallest {grid-template-columns: 100%!important;}
    .imagetext-block.smallerimg {grid-template-columns: 100%!important;}
    .imagetext-block.bigerimg {grid-template-columns: 100%!important;}
    .imagetext-block.bigest {grid-template-columns: 100%!important;}

    .threecoltext {grid-template-columns: 1fr;}

    .basicform .formleft {
        padding-right: 0px;
    }

    .timetable_wrapper  .all_day {display: block;}
    .timetable_wrapper .day_tile {width: 100%;}
    .timetable_wrapper .all_meetings {display: block;}
    .timetable_wrapper .timetable_headline {display: block; width: 100%;}
    .timetable_wrapper .timetable_headline .right {text-align: left;}
    .calender_wrapper {margin-top: 20px;}

}


@media only screen and (max-width: 520px) {

    #newslettercontainer {height: 490px;}
    #newslettergrid {grid-template-columns: 100%;}
    #nomobile {display: none;}
    #nlsubmitbutton {margin-top: -23px;}

}



/* CUSTOM SELECT */


.select-hidden {
    display: none;
    visibility: hidden;
    padding-right: 10px;
}

.select {
    cursor: pointer;
    display: inline-block;
    position: relative;
    color: #fff;
    width: 100%;
    height: 40px;
}

.select-styled {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 8px 15px;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
.select-styled:after {
    content: "";
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-color: #fff transparent transparent transparent;
    position: absolute;
    top: 16px;
    right: 10px;
}


.select-styled:active:after, .select-styled.active:after {
    top: 9px;
    border-color: transparent transparent #fff transparent;
}

.select-options {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    z-index: 999;
    margin: 0;
    padding: 0;
    list-style: none;
    background-color: #e2e2e2;
    color: #000;
}
.select-options li {
    margin: 0;
    padding: 12px 0;
    text-indent: 15px;
    -moz-transition: all 0.15s ease-in;
    -o-transition: all 0.15s ease-in;
    -webkit-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in;
}
.select-options li:hover, .select-options li.is-selected {
    color: #c0392b;
    background: #fff;
}
.select-options li[rel="hide"] {
    display: none;
}


.cookieBanner_button.cookieBanner_button_primary {background-color: #A5221D!important; }
.cookieBanner_button.cookieBanner_button_primary:hover {background-color: #c0392b!important; }