/* cmsms stylesheet: box3_2018 modified: 22.08.2025 16:19:33 */
html {min-height:100%;}
.bg_home {background:url('/uploads/images/intro/1.jpg') no-repeat; background-size:cover;}


body {font-family: 'DIN Next W01 Light', Helvetica, sans-serif; font-size: 0.8em; line-height:18px; color:#222; letter-spacing: 0.04em;}

a { color: #222 }
a:hover { color: #222 }
strong { font-family:'DIN Next W01 Medium'; font-weight: normal }
p { margin: 0 0 10px 0!important }

h1 {font:inherit; font-size:2em; line-height:100%; padding:5px 0; margin:0 0 10px;}

::selection { background: #fff600; color: #222; }
::-moz-selection { background: #fff600; color: #222; }

.uk-width-1-8 {width: 12.5%;}
.uk-width-6-8 {width: 75%;}

.uk-grid-xsmall {margin-left: -7px;}
.uk-grid-xsmall>* {padding-left: 7px;}
*+.uk-grid-margin-xsmall, .uk-grid+.uk-grid-xsmall, .uk-grid-xsmall>.uk-grid-margin {margin-top: 7px;}

@media (min-width: 960px) {
.uk-width-1-8\@m {width: 12.5%;}
.uk-width-6-8\@m {width: 75%;}
}


#container { padding:70px 40px 0 40px;}

#header {margin:0 0 40px;}
#header img {width:80px; margin-left:-10px;}
#logo { display:block; width:100px; height:100px; border-radius:50%; background:black; color:white; text-align:center; line-height:100px; font-size:20px; text-decoration:none;}
.kreislogo { width: 100px }

#menu {margin-bottom:40px;}
.nav ul {margin:0; padding:0; list-style:none;}
.nav ul li {display:block; border-top:1px solid #ccc;}
.nav ul li:last-child { border-bottom: 1px solid #ccc }
.nav ul li a {display:block; padding:8px 0 5px; line-height:120%; color:#222; text-decoration:none;}
.nav ul ul li a {margin-bottom:1px;}
.nav ul ul li:last-child a { margin-bottom:0; }
.nav ul li a.currentpage, .nav ul li a.activeparent, a.currentprojekt {font-family:'DIN Next W01 Medium'; font-weight: normal;}
.nav ul ul {border-top:1px solid #ccc; }
.nav ul ul li {border:none;}
.nav ul ul li:last-child { border-bottom: 1px solid #ccc; border: none; }
.nav ul ul ul {display:none;}
#toggle {display:block; position:absolute; top:0; right:0; padding:20px; color:#333;}
.nav-home ul { font-family:'DIN Next W01 Medium'; font-weight: normal; letter-spacing: 0.04em;}
.nav-home ul, .nav-home ul li, .nav-home ul li:last-child { border-color:#666;}
.nav-home-mobile {margin-top:15px;}
.mobilemargin {margin:0 0 20px;}

.gallery a {display:block; margin-bottom:2px;}
.gallery a img {display:block;}

#projekt { padding-bottom: 20px }
.projektliste .projekt {margin-bottom:2px;}
.projektkurzbeschrieb {border-top:1px solid #ccc; padding:10px 0 20px; font-family:'DIN Next W01 Medium'; font-weight: normal;}
.projektkurzbeschrieb p { margin-bottom: 0 }
.abstand p { margin-bottom:10px }
.projektdownloads {border-bottom:1px solid #ccc; padding:10px 0 0 0;}
.projekttext {padding-bottom:0px; border-bottom:1px solid #ccc; }
#content_text {border-bottom:1px solid #ccc; padding:0;}

#content_start { max-width: 700px; margin-top: -5px; margin-left: 25px; }
#content_start p { font-family: 'DIN Next W01 Medium'; font-weight: normal; font-size: 22px; line-height: 125%; padding-bottom: 20px; }


.auszeichnung, .auszeichnung a { color: #1382c1 }
.newstext {border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:10px 0 0;}

.uk-modal-dialog-lightbox {background:transparent }
.uk-modal-caption {display:none;}
.gallery {padding-bottom:20px;}
.gallery img {display:block; margin-bottom:3px; width:100%;}
.newsgallery p {margin:0 !important;}


/* FILESERVER */

#files { padding:10px 0 0 0 }
#files ul {margin:0; padding:0; list-style:none; line-height: 160%;}
#files ul ul {margin:0; padding:0}
#files ul li strong { display:block; margin: 20px 0 5px 0; padding:0 0 2px 0;
border-top: none; border-bottom: 1px solid #ccc; font-size:1em }
#files ul li.fachplaner-unternehmer strong { border-top:2px solid #000; border-bottom:2px solid #000;
display:block; padding:10px 0 5px 0;margin: 40px 0 10px 0; font-size:1.5em;}

#files ul li#kostenkontrolle strong, #files ul li#submission strong { border-top:2px solid #000; border-bottom:2px solid #000;
display:block; padding:10px 0 5px 0;margin: 40px 0 10px 0; font-size:1.5em;}

#files ul ul li strong {display:block; margin: 20px 0 5px 0; padding:0 0 2px 0;
border-top: none; border-bottom: 1px solid #ccc; font-size:1em; }

/*
#files.bauherr ul li:nth-child(3) { display:none }
#files.bauherr ul li ul li:nth-child(3) { display: initial }
*/

/*
#files.bauherr ul li strong { border-top:2px solid #000; border-bottom:2px solid #000;
display:block; padding:10px 0 5px 0;margin: 40px 0 10px 0; font-size:1.5em }
*/
#files.bauherr ul li strong { display:block; margin: 20px 0 5px 0; padding:0 0 2px 0;
border-top: none; border-bottom: 1px solid #ccc; font-size:1em; }

/* #files.bauherr ul li ul li ul li strong, #files.bauherr ul li ul li ul li ul { margin-left: 30px } */
#files.bauherr ul ul li strong {display:block; margin: 20px 0 5px 0; padding:0 0 2px 0;
border-top: none; border-bottom: 1px solid #ccc; font-size:1em; }




/* BAUJOURNAL */

.login-baujournal { margin-top: 50px; border-top: 1px solid #ccc; padding-top: 50px }
.login-baujournal-submit { margin-top: 20px }




/* FORMULAR */

input {font:inherit; font-size:inherit;}

form input[type=text], form input[type=password] {display:block; width:100%; box-sizing:border-box; height:30px;}
.row {margin:5px 0 0;}
#logout {border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:10px 0 0;}



/* RESPONSIVE */
@media screen and (max-width:960px) {
#content_start { margin-left: 0 }
}


@media screen and (max-width:480px) {

body {font-size:18px; line-height:24px;}

#container { padding:15px;}
    
#header {margin-bottom:20px;}

#mobile {padding:20px 0;}

body {font-size:1em; line-height:140%; color:#222; letter-spacing:0.04em;}

}


@media screen and (max-width:768px) {

#container {min-width:auto;}

#header img {margin-left:0; margin-bottom: 20px;}

.newstext {border-bottom:none; padding:10px 0 20px;}

#logout {margin:0 0 10px;}

#content_start span { background: white; padding: 0 0 0 0; text-decoration: underline; }

}


@media screen and (min-width:768px) {
    
#container {max-width:1600px; min-width:1200px;}

#content .projektkurzbeschrieb {padding:10px 0 0;}
#content_text.contentpad {padding:20px 0 10px;}

#feu-project {padding-left:15px; padding-bottom:40px;}

}

@media screen and (min-width:959px) {

.nav-home-mobile {display:none;}
   
}