/* cmsms stylesheet: Thomas 2026 modified: Donnerstag, 19. März 2026 13:49:34 */




html { height: 100vh; background: #F7F7F7 }
.bg-home { background: url(/uploads/images/start.jpg) no-repeat center; background-size:cover; }

.weiter, .weiter:hover { color: white }

body, h1, h2, h3, h4 { font-family: avenir-lt-pro, sans-serif; color: #06573A; font-weight:300 }

body { font-size: 17px; line-height: 170% }
a, a:hover { color: #06573A; text-decoration: none }
strong { font-weight: 600 }
p { margin: 0 0 0.5em 0 }




/* intro */

.intro { margin-top:20vh; padding-bottom: 40vh; opacity 1 }
h1 { font-size: 7vh; color: white; font-weight:800; line-height: 125%; margin: 0 0 1em 0; letter-spacing: 0 }
h1 a:hover { color: white }

.fade { animation: fadeinout 4s linear 1 forwards }
@keyframes fadeinout { 0%{opacity: 0} 25%{opacity: 0.7} 75%{opacity:  0.7} 100%{opacity: 0} }
@keyframes fadein { 0%{opacity: 0} 25%{opacity: 0.7} 75%{opacity: 0.7} 100%{opacity: 0.7} }

.intro-dot { width:80px; height: auto }


/* navi */

header { padding-bottom: 30px; }

nav ul { list-style: none; margin: 0; padding: 0 }
nav ul li { display: inline-block; margin-right: 25px; letter-spacing: 0.03em }
nav ul li:last-child { margin-right: 0 }

.navi { margin: 25px 0 0 0 }
.subnavi { margin: 0 0 0 25px }

.navi-home a { color: white }

.currentpage, .activeparent { font-weight:600; letter-spacing: 0 }
/* .navirechts .currentpage { font-weight: 300; letter-spacing: 0.03em } */

.textcontainer { margin: 50px 0; line-height: 200% }
.textcontainer p { margin: 0 0 2em 0; max-width: 475px; }
.text-kontext p { max-width:480px }

.titel { padding-top: 15px; font-size:17px; line-height:100%; color: #06573A }
.titel-first { padding-top: 0 }

.legende { font-size:0.9em; line-height:120%; padding: 1px 2px 0 4px; background: #F8F8F8; margin: 0 -3px -3px 0 !important }

.text { max-width: 490px; line-height: 200% }
.text p { margin: 0 0 2em 0 }

.bild1 { text-align:right; padding-right: 80px }
.bild2 { padding-left: 80px }

.begleitbild { max-height: 500px; max-width: 100%; }


.muestair-crop { max-width: 240px !important }







.handy { display: none }

@media screen and (max-width:639px) {
.textcontainer { margin: 0 }
.uk-lightbox-slidenav { background: none; color: orange }

h1 { font-size:50px; line-height: 125%; }

.uk-grid-medium { margin-left: -15px }
.uk-grid-medium>* { padding-left: 15px }
.uk-grid-medium>.uk-grid-margin { margin-top: 15px }

.text { max-width: 100%; line-height: 170% }
.text p { margin: 0 0 1.5em 0 }

.bild1, .bild2 {  }

.uk-slidenav { display:none }

.intro { padding-bottom: 25vh; }

}

@media screen and (max-width:479px) {
.navilinks { margin-top: 25px }
.navirechts {  }
}