/* Bereiche **********************************/
body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  color:       #002441;
  background-color: #FFFFFF;
}

/* Überschriften *****************************/
h1, p.h1 {
  font-weight: bold;
  font-size:   24px;
  margin:      0px 0px 0px 0px;
  padding:     6px 3px 6px 3px;
  color:       #005080;
}
h1 {
  background:  #DFDFDF;
}
h2, p.h2 {
  font-weight: bold;
  font-size:   16px;
  margin:      40px 0px 10px 0px;
  padding:     3px 3px 3px 3px;
  color:       #005080;
}
h2 {
  background:          #F0F0F0;
  background-image:    url('images/arrow-right.gif');
  background-repeat:   no-repeat; 
  background-position: top 10px left 6px !important;
  padding-left:        24px;
}
h3, p.h3 {
  font-weight: bold;
  font-size:   16px;
  margin:      20px 0px 10px 0px;
  color:       #005080;
}
p.minitoc {
  margin:      0px 0px 30px 0px;
  padding:     2px 3px 2px 3px;
  background:  #F0F0F0;
}

/* Absätze ***********************************/
p {
  margin:           5px 0px 5px 0px;
  font-size:       14px;
  line-height:     24px;
}
.info {
  color:            #606000;
  background-color: #FFFFE0;
  background-image: url('images/hint.png');
  background-repeat: no-repeat; 
  background-attachment: scroll;
  background-position: top 6px left 6px !important;
  border:           1px solid #B7B700; 
  margin-left:      0px;
  margin-right:     0px;
  margin-top:       5px; 
  margin-bottom:    5px;
  padding-left:    24px;
  padding-right:    6px; 
  padding-top:      6px;
  padding-bottom:   6px;
}
.small, .small tr, .small td {
  font-size:       12px;
  line-height:     16px;
  padding:          2px 3px 2px 3px;
}

/* Listen ************************************/
ol, ul {
  margin-top:  5px;
}
li {
  margin:      0px 0px 3px 0px;
  line-height: 24px;
}

/* Tabellen **********************************/
tr, td {
  font-size:   14px;
  line-height: 22px;
}
table.form {
  margin:      0px 0px 0px 0px;
  background:  #F5F5F5;
}

/* Bilder ************************************/
img {
  width:         auto !important;
  height:        auto !important;
}
img.left {
  float:         left;
  margin-top:     6px;
  margin-right:  20px;
  margin-bottom: 10px;
}
img.right {
  float:         right;
  margin-left:   25px;
  margin-bottom: 10px;
}

/* Links *************************************/
a {
  color:           #990000;
  text-decoration: none;
}
a:active {
  color:           #FF0000;
  text-decoration: none;
}
a:hover {
  color:           #990000;
  text-decoration: underline;
}

/* Responsivität *************************************/
@media (max-width: 660px) {
  .hide-less-660 {
    display: none;
  }
}
@media (max-width: 479px) {
  .menu-row {
    display: none;
  }
}
@media (min-width: 480px) {
  .menu-cell {
    display: none;
  }
}

/* Kacheln ***********************************/
.tile-container {
  display:          flex;
  flex-wrap:        wrap;
  gap:              15px;
}
.tile, .tile-link {
  color:            inherit;
  text-decoration:  none;
  display:          flex;
  align-items:      stretch;
}
.tile-link:hover {
  color: inherit;
  text-decoration: none;
}
.tile-link:hover figure {
  border:           1px solid #990000;
  background-color: #F0F0F0;
  transition:       all 0.3s ease;
}
.tile figure, .tile-link figure {
  border:           1px solid transparent;
  margin:           0;
  display:          flex;
  flex-direction:   column;
  align-items:      center;
  background-color: #F9F9F9;
  padding:          10px;
  box-sizing:       border-box;
  box-shadow:       0px 4px 8px rgba(0,0,0,0.3);
  border-radius:    6px;
  flex-grow:        1;
}
figcaption {
  margin-top:       auto;
  padding-top:      8px;
}

/* Menüs *************************************/
.menu {
  display:          inline-block;
  position:         relative;
  white-space:      nowrap;
  margin-right:     15px;
}
.menu:hover .menu-popup {
  display:          block;
}
ul.menu-popup {
  display:          none;
  position:         absolute;
  text-align:       left;
  background-color: #F9F9F9;
  box-shadow:       0px 4px 8px rgba(0,0,0,0.3);
  z-index:          10;
  list-style:       none;
  padding:          8px;
}
ul.menu-popup.align-left {
  margin-top:        0px;
  margin-left:     -12px;
  left:              0;
}
ul.menu-popup.align-right {
  margin-top:       12px;
  margin-right:    -12px;
  right:             0;
}
li.menu-popup {
  background-color: #E0E0E0;
}
a.menu-link {
  text-decoration:  none;
  display:          block;
  color:            #002441;
  padding:          3px;
}