/* code für allgemeines Seitenlayout */
/* Unionsrot: #E31E24  / Unionsgruen: #009846 */

/*global elements*/

body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 2.5vh;
}
a {
    color: rgb(1, 56, 1);
    text-decoration: underline;
    font-weight: bold;
}
a:visited {color: #009846;}
a:hover {color: #e31e24;}
.sectionheadertext {font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; font-size: larger; font-weight: bolder;padding-left: 20px;}
h1 {font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; font-size: larger; font-weight: bolder;padding-left: 20px;}
h2 {padding-left: 30px; font-weight: bold; font-style:italic; border-top: #009846 solid 1px; padding-top: 10px; text-align: left; padding-right: 30px;}

/*headermenu*/
.naviheaderbuutoner {
    position: relative;
  display: inline-block;
}
.naviheaderbuutoner1 {
    position: relative;
  display: inline-block;
}
.naviheaderbuutoner2 {
    position: relative;
  display: inline-block;
}
.bogmen {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  border:#000000 solid 1px;
  text-align: left;
  z-index: 1;
}
.bogmen1 {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    border:#000000 solid 1px;
    text-align: left;
    z-index: 1;
  }
.bogmen2 {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    border:#000000 solid 1px;
    text-align: left;
    z-index: 1;
  }
.bogmen a {
    padding: 12px 16px;
    display: block;
  }
.bogmen1 a {
    padding: 12px 16px;
    display: block;
  }
.bogmen2 a {
    padding: 12px 16px;
    display: block;
  }
.naviheaderbuutoner:hover .bogmen {display: block;}
.naviheaderbuutoner1:hover .bogmen1 {display: block;}
.naviheaderbuutoner2:hover .bogmen2 {display: block;}
/*footer*/
footer {
    display: flex; 
    height: 380px;
    background-color: #4e4e4e;
    border-top:#009846 solid 10px;
    color: #ffffff;
    overflow: hidden;
}
#footerkontakt {
    flex: 1;
    margin: 10px 100px 10px 50px;
    padding: 0px 10px 3px 10px;
}
#footertraining {
    flex: 1;
    margin: 10px 50px 10px 50px;
    padding: 0px 10px 3px 10px;
}
#footermenu {
    flex: 1;
    margin: 10px 50px 10px 100px;
    padding: 0px 10px 3px 10px;
}
#footernav li {display: block;}
#footernav a {color:#ffffff; font-size:2vh;}
#footernav a:hover {color:#e31e24; font-size:2vh;}
.footertiteltext {font-weight: bold;}
.footertext {font-size:2vh;}
.footertext1 {font-size:2vh; font-weight: bold;}

/*bsheader*/
header {
    display: flex;
    height:100px;
    position: sticky;
	top: 0;
	left: 0;
	right: 0;
    z-index: 9000;
    background-color: #ffffff;
    border-bottom: #e31e24 solid 1px;
}
#bsheader {
    flex: 5;
    padding: 2px;
}
#bslogoimg {
    height:90px;
    padding: 2px;
    position: relative;
    top:0px;
    left:0px;
}
#bsheadertext {
    position: relative;
    left:93px;
    top:-80px;
    padding: 2px;
    width: 250px;
}
#bslogoz1 {
    text-align: center;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 14px;
}
#bslogoz2 {
     text-align: center;
     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
     font-size: 24px;
     font-style: italic;
     color:black;
}
/*#navihead li {
    float:right;
    padding-right: 10px;
    display:block;
}*/
#navidesk li {padding-left: 40px;}
/*#navihead a {text-decoration: none;}*/

/*Brotkrume*/
#bready {
    background-color: #f2f2f2;
    padding: 4px;
    font-family: 'Courier New', Courier, monospace;
    font-size: 14px;
    font-weight: bold;
}
#versionsticker {
    display: inline-block;
    position: absolute;
    right: 20px;
    z-index: 15487;
}

