html {
  overflow-y: scroll;
}

body {
    font-family: 'Lato', sans-serif;
    min-height: 20px;
    padding-top: 70px;
    color:#333;
}
h1 {
    font-family: 'Montserrat', sans-serif;
    font-weight: normal;
}

.btn {
    text-transform: uppercase;
}

.btn-outline-primary:hover {
    background-color: #006aae;
    border-color: #006aae;
}
.btn-outline-primary {
    border-color: #006aae;
    color:#006aae;
}

.card-link + .card-link {
    margin-left:0px;
    margin-right:1.25rem
}
.card-link {
    margin-right:1.25rem
}
a {
    color:#006aae;    
}

/* Header */

.topline {
    background-color:#FFF;
    border-bottom: 1px solid #ABABAB;
}

.toplogo {
    max-height:50px;
    margin-top:10px;
}

/* Navigation */
.nav-description {
    font-size:10px; 
    text-align:center;
    font-family: 'Lato', sans-serif;
    text-transform: none;
    color:#666;
} 

.navbar-light .navbar-nav .nav-link {
    color:#333333;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    text-align:center;
    font-weight: 700;
} 

.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
    color:#006aae;
}


.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: .85rem;
    padding-left: .85rem; 
    -webkit-transition: color 0.75s ease-out;
	-moz-transition: color 0.75s ease-out;
	-o-transition: color 0.75s ease-out; 
    transition: color 0.75s ease-out;
    -webkit-transition:  margin-top 0.5s ease-out;
	-moz-transition:  margin-top 0.5s ease-out;
	-o-transition:  margin-top 0.5s ease-out;
    transition:  margin-top 0.5s ease-out;
}

.navbar-expand-lg .navbar-nav .nav-link:hover {
    color:#ffbb2c;
    margin-top:-5px;    
}

.nav-description {
    -webkit-transition: color 1.75s ease-out;
	-moz-transition: color 1.75s ease-out;
	-o-transition: color 1.75s ease-out;
    transition: color 1.75s ease-out;
    -webkit-transition:  margin-top 0.75s ease-out;
	-moz-transition:  margin-top 0.75s ease-out;
	-o-transition:  margin-top 0.75s ease-out;
    transition:  margin-top 0.75s ease-out;
}

.navbar-expand-lg .navbar-nav .nav-link:hover .nav-description {
    color:#006aae;
    margin-top:-4px;  
}

.navbar-toggler {
	position: fixed;
	top: 18px;
	right: 18px;
}

.shk-nav {
    background-color:#FFF !important;
}

/* Stimmungsbild */ 

.stimmungsbild {
    background-image: url(/shk/assets/img/banner-bg.jpg);
    height: 200px;
    background-position: center;
    text-align: center;
    padding-top:65px;
    
}

.stimmungsbild h3 {
    color: #FFF;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    text-align: center;
    font-size:55px;
    font-weight: normal;
    background-image: url(/shk/assets/img/yellow80.png);
    display: inline-block;
    padding-left: 15px;
    padding-right: 15px;
}

.stimmungsbild h2 {
    color:#fff;
    text-shadow: 1px 1px 2px #00000099, 0 0 3px #00000099, 0 0 0.2px #00000099;
}

@media (min-width: 768px) { 
    .stimmungsbild {
        height: 400px;
    }

 }


/* STARTSEITE */

/* Blaue ebene */

.outerblue {
    background-color: #4190c3;
    background-image: url(/shk/assets/img/background-blue.jpg);
    background-position: center;
    border-top:5px solid #FFF;
    padding-bottom: 50px;    
    background-attachment: fixed;
}
.light {
    color:#FFF;
}
.outerblue h3 {
    font-family: 'Montserrat', sans-serif;
    text-align: center;
    font-weight: 400 !important;
    color:#FFF !important;
    font-size:20px;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: uppercase;
}
.outerblue h1 { 
    font-family: 'Montserrat', sans-serif;
    font-weight: 500 !important;
    color:#FFF !important;
    font-size:40px !important;
    text-transform: uppercase !important;
}

