
body.useOcNavi #lsOcNavi *, .horizontalNavigation ul.level_1 li span, .horizontalNavigation ul.level_1 li a, .horizontalNavigation ul.level_1 li strong {
   color: #3fa9f5;
}

body{
     background: #040125;
}

#mainNavigation.horizontalNavigation ul.level_2 li:hover, 
#mainNavigation.horizontalNavigation ul.level_2 li span:hover {
    color: #fff;
}

.horizontalNavigation ul.level_1 > li {
    margin-right: 5px;
}
#mainNavigationSticky.horizontalNavigation ul li span, 
#mainNavigationSticky.horizontalNavigation ul li a, 
#mainNavigationSticky.horizontalNavigation ul li strong {
    font-size: 1rem;
    text-decoration: none;
    display: block;
}

body.useOcNavi #lsOcNavi {
     background: #040125;
    padding-top: 40px;
}
body.useOcNavi #lsOcNavi .active {
    color: white;
}


.horizontalNavigation .submenu ul {
    background-color: #040125;
}


.contentBox.maTop_0{
    margin-top: 0;
}
#headerLine2 {
    display: none;
}

#headerLine2 #nav-logo, .sticky #headerLine2 #nav-logo {
    width: 120px;
}

.font-05,
.font-05 h2,
input, textarea {font-size:1rem;
   font-family: 'Montserrat', 'Tahoma', 'Helvetica', sans-serif;
    font-weight: 400;
    line-height: 1.9;
    color:#ffffff;
}

.font-05.txs-bold h2{
    font-weight: 700;
}

.fade-logo {
    width: 56%;
}

.aside-logoText {
    width: 250px;
}


.max50 p {
    max-width: 50%;
    float: right;
}

.itemWrapper {
    display: flex;
    flex-wrap: wrap;
    margin-left: 0;
    padding-left: 40px;
    width: 100%;
}


.item_01 {
    flex: 0 0 85%;
     margin-right: 40px;
}

.imgLeft.item_02,
.imgLeft.item_02 .ce_image{
    display: flex;
}



.item_02 {
    display: flex;
    width: 100%;
    margin-left: 0;
    margin-top: 40px;
}

.imgLeft.item_02 .image_container {
    width: 100%;
}

.imgLeft img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.imgLeft.item_02 .ce_image.image_01 {
    margin-right: 2.5%;
}

.imgLeft.item_02 .ce_image.image_02 {
    margin-left: 2.5%;
}

@media screen and (max-width: 1099px){
    
    
    
    .max50 p {
        max-width: 100%;
    }
}

.alignRight.max50 p {
    float: right;
}


/*########## FONTS ########## ->*/
.font-01, .font-01-all, .font-01-all *,
h1, h2, h3, h4, h5, h6,
.txs-header p{
    line-height: 1;
}
.font-02, .font-02-all, .font-02-all * {
    line-height: 1.2;
}


.font-03, .font-03-all, .font-03-all * {
    line-height: 1;
}


.font-04, .font-04-all, .font-04-all * {
line-height: 1;
}

.bgc-spotcolor3:not(.widget):not(.submit_container) {background-color:#7D816A !important;}

.bgc-spotcolor2:not(.widget):not(.submit_container){
    background-color: #cdcfb9 !important;
}

.bgc-spotcolor2 a{
    color: #0d4630;
}


.txc-spotcolor10,
.txc-spotcolor10 a{
    color: #a8c936;
}

.txc-spotcolor10-strong strong{
     color: #a8c936;
}


.mod_faqlist h2 {
    display: none;
}

.mod_faqreader .back{
    background: #3fa9f5;
}

.mod_faqreader .back, 
.mod_newsreader .back {
    clear: both;
    background: #3fa9f5;
    width: 62px;
    display: table;
    margin-top: 50px;
    text-transform: uppercase;
    font-size: 0.8rem;
    height: 60px;
    border-radius: 12px;
    border: 0;
    color: #fff;
    padding: 2px;
}


.mod_faqreader p.back a {
    color: #fff;
}
.faqAnswerBox,
.mod_faqlist .faqBox li a {
    background: #7D816A;
}

#back-to-top {
    background: #bce236;
}

/*########## FONTS ########## <-*/

body, #wrapper {
    height: 100%;
    color: #f1f0e8;
}
#wrapper > #header,
#headerLine2,
.sticky #headerLine2{
    background: #040125;
    color: #f1f0e8;
}


.logoNavWrap > div {
    float: right;
    display: flex;
    justify-content: right;
    align-content: center;
    align-items: center;
}