/*Indexbild*/
#indexbild {
    overflow: hidden;
    position:relative;
}
#powerlink1 {
    position:absolute;
    display: inline-block;
    top: 30%;
    left: 0px;
    width: 200px;
    height: 35px;
    z-index: 5;
    background-color: #004721;
    border: #ffffff solid 4px;
    padding: 10px;
    text-align: center;
    margin: 4px;
    cursor: pointer;
    border-bottom-right-radius: 16px;
    border-top-right-radius: 16px;
}
#powerlink1 a {color:#ffffff; text-decoration: none;}
#powerlink1:hover {background-color: rgb(0, 126, 7,5);}
#powerlink1:hover a {color:#000000; text-decoration: underline;}
#powerlink2 {
    position:absolute;
    display: inline-block;
    overflow: hidden;
    top: 25%;
    right: 0px;
    width: 220px;
    height: 130px;
    z-index: 5;
    background-color: #004721;
    border: #ffffff solid 4px;
    padding: 10px;
    text-align: left;
    margin: 4px;
    cursor: pointer;
    border-bottom-left-radius: 16px;
    border-top-left-radius: 16px;
}
.powerlink2btn {
    background-color: rgb(0, 71, 33,0);
    border: none;
    color: #ffffff;
    display: block;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: bold;
    font-size: 2.5vh;
    padding: 15px;
    width: 100%;
    text-align: left;
}
#pwli2bt1:hover {color:#000000; text-decoration: underline;}
#pwli2bt2:hover {color:#000000; text-decoration: underline;}
#powerlink2:hover {background-color: rgb(0, 126, 7,5);}
#indextrenner {width: 100%; height: 30px; border-bottom: #e31e24 solid 1px;}
.indextrenner {width: 100%; height: 30px; border-bottom: #e31e24 solid 1px;}
#indextrenner1 {width: 100%; height: 30px; border-top: #e31e24 solid 1px;}
#indextrenner2 {width: 100%; height: 2px; border-top: #009846 solid 1px; margin-top:20px;}

/*Indexnav in the middle of the screen*/
#indexnav1ul li {padding-right: 100px; display:inline;}
#indexnav1ul {text-align: center;}
#indexnav1 {border-bottom: #e31e24 solid 1px;}
#indexbildkontakt {
    display: none;
    position: absolute;
    right:160px;
    top:130px;
    z-index: 78;
    background-color: #4e4e4e;
    color: #ffffff;
    border-radius: 25px;
    border:#e31e24 solid 2px;
    margin: 10px 100px 10px 50px;
    padding: 0px 10px 3px 10px;
}
#indexbildzeiten {
    display: none;
    position: absolute;
    right:160px;
    top:130px;
    z-index: 78;
    background-color: #4e4e4e;
    color: #ffffff;
    border-radius: 25px;
    border:#e31e24 solid 2px;
    margin: 10px 100px 10px 50px;
    padding: 0px 10px 3px 10px;
}

/*back to top button*/
#backtoppy {
    display: none;
    position: fixed;
    /*height: 40px;*/
    bottom: 90px;
    right: 30px;
    z-index: 99;
    font-size: 40px;
    border: none;
    outline: none;
    background-color: #e31e24;
    color: white;
    cursor: pointer;
    padding: 0pc 10px 0px 10px;
    margin: 3px;
    border-radius: 10px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.69);
  }
  
  #backtoppy:hover {
    background-color: #009846;
  }

#gruender {
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    font-weight: bolder;
    text-align: center;
    width: 100%;
    background-color:#009846;
    color: #f2f2f2;
    padding: 3px;
}

/*Lesebereich navigation*/
.bognavi {text-align: center;}
.bognavi a {margin-left: 15px; margin-right: 15px;}

/*Galerie*/
.bilderschaupresse {display: flex;}
.bilderschau {display: flex;}
.bilderschau img {width: 100%;}
.bilderschaupresse img {width: 100%;}
.galeriethemetop {font-size: large; font-weight: bold;}
.galnavi {text-align: center;}
.galnavi a {padding-left: 5px; padding-right: 5px;}

