/**************/
/*Defaults*/
/*************/
@font-face { font-family: Helvetica; font-display: swap; }

    #wrappr{
        position: absolute;
        overflow: auto;
            overflow-x:hidden;
        -webkit-overflow-scrolling: touch;
        width: 100%;
        height: 100%;
        top: 0;
        right:0;
        z-index: 80;
    }
    html, body {
        background-color:#322f31;
        overflow : auto;
        margin: 0;
        padding: 0;
        height: 100%;
        text-align:center;
        border: none;
        color:#fff;
        font-size: 0.98em;
        line-height: 1.4em;
        font-family: 'Anybody', sans-serif;
    }
        #halign{
        margin:auto;
        max-width:1480px;
        z-index:15;
        margin-top:0;
    }

      h1, h2, .tlt81 {
      margin:0;
      padding:0;
      display:inline-block;
      font-size:1.1em;

    letter-spacing:0.02em;
    font-weight:500;
    }
    h3, b{
     margin:0;
     padding:0;
    font-size:1.2em;
    font-weight:400;
     line-height:1.3em;
     color: #ed1c24;
    }
    .atr6 h1{
     margin:0;
     padding:0;
    font-size:1.2em;
    font-weight:400;
     line-height:1.3em;
     color: #ed1c24;
    }

    h4 {
        margin: 0;
        margin-bottom:3px;
        padding: 0;
        font-size: 1.2em;
        line-height: 1.3em;
        color:#000;
        font-weight:700;
    }
    .bz5 {
        display:block;
    }
    .bz6 {
        display:none;
    }
    strong{
        letter-spacing:0.035em;
    }
    a {
        color:#fff;
        text-decoration:none;
    }
 .angi{
     font-size:0.8em;
    color: #ed1c24;
    padding-left:3px;
 }

    /*linksec*/

.spac22 {
    margin-top:-4%;
}

.linksec a{
        font-size:0.98em;
        font-weight:500;
        letter-spacing:0.035em;

}
.linksec a:link{

        text-decoration:none;
    }
.linksec a:visited{

    }
.linksec a:hover{

    }
    /*************/
    /* Galerie */
    /*************/
.galerie{
    display:flex;
    width:98%;
    flex-wrap:wrap;
    padding-left:3%

}
.galitem{
   padding:2px;
   width:24%;


}
/*marken banner*/
 .bn534e{
     width:100%;
     text-align:center;
     background:white;
     margin-bottom:4px;
 }
  .bn534e:hover{
      opacity:0.7;
  }
  .text9 ul{
      margin:12px 0 -8px 0;
      padding-left:16px;
  }

    /*************/
    /* FX */
    /*************/
     /*Langsamer rollover bei divs */


    .clear{
        clear:both;
    }
    .ct8{
        -moz-hyphens: auto; /*auto umbruch im Content*/
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        -o-hyphens: auto;
        hyphens: auto;

    }
      .diwa{
        width:120px;
        height:auto;
         opacity:0.9;

    }
    .diwa:hover{
        opacity:0.7;
        transition: opacity .25s ease-in-out;
    }
    a:hover{
        opacity: 0.9;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
    color: #ed1c24;
}

/**************/
/*Init Hamburger*/
/*************/

.header .menu-btn {
    display: none;
}

.header .menu-btn:checked~.menu {
    max-height: 800px;
}

.header .menu-btn:checked~.menu-icon .navicon {
    background: transparent;
}

.header .menu-btn:checked~.menu-icon .navicon:before {
    transform: rotate(-45deg);
}

.header .menu-btn:checked~.menu-icon .navicon:after {
    transform: rotate(45deg);
}

.header .menu-btn:checked~.menu-icon:not(.steps) .navicon:before,
.header .menu-btn:checked~.menu-icon:not(.steps) .navicon:after {
    top: 0;
}

.header .menu {
    position: relative;
    clear: none;
    right: 8%;
    max-height: none;
    z-index: 700;
}

.header .menu-icon {
    display: none;
}


/*************/
/* hmnu */
/*************/

ul.navlist {
    list-style: none;
    list-style: none;
    z-index: 140;
    position: relative;
    width:95%;
    margin-top:0;
    margin-left:5%;
}

