/* cmsms stylesheet: Villa Ninck 2024 modified: Dienstag, 1. April 2025 15:08:55 */
@font-face{ font-family:"Calibri W01 Light"; src:url("/fonts/52f16f8c-2868-43ee-a2ca-378b097a3580.woff2") format("woff2"),url("/fonts/9cb02ba8-d928-43f5-a1bd-32fb78238194.woff") format("woff"); font-display:swap } 
    @font-face{ font-family:"Calibri W01 Regular_904604"; src:url("/fonts/367341fc-4cc6-4a79-89ad-d6c61561611e.woff2") format("woff2"),url("/fonts/1ff86dd4-d3b2-4325-89bc-c6eb493cedba.woff") format("woff"); ; font-display:swap }
    @font-face{ font-family:"Calibri W01 Bold_904607"; src:url("/fonts/3ded7064-503f-4fa0-853b-9f7a2cf55f20.woff2") format("woff2"),url("/fonts/4e7b2126-77d3-4e53-810d-7ccfde46450a.woff") format("woff"); font-display:swap }




html {min-height:100%;}

body {
font-family:'Calibri W01 Regular_904604', Calibri, sans-serif;
margin:0;
font-size:15px;
line-height:20px;
}

.bg-start { background:url(/uploads/images/hintergrundbilder-zufall/kindergarten.jpg) }

.clear {clear:both;}
strong { font-family:'Calibri W01 Bold_904607'; font-weight: normal !important}
img, img a { border: none; }
a { color: black; text-transform: none; text-decoration: underline; }
a:hover { color:#ededed; }

h1, h2, h3, h4 { font-family:'Calibri W01 Regular_904604', Calibri, sans-serif !important; font-weight: normal}
h1 { font-size: 2em !important; padding: 5px 0; }
.titel { border-top: 1px solid black; border-bottom: 1px solid black; margin: 30px 20px !important; }

table { margin-left: 30px; border-spacing:0; border-collapse:collapse; }
td { vertical-align: top; border-spacing:0; border-collapse:collapse; }

#container {
width:1000px;
margin:0 auto 0;
}

#content { display: block; margin: 0; overflow: hidden }
#headerbild { display: block; height: 50vh; min-height: 300px; max-height: 600px; margin: 0; overflow: hidden; }
#headerbild.bg-start { height:100dvh; }
#logo { padding: 20px 0 0 0; width: 500px; float: left; }
#logokreis { float: left; width: 131px }
#logokreis img { width: 131px; height: auto }
#logotext { color: #fff; font-size: 30px; line-height: 36px; margin: 44px 0 0 10px; float: left; }
#versalien { display: none }

.newsbutton { position: relative; top: clamp(140px,calc(50vh - 200px),410px); left: calc(50% + 310px); width:80px; height: 80px; color: black; background: none; border: 5px solid black; border-radius:50%; text-align: center; top: 165px; left: 90px }
.newsbuttontext { font-family:'Calibri W01 Bold_904607'; font-size:20px; line-height:100%; padding-top: 15px; text-transform: uppercase }

#titel { padding: 55px 20px 0 0; float: right; width: 400px; height: 121px; text-align: right; font-size: 30px; }
#text { font-family:'Calibri W01 Regular_904604'; font-size: 17px; line-height: 23px; margin: 20px; color: black }
#text p { margin: 0 0 12px 0 }
#text a { color: #777; text-decoration: none }

#trigger {position:absolute; top:50px; right:10px; width:80px;}
#mobile {background:#fff; position:absolute; top:30vh; right:0; width: 100%; font-size: 17px; box-shadow: none; z-index:3; }
#mobile a {color: black; display:block; padding:7px 15px; background:#fff; }
#mobile a:hover { text-decoration: none }
#mobile ul {margin:0; padding:0; list-style:none;}
#mobile ul li { font-family:'Calibri W01 Regular_904604'; display:block; border-bottom:2px solid black }
#mobile ul li:first-child { border-top:2px solid black }
#mobile ul ul li:first-child { border-top:2px solid black }
#mobile ul ul li:last-child {border:none;}
#mobile ul ul li { font-family:'Calibri W01 Light'; border-bottom: 1px solid black }
#mobile ul li.activeparent.parent.currentpage { border-bottom: 2px solid black }
#mobile ul ul li.activeparent.parent.currentpage { border-bottom: 1px solid black }

