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

@media (max-width: 1199px) {

	iframe {
		height: 347px;
	}

	.logo {
		
	}
	
	header {
		height: 135px;
	}
	
	.mood.startseite {
		height: calc(100vh - 235px);
	}
	
	footer .adresse {
		margin-right: 20px;
	}
	
}

@media (max-width: 1024px) {

	.image-parallax {
		min-height: 140px;
		background-attachment: scroll;	
	}

}

@media (max-width: 991px) {


	iframe {
		height: 264px;
	}

	.mood.startseite .button_down {
		display: none;
	}

	.logo {
		margin-top: 24px;
	}

	header {
		height: 105px;
	}
	
	.mood.startseite {
		height: calc(100vh - 170px);
	}
	
	.teaser a.teaserlink {
		font-size: 16px;
		height: 80px;
		
	}

	.teaser a.teaserlink:after {
		top: 30px;
	}

	.teaser a.teaserlink span {
		font-size: 14px;
		
	}
	
	.image-parallax {
		min-height: 140px;
		background-attachment: scroll;	
	}
	.copyright,
	.webdesignby {
		text-align: center;
		float: none;
		display: block;
	}
	/*---FOOTER---*/

	footer .adresse {
		margin-right: 15px;
	}
	
}

@media (max-width: 767px) {

	iframe {
		height: 264px !important;
	}

	.logo {
		margin-top: 35px;
		width: 50%;
	}
	
	header {
		height: 125px;
	}
	
	.mood.startseite {
		height: calc(100vh - 190px);
	}
	
	.claim-container {
		position: relative;
		top: 45%;
	}
	
	.claim {
		font-family: 'Roboto Condensed', sans-serif;
		font-size: 38px;
		line-height: 38px;
	}
	
	.teaser a.teaserlink {
		font-size: 22px;
		height: 90px;		
	}

	.teaser a.teaserlink:after {
		top: 35px;
	}

	.teaser a.teaserlink span {
		font-size: 16px;
		
	}
	
	.breadcrumbs-container .breadcrumbs-title {
		display: block;
	}
	
	.breadcrumbs-container .breadcrumbs span {
		margin-left: 0px;
		margin-right: 0px;
	}
	
	/*---PARALLAX---*/

	.image-parallax {
		min-height: 140px;
		background-attachment: scroll;
	}
	
	/*---MOOD---*/
	
	.mood {
		height: 250px;		
	}

	.iso {
		margin: 0 auto 30px auto;
		width: 40%;
	}

	footer .adresse {
		float: none;
		/*margin-right: 0px;*/
		margin-right: 0px;

		vertical-align: top;
		width: 49%;
		display: inline-block;
	}

	footer .adresse.left {
		padding-right: 15px;
	}
	
}

@media (max-width: 414px) {

	.logo {
		width: 70%;
	}
	
	header {
		height: 95px;
	}
	
	.mood.startseite {
		height: calc(100vh - 160px);
	}

	.sidebar {
		margin-top: 0px;
	}

	.blog-entry {
		margin-bottom: 15px;
	}


	h1 {
		font-size: 30px;
		line-height: 35px;
	}

	h2 {
		font-size: 18px;

	}

	.tabelle-technische-daten tbody tr td {
		font-size: 14px;
	}

	.footer-abschluss {
		font-size: 14px;
	}

	.webdesignby {
		margin-top: 10px;
	}

}