:root{
     --m-text: 28px;
     --m-text-line: 33.6px;
     --m-text-xs: 18px;
     --m-text-xs-line: 21.6px;
     --m-text-xs-line-s: 23px;
     
     --m-header: 42.33px;
     --m-header-line: 38.01px;
     
     --m-info:35.38px;
     --m-big:75px;
     
     --color-first: #3180ed;
     --color-second: #73d24f;
     --color-black: black;
     --m-h2-line: 29.6px;
     
     --m-nav: 26px;
     --m-text-s: 24px;
     --m-text-s-l: 28.1px;

     --m-text-s-line: 25px;

     --m-text-mini: 14px;
     --m-text-mini-line: 21px;
}

body{
     font-family: 'GtWalsheim', sans-serif;
     font-weight: 500;
     color: var(--color-first);
}
p strong, h2 strong{
    font-weight: normal;
    font-weight: 500;
}
footer{
    background-color: var(--color-first);
}
.elements{
    position: absolute;
    width:100vw;
    height: 100vh;
    top: 0px;
    left: 0px;
   }

.circle{
     width: calc(100% / 3);
     height: calc(100vw / 3);
     top: calc((100vh / 2) - ((100vw / 3) / 2));
     position: absolute;
     left: calc((100% / 2) - ((100% / 3) / 2));
     border: 5px solid white;
     border-radius: 50%;
} 
.middle{
     width: 100%;
     height: 5px;
     background-color: white;
     position: absolute;
     top: calc(50vh - 2px);
     left: 0;
} 
.top{ 
width:calc((100% / 5) * 3);
height:calc(100vw / 6);
border-left:5px solid white;
border-bottom:5px solid white;
border-right:5px solid white;
position: absolute;
top: 0;
left: calc(100% / 5);
}

.bottom{ 
width:calc((100% / 5) * 3);
height:calc(100vw / 6);
border-left:5px solid white;
border-top:5px solid white;
border-right:5px solid white;
position: absolute;
top: calc(100vh - (100vw / 6));
left: calc(100% / 5);
}



.content {
    display: block;
    width: 100vw;
}
.left {
    position: fixed;
    width: 100vw;
    height: 100vh; 
    left: 0;
    top: 0vw;
    display: block;
    overflow-x: hidden; 
    pointer-events: none;
}
.left img{
     height: 100vh;
}
.topper{
     width: 100%;
     height: 50%;

}
.right {
/*   height: 100vh;*/
    width: 100%;
    left: 0;
    top:400px;
    z-index: 3;
    padding-left: 0%;
    overflow: auto;
    background: transparent;
    position: relative;
    top: 0px;
}
.right-topper{
 width:100vw;
 height: 100vh;
 top: 0px;
 left: 0px;
 -moz-transition: height 0.5s; 
 -o-transition: height 0.5s; 
 -ms-transition: height 0.5s; 
 -webkit-transition: height 0.5s; 
 transition: height 0.5s;

}
.start .right-topper{
 height: 50vh;    

}
.more{
     height: 76px;
     position: fixed;
     bottom: -122px;
     width: 100vw;
     background-color:var(--color-second);
     z-index: 3;
     transition: bottom 0.5s;
     transition-delay: 0.3s;
}
.more:hover{
background-color: var(--color-first);
}

.start .more{
bottom: 0px;
}
.right-inner{
background: rgb(255, 255, 255);
}
.logo{
     display: inline-block;
     vertical-align: bottom;
}
.logo h1, h1, .menu-link, .footerlogo, .w_title{
     font-weight: 500;
     line-height: var(--m-header-line);
     font-size: var(--m-header);
}
.time{
     display: block;
      vertical-align: bottom;
          margin-top: 30px;
}
.head {
    text-align: justify;
    padding: 2px 3px 0px 0px;
    margin-bottom: 8px;
}
 .head:after{
    content: '';
    display: inline-block;
    width: 100%;
    height: 0;
    font-size:0;
    line-height:0;
}
.block a{
    color:var(--color-first);
}
.block a:hover{
    color:white;
    background-color: var(--color-second);
}
.block p, .time p{
     font-size: var(--m-text);
}
.block p{
     line-height: var(--m-text-line);
     margin-bottom: var(--m-text-line);
}

.turnier .block p, .zahltermine p{
   font-size: var(--m-text-xs);
   line-height: var(--m-text-xs-line);
   margin-bottom: var(--m-text-xs-line);
   font-weight: 400;
}
.turnier .block h2, .turnier .block h2 p, .turnier .frage p, h3{
    font-size: var(--m-text);
    line-height: var(--m-h2-line);
    margin-bottom: var(--m-text-line);
    font-weight: 500;
    margin:0;
    margin-bottom: var(--m-h2-line);
}
.sponsoren.turnier .block h2{
margin-bottom: 0;
}
.turnier .frage p{
     margin-bottom:  14px;
}
.right-inner {
    padding: 18px;
    padding-bottom: 130px;
}
h2{
    font-size: var(--m-header);
    line-height: var(--m-header-line);
    margin-top: 72px;
    margin-bottom: 30px;
    font-weight: 500;
}

.info{
    font-size: 23px;
}

.infotitle {
    font-size: var(--m-header);
}
.more a{
text-decoration: none;
color: white;
}
.info {
    display: block;
    position: absolute;
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    -moz-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    left: 17px;
    top: 59px;
}
.morebutton {
    padding: 15px 18px 18px 18px;
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
}
.infotitle {
    margin-left: 17px;
}
/*TURNIERE*/
.turnier .content{
    display: block;
}
.inner-content {
    padding: 18px 76px 18px 18px;
    padding-bottom: 130px;
}
.turnier .info{
    display: none;
}
.turnier .infotitle{
    font-size: var(--m-header);
}
.turnier.sponsoren .infotitle{
    font-size: 30px;
    text-transform: uppercase;
}
.turnier .morebutton {
    padding: 15px 18px 13px 5px;
    text-align: right;
}
.turnier.sponsoren .morebutton{
    padding: 23px 18px 13px 5px;
}
.infoanmeldung {
    -moz-transform: rotate(270deg); 
    -o-transform: rotate(270deg); 
    -ms-transform: rotate(270deg); 
    -webkit-transform: rotate(270deg); 
    transform: rotate(270deg);
   
    background-color: transparent;
    width: 50vh;
    position: fixed;
    top: -76px;
    right: 0;
    -moz-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    height: 76px;
}
.infoanmeldung:hover {
 cursor: pointer;
 background-color: var(--color-second);
 color:white;
}
.back:hover {
 cursor: pointer;
 background-color: var(--color-first);
 color:white;
}
.back .morebutton{
     text-align: left;
}
.back {
    -moz-transform: rotate(270deg); 
    -o-transform: rotate(270deg); 
    -ms-transform: rotate(270deg); 
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    background-color: transparent;
    width: 50vh;
    position: fixed;
    bottom: 50vh;
    right: 0;
    -moz-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    height: 76px;
}
.turnier h1{
    margin-bottom: 30px;
}
.column{
    display: inline-block;
    vertical-align: top;
}
.columnst6{
     width: 100%;
}
.columnst3{
    width: 100%;
}
.columnst2{
    width: 100%;
}
.columnst1{
     width: 100%;
}
.nomob{
    display: none;
}

