/* 30em | 480px */
@media only screen and (min-width: 30em) {
	.header-image .header-caption,
	.header-slider .header-caption {
		max-width: 65%;
	}
	.header-image .header-caption .title,
	.header-slider .header-caption .title {
		font-size: 1.375em;
		line-height: 1.375em;
		margin-bottom: 0.125em;
	}
	.header-image .header-caption .subtitle,
	.header-slider .header-caption .subtitle {
		font-size: 1.25em;
		line-height: 1.375em;
	}

	.gallery .imagebox {
		width: 33.333334%;
	}

	/* Buttons Cookie-Banner Footer */
	.cookie-hint .cookie-hint-buttons a.btn {
		display: inline-block;
	}
	.cookie-hint .cookie-hint-buttons a.btn.essential {
		float: left;
	}
	.cookie-hint ul.links {
		margin: 0;
	}
	.cookie-hint ul.links li {
		display: inline-block;
		padding-right: 15px;
		margin: 0;
	}

	/* Cookie settings */
	.cookie-settings .btn {
		display: inline-block;
		width: auto;
	}
	.cookie-settings-area .btn.cookies {
		width: 48.5%;
		margin-right: 2%;
	}
	.cookie-settings-area .btn.cookies.save {
		float: left;
	}
	.cookie-settings-area .btn.cookies.all {
		margin-right: 0;
	}
	.cookie-settings-area #cookie-settings-container {
		bottom: 120px;
	}

	/* Google Maps, Youtube */
	.cookie-info-wrap .cookie-info-text  {
		top: 50%;
		transform: translate(0, -50%);
		padding: 2em 3em;
	}
}

/* 40.625em | 650px */
@media only screen and (min-width: 40.625em) {
	.gallery .imagebox {
		width: 25%;
	}
	.header-image .header-caption,
	.header-slider .header-caption {
		bottom: 60px;
		max-width: 65%;
	}
	.header-image .header-caption .title,
	.header-slider .header-caption .title {
		font-size: 1.5em;
		line-height: 1.375em;
		margin-bottom: 0.125em;
	}
	.header-image .header-caption .subtitle,
	.header-slider .header-caption .subtitle {
		font-size: 1.375em;
		line-height: 1.25em;
	}

	.teaser-home .flex-container {
		justify-content: space-between;
		align-items: flex-start;
	}
	.teaser-products .flex-container {
		justify-content: space-between;
		align-items: strech;
	}

	.teaser-home .flex-container,
	.teaser-products .flex-container {
		justify-content: flex-start;
	}
	.teaser-home .flex-container .flex-item,
	.teaser-products .flex-container .flex-item {
		width: 48.5%;
		margin-bottom: 1em;
		margin-right: 3%;
	}
	.teaser-home .flex-container .flex-item:nth-child(2n),
	.teaser-products .flex-container .flex-item:nth-child(2n) {
		margin-right: 0;
	}
	ul.team {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}
	ul.team > li {
		width: 48%;
		margin-right: 4%;
		margin-bottom: 4%;
	}
	ul.team > li:nth-child(2n) {
		margin-right: 0;
	}

	.product-details ul.product-data > li .label {
		width: 50%;
		padding: 0.75em 0.75em;
	}
	.product-details ul.product-data > li .value {
		width: 50%;
		padding: 0.75em 0.75em;
	}

	.footer-nav {
		padding-top: 0;
	}
	.footer-nav .flex-container {
		padding: 1.5em 0;
	}
	.footer-nav .flex-container .content {
		padding-bottom: 0em;
	}
	.footer-nav .flex-container .flex-item {
		width: auto;
	}
	.footer-nav .flex-container .flex-item.info {
		width: 75%;
	}
	.footer-nav .flex-container .flex-item.siteby {
		width: 25%;
	}
	.footer-nav .flex-container .flex-item.siteby .content a {
		float: right;
	}
	.footer-nav .flex-container .flex-item.info .content ul {
		display: flex;
		flex-wrap: wrap;
	}
	.footer-nav .flex-container .flex-item.info .content ul li {
		padding-right: 4px;
		margin-bottom: 0;
	}
	.footer-nav .flex-container .flex-item.info .content ul li::after {
		content: '|';
		margin-left: 4px;
	}
	.footer-nav .flex-container .flex-item.info .content ul li:last-child::after {
		content: '';
	}

	.ontop {
		bottom: 75px;
		right: 30px;
	}
}

