/*** 
 * site-mobil.css
 * Copyright: Siegfried Mairboeck, 2016
 * August 2016
 ***/
.mobile-only {
  display: block; }

.desktop-only {
  display: none; }

body {
  margin: 0;
  padding: 0;
  font-size: 15px;
  background: #fff;
  line-height: 140%;
  color: #000;
  background-color: #fff;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
  -webkit-text-size-adjust: 100%;
  -moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto; }

#MAIN {
  width: 100%;
  margin: 0 auto;
  border: none;
  background: #fff;
  text-align: center; }

#HEADER {
  background: #fff;
  margin-bottom: 0px; }

#WRAPPER {
  float: none;
  width: 100%; }

#COL-LEFT {
  display: none;
  float: left;
  width: 215px;
  margin-left: -960px; }

#COL-RIGHT {
  display: none;
  width: 205px;
  margin-left: -205px; }

#COL-CENTER {
  margin: 0; }

#FOOTER {
  box-sizing: border-box;
  clear: left;
  width: 100%;
  text-align: center; }

#HEADER-INNER {
  background-color: #ddd;
  height: auto;
  position: relative;
  border-bottom: 0px solid #fff;
  overflow: hidden; }

#HEADER-INNER .VBHeader {
  display: none; }

#HEADER-INNER img {
  width: 100%;
  height: auto; }

.Header-Mobil-Logo a {
  display: block;
  border: 0; }

.Header-Mobil-Logo img {
  width: 100%;
  height: auto;
  border: 0; }

.Header-Mobil-a {
  position: relative; }

.Header-Mobil-a > img {
  left: 0;
  top: 0; }

#COL-LEFT-INNER {
  padding: 0px 0px 20px 0;
  text-align: left;
  position: relative; }

#COL-RIGHT-INNER {
  padding: 0px 0 20px 0px;
  text-align: left; }

#COL-CENTER-INNER {
  padding: 20px 15px;
  text-align: left;
  box-sizing: border-box; }

#COL-CENTER-INNER p {
  color: #000;
  line-height: 1.5em;
  text-align: justify;
  margin: 0 0 12px 0; }

.innter-tupe {
  margin: 10px;
  /*Margins for inner DIV inside each column (to provide padding)*/
  margin-top: 0; }

td {
  font-size: 14px; }

.hidden {
  display: none; }

h1, h2, h3, h4, h5, h6 {
  -moz-hyphens: none;
  -o-hyphens: none;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none; }

ul {
  margin: 15px 0;
  padding: 0 0 0 16px;
  list-style-image: url(../images/arrow-right-11.png); }

ul li {
  margin: 15px 0;
  padding: 0;
  text-align: justify;
  line-height: 1.5em; }

.blocksatz {
  text-align: justify; }

.zentriert {
  text-align: center; }

p {
  line-height: 1.4em;
  margin: 12px 0; }

hr {
  border: 0 solid #000;
  border-bottom: 1px dotted #d7cbb7;
  margin: 20px 0; }

.Bild {
  margin: 25px 0; }