/*Footer navi menu*/
#footermobilenav {display: none;}
#footermobilenavopener {display: none;}
.footimobnabtn {display: none;}

/*News*/
.newstitletext {padding-left: 30px; font-weight: bold; font-style:italic; border-top: #009846 solid 1px; padding-top: 10px; text-align: left; padding-right: 30px;}
.newstext {padding-left: 30px; text-align: left; padding-right: 30px;}
/*Versionslisten*/
.versionshistorieliste {padding-left: 80px; padding-right: 30px;}

/*WKO*/
/*.wkosection1 {}*/
.wkosection2 {background-color: #f2f2f2; margin-top: 40px; padding-top: 40px; margin-bottom: 40px; padding-bottom: 40px;}
.wkoresulttext {padding-left: 30px; text-align: left; padding-right: 30px; background-color: cornsilk; font-size: large; font-weight: bold; font-style: italic;}
.wkobtn {
    background-color: rgba(255, 255, 255, 1);
    border: #e31e24 solid 1px;
    border-radius: 25px;
    color: #e31e24;
    display: inline-block;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: bold;
    cursor:pointer;
    font-size:large;
    padding: 15px;
    margin:5px;
    /*width: 100%;*/
    text-align: center;
}
.wkobtn:hover {background-color: rgba(25, 99, 7, 0.2);}
.wkoformer {
    margin-left: 40px;
    padding-bottom: 10px;
}
.wkoformer select {
    margin: 5px;
    padding: 5px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: medium;
    color: #e31e24;
    border-color: #e31e24;
    font-style: italic;
    border-radius: 10px;
}
.wkoformer select:hover {background-color: rgba(25, 99, 7, 0.2);}
.wkoformer input {
    margin: 5px;
    padding: 5px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: medium;
    color: #e31e24;
    border-color: #e31e24;
    font-style: italic;
    border-radius: 10px;
}
.wkoformer input:hover {background-color: rgba(25, 99, 7, 0.2);}

/*Checkliste*/
/*.wkosectioncheck {overflow: hidden;}*/
/*#unionschecki {}*/
/*.unionchecklistenrow::after {display: inline-block; width: 100%;}*/
.unionchecklistenrow::after {
    content: "";
    display: table;
    clear: both;
}
.checksec {
  float: left;
  width: 45%;
  padding: 10px;
}
.checkbtn {
    background-color: rgba(193, 238, 214, 0);
    border: #e31e24 solid 1px;
    border-radius: 25px;
    color: #e31e24;
    display: inline-block;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: bold;
    cursor:pointer;
    font-size:large;
    padding: 15px;
    margin:5px;
    /*width: 100%;*/
    text-align: center;
}
.checkbtn:hover {background-color: rgba(25, 99, 7, 0.2);}

/*Trivia*/
.triviasection {
    padding: 25px;
    margin: 15px;
    border: #009846 solid 1px;
    border-radius: 15px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.69);
    display:inline-flex;
}
.triviasection1 {
    padding: 25px;
    margin: 15px;
    border: #009846 solid 1px;
    border-radius: 15px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.69);
}
.sliderbows {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 15px;
    border-radius: 5px;
    background: #d3d3d3;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
  }
.sliderbows:hover {
    opacity: 1;
  }
.sliderbows::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #009846;
    cursor: pointer;
  }
.sliderbows::-moz-range-thumb {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #009846;
    cursor: pointer;
  }


