@media screen and (max-height: 900px){
    .popup .d-flex{
        display: block !important;
        height: auto;
    }
}


@media screen and (max-width: 950px){	
    h1{
        font-size: 2rem;
    }
    body{
        font-size: 1.3rem;
    }
    header .overlay h1{
        font-size: 2.5rem
    }
    
    .inner_box svg{
        transform: scale(0.8);
    }

    .row_reservierung{
        max-width: 630px;
        flex-wrap: wrap;
        margin: 0 auto;
    }
    .input_feld{
        width: calc(50% - 15px);
    }

    .popup .d-flex{
        display: block !important;
        height: auto;
    }
}
@media screen and (max-width: 750px){
    .pdf_box{
        width: 50%;
    }
    .inner_box{
        flex-direction: column;
        gap: 10px;
    }
    .getraenke_karte .inner_box{
        flex-direction: column-reverse;
    }
    .inner_box svg{
        transform: scale(1);
        max-height: 50px;
    }
    
    .header_logo, footer .logo{
        max-width: 300px;
    }
    
    .swiper_block{
        padding-bottom: 0;
    }
    .swiper_block .verlauf, .bg_icons{
        display: none;
    }
}
@media screen and (max-width: 650px){
	.w1280{
		padding: 0 30px;
	}
	h1, h2, h3, h4, h5, h6{
		
	}
	.margin_unten {
    	margin-bottom: 60px;
	}
	.margin_oben {
    	margin-top: 60px;
	}
     header .overlay h1{
        font-size: 2rem
    }
    .kontakt_box a{
        font-size: 1.5rem;
    }
    
    .reservierung_button{
        width: 120px;
        height: 120px;
        font-size: 1rem;
    }
    .reservierung_button svg{
        width: 40px;
    }
}
@media screen and (max-width: 600px){
    .swiper_arrows {
        display: none;
    }

    .row_reservierung,  .row_reservierung .input_feld input{
        text-align: left;
    }
    .input_feld{
        width: 100%;
        text-align: left;
        max-width: none !important;
    }
    .row{
        flex-direction: column;
    }
}
@media screen and (max-width: 550px){
	.pdf_box{
        padding: 30px 20px;
        font-size: 1.15rem;
    }
}



@media screen and (min-width: 750px){
    .swiper-slide {
        padding-bottom: 40%;
    }
	.swiper-slide-active {
        padding-bottom: 45%;
    }
}
@media screen and (min-width: 950px){	
    .swiper-slide {
        padding-bottom: 25%;
    }
	.swiper-slide-next, .swiper-slide-prev, .swiper-slide-active{
        padding-bottom: 30%;
    }
}

/**
 * 9.0 Print
 * ----------------------------------------------------------------------------
 */

@media print {
	body {
		background: none !important;
		color: #000;
		font-size: 10pt;
	}
}