/* cmsms stylesheet: mmarc 23 modified: Montag, 15. Dezember 2025 14:46:45 */
@font-face{ font-family:"HelveticaNeueCondensed"; font-weight:400;font-display:swap;
	src:url("/fonts/9516ef74-4fe9-45fe-a09f-493cb9518f71.woff2") format("woff2"),url("/fonts/5b99bc59-1b2e-446b-961e-2e1dbdfcd641.woff") format("woff") }
@font-face{ font-family:"HelveticaNeueCondensed"; font-weight:500; font-display:swap;
	src:url("/fonts/1a559dd9-e51e-45d5-86eb-f343223bacef.woff2") format("woff2"),url("/fonts/581fae27-b5f4-44ab-b5b1-92f11d4f9838.woff") format("woff") }
@font-face{ font-family:"HelveticaNeueCondensed"; font-weight:600; font-display:swap;
	src:url("/fonts/02980b3d-1e37-4378-a5c6-4cf0d6ce0ba5.woff2") format("woff2"),url("/fonts/2d1e8a5f-eb7a-47a1-be1d-878bb9a46b6e.woff") format("woff") }


::selection { background-color: #c2d3db; color: white }
::-moz-selection { background-color: #c2d3db; color: white }

html { scroll-padding-top: 109px }
body { font-family: "HelveticaNeueCondensed", sans-serif; font-weight:500; font-size: 24px; line-height: 140%; color: #4b4b4d; letter-spacing: 0.05em }
.bg-home { background: #c2d3db }
.container { max-width: 900px !important }

hr { margin: 0.5em 0 -1em 0 }
p { margin: 0 !important }
h1,h2,h3,h4,h5 { font-family: "HelveticaNeueCondensed", sans-serif }
h5 { font-size: 20px; margin: 1em 0; }
h1 { font-weight: bold; font-size: 1.2em }
h1 a { color: #4b4b4d }
hr { border-top: 1px solid #4b4b4d !important }
.titel-home { margin-top: 20px; color: white; font-family: "HelveticaNeueCondensed", sans-serif; font-weight:500; font-size: 24px; font-weight: normal }
a { text-decoration: none }
a:hover, ul a:hover, h1 a:hover { text-decoration: none }
a:focus { outline: 0 }

strong { font-family: "HelveticaNeueCondensed", sans-serif; font-weight: 600 !important }

.spruch { margin: 0 0 30vh 0; width: 100% }
.spruch h2 { margin-top: 20px; color: white; font-family: "HelveticaNeueCondensed", sans-serif; font-weight:500; font-size: 24px; line-height: 140% }
.start-weiter { margin-bottom: 30px; z-index: 4000; color: white }
.start-weiter:hover { color:white }
.start-weiter img { width: 45px }

header { padding: 30px 0; background: #c2d3db }
.header-home { background:transparent; position:absolute; top:0; z-index:1000; width:100vw }
.logo { width: 300px }
.logo-home { width: 50vw; max-width: 495px; margin-top: 5vh }

#toggle { cursor:pointer; padding:2px 10px 0 0; float: right; border:none; color: white; background: none }
#navi { margin: 30px 0 10px 0 }
#navi ul { margin: 0; padding: 0; list-style: none; display:inline-block }
#navi ul li { padding:0; margin: 0; display:block}
#navi ul li a { color: white }
#navi ul li a.menuactive { color: #4b4b4d }



.container-projekte-realisiert, .container-projekte-in-arbeit, .container-wettbewerbe, .container-sandbox { margin: 0 auto; padding: 0 !important }
.container-projekte-realisiert br { display: none }
.container-projekte-in-arbeit br { display: none }
.container-wettbewerbe br { display: none }
.container-sandbox br { display: none }
.container-kontakt .kontakt-button { display: none }




.content { margin:30px 0; font-family: "HelveticaNeueCondensed", sans-serif; font-weight: 400; font-size: 20px; line-height:140%; letter-spacing: 0.05em; }
.content h1 { color: #4b4b4d; font-size:24px; font-weight:500; padding-bottom:10px; border-bottom: 1px solid #4b4b4d; margin: 1.5em 0 0.5em 0; }
.content h2 { color: #4b4b4d; font-size:24px; font-weight:500; padding-bottom:10px; margin: 1.5em 0 0.5em 0; }
.content h3 { color: #4b4b4d; font-size:1em; font-weight:400; padding-bottom:10px; border-bottom: 1px solid #4b4b4d; margin: 1.5em 0 0.5em 0; }
.content h4 { color: #4b4b4d; font-size:1em; font-weight:400; padding-bottom:10px; margin: 1.5em 0 0.5em 0; }

.content p { letter-spacing: 0.03em; margin: 0 0 1em 0; /* max-width:700px */ }
.content-aktuell img { margin: 10px 0; /* max-width:700px */ }
.content-archiv img { margin: 10px 0; max-width:500px }
.content a { color: #4b4b4d; border-bottom: 2px dotted #4b4b4d }
.content a:hover { color: #719aae; text-decoration: none; border-bottom: 2px dotted #719aae }
.content ul { list-style: none; padding: 0; margin: 0 }
.content ul li { margin: 0; padding: 0 0 0 1.5em }
.content ul li:before { margin: 0 0 0 -1.5em; padding: 0 0.4em 0 0; content: "—" }

.content-projekte-realisiert, .content-projekte-in-arbeit, .content-wettbewerbe, .content-sandbox { margin-top: 0 }
.content-projekte-realisiert p, .content-projekte-in-arbeit p, .content-wettbewerbe p { margin: 0 }



/* News */

article { padding-bottom: 30px }
.news-detail img { margin: 10px 0; width: 100%; height: auto; }



/* Galerie */

.gallery, .owl-carousel { font-family: "HelveticaNeueCondensed", sans-serif; font-weight:500; font-size: 24px; line-height: 140%; letter-spacing: 0.05em }
.gallery ul li { margin: 0; padding: 0 }
.gallery ul li:before { display:none }
.gallery a, .gallery a:hover { color: white; border:none }


/* Archiv */

.archiv ul li { margin: 0; padding: 0 }
.archiv ul li:before { content: none }

.uk-accordion-title { font-size: 24px; border: none !important; padding-left: 30px; display: inline-block; }
.uk-accordion-title:focus, .uk-accordion-title:hover { color: #719aae; border: none }
.uk-open .uk-accordion-title { color: #719aae }
.uk-accordion-title::before { width: 18px; height: 18px; background-size: contain;float:left; margin: 8px 0 0 -30px; }
.uk-accordion-title::before { background-image: url("/img/plus.svg")}
.uk-open>.uk-accordion-title::before { background-image: url("/img/minus.svg") }
.uk-accordion>:nth-child(n+2) { margin-top: 10px }

.uk-accordion-content { color: #4b4b4d; padding: 0 0 60px 30px; }
.uk-accortion-content img { max-width:500px }
.uk-accordion-content a {  }

.uk-overlay-primary { background: rgba(0,0,0,.3); color: #fff; line-height: 120% }
.uk-overlay p { margin: 0 }
.uk-lightbox-toolbar { background: none }
.next { z-index: 1010; margin-bottom: 10px }
.uk-close { background: rgba(0,0,0,.3); padding: 15px; margin: 20px; }


/* Kontakt-Button */

.kontakt-button { font-family: "HelveticaNeueCondensed", sans-serif; font-weight:500; font-size: 24px; text-transform: none; letter-spacing: 0.05em; color: white; background: #c2d3db; padding: 0 20px;
position: fixed; top: 90%; right: 0; height: 40px; z-index:1000;  }

.uk-offcanvas-bar { color: #000; background: #fff; width: 300px; height: 260px; top: calc(90% - 300px); 
position: fixed; font-size: 20px; padding: 20px 0 20px 20px }
.uk-offcanvas-bar a { color: #4b4b4d; border-bottom: 2px dotted #4b4b4d }
.uk-offcanvas-bar a:hover { color: #719aae; text-decoration: none; border-bottom: 2px dotted #719aae }
.uk-offcanvas-close { background: none !important; color: #444 !important; padding: 0; top: 0; right: 0 }
.kontaktadresse { margin-top: 35px}


.impressum { float: right; padding: 40px }
.impressum a { color: white }
.impressum a:hover { text-decoration: none; color: #4b4b4d }
.map { width: 100%; height: 50vh; margin: 30px 0 0 0 }








/* Responsive */

@media screen and (min-width:960px) {
.spruch { width: 900px; padding: 0 }
}





@media screen and (max-width:800px) {
html { scroll-padding-top: 59px }
.uk-slidenav-previous, .uk-slidenav-next { display: none }
header { padding: 20px 0 }
.content img { max-width: 100% }
}

@media screen and (max-width:639px) {
/* ul.uk-slideshow-items { height: 300px } */
}

@media screen and (max-width:420px) {
html { scroll-padding-top: 49px }
.spruch { margin-bottom: 25vh }
.spruch h2 { font-size: 16px; line-height: 20px; }
header { padding: 15px 0 }
.logo { width: 200px; margin-top: 5px }
.logo-home { width: 60vw; margin-top: 3vh }
.text p { width: 100% }
.impressum { padding: 20px; font-size: 20px }

#aktuell { height: calc(100vh - 80px) }

.logoblock-mobile { display: block; display: none; }
.uk-overlay-primary { font-size: 20px; line-height: 120% }
.uk-padding-small { padding: 10px }
.next { margin-bottom: 8px }
.next svg { width: 30px }

}

@media screen and (max-width:320px) {
body { font-size: 20px }
#navi { margin: 10px 0 }
.uk-overlay-primary { font-size: 15px; line-height: 120% }
.uk-offcanvas-bar { height: 270px }
}