.fi-instagram:before {content:"\f351";}


body p{
    letter-spacing: 1px;
}

    
    h2.rotateBox {
    font-size: 3rem;

}
   

h2.ce_headline.rotateBox {
    font-size: 3rem;
    font-weight: 700;
    color: #fff;
}

h2.rotateBox {
    font-size: 2rem;
    font-weight: 700;
}


.headlineText {
    padding: 6rem 0 2rem 2rem;
}

 @media screen and (max-width:750px) {
     .headlineText {
    padding:  2rem;
    }
     
    .txs-xxxl, .txs-xxxl-all, .txs-xxxl-all *, *.txs-xxxl-all, .txs-xxxl-small, .txs-xxxl-all-small, .txs-xxxl-all-small *, *.txs-xxxl-all-small {
    font-size:1.9rem;
    }
     
     
    .mod_newslist.blog {
    margin-top: 0;
    margin-bottom: 1rem;
} 
}

 @media screen and (max-width:350px) {
     .headlineText {
    padding:  2rem;
    }
     
    .txs-xxxl, .txs-xxxl-all, .txs-xxxl-all *, *.txs-xxxl-all, .txs-xxxl-small, .txs-xxxl-all-small, .txs-xxxl-all-small *, *.txs-xxxl-all-small {
    font-size:1.6rem;
    }
}

a.ls_underlineLink,
.ls_underlineLink a {
    text-decoration: underline;
}


.innerWrapper {
    padding-right: 20px;
    padding-left: 20px;
}

td {
    padding: 10px;
    vertical-align: middle;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
}

table {
    border-right: 1px solid #dddddd;
}

.mod_eventreader {
/*    background: #7D816A;*/
    background: #3fa9f5;
    padding: 2rem;
}

.mod_eventreader .back {
    display: inline;
    padding: 0.5rem;
    border-radius: 20px;
    border: 2px solid;
    font-size: 0.8rem;
    text-transform: uppercase;
}

/*kalender*/

/*
body {
 color: #616161;
}
*/
ul {
 margin: 0; 
 padding: 0
}
li {
 list-style-type: none
}
.invisible {
 display: none
}
/**KALENDER STYLE***/

.kalenderWrapper {
    font-size: 0.9rem;
}

.kalenderWrapper > div {
    display: flex;
    flex-wrap: wrap;
}

.mod_eventmenu {
    flex: 0 0 12%;
    margin-right: 2%;
    margin-top: 65px;
    background: #3fa9f5;
}

.mod_eventmenu .level_1{
    padding: 10px;
    height: 100%;
}

.mod_eventmenu ul li {
    list-style: none;
}

.mod_eventmenu::after {
    content: "Übersicht";
    display: block;
    transform: rotate(270deg);
    font-size: 2rem;
    font-weight: bold;
    transform-origin: -3% -10%;
}



.mod_eventmenu ul.level_2{
    margin-top: 1.5rem;
}

.mod_calendar {
    flex: 0 0 86%;
}


  @media screen and (max-width:1040px) {
    .mod_eventmenu::after {
        display: none;
    }
      
   .mod_eventmenu li {
        float: left;
        margin-right: 20px;
    }
      
    .mod_eventmenu {
        margin-top: 0;
        flex: 0 0 100%;
        margin-right: 0;
        margin-bottom: 2rem;
    }  
      
    .mod_calendar {
    flex: 0 0 100%;
    }  
      
      .mod_eventmenu li.year.submenu::before {
    content: "Übersicht";
    font-weight: bold;
}

}





.cal_calendar{
 width: 100%;
 overflow: hidden;
}

.cal_thead {
    display: none;
}

.cal_calendar .head {
    list-style: none;
}
.cal_navigation, .cal_head{
 height: 40px;
 margin: 0;
 margin-bottom: 25px;
 padding: 0;
}

.cal_navigation li{
 float: left;
 font-size: 0.8rem;
 height: 30px;
 text-align: center;
 width: 33%;
}

.head.current {
    font-size: 0.8rem;
    font-weight: bold;
    padding-top: 0;
    color: #fff;
    background: #3fa9f5;
}
 
/***WOCHENTAGE***/
.cal_thead li{
 width: 14.285%;
 border: 2px solid #fff;
 text-transform: uppercase;
 text-align: center;
 background-color: #616161;
 float: left;
 color: #fff;
 display: table;
 padding-top: 3px;
}
 
/***KALENDER***/
.cal_body{
 clear: both;
 overflow: hidden;
}
.cal_body .header{
 margin-top: 8px;
 margin-left: 6px;
}
.cal_body ul{
 clear: both;
}

