/* –––––––– GENERAL –––––––– */
body {
  letter-spacing: +0rem;
}

/* –––––––– Computer –––––––– */
@media (min-width: 800px){
  body {
    font-size: 0.9rem;
  }
  #body .padding {
    padding: 0.5rem 2rem;
  }
}

/* –––––––– Smartphone –––––––– */

@media (max-width: 799px){
  body {
    font-size: 0.9rem;
  }
  #body .padding {
    padding: 0rem 0.5rem;
  }
}


/* –––––––– LOGO-Header –––––––– */

#header {
  background-color:#1694CA !important;
  /*  background-color: #5f6770 !important; */
}

H1#LogoErsatz {
  margin: 0.5rem;
  color: white;
  padding: 1rem;
}


/* –––––––– HEADINGS –––––––– */

h1 {
  font-size: 1.5rem;
  display: block;
  border: 3px solid #1383B3;
  color: #1383B3;
  border-radius: 15px;
  letter-spacing: +0.03rem;
  margin: 3rem 0 0.5rem 0;
}

h1.meteo_pagetitle {
  font-size: 1.5rem;
  text-align: left;
  border: 0px;
  color: #1383B3;
  letter-spacing: +0.03rem;
  margin: 0.5rem 0 1rem 0;
}

h1.manoever_pagetitle {
  font-size: 1.5rem;
  text-align: left;
  border: 0px;
  color: #1383B3;
  letter-spacing: +0.03rem;
  margin: 0.5rem 0 1rem 0;
}

h2 {
  font-size: 1.3rem;
  border-bottom: 3px solid #1383B3;
  margin: 2rem 0 0 0rem;
  display: block;
  background-color: #f6f6f6;
  padding-left: 10px;
}

h3 {
  font-size: 1.1rem;
  border-bottom: 1px solid #1383B3;
  margin: 1.5rem 0 0 0;
  /*border-left: 10px solid #1383B3;
  padding-left: 0.5rem;
  border-radius: 5px;  */
}

h4 {
  font-size: 1rem;
  margin-bottom: 0;
  font-weight: bold;
}

h5, h6 {
  font-size: 1.0rem;
  margin-bottom: 0;
}

div.basic-info + h3 { margin-top: 5rem; }

/* –––––––– TEXT DIVERSE –––––––– */

p {
  margin: 0 0;
}

blockquote > p {
  font-size: 0.9rem;
  margin: 1rem 0;
  padding: 5px;
  color: rgb(85, 85, 85);
}

.notices {
  padding: 1px 1px 1px 10px;
  border-radius: 5px;
}

.notices > p {
  margin: 0.5rem 0;
}

/* –––––––– LISTEN –––––––– */

ul, ol {
  margin: 0.5rem 0 0.5rem 0;
}

/* –––––––– TABELLEN  –––––––– */
/* Basics */
div.basics + table      { background-color:#f6f6f6; color: black; }
div.basics + table th   { background-color:#1873A7; color: #f6f6f6; }

/* Fortgeschritten */
div.advanced + table    { background-color:#f6f6f6; color: black; }
div.advanced + table th { background-color:#90C4DB; color: #f6f6f6; }


/* METEO-Links*/
div.MeteoLinks + ul     { }


/*
Orange #F0AE3B
Dunkel-Orange #F78A3F
*/

/* –––––––– NAVI-TABELLE  –––––––– */
#navi-tabelle {
    max-width: 400px;
}

#navi-tabelle th {
  border-bottom: 1px solid #1383B3;
  text-align: center;
}

#navi-tabelle th.first {
  border-bottom: 0;
}

#navi-tabelle td.firstcol {
  background-color: #f6f6f6;
  border-right: 1px solid #1383B3;
  text-align: center;
}

.senkrechtertext {
  transform: rotate(270deg);
  font-weight: bold;
}

#navi-tabelle tr td {
  text-align: center;
}

#navi-tabelle tr td.td3x3 {
  background-color: #f6f6f6;
}

/* –––––––– Mobile Menu & Breadcrumbs –––––––– */

#sidebar-toggle {
  float: left;
  padding-top: 10px;
}

div#breadcrumbs {
  float: left;
  margin-left: 10px;
  text-align: left;
  font-size: 0.8rem;
}

#top-bar {
  margin: 0;
}

b.MenuNr {
  visibility:collapse;
}

/* –––––––– Einleitungs-Bildchen –––––––– */

img#bildchen {
  height: 2rem;
  float: left;
}

img.img-float-right {
  float: right;
  height: 2rem;
  margin-left: 10px;
}

/* –––––––– COMMENTS –––––––– */

div#div_spacer {
  padding-top: 1rem;
}

h3.comments {
  border: 0;
  margin: 1rem 0 0.5rem 0;
  color: #5CB85C
}

div#comments_area {
  max-width: 500px;
  display: block;
  background-color: #f6f6f6;
  padding: 1rem;
  border: 1px solid #5CB85C;
  border-radius: 5px;
}

button.button_comments {
  background: #5CB85C;
  box-shadow: #1C781C;
  color: white;
}

/* –––––––– Fusszeile –––––––– */

p#meteo-footer {
  text-align: center;
  font-size: 0.7rem;
  color: #aaaaaa;
  __border: 1px solid #1383B3;
  __border-radius: 5px;
  background-color: #f6f6f6;
  display: block;
  padding: 0.25rem 0;
  margin-top: 20px;
  line-height: 0.9rem;
}


/* –––––––– FULLCALENDAR –––––––– */
 div#calendar {
   max-width: 400px;
   border: 2px solid red;
 }


/* –––––––– SPACER –––––––– */
h2.mid_space {
    margin-top: 6rem !important;
  }