.headerbild img {
    width: 100%;
    max-width: 1262px;    
}
#footer-icons .svg-inline--fa {
    font-size: 2em;    
}
#footer {
    background: linear-gradient(to bottom, #ca0707 0%,#6c0404 100%);
}
section.page-header {
    padding: 5px 0;
    margin: 0;
    background-color: rgba(0,0,0,0.2);    
}
section.page-header h1, .content-1 h1 {
    font-size: 1.5rem;
}
section.page-header, section.page-header h1 {
    color: rgba(255,255,255,0.8);
}
section {
    padding: 0;
}
#header {
    font-size: 15px;
    padding-top: 1em;
}
.icon-set img {
    margin-right: 4px;
 }
.kinderseite {
    margin-right: 1em;
 }
.anschrift-allegro address, .anschrift-allegro ul {
    margin-bottom: 1em;
}
#topMain > li > a {
    height: 56px;
    line-height: 56px;
}
#topMain.nav-pills > li > a, #topMain.nav-pills > li > a { 
    background-color: rgba(202, 7, 7, 1);
    color: rgba(255,255,255,0.6);
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
}
#topMain.nav-pills > li:hover > a, #topMain.nav-pills > li:focus > a { 
    background-color: rgba(0,0,0,0.4););
    color: rgba(0,0,0,1);
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
}
#topMain.nav-pills > li.activ  > a {
    background-color: rgba(0,0,0,0.2);
    color: rgba(202, 7, 7, 1);
}

#slidetop a.slidetop-toggle:after { 
    content: url("../../images/arrow-down-1.svg");
    width:18px;
    height: 18px;
}
#slidetop.active a.slidetop-toggle:after {
	content: url("../../images/arrow-up-1.svg");
}
#slidetop h1, #slidetop h2, #slidetop h3, #slidetop h4, #slidetop h5, #slidetop h6 {
    color: #660909;
}
#slidetop span, #slidetop p, #slidetop li {
   font-size: 1.2em;
}
.side-nav {    
    border-right: rgba(148,149,150,0.3) 1px solid;
}
.mb-60 {
    margin-bottom: 60px !important;
    border: 1px solid  rgba(148,149,150,0.3);
    padding: inherit;
    border-radius: 15px;
}
.mb-60 h4 {
    color: #ca0707;
}
.mb-60  p.aktuell {
    padding-left: 1.8rem; 
    font-size: 0.8rem;
}
.mb-60  p.tel {
    padding-left: 1.8rem; 
    font-size: 1.5rem;
}
.h4-text, .h6-text {
	padding-left: 0.5em;
    color: #660909;
}
}
#footer ul.footer-links > li > a::before {
    content: "";
    padding-right: 0px;
}
@media (min-width: 1200px) {
	.container {
	    width: 1600px;
	    max-width: 100%;
	}
    .headerbild {
    display: flex; 
    justify-content: center;
    }
}
#footer address {
    background: url('../../images/klavier_footer_bg.png') no-repeat center;
}


@media only screen and (max-width: 992px) {
	/* Force 160px */
	#header {
		height:160px !important;
	}
	#header #topNav a.logo {
		height:160px !important;
		line-height:50px !important;
	}
	#header #topNav a.logo>img {
		max-height:160px !important;
	}
	#header #topNav #topMain>li>a {
		height:40px !important;
		line-height:40px !important;
		padding-top:0;
	}
    #header #topNav #topMain>li {
    display: block !important;
    }
    .icon-set {
        display: none;        
    }
}
@media only screen and (max-width: 850px) {
	#header #topNav a.logo>img {
		max-height:30px !important;
	}
    div.kinderseite img{
        max-height:50px !important;   
    }
}
@media only screen and (min-width: 350px) {	
	.container {
		max-width: 100%;
	}
 
}

@media only screen and (max-width: 750px) {	
    div.kinderseite img{
        display: none !important;   
    }	
    #header #topNav a.logo>img {
       clear: left !important;
       display: flex;  
	}
    .side-nav, .bieten, .content-1, #cookiedingsbums {
    font-size: 14px;
    }
    .content-1 h1 {
    font-size: 1rem;
    }
    .lead {
    font-size: 14px;    
    }
    
}

@media only screen and (max-width: 350px) {
	/* Force 160px */
	#header #topNav a.logo > img{
		display: none;        
    }	
}
div.side-nav ul {
		display:block;				
	}