ul.navlist li {
    display: inline;
    font-size: 1.15em;
    margin: 0;
    text-decoration: none;
    padding: 1px 6px 1px 6px;
    text-shadow: 1px 3px 6px rgba(255, 255, 255, 0.17);
    margin-right:3%;
    font-weight:500;
}
ul.navlist li:last-child {
    margin-right:0%;
    }


ul.navlist li a {
    color: #fff;
    text-decoration:none;
    opacity: 1;
}


ul.navlist li.active a {
    color: #ed1c24;
    position: relative;

}

ul.navlist li a:hover {
    color: #ed1c24;
    opacity: 0.8;
}
a{
    display:inline-block;
}

.subnav14 {
    display: inline;
    font-size:0.8em;
    margin: 0;
    text-decoration: none;
    padding: 1px 6px 1px 6px;
    text-shadow: 1px 3px 6px rgba(255, 255, 255, 0.17);
    margin-right:-5%;
    font-weight:400;
}

ul.sozr6 li:first-child{
    margin-left:2%;
}





/**************/
/*Content*/
/*************/
.content{

      }
.content img{
    width:100%;
    height:auto;
}
.text9{
    padding-left:3%;
}

/**************/
/*Section*/
/*************/
.section{
    position:relative;
    width:100%;
}
.section_title{
    border: 2px solid #fff;
    text-align:center;
    font-size:1.4em;
    font-weight:600;
    border-left:0;
    border-right:0;
    padding:12px 0 8px 0;
    letter-spacing:0.02em;
    text-shadow: 1px 3px 6px rgba(255, 255, 255, 0.1);
}
.sred{
   border: 2px solid #ed1c24;
   border-left:0;
   border-right:0;
   color:#fff;
   background:#ed1c24;
}



.section_flex, .flxinserat, .flexhead, .ctnflx{
    display:flex;
    width:100%;

}
.section_flexit{
    width:49.5%;
    margin-right:0.5%;
    text-align:left;
}
.section_flexit:nth-child(2){
    width:49.5%;
    margin-left:0.5%;

}
.section_innerflex, .scw4, .inser5{
    display:flex;
    width:100%;
    margin-right:0;

}
.section_innerflexit{
    width:99%;
    margin-right:1%;
    text-align:left;

    /*background:sandybrown; */

}

.section_innerflexit:nth-child(2){
    width:99%;
    margin-left:1%;
    margin-right:0;
    /*background:mistyrose; */
}
.text9 a:link{
    color:#ed1c24;
}
.text9 a:hover{
    color:#fff;
}
.text9 a:visited{
    color:#ed1c24;
}

/**************/
/*Section head*/
/*************/
.head{
    width:100%;
    margin:0;
}
.tmp76 {
    width:14%;
    z-index:80;
    background:transparent;
}
.tmp76:nth-child(2) {
    z-index:20;
    padding-left:3%;
    background:transparent;

}
.pic7, .video8{
    margin-bottom:-8px;
    width:100%;
    height:91%;
    object-fit: cover;

}

.nopad7{
    margin-top:0;
}

.swht{
    background:#fff;

}



/**************************/
/* Oeffnungszeiten */
/**************************/

 .bto2{
    padding: 10px 8px;
    border: 1px solid #fff;
    font-size:0.95em;
     z-index:90;
}

.bto1{
    background:#ed1c24;
    font-size:0.8em;
}
.bto0{
    background:#40ae49;

}

.bto2 a:link{
    color:white;
    text-decoration: none;
    font-weight:400;
    display:inline;
}
.bto2 a:visited{
    color:white;
}
.bto2 a:hover{
    color:white;
    opacity:0.7;
}

#g1 a:link{
    color:black;
}
#g1 a:visited{
    color:black;
}
#g1 a:hover{
    color:black;
    opacity:0.7;
}

/**************/
/*Template*/
/*************/
.template{
    padding:1.5% 0 18px 0;
    }
.cent{
    text-align:center;
}
.pda3{
    padding:1.7% 0 0 0;
}

.lgi{
    font-size:0.84em;
}
.logo{
    padding:3.5% 0 10px 0;
    width:100%;
    height:auto;
    max-width:371px;

}



.zsa4{
    display:none;
}

.swbx1{
    border: 1px solid #000;
    background: #fefefe;
    color: #000;
    margin-bottom:22px;
}
.swbx1 div{
    padding:12px 8px 0 25px;
}