.Bild img {
  border: 1px solid #000; }

.Bildtext {
  display: block;
  color: #777;
  margin-top: 4px;
  font-size: 10px; }

.Bild .Bildtext {
  font-style: italic;
  font-size: 11px;
  color: #000;
  line-height: 16px; }

.Werbung ul {
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-image: none; }

.Werbung ul li {
  margin: 50px 0;
  padding: 0;
  list-style: none;
  text-align: center; }

.Downslide {
  margin: 20px -15px;
  box-sizing: border-box; }

.Downslide > h3 {
  cursor: pointer;
  font-size: 18px;
  line-height: 150%;
  background: #ade4f1 url("../icons/ic_keyboard_arrow_down_black_24dp_1x.png") right center no-repeat;
  padding: 5px 15px;
  margin: 2px 0 0 0;
  font-weight: normal;
  border-bottom: 0px;
  border-top: 0px solid #000; }

.Downslide > h3.Downslide-aktiv {
  text-shadow: none;
  color: #fff;
  background: #5da0af url("../icons/ic_keyboard_arrow_up_white_24dp_1x.png") right center no-repeat; }

.Downslide > div {
  margin: 10px 0px;
  padding: 0 14px 10px 14px;
  border-bottom: 0px solid #ccc; }

/** NAVIGATION **/
#MAINMENU {
  margin: 0;
  font-size: 14px;
  position: relative;
  text-align: left; }
  #MAINMENU #menu {
    display: none; }
  #MAINMENU #MAINMENU-show {
    display: none; }
  #MAINMENU > ul {
    margin: 0;
    padding: 0;
    list-style: none;
    border-top: 0px solid #ccc;
    width: 100%;
    border-bottom: 2px solid #000;
    background: #f0f0f0; }
    #MAINMENU > ul > li {
      margin: 0;
      padding: 0;
      list-style: none;
      width: 100%;
      border-bottom: 1px solid #000; }
      #MAINMENU > ul > li > a {
        display: block;
        text-decoration: none;
        background: #eee;
        color: #000;
        padding: 10px 5px 10px 15px;
        text-align: left;
        font-size: 16px;
        line-height: 28px;
        letter-spacing: 0px;
        text-transform: uppercase; }
      #MAINMENU > ul > li > a:hover {
        background: #aaa;
        color: #fff; }
      #MAINMENU > ul > li > a.navi-aktiv {
        background: #ddd;
        text-shadow: 0px 1px 1px #fff;
        color: #000;
        font-weight: bold; }
      #MAINMENU > ul > li > ul {
        margin: 0;
        display: block;
        position: relative;
        background: #fff;
        width: 100%; }
        #MAINMENU > ul > li > ul > li {
          margin: 0;
          list-style: none; }
          #MAINMENU > ul > li > ul > li > a {
            display: block;
            background: #fff right 20px center no-repeat;
            padding: 10px 20px 10px 40px;
            color: #444;
            text-transform: uppercase;
            text-decoration: none;
            font-size: 15px;
            text-align: left;
            border-bottom: 1px solid #999;
            line-height: 24px; }
          #MAINMENU > ul > li > ul > li > a.aktiv {
            background-color: #7a7b7d;
            color: #fff; }
          #MAINMENU > ul > li > ul > li > a:hover {
            color: #fff; }
    #MAINMENU > ul > li:hover {
      background: #fff; }
      #MAINMENU > ul > li:hover > a {
        background-color: #999;
        border: none; }
      #MAINMENU > ul > li:hover > ul {
        display: block;
        width: 100%;
        background: #fff;
        position: relative; }
        #MAINMENU > ul > li:hover > ul > li {
          margin: 0;
          list-style: none; }
          #MAINMENU > ul > li:hover > ul > li > a {
            display: block;
            background: #555 right 20px center no-repeat;
            padding: 10px 20px 10px 40px;
            color: #ccc;
            text-transform: uppercase;
            text-decoration: none;
            font-size: 15px;
            text-align: left;
            border-bottom: 1px solid #999;
            line-height: 24px; }
          #MAINMENU > ul > li:hover > ul > li > a.aktiv {
            background-color: #7a7b7d;
            color: #fff; }
          #MAINMENU > ul > li:hover > ul > li > a:hover {
            color: #fff; }
  #MAINMENU .show-menu {
    position: relative;
    font-size: 16px;
    color: #000;
    line-height: 40px;
    box-sizing: border-box;
    background: url(../icons/ic_menu_white_24dp.png) left 12px center no-repeat;
    padding: 0 0 0 40px;
    display: block;
    overflow: hidden; }
    #MAINMENU .show-menu span {
      border-left: 0px solid #000;
      padding: 0 12px;
      text-transform: uppercase;
      color: #fff; }

/*Show menu when invisible checkbox is checked*/
#MAINMENU-show:checked ~ #menu {
  display: block; }

#TITELSTADT {
  margin-top: 0px;
  width: 100%;
  height: 200px;
  position: relative; }

iframe.Map {
  width: 100%; }

#CITY-PARTNER > ul > li, #CITYS > ul > li {
  width: 100%;
  margin: 20px 0; }

#CITY-PARTNER .A-Titel, #CITYS .A-Titel {
  margin: 0;
  font-size: 16px;
  line-height: 150%;
  color: #666; }

#CITY-PARTNER .A-Weiter, #CITYS .A-Weiter {
  margin: 0;
  font-size: 15px;
  line-height: 150%;
  color: red; }

