/* cmsms stylesheet: NaviCSS modified: 05.05.2022 11:27:57 */
.menuButton {
    float: right;
    width: 80px;

}
.h-2 {
    margin-top: 130px;
}
@supports (-webkit-appearance:none) {

.menuButton{float: right;width: 80px;margin-top: 41px;}
.svg-inline--fa{height:3em;color:#000;transition:all .4s ease-in-out;cursor:pointer}
.svg-inline--fa.fa-w-14{width:3em}
.sticky{position:fixed!important;top:0!important;width:100%!important;padding-top:30px;transition:all .4s ease-in-out}

.sticky .svg-inline--fa{height:3em;transition:all .4s ease-in-out;box-shadow:1px 2px 28px #FFF;cursor:pointer;background-color:#fff}
.naviLogo{height:150px;float:left;margin:0 20px;padding-top:20px}
.naviLogo img {margin-bottom: 30px;width: 82px;}.cbp-spmenu{background:#fff;position:fixed}
.cbp-spmenu h3{color:#fff;font-size:1.9em;padding:20px;margin:0;font-weight:300;background:#00634c}
.cbp-spmenu a{display:block;color:#000;font-size:1.1em;font-weight:300}
nav ul{margin-top:42px}
nav ul li{list-style:none}
.cbp-spmenu a:hover{background:#c00000;color:#fff;transition:all .4s ease-in-out;text-decoration:none;}
.cbp-spmenu a:active{text-decoration:underline; color:#c00000;}
li .currentpage{border-left:1px solid #00634c!important;background-color:#00634c;color:#fff}
.toggle-menu.menu-top.jPushMenuBtn.disabled{display:none}
.cbp-spmenu-vertical{width:240px;height:100%;top:0;z-index:1000}
.cbp-spmenu-vertical a{border-bottom:1px solid #258ecd;padding:1em}
.cbp-spmenu-horizontal{width:100%;height:150px;left:0;z-index:1000;overflow:hidden}
.cbp-spmenu-horizontal h3{height:100%;width:20%;float:left}
.cbp-spmenu-horizontal a{float:left;width:16%;padding:.8em;border-left:1px solid #c00000}
.cbp-spmenu-left{left:-240px}
.cbp-spmenu-right{right:-240px}
.cbp-spmenu-left.cbp-spmenu-open{left:0}
.cbp-spmenu-right.cbp-spmenu-open{right:0}
.cbp-spmenu-top{top:-150px}
.cbp-spmenu-bottom{bottom:-150px}
.cbp-spmenu-top.cbp-spmenu-open{top:0}
.cbp-spmenu-bottom.cbp-spmenu-open{bottom:0}
.cbp-spmenu-push{overflow-x:hidden;position:relative;left:0}
.cbp-spmenu-push-toright{left:240px}
.cbp-spmenu-push-toleft{left:-240px}
.cbp-spmenu,.cbp-spmenu-push{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}
.footerNav {
    width: 1345px;
    height: auto;
    min-height: 25px;
    display: block;
    margin: 50px auto 5px;
}
footer .footerNav ul {
    list-item:none;
}
footer .footerNav ul li {
    float: left;
    display: block;
    width: 145px;
    text-align: left;
    border-left: solid 1px #c00000;
    padding-left: 15px;
}
footer .footerNav ul .last {
    width:180px;
}
@media screen and (max-width: 55.1875em){
    .cbp-spmenu-horizontal {font-size: 75%;height: 110px;}
    .cbp-spmenu-top {top: -110px;}
.cbp-spmenu-bottom {bottom: -110px;}
}
@media screen and (max-height: 26.375em){
.cbp-spmenu-vertical {font-size: 90%;width: 190px;}
.cbp-spmenu-left,
.cbp-spmenu-push-toleft {left: -190px;}
.cbp-spmenu-right {right: -190px;}
.cbp-spmenu-push-toright {left: 190px;}
}
/* cmsms stylesheet: PagesCSS modified: 16.10.2025 07:56:38 */
.firstContent {
    margin-top:80px!important;
}
label {
    width:135px;
    text-align: left;
    display:none;
}
#anzPers,
#agb,
#agb1,
#vegi1Label,
#vegi2Label
{
    display:inline-block!important;
}
.vegiLabel {
    height:auto;
    min-height: 30px;
}
.agbLabel label,
.VegiLabel label {
    display: block;
    width:66%;
    float:left;
}
.a2ndForm {
    display:none;
}
.anzPers label {
    display:inline-block;
}
.anzPers {
    float: left;
}
#fbrp__32 {
    display:BLOCK;
    border: 2px solid #000;
    margin-left: 384px;
}
.anzPers label {
    display: block;
    float: left;
}
#fbrp__36 {
    margin-bottom: 10px;
}
.begleitungTitel {
    font-size: 19px;
    font-weight: bold;
    margin-bottom: 23px;
}
vegi1Label,
#vegi2Label 
{
    width:93%;
}
#fbrp__1221,
#fbrp__12210{
    margin: 0px;
    float: right;
}
#vegi2Label {
    margin-left: 5px;
    width: 92%;
}
#fbrp__12210 {
    margin-top: 2px;
}
.a2ndForm {
    margin-left:0px;
}
#agb1 {
    width:100%;
}
input {
    padding: 3px;
    border-radius: 0px;
    border-color:#000;
    border:2px solid;
    width:100%;
}
.required {
    margin-bottom:10px;
}
.formbuilderform  {
    width: 420px;
    margin: 120px auto 0;
}
#fbrp_60 { 
    margin-left: 241px;
    border: 2px solid #000;
}
#fbrp__55 {
    
}
#label_fbrp__56 {
    display: none;

}
textarea {
    width:100%;
    border-radius:0px;
    padding: 10px;
    border-color:#000;
    border:2px solid;
}
textarea:focus {
    border-color:#c00000;
    transition:ease 0.3s;
}
select {
    border-radius:3px;
}
.d_agb {
    margin-top:45px;
}
#accept {
    width: 59%;
    margin-top:15px;
}
.cms_checkbox {
    margin-left: 125px;
    width: 15px !important;
    height: 19px;
    display: block;
    float: left;
}
#fbrp__122 {
    background-color:#fff;
    border:2px solid #000;
}
#mda8e7fbrp_submit {
    color:#fff;
    text-transform:uppercase;
    background-color:#c00000;
    opacity:0.6;
    border:none;
    transition:all 0.3s ease;
}
#mda8e7fbrp_submit:hover {
    opacity:1;
    transition:all 0.3s ease;
}
.outerButton {
    border:2px solid #c00000;
    border-radius:0px;
}
#sponsoren {
    margin-bottom:80px;
}
#sponsoren img {
    margin-left:25px;
    margin-right:25px;
    margin-bottom: 25px;
}
/*---------------------------------*/
.formbuilderform1 {
    width:320px;
    float:right;
}

