@charset "UTF-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Saira+Condensed:wght@100;200;300;400;500;600;900&family=Saira+Extra+Condensed:wght@400;500;600;700;800;900&display=swap');



/* iPhone SE oä */

@media (max-width: 420px) {
	.dropdown-mobile a {
		font-size:22px;
		padding:12px;
    margin: 16px 28px !important;
}
	.datenschutz .title-text .title-text-p{
		font-size:35px !important;
	}
}

/* iPhone SE oä */




@media (max-width: 1050px) {
	#landing-page{
		flex-direction: column;
				width:calc(100% - 32px) !important;
	}
	
	.welcome-text h1 {
		font-size:80px;
	}
	.welcome-text div h5, .welcome-text div h2{
		font-size:50px;
	}
	.before-footer-image {
	height:auto;
		margin-bottom:0px;
	}
	section.footer, .before-footer-image{
		width: calc(100% - 32px);
	}
}


@media (max-width: 720px) {
	header {
		top: -1px;
	}
	.aktuelle-angebote, .welcome-text {
		width:100%;
		max-width: fit-content;
	}
	.aktuelle-angebote .wrapper {
		max-height: 300px;
    	max-width: 300px;
	}
	.aktuelle-angebote .wrapper div a {
		font-size:22px;
	}
	.aktuelle-angebote .wrapper div a:nth-child(1) {
    width: 135px;
    height: 135px;
	}
	.aktuelle-angebote .wrapper div a:nth-child(2) {
    width: 150px;
    height: 150px;
	}
	.aktuelle-angebote{
		max-width:300px;
	}
	.before-footer-image {
	height:auto;
		margin-bottom:0px;
		    width: calc(100% - 32px);
	}
	section.footer{
		height:auto;
		flex-direction:column;
		    align-items: center;
		    width: calc(100% - 32px);
	}
	.footer-inhalt-links{
		display: flex;
    	align-items: center;
    	flex-direction: column;
		padding-top: 60px;
	}
	.footer-inhalt-mitte{
		padding-top:60px !important;
	}
	.footer-inhalt-mitte div {
    display: flex;
    flex-direction: column;
    align-items: center;
	}
	.footer-inhalt-rechts {
		padding-top:60px !important;
    display: flex;
    flex-direction: column;
		align-items: center;
	}
	.welcome-text h1 {
    font-size: 19vw;
	}
	.welcome-text div {
		align-items:center;
		    justify-content: center;
	}
	.merch-artikel-white-wrapper, .merch-artikel-black-wrapper{
    flex-direction:column;
}
	.merch-artikel-white-image, .merch-artikel-black-image{
		width:100%;
	}
	.merch-artikel-white-image-options, .merch-artikel-black-image-options{
		margin-bottom:30px;
	}
	
}


@media (max-height: 1050px) {
	#landing-page{
		height:auto;
		min-height: 600px;
	}
	section.ueber-uns{
		height:auto;
	}

}



@media screen and (min-height: 1113px) {
				section.gap{
		height:7.1vh;
	}
}
			
@media screen and (max-width: 1450px) {
				.ueber-uns-bild {
    			width: 400px;
    			height: 400px;
			}
				.ueber-uns-text-und-bild {
        justify-content: space-between;
}
				.ueber-uns-bild {
					   margin-left:0px;
    position: relative;
				}

}
@media screen and (max-width: 1050px) {
				.ueber-uns-text-und-bild {
					flex-direction: column-reverse;
					align-items:center;
					margin-top: 120px;
				}
				.ueber-uns-text {
    width: 100%;
					margin-top:30px;
}
				section.gap-kontakt{
					display:none;
				}
				.ueber-uns h3, .mietobjekte h3, .merch h3, .kontakt h3, .datenschutz h1{
					font-size:40px;
					text-align: center;
					line-height:1.0;
				}
	.merch h3, .kontakt h3, .datenschutz h1{
		margin-bottom:30px;
	}
	
	.mietobjekte-titel-wrapper{
		width:100%;
	}
	
	.mietobjekte-titel-wrapper .kuerzel{
		font-size:40px;
	}
	
	.mietobjekte-titel-wrapper .titel{
		font-size:24px;
	}
	
	.mietobjekte-wrapper{
		flex-direction: column-reverse;
	}
	
	.mietobjekte-image {
    width: 100%;
		max-width:300px;
    margin-left: 0px;
    margin-top: 30px;
}
	
	.mietobjekt:nth-child(odd){
	width: calc(100% + 30px);
    margin-left: 0px;
    background-color: #F4F4F4;
    padding: 30px;
		margin-bottom:60px;
	}
	
	.mietobjekt:nth-child(odd) .mietobjekte-wrapper{
	flex-direction: column-reverse;
}

.mietobjekt:nth-child(odd) .mietobjekte-titel-wrapper{
	align-self:flex-end;
}

.mietobjekt:nth-child(odd) .mietobjekte-image{
	margin-left:0px;
}

.mietobjekt:nth-child(odd) .mietobjekte-text{
	margin-left:0px;
}
	
	.kontakt h3{
		margin-bottom:90px;
	}
	.kontakt-text-wrapper{
		flex-direction:column;
	}
	.kontakt-text-links {
		width:100%;
		max-width:720px;
		margin-right:0px;
		margin-bottom:60px;
	}
	.kontakt-text-rechts{
		margin-bottom:60px;
	}
}



@media screen and (max-width: 570px) {
	.merch-artikel-white-text, .merch-artikel-black-text {
		margin-left:0px;
		padding: 30px;
	}
}

@media screen and (max-width: 720px) {
	.kontakt h3{
		margin-bottom:30px;
	}
	.kontakt-text-links, .kontakt-text-rechts{
		margin-bottom:30px;
	}
	
}