section{
    font-size: 0;
}
.block-type-s1heading{
    margin-bottom: 30px;
}
.sponsoren .block-type-s1heading {
    margin-bottom: 11px;
}
figure{
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
}
figure.vidio{
     cursor: auto;
}
figure{
    height: auto;
    margin-right: 20px;
    margin-bottom: 20px;
}
.turnier img.imgopen{
width: calc((100vw - 91px));
}
.turnier img{
    width: calc((100vw - 122px)/1);
    -moz-transition: width 1s;
    -o-transition: width 1s;
    -ms-transition: width 1s;
    -webkit-transition: width 1s;
    transition: width 1s;
    margin-bottom: 7px;
}
.turnier.sponsoren img{
     width: 50%;
}
.sponsoren figure{
    cursor: auto;
}
figcaption{
    font-size: 0;
    -moz-transition: font-size 1s;
    -o-transition: font-size 1s;
    -ms-transition:font-size 1s;
    -webkit-transition: font-size 1s;
     transition: font-size 1s;
     font-weight: 400;
      line-height: var(--m-text-xs-line);
}
figcaption.visible{
    font-size: var(--m-text-xs); 
}
.block-type-s1gallery{
    margin-bottom: 30px;
}
.back a{
    text-decoration:none;
    color:var(--color-first);
}
.back a:hover{
    color:white;
}
.turnier .antwort{
    display: none;
}
.turnier  .frgopen.antwort{
     display: block;
}
.frage{
    cursor:pointer;
    text-align: left;
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    word-wrap: normal !important;
    border: 0;
    -moz-clip-path: inset(50%);
    -o-clip-path: inset(50%);
    -ms-clip-path: inset(50%);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.frage {
    cursor: pointer;
    padding: 0;
    margin: 0;
    border: none;
    background-color: white;
    font-family: 'GtWalsheim';
     font-weight: 500;
     color: var(--color-first);
}

/*ANMELDUNG*/
.anmeldung{
    background-color: var(--color-second);
    color: white;
    padding: 12px 0px 12px 21px;
    width: 100vw;
    -moz-transition: left 0.2s;
    -o-transition: left 0.2s;
    -ms-transition: left 0.2s;
    -webkit-transition: left 0.2s;
    transition: left 0.2s;
}

.aktiv.turnier .anmeldung{
     left: 0;
}
.aktiv .content{
    position: fixed;
    height: 100vh;
    overflow: hidden;
}
.infofeld{
    position: fixed;
    top: 0px;
    right: 0px;
    width: 30%;
    background-color: white;
    padding: 30px;
}
.turnier .anmeldung{
    display: block;
    position: absolute;
    top: 0;
    left:-100vw;
}
.aktiv.turnier .anmeldung{
   
}
.turnier .anmeldung h2{
font-weight: normal;
font-weight: 500;
    font-size: var(--m-text);
    line-height: var(--m-h2-line);
    margin-bottom: 0;
    margin-top: 30px;
    max-width: 100vw;
    margin-bottom: 10px;
     margin-right: 0;
}
.turnier .anmeldung h1{
    margin-bottom: 10px;
     margin-right: 12px;
}


.anmeldung .formfield__select{
    font-family: "GtWalsheim";
    font-style: normal;
    font-weight: 400;
    color:white;
    font-size: 18px;
}
.anmeldung .formblock_field__label {
    display: block;
    margin-bottom: 10px;
    font-weight: 400;
    font-size: 18px;
}
.anmeldung .formfield__container {
    padding-right: 23px;
}
.anmeldung .formfield__container.col-6 {
    padding-right: 23px;
    display: inline-block;
    width: calc(100vw - 23px);
}
.anmeldung .formfield__container.col-4 {
    padding-right: 23px;
    display: inline-block;
    width: calc(100vw - 23px);
}
.formblock__submit {
    width: calc(100vw - 45px);
}
.anmeldung .formfield__input, .formfield__select, .formfield__radio, .formfield__textarea {
    font-family: "GtWalsheim";
    font-style: normal;
    font-weight: 400;
    color:white;
    font-size: 18px;
}
.anmeldung .count_unt{}
.count-field{
    font-size: 23px;
    font-weight: 400;
}
.anmeldung .summa{
    border-top: 3px solid white;
    padding-top: 30px;
    border-bottom: 3px solid white;
    margin-bottom: 51px;
    padding-bottom: 12px;
}
.subtit {
    margin-bottom: 22px;
   
}
.infosumma{
 border-bottom: 3px solid white;
    padding-bottom: 27px;
}
.break {
    margin-bottom: 21px;
}
.subtit_in {
    display: inline;
    border-bottom: 2px solid white;
}
.unterinfo{
    width: 75%;
    vertical-align: top;
}
.preis {
    width: 20%;
    vertical-align: top;
    text-align: right;
}
.vis {
    display: inline-block;
    margin-bottom: 27px;
    font-size: 18px;
}
.infop{
    margin-bottom: 27px;
    font-size: 18px;
}
.infoanmeldung a {
    color: var(--first-color);
    text-decoration: none;
}
body.start{
/*    overflow: hidden;*/
}
.achtung span {
    border-bottom: 2px solid;
}
.formblock__submit>input, .formfield__file::file-selector-button{
font-size: 43.33px;
text-transform: uppercase;
font-family: 'GtWalsheim', sans-serif;
}
.anmeldung-close {
    position: absolute;
    top: -4px;
    right: 0px;
    width: 82px;
    height: 82px;
    cursor:pointer;
    display: none;
}
.turnier.aktiv .anmeldung-close{
    display: block;
}
.stripe{
    position: absolute;
    width: 8px;
    height: 60px;
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -moz-transform-origin: 10px 80px;
    -o-transform-origin: 10px 80px;
    -ms-transform-origin: 10px 80px;
    -webkit-transform-origin: 10px 80px;
    transform-origin: 10px 80px;
    background-color: white;
}
.stripe2{
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    -moz-transform-origin: 20px 43px;
    -o-transform-origin: 20px 43px;
    -ms-transform-origin: 20px 43px;
    -webkit-transform-origin: 20px 43px;
    transform-origin: 20px 43px;
}

/*NEXT LEVEL*/
.block.block-type-vfleerzeile {
   padding-bottom: 20px;
}
.booking{
    margin-bottom: 20px;
}
.sponsoren .column{
    display: block;
}
/*kalender*/
.date{
    margin-top: 50px;
    margin-bottom: 10px;
}

.newlevel{
    width: 100vw;
   
}
.newlevel .firstlevel{
    position: relative;
}
.firstlevel{
    z-index: 1;
}
.newlevel.start .more {
        bottom: 0px;
        position: absolute;
        left: 0px;
        top: unset;
}
.newlevel .left{
    opacity: 0;
}
.menu-link{
    text-decoration: none;
    color: var(--color-first);

}
.menu-link.active{
    /*font-style: italic;
    font-weight: 400;*/
}
.site-navigation{
    overflow: hidden;
    width: 100vw;
    height: 92px;
    position: absolute;
    top: 0px;
  
   -moz-transition: height 0.2s;
    -o-transition: height 0.2s;
    -ms-transition: height 0.2s;
    -webkit-transition: height 0.2s;
    transition: height 0.2s;
    background-color: white;
}
.naviopen .site-navigation{
    height: 273px;
}
.site-navigation li{
    padding: 8px 18px;
}

.kalender .site-navigation li, .about .site-navigation li{
   margin-bottom: 40px;
   -moz-transition: margin-bottom 0.2s;
    -o-transition: margin-bottom 0.2s;
    -ms-transition: margin-bottom 0.2s;
    -webkit-transition: margin-bottom 0.2s;
    transition: margin-bottom 0.2s;
}
.naviopen.kalender .site-navigation li{
   margin-bottom: 0px;
}
.naviopen.about .site-navigation li{
   margin-bottom: 0px;
}
.kalender .site-navigation ul{
    margin-top: -213px;
    -moz-transition: margin-top 0.2s;
    -o-transition: margin-top 0.2s;
    -ms-transition: margin-top 0.2s;
    -webkit-transition: margin-top 0.2s;
    transition: margin-top 0.2s;
}
.about .site-navigation ul{
    margin-top: -119px;
    -moz-transition: margin-top 0.2s;
    -o-transition: margin-top 0.2s;
    -ms-transition: margin-top 0.2s;
    -webkit-transition: margin-top 0.2s;
    transition: margin-top 0.2s;
}
.naviopen .site-navigation ul{
     margin-top: 0px;
}
.naviopen .menu-link.active{
    font-style: italic;
    font-weight: 400;
}


.site-navigation li span{
    position: relative;
    height: 34px;
    display: inline-block;
    width: 27px;
    fill: var(--color-first);
}
.navfix .site-navigation{
    position: fixed;
}
.secondlevel{
    position: relative;
    width: 100vw;
    z-index: 100;
    background-color: white;
}
.nextlevel {
    padding-top: 112px;
    padding-left: 18px;
    padding-right: 18px;
}
.kalender .nextlevel {
    padding-top: 50px;
    }
.kalender .nextlevel:nth-child(1) {
    padding-top: 91px;
    }    
button.menu-toggle {
    box-shadow: none;
    border: none;
    display: flex;
    align-items: center;
    width: auto;
    height: auto;
    background-color: transparent;
    position: absolute;
    z-index: 1;
    top: 0px;
    right: 0;
    width: 92px;
    height: 92px;
}
.xy {
    display: block;
    height: 46px;
    position: absolute;
    top: 20px;
    width: 50px;
    cursor: pointer;
    left: 23px;
    background-color: white;
}
.stripe {
    position: absolute;
    display: block;
    height: 4px;
    width: 50px;
    left: 0;
    background-color: var(--color-first);
    -webkit-transition: transform 0.4s, background-color 0.4s, opacity 0.4s;
    -moz-transition: transform 0.4s, background-color 0.4s, opacity 0.4s;
    -ms-transition: transform 0.4s, background-color 0.4s, opacity 0.4s;
    -o-transition: transform 0.4s, background-color 0.4s, opacity 0.4s;
    transition: transform 0.4s, background-color 0.4s, opacity 0.4s;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    transform-origin: 50% 50%;
}
.xy .top-stripe {
    top: 11px;
}
.xy .bottom-stripe {
    top: 30px;
}
.naviopen .xy .stripe{
    top: 22px;
    left: 4px;
    }
.naviopen .xy .top-stripe{
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.naviopen .xy .bottom-stripe{
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}
.linksammlung{
    display: none;
}
.sammlungvis .linksammlung{
    display: block;
}
.wissensimg{
    margin-bottom: 20px;
}
.wissensjahr.wissenstext, .wissensjahr.imptext{
    color: var(--color-black);
}
.wissensjahr.wissenstext a{
    text-decoration: none;
}
.wissensjahr.wissenstext a:hover{
    background-color: var(--color-first);
}
.wissensimg img{
    width: 100%;
}
.turnier.sponsoren .coimg img {
      width:45%;
}
.coimg img{ 
    width:45%;
    display:inline-block;
    vertical-align:top;
}
.coimg img:nth-child(odd){
    margin-right: 8%;
}
.coworking {
    padding: 40px 18px 0;
    z-index: 100;
    position: relative;
    background-color: white;
}
footer{
    z-index: 100;
    position: relative;
}
.coitem {
    width: 100%;
    display: inline-block;
    margin-bottom: 40px;
}
.cotitle{
    font-size: var(--m-text-xs);
    margin-bottom: 17px;
}
footer .menu-link{
    color: white;
}
.footer_inner {
    padding: 8px 18px 17px;
    position: relative;
}
.nachoben {
    color: white;
    position: absolute;
    bottom: 23px;
    right: 18px;
    font-size: var(--m-text-xs);
    cursor: pointer;
}
.footer_column .footerlink a{
    text-decoration: none;
    color: white;
    font-size: var(--m-nav);
}
.footer_column li{
     margin-bottom: 10px;
}
.footerlog{
    margin-bottom: 30px;
}
.swiper-slide {
    font-size: 18px;
    background: transparent;
    display: flex;
}
.swiper-slide {
    width: auto;
}
.member {
    display: block;
    text-align: left;
}
.swiper-slide img {
    display: block;
    height: 100%;
    width: auto;
    object-fit: cover;
}
.foto.nopointer{
    height: 100%;
}
.swiper-wrapper{
    height: 260px;
}
.swiper{
   width: calc(100% + 18px);
   height: 260px;
}
.untertitel {
    margin-top: 6px;
    position: absolute;
}
.navsmall{
    text-transform: lowercase;
}
.event-cont{
display: none;
height: 0;
overflow: hidden;
-webkit-transition: height 350ms ease-in-out, margin 350ms ease-in-out;
-moz-transition: height 350ms ease-in-out, margin 350ms ease-in-out;
-ms-transition: height 350ms ease-in-out, margin 350ms ease-in-out;
-o-transition: height 350ms ease-in-out, margin 350ms ease-in-out;
transition: height 350ms ease-in-out, margin 350ms ease-in-out;
}
.termineitem {
    position: relative;
    border-bottom: 2px solid var(--color-first);
    margin-left: 25px;
    margin-right: 25px;
}
.termineitem.firstitem{
 border-top: 2px solid var(--color-first);
}
.block .event-cont p{
    font-size: var(--m-text-xs);
    line-height: var(--m-text-xs-line);
    font-weight: 400;
    margin-bottom: var(--m-text-xs-line);
}
.predate {
    font-size: var(--m-text-xs);
    line-height: var(--m-text-xs-line);
    list-style: none;
    margin: 0 0px; 
    padding-top: 0;
    display: grid;
    grid-template-columns: repeat(16, 1fr);
    grid-template-rows: 1fr auto;
    column-gap: 7px;
    grid-template-rows: 66px 41px;
    align-items: center;
    height: 66px;
    overflow: hidden;
    -webkit-transition: height 250ms ease-in-out, margin-left 350ms ease-in-out;
-moz-transition: height 250ms ease-in-out, margin-left 350ms ease-in-out;
-ms-transition: height 250ms ease-in-out, margin-left 350ms ease-in-out;
-o-transition: height 250ms ease-in-out, margin-left 350ms ease-in-out;
transition: height 250ms ease-in-out, margin-left 350ms ease-in-out;
margin-left: 0;
margin-right: 0;
}
.opens .smallsize{
   margin-left: -24px;
}

.opens .event-cont{
   /* margin-left: -25px;
    margin-right: -25px;*/
}
.opens .termineitem{
/*margin-left: 0px;
margin-right: 0px;*/
}
.span-3 {
    grid-column: auto / span 3;
}
.span-2 {
    grid-column: auto / span 6;
}

.span-5 {
    grid-column: auto / span 5;
}
.span-6 {
    grid-column: auto / span 10;
}
.predate li span{
/*    display: none;*/
}
.quadrats {
    position: absolute;
    top: 8px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    width: 50px;
    height: 50px;
    border: 2px solid var(--color-first);
    z-index: -1;
}
.quadleft {
    left: -24px;
    border-right-color: transparent;
    border-top-color: transparent;
}
.quadright{
    right:  -24px;
    border-left-color: transparent;
    border-bottom-color: transparent;
}
.termine{
    cursor: pointer;
}
.termine:hover .termineitem{
   
   
}
.termine:hover .termineitem.firstitem{
     margin-top:0px;
}
.termine:hover{
    
}
.termine:hover .quadrats{
    
}

.termine.opens:hover .termineitem{
    border-bottom: 2px solid var(--color-first);
    background-color: transparent;
    border-top:none;
    margin-top:0px;
}
.termine.opens:hover .termineitem.firstitem{
    border-top:2px solid var(--color-first);
}
.termine.opens:hover{
    color: var(--color-first);
}
.termine.opens:hover .termineitem.firstitem{
    
}
.termine.opens:hover .quadleft {
    background-color: transparent;
    border-color:var(--color-first);
    border-right-color: transparent;
    border-top-color: transparent;
}
.termine.opens:hover .quadright{
    border-color:var(--color-first);
    background-color: transparent;
    border-left-color: transparent;
    border-bottom-color: transparent;
}

.opens .event-cont{
display: block;
height: auto;
}
.opens .quadrats{
    display: none;
}
.opens .predate{
height: 107px;
overflow: visible;
}
.smallsize {
    text-transform: uppercase;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: 1px;
    -webkit-transition: margin-left 350ms ease-in-out;
    -moz-transition: margin-left 350ms ease-in-out;
    -ms-transition: margin-left 350ms ease-in-out;
   -o-transition: margin-left 350ms ease-in-out;
    transition: margin-left 350ms ease-in-out;
    margin-left: 0px;
}

.kalender .subtitle.block p {
    margin-bottom: var(--m-text-xs-line);
} 
.event-img img{
    width: 60%;
}
.event-col:nth-child(1){
    margin-top: 18px;
}
.event-img, .event-col{
    margin-bottom: 20px;
}
.black{
    color: var(--color-black);
}
a.event-booking {
    text-decoration: none;
    font-size: var(--m-text-xs);
    text-transform: uppercase;
    color: var(--color-black);
    border: 2px solid var(--color-first);
    padding: 14px 18px 12px 51px;
    display: inline-block;
    margin-left: 0px;
    letter-spacing: 1px;
}
a.event-booking:hover {
 border: 2px solid var(--color-second);
}
.event-booking{
    font-size: var(--m-text-xs);
    text-transform: uppercase;
    color: var(--color-black);
    border: 2px solid var(--color-first);
    padding: 14px 18px 12px 18px;
    display: inline-block;
    margin-left: 0px;
    letter-spacing: 1px; 
}
.verlinkung{
    margin-bottom: 25px;
    position: relative;
}
.arrow {
    position: absolute;
    left: 12px;
    width: 22px;
    height: 100%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform:rotate(-45deg);
   -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 1px;
}
.w .arrow {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform:rotate(45deg);
   -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 1px;
}
a:hover .arrow{
     -webkit-transform: rotate(0deg);
    -moz-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
   -o-transform: rrotate(0deg);
    transform: rotate(0deg);
}
.w .arrowbig button:hover .arrow {
        -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.arrow-point {
    position: absolute;
    width: 16px;
    height: 16px;
    border: 2px solid var(--color-first);
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
   -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform:rotate(45deg);
   -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: calc(50% - 8px);
    right: 2px;
    border-left-color: transparent;
    border-bottom-color: transparent;
}
.arrow-line {
    position: absolute;
    width: 100%;
    height: calc(50% + 1px);
    border-bottom: 2px solid var(--color-first);
}
a:hover .arrow-point {
    border-color: white;
    border-left-color: transparent;
    border-bottom-color: transparent;
}
a:hover .arrow-line {
     border-bottom-color: white;  
}
.opens.termine{
cursor: auto;
}
.opens .predate{
    cursor: pointer;
}
.event-end {
    margin-bottom: 30px;
    font-size: var(--m-nav);
    line-height: var(--m-text-s-line);
    width: 80%;
    max-width: 314px;
}
.event-end a{
    padding: 14px 18px 12px 51px;
    display: block;
}
.arrowbig a, .arrowbig button {
    padding: 17px 18px 16px 59px;
    display: block;
}
.event-link{
    position: relative;
}
.event-end a{
    text-decoration: none;
}
.nonavi{
    display: none;
}
.logo{
    opacity: 0;
    z-index: -1;
    position: relative;
}
.right .site-navigation{
    position: absolute;
    top: unset;
}
.contdate{
    display: none;
}
.contdate.visible{
    display: block;
}
.mittitle {
    font-size: var(--m-text);
    margin-bottom: 13px;
}
.block .mittext p{
    font-size: var(--m-text-xs);
    line-height: var(--m-text-xs-line);
    font-weight: 400;
}
.footerfix .pagesmall{
    position: absolute;
    bottom:0;
}
.kontakt .block p {
    font-size: var(--m-text-s);
    line-height: var(--m-text-s-l);
}
.titlecredits {
    font-size: var(--m-info);
    margin-bottom: 12px;
}
.turnier.credits .block.subtitle p {
    line-height: var(--m-text-line);
    margin-bottom: var(--m-text-line);
    font-size: var(--m-text);
    font-weight: 500;

}
.block-type-vfstartlinks{
    margin-left: -18px;
}
.block-type-vfstartlinks .event-end a {
    padding-left: 60px;
}
.block-type-vfstartlinks .arrowbig .event-end a {
    padding-left: 67px;
}

.block-type-vfstartlinks .arrow {
    left: 18px;
}
.turnier.sponsoren figure {
    width: 70%;
}
.turnier.sponsoren img {
    width: 100%;
}

.vf-calendar .vf-calendar-date-selection {
    position: relative;
    height: auto;
    padding: 0;
    margin: 0 0 calc(11px* 2) 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.vf-calendar .vf-calendar-date-selection-previous, .vf-calendar .vf-calendar-date-selection-next {
    color: rgba(0, 0, 0, 0);
    position: absolute;
    width: 40px;
    height: 40px;
    word-break: keep-all;
    z-index: 0;
    cursor: pointer;
}

.vf-calendar .vf-calendar-date-selection-next {
    right: 0;
}
a.vf-calendar-date-selection-previous .arrow{
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform:rotate(-180deg);
   -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
a.vf-calendar-date-selection-next .arrow{
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform:rotate(0deg);
   -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
.vf-calendar-date-selection .arrow-line, .arrowbig .arrow-line {
    height: calc(50% + 2px);
    border-bottom: 4px solid var(--color-first);
}
.vf-calendar-date-selection .arrow-point, .arrowbig .arrow-point {
    width: 24px;
    height: 24px;
    border-width: 4px;
    top: calc(50% - 12px);
    right: 2px;
}
.vf-calendar-date-selection .arrow, .arrowbig .arrow{
    left: 4px;
    width: 32px;
    -webkit-transition: width 350ms ease-in-out;
    -moz-transition: width 350ms ease-in-out;
    -ms-transition: width 350ms ease-in-out;
   -o-transition: width 350ms ease-in-out;
    transition: width 350ms ease-in-out;
}
.arrowbig .arrow{
    left: 11px;
}
.vf-calendar-date-selection .vf-calendar-date-selection-next .arrow {
    left: 5px;
}
/*.vf-calendar-date-selection a:hover .arrow {
    left: 4px;
    width: 42px;
}
.vf-calendar-date-selection a.vf-calendar-date-selection-next:hover .arrow {
    left: -5px;
}*/
a.vf-calendar-date-selection-next:hover .arrow-point, a.vf-calendar-date-selection-previous:hover .arrow-point  {
    border: 4px solid var(--color-first); 
    opacity: 0.7; 
    border-left-color: transparent;
    border-bottom-color: transparent;
}
a.vf-calendar-date-selection-next:hover .arrow-line, a.vf-calendar-date-selection-previous:hover .arrow-line {
     border-bottom: 4px solid var(--color-first); 
     opacity: 0.7;
}
.vf-calendar .vf-calendar-date-selection .vf-calendar-dates-container {
    height: inherit;
    overflow: hidden;
    position: relative;
    flex-grow: 1;
    z-index: -1;
}
.vf-calendar .vf-calendar-date-selection .vf-calendar-dates-container .vf-calendar-dates {
    height: inherit;
    width: inherit;
    list-style: none;
    position: relative;
    top: 0;
    margin: 0;
    padding: 0 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transition: left 350ms ease-in-out;
    -moz-transition: left 350ms ease-in-out;
    -ms-transition: left 350ms ease-in-out;
   -o-transition: left 350ms ease-in-out;
    transition: left 350ms ease-in-out;
}

.vf-calendar .vf-calendar-date-selection .vf-calendar-dates-container .vf-calendar-dates li {
    margin: 0;
    height: inherit;
    text-align: center;
    padding: 0;
    min-width: 100%;
}
a.event-date{
font-size: 50px;
letter-spacing: 1px;
text-decoration: none;
color: var(--color-first);
-webkit-text-stroke: 2px var(--color-first);
-webkit-text-fill-color: white;
}
.hightlite a.event-date{
-webkit-text-stroke: none;
-webkit-text-fill-color: unset;
}

/*hightlite*/

.vf-calendar {
    margin-top: 68px;
}
.vf-calendar-events{
    width: 100vw;
    margin-left: -18px;
}
.termineitem {
    margin-left:18px;
    margin-right: 18px;
}
.vf-calendar-events .quadrats {
display: none;
}
.opens .smallsize {
    margin-left: -9px;
}



.kalender .termine.block {
    width: 100vw;
    margin-left: -18px;
}
.kalender .termine.block .quadrats {
display: none;
}

.forderer .cotitle {
    opacity: 0;
}
section .sub, .audio-subtitle, .block-type-wiki-video figcaption, #lightbox .sub{
    font-size: var(--m-text-mini);
    line-height: var(--m-text-mini-line);
    font-weight: 400;
    margin-top: 10px;
}
.block-type-wiki-video figcaption {
/*    margin-top: 0;*/
}
section img{
}
.wiki-grid-item .wikilum2 img, .wiki-grid-item-gallery .wikilum2 img{
    width: 100%;
} 
.wiki-grid-item .wikilum4 img, .wiki-grid-item-gallery .wikilum4 img{
    width: 100%;
} 
.wiki-grid-item .wikilum2 .wikicolimg, .wiki-grid-item-gallery .wikilum2 .wikicolimg {
    padding: 42px;
    padding-top:0px;
    padding-bottom: 20px;
}
.wiki-grid-item .wikilum4 .wikicolimg, .wiki-grid-item-gallery .wikilum4 .wikicolimg {
    padding-bottom: 20px;
}
.wiki-grid-item .wikilum2 .wikicolimg.wikiimg-s, .wiki-grid-item-gallery .wikilum2 .wikicolimg.wikiimg-s{
    padding-left: 25%;
    padding-right: 25%;
}
.wiki-grid-item .wikilum2 .wikicolimg.wikiimg-m, .wiki-grid-item-gallery .wikilum2 .wikicolimg.wikiimg-m{
    padding-left: 15%;
    padding-right: 15%;
}
.wiki-grid-item, .wiki-grid-item-gallery{
    width: 100%;
    padding-top: 0px;
}
.mainwiki .wiki-grid-item:nth-child(1), .mainwiki .wiki-grid-item-gallery:nth-child(1){
    padding-top: 26px;
}
.wikilum2, .wikilum4{
    display: block;
}
.wikilum4 p, .notes-container, .block-type-wiki-quote blockquote{
color: var(--color-black);
font-size: var(--m-text-xs);
line-height: var(--m-text-xs-line-s);
margin-bottom: var(--m-text-xs-line-s);
font-weight: 400;
}
.block-type-wiki-vftext,  .block-type-wiki-quote {
    margin-bottom: var(--m-nav);
}
.block-type-wiki-quote blockquote {
    /* margin-left: 50px; */
    font-style: italic;
    width: 87%;
    margin-left: 5%;
    color: var(--color-black);
    max-width: calc(773px - 5%);
}
.subquote {
    color: var(--color-first);
    margin-top: 0px;
    margin-bottom: 20px;
    font-size: var(--m-text-mini);
    margin-top: 4px;
}
.notes-container{
margin-bottom: var(--m-nav);
}
.wikilum4 .bigarttext p, .w_text p{
font-weight: 500;
font-size: var(--m-text-s);
line-height: var(--m-text-s-l);
}


.sticky_parent{
    height: 500vh;
    position: relative;
}
.sticky{
       overflow: hidden;
    position: sticky;
    top: 92px;
    height: calc(100vh - 92px);
   
    margin-left: -18px;
    width: 100vw;
}
.scroll_section{
    position: absolute;
    top: 0;
    height: calc(100vh - 92px);
    width: auto;
    will-change: transform;
    display: flex;
    /*justify-content: space-between;
    align-items: center;*/
    padding: 0 0;
}
.wiki-grid-item .wikilum4 .scroll_section .sub, .wiki-grid-item-gallery .wikilum4 .scroll_section .sub{
    padding: 0px 32px 0px 0px;
}
.wiki-grid-item .wikilum4 .scroll_section .block-type-wiki-vfimage:nth-child(1) .sub, .wiki-grid-item-gallery .wikilum4 .scroll_section .sub{
    padding-left: 32px;
}
.wiki-grid-item .wikilum4 .scroll_section .block-type-wiki-vfimage:nth-child(1) img, .wiki-grid-item-gallery .wikilum4 .scroll_section .block-type-wiki-vfimage:nth-child(1) img{
    margin-left: 32px;
}
.wiki-grid-item .wikilum4 .scroll_section .block-type-wiki-vfimage:nth-child(1) img{
     margin-left: 18px;
}
.wiki-grid-item .wikilum4 .scroll_section img, .block-type-wiki-vfimage .wikilum4 .scroll_section img{
   height: calc(100vh - 194px);
   width: auto;
   padding: 32px 32px 10px 0px;
}

ol.footnotes-list {
   list-style: none;
   counter-reset: item;
 }
 .footnotes-list li {
   counter-increment: item;
   margin-bottom: 13px;
   position: relative;
   color: var(--color-first);
   margin-left: 10px;
 }
.footnotes-list li:before {
    content: counter(item);
    color: var(--color-first);
    text-align: center;
    position: absolute;
    left: -24px;
    font-size: 14px;
    top: 0px;
    text-align: right;
    width: 16px;
}
.related{
    font-size: var(--m-nav);
    line-height: var(--m-text-s-l);
}
.relatedauthor{
 margin-bottom: var(--m-nav);
}
.contentewiki, .block-type-wiki-video, .block-type-wiki-vfsound{
    margin-bottom: var(--m-nav);
}
.titrelated{
    font-size: var(--m-text-mini-line);
}
.tagsrelated a, .tagsrelated{
color: black;
text-decoration: none;
}

.block-type-wiki-vftext a {
    text-decoration: none;
    overflow-wrap: break-word;
}
.block-type-wiki-video figure {
    margin: 0;
    border: 0;
    display: block;
    width: 100%;
}

.block-type-wiki-video figure {
    position: relative;
    padding-bottom: 56%; /* 16/9 Video */
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.audio-info{
     margin: 0;
    border: 0;
    display: block;
    width: 100%;
     position: relative;
    padding-bottom: 6%; /* 16/9 Video */
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.block-type-wiki-video iframe,  
.block-type-wiki-video object,  
.block-type-wiki-video embed, .audio-info audio {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}
.block.mainwiki {
    margin-bottom: 200px;
}
sup.footnote {
    font-size: 0px;
    position: relative;
    width: 16px;
    display: inline-block;
    margin-left: -4px;
}
sup.footnote a {
    position: absolute;
    top: -13px;
    font-size: 12px;
    width: 100%;
    text-align: center;
}
.bigarttext sup.footnote {
    width: 16px;
    margin-left: -4px;
}
.bigarttext sup.footnote a {
    top: -19px;
    font-size: 12px;
}
#lightbox {
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    height: 100vh;
    width: 100vw;
    background-color: rgba(255,255,255,0.95);
    -webkit-transition: opacity 0.4s;
    -moz-transition: opacity 0.4s;
    -ms-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    transition: opacity 0.4s;
    opacity: 0;
    overflow-y: scroll;
}
#lightbox.oopacity{
    opacity: 1;
}
#lightbox img {
    text-align: center;
    height: 80vh;
    width: auto;
    margin: 10vh auto;
    display: block;
    transform: unset;
}

#lightbox .sub {
    position: fixed;
    z-index: 1000;
    left: 1rem;
    bottom: 1rem;
    margin-right: 1rem;
}
.wiki-grid-soloimg img, #lightbox img{
    cursor: pointer;
}
#close {
    position: fixed;
    z-index: 1001;
    right: 18px;
    top: 21px;
    font-weight: 500;
    color: var(--color-first);
    cursor: pointer;
    font-size: var(--m-header);
    line-height: 33px;
}
.wiki .tagsrelated a:hover{
    color: white;
    background-color: var(--color-first);
}
.contentewiki a:hover{
    background-color: var(--color-first);
}
.footnotereverse a:hover{
     background-color: var(--color-first);
}
.footnotereverse a{
    text-decoration: none;
}
.vidio{
    background-color: var(--color-first);
}
.vidio:hover{
    background-color: white;
}
.vidio.cookieset{
     background-color: transparent;
}
.videocookie {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.vidio:hover .videocembed{
    border:3px solid var(--color-first);
}
.videocembed{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.wikilum4 .videocembed p, .wikilum2 .videocembed p{
 color: white;
 padding: 20px;
} 
.wikilum4 .videocembed:hover p, .wikilum2 .videocembed:hover p{
 color: var(--color-first);
} 
.wikilum4 .subheader p {
    font-weight: 500;
    font-size: var(--m-text-s);
    line-height: var(--m-text-s-l);
    margin-top: var(--m-text-s-l);
}
.block.cookieintro p {
        font-size: var(--m-text);
    line-height: var(--m-text-line);
    margin-bottom: var(--m-text-line);
    font-weight: 500;
}
.cookieja{
    display: none;
}
.cookieja.kochen{
    display: block;
}
.cookienein.kochen{
    display: none;
}
.cookietext{
    margin-bottom: 100px;
}
.coo{
    cursor: pointer;
}
.block-type-vfstartlinks.coo{
    margin-left: 0;
    
}
.block-type-vfstartlinks.coo:hover{
    color: var(--color-black);
}
.cookiedecline, .cookieaccept{
    margin-left: 35px;
}
.block-type-vfstartlinks.coo .arrow{
    left: -35px;
}

.morewiki {
    color: #cccc;
    text-transform: lowercase;
    font-weight: 500;
    font-size: 33px;
    line-height: 40px;
}
.w {
    /* margin-top: 119px; */
}

.w_title {
    text-transform: none;
    color: var(--color-first);
    margin-bottom: var(--m-text-mini-line);
   }
.w_text{
     text-transform: none;
    color: var(--color-black);
}
.w_text p a{
    color: var(--color-black);
    text-decoration: none;
}
.wikifloat, .wikitext {
    margin-bottom: var(--m-nav);
}
.w_text p a.weiterleiten {
    font-size: 21px;
    color: var(--color-first);
}
.w_text p a.weiterleiten:hover {
   color: white;
   background-color: var(--color-first);
}
.typebig .arrowbig {
    margin: 0 auto;
    margin-top: 21px;
    width: 285px;
}
.arrowbig {
    margin-bottom: 30px;
    font-size: var(--m-nav);
    line-height: var(--m-text-s-line);
}

.arrowbig a, .arrowbig button{
    display: inline-block;
    text-decoration: none;
}
.arrowbig button {
    color: var(--color-first);
    font-size: var(--m-nav);
    line-height: var(--m-text-s-line);
    text-align: left;
    background-color: transparent;
    padding: 17px 18px 16px 59px;
    font-weight: 500;
    border: none;
    font-family: 'GtWalsheim', sans-serif;
    cursor: pointer;
}
.arrowbig button:hover{
     background-color:var(--color-first);
     color: white;
}
.arrowbig button:hover .arrow-line {
    border-bottom-color: white;
}
.arrowbig button:hover .arrow-point {
     border-color: white;
    border-left-color: transparent;
    border-bottom-color: transparent;
}
.arrowbig button:hover .arrow {
        -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
.wikiitem {
    display: none;
    height: 0;
    overflow: hidden;
    -webkit-transition: height 350ms ease-in-out;
    -moz-transition: height 350ms ease-in-out;
    -ms-transition: height 350ms ease-in-out;
    -o-transition: height 350ms ease-in-out;
    transition: height 350ms ease-in-out;
}
.wikiitem.open {
    display: block;
    height: auto;
}
.wikimore{
    opacity: 1;
    -webkit-transition: opacity 350ms ease-in-out;
    -moz-transition: opacity 350ms ease-in-out;
    -ms-transition: opacity 350ms ease-in-out;
    -o-transition: opacity 350ms ease-in-out;
    transition: opacity 350ms ease-in-out;
}
button.nomore{
    opacity: 0;
    cursor: unset;
}
.wikihover{
    text-decoration: none;
    color: var(--color-first);
}
.wikihover{
    text-decoration: none;
    color: #cccc;
}
.wikihover:hover{
/*    color:var(--color-first);*/
background-color: var(--color-first);
 color: white;
    /*transform: scale(1.1);
    display: inline-block;*/

}
.cursor{
    display: none;
}
.shuffle{
    display: inline;
}
.linksammlung span {
    margin-left: 2px;
}
.site-navigation li span.sammlung_name, span.sammlung_name {
    width: 197px;
}
.wiki .site-navigation li {
    display: inline-block;
}
.wiki .site-navigation li.linksammlung {
    display: none;
}
.sammlungvis.wiki .site-navigation li.linksammlung {
    display: inline-block;
}
.wiki .linksammlung{
    float: right;
}
.wiki .sammlung_name{
    display: none;
}
.addsammlung   {
    width: 26px;
    height: 26px;
    fill: var(--color-first);
}
.addsammlung .sammlung_svg_add{
   margin-right: 4px;
   width: 20px;
  display: inline-block;
}
.stickybutton{
    position: sticky;
    display: block;
    bottom: 0;
    width: calc(100% + 36px);
    margin-left: -18px;

}
.addsammlung{
    position: absolute;
    bottom: 0px;
    right: -187px;
    width: 142px;
    height: 110px;
    border: none;
    font-size: var(--m-text-mini-line);
    line-height: var(--m-text-xs-line-s);
    font-weight: 500;
    color: var(--color-black);
    font-family: 'GtWalsheim', sans-serif;
    background-color: white;
    padding: 0px 10px 0px 13px;
    text-align: left;
    -webkit-transition: right 350ms ease-in-out;
    -moz-transition: right 350ms ease-in-out;
    -ms-transition: right 350ms ease-in-out;
    -o-transition: right 350ms ease-in-out;
    transition: right 350ms ease-in-out;
    cursor: pointer;
}
.auswahl .addsammlung{
    background-color: transparent !important;
    width: 0;
    padding: 0;
}
.addsammlung:hover{
    color: white;
     background-color: var(--color-first);
}
.addsammlung:hover svg{
  fill: white;
}
.addsammlung.addview{
    right:0px;
}
body.wiki{
    width: 100vw;
    overflow-x: hidden;
}
.linksammlung.addview{
  background-color: var(--color-first);
}
.sammlung .site-navigation li.linksammlung.addview span, .sammlung .menu-link{
  color: white;
}
.sammlung .stripe {
    background-color: white;
}
.sammlung .xy{
    background-color: var(--color-first);
}
.sammlung .site-navigation li.linksammlung.addview span.sammlung_svg{
    fill: white;
}
.sammlung .subtitle{
    text-transform: lowercase;
}
.sammlung .subtitle .sammlung_svg {
    position: relative;
    height: 34px;
    display: inline-block;
    width: 27px;
    fill: white;
    margin-right: 10px;
    float: left;
}
.sammlung .linksammlung{
    display: none !important;
}
.sammlung .mainabout p{
font-size: var(--m-text-s);
    line-height: var(--m-text-s-l);
}
.sammlung .subtitle {
    line-height: var(--m-text-line);
    margin-bottom: var(--m-text-line);
    font-size: var(--m-nav);
    font-style: italic;
    font-weight: 400;
}
.allitems{
   /* display: none; */
}
.sammlung, .sammlung .site-navigation,   .sammlung .nextlevel .subtitle,    .sammlung .nextlevel  {
    background-color: var(--color-first);
    color: white;
}
.itemwikisam {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    column-gap: 10px;
    background-color: var(--color-first);
    padding-bottom: 8px;
    width: calc(100% - 7px);
    border-top: 2px solid white;
    padding-left: 0;
    padding-right: 0;
    margin-left: 8px;
    align-items: center;
    font-size: var(--m-text-xs);
    line-height: var(--m-text-xs-line);
}
.item_0 {
    grid-column: 1 / span 1;
    margin-left: -12px;
    margin-top: 10px;
}
.item_1 {
    grid-column: 2 / span 3;
    margin-top: 14px;
}
.item_1 img{
    width: 84%;
}
 .item_2 {
    grid-column: 5 / span 17;
    margin-top: 10px;
}
.item_3 {
    grid-column: 23 / span 2;
    width: 30px;
    height: 30px;
    border: 2px solid white;
    border-radius: 50%;
    margin-top: 10px;
}
.item_3 button{
    width: 100%;
    height: 100%;
    background-color: transparent;
    border: none;
    position: relative;
}
.item_3 button::after {
    content: "";
    position: absolute;
    top: calc(50% - 1px);
    width: 100%;
    height: 2px;
    background-color: white;
    left: 0;
}
.item_2 a{
        color:white;
        text-decoration: none;
}
.sammlung .linkssammlung{
 margin-bottom: var(--m-text-line);
}
.allitems {
    margin-bottom: 80px;
}
.sammlung .nextlevel {
    padding-bottom: 46px;
    }
.sammlung .linkssammlung a{
    color: white;
    text-decoration: none;
    line-height: var(--m-text-s-l);
    font-size: var(--m-nav);
    }
.sammlung span.titleui {
    margin-right: 20px;
}    
.itemwikisam, .sammlung .linkssammlung{
    display: none;
}
.sammlung .linkssammlung.sammlungtrue {
  display: block;
}
.itemwikisam.sammlungtrue{
    display: grid;
}
.item_3 button{
    cursor: pointer;
}
.item_3 button{
 -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: transform 0.4s;
    -moz-transition: transform 0.4s;
    -ms-transition: transform 0.4s;
    -o-transition: transform 0.4s;
    transition: transform 0.4s;
}
.item_3:hover button{
 -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    
}
.site-navigation li.addview span.sammlung_svg {
    fill: white;
}
.site-navigation li.addview span.sammlung_name {
    color:white;
}
.pdf{
/*    display: none !important;*/
}
.wissensjahr a {
    text-decoration: none;
}
.turnier.formularaktiv.aktiv .pagesmall{
display: none;
}
/*.balken {
    width: 186px;
    height: 27px;
    background-color: transparent;
    margin-bottom: 10px;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    column-gap: 10px;
}
.balkitem {
    display: inline-block;
    background-color: white;
}*/

.spinner {
    display: none !important;
    font-size:4em;
    height: 1em;
    line-height: 1;
    margin: .5em;
    animation: anim-rotate 2s infinite linear;
    color: #fff;
/*    text-shadow: 0 0 .25em rgba(255,255,255, .3);*/
}