.swbx1 div:last-child{
  text-align:right;
  margin-bottom:12px;
  color:#fc0a13;
  font-weight:700;
  font-size:0.8em;
}
.swbx1 img{
    width:100%;
    height: auto;

   }
.swbx1 .claim7 {
    font-size: 1.4em;
    line-height:1.4em;
    margin-top:-15px;
}
.pre5{
    font-size:0.9em;
    padding:4px 0 0 24px;
}

.swbx1 h3,.swbx1 b{
    padding:0;
    margin:0;
    margin:0 0 24px 0;
    font-size: 1.8em;
    line-height:1.5em;
}
.swbx1 a{
    color:#000;
}
.swbx1 a:hover{
    opacity:0.7;
    }

/**************************/
/* social wall fb-ersatz */
/**************************/
 .scw4{
     height:100%;
     max-height:828px;
 }
 .scw4 .section_innerflexit:nth-child(2){
     background:white;
     overflow:auto;
 }

.swhead{
  background:#fc0a13;
  margin-bottom:3%;
}
.swhead img{
    width:100%;
    height:auto;
    padding-top:3px;

}
.swhead img:nth-child(2){
    width:63%;
    vertical-align:top;
    margin:2.5% 0 0 6%;
}
.swbx2{
    width:93%;
    border:0;
    margin:auto;
    margin-bottom:12px;
    font-size:0.8em;
    font-weight:400;
    color:#000;
    background:#f8f8f8;
    padding:2% 2% 4% 2%;
}
.swbx2 .claim17{
    font-size:1.1em;
    font-weight:700;
}

.swbx2 img{
    width:100%;
    height:auto;
    display:block;
}
.ct5{
    margin:0px 0px 16px 0px;
}
.claim17{
    font-size:1.2em;
    font-weight:500;
     line-height:1.3em;
}
.lnkzone{
    width:100%;
    margin:12px 0 0 0;
    display: flex;
    font-size:1.8em;
    border-top:1px solid #efeeee;

    }
.lnkzone a{
    color:#90949c;
    padding:10px 16px 0 2px;
}
.offlnk{
    color:#90949c;
    padding:10px 16px 0 2px;
    opacity:0.2;
}
.lnkzone a:hover{
    opacity:0.6;
    color:#fc0a13;
}
.time3{
    font-style:inherit;
    font-size:0.4em;
    padding-top:3.2%;
    color:#90949c;
    font-weight:700;
    font-family: 'Roboto', sans-serif;
}
.flexbx{
    margin-top:-24px;
   display: flex;
   flex-wrap:wrap;

    justify-content:center;
}
.lnksec2{
    border: 1px solid #000;
    margin:0 6px 12px 6px;
    color:#000;
    padding:12px;
    font-size:small;
}

.lnksec2:hover{
    opacity:0.7;
    background:#fc0a13;
    color:#fff;

    }
/**************************/
/* Info Board */
/**************************/
.infoflex {
    display:flex;
    height:100%;
    max-height:100%;
    flex-direction:column;
    align-items:flex-start;
    overflow:hidden;
}
.infoflexit{
    width:100%;
    flex:1;
    max-height:71.3%;
}
.infoflexit:nth-child(1){
     overflow-y:auto;

}
.infoflexit div{
    padding:12px;
}
.infoflexit:nth-child(2){
    flex:none;
    text-align:center;
    padding:0;
}



.spz42{
    margin-bottom:-18px;
}

.infoflexit div a{
   text-decoration:none;
   color:#fff;
   padding:0;

}

.marken{
    width:100%;
    height:auto;
    margin-bottom:-12px;
}
.red3{
    color:#ed1c24;
    margin:7px 0 4px  0;
}
.infoflex .section_title{
    padding-bottom:8px;
   }


/**************************/
/* Content */
/**************************/

.spz61{
   margin:36px 0 0 0;
   padding:0;
}
.wht53{
    background:#fff;
    color:#000;

}

.tli7{
    margin-bottom:20px;
}
.preti{
    font-size:0.95em;
    padding:24px 14px 4px 14px;
     text-shadow: 5px 3px 6px rgba(0, 0, 0, 0.1);
}
.mti{
    font-size:1.3em;
    line-height:1.3em;
    padding:24px 14px 16px 14px;
     text-shadow: 5px 3px 6px rgba(0, 0, 0, 0.1);
     font-weight:600;
}
.txt6, .txt5{
    padding:16px 36px 36px 14px;
}

