/* cmsms stylesheet: Flurina 2026 modified: Montag, 6. Juli 2026 09:30:57 */





html { background: #F4F3EC url(/img/birke-desktop.webp) no-repeat; background-size: 200px; background-position: left top; background-attachment: fixed; }
body { font-family: "Ideal Sans SSm A", "Ideal Sans SSm B", Trebuchet, sans-serif; font-style: normal; font-weight: 300; font-size:16px; line-height:150%; color: #444 }

::selection { background: #D7CDB9; color: #444 }
::-moz-selection { background: #D7CDB9; color: #444 }

h1 { font-family: "Ideal Sans SSm A", "Ideal Sans SSm B", Trebuchet, sans-serif; font-style: normal; font-weight: 300; font-size: 1.7em; line-height: 130%; color: #444; margin: 0 0 0.5em 0 }
h2 { font-family: "Ideal Sans SSm A", "Ideal Sans SSm B", Trebuchet, sans-serif; font-style: normal; font-weight: 300; font-size: 1.3em; line-height: 130%; color: #444; margin: 0.25em 0 0.25em 0 }
h4 { font-family: "Ideal Sans SSm A", "Ideal Sans SSm B", Trebuchet, sans-serif; font-weight: 400; color: #3682A3; font-size: 1em; margin: 0 0 1em 0; font-weight: normal }
p { margin: 0 0 0.7em 0 }
ul { margin-top: 0 }
a { color: #444 }
a:hover { color: #444; text-decoration: none; }
.rot { color:  }
em { color: #444 }

.container { max-width: 1024px; margin-left: 200px; }
.spacer { height:0px }
.logo { padding-bottom: 5px }
.logo img { width: 270px; margin-left: 590px; margin-bottom: -70px; }
.name h1 { color: #3682A3; font-size: 50px; margin-left: -4px; }

#nav { padding: 40px 0 }
nav { padding: 0; margin: 0 }
nav ul { list-style: none;margin:0;padding:0; }
nav ul li { line-height: 200%; display: inline-block; margin-right:1.5em; }
nav ul li:last-of-type { margin-right:0; }
nav ul li a { font-size: 1.3em; font-weight: 300;text-transform: none; color: #3682A3 }
nav ul li a:hover { color: #3682A3 }
nav ul li a.currentpage, nav ul li a.activeparent { font-weight:500 }

.subnavi { margin-left: 15px; padding: 3px 0 0 0; font-size: 0.8em }


/* News */
.newsbutton { font-size:0.9em; line-height:120%; width:110px; height: 110px; color: #F4F3EC; background: #3682A3; border-radius:50%; text-align: center; top: 220px; left: clamp(10px,80vw,1200px); 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); rotate: 12deg }
.buttontext { padding: 0 10px; line-height: 120% }
.buttontext p { margin: 5px 0 }



.titelbild { min-height: 300px; height: 30vh }


#content { min-height: 300px }
#content a { color: #3682A3; font-weight:400; }
#content img { padding-bottom: 30px }
#content ul li { padding-bottom: 0.5em }
#content ul li:last-child { padding-bottom: 0 }

#content .uk-icon { vertical-align: text-bottom }

.timify-button { color: #F4F3EC; background: #3682A3; padding: 5px 7px; margin: 0 0 30px 0; border-radius:2px; cursor:pointer; display: table; }

.zitat { color: #444; font-style: italic; font-size:1.1em; line-height:140%; margin: 0 30px 30px 30px }
.zitat em { color: #444 }
.zitat-kontakt,.zitat-ueber-mich { border: none; background: none; margin: 0; font-size: 1em; font-style: normal }
.autor { font-size: 0.9em }

.spacer-portrait { height: 0 }


.button { background: ; border: none; padding: 5px 15px; margin-top: 15px; display: block;
     font-family:"Futura Book"; font-size: 1.70em; line-height: 1.4em; color: #444; text-align: center }
.button:hover { color: white; cursor: pointer }










/* media queries */


@media screen and (max-width:1279px) {
.logo img { width: 200px; margin: 0 0 -65px 410px }
.name { text-align: left }
.name h1 { font-size: 2.5em }
.spacer { height: 10px }
}

@media screen and (max-width:960px) {
.zitat { background: none; padding: 0; border: none; }
}

@media screen and (max-width:767px) {
    
html { background: #F4F3EC url(/img/birke-mobil.webp) repeat-y; background-size:60px; background-attachment: fixed }
.container { width: calc(100% - 65px - 60px); margin-left: 65px }


.logo { text-align: right }
.logo img { width: 170px; margin: 0 0 20px 0 }
.name { text-align: left }
.name h1 { font-size: 2em }
.spacer { height: 10px }
.spacer-portrait { height: 50px }

#burger { color: #3682A3; position: absolute; top: 108px; right: 20px; cursor: pointer; }
#mobilenavi { font-size: 14px; line-height: 20px }
#mobilenavi ul li { display: block }
#mobilenavi ul ul { margin-left: 20px }


.titelbild { min-height: 200px; height: 40vh; margin: 0 0 0 15px }

.uk-first-column { margin-top: 0!important }

#content h1 { font-size: 1.4em }
.zitat { margin: 0 15px }
.zitat-kontakt, .zitat-ueber-mich { margin: 0 }
}



@media screen and (max-width:639px) {
.container { width: calc(100% - 65px - 30px); margin-left: 65px }
.name h1 { font-size: 1.4em }
#nav { padding-bottom: 0 }
}
    
@media screen and (max-width : 375px) {
#nav .uk-subnav { padding: 0 1px 0 20px }
#nav .uk-subnav>* { padding-left: 0; padding-right: 13px }
#nav .uk-subnav li:last-child { padding-right: 0 }
}

@media screen and (max-width : 320px) {
#nav ul li a { font-size: 16px; padding: 5px 0 0 0 }
#nav .uk-subnav { padding: 0 1px 0 20px }
#nav .uk-subnav>* { padding-left: 0; padding-right: 11px }
#nav .uk-subnav li:last-child { padding-right: 0 }
}