#fbrp__521 {
    margin-bottom:15px;
}
.outerButton {
    border:2px solid #c00000;
    border-radius:3px;
}
#mda8e7fbrp_submit1 {
    color:#fff;
    text-transform:uppercase;
    background-color:#c00000;
    opacity:0.6;
    border:none;
    transition:all 0.3s ease;
}
#mda8e7fbrp_submit1:hover {
    opacity:1;
    transition:all 0.3s ease;
}
textarea {
    padding:10px;
    max-width:100%;
    border:2px solid #000;
    border-radius:3px;
}
#fbrp__521:focus,
#fbrp__561:focus {
    color:#c00000;
    transition:ease-in 0.6s;
}
.pw {
    margin-bottom:10px;
}
/* cmsms stylesheet: SettingsCSS modified: 09.04.2024 16:09:09 */
body{background-color:#fff}
p{font-family: 'Montserrat', sans-serif; color:#212529; font-size:19px;line-height: 40px;}
a{font-family: 'Montserrat', sans-serif; font-size:16px; color:#212529;}
a:hover {
    color:#c00000;
    transition:all ease-in 0.3s;
}
.naviLogo a {
    text-decoration:none;
    border-left:none!important;
}
.naviLogo a:hover {
    text-decoration:none;
    border-left:none!important;
    background:none!important;
}
ul{font-family: 'Montserrat', sans-serif;}
h1{font-family: 'Great Vibes', cursive;color:#212529;font-size:43px;margin-bottom:60px;}
h2{font-family: 'Great Vibes', cursive;color:#212529}
h3{font-family: 'Great Vibes', cursive;color:#212529}
section{min-height:100vh; margin-top:120px;height:auto;}
.col-centered{
    margin:0 auto;
    left:0;
    right:0;
    display:block;
}

.redText {color:#c00000;}
.italic {
    font-style:italic;
}
.text-center {
    text-align:center;
}
.logo {width: 65px;
    margin-left: 32px;
    margin-top: 30px;
    float: left;}
.logo img {max-width:100%}
#absolutButtons{width:100%;    position: absolute;
    z-index: 999;
    width: 100%;
    height: auto;
    top: 40px;
    transition: all .4s ease-in-out;}
    .contentLeft{
        margin-left: 80px;
        width: 65%;
    }
    .contentRight {
        margin-right: 80px;
        text-align:right;
        width: 65%;
        float:right;
    }
    .redBorderRight {
        border-right: 3px solid #c00000;
        padding: 25px;
    }
.redBorderLeft {
    border-left: 3px solid #c00000;
    padding: 25px;
}
.textLeft {
    margin-left:20px;
}
.textRight {
    margin-right:20px;
}

.signButton {
    width: 259px;
    height: 54px;
    border: solid #c00000;
    float: right;
    transition:all 0.3s ease;
        margin-top: 10px;
}
.innerButton:hover {
    opacity:1;
    transition:all 0.3s ease;
}
.signButtonL {
    width: 304px;
    height: 54px;
    border: solid #c00000;
    float: left;
    margin-left: 20px;
    transition:all 0.3s ease;
}
.signButton p {
    text-align:center;
    color:#fff;
    text-transform:uppercase;
    font-weight:500;
    line-height: 48px;
    
}
.signButtonL p {
    text-align:center;
    color:#fff;
    text-transform:uppercase;
    font-weight:500;
    line-height: 48px;
}
.innerButton {
    width:100%;
    height:100%;
    background-color:#c00000;
    opacity:0.6;
    transition:all 0.3s ease;
}
.timeline ul {
  background: #fff;
  padding: 50px 0;
}

.timeline ul li {
  list-style-type: none;
  position: relative;
  width: 6px;
  margin: 0 auto;
  padding-top: 50px;
  background: #000;
}

.timeline ul li::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: inherit;
}

.timeline ul li div {
  position: relative;
  bottom: 0;
  width: 400px;
  padding: 15px;
  background: #c00000;
}

.timeline ul li div::before {
  content: '';
  position: absolute;
  bottom: 7px;
  width: 0;
  height: 0;
  border-style: solid;
}

.timeline ul li:nth-child(odd) div { left: 45px; }

.timeline ul li:nth-child(odd) div::before {
  left: -15px;
  border-width: 8px 16px 8px 0;
  border-color: transparent #c00000 transparent transparent;
}

.timeline ul li:nth-child(even) div { left: -439px; }

.timeline ul li:nth-child(even) div::before {
  right: -15px;
  border-width: 8px 0 8px 16px;
  border-color: transparent transparent transparent #c00000;
}

time {
  display: block;
  font-size: 1.2rem;
  font-weight: bold;
  margin-bottom: 8px;
  color:#fff;
}
.timeline ul li::after { transition: background .5s ease-in-out; }

.timeline ul li.in-view::after { background-image: url('/uploads/images/page/BulletRose.png');background-color: transparent; }

.timeline ul li div {
  visibility: hidden;
  opacity: 0;
  transition: all .5s ease-in-out;
  color:#fff;
}

.timeline ul li:nth-child(odd) div { transform: translate3d(200px, 0, 0); }

.timeline ul li:nth-child(even) div { transform: translate3d(-200px, 0, 0); }

.timeline ul li.in-view div {
  transform: none;
  visibility: visible;
  opacity: 1;
}
.owl-carousel .owl-item {margin-right:0px!important;}
#map {
    width:100%;
    height:300px;
    display:Block;
}

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

.timeline ul li div { width: 250px; }

.timeline ul li:nth-child(even) div { left: -289px; /*250+45-6*/
}
}

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

.timeline ul li { margin-left: 20px; }

.timeline ul li div { width: calc(100vw - 91px); }

.timeline ul li:nth-child(even) div { left: 45px; }

.timeline ul li:nth-child(even) div::before {
  left: -15px;
  border-width: 8px 16px 8px 0;
  border-color: transparent #c00000 transparent transparent;
}
}
/* cmsms stylesheet: ResponsiveCSS modified: 08.11.2024 10:35:08 */
@media screen and (min-width:1920px) {
    .footerNav {
    width: 1345px;
    height: auto;
    min-height: 25px;
    display: block;
    margin: 50px auto 5px;
}
}
@media screen and (max-width:1680px) {
    .firstContent {
    margin-top: 234px;
}
.owl-carousel .owl-item img {
    height: 335px;
}
}
@media screen and (max-width:1536px) {
    .firstContent {
    margin-top: 219px;
}
#parallax1 .parallaxImg {
    
    background-position: -348px;
    background-position-y: -94px;
}
}
@media screen and (max-width:1440px) {
    .firstContent {
   
        margin-top: 200px;
    }
    #parallax1 .parallaxImg {
       
        background-position: -380px;
        background-position-y: -118px;
    }
    .contentRight {
        width: 55%;
    }
    .slider {
        min-height: 52vh;
        height: 52vh;
    }
    .owl-carousel .owl-item img {
        height: 300px;
        
    }
    #sponsoren {
        margin-top:120px;
    }
    /*pages*/
    .contact {
        margin-top:120px;
        margin-bottom:120px;
    }
}
@media screen and (max-width:1280px) {
    .firstContent {
    margin-top: 178px;
}
h1 {
    
        font-size: 37px;
        margin-bottom: 20px;
    }
    p {
        font-size: 17px;
        line-height: 32px;
    }
#parallax1 .parallaxImg {
    
    background-position-y: -215px;
}
.footerNav {
    width: 1235px;
}
.footerNav a {
    font-size: 15px;
}
}
@media screen and (max-width:1229px) {
    
    #absolutButtons {
        top:0px;
        
    }
        .sticky {
          padding-top:0px!important;  
        }
    .cbp-spmenu-horizontal {
        height: 115px;
    }
    .schriftzug {
    margin-top: 14px;
        
    }
    .firstContent.pages p {
        font-size: 19px;
    }
    .naviLogo img {
        margin-bottom: 0px;
        width:55px;
    }
    .firstContent {
        margin-top: 160px;
    }
    .huge {
        font-size:160px;
    }
    .firstContent p {
        font-size: 22px;
    }
    .signButton {
    width: 239px;
    }
    .footerNav {
        width: 1030px;
    }
    #parallax1 .parallaxImg {
    background-position-y: 0px;
    background-position: center;
        
    }
    footer .footerNav ul li {
        font-size:14px;
        width:115px;
    }
    .footer .footerNav ul li.last {
        width:155px;
    }
    #demo {
        margin-top:25px;
    }
    .contentLeft {
        width: 80%;
    }
        .contentRight {
        width: 52%;
    }
    #parallax1 {
        height: 390px;
        min-height: 390px;
    }
    #komiteeImg {
        height: 815px;
        background-position:center center;
    }
    #komiteeImg:hover {
        height: 815px;
        background-position:center center;
    }
    .slider {
        min-height: 72vh;
        height: 72vh;
    }
    .owl-carousel .owl-item img {
    height: 300px;
    width: auto;
}
    #sponsoren img {
    width: 105px;
}
#sponsoren img {
    margin-left: 15px;
    margin-right: 15px;
}
.mostImp {
    width: 200px!important;
}
/*Styles for Anmeldun*/

