@charset "utf-8";
/* CSS Document 
    Datei: global.css
    (c) Grimm EDV Systeme Bernburg 2020 
*/
:root{
    --background-grey: #666;
    --grau:    #efefef;
    --blau:    #296b59;
    --bg-dark: #2f6b5b;
    --bg-dark-transparent: rgba(46, 107, 90, 0.6);
    --schwarz: #06131e;
    --weiss:   #FFFFFF;
    /* bootstrap-color overlays */
    --link-text-color: #grey;
    --blue: #007bff !important;
    --indigo: #6610f2 !important;
    --purple: #6f42c1 !important;
    --pink: #e83e8c !important;
    --red: #dc3545 !important;
    --orange: #fd7e14 !important;
    --yellow: #fed136 !important;
    --green: #28a745 !important;
    --teal: #20c997 !important;
    --cyan: #17a2b8 !important;
    --white: var(--weiss)!important;
    --white-transparent: rgba(255,255,255,0.8);
    --gray: #6c757d !important;
    --gray-dark: #343a40 !important;
    --primary: #2a5a59 !important;
    --secondary: #6c757d !important;
    --success: #28a745 !important;
    --info: #17a2b8 !important;
    --warning: #ffc107 !important;
    --danger: #dc3545 !important;
    --light: #F4F4F4 !important;
    --dark: #343a40 !important;
    /* font-size */
    --font-size-tip:12px;
    --font-size-medium:14px;
    --font-size-default: 16px;
    --font-size-default-block-header:22px;
    --font-size-icons: 25px;
}