.bold {
        font-weight:bold;
}
.btn-success{
    background-color: rgba(255,255,255,0.6);
    border-color: rgba(255,255,255,0.6);
    color:#ca0707;
}
.btn-success:hover{
    background-color: rgba(255,255,255,0.9);
    border-color: rgba(0,0,0,0.6);
    color: #ca0707;
}
.ds-hinweis {
    font-size: 9px;
}
section#slider {
    margin: auto;
    
    height: auto;
    max-height: 350px;
    background-color: rgba(255,255,255,1);
}
#header.navbar-toggleable-md .navbar-collapse { 
    width: 85%;    
    margin: auto;
}    
.btn-mobile {
    font-size: 35px;
}  
.content-btn{
    background-color: rgba(148,149,150,0.05);
}
blockquote{
    border: solid 1px #ca0707;
    border-radius: 15px;
    margin: 40px 10px 10px 10px;
    padding: 15px 15px 15px 41px;
    background-color: #FBE8E4;
    background-image: url('../../images/postquote.png');
    background-repeat: no-repeat;
    background-position: left top;
} 
.mb-60 h4 {
    margin-top: 1em;
}
.mb-60 ul {
  list-style: none; /* Remove default bullets */
}

.bieten ul li::before {
  content: "\25C7";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #ca0707; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}
.side-nav .svg-inline--fa {
    margin-right: 1em;    
}
div.kinderseite img {
    border: solid 1px #ca0707;
    border-radius: 15px;   
    margin: auto;
}
.content-1 img, footer img{ 
  border-radius: 15px;  
  max-width: 100%;
  height: auto;
}
.m-red {
    color: #ca0707;    
}
.clear-both {
    clear: both;
} 
#footer > .copyright {
    background-color: transparent;
}
.first {
    border-top-left-radius: 15px !important;
     border-top-right-radius: 15px !important;
}
#slidetop {
	padding-left: 1.5em;
    background-color: #7d7b7b; 
    color: #fff;
}
#slidetop a.slidetop-toggle {
    border-top: 35px solid #7d7b7b;
}
#form-login-username input, #form-login-password input{
    color: #999;
}
div.form-tag {
    display:flex;
    flex-wrap: wrap;
}
div.form-tag .form-group{
    flex:flex: 0 1 auto;;
}
.form-tag .form-group table td {
padding: 0 5px;
}
section.page-header .breadcrumb {
    color:#ca0707;
}
.side-nav li.side-active a{
    color: #A94545 !important;
}
.k-table td {
    padding-right: 1em;
}
.d-center img{
    display: block;
    margin-left: auto;
    margin-right: auto;    
}
.video figcaption{
    font-weight: 100;
    font-size: 0.75em;   
}
.youtube-video div{
    width: 50%;   
}
.foto div {
    width: 33%;   
}
.toggle.toggle-bordered-full div.toggle:last-child > label{
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}
.toggle.toggle-bordered-full div.toggle.active:last-child > label{
    border-bottom: none !important;
    border-radius: 0 !important;        
}
.toggle.toggle-bordered-full div.toggle.active:last-child > div.toggle-content{
    border-bottom: #ccc 1px solid !important;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;        
}
.form-group textarea {
    width: 50%;
    height: 5rem;
}
.form-group select, input#name, input#telefon {
    width: 35%;
}

@media only screen and (max-width: 750px) {	
    .form-group textarea {
    width: 100%;
    height: 5rem;
    }
    .form-group select, input#name, input#telefon {
    width: 100%;
    }
}

.hauptue {
    font-size: 1.5rem;
    margin: 0 0 44px 0;
    font-family: 'Open Sans',Arial,Helvetica,sans-serif;
    font-weight: 600;
    color: #414141;
}
.coro {color: #fff; background-color:  #7d7b7b; padding: 1em; margin-bottom: 1em; border-radius: 15px;}

#cookiedingsbums a {color:#ca0707; text-decoration:none;}

#cookiedingsbums a:hover {text-decoration:underline;}

#cookiedingsbums div {padding:10px; padding-right:40px;}

#cookiedingsbums { 
   color: #fff;
   outline: 1px solid #ca0707; 
   text-align:right; 
   border-top:1px solid #fff;
   background-color:  #7d7b7b;      
   position:fixed;
   bottom:0px; 
   z-index:10000; 
}
#cookiedingsbumsCloser {font-size: 2em; padding-right: 40px;
     }

/* ENDE COOKIE-HINWEIS */