/* Custom CSS
*  Mastesy
*  (C) Thomas Janotta 2026
*/

/*max width*/
.container {
  max-width: 600px!important;
}

/*Hintergrund*/
body {
  background-color:#808080;
}

.content a {
  color: #000;
  display: inline-block;
  -ms-word-break: break-all;
  word-break: break-all;
 /* Non standard for webkit */
  word-break: break-word;
  -webkit-hyphens: auto;
     -moz-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;

  padding-bottom: .5rem;
}

.content th a {
  color: #fff;
}

.content a:hover,
.content a:active {
  background-color: #000;
  color: #fff;
}

.row {
    min-height: 100%;
}

/*Navigation*/
.navigation {
  background: black url("../img/bg-links.gif") no-repeat top center;
  color: white;
  padding-right: 0;
  padding-left: 0;
  width:40%;
}

/*Inhalt*/
.content {
  background: white url("../img/bg-rechts.jpg") no-repeat right center;
  overflow-x: hidden;
  overflow-y: scroll;
  padding-right: 8px;
  padding-top: .5rem;
  width: 60%;
}

.start {
  background: white url("../img/bg-rechts-0.jpg") no-repeat right center;
}

.content p {
  margin-bottom: .5rem;
  line-height: 1.2;
}

@media (min-width:600px) {
  .navigation {
    width: 33.333333%;
  }

  .content {
    width: 66.666666%;
  }

  .start {
    background-position: center;
  }
}

.navi p {
  margin-bottom: 0;
}

.image {
  text-align: center;
}

@media (min-width:600px) {
  .image {
    float: right!important;
  }
}

/*table*/
.table > :not(caption) > * > * {
  border-bottom-width: 0;
}

@media (max-width:600px) {
  tbody, td, th, thead, tr {
    display: block;
  }
}

.fullwidth {
  width:  100%;
}

.table > :not(caption) > * > * {
  padding: .25rem .25rem;
}

th {
  background-color: #f00 !important;
  /*border: 1px solid #FFF;*/
  color: #fff !important;
}

audio {
  width:100%;
}

.content li a {
  display: block;
}