.wht53 a{
    text-decoration:0;
    color:#000;
}
.atr5{
    font-size:1.2em;
    line-height:1.4em;
    letter-spacing:0.02em;
}
/**************************
Inserat /Team / Aktionen
**************************/
.flexins{
   display:flex;
   flex-wrap:wrap;
   width:100%;
   text-align:left;
   margin-bottom:3%;
}
.flexitins{
    width:24.48%;
    margin-right:0.65%;
    margin-bottom:0.75%;
    background:white;
    color:#000;
}
.flexitins:nth-child(4n){

   margin-right:0;
}

.flexitins a{
    color:#000;
}
.mhgt{
    min-height:90px; /*team  */
}
.mhgt1{
    min-height:70px; /*inserate  */
}

/**************************/
/* tabelle */
/**************************/
.cortable{
    padding:0 0 12px 12px;
}

.tble{
    margin:auto;
   color:#000;
   width:100%;
}
table{
    margin:auto;
    margin-bottom:4%;
    width:100%;
}

tr{
    background:#eaedef;
    color:#000;
   text-align:left;
   vertical-align:middle;
   font-size: 0.6em;
   line-height:1.5em;
   font-weight:500;
}
td{
    padding:8px;
}

.cen4{
    text-align:center;
}
tr:nth-child(1){
    font-weight:700;
}

.tble td:nth-child(6n){
    text-align:center;
}
.ar5{
    color:green;
    width:100%;
    text-align:center;
}
.ar6{
    width:100%;
    text-align:center;
}

/**************************/
/* Footer */
/**************************/
  .footer{
    background: #ff3333;
    padding:14px 0 0 0;
    margin-top:2%;
    font-size:0.8em;
  }
 .footer a{
     text-decoration:none;
 }

.flexbx7{
   margin:auto;
   display: flex;
   background:#fff;
   justify-content:space-between;
   padding: 34px 32px 20px 42px;
   margin-bottom:62px;
}
.flxit7{
    width:320px;
    text-align:left;
}
.flxit7 img{
    width:100%;
    height: auto;
   }
.flxit7:hover{
    opacity:0.7;
    }
.flbox1 {
    float:left;
    padding-left:4%;
    text-align:left;
    font-size:1.4em;
    line-height:1.4em;
    letter-spacing:-0.03em;
    color:#333333;
}
.flbox1 span{
    color:#333333;
}

.flbox1:nth-child(2) {
    margin:0 4% 0 10px;
}
.flbox1:nth-child(3) {
    margin:0 4% 0 10px;
}
.flbox2 {
    position:relative ;
   float:right;
   margin-right:9%;
   margin-top:-2%;
   font-size:1.4em;

}
.flbox2 a{
    color:#fff;
}
.flbox2 a:hover{
    opacity:0.7;
}
.fbox4{

  font-size:1.4em;
    line-height:1.4em;
    color:#333333;
    font-weight:700;
    margin-top:1.3%;

}

.ftl9{
    font-size:2.8em;
   padding-bottom:12px;
   color:#f1f1f1;

}
@media screen and (max-width: 1500px) {
    body {
     /*background:green;   //*testfarbe ab hier film ok */
    }
    .swc7{
        max-height:100px;
   }
   .pic7, .video8{
    width:100%;
    height:100%;
    object-fit: cover;

}
.logo{
    padding:3.4% 0 10px 0;
    }
}/*end*/
@media screen and (max-width: 1414px) {
ul.navlist {
    width:98%;
    margin-left:2%;
}
ul.navlist li {;
    font-size: 1.15em;
    margin-right:2%;
}
.subnav14 {
    margin-right:-4%;
}
.logo{
    padding:3.2% 0 10px 0;
    }

}/*end*/
@media screen and (max-width: 1377px) {
.mrg5{
    margin-top:-3.5%;
}
}/*end*/
@media screen and (max-width: 1332px) {

ul.navlist li {;
    font-size: 1.15em;
    margin-right:1%;
}
.subnav14 {
    margin-right:-3%;
}
.logo{
    padding:2.9% 0 10px 0;
    }
}/*end*/

