/* cmsms stylesheet: Art Dock 2022 modified: Montag, 26. Februar 2024 17:05:42 */

html { background: #555d6a; }

body {
  font-family: proxima-nova, sans-serif;  
  font-size: 20px; 
  line-height: 130%; 
  color: #bdbcb7; 
  margin: 0; 
  padding: 0;
}

a, a:hover,
a:active,
a:focus { outline: none }

a { color: #85b9a8; text-decoration: none }
ul a { text-decoration: none }
a:hover { color: black; text-decoration: none }

h1, h2, h3, h4 { 
  text-transform: uppercase; 
  color: #e8e7dd; 
  font-family: proxima-nova, sans-serif; 
  font-weight: 700 
}

.uk-header { padding: 0 }
.titelzeile { font-size: 1.0em; line-height: 100%; padding: 8px 1px; text-transform: uppercase;  color: #88b2df; text-decoration: none }
.titelzeile p { margin: 0 }
.titel { font-size: 3em; text-transform: uppercase; color: white; background: #555d6a; font-weight: normal; line-height: 90%; padding-left: 100px; text-align: center }
.titel a { color: #ff4612 }

.aktuell { padding-left: 15px;font-size: 40px }
.burger { line-height: 40px; padding: 15px 20px 0 0; margin: -12px 0 0 0 }
.burger a:focus { outline: none }
.menu-text { font-size: 40px; position: relative; bottom: 10px; }

#menu { margin: 0; z-index: 1000; background: #ff4612 /*LC Orange*/; padding: 5px 0 10px 0; }
#menu ul { list-style: none; padding: 4px 0 0 4px; margin: 0; text-align: left }
#menu ul li { font-size: 20px; line-height: 120%; text-transform: uppercase }
#menu ul li a { 
  color: #d2d2ca; 
  padding: 4px 8px; 
  display: inline-block;
  transition: background-color 0.3s ease, color 0.3s ease;
}
#menu ul li a:hover {
  background-color: #e0e0e0; 
  color: #747e89;  
}

.content { padding: 0; font-size: 1.2em; }
.content a { border-bottom: 2px solid black }
.content h1 { font-size: 2em }

.uk-slideshow-items { height: calc(100vh - 500px); min-height: 300px; max-height: 45vh }
.uk-overlay-primary { background: black; color: white }
.uk-overlay { padding: 5px 4px 3px; font-size: 30px; text-transform: uppercase; }

.slide-liste { font-size: 1.5em; padding: 0; margin: 0; }
.slide-liste li { list-style: none; text-transform: uppercase; width: 100%; border-bottom: 1px solid black; white-space: nowrap; overflow: hidden; }
.slide-liste li:first-child { border-top: 1px solid black }
.slide-liste li a { display: block; padding: 5px 1px; }

.uk-active a { background: black; color: white }
.uk-active a:hover { background: black; text-decoration: none }

.button { text-transform: uppercase; text-align: center; }
.button a { padding: 10px; margin: 30px 0; display: inline-block; background: black; color: white }

/* >>> NEU: Toggle-Links + iframes <<< */
.toggle-link {
  display: block;
  padding: 0.5em;
  margin: 0.3em 0;
  text-decoration: none;
  font-size: 1.1em;
  color: #bdbcb7;
  cursor: pointer;
}
.toggle-link:hover { text-decoration: underline; }

.iframe-container iframe {
  width: 100%;
  height: 600px;  /* Basis für Desktop */
  border: none;
}

/* Tablet */
@media screen and (max-width:959px) {
  .erw { display: none }
  .menu-text { display: none }
  .uk-slideshow-items { max-height: 45vh }
  .titel { padding-left: 70px; font-size: 2.4em; }
  body { font-size: 18px; }   /* Schrift kleiner für Tablets */
  .content { font-size: 1.1em; }
  .aktuell { font-size: 28px; }

  #menu ul li a { font-size: 1.1em; padding: 0.5em; }
  .toggle-link { font-size: 1em; }
  .iframe-container iframe { height: 450px; }
}

/* Smartphone */
@media screen and (max-width:639px) {
  .titel { font-size: 1.8em; padding: 1px 0 0 2px; }
  .titel a { margin-left: 4px }

  .aktuell { font-size: 20px }
  .burger { padding: 0px 10px 0 5px; margin: -3px 0 0 0; }

  .uk-container { padding-left:0; padding-right:0}

  .content { padding: 20px 5px; font-size: 1em; }
  .content-startseite { padding: 0 }

  .uk-slideshow-items { min-height: 250px }

  .uk-overlay { padding: 2px 4px; font-size: 20px; text-transform: uppercase; }

  .slide-liste, .titelzeile { font-size: 1.0em; }
  .slide-liste li a { padding-left: 10px; padding-right: 5px; line-height:80% }
  .titelzeile { padding-left: 5px }
  .titel { white-space: nowrap; overflow: hidden }
  .gallery { height: 50vh; height: auto; }

  body { font-size: 16px; }   /* Text deutlich kleiner auf Smartphone */

  #menu ul li a { font-size: 1em; padding: 0.4em; }
  .toggle-link { font-size: 0.95em; }
  .iframe-container iframe { height: 350px; }
}

/* Sehr kleine Smartphones */
@media screen and (max-width:479px) {
  .titel { text-align: left }
  .aktuell { display: none }
  body { font-size: 15px; }   /* nochmals kleiner */

  #menu ul li a { font-size: 0.9em; padding: 0.3em; }
  .toggle-link { font-size: 0.9em; }
  .iframe-container iframe { height: 280px; }
}

/* Mini-Smartphones */
@media screen and (max-width:320px) {
  .burger { margin-top: -6px}
  .titel { font-size: 1.5em; padding-top: 4px }
  .uk-slideshow-items { min-height: auto }
  body { font-size: 14px; }   /* Minimum für kleinste Geräte */

  #menu ul li a { font-size: 0.8em; paddin