.cal_body ul li {
    width: 100%;
    min-height: 60px;
    border: 2px solid #fff;
    background-color: transparent;
    float: left;
    display: flex;
    text-align: left;
    line-height: 1.3;
    flex-wrap: wrap;
    word-break: break-all;
}


.days.active > .header {
        position: absolute;
    }

.event a {
    z-index: 100;
    padding-left: 30px;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    hyphens: auto;
    word-break: break-word;
    
}

.label.weekend {
    background-color: #c2c4ae;
}

.days{
 color: #fff;
}

.days.active .vormittags{
 width: 100%;
 background-color: #a8c936; 
 padding: 2px;
}

.days .nachmittags{
    width: 100%;       
    background-color: #3c79be; 
    padding: 2px;
}

.days .ganzerTag {
   background-color: #165744 !important;
}

.txc-spotcolor11{
    color: #165744;
}
.days .stjg {
    background: #7D816A !important;
}

.days.empty {
    display: none;
}

.cal_calendar .event {
    display: flex;
    width: 100%;
}
.upcoming {
 font-size: 1rem;
}
.upcoming > a {
 color: #fff;
}
.days{
 border: 1px solid #aaa;
}

.blog .layout_latest {
    border-bottom: 0;
    padding-bottom: 2rem;
    padding-top: 2rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
    background: rgba(26, 35, 76, 0.40);
}


.ce_gallery.col-3 >ul li {
    width: 33.3333333%;
    padding-bottom: 20px;
}

.mieten {
    margin-bottom: 3rem;
}

.mieten ul li {
    list-style: none;
    padding: 0 4px;
   
}

.mieten .nutzer {
    background: #3fa9f5;
     margin: 10px 0; 
}

.mieten .material {
    background: #979797;
    margin: 10px 0;
}

.mieten .bg1 {
    background: #1a234c;
}

.mieten .bg2 {
    background: #121732;
}



.mieten .tab {
    width: 135px;
    display: block;
    font-weight: 700;
    flex-wrap: wrap;
}

.mieten .halberTag, 
.mieten .ganzerTag {
    color: #3fa9f5;
}

.mieten .ganzerTag {
    margin-top: 10px;
}

.mieten.storno {
    flex: 0 0 98%;
}

.mieten .stornierung {
    background: #3fa9f5;
     margin: 10px 0;
}

.mieten.storno .tab {
    width: 270px;
}

.mieten .txs-highlight {
    color: #030116;
}


@media screen and (min-width:750px) {


    .itemWrapper {
        margin-left: 16.666666%;
    }
    
    .cal_navigation li{
     font-size: 1rem;
    }

    .head.current {
        font-size: 1rem;
    }
    
    .days.empty {
        display: block;
    }

    .cal_thead {
        display: block;
    }
    
    .cal_body ul li{
     width: 14.285%;
      min-height: 120px;
    }

    .event a {
        padding-left: 4px;

    }
  
}

@media screen and (min-width:885px) {
    #headerLine2 {
        display: block;
    }
    #footerLine1 > div {
        display: flex;
    }
    
}

@media screen and (min-width:950px) {
    
    #mainNavigation ul li a, #mainNavigation ul li span, #mainNavigation ul li strong {
    font-size: 1.2rem;
}

    .boxWrapper,  
    .innerWrapper {
        padding-right: 40px;
        padding-left: 40px;
    }
    
    .itemWrapper {
        flex-wrap:nowrap;
    }
    

.item_01 {
    flex: 0 0 58.888888%;
    margin-right: 40px;

}
    
    .imgLeft.item_02 {
        display: flex;
        width: 100%;
        margin-left: 3%;
        margin-top: 0;
    }
    
        .mieten ul {
        width: 100%;
    }
    
    .mieten .tab {
        width: 135px;
        display: inline-block;
    }
}


@media screen and (min-width:1400px) {

    .horizontalNavigation ul.level_1 > li {
        margin-right: 15px;
    }

}


@media screen and (min-width:1400px) {

        .txs-xxxl, .txs-xxxl-all, .txs-xxxl-all *, *.txs-xxxl-all, .txs-xxxl-large, .txs-xxxl-all-large, .txs-xxxl-all-large *, *.txs-xxxl-all-large {
            font-size:4.5rem;
        }

    
    
    .mietenWrapper {
        display: flex;
         flex-wrap: wrap;
    }
    
    .mieten {
        display: flex;
        flex-wrap: wrap;
    flex: 0 0 48%;
    margin: 0 1%;
    margin-bottom: 3rem;
}
}