@media screen and (max-width: 1307px) {
    body {
        /*background:#003300;   //*testfarbe */
    }
ul.navlist li {
    display: inline;
    font-size: 1em;
 }
 .spz42{
    font-size:0.78em;
}
.inser5{
    font-size:0.95em;
    align-items: stretch;
    height:100%;
}
.mrg5{
    margin-top:0;
    padding:0;
}

.mti{
    font-size:1.2em;
}
.txt6{
    padding:16px 16px 36px 14px;
}
.flbox1:nth-child(4) {

    width:100%;
    margin:24px 0 0 12px;
}
.flbox2{
    margin-top:-24%;
}
.logo{
    padding:2.5% 0 10px 0;
    }




}/*end*/
@media screen and (max-width: 1245px) {
  .mrg5{
    margin-top:-3.5%;
}
}/*end*/

@media screen and (max-width: 1163px) {
    body {
       /* background:#330033;   //*testfarbe */
    }
   .hide5{
      display:none;
   }
   .infoflexit{
    width:100%;
    flex:1;
    max-height:91.3%;
}
.infoflexit:nth-child(2){
    background:white;
}
.mti{
   font-size:1.1em;
}

.marken{
    max-width:230px;
}
}/*end*/
@media screen and (max-width: 1140px) {

ul.navlist li {;

    margin-right:0%;
}
.subnav14 {
    margin-right:-2%;
}

}/*end*/
@media screen and (max-width: 1112px) {
    body {
      /* background:#330000;   //*testfarbe */
    }
  .spcins{
    margin-top:78.5%;
    margin-bottom:5%;
}
.bgh6{
    background:white;
}
 /**************/
/*Init Hamburger*/
/*************/

      .header .menu-btn {
        display: none;
    }

    .header .menu-btn:checked ~ .menu {
        max-height: 800px;
    }

    .header .menu-btn:checked ~ .menu-icon .navicon {
        background: transparent;
    }

    .header .menu-btn:checked ~ .menu-icon .navicon:before {
        transform: rotate(-45deg);
    }

    .header .menu-btn:checked ~ .menu-icon .navicon:after {
        transform: rotate(45deg);
    }

    .header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
    .header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
        top: 0;
    }
        .header .menu {
            position:absolute;
            clear: none;
            right:8%;
            max-height: none;
            width:50%;
            z-index:700;
    }
        .header .menu-icon {
            display: none;
        }

    /* header */
 .header .menu {
            right:auto;
            top:12px;
 }

.header {
    position:absolute;
    right:0%;             /*Position Menue und Hamburger zum Logo*/
    margin-top:-0.75%;
    z-index:99999;
    width:35%;
}

.header ul {
    padding: 0;
    list-style: none;
    overflow: hidden;
}

ul.navlist
{
    display: inherit;
    z-index:99999;
     background:rgba(33, 33, 33, 1);
    webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.7);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.7);
    box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.7);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    min-width:320px;
    margin:8% 0 0 18.9%;

}


ul.navlist li
{
    display: block;
    font-size:1.4em;
    line-height:2.1em;
    text-align:left;
    padding-left:7%;
    /*border-bottom:1px solid #b8b7b8;*/
}
.subnav14{
    font-size:1em;
    padding-left:0;
    margin-left:0;
}
ul.navlist li:first-child{
    padding-top:24px;
}
ul.navlist li:last-child{
    padding-bottom:24px;
}

.sozr6{
    display:none;

}




ul.navlist li a:link{
    font-weight:400;
    color:#fff;
    text-decoration:none;

}
ul.navlist li a:hover{
    color:#000;
    text-decoration:none;
    opacity:0.6;
}
ul.navlist li a:visited{
    color:#fff;
    text-decoration:none;
}


/* menu */

    .header .menu {
    clear: both;
    max-height: 0;
    transition: max-height .2s ease-out;
}

/* menu icon */

.header .menu-icon {

    cursor: pointer;
    display: inline-block;
    float: right;
    padding: 14px 5.8%;
    position: relative;
    user-select: none;
}

.header .menu-icon .navicon {
    background: #fff;
    display: block;
    height: 4px;
    position: relative;
    transition: background .2s ease-out;
    width: 24px;
}

.header .menu-icon .navicon:before,
.header .menu-icon .navicon:after {
    background: #fff;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transition: all .2s ease-out;
    width: 100%;
}