/* Tablet 46.875em | 750px */
@media only screen and (min-width: 46.875em) {
	.gallery .imagebox {
		width: 20%;
	}

	.image-left {
		float: left;
		width: 40%;
		margin: 0 1.5em 1.5em 0;
	}
	.image-right {
		float: right;
		width: 40%;
		margin: 0 0 1.5em 1.5em;
	}
	.header-image img.desktop {
		display: block;
		/* max-height: 400px;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center; */
	}
	.header-image img.mobile {
		display: none;
	}
	.header-slider ul.slides li img.desktop {
		display: block;
		max-width: 1500px;
		margin: 0 auto;
	}
	.header-slider ul.slides li img.mobile {
		display: none;
	}
	.header-image .header-caption,
	.header-slider .header-caption {
		bottom: 40px;
		left: 40px;
	}
	.header-image .header-caption .title,
	.header-slider .header-caption .title {
		font-size: 1.5em;
		line-height: 1.375em;
		margin-bottom: 0.125em;
	}
	.header-image .header-caption .subtitle,
	.header-slider .header-caption .subtitle {
		font-size: 1.25em;
		line-height: 1.375em;
	}

	.mainContent.mainRight {
		width: 70%;
		float: right;
		padding: 2em 0 2.5em 1em;
	}
	.mainContent.mainLeft {
		width: 70%;
		float: left;
		padding: 2em 1em 2.5em 0;
	}
	.mainContent {
		width: 100%;
		float: none;
		padding: 2em 0 2.5em 0;
	}
	.introduction-home {
		padding-bottom: 0;
	}
	/* .product-details .gallery ul.images li {
		width: 24.4375%;
		margin: 0 0.75% 0.75em 0;
	}
	.product-details .gallery ul.images li:nth-child(3n) {
		margin-right: 0.75%;
	}
	.product-details .gallery ul.images li:nth-child(4n) {
		margin-right: 0;
	} */
	.product-details .flex-item {
		width: 58%;
	}
	.product-details .flex-item.thumbs {
		width: 40%;
		margin-left: 2%;
	}
	.sidebarLeft {
		width: 30%;
		margin-right: 70%;
		padding: 2em 1em 2.5emx 0;
	}
	.sidebarRight {
		width: 30%;
		padding: 2em 0 2.5em 1em;
		float: right;
	}

	.teaser-home .flex-container .flex-item,
	.teaser-products .flex-container .flex-item {
		width: 32%;
		margin-bottom: 1em;
		margin-right: 2%;
	}
	.teaser-home .flex-container .flex-item:nth-child(2n),
	.teaser-products .flex-container .flex-item:nth-child(2n) {
		margin-right: 2%;
	}
	.teaser-home .flex-container .flex-item:nth-child(3n),
	.teaser-products .flex-container .flex-item:nth-child(3n) {
		margin-right: 0;
	}

	.teaser-home .flex-container a .content {
		padding: 0.5em 0.375em;
	}

	ul.pages li.alternative {
		display: inherit;
	}
	ul.pages li.dots {
		display: block;
		padding: 5px 8px;
		color: #8c8c8c;
		text-decoration: none;
	}
	ul.pages li {
		margin-left: 4px;
		font-size: 0.875em;
		line-height: 2em;
	}
	ul.pages li a {
		padding: 4px 13px;
	}

	.flex-container.footer-column .flex-item {
		width: 25%;
	}
	.flex-container.footer-column .flex-item:first-child {
		width: 50%;
	}

	.footer ul.social-icon {
		padding-top: 10px;
	}

	/* Google Maps, Youtube */
	.cookie-info-wrap .cookie-info-text  {
		padding: 2em 5em;
	}

	.cookie-settings-area {
		width: 55%;
		max-width: 625px;
	}
	.cookie-settings-area #cookie-settings-container {
		padding: 30px 30px 0 30px;
	}
	.cookie-settings-area a.close-hint {
		right: 30px;
	}
	.button-wrap-fixed {
		width: 55%;
		max-width: 625px;
		left: auto;
		padding: 25px 30px 10px 30px;
	}

}

/* Desktops 60em | 960px */
@media only screen and (min-width: 60em) {
	.header .header-wrapper {
		display: block;
		padding: 2em 0 1.75em 0;
		margin: 0 2.25em;
		position: relative;
	}
	.header .logo a img {
		height: 60px;
	}
	.header-spacer {
		height: 120px;
	}
	.header-spacer.expanded {
		height: 140px;
	}
	.header-spacer.cms-mode {
		height: 150px;
	}
	.header-spacer.cms-mode.expanded {
		height: 170px;
	}

	.wrapper {
		padding: 0 2.25em;
	}
	.desktop {
		display: block;
	}

	.header-image .header-caption,
	.header-slider .header-caption {
		bottom: 50px;
		left: 40px;
	}
	.header-image .header-caption .title,
	.header-slider .header-caption .title {
		font-size: 1.75em;
		line-height: 1.375em;
		margin-bottom: 0.125em;
	}
	.header-image .header-caption .subtitle,
	.header-slider .header-caption .subtitle {
		font-size: 1.375em;
		line-height: 1.375em;
	}

	.submenu {
		max-width: 25em;
	}
	ul.news-overview li {
		margin-bottom: 4em;
	}
	ul.news-overview li .date {
		float: left;
		font-size: 1.125em;
	}
	ul.news-overview li .content {
		margin-left: 6em;
	}

	ul.team > li {
		width: 31%;
		margin-right: 3.5%;
		margin-bottom: 3.5%;
	}
	ul.team > li:nth-child(2n) {
		margin-right: 3.5%;
	}
	ul.team > li:nth-child(3n) {
		margin-right: 0;
	}
}

/* Desktops 70em | 1120px */
@media only screen and (min-width: 70em) {
	.flex-container.footer-column .flex-item {
		width: 20%;
	}
	.flex-container.footer-column .flex-item:first-child {
		width: 60%;
	}
}
/* Desktops 85em | 1360px */
@media only screen and (min-width: 85em) {
	.header .header-wrapper {
		max-width: 80em;
		margin: 0 auto;
	}
}