.outerblue .control-label, .outerblue .form-check-label {
    color:#FFF;
}

/* Cards Starseite */

.startcard {
    width:100%;
    outline: 3px solid #9dc6e1;
    outline-offset: 5px;
    border-radius: 0px;    
}

.startcard .card-header {
    text-align: center;
    background-color: #ffbb2c;
    text-transform: uppercase;
    font-size:20px;
    color:#006aae;
    border-radius: 0px; 
    margin-bottom:2px;
    padding-bottom:2px;
    background-repeat: no-repeat;
    background-position: bottom left;
}
.startcard .card-header b {
    font-size:35px;
    color:#fff;    
}
.startcard .card-text {
    font-size:15px;
}

.startcard .card-text b {
color:#ff192f;
}

.handwerker {
    background-image: url(/shk/assets/img/handwerker.png);
}

.hersteller {
    background-image: url(/shk/assets/img/hersteller.png);
}

/* Card Partner */
.partnercontainer h3 {
    font-family: 'Montserrat', sans-serif;
    text-align: center;
    font-weight: 400;
    color:#333;
    font-size:20px;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: uppercase;
}
.partnercontainer .card {
    border:0px;
}

.partnercontainer .card-img-top {
    padding:20px;
    /* jeweils maximale Masse */
    max-height: 80px; 
    max-width: 100%;
    /* dazu relativ: */
    height:auto; 
    width: auto; 
    
}

/* footer */

footer {
    background-color:#ffbb2c;
}

footer, footer p {
    font-size:13px;
    padding-top:0px;
    margin-top:0px;
}
footer img {
    max-height: 50px;
}
footer a {
    color:#333;
    font-weight: 700;
}
/* content */

.outercontent .container {
    margin-top: 30px;
}

.outercontent h1 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    color:#006aae;
    font-size:30px;
    text-transform: uppercase;
}
@media (min-width: 768px) { 
    .outercontent h1 {
        font-size:40px;
    }
}

.outercontent h2 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    color:#ffbb2c;
    font-size:25px;   /* wurde fuer gut befunden by JM */
    
    
}
.outercontent h3 {
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    color:#006aae;
    font-size:20px;   
}

.cleancard {
    background-color: #ffffff00;
    color:#fff;
    border: 1px solid #CCC;
}

/* Smalltext */

.smalltext, .smalltext p, .smalltext li {
    font-size:13px; 
    /* word-wrap:break-word; */
}
.smalltext ul {
    margin-top:10px;
    text-align: left;
    margin-left:0px;
    padding-left:10px;
}

.smalltext h2 { 
    font-size:20px;
}
.smalltext h3 { 
    font-size:16px;
}

/* Service Boxen */

.servicecard {
    min-width:300px; 
    margin-bottom:20px !important;
    margin-top:10px;
}
.servicecard .outerimg {
    background-color:#006aae33;
    border-top-right-radius: .25rem;
    border-top-left-radius: .25rem;
}
.servicecard .outerimg img{
    max-height: 150px;
    width: auto;
}
.servicecard .card-footer {
    color: #006aae;
    font-size: 20px;
    background-color:#ffd680;
}

.servicecard .card-text {
    font-size:14px;
}

.servicecard .card-title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    color:#ff192f;  
    font-size:25px;       
}

/* VCards Zusatzkonfiguration */

.vcardbody {
    background-color: #4190c3;
    background-image: url(/shk/assets/img/background-blue.jpg);
    background-position: center;    
    background-attachment: fixed;
    margin-top:60px;
}
.vcardbody footer {
    background-color:#FFFFFF00;
    color:#FFF;
}
.vcardbody footer a {
    color:#FFF;
}
.vcardbody footer h3 {
    font-size:14px;
}

.vcardouter {
    background-image: none !important;
    background-color: #FFFFFF00 !important;
    padding-bottom: 0px;
    border-top:0px;
}

.vcardcontent {
    background-color:#fff;
    border-radius: 2px;
}