#anmeldung {
    margin-bottom:195px;
}

}
@media screen and (max-width:1024px) { /*x1366*/
    .respFirstcontent {
        margin-left: 15px;
        margin-top: 134px;
    }
    section {
    min-height: 54vh;
}
.contentLeft {
    width:75%;
}
.schriftzug {
    margin-right: -4px;
}
#ball {
    height: 31vh;
    min-height: 31vh;
}
#programm {
    min-height: 12vh;
    height: 12vh;
}
.slider {
    min-height: 28vh;
    height: 28vh;
}
.imgRow {
    margin-bottom:120px;
}
.owl-carousel .owl-item img {
    height: 240px;
}
.footerNav {
    width: 80%;
}
.footerNav ul li {
    margin-bottom:5px;
}

.imgDiv img {
    width: 280px;
}
.leadH {
    margin-bottom:80px;
}
label {
    width: 190px;
}
}

@media screen and (max-width:800px) {
    
    h1 {
        font-size:28px;
    }
    p {
        font-size:13px;
    }
    #parallax1 {
    height: 280px;
    min-height: 280px;
}
    #first {
    background-position-y: 35px;
}
    .startBlock {
        margin-right:175px;
    }
    .signButton p {
        line-height: 36px;
    }
    .signButton {
        width: 217px;
        height:42px;
    }
    .firstContent p {
        font-size: 20px;
    }