.header .menu-icon .navicon:before {
    top: 8px;
}

.header .menu-icon .navicon:after {
    top: -8px;
}

/*hamburger end*/
.tmp76 {
    margin-left:2%;
}

/*Head infoboard | Sc Wall*/

.scw4 {
flex-direction: column-reverse;
flex-wrap:wrap;
max-height:100%;
}
 .scw4 .section_innerflexit:nth-child(1){
    position:absolute;
    top:111.5%;
    left:0;
     }
 .scw4 .section_innerflexit:nth-child(2){
 position:absolute;
 flex:inherit;
 width:48%;
 top:0;
 height:100%;
 }
 .infoflexit{
     max-height:100%;
 }

 .infbrd{
     height:108%;
     font-size:1.3em;
 }
 .infoflexit:nth-child(2){
    background:transparent;
}
 .hide5{
      display:block;
   }
  .corr88 {
      font-size:1.2em;
      font-weight:500;
  }

  .marken{
    max-width:359px;
}

/*Head end*/
.logo{
    padding:1.8% 0 10px 0;
    }




.mti{
   font-size:1.4em;

}
/**************************
Inserat /Team / Aktionen
**************************/
.flexins{
  flex-wrap:wrap;

}
.flexitins{
    width:49.35%;
    margin-right:0.65%;
    margin-bottom:2%;
    background:white;
    color:#000;
}
/*content*/
.ctnflx {
    flex-wrap:wrap;
}
.ctnflx .section_flexit  {
    width:99%;
    padding-left:0.5%;
    margin-bottom: 36px;
}
table{
    margin-top:24px;
    width:97%;
}


/*content end*/

}/*end*/
@media screen and (max-width: 1100px) {
    body {
       /*background:#3366cc;  */
    }
.lgi{

    text-align:left;
    padding-left:16px;
}



.logo{
    min-width:97%;
}



}/*end*/
@media screen and (max-width: 987px) {
    body {
       /* background:#003300;  */

    }
 .bgh6 img{
    margin-top:-3%;
 }

 .infbrd{
     height:608px;
     font-size:1.3em;
 }
 .infbrd .infoflex .infoflexit:nth-of-type(1){
   min-height:350px;
 }
  .infbrd .infoflex .infoflexit:nth-of-type(2){

 }
  .spcins{
     position:relative;
    margin-top:76.5%;
}

.corr8134{
    position:relative;
}

}/*end*/

@media screen and (max-width: 959px) {
    body {
     /*   background:#333300;   //*testfarbe */
    }
  .spcins{
    margin-top:79.5%;
}

}/*end*/
@media screen and (max-width: 925px) {
    body {
     /*   background:#663399;   //*testfarbe  */
    }
  .spcins{
    margin-top:82.5%;
}
.logo{
    max-width:320px;
    padding:1.8% 0 10px 0;
    }

}/*end*/
@media screen and (max-width: 885px) {
    body {
     /* background:#663333;   //*testfarbe */
    }
  .spcins{
    margin-top:0;
}
#halign{
    margin-top:5%;
}

.header {
    margin-top:-2%;
}
.bto2{
   position:relative;
   top:0;
   right:0;
}

.lgi{
    text-align:center;
}
.logo{
    max-width:380px;
    margin-left:0;
    padding:0.5% 0 10px 0;
}
.template{
    margin-bottom:-0;
}
.content .section_flex{
    flex-wrap:wrap;
   /* background:blue; */
}
.content .section_flex .section_flexit{
    width:100%;
    /*background:lime;  */
}

.pic7, .video8{
    padding:0 0.5% 0 0.5%;
    width:99%;
    height:auto;


}
.scw4{
    display:block;
   height:auto;
   /*background:cyan;  */
   margin-top:4%;

 }
 .spz42{
    margin-bottom:0;
}
.corr88 {
    margin-top:4%;
    }
.spo3{
    position:relative;

    z-index:987;
}

.scw4 .section_innerflexit:nth-child(1){
    position:relative;
    top:0;
    left:0;
    height:auto;
    margin-bottom:8%;

}
 .scw4 .section_innerflexit:nth-child(2){
 position:relative;
 width:95%;
 top:0;
 left:0;
 margin:0 1% 8% 0;
 height:2180px;
 }