body, html{width:100%; overflow-x:hidden;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{width:100%;}
a, .btn-link{ color:var( --link-text-color)!important;}
section{padding:50px 0}
[type="text"], [type="submit"],textarea, select{width:100%;margin-bottom: 0.25em !important;padding: .25rem 1.25rem !important;background-color:var(--grau);}
[type="text"], [type="submit"],textarea, select, .map iframe{border-radius:5px;border: solid 1px var(--bg-dark);}
section, footer{position:relative}
img{width: 100%; height: auto;}
#mainNav .navbar-nav .nav-item .nav-link, footer a, .navbar-brand{color: var(--white) !important;}
#mainNav .navbar-nav .nav-item .nav-link.active, #mainNav .navbar-nav .nav-item .nav-link:hover,footer .quicklinks .active-link a, footer a:hover{color: var(--yellow);}
.logo-CP{width: 230px;clear:both;}
nav .logo-CP h3{font-size:0.7em;margin-bottom: 0;}
nav .logo-CP h4{font-size:0.6em}
nav .logo-CP img{max-width: 50px;height:auto;}
.logo-CP .imgtxt-column-left-text{padding-top:9px}
.logo-text{min-width:300px;}
.logo-text, footer{color:var(--white) }
.logo-text p{margin-bottom:auto}
.navbar-brand p{margin-bottom:0}
.navbar-shrink .logo-CP img{max-width:50px}
.bg-weiss, section#contact .form, #mainBlock{background-color:var(--white); }
.bg-weiss-transparent-80{background-color:var(--white-transparent);}
.bg-dark, footer{background-color: var(--bg-dark)}
.bg-dark a{color:var(--white) }
.bg-light, #about,#accordionplanList .row:nth-child(odd), .page-section:nth-child(even){background-color: var(--light);}
.bg-black, .copyright{background-color:#06131e}
.btn{position:relative}
.btn .fas{position: absolute;right: 0;bottom: 0;}
.btn-xl{background-color: var(--bg-dark) !important;padding: 1em !important;border-color: var(--gray) !important;}
.box-shadow, .pruefungen, .sportplan{ box-shadow: 2px 2px 2px var(--bg-dark-transparent);border:solid 1px var(--bg-dark)}
.border-radius-default, .pruefungen, .pruefungen .calendar, .sportplan{border:solid 1px var(--gray); border-radius:0.25em;}
.flex-item-padding-default,.pruefungen, .sportplan{padding:1em;}
.flex-item{flex:1 0 0%;margin:1%;}
.flex-item .row{margin: 0;}
.flex-4, .flex-item.label {min-width:30%;}
.flex-8, .flex-item.value {min-width:60%}
.item-body{display:flex; flex-direction:column;}
.item-body .row{flex:1 0 0%;margin-top:0.5em}
.inline-flex{display:inline-flex;flex-direction: column;}
.inline-flex .flex-item{margin:1% 0}
.inline-flex .row{flex-direction:row;}
.calendar-dates{display:inline-flex; width:100%; flex-direction:column;}
.calendar_info{font-size: var(--font-size-tip);}
ol.calendar-dates{flex-direction:row;display: flex;flex-wrap: wrap;justify-content: space-around;margin: 0;padding: 0;}
ol.calendar-dates li{border:solid 1px #ccc;list-style-position:inside;padding: 3px 12px;margin-bottom: 1rem;border-radius:.25rem;background-color: var(--bg-dark);color: var(--weiss);box-shadow: 3px 3px 3px var(--bg-dark-transparent);}
ol.calendar-dates li::marker{font-size:60%;font-weight:700;margin-left:1em;}
#mainNav, #mainNav.navbar-shrink{background-color: var(--bg-dark);}
#mainNav .container{position:relative}
#mainNav .navbar-toggler{background-color:transparent;position: absolute;top:6px}
#mainNav .dropdown-menu{background:var(--bg-dark);}
#mainNav .navbar-nav .nav-item .dropdown-menu li a{color:var(--darkgray);}
#mainNav .navbar-nav .nav-item .dropdown-menu li{border-top:1px dotted var(--darkgray);}
#mainNav .navbar-nav .nav-item .dropdown-menu li.sub_first{border:none}
#mainNav .navbar-toggler{width: 42px;height: 42px;font-size: 42px;padding: 3px;}
.carousel-caption{bottom: 20% !important;}
.copyright{text-align:center; font-size:0.8rem; line-height:1.4rem}
.copyright a{width: 100%;color:var(--darkgray);}
.card-deck{width:100%;}
.card-deck .btn{clear:both; display:block; margin-top:1em}
.card-footer{font-size:0.8rem;line-height:1.25rem;padding: .25rem 1.25rem !important;}
.dark{background-color:var(--lightgray);}
.dsgvo .flex-item{flex:4 0 100%}
.dsgvo .inline-flex .row .flex-item{flex: 1 0 0%;}
.fas{font-size:var(--font-size-icons);}
.collapsed .fa-angle-up::before{content: "\f107" !important;}
.no-padding{padding:0}
.nav-link{white-space: nowrap;}
.page-section{padding: 60px 0;}
.spaceBeforeCP{clear:both}
.logos .flex-item{text-align: center;font-size:var(--font-size-medium);}
.logos .flex-item img{max-height:120px; width: auto; }
.legend{margin-bottom:15px; border-top:solid 1px #ccc;width:100%}
.legend p{font-size:80%;margin-bottom: auto;}
#mainNav .navbar-brand, #mainNav a{color:var(--white)}
#mainNav .navbar-brand{width: 1000px !important;max-width:100%;transition: unset;}
#carousel-2{position: absolute;left: 0;right: 0;}
#carousel-2 img{width: 100%;}
.accordion .card:nth-child(even){background:var(--light);}
#accordionSportlan button{text-decoration:none;padding: 0;}
#accordionSportlan .card-header:hover { background-color: var(--background-grey); }
#accordionSportlan .card-header:hover .btn-link div { color:var( --weiss);}
#accordionplanList .row {clear:both;display:block;margin-bottom:0.2em;padding:0.2em 0.5em}
#accordionplanList .row:nth-child(odd){}
#accordionplanList .row .label{font-size:80%; width:100%;vertical-align:top}
#about{background-image:url(/content/images/14adbd579b483f6b8068a0f7e02fb341.webp);background-repeat:no-repeat;background-size:cover;background-attachment: fixed;}
#about .header-row{background-color:var(--bg-dark-transparent); color:var(--weiss); padding:0.5em 0}
.pruefungen{background-color:var(--light); padding:1em;}
.pruefungen a{font-weight:bold; font-size:110%;}
.pruefungen h3{font-size:var(--font-size-default-block-header)}
.pruefungen .calendar-list{display:flex;flex-direction: row;flex-wrap: wrap;}
.pruefungen .calendar{flex: 1 0 0%;clear: both;overflow:inherit;margin: 0.2em;text-align: center;}
section#contact{background:var(--grau);}
section#contact h4{margin-bottom:1em}
section#contact .section-heading{color: var(--bg-dark);}
section#contact .container{max-width: 100%;}
section#contact .form{right:0;z-index:70;padding: 30px;font-size:1.2rem;}
section#contact .flex-item{margin:0}
section#contact form label{font-size:var(--font-size-medium);}
section#contact .map iframe{width:100%;z-index:-1}
section#contact .map iframe, section#contact .form{height: 600px;}
section#contact .form .row, section#contact .form .row i, section#contact .form .row p{line-height:1.4rem; margin-bottom:15px}
section#contact .form .row i{width:25px}
section#contact .form .row{padding:0 15px}
#footerBlock{padding-top:12px}
footer.py-4{padding-bottom:0 !important;}
footer .first{color:var(--weiss); text-align:left}
footer .first th{width:75px}
footer .logo-CP h3{font-size:1.1em;margin-bottom: 0;}
footer .logo-CP h4{font-size:1em}
footer .logo-CP img{max-width:60px;height:auto}
footer .contact .row, footer .contact .row i, footer .contact .row p{line-height:1.2rem; font-size:1rem}
footer .contact .row i{width:25px}
footer .contact .row{padding-left:20px;margin-bottom: 6px;}
footer .post-address{text-align: left;}
.open{border:solid 1px #ccc; border-radius:0.25em; background-color:var(--primary); padding:1em;}
.hidden-info{display:none}
#gaOptOut-banner, .cc-window.cc-floating{position: fixed;bottom: 0.5em;right: 0.5em;padding: 1em;width: 280px;left: auto;border-radius: 5px;background: rgba(255,255,255,0.9);z-index: 3000;border: solid 1px #008000;}
#gaOptOut-banner, #gaOptOut-banner a{font-size: 0.8rem;}
#gaOptOut-banner a, a.cc-btn{width:100%;margin-top:1em;display: block;text-align: center;color: var(--white) !important;line-height: 36px;border-radius: 0.25em;}
.cc-btn, #gaOptOut-banner .btn-success{background-color:green !important; text-decoration:none}
.cc-invisible{display:none;}
/* Extra small devices (portrait phones, less than 576px) */
@media all and(max-width:425px){
    #footerNavi li{border:solid 1px var(--white);}
}
@media (max-width:575.98px){}
/* Small devices (landscape phones, 576px and up) */
@media (min-width:576px){
    .card-deck{margin: 30px;}
    .dsgvo .inline-flex{width:400px}
}
@media all and (min-width:576px) and (max-width:767.98px){
    #carousel-2{width:100%; overflow:hidden;}
}
@media (min-width:768px){
    footer .last{vertical-align:top;height:224px}
    header.masthead .intro-text h4.intro-heading{font-size:50px}
    header.masthead .intro-text h5.intro-heading{font-size:30px; margin-bottom:0;}
    section#contact form label{margin-bottom:0.25em}
    section#contact .map iframe, section#contact .form{height: 600px;}
    section#contact .form{max-width:100px}
    section#contact .flex-4{min-width: 362px;}
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px){}
@media (min-width: 992px){
    #mainNav{background-color: var(--bg-dark-transparent);}
    #mainNav collapse{clear: both;width: 100%;}
    nav .logo-CP img{max-width:70px}
    section#contact .col-lg-4.form{max-width:450px}
    #accordionplanList .row .label{width:25%; font-size:80%}
    #accordionplanList .row .value{max-width:75%}
    #accordionplanList .row div{display:inline-block;}
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width:1199.98px){ 
    #navbarSupportedContent{position:absolute; right:0; bottom:0}
    nav .container{position:relative}      
}
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px){
    #navbarSupportedContent{position:absolute; right:0; bottom:0}
    nav .container{position:relative}
    footer .quicklinks li{float:left;}   
}