/* cmsms stylesheet: fonts modified: Mittwoch, 21. August 2024 17:27:42 */
/* @import must be at top of file, otherwise CSS will not work */
@import url("https://cdn.fonts.net/t/1.css?apiType=css&projectid=7a05dbb9-99e0-4ed9-bfac-e5bcce68034b");
  


@font-face {
  font-family: "DINNextRegular";
  font-style: normal;
  font-stretch: normal;
  font-display: swap;
  src: url('/fonts/DINNext/DINNextRegular_normal_normal_subset1.woff2') format('woff2'), url('/fonts/DINNext/DINNextRegular_normal_normal_subset1.woff') format('woff');
  unicode-range: U+0020-0024,U+0026-003b,U+003d,U+003f-005b,U+005d-005e,U+0060-007b,U+007d-007e,U+00a3,U+00a5,U+00a7,U+00ab,U+00b4,U+00b7,U+00bb,U+00c0-00cf,U+00d1-00d4,U+00d6,U+00d8-00dc,U+00df-00ef,U+00f1-00f4,U+00f6,U+00f8-00fc,U+00ff-0103,U+010d,U+0112-0115,U+011e-011f,U+012a-012d,U+0130-0131,U+0142,U+014c-014f,U+0152-0153,U+015e-015f,U+016a-016d,U+0178,U+0440,U+060b,U+09f3,U+0e3f,U+17db,U+1e9e,U+2010-2011,U+2013-2014,U+2018-201a,U+201c,U+201e,U+2026,U+2039-203a,U+20a1,U+20a6-20a7,U+20a9-20ae,U+20b1-20b2,U+20b4-20b5,U+20b8-20ba,U+20bd-20be,U+2191;
}
@font-face {
  font-family: "DINNextBold";
  font-style: normal;
  font-stretch: normal;
  font-display: swap;
  src: url('/fonts/DINNext/DINNextBold_normal_normal_subset1.woff2') format('woff2'), url('/fonts/DINNext/DINNextBold_normal_normal_subset1.woff') format('woff');
  unicode-range: U+0020-0024,U+0026-003b,U+003d,U+003f-005b,U+005d-005e,U+0060-007b,U+007d-007e,U+00a3,U+00a5,U+00a7,U+00ab,U+00b4,U+00b7,U+00bb,U+00c0-00cf,U+00d1-00d4,U+00d6,U+00d8-00dc,U+00df-00ef,U+00f1-00f4,U+00f6,U+00f8-00fc,U+00ff-0103,U+010d,U+0112-0115,U+011e-011f,U+012a-012d,U+0130-0131,U+0142,U+014c-014f,U+0152-0153,U+015e-015f,U+016a-016d,U+0178,U+0440,U+060b,U+09f3,U+0e3f,U+17db,U+1e9e,U+2010-2011,U+2013-2014,U+2018-201a,U+201c,U+201e,U+2026,U+2039-203a,U+20a1,U+20a6-20a7,U+20a9-20ae,U+20b1-20b2,U+20b4-20b5,U+20b8-20ba,U+20bd-20be,U+2191;
}
/* cmsms stylesheet: fms 2024 modified: Mittwoch, 10. Dezember 2025 11:18:08 */



html { 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;
}


.uk-grid-small { margin-left: -10px }
.uk-grid-small>* { padding-left: 10px }
.uk-grid-small>.uk-grid-margin { margin-top: 10px }


body,h1,h2,h3,h4 { font-weight: normal; color: black }
body { font-family: 'DINNextRegular', sans-serif; font-size: 17px; line-height:130% }
h1 { font-family: 'DINNextBold', sans-serif; font-size: 3em; color: white; margin: 0; width:750px; line-height:100%; letter-spacing: 0.02em }
h2 { font-family: 'DINNextBold', sans-serif; font-size: 3em; color: black; margin: 0; width:750px; line-height:100%; letter-spacing: 0.02em }
h2:after { 
	content: ""; /* This is necessary for the pseudo element to work. */ 
    display: block; /* This will put the pseudo element on its own line. */
    margin: 20px 0 0 0; /* This will center the border. */
    width: 80px; /* Change this to whatever width you want. */
     /* This creates some space between the element and the border. */
    border-bottom: 2px solid #1B171B; /* This creates the border. Replace black with whatever color you want. */
}
h3 { font-family: 'DINNextBold', sans-serif; font-size: 1.8em; color: black; letter-spacing: 0.04em; margin: 0 0 5px 0; }
a, a:hover { color: black; text-decoration: none }
p { margin: 0 0 1em 0 }
strong { font-family: 'DINNextBold', sans-serif; font-weight: normal }

