/* cmsms stylesheet: Art Dock 2025 modified: Donnerstag, 6. November 2025 00:04:39 */
html { background: #e5e5e5; }

body {
font-family: ff-dax-web-pro-condensed, sans-serif; font-size: 20px; line-height: 130%; color: black;
margin: 0; padding: 0;
}

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


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

h1, h2, h3, h4 { text-transform: uppercase; color: black; font-family: ff-dax-web-pro-condensed, sans-serif; font-weight: 700 }

.uk-header { padding: 0 }
.titelzeile { font-size: clamp(1rem, 2.5vw, 33px); line-height: 100%; padding: 5px 1px; text-transform: uppercase; text-align: center }
.titelzeile p { margin: 0 }
.titel { font-size: 5.5em; text-transform: uppercase; color: black; font-weight: normal; line-height: 90%; text-align: center; overflow:hidden }
.titel a { color: black }
.untertitel { font-size:58px; line-height:100%; margin:5px 0; letter-spacing:-0.05em }
.untertitel p { margin: 0 }

.burger { position:absolute; left: calc(50% + 520px); top: 30px }

.kacheltitel { padding: 20px 0; text-transform:uppercase; text-align:center; font-size:50px }
.rahmen { border: 5px solid black }

.menucontainer { position:absolute; top:55px; width: 100%; max-width:1200px; text-align: right }
#menu { margin: 0; z-index: 1000; background: none; padding: 5px 0 10px 0; }
#menu ul { list-style: none; padding: 4px 0 0 0; margin: 0; text-align: center }
#menu ul li { font-size: 30px; line-height: 130%; text-transform: uppercase }
#menu ul li a { color: black; padding: 4px }


.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 }

/*
@media screen and (max-width:1199px) {
.slide-liste { font-size: 1.3em }
}
*/


@media screen and (max-width:1279px) {
.burger { left: auto; right: 40px }
.kacheltitel { font-size: 30px; padding: 10px 0; }
}


@media screen and (max-width:959px) {
.erw { display: none }
.uk-slideshow-items { max-height: 45vh }

.titel { font-size: 3em }
.untertitel { font-size: 40px }
.burger { right: 30px; width: 40px; top: 27px }


}

@media screen and (max-width:767px) {
.titelzeile { font-size: 2.45vw }
}

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

.burger { right: 10px; top:73px; width: 30px }

.untertitel { font-size: 30px; line-height:100%; letter-spacing: 0; margin: 10px 0 0 0 }

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

.menu-closed svg, .menu-open svg { width: 30px }



.content { padding: 20px 5px }
.content-startseite-2022 { 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.1em; }
.slide-liste li a { padding-left: 5px; padding-right: 5px; line-height:90% }
.titelzeile { padding-left: 5px }
.gallery { height: 50vh; height: auto; }
}

@media screen and (max-width:479px) {
.aktuell { display: none }
}

@media screen and (max-width:320px) {
.titel { font-size: 1.8em; padding-top: 4px }
.uk-slideshow-items { min-height: auto }
}