.contentLeft {
    margin-left: 15px;
    width: 72%;
    
}
.contentRight {
    margin-right: 17px;}
   .cbp-spmenu-top {
        top: -115px;
    }
    .respFirstcontent {
        margin-left:0px;
        margin-right:30px;
    }
   .timeline li {
       font-size:13px;
   }
   time {
       font-size:15px;
   }
    .spec-Carousel .owl-item img{
        height:165px!important;
    }
    .contentRight {
    width: 73%;
}
#komiteeImg {

    height: 325px;
    background-position: center center;
    width:100%;
    max-width:100%;

}
#komiteeImg:hover {

    height: 325px;
    background-position: center center;

}

.owl-carousel .owl-item img {

    height: 200px;

}
#sponsoren img {

    width: 50px;

}
.svg-inline--fa.fa-w-14 {
    width: 2em;
}
.logo img {

    max-width: 75%;

}
}
@media screen and (max-width:768px) {
    #first {

    background-position-y: 39px;
    background-position-x:6px;

}
    .owl-carousel .owl-item img {
    margin: 0 auto;
}
.galleryContact {
    margin-top:120px;
}
.imgDiv {
    padding:0px!important;
}
.imgDiv img {
    width: 240px;
}
}
@media screen and (max-width:626px) {
    .cbp-spmenu-top.menu-open {
    height: auto;
    border-bottom:1px solid #c00000;
}
    nav ul li {
    width: 100%;
    display: block;
    float: left;
    margin:10px 0;
}
.cbp-spmenu-horizontal a {

    width: 100%;
    border-left: 1px solid #c00000;

}
.startBlock {
    margin-right: 38px;
}
 #first {

    background-position-y: 58px;
    background-position-x: -13px;

}
}
@media screen and (max-width:600px) {
     #first {
    background-position-y: 42px;
    background-position-x: 2px;
}
    .menuButton {
    width: 33px;
    margin-right: 15px;
}
    .logo {
        margin-left:15px;
    }
}



