/* cmsms stylesheet: Blumen Heidi Huber 2025 modified: Mittwoch, 22. Oktober 2025 15:59:37 */
@font-face { font-family: "Screamer"; src: url("/fonts/Screamer-Regular.woff2") format("woff2"); font-weight: 400; font-display:fallback }
@font-face { font-family: "Norms"; src: url("/fonts/TT_Norms_Pro_Medium.woff2") format("woff2"); font-weight: 500; font-display:fallback }



::selection { background: #C6B082; color: #fff }
::-moz-selection { background: #C6B082; color: #fff }


html { background: #321C15; scroll-behavior: smooth;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-o-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}
body { font-family: "Screamer", serif; font-size: 19px; line-height: 140%; color: #fff }

h1,h2,h3,h4 { font-family: "Screamer", serif; font-weight: 400; color: #C6B082 }
h1 { font-family: "Norms", sans-serif; font-size: 0.8em; line-height:125%; margin: 0; text-transform:uppercase; letter-spacing:0.3em }
h2 { font-size: 2em; line-height:125%; color: #fff; margin: 25px 0 18px 0 }
/* h3 { font-size: 1.5em; line-height:125%; color: #C6B082; margin: 0 0 30px 0 } */
h3, h4 { font-size: 1em; line-height:125%; color: #C6B082; margin: 0 }
h3 { margin-bottom: 1em }

a { color: #C6B082 }
a:hover { color: #C6B082; text-decoration: none; transition: 0.3s; }
ul { color: #fff }

header { position:relative; background-size:cover; height: calc(100svh + 300px) }
header:after { position: absolute; content:""; height:300px; width:100%; bottom:0; left:0; background: linear-gradient(to bottom, rgba(11,29,38,0) 0%,rgba(50,28,21,1) 90%) }
.header { padding-top: 40px; padding-bottom: 40px }
.logo { width: 200px }
.logo-sticky { position:absolute; top: 0px; left:calc(50vw - 640px); z-index:2000; padding: 20px 0 0 15px }
.logo-sticky .logo { margin: 20px 0 0 25px }


/* News */
.newsbutton { font-family: "Norms", sans-serif; font-size:0.8em; line-height:120%; width:110px; height: 110px; color: #321C15; background: #C6B082; border-radius:50%; text-align: center; top: 120px; left: calc(50vw - 600px + 20px); z-index:10; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.15) }
.buttontext { padding: 0 10px; line-height: 120%; }
.buttontext p { margin: 5px 0 }


.quote { font-size:2em; line-height:120%; position:absolute; bottom: calc(20vh + 300px); right: calc(50vw - 640px + 40px); width: 417px; max-width:417px;

text-shadow: 0 0 10px black, 0 0 5px rgba(0,0,0,0.6); text-shadow: 0 0 10px white, 0 0 5px rgba(0,0,0,0.3); text-shadow: none;
text-shadow: 0 0 10px rgba(0,0,0,0.5);
}

.pfeil { width: 18px; height: auto }
.headerbild { animation-duration: 2.4s !important }


/* Navigation */

.navi-desktop { top:72px; right: calc(50vw - 640px + 40px) }
#navi-desktop { font-family: "Norms", sans-serif; font-weight: 500; font-size: 18px; line-height: 125%  }
#navi-desktop ul { list-style: none; margin: 0; padding: 0 }
#navi-desktop ul li { display: inline-block; padding: 5px; margin: 0 0 0 30px; }
#navi-desktop ul li:first-child { padding-left: 0; margin-left: 0}
#navi-desktop ul li:last-child { padding-right: 0; margin-right: 0}
#navi-desktop a { color: #fff; text-decoration: none }
#navi-desktop a:hover { color: #fff; text-decoration: none }
#navi-desktop a.currentpage { color: #C6B082; color: white; border-bottom: 1px solid #C6B082; padding-bottom: 3px; }


/* Home */
.banner { height: 50vh; background: ; background-image: url(/uploads/images/banner.jpg); max-width: 1280px; margin:auto }
.slideshow { max-width: 1280px; margin:auto }
.slideshow-inner { height: calc(100vh - 220px - 235px) }

.uk-alert { max-width: 800px; padding: 15px; }
.uk-alert-close { color:  !important; opacity: 1 !important }



/* Inhalt */
.gold { color: #C6B082 }

.hildedomin { font-size: 0.55em; color: #C6B082 }

#content { padding: 40px 50px 40px 50px }
#content section { padding: 40px 0 }
.bild { margin: 0 50px }
#content section:nth-child(even) .bild { order: -1 }

.home-bild-inspiration { max-width: 200px; height: auto; float: right }

.werke-platzhalter { height: 320px }
.bild-werke { width: 440px; height: auto }
.bild-werke1 { margin-left: 30px }
.bild-werke2 { padding: 0 }
.bild-werke3 { margin-top: 50px; margin-left: 150px }
.bild-werke4 { margin-top: 50px; margin-left: 100px }
.bild-werke5 { margin-left: 40px; margin-top:50px; }
.blumen-beruehren { width: 130px; height: auto; margin:200px 0 0 70px }

.stationen { padding-top: 50px }
.stationen:nth-of-type(1) { padding-top:0 }
.stationen:nth-of-type(2) { padding-top:150px }
.stationen h2, .heute h2 { margin-left: 20px; margin-bottom: 0; color: #C6B082; }

footer { color: #fff; padding: 30px 0; margin-top:120px; border-top: 1px solid #C6B082 }
footer a, footer h3, footer h4 { color: #C6B082 }
footer a:hover { color: #C6B082 }
footer p, footer h3, footer h4 { margin: 0 0 0.5em 0 }
.kleber { width: 175px; height: auto }
.fusszeile { font-size:0.8em; padding: 30px 0; margin-top:60px; }

#datenschutz, #datenschutz h1, #datenschutz h2, #datenschutz a { color: black }
#datenschutz p { margin: 0 0 0.5em 0 }
#datenschutz p a { border-bottom: 1px solid black }














@media screen and (max-width:1279px) {
.logo-sticky { left: 10px }
.logo-sticky .logo { margin-left: 0 }
.quote { right: 40px }
.navi-desktop { right: 40px }
.newsbutton { top: 120px; left: 45px }
.werke-platzhalter { height: 1px }

.bild-werke1 { margin-top: 0 }
.bild-werke2 { padding: 0 }
.bild-werke3 { margin-top: 0; margin-left: 0 }
.bild-werke4 { margin-top: 0 }
.bild-werke5 { margin-top: 0 }
}

@media screen and (max-width:767px) {
.logo-sticky { left: 10px }
.quote { left: 30px; width: calc(100vw - 30px) }
.navi-desktop { top: 74px; }
#navi-desktop { font-size: 16px }
#navi-desktop ul li { margin-left: 15px }

.werke-platzhalter { height: 0 }
.bild-werke { width: 100%; height: auto }
.bild-werke1 { margin: 0 }
.bild-werke2 { padding: 0 }
.bild-werke3 { margin: 0 }
.bild-werke4 { margin: 0 }
.bild-werke5 { margin: 0 }
}

@media screen and (max-width:639px) {
.header { padding-top: 20px }
.logo-sticky { left: 0; padding-top: 10px }
.logo-sticky .logo { margin: 20px 0 0 0 }

#toggle { z-index: 1000; position: absolute; right: 15px; top: 35px; cursor:pointer; margin:0; padding:5px; border:none; color: #fff; background: none }

#navi-mobile { font-family: "Norms", sans-serif; position:absolute; padding: 20px 15px 0 15px; font-size: 28px; line-height:140%; width: calc(100% - 30px); background:#321C15 }
#navi-mobile ul { list-style: none; margin: 120px 0 0 0; padding: 0; text-align: center; }
#navi-mobile ul li { padding: 8px 10px; margin: 5px 0 0 5px }
#navi-mobile a, #navi-mobile a:hover { color: white; text-decoration: none }
#navi-mobile ul li a.currentpage { color: #C6B082 }

.newsbutton { top: 120px; left:30px }

.quote { left: 15px; width: calc(100vw - 30px) }

#content { padding: 0 0 30px 0 }
#content section { padding: 40px 0 }
#content .bild { margin: 20px 30px }
#content section:nth-child(even) .bild { order: 0 }
#content .kontaktbild { margin: 0 }

footer { margin-top: 30px }
}