#menu { font-size: 13px; margin: 10px 0 10px 0; background: #ececec; min-height: 220px; }
#menu .menucol { float: left; width: 225px; margin: 25px 0 20px 20px; }
#menu ul { margin: 0; padding: 0; list-style: none; height: 144px; border-bottom: 1px solid #999; background: #ececec; }
#menu ul li a { display: block; line-height: 26px; padding: 2px 0 0 0; text-decoration:none; border-bottom: 1px solid #999; color: #777; font-family:'Calibri W01 Bold_904607'; font-weight: normal; border-top: 2px solid #999; border-bottom: 2px solid #999; }

#menu ul ul li a { font-family: 'Calibri W01 Regular_904604'; line-height: 26px; padding: 2px 0 0 0; text-decoration:none; border-top: none;border-bottom: 1px solid #999; color: #777 }

#menu ul li a { text-decoration:none; text-transform: none; margin: 0; }
#menu ul li a.currentpage { color: #222; }
#menu ul li a.parent { color: #777; }
#menu ul li a.menuactive.parent { color: #222; }
#menu ul li a.menuactive.menuparent.parent { color: #777; }



#downloads { color: #666; margin: 13px 20px 20px 10px; padding: 0; font-size:13px; line-height: 22px; border-top: 1px solid #666}
#downloads p { margin: 0 }
#downloads a {display: block; color: #666; margin:0; padding: 6px 0; text-decoration:none;
border-bottom: 1px solid #666 }

.gallery { margin: 0 0 50px 0 }
.gallery a, .gallerytitle { text-decoration: none !important; font-weight: normal; margin: 0 }


a.group {display:block;}
a.galdir img {display:block; padding-bottom:10px;}

.tablet { display: none }




@media screen and (min-width:1000px) {
html {background:none !important;}
}

@media screen and (min-width:999px) {
#trigger, #mobile {display:none}
}

@media screen and (max-width:999px) {
#headerbild { background-position: left center !important }
.home, .home25 { background:url(/uploads/images/villa19.jpg) center center no-repeat; background-size: cover; height: 100%; width: 100% }
.bg-start { background: none !important }
#container { width: 100% }
#logotext { padding: 0 10px; line-height: 28px; font-size: 24px; position: absolute; top: 70% }
.text-home { display: block }

.newsbutton { top:160px;left: 100px; }

#menu { display: none }
#text { margin: 20px 15px }
h1 { font-size: 30px !important }
h1.titel { margin-bottom: 0 !important; margin-left: 15px !important }
#downloads { margin-left: 15px }
}

@media screen and (min-width:667px) and (max-width:999px) {
.tablet { background: white; display: block }
#logotext { color: black; font-size: 24px !important; top: 20px; right: 80px; margin: 36px 0 0 0; text-align: right }
.tschau { display: inline-block }
#mobile { max-width: 60%; top: 15vh }
#content-container { background: white; margin:0 20px 0 50px; padding:20px 0 0; box-sizing:border-box; min-height:50vh; }
#content-container h1 {margin-top:0 !important;}
#headerbild {background:none !important;}
html {background-size:cover !important; background-position:50% 50% !important;}
.ios9 {min-width: 70% !important }
}

@media screen and (max-width:666px) {
html {background:none !important;}
html.home, html.home25 { background:url(/uploads/images/villa19.jpg) center center no-repeat !important; background-size: cover !important }
.tschau { display: none }
.text-home, .text-home25 { display: block; font-size: 2em !important; line-height: 130% !important }
#versalien { display: none; position: absolute; bottom: 8vh; left: 10px;
color: white; text-transform: uppercase; font-size: 3.5em; line-height: 110%; text-decoration: underline }
#mobile { top: 35vh; }
h1.titel { border: none; margin-top: 15px !important }

.newsbutton { top:160px;left: 90px; }
}

@media screen and (max-width:375px) {
#versalien { font-size: 3em }
}

@media screen and (max-width:320px) {
#versalien { font-size: 2.3em; bottom: 5vh }
#logokreis { width: 120px }
#logokreis img { width: 120px; height: auto }
}