/* ==========================================================================
	MEDIA QUERIES
	Responsible for responsive behavior.

	Infos:
	- Media queries are ordered from largest to smallest view!
	- Main steps:
		1. DESKTOP MEDIUM ("js-view--desktop-medium")
		1. DESKTOP SMALL ("js-view--desktop-small")
		3. LAPTOP ("js-view--laptop")
		4. TABLET ("js-view--tablet")
    	5. PHABLET ("js-view--phablet")
		6. PHONE ("js-view--phone")
		7. PHONE SMALL ("js-view--phone-small")
   ========================================================================== */

/* DESKTOP MEDIUM ("js-view--desktop-medium")
---------------------------------------------------------------------------- */

@media only screen and (max-width: 1920px) {

	/*
	 * Basic
	 */

	/*
	 * Typography
	 */

	body {
		font-size: 62.5%;
	}

	/*
	 * Extensions
	 */

	/*
	 * Modules
	 */

	/*
	 * Backbone
	 */

	/*
	 * Page
	 */

	/*
	 * Header
	 */

	/*
	 * Hero
	 */

	/*
	 * Main
	 */

	/*
	 * Footer
	 */

	/*
	 * Contact
	 */

	/*
	 * Control
	 */

}

/* DESKTOP SMALL ("js-view--desktop-small")
---------------------------------------------------------------------------- */

@media only screen and (max-width: 1600px) {

	/*
	 * Basic
	 */

	/*
	 * Typography
	 */

	body {
       font-size: 56.3%;
    }

    /*
	 * Extensions
	 */

	/*
	 * Modules
	 */

	/*
	 * Backbone
	 */

	/*
	 * Page
	 */

	/*
	 * Header
	 */

	/*
	 * Hero
	 */

	/*
	 * Main
	 */

	/*
	 * Footer
	 */

	/*
	 * Contact
	 */

	/*
	 * Control
	 */

}

/* LAPTOP ("js-view--laptop")
---------------------------------------------------------------------------- */

@media only screen and (max-width: 1366px) {

	/*
	 * Basic
	 */

	/*
	 * Typography
	 */

    body {
       font-size: 50%;
    }

    /*
	 * Extensions
	 */

	/*
	 * Modules
	 */

	/* General */
	.chunk-module {
		margin: 6.0em 0;
	}
	/* Box */
	.chunk-module--box .chunk-module__content {
		padding: 3.0em 6.0em 3.0em 12.0em;
	}
	.chunk-module--box .chunk-module__wrap--inverted .chunk-module__content {
		order: 1;
		padding-left: 6.0em;
		padding-right: 12.0em;
	}
	/* Shortlink Box */
	.chunk-module--shortlink-box .chunk-module__deco span {
		font-size: 15.0em;
	}
	.chunk-module--shortlink-box .chunk-module__content {
		padding: 3.0em 6.0em 3.0em 12.0em;
	}

	/*
	 * Backbone
	 */

	/*
	 * Page
	 */

	/*
	 * Header
	 */

	.chunk-header .chunk-logo {
		margin-right: 5.0em;
	}
	.chunk-header .chunk-showcase__item {
		padding: 0 1.5em;
    }

 	/*
	 * Hero
	 */

	.chunk-hero .chunk-teaser {
		max-width: 50.0em;
	}
		.chunk-hero .chunk-teaser__wrap {
			padding: 2.0em 4.0em;
		}
			.chunk-hero .chunk-teaser__title span {
				font-size: 3.5em;
			}
			.chunk-hero .chunk-teaser__text {
				margin-top: 2.0em;
			}
			.chunk-hero .chunk-teaser__text p {
				font-size: 1.8em;
			}

	/*
	 * Main
	 */

	/*
	 * Footer
	 */

	/*
	 * Contact
	 */

	/*
	 * Control
	 */

	.chunk-control .chunk-menu {
		padding: 1.5em 0;
	}
		.chunk-control .chunk-menu__sub {
		  padding-left: 4.0em;
		}
		.chunk-control .chunk-menu__link--lvl-1 span {
			font-size: 3.0em;
		}
		.chunk-control .chunk-menu__link--lvl-2 span {
			font-size: 1.6em;
		}
}

/* TABLET ("js-view--tablet")
---------------------------------------------------------------------------- */