.hide5{
    display:block;
}

}/*end*/
@media screen and (max-width: 790px) {
    body {
      /*background:grey;   //*testfarbe  */
    }

ul.navlist
{
    margin:8% 0 0 10.9%;
}
ul.navlist li
{
   font-size:1.2em;
}

}/*end*/
@media screen and (max-width: 765px) {             /*ipad gross */
    body {
     /* background:#cc3399;   //*testfarbe  */
    }

.logo{
    max-width:280px;
    }
.mti{
    font-size:1.2em;
    line-height:1.3em;
}

}/*end*/

@media screen and (max-width: 691px) {
    body {
       /*background:#333366;   //*testfarbe  */
    }
.mti{
    font-size:1.1em;

}
.bto2 {
    font-size: 0.75em;
    margin-left:18px;
}
ul.navlist
{
    margin:13% 0 0 -16%;
}
ul.navlist li
{
   font-size:1.2em;
}

.logo{
    max-width:320px;
    padding:0.5% 0 10px 0;
}
 table{
     font-size:0.8em;
 }
td{
    padding:4px;
}
.flbox2{
    margin-top:-35%;
}
.flbox1:nth-child(2) {
    margin:0 4% 24px 10px;
}
/**************************
Inserat /Team / Aktionen
**************************/
.flexins{
  flex-wrap:wrap;

}
.flexitins{
    width:100%;
    margin:0 2% 3% 2%;
    background:white;
    color:#000;
}
.flexitins:nth-child(4n){
    margin-right:2%;
}

}/*end*/
@media screen and (max-width: 531px) {
    body {
     /* background:#123215;   //*testfarbe  */
    }
ul.navlist
{
    margin:13% 0 0 -22%;
}
ul.navlist li
{
   font-size:1.1em;
}
.logo{

    min-width:60px;
    max-width:260px;
}
.bto2 {
    font-size: 0.65em;
    margin-left:18px;
}
 h1, h2, .tlt81 {
     line-height:1.4em;
     }
 .pic7, .video8{
    margin-bottom:20px;
}
.flbox2{
    margin-top:-85%;

}

}/*end*/
@media screen and (max-width: 488px) {
    body {
    /*background:#421a49;   //*testfarbe  */
    }

.galitem{
   padding:2px;
   width:47%;
}



}/*end*/
@media screen and (max-width: 414px) {
    body {
       /*background:#663333;   //*testfarbe  */
    }

.logo{
 width:240px;
 padding-top:2px;
}
.bto2 {
    font-size: 0.65em;
    margin-left:64px;
}
ul.navlist
{
    margin:13% 0 0 -46%;
}
ul.navlist li
{
   font-size:1.1em;
}
.text9{
    padding-right:13px;
}
.flbox2  {
    margin-top:-95%;
}
 table{
     font-size:0.65em;
 }
    .pic7, .video8{
    object-fit: inherit;
    width:100%;
    height:100%;

}
.scw4 .section_innerflexit:nth-child(1){
    margin-top:36px;

}


}/*end*/
@media screen and (max-width: 375px) {
    body {
       /* background:#003366;   //*testfarbe  */
    }


ul.navlist
{
    margin:18% 0 0 -63%;
}
.logo{
 width:210px;
}
.flbox2  {
    margin-top:-105%;
}



}/*end*/

/*************************************
Shoplink
*************************************/

.flexitins img.shop-velo-pik{
    position:absolute;
    right:18px;
    bottom:18px;
    width:42px !important;
    max-width:42px !important;
    height:42px !important;
    object-fit:contain;
    display:block;
    border-radius:8px;
}

.resident-shoplink{
    position:fixed;
    right:42px;
    top:34%;
    z-index:9999;

    width:50px;
    height:50px;

    display:flex;
    align-items:center;
    justify-content:center;

    background:#e30613;
    border-radius:4px;
    box-shadow:0 3px 10px rgba(0,0,0,.25);
}

.resident-shoplink img{
    width:36px;
    height:36px;
    display:block;
}

.resident-shoplink:hover{
    transform:scale(1.06);
}

@media screen and (max-width: 885px){
    .resident-shoplink{
        right:16px;
        top:auto;
        bottom:24px;
        width:48px;
        height:48px;
    }

    .resident-shoplink img{
        width:34px;
        height:34px;
    }
}