#CITY-PARTNER .A-Titelbild, #CITYS .A-Titelbild {
  position: relative;
  text-align: center; }
  #CITY-PARTNER .A-Titelbild > img, #CITYS .A-Titelbild > img {
    max-width: 100%;
    max-height: 1800px; }

#CITY-PARTNER .clear, #CITYS .clear {
  clear: left; }

#PARTNER {
  max-width: auto;
  margin: 0 20px; }
  #PARTNER h2 {
    font-size: 28px;
    line-height: 140%;
    font-weight: 900; }
  #PARTNER .Inhalt, #PARTNER .Anschrift, #PARTNER .Kontakt, #PARTNER .Team {
    font-size: 16px;
    line-height: 140%;
    font-weight: 200;
    margin: 30px 0; }
  #PARTNER .Anschrift {
    float: none;
    margin: 0 0 0 0;
    width: auto; }
  #PARTNER .Kontakt {
    overflow: hidden; }
  #PARTNER .Team {
    clear: left; }
  #PARTNER .Karte {
    margin: 0 -20px; }

.Content {
  padding: 5px 10px 20px 10px;
  background-color: none; }
  .Content h1 {
    text-align: center;
    font-size: 1.6em;
    line-height: 130%;
    font-weight: normal;
    margin: 10px 0 30px 0; }
  .Content h1.Bild-over {
    margin-top: -100px;
    margin-bottom: 80px;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    font-size: 50px;
    line-height: 60px;
    text-shadow: 2px 3px 8px black; }

#PARTNER-simple {
  max-width: 960px;
  margin: 0 auto;
  padding: 0 0px;
  font-size: 18px;
  line-height: 130%; }
  #PARTNER-simple .Partner-Stadt {
    text-align: center; }
  #PARTNER-simple .Werbetafel {
    text-align: center;
    margin: 30px 0; }
    #PARTNER-simple .Werbetafel img {
      max-width: 100%;
      max-height: 400px; }
  #PARTNER-simple .Anschrift {
    margin: 0 auto;
    width: 100%;
    text-align: center;
    font-size: 18px;
    line-height: 130%; }
  #PARTNER-simple .Url {
    text-align: center;
    margin: 0px 0; }
  #PARTNER-simple .EMail {
    text-align: center;
    margin: 0px 0; }
  #PARTNER-simple .Inhalt {
    margin: 50px 0; }
  #PARTNER-simple .Kundenaenderung {
    display: block;
    text-align: center; }
    #PARTNER-simple .Kundenaenderung > a {
      margin: 15px 0;
      font-weight: bold;
      text-shadow: -1px -1px 2px rgba(0, 0, 0, 0.4);
      font-size: 18px;
      line-height: 130%;
      text-align: center;
      display: block;
      position: relative;
      height: auto;
      width: 100%;
      float: none;
      border-radius: 100px;
      background: #d00;
      color: #fff;
      padding: 8px;
      box-sizing: border-box;
      border: #eee solid 4px;
      box-shadow: inset 5px 10px 10px rgba(255, 255, 255, 0.5), 5px 5px 10px rgba(0, 0, 0, 0.2); }
    #PARTNER-simple .Kundenaenderung > a:hover {
      background-color: #b00;
      box-shadow: inset -5px -10px 10px rgba(255, 255, 255, 0.5), 5px 5px 10px rgba(0, 0, 0, 0.2); }
  #PARTNER-simple .Kundenaenderung2 {
    display: none;
    text-align: center; }
    #PARTNER-simple .Kundenaenderung2 > a {
      margin: 10px 0;
      font-weight: bold;
      text-shadow: -1px -1px 2px rgba(0, 0, 0, 0.4);
      font-size: 18px;
      line-height: 130%;
      text-align: center;
      display: block;
      position: relative;
      height: auto;
      width: 100%;
      float: none;
      border-radius: 100px;
      background: #d00;
      color: #fff;
      padding: 10px;
      box-sizing: border-box;
      border: #eee solid 8px;
      box-shadow: inset 10px 20px 20px rgba(255, 255, 255, 0.5), 5px 5px 10px rgba(0, 0, 0, 0.2); }

div.SoIconsBoxesRight {
  float: none;
  margin: 0 0 20px 0; }