/* Shared
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button {
  border-radius: 100px;
}

body {
  background-color: #F7EDD6;
}

td, th {
  padding: 2px 3px
}

/*td:nth-child(2) {
  padding-left: 0;
}*/

span.line {
  display: inline-block;
}

.news, .eaa {
  display: inline-block;
  height: 1.2rem;
  padding: 0 .5rem;
  text-align: center;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.1rem;
  letter-spacing: .1rem;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  border-radius: 2rem;
  border: 1px solid #bbb;
  /*cursor: pointer;*/
  box-sizing: border-box;
  color: #FFF;
  background-color: #11DFC7;
  border-color: #11DFC7;
}


.button-pix {
  font-size:1.5rem;
  padding: 0 .5rem;
  color:white;
  }

.button-pix:hover,
.button-pix:focus {
  color: #33C3F0;
  }

.button-long {
  padding: 0 .5rem;
}

/* Sections
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.section {
  /*padding: 8rem 0 7rem;*/
  padding: 4rem 0 3rem;
  text-align: center;
}

.section-heading,
.section-description {
  margin-bottom: 1.2rem;
}

/* Header
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.header {
  /*background-image:url('../images/P1340428.JPG');*/
  background-image:url('../images/sbgroupmergedsmall.jpg');
  /*background-image:url('../images/P1380223Ws.JPG');*/
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  /*background-color: #11DFC7;*/
  background-color: #706060;
  background-blend-mode: overlay;
  color: #fff;
  /*color: #11DFC7;*/
  /*text-shadow: 2px 2px #000000;*/
  /*text-shadow: 3px 3px 3px #000000;*/
  text-shadow: -4px 0 3px black, 0 4px 3px black, 4px 0 3px black, 0 -4px 3px black;
}

.header-other {
  visibility: hidden;
  position: absolute;
  top: -1000px;

}

.header-logo {
  height: 9em;
  opacity: .75;
}

.header-text {
  opacity: 1;
  font-weight: 800;
  /*color: #ddd;*/
}

/* infos
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.infos {
  background-size: cover;
  padding-bottom: 5rem;
}

.info-catcher {
  margin-bottom: .5rem;
  color: #11DFC7;
}

.info-heading {
  margin-bottom: .3rem;
}

.info-description {
  opacity: .8;
  font-weight: 300;
}

.info-small {
 font-size: 90%;
}

/* Special
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.special {
  /*border-bottom: 1px solid #ddd;*/
  background-image: url('../images/P1330545.JPG');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: #fff;
  /*text-shadow: 2px 2px #000000;*/
  text-shadow: -4px 0 3px black, 0 4px 3px black, 4px 0 3px black, 0 -4px 3px black;
}

.special-heading {
  /*font-weight: 600;*/
  }

/* Links Footer
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.links {
  background-color: #505050;
  color: #fff
}

/* Banner
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.banner-header {
  vertical-align: top;
}

.stolen {
  background-color: #fcc;
}

.owned {
  background-color: #cfc;
}

/* sdreg
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.sdreg {
  vertical-align:middle; 
  margin-bottom:0;
}

.sbcdatered {
  color:#F44;
}

.sbcdategreen {
  color:#4C4;
}

.sbccallergray {
  color:gray;
}

table.sbplan {
  margin-left: auto; 
  margin-right: auto;
}

.sdteach-table {
  margin-left: auto; 
  margin-right: auto;
}

/* FIXME */

span.pflichtfeld {
 font-size: 1.5rem;
 color: Red;
}

span.hilfetext {
 font-size: 1.2rem;
 font-style: Oblique;
}

label {
  font-weight: normal;
}

input {
  text-align: center;
  /*margin-bottom: 0;*/
}

/* SD Area
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.sd-body {
  background-color: #F7EDD6;
  /*background-color: #F0F0F0;*/
}

.sd-clubs-header {
  vertical-align: top;
}

.sd-events-header {
  vertical-align: top;
  text-align: left;
}

.sd-header {
  /*background-image:url('../images/skysd.jpg');
  background-repeat:repeat;
  background-color: #F7EDD6;
  text-shadow: 2px 2px #ccc;
  color: #000*/

  background-image:url('../images/ran.png');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-origin: border-box;
  /*background-color: #706060;
  background-blend-mode: overlay;*/
  color: #fff;
  text-shadow: -4px 0 3px black, 0 4px 3px black, 4px 0 3px black, 0 -4px 3px black;
  margin-top: 2px;
}

.sd-header-logo {
  height: 8em;
  opacity: .75;

}

.sd-header-text {
  opacity: 1;
  font-weight: 800;
  /*color: #000;*/
}

.sd-table {
    margin-left:auto;
    margin-right:auto;
}

.sd-wt {
}

.sd-gr {
  /*background-color: #f8f8f8;*/
}

.areamap {
  max-width: 100%;
  height: auto;
  filter: grayscale(30%);
  /*background-color:#fcfcff;*/
  background-color:#ececef;
}

/* Media specific
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* Bigger than 400 */
@media (min-width: 400px) {
}

/* Bigger than 550 */
@media (min-width: 550px) {
  .section {
    padding: 4rem 0 1rem;
  }
  .header, .sd-header {
    text-align: right;
    padding: 4rem 0 1rem;
  }
  .header-text {
    font-size: 2.4rem;
  }
  .header-logos {
    text-align: left;
  }
  .header-logo {
    /*height: 12em;*/
    height: 10em;
  }
  .banner {
    white-space: nowrap;
  }
}

/* Bigger than 750 */
@media (min-width: 750px) {
  .header-text {
    font-size: 2.6rem;
  }
  .section {
    padding: 4rem 0 2rem;
  }
  .header {
    padding: 4rem 0 2rem;
  }
  .header-other {
    visibility: inherit;
    position: inherit;
    top: inherit;
  }

  .section-description {
    max-width: 60%;
    margin-left: auto;
    margin-right: auto;
  }
}

/* Bigger than 1000 */
@media (min-width: 1000px) {
  .section {
    padding: 4rem 0 3rem;
  }
  .header {
    padding: 4rem 0 3rem;
  }
  .header-text {
    font-size: 3.0rem;
  }
}

@media print {
  .header {
    color: black;
    text-shadow: none;
  }
  .special {
    color: black;
    text-shadow: none;
  }
  .sd-header {
    color: black;
    text-shadow: none;
  }

}

/* Slide in Menu
–––––––––––––––––––––––––––––––––––––––––––––––––– */

  /*font-family: "Lato", sans-serif;*/

.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  /*background-color: #111;*/
  background-color: #251000;

  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;

  white-space: nowrap;
  opacity: .95;
}

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 18px;
  /*color: #818181;*/
  color: #c1c1c1;
  display: block;
  transition: 0.3s
}

.sidenav a:hover, .offcanvas a:focus{
  color: #f1f1f1;
}

a:focus {
  outline: 0;
}

.burger {
  position: absolute;
  left: 2px;
  top: 2px;

  font-size: 24px;
  cursor: pointer;
  vertical-align: top;
  /*color: #11DFC7;*/
  /*color: #33C3F0;*/
  /*background-color: #FFFFF0;*/
  color: #251000;

  background-image:url('../images/burger.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height:32px;
  width:32px;
  font-size: 0;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

@media screen and (max-height: 450px) {
.sidenav {padding-top: 15px;}
.sidenav a {font-size: 18px;}
}