@media only screen and (max-width: 1024px) {

	/*
	 * Basic
	 */

	/*
	 * Typography
	 */

	body {
	    font-size: 62.5%;
	}
	.chunk-main p {
	    font-size: 1.8em;
	}
	.chunk-main ul:not(.slick-dots),
	.chunk-main ol {
	    font-size: 1.8em;
	}
    .chunk-main table tr th,
    .chunk-main table tr td {
        font-size: 1.8em;
        padding: 4px 15px 4px 15px;
    }
	.chunk-main .chunk-table-wrap {
	    overflow-x: scroll;
	}

	/*
	 * Extensions
	 */

	/*
	 * Modules
	 */

	/* General */
	.chunk-module {
		margin: 4.0em 0;
	}
	/* Text */
	.chunk-module--text .chunk-module__headline__line,
	.chunk-module--text .chunk-module__headline__text {
		font-size: 3.5em;
	}
	.chunk-module--text .chunk-module__subheadline__line,
	.chunk-module--text .chunk-module__subheadline__text {
		font-size: 2.25em;
	}
	/* Box */
	.chunk-module--box .chunk-module__wrap {
		display: block;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
		.chunk-module--box .chunk-module__image {
			width: 100%;
		}
			.chunk-module--box .chunk-module__image > div:before {
				display: none;
			}
		.chunk-module--box .chunk-module__content {
			background-color: rgba(255,255,255,0.75);
			margin-top: -20.0em; 
			padding: 4.0em 6.0em !important; 
			width: 100%;
		}
	/* Accordin */
	.chunk-module--accordion .chunk-module__wrap {
		padding-left: 0 !important
	}
	/* Impressions */
	.chunk-module--impressions .chunk-module__wrap {
		padding-left: 0 !important
	}
		.chunk-module--impressions .chunk-module__slider-wrap:before {
			left: auto;
			right: -2.0em;
		}
			.chunk-module--impressions .chunk-module__image {
				width: 50%;
			}
			.chunk-module--impressions .chunk-module__footer {
				align-items: flex-start;
				justify-content: center;
			}
				.chunk-module--impressions .chunk-module__arrows {
					display: none;
				}
	/* iFrame */
	.chunk-module--iframe .chunk-module__wrap {
		padding-left: 0 !important
	}
	/* Shortlink Box */
	.chunk-module--shortlink-box .chunk-module__wrap {
		display: block;
	}
		.chunk-module--shortlink-box .chunk-module__image {
			width: 100%;
		}
			.chunk-module--shortlink-box .chunk-module__deco {
				bottom: -3.0em;
				right: -1.5em;
				top: auto;
				transform: none;
			}
				.chunk-module--shortlink-box .chunk-module__deco span {
					font-size: 20.0em;
				}
		.chunk-module--shortlink-box .chunk-module__content {
			padding: 4.0em 6.0em;
			width: 100%;
		}
			.chunk-module--shortlink-box .chunk-module__button {
				margin-top: 2.0em;
			}

	/*
	 * Backbone
	 */

	/*
	 * Page
	 */

	/*
	 * Header
	 */

	.chunk-header__wrap {
		justify-content: flex-end;
	}
	.chunk-header .chunk-logo {
		margin-right: auto;
	}
	.chunk-header .chunk-showcase {
		display: none;
	}
	.chunk-header .chunk-lang {
      margin-right: 3.0em
    }

	/*
	 * Hero
	 */

	.chunk-hero__footer {
		display: block;
		padding-right: 0 !important;
		position: relative;
	}
		.chunk-hero__controls,
		.chunk-hero__teaser {
			height: auto;
			width: 100%;
		}
		.chunk-hero__controls {
			bottom: 100%;
			justify-content: center;
			left: 0;
			padding-bottom: 2.0em;
			padding-left: 6.0em;
			position: absolute;
			text-align: center;
			z-index: 5;
		}
		.chunk-hero .chunk-arrows {
			display: none;
		}
		.chunk-hero .chunk-pagination {
			margin-left: 0;
		}
		.chunk-hero .chunk-teaser {
			bottom: auto;
			max-width: 100%;
			position: static;
			right: auto;
		}
			.chunk-hero .chunk-teaser__wrap {
				background-color: #c3d609;
				height: auto;
				max-height: auto;
				min-height: 0;
				padding: 3.0em 6.0em 3.0em 6.0em;
			}
				.chunk-hero .chunk-teaser__content {
					max-height: auto;
					overflow-y: hidden;
				}
    
	/*
	 * Main
	 */

	/*
	 * Footer
	 */

	.chunk-footer .chunk-address {
		flex-wrap: wrap;
	}
		.chunk-footer .chunk-address__left {
			padding-right: 0;
	    	width: 100%;
	    }
	    .chunk-footer .chunk-address__center,
	    .chunk-footer .chunk-address__right {
	    	margin-top: 2.0em;
      		width: 50%;
	    }
	    .chunk-footer .chunk-address__center {
	    	padding-right: 1.0em;
	    }
	    .chunk-footer .chunk-address__right {
	    	padding-left: 1.0em;
	    }
	.chunk-footer .chunk-legal {
		display: block;
		text-align: center;
	}
		.chunk-footer .chunk-legal__right {
			margin-top: 1.0em;
		}

	/*
	 * Contact
	 */

	/*
	 * Control
	 */

	.chunk-control__wrap {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
		.chunk-control__frame {
	      max-width: 100%;
	    }
}

/* PHABLET ("js-view--phablet")
---------------------------------------------------------------------------- */

@media only screen and (max-width: 767px) {

	/*
	 * Basic
	 */

	/*
	 * Typography
	 */

	body {
       font-size: 56.3%;
    }
    .chunk-main p {
	    font-size: 1.6em;
	}
	.chunk-main ul:not(.slick-dots),
	.chunk-main ol {
	    font-size: 1.6em;
	}
    .chunk-main table tr th,
    .chunk-main table tr td {
        font-size: 1.6em;
        padding: 3px 10px 3px 10px;
    }

    /*
	 * Extensions
	 */

	/*
	 * Modules
	 */

	/* Text */
	.chunk-module--text .chunk-module__headline__line,
	.chunk-module--text .chunk-module__headline__text {
		font-size: 3.0em;
	}
	.chunk-module--text .chunk-module__subheadline__line,
	.chunk-module--text .chunk-module__subheadline__text {
		font-size: 2.0em;
	}
	/* Shortlink Box */
	.chunk-module--shortlink-box .chunk-module__headline {
		font-size: 3.0em;
	}

	/*
	 * Backbone
	 */

	/*
	 * Page
	 */

	/*
	 * Header
	 */

	/*
	 * Hero
	 */

	/*
	 * Main
	 */

	/*
	 * Footer
	 */

	.chunk-footer .chunk-address {
		display: block;
		text-align: center;
	}
		.chunk-footer .chunk-address__center,
	    .chunk-footer .chunk-address__right {
      		width: 100%;
	    }
	    .chunk-footer .chunk-address__center {
	    	padding-right: 0;
	    }
	    .chunk-footer .chunk-address__right {
	    	padding-left: 0;
	    }
	.chunk-footer .chunk-legal__pipe--phablet {
		display: none;
	}
	.chunk-footer .chunk-legal__break--phablet {
      display: inline;
    }

	/*
	 * Contact
	 */

	/*
	 * Control
	 */

}

/* PHONE ("js-view--phone")
---------------------------------------------------------------------------- */

@media only screen and (max-width: 480px) {

	/*
	 * Basic
	 */

	/*
	 * Typography
	 */

 	body {
	    font-size: 62.5%;
	}
	.chunk-main p {
	    font-size: 1.4em;
	}
	.chunk-main ul:not(.slick-dots),
	.chunk-main ol {
	    font-size: 1.4em;
	}
    .chunk-main table tr th,
    .chunk-main table tr td {
        font-size: 1.4em;
        padding: 2px 5px 2px 5px;
    }
	
	/*
	 * Extensions
	 */

	/* Slick */
	.slick-dots li {
		margin-left: 0.5em;
	}
		.slick-dots li button {
			height: 1.0em;
			width: 1.0em;
		}

	/*
	 * Modules
	 */

	/* General */
	.chunk-module {
		margin: 2.0em 0;
	}
	/* Text */
	.chunk-module--text .chunk-module__headline__line,
	.chunk-module--text .chunk-module__headline__text {
		font-size: 2.5em;
	}
	.chunk-module--text .chunk-module__subheadline__line,
	.chunk-module--text .chunk-module__subheadline__text {
		font-size: 1.8em;
	}
	/* Box */
	.chunk-module--box .chunk-module__content {
		margin-top: -15.0em; 
		padding: 4.0em 3.0em !important;
	}
		.chunk-module--box .chunk-module__headline {
			font-size: 2.0em;
		}
	/* Accordion */
	.chunk-module--accordion .chunk-module__headline span {
		font-size: 2.0em;
	}
	.chunk-module--accordion .chunk-module__state__open,
	.chunk-module--accordion .chunk-module__state__close {
		font-size: 2.5em;
	}
	/* Impressions */
	.chunk-module--impressions .chunk-module__image {
		width: 100%;
	}
	/* Shortlink Box */
	.chunk-module--shortlink-box .chunk-module__deco {
		bottom: -1.5em;
		right: -1.0em;
	}
		.chunk-module--shortlink-box .chunk-module__deco span {
			font-size: 10.0em;
		}
		.chunk-module--shortlink-box .chunk-module__content {
			padding: 4.0em 3.0em;
		}
			.chunk-module--shortlink-box .chunk-module__headline {
				font-size: 2.5em;
			}

	/*
	 * Backbone
	 */

	/*
	 * Page
	 */

	.chunk-page {
	    padding-top: 7.0em;  /* reob 250905 Original: padding-top: 6.0em; */
	}

	/*
	 * Header
	 */

	.chunk-header__wrap {
		height: 6.0em
	}
 	.chunk-header .chunk-logo {
		width: 16.0em;  /* reob 250905 Original: width: 12.0em; */
	}
		.chunk-header .chunk-logo img {
	      height: 7.5em;  /* reob 250905 Original: height: 6.0em; */
	    }
	.chunk-header .chunk-lang {
      margin-right: 1.5em
    }
		.chunk-header .chunk-lang span {
			font-size: 1.4em;
		}
		.chunk-header .chunk-lang .chunk-lang__item {
			padding: 0.25em 0.25em;  /* reob 250905 Original: padding: 0 0.25em; */
		}

 	/*
 	 * Hero
 	 */

	.chunk-hero__controls {
		padding-bottom: 1.0em;
		padding-left: 3.0em;
	}
 	.chunk-hero .chunk-teaser__wrap {
		padding: 2.0em 3.0em 2.0em 3.0em;
	}
		.chunk-hero .chunk-teaser__title span {
			font-size: 2.5em;
		}
		.chunk-hero .chunk-teaser__text {
			margin-top: 1.0em;
		}
		.chunk-hero .chunk-teaser__text p {
			font-size: 1.6em;
		}

	/*
	 * Main
	 */

	/*
	 * Footer
	 */

	.chunk-footer {
		padding-bottom: 4.0em;
	}
		.chunk-footer .chunk-address__left,
	    .chunk-footer .chunk-address__center,
	    .chunk-footer .chunk-address__right {
	      font-size: 1.4em;
	    }
		.chunk-footer .chunk-legal__left,
	    .chunk-footer .chunk-legal__right {
	    	font-size: 1.0em;
	    }

	/*
	 * Contact
	 */

	.chunk-contact {
		border-top: 1px solid #ffffff;
		bottom: 0;
		display: flex;
		left: 0;
		top: auto;
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
		width: 100%;
		z-index: 40;
	}
		.chunk-contact__item {
			border-left: 1px solid #ffffff;
			margin-top: 0;
		}
		.chunk-contact__item:first-child {
			border-left: 0;
		}
		.chunk-contact__item.chunk-contact__item--1 {
			width: 4.0em;
		}
		.chunk-contact__item.chunk-contact__item--2,
		.chunk-contact__item.chunk-contact__item--3 {
			width: calc(50% - 2.0em);
		}
			.chunk-contact__item .chunk-contact__title {
				border-left: 0;
				padding: 0;
				text-align: center;
				width: 100%;
			}
			.chunk-contact__item.chunk-contact__item--1 .chunk-contact__title {
				display: none !important;
			}
			.chunk-contact__item.chunk-contact__item--2 .chunk-contact__icon,
			.chunk-contact__item.chunk-contact__item--3 .chunk-contact__icon {
				display: none;
			}
			.chunk-contact__item.chunk-contact__item--2 .chunk-contact__title,
			.chunk-contact__item.chunk-contact__item--3 .chunk-contact__title {
				left: auto;
	      		display: block;
	      		position: static;
	      		top: auto;
		    }
				.chunk-contact__title span {
					font-size: 1.1em;
				}

	/*
	 * Control
	 */

	.chunk-control__frame {
      padding: 0 3.0em;
    }
		.chunk-control__header {
			height: 6.0em;
		}
		.chunk-control__content {
			max-height: calc(100% - 6.0em);
		}
			.chunk-control .chunk-menu__link--lvl-1 span {
				font-size: 2.5em;
			}
			.chunk-control .chunk-menu__link--lvl-2 span {
				font-size: 1.4em;
			}
}

/* PHONE SMALL ("js-view--phone-small")
---------------------------------------------------------------------------- */

@media only screen and (max-width: 350px) {

	/*
	 * Basic
	 */

	/*
	 * Typography
	 */

	body {
       font-size: 56.3%;
    }

	/*
	 * Extensions
	 */

	/*
	 * Modules
	 */

	/*
	 * Backbone
	 */

	/*
	 * Page
	 */

	/*
	 * Header
	 */

	/*
	 * Main
	 */

	/*
	 * Footer
	 */

	/*
	 * Contact
	 */

	/*
	 * Control
	 */

}