@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@200;300;400;500;600;700&display=swap');

.clear{ clear:both; border:0; opacity:0; height:0; font-size:0; visibility: hidden; }







/* =====================  kalibrierung  ===================== */



*{font-family: 'Raleway', sans-serif;}



html{background: rgb(30,30,30);}


.hello h1{text-align: center; font-style: italic; margin-bottom: 50px;}


body{ font-family: 'Raleway', sans-serif; margin: 0; padding: 0; color: rgb(200,200,200); font-size: 16px; line-height: 28px; font-weight: 200;}

h2{margin-top: 0; font-weight: 400; color: #e3d24e;}



@keyframes gradient {



  0% {

    background-position: 0% 50%;

  }

  50% {

    background-position: 100% 50%;

  }

  100% {



    background-position: 0% 50%;

  }



}











p{}



a{}



a:hover{}



h1{color: #e3d24e; font-weight: 200; font-size: 44px; line-height: 80px; margin-bottom: 10px;}



h2{ }



h3{ margin-top: 0; font-weight: 400; color: #e3d24e;}


.ntr{position: absolute; right: 20px; top: 20px;}

ul.langnav{list-style: none; padding: 0; margin: 0; display: inline-block; margin-left: 10px;}
ul.langnav li{display: inline-block;}
ul.langnav li:first-child a{border-right: 0;}
ul.langnav li a{color: white; text-decoration: none; text-transform: uppercase; padding: 2px 10px; border: 1px solid rgba(255,255,255, 0.5); display: inline-block;
  -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}

ul.langnav li:hover a{background: rgba(255,255,255,0.5); color: black;}

.nav{list-style: none; z-index: 199; background: rgba(0,0,0,0.8); top: 0; position: fixed; display: block; padding: 5px 20px; margin: 0; text-align: center; width: 100%; margin-top: -70px;

-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}

.nav li{display: inline-block;}

.nav li a{display: block; padding: 15px; margin: 0 20px; font-size:15px; color: white; text-decoration: none; text-transform: uppercase; font-weight: 200;

-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}

.nav li a.act, .nav li a:hover{color: #e3d24e;}



.nav li.oro{width: 40px; height: 40px; padding: 5px; margin-bottom: -20px; background: url(../Images/co.svg) no-repeat center center; background-size: contain;}



.nav.top{margin-top: 0;}

ul.subcont{
  list-style: none;
  column-count: 3;
    column-gap: 10px;
    max-width: 1260px;
    padding: 0 70px;
    margin: 50px auto;
}
ul.subcont li{break-inside: avoid; background: rgba(0, 0, 0, 0.3); padding: 20px;}

.or{position: fixed; z-index: -1; left: -20%; top: -10%; width: 50%; height: 50%; background: url(../Images/white.svg) no-repeat right bottom; background-size: cover; opacity: 0.3;}

.or.gold{background-image: url(../Images/gold.svg); left: auto; top: auto; right: -10%; bottom: -10%; background-position: left top;}



.or.in{position: absolute; z-index: 0;}



.wrap{position: relative; width: 100%; height: 100vh; z-index: -10;

background: linear-gradient(-45deg, rgba(30,30,30), rgba(80,80,80), rgba(120,120,120), rgba(150,150,150));



  background-size: 400% 400%;



  animation: gradient 15s ease infinite;}


.tx-usertools{max-width: 1260px; margin: 0px auto; padding: 0 70px;}
.tx-usertools input{background:transparent; border: 1px solid white; color: #e3d24e; dipslay: block; padding: 8px 10px; width: 100%; margin-bottom: 5px; box-sizing: border-box;}
.tx-usertools input[type="submit"]{color: white; background: rgba(227,210,78,0.5); padding: 10px;
  -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.tx-usertools input[type="submit"]:hover{background: white; color: black;}
.tx-usertools .f1{column-count: 2; column-gap: 20px;}


.cont{background: rgba(0,0,0,0.5); padding: 70px; margin: 50px auto; max-width: 1260px;}
.cont.transp{background: transparent;}
.tx-sf-event-mgt{margin: 0px auto; max-width: 1260px;}

.cont p{margin-bottom: 20px;}

.tit{padding: 50px 70px 20px 70px ; margin: 0px auto; max-width: 1260px;}



.tx-powermail{background: rgba(0,0,0,0.5); padding: 70px; margin: 50px auto; max-width: 1260px;}

.tx-powermail fieldset{border: none; padding: 0;}
.tx-powermail fieldset.powermail_fieldset{column-count: 2; columns-gap: 10px;}

.tx-powermail fieldset legend{display: none;}

.tx-powermail fieldset label{display: none;}

.tx-powermail fieldset input, .tx-powermail fieldset textarea{background: black; border: 1px solid white; padding: 15px; color: white; display: block; width: 100%; box-sizing: border-box; margin-bottom: 5px;}
.tx-powermail fieldset textarea{height: 106px;}

.tx-powermail fieldset input[type="submit"]{background: white; color: black;}

.entry{padding: 20px; background: rgba(255,255,255, 0.1);}
.entry h4{margin: 0; margin-bottom: 10px; background: #e3d24e; color: black; margin-left: -20px; margin-top: -20px; margin-right: 20px; padding: 10px 20px; width: 100%;}
.entry p{margin: 0; color: #e3d24e; font-style: italic;}
.tx-mmc-guestbook .entry a{padding: 0px 8px; background: transparent; color: #e3d24e; border: 1px solid #e3d24e; margin-top: 5px; display: inline-block;
    -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.tx-mmc-guestbook .entry a:hover{background: #e3d24e; color: black;}

.logo{position: absolute; z-index: 55; width: 100%; height: 100%; top: 0;}

.log{position: absolute; z-index: 55; width: 100%; height: 100%; background: url(../Images/cdo.svg) no-repeat center center; background-size: 45%; }

.grad{position: absolute; width: 100%; height: 100%; left: 0; top: 0;

background: rgb(0,0,0);

background: radial-gradient(circle, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 63%);}



.logo.sub{ position: inherit;}

.logo.sub .grad{background: transparent; margin: 30px 0; position: inherit;}

.logo.sub .grad .log{background-size: contain; height: 200px; position: inherit;}



 :root{

  --gird-width:30px;

  --gird-height:30px;

  --line-color:transparent;

  --dot-color:#ccc;

  --dot-size:2px;

  --point-gap-width:calc(var(--gird-width) * 4);

  --point-gap-height:calc(var(--gird-height) * 4);

}

.grid-bg{

  width: 100%;

  height: 100%;

  overflow: hidden;

  position: absolute; z-index: 10;

}



.ba-grid{

  position: relative;

  z-index: 1;

opacity: 0.3;

}





.ba-grid:before,

.ba-grid:after,

.inner:before,

.inner:after{

  content:'';

  position: absolute;

  z-index: 1;

  top:0;

  bottom:0;

  left:0;

  right:0;

  mix-blend-mode: overlay;

}



.ba-grid:before{

  background-image: 

    linear-gradient(var(--line-color), transparent 1px),

    linear-gradient(to right, var(--line-color), transparent 1px);

  background-size:

    100% var(--gird-height),

    var(--gird-width) 100%;

}



.ba-grid:after{

  background-image: radial-gradient(var(--dot-color) 1px, transparent 1px);

  background-size: var(--point-gap-width) var(--point-gap-height);

  background-position: calc(var(--point-gap-width) / 2) calc(var(--point-gap-height) / 2);

}







.inner:before,

.inner:after{

  background-image: radial-gradient(var(--dot-color) var(--dot-size), transparent var(--dot-size));

  background-size: var(--point-gap-width) var(--point-gap-height);

  background-position: calc(var(--point-gap-width) / 2) calc(var(--point-gap-height) / 2);  



}



.inner:after{

  

  transform: scale(1.1, 1.1);

}



.inner:before{

/*   background-image: radial-gradient(var(--dot-color) calc(var(--dot-size) + 1px), transparent calc(var(--dot-size) + 1px)); */

  transform: scale(1.2, 1.2);

}



.anim:after{

  animation: 6.4s linear move infinite;

}



.anim .inner:after{

  animation: 3.2s linear move infinite;

}



.anim .inner:before{

  animation: 1.6s linear move infinite;

}



@keyframes move{

  0%{

    background-position:calc(var(--point-gap-width) / 2) calc(var(--point-gap-height) / 2);

  }

  100%{

    background-position:calc(var(--point-gap-width) / 2) calc(var(--point-gap-height) / 2 * -1);

  }

}



ul.member{list-style: none; padding: 0;}

ul.member li{display: inline-block; width: 25%;

  -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}

ul.member li .cov{overflow: hidden; margin: 2px; position: relative;}

ul.member li .cov .data{position: absolute; left: 0; top: 100%; width: 100%; height: 100%; display: inline-table;

-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}

ul.member li:hover .cov .data{top: 0;}

ul.member li .cov .data .container{display: table-cell; vertical-align: middle; text-align: center; background: rgba(0,0,0,0.7); color: white; padding: 15px; line-height: 16px; box-sizing: border-box;}

ul.member li .cov .data .container a{display: inline-block; text-decoration: none; color: #e3d24f;    font-size: 14px;    line-height: 16px;    font-weight: 400; margin-top: 5px; padding: 2px 5px; box-sizing: border-box;

-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}

ul.member li .cov .data .container a:hover{background: #e3d24f; color: black;}



ul.member li .name{position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; color: white; font-weight:400; padding: 5px 20px; text-shadow: 1px 1px 2px #000000; box-sizing: border-box;

-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}

ul.member li:hover .name{bottom: 100%;}



ul.member li .cov .picture{position: relative; line-height: 0;}

ul.member li .cov .picture img{width: 100%; height: auto;}

ul.member li .cov  .lo{padding: 5px; background: white; display: inline-block; line-height: 0; margin-top: 10px;}

ul.member li .cov  .lo img{width: fit-content; max-width: 160px; max-height:80px; width: 100%; height: auto;}


.gwrap{max-width: 1260px; padding: 0 70px; margin: 0 auto; }
.galnav{display: inline-table; width: 100%; column-count: 2; column-gap: 20px;}
.galtit{background: rgba(0,0,0,0.3); margin-bottom: 10px;}
.galnav a{text-decoration: none; display: block;}
.galtit .gim{width: 300px; display: table-cell; line-height: 0;}
.galtit .gim img{width: 100%; height: auto;}
.galtit h3{display: inline-block; margin: 0;}
.galtit p{margin: 0; color: white;}
.galtit .con{display: table-cell; vertical-align: middle; padding-left: 40px;}


.cont input{font-family: 'Raleway', sans-serif;}

.cont input::placeholder{color: white; font-style: italic; opacity: 0.8;}



.fe fieldset{border: none;}
.fe fieldset{padding: 0;}
.fe fieldset legend{display: none;}

.fe fieldset input{background: black;
    border: 1px solid white;
    padding: 15px;
    color: white;
    display: block;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 5px;}

.fe fieldset input[type="submit"] {
    background: white;
    color: black;
  }

  .fe a{color: white; font-style: italic;}

.back{position: fixed; left: 20px; top: 20px; width: 50px; text-decoration: none; height: 50px; background: url(../Images/back.svg) no-repeat center center rgba(255,255,255, 0.2); border: 1px solid rgba(255,255,255, 0.5); background-size: 60%;
    -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.back:hover{background-color: rgba(227, 210, 78, 0.5); border-color: white;}

.login, .logout{text-decoration: none; display: inline-block; z-index: 999; color: white; text-transform: uppercase; padding: 2px 10px; border: 1px solid rgba(255,255,255, 0.5);
      -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.login:hover, .logout:hover{background: rgba(255,255,255,0.8); color: black;}


ul.navi{list-style: none; padding: 0; margin: 20px; column-count: 3; column-gap: 10px; max-width: 1260px; padding: 0 70px; margin: 0 auto;}
ul.navi li{text-align: center; margin-bottom: 10px; break-inside: avoid;}
ul.navi li a{display: block; background: url(../Images/usr.svg) rgba(255,255,255,0.25) no-repeat center center; border: 1px solid rgba(255,255,255, 0.5); background-size: 70% 70%; text-decoration: none; color: white; padding: 100px 20px 0 20px;
  -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
ul.navi li a:hover{background-color: rgba(227, 210, 78, 0.85); color: balck;}
ul.navi li:nth-child(4) a{background-image: url(../Images/com.svg);}
ul.navi li:nth-child(2) a{background-image: url(../Images/cal.svg);}
ul.navi li:nth-child(3) a{background-image: url(../Images/food.svg);}
ul.navi li:nth-child(5) a{background-image: url(../Images/news.svg);}
ul.navi li:nth-child(6) a{background-image: url(../Images/gal.svg);}
ul.navi li:nth-child(7) a{background-image: url(../Images/edit.svg);}

ul.simplefilter{padding: 0; list-style: none; display: inline-block; margin: 0;}
ul.simplefilter li{display: inline-block; padding: 2px 10px; border: 1px solid white; cursor: pointer; margin-bottom: 3px;
-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
ul.simplefilter li:hover, ul.simplefilter li.ac{background: white; color: black;}


.cal{ display: inline-table; width: 100%;}

.event-calendar{margin: 50px auto; max-width: 1260px;}
.event-calendar ul{list-style: none; padding: 0; width: 100%; margin: 0;}
.event-calendar ul li{text-align: center; vertical-align: top; display: inline-block; width: 13.5%; box-sizing: border-box;}
.event-calendar ul li span{display: block; margin: 3px;  min-height: 105px; padding: 5px;}
.event-calendar ul li span .event-calendar__day-event-time, .event-calendar ul li span .event-calendar__day-date{line-height: 14px;}
.event-calendar ul li span img{width: auto; height: auto; max-height: 55px; margin-top: 10px; max-width: 80%;}
.event-calendar ul.event-calendar__browser{background: transparent;}
.event-calendar ul.event-calendar__browser li{ box-sizing: border-box; background: transparent;}
.event-calendar ul.event-calendar__browser.top{text-align: center; min-height: auto; margin-bottom: 10px;}
.event-calendar ul.event-calendar__browser.top li{width: 33.333%;}
.event-calendar ul.event-calendar__browser.top li h3{margin-bottom: 0;}
.event-calendar ul.event-calendar__browser.top li:first-child{text-align: left;}
.event-calendar ul.event-calendar__browser.top li:last-child{text-align: right;}
.event-calendar ul.event-calendar__browser.top li a{text-decoration: none; color: white; padding: 5px 10px; border: 1px solid white;
  -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.event-calendar ul.event-calendar__browser.top li a:hover{background: white; color: black;}
.event-calendar ul.event-calendar__browser.top li a span{display: inline;}
.event-calendar ul.event-calendar__days li, .event-calendar ul.event-calendar__weekdays li{box-sizing: border-box; background: transparent;}

.event-calendar ul.event-calendar__days{min-height: 50px;}
.event-calendar ul.event-calendar__days li{}
.event-calendar ul.weeks li.event-calendar__day span{background: rgba(227,210,78,0.2);}
.event-calendar ul.weeks li.event-calendar__day.has-events span{background: rgba(227,210,78,0.5);}
.event-calendar ul.weeks li.event-calendar__day-other-month span{background:rgba(255,255,255,0.1);}
.event-calendar ul.weeks li.event-calendar__days, .event-calendar ul.event-calendar__weekdays li.event-calendar__weeknumber{width: 5.5%;font-size: 14px; opacity: 0.5; background: transparent;}

.event-calendar ul.weeks li.event-calendar__day span a{text-decoration: none; color: white;}
.event-calendar ul.weeks li.event-calendar__day span a .sm{display: none;}

.news-list-view.dash .article{padding-bottom: 0; margin-bottom: 0; position: relative;}
.news-list-view.dash .article a{font-style: none;}
.news-list-view.dash .article a img{width: 100%; height: auto;}
.news-list-view.dash .article a h3{position: absolute; left: 0; bottom: 5px; width: 100%; padding: 5px 10px; box-sizing: border-box; background: rgba(0,0,0,0.6);}
.news-list-view.dash .article a .news-list-date{position: absolute; right: 0; top: 0; padding: 2px 5px; background: #e3d24e; color: black; font-size: 16px; line-height: 16px; font-weight: bold;}

.news .news-list-view.list{column-count: 3; column-gap: 15px;}
.news .news-list-view.list .article{break-inside: avoid; background: rgba(0,0,0,0.5);}
.news .news-list-view.list .article .news-img-wrap{display: block; float: none; margin: 0; -webkit-filter: grayscale(60%); filter: grayscale(60%);
   -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
    .news .news-list-view.list .article:hover .news-img-wrap{-webkit-filter: grayscale(0%); filter: grayscale(0%);}
.news .news-list-view.list .article .news-img-wrap div{position: relative; display: flow-root;}
.news .news-list-view.list .article .news-img-wrap div::after{content:""; padding-bottom: 60%; float: left;}
.news .news-list-view.list .article .news-img-wrap span.news-list-date{text-shadow: 1px 1px 1px #000000; position: absolute; right: 6px; top: 0px;}

.news .news-list-view.list .article a{text-decoration: none; color: white;}
.news .news-list-view.list .article .footer {border: none;  margin: 0; paddimng: 0;}
.news .news-list-view.list .article .caption{padding: 20px;}
.news .news-list-view.list .article .teaser-text{margin: 0;}
.news .news-list-view.list .article .caption p{margin-bottom: 0;}

.news-single h2{font-weight: 300; color: white;}
.news-single .nim{position: relative; display: flow-root;}
.news-single .nim::after{content:""; padding-bottom: 56.25%; float: left;}

.conwr{    padding: 70px;
    margin: 0px auto;
    max-width: 1260px;}
.gallery a{display: inline-block; width: 25%;}
.gallery a .imwrap{margin: 5px 5px 0 5px;}
.gallery a img{width: 100%; height: auto;   filter: grayscale(50%); opacity: 0.7;
    -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.gallery a:hover img{opacity: 1; filter: grayscale(0%);}


.stade{background: url(../Images/stleo.jpg) no-repeat center center; background-size: cover; position: relative; padding-bottom: 30px;}
.stade.op{ padding-bottom: 50%;}
.stade.op img{width: 100%; height: auto; line-height: 0;}
.stade .im{display: inline-block; width: 50%; padding: 10%; box-sizing: border-box;}
.stade .im img{width: 100%; height: auto;}
.stade .date{position: absolute; width: 100%; text-align: center; displaY: block; bottom: 10px; text-shadow:  2px 2px 8px #000000;}
.stade .date h2{color: white;}
.menu{border: 1px solid white; background: rgba(255,255,255,0.1); padding: 20px; text-align: center; }
.menu hr{border-style: dotted; color: rgb(150,150,150);}
.openspace{background: }

.event-list-item{margin-bottom: 10px; position: relative;}
.event-list-item .stade h3{position: absolute; left: 0; bottom: 0; width: 100%; padding: 5px 10px; box-sizing: border-box; background: rgba(0,0,0,0.6); text-align: center; margin-bottom: 0;}

.event-list-item .stade .event-startdate{position: absolute; right: 0; top: 0; padding: 2px 5px; background: #e3d24e; color: black; font-size: 16px; line-height: 16px; font-weight: bold;}


.tx-mmc-guestbook input, .tx-mmc-guestbook textarea, .tx-mmc-guestbook select{display: block; padding: 8px; width: 100%; box-sizing: border-box; background: black; border: none; margin-bottom: 5px;}
.tx-mmc-guestbook form h3{margin-bottom: 0;}
.tx-mmc-guestbook input[type="submit"]{background: #e3d24e; color: black; border: 1px solid #e3d24e;
-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.tx-mmc-guestbook input[type="submit"]:hover{background: black; color: #e3d24e;}

.tx-mmc-guestbook a{dipslay: inline-block; background: #e3d24e; color: black; padding: 8px; text-decoration: none;}


.event-detail-row .event-description {margin-top: 30px;
 display: -webkit-flex;
   display: -ms-flex;
   display: flex;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;    margin-left: -1%;
    margin-right: -1%;}
.event-detail-row .event-description p{padding: 30px; border: 1px solid white; text-align: center; margin: 0; break-inside: avoid; display: -webkit-flex;  float:left;
  display: -ms-flexbox; 
  display: flex;
      position: relative;
    padding-top: 80px;
    flex-shrink: 0;
    flex: 0 0 31.3333%;
    box-sizing: border-box;
    margin: 1%;
    justify-content: center;
    align-items: center;}
.event-detail-row .event-description p::before{content: "Menü 1"; display: block; padding: 10px 15px; background: rgba(255,255,255,0.5); border-bottom: 1px solid white;
    position: absolute;
    width: 100%;
    box-sizing: border-box;
    top: 0;
    left: 0;}
.event-detail-row .event-description p:nth-child(2)::before{content: "Menü 2";}

.event-detail-row .event-teaser{font-style: italic; margin-top: 30px;}

.reg{margin-top: 40px; column-count: 2;}
.reg table{width: 100%; border: 1px solid white; background: rgba(0,0,0,0.5); margin-bottom: 20px;}
.reg table tr td{padding: 10px 15px;}
.reg table tr td:nth-child(2){text-align: center;}
.reg a.button{display: block; padding: 10px 15px; text-align: center; text-decoration: none; color: white;     border: 1px solid #e3d24e;    background: #e3d24ea8;    color: white;
    -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.reg a.button:hover{background: #e3d24e;; color: black;}

.tx-sf-event-mgt h3{color: white; font-weight: light;}
.tx-sf-event-mgt form fieldset{border: none; padding: 0;}
.tx-sf-event-mgt form fieldset input{display: block; padding: 10px 15px; width: 100%; margin-bottom: 10px; border: 1px solid white; background: rgba(0,0,0,0.2); box-sizing: border-box;}
.tx-sf-event-mgt form fieldset .pers{column-count: 2;}
.tx-sf-event-mgt form fieldset .ama{column-count: 3; margin-top: 20px;}
.tx-sf-event-mgt form fieldset .ama label{text-align: center; background: rgba(255,255,255,0.4); display: block; padding: 10px 15px;}
.tx-sf-event-mgt form fieldset .ama input{text-align: center; background: #e3d24ea8;    color: white; position: relative;}
.tx-sf-event-mgt form fieldset .ama input::before{content: "-"; position: absolute; left: 0; top: 0; width: 10%; background: black; }

.tx-sf-event-mgt form fieldset input[type="submit"]{display: block; padding: 10px 15px; text-align: center; text-decoration: none; color: white;     border: 1px solid #e3d24e;    background: #e3d24ea8;    color: white;
    -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.tx-sf-event-mgt form fieldset input[type="submit"]:hover{background: #e3d24e;; color: black;}

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

  

  h1{    font-size: 36px;    line-height: 48px;}

  .log{background-size: 90%;}  

  .tit, .cont, .tx-powermail{padding: 40px 20px;}

  .or{left: -10%;}
  .tx-usertools{padding: 0;}
  ul.navi{padding: 0 20px;}
  .logo.sub .grad {margin-top: 60px;}
  .gwrap{padding: 0 20px;}

  .galtit .gim{display: block; width: 100%;}
  .galtit .con{padding: 5px 10px;}

  .news .news-list-view.list{column-count: 2; column-gap: 15px;}
  .stade{padding-bottom: 50px;}
  .stade .date h2{font-size: 1.4em;}

  .tx-sf-event-mgt form fieldset .pers{column-count: 1;}

}




@media only all and (max-width: 1024px){

    ul.member li{width: 33.3333%;}

    .cont{padding: 40px; background: transparent;}
    .tx-sf-event-mgt{padding: 20px;}
    .event-calendar__weeknumber{display: none!Important;}

}



@media only all and (max-width: 800px){

    ul.member li{width: 50%;}
    .tx-usertools input{width: 100%; box-sizing: border-box; display: block; margin-bottom: 10px;}

    .tx-usertools .f1{column-count: 1;}
    ul.subcont{ column-count: 2; padding: 0 20px;}
    ul.subcont li{margin-bottom: 40px;}

    .cont{padding: 20px;}
    ul.simplefilter li{margin-bottom: 5px;}

    .tx-powermail fieldset.powermail_fieldset{column-count: 1;}
    ul.navi{column-count: 2;}
    .conwr{padding: 0 20px;}
    .gallery a{width: 33.333%;}
    .event-calendar ul.event-calendar__browser.top li a span{display: none;}
    .event-calendar ul.weeks li.event-calendar__days, .event-calendar ul.event-calendar__weekdays li.event-calendar__weeknumber{display: none;}
    .event-calendar ul li{width: 14.28%}
    .event-calendar ul li span{min-height: 60px;}
    .event-calendar ul.weeks li.event-calendar__day span a .bg{display: none;}
    .event-calendar ul.weeks li.event-calendar__day span a .sm{display: block;}
    .event-calendar ul li span{padding: 0; margin: 1px;}
    .reg{column-count: 1;}
    .event-detail-row .event-description p{    flex: 0 0 98%;}
}

@media only all and (max-width: 600px){
    .cont{padding: 0;}
    .event-calendar ul li span .event-calendar__day-event-time{display: none;}
    .event-calendar ul li span img{max-width: 80%;}
    .event-calendar ul li span{min-height: 70px;}
    ul.member li{width: 100%;}
    ul.subcont{ column-count: 1;}
    .cont, ..tx-sf-event-mgt{padding: 10px;}
    .gallery a{width: 50%;}
    .news .news-list-view.list{column-count: 1;}
    .stade .date h2{font-size: 1.0em;}

}