@media screen and (max-width:565px) {
    .spec-Carousel .owl-item img {

    height: 245px !important;
    margin:0 auto;
}
.lastOwl {
    margin-bottom:120px;
}
    
}
@media screen and (max-width:510px) {
    .formbuilderform {
    width: 100%;
    margin: 120px auto 0;
        
    }
.footerNav {
    width: 100%;
    margin: 0px;
}
.contentLeft {
    width:80%;
}
.footerNav ul{
    padding:80px 0px 0px 15px;
}
label {
    width: 190px;
}
}
@media screen and (max-width:414px) {
    #first {

    background-position-y: 66px;
    background-position-x: -13px;

}
.corona {
    width:100%;
    margin:0px;
    font-size:13px!important;
    line-height: 21PX;
}
/*#firstWrapper {
    display: block!important;
    width: 100%;
    min-height: 380px;
    z-index: -1;
    position: absolute;
}
#firstWrapper img{
    
}*/
.firstContent.pages p {
    font-size: 15px;
}
.redText {
    margin-bottom:10px;
}
.signButton {

    width: 172px;
    height: 40px;

}.signButton p {

    line-height: 35px;

}
.openingText {

    margin-top: 10px;
    margin-bottom:10px;

}
.firstContent p {

    font-size: 16px;

}
    .respFirstcontent {

    margin-left: 0px;
    margin-right: 5px;

}
    .startBlock {

    margin-right: 0;

}
    
    .contentLeft {

    width: 100%;

}
.contentRight {
margin-right: 2px;
    width: 100%;

}
section {
    margin-top:80px;
}
    #ball {
    height: 44vh;
    min-height: 44vh;
    margin-bottom:40px;

}
.slider {
    min-height: 51vh;
    height: 51vh;
}
.owl-carousel .owl-item img {
    height: 277px;
}
    /*Anmeldung*/
    #anzPers, #agb, #agb1, #vegi1Label, #vegi2Label {
    display: inline-block !important;
    float: left;
    width: 90%;
}
    #fbrp_60 {
    margin-left: 88%;
    }
    .cms_checkbox {
    margin-left: 80%;
    width: 23px !important;
    height: 19px;
}
    .owl-carousel .owl-item img {
    max-width: 100%;
    width:100%;
}
.galleryWrapper {
    margin-bottom:80px;
}
#sponsoren img {
    
    margin-bottom: 30px;
}
#komiteeImg:hover {
        height: 263px;
    }
    #komiteeImg {
    
        height: 263px;
    }
}