/*Main top menu*/
.overlay {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 155555;
    top: 0;
    right: 0;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0, 0.9);
    overflow-x: hidden;
    transition: 0.5s;
  }  
  .overlay-content {
    position: relative;
    top: 10%;
    width: 100%;
    text-align: center;
    margin-top: 30px;
  }  
  .overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 26px;
    color: #818181;
    display: block;
    transition: 0.3s;
  }  
  .overlay a:hover, .overlay a:focus {
    color: #f1f1f1;
  }  
  .overlay .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
  }
  .openbtn {
    font-size: 2.5vh;
    cursor: pointer;
    background-color: #ffffff;
    font-weight: bold;
    color: #009846;
   /*position:absolute;
   right: 0px;*/
    border: none;
  }
  #navimob {flex:1; text-align: right; position:relative; top:25%;}
  #navihead {flex:5; text-align: right; position:relative; top:25%;}
  .openbtn:hover {
    color:#E31E24;
  }

  /*Lesebereich*/
  .lesebereich {background-color: #f1f1f1; padding-top:10px; padding-bottom: 10px;}

  /*Terminseiten*/
  .terminkasten {
    width:80%;
    background-color: #f2f2f2;
    border: #000000 solid 1px;
    border-radius: 15px;
    border-top: #000000 solid 5px;
    padding: 10px;
    margin: 10px 10px 10px 150px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.69);
  }
  .terminkastendone {
    width:80%;
    background-color: #555555;
    color: #f1f1f1;
    border: #000000 solid 1px;
    border-radius: 15px;
    border-top: #000000 solid 5px;
    padding: 10px;
    margin: 10px 10px 10px 150px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.69);
  }
  .terminkastendate {font-weight: bolder;}
  .termindiffer {background-color: rgba(134, 207, 168, 0.4); font-style: italic; color: #000000; padding:5px;}

  /*Wettkampfergebnisse*/
  .jahrestab {display: block; overflow-x:auto; width: 96%; padding:20px 20px 20px 20px; margin: 50px 20px 20px 20px; border:#009846 solid 1px; border-radius: 25px;}
  .teltabheader {border-width: 0px; font-weight:bold; font-style:italic; text-decoration: underline;}
  .teltabheader2 {border-width: 0px; font-weight:bold; font-style:italic; text-align: center;}
  .teltabimg {width: 50px; text-align:center;}
  .platzierung {text-align: center;}
  .rangefinder {width: 155px;}
  .teltabkat {text-align: left; width: 300px;}
  .rangedecider {text-align: center; width: 50px;}
  .teltab2 {background-color: #f2f2f2;}

  /*neue Wettkampfergebnisseite*/
      #yearchooser {
    color: rgb(1, 56, 1);
    font-size:larger;
    font-weight: bolder;
    border: rgb(1,56,1) solid 1px;
    border-radius: 25px;
    width:20%;
    text-align: center;
    }
        .rangliste {
      padding: 1rem;
      overflow-x: auto;
    }

    .ranglistentabelle {
      width: 95%;
      border-collapse: collapse;
      font-family: sans-serif;
    }

    .ranglistentabelle th,
    .ranglistentabelle td {
      border: 1px solid #ccc;
      padding: 0.5rem;
      text-align: center;
    }

    .ranglistentabelle th {
      background-color: #f5f5f5;
    }

    .ranglistentabelle img {
      border-radius: 50%;
    }

    .platz-1 {
      background-color: #fceb005d;
      font-weight: bold;
    }
    .platz-2 {
      background-color: #c5cac662;
      font-weight: bold;
    }
    .platz-3 {
      background-color: #976a0860;
      font-weight: bold;
    }

    #turnier-title {
      color: rgb(1, 56, 1);
    font-size:large;
    font-weight: bolder;
    }

  /*med spiegel*/
  #horst {padding: 20px 20px 20px 37%; margin: 20px;}
  #horst th {width: 100px;}
  #horst th img {width: 100%;}
  #horst td {width: 100px; text-align: center; border:#d1d1d1 solid 1px; font-style: italic;}
  .horstjahr {font-weight: bold; font-style: normal;}

/* Responsive layout - Medium devices (landscape tablets, 768px and up) */
@media screen and (min-width: 601px) and (max-width: 768px) {
    body {
        font-size: 2.5vh;
    }
    #indexbild {display: none;}
    #bsheader {
        flex: 3;
    }
    .openbtn {font-size: 2.5vh;}
    #bslogoimg {
        height:65px;
    }
    #bsheadertext {
        width: 180px;
        left: 74px;
        top: -65px;
    }
    #bslogoz1 {
        font-size: 11px;
    }
    #bslogoz2 {
        font-size: 16px;
    }
    #navidesk {
        display:none;
    }
    #indexnav1ul li {display:block; padding-bottom: 10px;}
    
    #footerkontakt {
        display:none;
        margin: 10px 10px 10px 10px;
        padding: 0px 20px 3px 20px;
    }
    #footertraining {
        display:none;
        margin: 10px 10px 10px 10px;
        padding: 0px 20px 3px 20px;
    }
    #footermenu {
        display: block;
        margin: 10px 10px 10px 10px;
        padding: 0px 20px 3px 20px;
        font-size: 2vw;
    }
    #footermenu li a {font-size: 2vw;}
}
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    body {
        font-size: 2.5vh;
    }
    #bslogoimg {
        height:65px;
    }
    section {font-size: 2vh;}
    #indexbild {display: none;}
    #bsheader {
        flex: 3;
    }
    #navihead {
        display:none;
    }
    #navimob {
        flex: 3;
    }
    #bslogoz1 {
        font-size: 11px;
    }
    #bslogoz2 {
        font-size: 16px;
    }
    #bsheadertext {
        width: 180px;
        left: 70px;
        top: -60px;
    }
    #navimob button {font-size: 2.5vh;} 
    #indexnav1ul li {display:block; padding-bottom: 10px; padding-left: 35px;}
    #indexnav1ul li a {font-size: 2.5vh;}
    #footerkontakt {
        display: none;
        margin: 10px 10px 10px 10px;
        padding: 0px 20px 3px 20px;
    }
    #footertraining {
        display: none;
        margin: 10px 10px 10px 10px;
        padding: 0px 20px 3px 20px;
    }
    #footermenu {
        display: block;
        margin: 10px 10px 10px 10px;
        padding: 0px 20px 3px 20px;
        font-size: 2vh;
    }
    #footermenu li a {font-size: 2vh;}
    #bready {font-size: 1.5vh;}
    #gruender {font-size: 2vh;}
    /*footer nav*/
    footer {height: 430px;}
    #footermobilenav {display: block;}
    .footimobnabtn {display: inline-block;}
    /*#footermobilenavopener {display: none;}*/
    .footimobna {
        position: fixed;
        width: 100%;
        z-index: 56487;
        overflow: hidden;
        bottom: 0px;
        right: 0px;
        text-align: right;
        background-color: #009846;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.69);
    }
    .footimobnabtn {
        padding: 10px;
        margin: 10px;
        background-color: rgb(0, 71, 33,0);
        border: none;
        color: #ffffff;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        font-size: large;
        font-weight: bold;
        text-decoration: underline;
    }
    .footimobnavop {
        position: fixed;
        width: 15%;
        z-index: 56487;
        overflow: hidden;
        bottom: 0px;
        right: 0px;
        text-align: left;
        background-color: #009846;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.69);
        border-top-left-radius: 25px;
        border-bottom-left-radius: 25px;
    }
    #pwli2bt3 {font-weight: bolder; font-size: larger; text-decoration: none;}
    #pwli2bt4 {font-weight: bolder; font-size: larger; text-decoration: none;}
    /*Galerie*/
    .bilderschaupresse {display:inline-block; max-width: 100%;}
    .bilderschaupresse figure {max-width: 90%;}
    .bilderschau figure {max-width: 90%;}
    .bilderschau {display:inline-block; max-width: 100%;}
      /*Terminseiten*/
    .terminkasten {
        width:80%;
        background-color: #f2f2f2;
        margin: 10px 10px 10px 20px;
  }
    .terminkastendone {
        width:80%;
        background-color: #555555;
        color: #f1f1f1;
        margin: 10px 10px 10px 20px;
  }
  /*.jahrestab {display: block; overflow-x:auto; max-width: 90%; padding:5px; margin: 5px;}  */
  .hally {width: 100%; max-width: 100%;}
    /*med spiegel*/
    #horst {padding: 20px; margin: 20px;}
    #horst th {width: 100px;}
    #horst th img {width: 70%;}
    #horst td {width: 100px; text-align: center; border:#d1d1d1 solid 1px; font-style: italic;}
    .horstjahr {font-weight: bold; font-style: normal;}
    /*checkliste*/
    .checksec {
        width: 90%;
      }