header { padding: 30px 0 }
.logo { width: 100px }
section { padding: 40px 0; }
ul { list-style: none }
nav ul { padding: 0; margin: 104px 0 0 0; font-size:1.2em; }
nav ul li { display: inline-block; padding: 0 0 0 40px }
nav ul li:first-child { padding-left: 0 }

nav ul li a { font-family: 'DINNextBold'; letter-spacing: 0.05em }

#titelbild { height: calc(100svh - 188px) }
.runter { width: 20px; margin-bottom: -1px; }

#intro { padding-bottom: 1em }
#intro p { font-size:1.2em; line-height:130%; margin: 0 0 1em 0; max-width: 620px; }
#angebot { background: #BFAF9B }
#angebot p { margin: 0 }
#angebot ul { border-top: 1px solid #1B171B; max-width: 320px; padding: 0 0 20px 0; margin: 0 auto }
#angebot ul li { padding: 3px 0 0 0; margin: 0; line-height: 150% }
#angebot ul li:after { 
	content: ""; /* This is necessary for the pseudo element to work. */ 
    display: block; /* This will put the pseudo element on its own line. */
    margin: auto; /* This will center the border. */
    padding: 0;
    width: 50%; /* Change this to whatever width you want. */
     /* This creates some space between the element and the border. */
    border-bottom: 1px solid #1B171B; /* This creates the border. Replace black with whatever color you want. */
}
#angebot ul li:nth-child(1) { padding-top: 3px }
#angebot ul li:nth-child(1):after { width: 90% }
#angebot ul li:nth-child(2):after { width: 80% }
#angebot ul li:nth-child(3):after { width: 70% }
#angebot ul li:nth-child(4):after { width: 60% }
#angebot ul li:nth-child(5):after { width: 50% }
#angebot ul li:nth-child(6):after { width: 40% }

#aktuell { background: #F6F6F6; text-align: left }
.newsbereich { padding: 10px; background: white }
.newsbereich p { margin: 0 }
.newskachel { padding: 10px; background: #F6F6F6 }
.newsbutton { width:35px }
.newsdatum { color: #BFAF9B; font-size:0.85em; }
.newstext { padding-bottom: 1em; height: 160px }
.uk-card { background: #F6F6F6 }
.uk-card-body { padding: 15px 12px 15px 15px }

.portrait { padding: 5px 0 1em 0 }
#uebermich p { margin: 0 0 1em 0; max-width: 670px }
.werdegang { line-height:120%; margin: 0 0 0.5em 0; font-size: 0.85em }
.werdegang p { margin: 0 0 0.5em 0 !important }

.mail a { color:black; text-decoration:underline }

footer { background: #BFAF9B }
.footer-oben { padding-top: 20px; padding-bottom: 20px; }
.footer-unten { padding: 10px 0 }
.adresse { margin-left: 10px; line-height: 140% }
.adresse p { margin: 0 0 0.75em 0 }
.fusszeile { background: black; color: white; font-size: 0.85em }
.fusszeile a, .fusszeile a:hover { color: white; text-decoration: none }













@media screen and (max-height:580px) {
.passion { top:70% }
h1, h2 { font-size:2.5em }
}

@media screen and (max-height:360px) {
.passion { display: none; }
}


@media screen and (max-width:959px) {
h1, h2 { width: calc(100vw - 30px); width:780px; padding-left: 30px }
.newstext { height: 120px }
}

@media screen and (max-width:767px) {
nav ul { font-size: 1.1em }
nav ul li { padding-left: 30px }
nav ul li:first-child { padding-left: 0 }
.newstext { height: auto }
}

@media screen and (max-width:639px) {
header { padding: 20px 0; height: 108px; }
.logo { width: 80px }
section { padding: 35px 0 40px 0 }
#intro { padding-bottom: 0 }
#titelbild { height: calc(100svh - 148px) }
h1, h2 { font-size: 2.5em; width: calc(100vw - 15px); padding-left: 15px }
nav { display: none }

}

@media screen and (max-width:559px) {
nav ul { margin:0 }
nav ul li { padding: 0; display: block; line-height: 160%; }
nav ul li a { padding: 0 10px }
.adresse { font-size: 0.85em; line-height: 135% }
}