@media screen and (max-width:375px) {
    h1 {

    font-size: 25px;

}
    .resp375 {
        display:block!important;
    }
    .schriftzug {
        width:75%;
    }
    .firstContent p {
    font-size: 18px;
}
.redBorderLeft {
    padding:10px;
}
.redBorderRight {
    padding:10px;
}
.signButton {
    width: 195px;
}
#parallax1 {
    height: 250px;
    min-height: 250px;
}
@supports (-webkit-overflow-scrolling: touch) {
  /* CSS specific to iOS devices */ 
  #parallax1 .parallaxImg {
   /* background-position-x: ;*/
    background-position-y: 90px;
    background-size: 220%;

}
}

    #first {
    background-size: 165%;
    background-position-y: 39px;
    background-position-x: -97px;

}
.respFirstcontent {

    margin-left: 15px;
    margin-top: 114px;

}

.contentLeft {
  margin-left:0px;
}
#ball {
    height: 50vh;
    min-height: 50vh;
}
 #komiteeImg:hover {
        background-image:URL('/uploads/images/page/Komitee_Foto.jpg');
        height:263px;
    }
    #komiteeImg {
    
        height: 263px;
    }
    .slider {

    min-height: 45vh;
    height: 45vh;

}
.owl-carousel .owl-item img {
    height: 254px;

}
.footerNav ul {
    padding-left:0px;
}
}
@media screen and (max-width:360px) {
     #first {

    background-position-y: 39px;
    background-position-x: -108px;
    background-size: 173%;

}#ball {
    height: 53vh;
    min-height:53vh;
}
.spec-Carousel .owl-item img {
    height: 200px !important;

}
    .owl-carousel .owl-item img {
    height: 230px;

}
#parallax1 .parallaxImg {
   /* background-position-x: ;*/
    background-position-y: 1px;

background-size: 129%;
}
}
@media screen and (max-width:320px) {
    .logo {
    width: 45px;
    }
    .menuButton {
    margin-top: 22px;
}
    #first {
   /* background-position-y: 50px;
    background-position-x: -96px;*/
    background-position: right -138px top 48px;
    background-position-y: -56%;
    background-position-x: 41%;
    /*background-position: calc(32% - 21px) calc(-80% - 19px);*/
    background-size: 173%;
}
#parallax1 {
    height: 230px;
    min-height: 230px;
}
#parallax1 .parallaxImg {
    background-position-y: 0px;
    /* background-position: center; */
    background-position-x: -247px;
}
    #ball {
    height: 58vh;
    min-height: 58vh;
    min-height:450px;
}
    #komiteeImg:hover {
        height: 223px;
    }
    #komiteeImg {
    
        height: 223px;
    }
    
    .footerNav {
    width: 100%;
}
.resp320 {
    display:block!important;
}
.slider {
    min-height: 310px;
    height: 45vh;
}
}