/*Trivia*/
.triviasection {
    display:block;
}      
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
    #bsheader {
        flex: 3;
    }
    #bsheadertext {
        width: 360px;
        left: 70px;
        top: -80px;
    }
    #navihead {display: none;}
    a {font-size: 2.5vw;}
    body {font-size: 2.5vw;}
    .openbtn {font-size: 2.5vw;}
    .powerlink2btn {font-size: 2.5vw;}
    #footerkontakt p {font-size: 1.5vw;}
    #footertraining p {font-size: 1.5vw;}
    #footermenu p {font-size: 1.5vw;}
    #footermenu li a {font-size: 1.5vw;}
    #footerkontakt {
        display:block;
        margin: 10px 10px 10px 10px;
        padding: 0px 20px 3px 20px;
    }
    #footertraining {
        display:block;
        margin: 10px 10px 10px 10px;
        padding: 0px 20px 3px 20px;
    }
    #footermenu {
        display: block;
        margin: 10px 10px 10px 10px;
        padding: 0px 20px 3px 20px;
        font-size: 2vh;
    }
    #footermobilenav {display: none;}
    #footermobilenavopener {display: none;}
    .footimobnabtn {display: none;}
    /*Galerie*/
    figcaption {font-size: small;}
    .bilderschau {display:inline-block; max-width: 100%;}
    .bilderschau img {width: 80%;}
    /*Terminseiten*/
    .terminkasten {
        width:80%;
        background-color: #f2f2f2;
        margin: 10px 10px 10px 60px;
      }
    .terminkastendone {
        width:80%;
        background-color: #555555;
        color: #f1f1f1;
        margin: 10px 10px 10px 60px;
      }
   /* .jahrestab {display: block; overflow-x:auto; max-width: 90%; padding:20px 20px 20px 10px; margin: 10px;}  */
    .hally {width: 100%; max-width: 100%; font-size: small;}
      /*med spiegel*/
  #horst {padding: 20px; margin: 20px;}
  #horst th {width: 100px;}
  #horst th img {width: 70%;}
  #horst td {width: 100px; text-align: center; border:#d1d1d1 solid 1px; font-style: italic;}
  .horstjahr {font-weight: bold; font-style: normal;}
      /*checkliste*/
      .checksec {
        width: 100%;
      }
