/* Fixer Hero-Hintergrund */
#hero-wrapper{
    background:url("../images/home/slider-bg.webp") center bottom / cover;
    height: 700px;
    overflow:hidden;
    position: relative;
}

#hero-slider, .sp-slides-container, .map-filialen {
    height: 700px;
}

/* Bild – rechts, max. 50 % Breite */
.slide-image{width:50%;}
.slide-text{width:25%;}

.slide-text,.slide-image{
    transform: scale(1);
}

.sp-slides {
    height: 100%;
}

.slide-text img {
    filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.985));
}

.slide-image img {
    filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.8));
}

@media(max-width:1400px){
    #hero-wrapper, #hero-slider, .sp-slides-container, .map-filialen {
        height: calc(100vw * 0.5);
    }
}

/* Mobile: Elemente stapeln */
@media(max-width:768px){
    #hero-wrapper, #hero-slider, .sp-slides-container, .map-filialen {
        height: 550px;
    }

    .slide-text,.slide-image{
        transform: scale(1) !important;
    }
    .slide-text{left: 0 !important; top: -50% !important; width: 100% !important; text-align: center !important;}
    .slide-image{right: 0 !important; top: 40% !important; width: 100% !important; text-align: center !important;}
    .slide-image img {
        
        width: 90% !important;
        max-width: 400px !important;
        height: auto !important;
    }
    .slide-text img {
        width: 70% !important;
        max-width: 300px !important;
        height: auto !important;
    }
}

#inputplz {
	border-radius: 10px;
	bottom:0;
	padding:15px;
	max-width: 700px;
}
		
#inputplz input {
	border-color: #000 !important;
	box-shadow: inset 3px 3px 10px -6px #555;
}				

@media (max-width: 768px) {
    #inputplz {
        font-size: 1em;
    }

    #inputplz h4 {
        font-size: 18px;
        font-weight: bold;
    }

    .navbar .btn-md {
        padding: 1px 3px !important;
        font-size: 0.9em;

    }
}

.header-content-inner {
	margin-top: -50px;
		z-index:500;
		position:relative;
}

@media (min-width: 972px) {
	.header-content-inner {
		margin-top:-100px;
	}
}
#homebuttonswrapper {
	position: absolute;
	top: 30px;
	right: 30px;
}

.card {
    box-shadow: 0 0 10px -5px rgba(0,0,0,0.7);
}

.card-primary .card-header,
.card-primary .card-footer,
.card-danger .card-header,
.card-danger .card-footer {
	background:#cf2e29;
	color:#fff;
	border:none;
	font-size:1.3em;
}

.card-primary,
.card-danger {
    border-color:#fff;
}
			
.btn-danger,
.btn-primary,
.btn-success {
	background:#cf2e29 !important;
	border: 2px solid #cf2e29 !important;
}
			
.card-primary,
.card-danger {
	margin-bottom:30px !important;
	border-width:0;
}
			
.card a,
.card a:hover {
    text-decoration:none;
}
				
.card-primary .card-header h4 ,
.card-danger .card-header h4 {
	color:#fff;
	font-size:1.5em;
}

.card-primary  .card-header h2 {
	color:#fff;
	background:none;
	padding:5px 0;
}