.leftbox {
    padding: 30px;
    padding-top:20px;
}
.leftbox address {
    font-size: 13px;
    text-align: center;
    word-wrap:break-word;
}
.leftbox address strong {
    font-size:15px;
}
.leftbox address, .leftbox address a {
    color:#333;
}
.leftbox address .fas {
    width:20px;
}



/* kann weg, der dreck 

.rightbox {
    padding: 30px;
    padding-right: 31px;
    padding-top:0px;
}

.navrow .col {
    background-image:url(/shk/assets/img/banner-bg.jpg);
    background-repeat: no-repeat;
    background-size:cover;
    background-position: center;
    margin:1px;
    min-height:100px;
}

.navrow .last {
    border-top-right-radius: 2px;
}

.navrow .col a {
    display: block;
    margin-top:80px;   
    background-color:#333333CC;
    text-align:center;
    margin-bottom:15px;
    color:#FFF;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
}

*/

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {   
    color: #fff;
    background-color: #006aae;    
}

.rightbox .nav-link {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400 !important;
    text-transform: uppercase;
    font-size: 14px;
}


.vcardcontentrow h1 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400 !important;
    color:#006aae !important;
    font-size:25px !important;;
    text-transform: uppercase;
} 

.vcardcontentrow h2 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    color:#ffbb2c;
    font-size:23px;   
}

.vcardcontentrow {
    font-size: 14px;
}


/* Backend */

.adminbody {
    padding-top:110px;
 }

@media (min-width: 992px) { 
    .adminbody {
        padding-top:70px;
    }

 }

.sortable1, .sortable2 {
   width: 100% !important;
   background-color:#F2F2F2;
   border:0px !important;
}

.sortable1 {
    padding:5px;
}


.ui-state-default { 
    font-size: 12px !important;
    font-weight: 700;
    line-height: 1.5;    
    text-transform: uppercase;
    border:0px;
    border-radius: 25px;
    padding: .25rem .5rem;
    padding-left:16px !important;
    font-size: 14px !important;
}

.ui-state-default .fas { 
  min-width:25px
}

.sortable1  .ui-state-default { 
    /* aktive punkte */
    background-color:#006aae;
    color: #FFF;
    /*
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
    */
    font-size:16px !important;
    margin:0px;
    margin-bottom: 5px;
}

.sortable2  .ui-state-default { 
    width: 45%;
    float: left;
}


/* fontawesome fuer klassen überschreiben */
.fa-1::before {
    content: "\f1b9";
}
.fa-2::before {
    content: "\f1ad";
}
.fa-3::before {
    content: "\f19d";
}
.fa-4::before {
    content: "\f0e7";
}
.fa-5::before {
    content: "\f46a";
}
.fa-6::before {
    content: "\f0d6";
}
.fa-7::before {
    content: "\f2e7";
}
.fa-8::before {
    content: "\f21e";
}
.fa-9::before {
    content: "\f06d";
}
.fa-10::before {
    content: "\f109";
}
.fa-11::before {
    content: "\f2dc";
}
.fa-12::before {
    content: "\f722";
}
.fa-14::before {
    content: "\f0ad";
}
.fa-15::before {
    content: "\f0e3";
}
.fa-16::before {
    content: "\f043";
}
.fa-17::before {
    content: "\f0f2";
}
.fa-18::before {
    content: "\f0b1";
}
.fa-52::before {
    content: "\f141";
}
.fa-53::before {
    content: "\f64f";
}
.fa-27::before {
    content: "\f275";
}
.fa-28::before {
    content: "\f630";
}



#message {
	font-size:18px;
	font-family: 'Roboto Condensed', sans-serif;
	position:fixed;
	z-index:1050;
	top:0px;
	left:0px;
	width:100%;
	border-top-left-radius:0px;
	border-top-right-radius:0px;
	text-align:center;
	border-bottom:1px solid #333;
}

.form-group-error .invalid-feedback, .form-group-error .invalid-tooltip {
	display: block;
}



.adminvcardlogo {
    max-height:100px;
    border:1px solid #E6E6E6;
    margin-top:5px;
    margin-bottom:5px;
    padding:20px;
}