/*Trivia*/
.triviasection {
    display:block;
}     
#versionsticker a {
    font-size: small;
}  
}
@media screen and (min-width: 1201px) and (max-width: 1370px) {
    body {
        font-size: 2.5vh;
    }
    #indexbild {display: block;}
    #bsheader {
        flex: 3;
    }
    .openbtn {font-size: 2.5vh;}
    #bslogoimg {
        height:65px;
    }
    #bsheadertext {
        width: 180px;
        left: 74px;
        top: -65px;
    }
    #bslogoz1 {
        font-size: 11px;
    }
    #bslogoz2 {
        font-size: 16px;
    }
    #navidesk {
        display:block;
    }
    #indexnav1ul li {display:block; padding-bottom: 10px;}
    
    #footerkontakt {
        display:block;
        margin: 10px 10px 10px 10px;
        padding: 0px 20px 3px 20px;
    }
    #footertraining {
        display:block;
        margin: 10px 10px 10px 10px;
        padding: 0px 20px 3px 20px;
    }
    #footermenu {
        display: block;
        margin: 10px 10px 10px 10px;
        padding: 0px 20px 3px 20px;
        font-size: 2vh;
    }
    #footerkontakt p {font-size: 1.2vw;}
    #footertraining p {font-size: 1.2vw;}
    #footermenu p {font-size: 1.2vw;}
    #footermenu li a {font-size: 1.2vw;}
    #footermobilenav {display: none;}
    #footermobilenavopener {display: none;}
    .footimobnabtn {display: none;}
}