/********************/
/*	  INHALT		*/
/*********************
1.0 ALLGEMEIN
2.0 CONTAINER
3.0 TEXT
4.0 FORMULAR
5.0 TABELLEN
6.0 SONSTIGES
********************/

/* ============================================= 1.0 ALLGEMEIN ============================================= */

	/* ------ 1.1 MAIN ------ */
	html, body {
		outline: none;
		color: rgba(0,0,0,1);
	}
	.full-height {
		height: 100%;
		position: relative;
	}
		.full-height-pure { height: 100%; }

	body {
		z-index: 100;
		overflow-x: hidden;
		display: flex;
		min-height: 100vh;
		height: 100%;
		flex-direction: column;
	}

/* ============================================= 2.0 CONTAINER ============================================= */

	.body-fixed { overflow: hidden; }

	/* ------ 2.1 NAVIGATION ------ */
	.navbar-container {
		width: 100%;
		position: fixed;
		top: 0px;
		z-index: 1080;
	}
	.navbar > .container { position: relative; }

	nav#navbar-primary {
		background-color: rgba(0,75,107,1);
	}
		nav#navbar-primary, nav#navbar-secondary > .container, .p-nav { padding: 0.8rem 1rem; }
	nav#navbar-secondary {
		padding: 0px;
		background-color: rgba(255,255,255,1);
		border-bottom: 1px rgba(0,0,0,0.1) solid;
	}
		nav.navbar-light .navbar-nav .nav-link {
			color: rgba(0,0,0,1);
			text-transform: none;
		}
		.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active {
			color: rgba(0,0,0,1);
		}
		.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { color: rgba(0,75,107,1); }

		nav .atl-icon span {
			position: relative;
			padding-left: 22px;
		}
		nav .atl-icon span:before {
			display: inline-block; content: '';
			position: absolute; left: 0px; top: 0px; bottom: 0px;
			width: 18px; height: 18px;
			background-repeat: no-repeat;
			background-position: center;
			background-size: contain;
		}
		@media (max-width: 991px) {
		}
		@media (min-width: 992px) {
		}
			nav .atl-icon.icon-radiotower span:before { background-image: url('../img/icons/radiotower.svg'); }
			nav .atl-icon.icon-team-headset span:before { background-image: url('../img/icons/team-headset.svg'); }
			nav .atl-icon.icon-envelope span:before { background-image: url('../img/icons/envelope.svg'); }

	.navbar-spacer { width: 100%; }
	@media (min-width: 992px) { .navbar-spacer { height: 165px; } }
	@media (min-width: 1275px) { .navbar-spacer { height: 170px; } }

	.navbar-brand {
		position: absolute;
		z-index: 1000;
		background-repeat: no-repeat;
		background-size: contain;
		background-position: left bottom;
	}
		.navbar-expand-lg .navbar-nav .nav-link {
			padding: 0px;
		}
		.nav-item.active .nav-link span { border-bottom-color: rgba(0,75,107,1); }

	.navbar-light .navbar-toggler {
		position: absolute;
		top: 16px;
		right: 15px;
		padding: 10px 25px 9px;
		border-radius: 0px;
		border-width: 3px;
		background-color: transparent;
		border-color: transparent;
		/*background-color: rgba(255,255,255,1);
		border-color: rgba(0,75,107,1);*/
		color: rgba(0,75,107,1);
		text-transform: uppercase;
		cursor: pointer;
	}
		/*
		.navbar-light .navbar-toggler.collapsed {
			background-color: rgba(0,75,107,1);
			color: rgba(255,255,255,1);
		}*/

	#navbarMobile {
		position: relative;
		overflow-y: auto;
		max-height: 100vh;
		z-index: 1110;
	}
		#navbarMobile .accordion>.card {
			border-width: 0px;
			border-top-width: 2px;
			border-bottom-width: 2px;
			border-color: rgba(255,255,255,1);
			border-radius: 0px;
		}
			#navbarMobile .accordion>.card>.card-header {
				padding: 0px;
				border-radius: 0px;
				border-width: 0px;
				background-color: transparent;
			}
				#navbarMobile .card-header a.btn {
					background-color: rgba(0,0,0,0.05);
					width: 100%;
					border-radius: 0px;
					padding: .7rem 3.15rem 0.6rem 1.25rem;
					color: rgba(0,0,0,1);
					text-align: left;
				}
					#navbarMobile .card-header a.btn.active {
						background-color: rgba(0,75,107,1);
						color: rgba(255,255,255,1);
					}

					#navbarMobile .card-header a.btn,#accordionNavMobile .nav-item {
						background-repeat: no-repeat;
					}
					#navbarMobile .card-header a.btn.card-accordion, #navbarMobile .card-header a.btn.card-link { background-position: 93% 18px; }
					#accordionNavMobile .nav-item.dropdown { background-position: 93% 19px; }
						#navbarMobile .card-header a.btn.card-accordion, #accordionNavMobile .nav-item.dropdown.show { background-size: 15px; background-image: url('../img/icons/arrownav-top-black.svg'); }
							#navbarMobile .card-header a.btn.card-accordion.active { background-image: url('../img/icons/arrownav-top-white.svg'); }
						#navbarMobile .card-header a.btn.card-accordion.collapsed, #accordionNavMobile .nav-item.dropdown { background-size: 15px; background-image: url('../img/icons/arrownav-bottom-black.svg'); }
							#navbarMobile .card-header a.btn.card-accordion.collapsed.active { background-image: url('../img/icons/arrownav-bottom-white.svg'); }
						#navbarMobile .card-header a.btn.card-link { background-size: 9px; background-position: 92.5% 15px; background-image: url('../img/icons/arrownav-right-black.svg'); }
							#navbarMobile .card-header a.btn.card-link.active { background-image: url('../img/icons/arrownav-right-white.svg'); }

		/*=== NAVBAR: BURGER ===*/
		@media (max-width: 991px) {
			.navbar-light .navbar-toggler {
			  display: block;
			  width: 50px;
			  height: 50px;
			  position: fixed;
				top: 16px;
				right: 5px;
				margin-top: 0px;
			  z-index: 10000;
			  -moz-box-sizing: border-box;
			  -webkit-box-sizing: border-box;
			  box-sizing: border-box;
			  -webkit-tap-highlight-color: transparent;
			  -webkit-tap-highlight-color: transparent;
			  -ms-touch-action: manipulation;
			  touch-action: manipulation;
				left: auto;
			}
				.navbar-toggler .navbar-burger {
				  position: relative;
				  top: 0px;
				  right: 12px;
				}
			.navbar-toggler .navbar-burger, .navbar-toggler .navbar-burger:before, .navbar-toggler .navbar-burger:after {
				width: 43px;
				height: 20px; /* or 3px? */

			  display: block;
			  width: 25px;
			  height: 1px;
			  background-color: #222;
			  -moz-transition-property: background-color, -moz-transform;
			  -o-transition-property: background-color, -o-transform;
			  -webkit-transition-property: background-color, -webkit-transform;
			  transition-property: background-color, transform;
			  -moz-transition-duration: 0.4s;
			  -o-transition-duration: 0.4s;
			  -webkit-transition-duration: 0.4s;
			  transition-duration: 0.4s;
			}
				.navbar-toggler .navbar-burger:before, .navbar-toggler .navbar-burger:after {
				  position: absolute;
				  content: "";
				}
				.navbar-toggler.collapsed .navbar-burger { background-color: rgba(0,75,107,1); }
				.navbar-toggler.collapsed .navbar-burger:before {
					top: -7px!important;
					-moz-transform: translateY(0px) rotate(0deg);
					-ms-transform: translateY(0px) rotate(0deg);
					-webkit-transform: translateY(0px) rotate(0deg);
					transform: translateY(0px) rotate(0deg);
				}
				.navbar-toggler.collapsed .navbar-burger:after {
					top: 7px!important;
					-moz-transform: translateY(0px) rotate(0deg);
					-ms-transform: translateY(0px) rotate(0deg);
					-webkit-transform: translateY(0px) rotate(0deg);
					transform: translateY(0px) rotate(0deg);
				}

				.navbar-toggler .navbar-burger { background-color: transparent; }
				.navbar-toggler .navbar-burger:before {
					top: -7px!important;
					-moz-transform: translateY(7px) rotate(45deg);
					-ms-transform: translateY(7px) rotate(45deg);
					-webkit-transform: translateY(7px) rotate(45deg);
					transform: translateY(7px) rotate(45deg);
				}
				.navbar-toggler .navbar-burger:after {
					top: 7px!important;
					-moz-transform: translateY(-7px) rotate(-45deg);
					-ms-transform: translateY(-7px) rotate(-45deg);
					-webkit-transform: translateY(-7px) rotate(-45deg);
					transform: translateY(-7px) rotate(-45deg);
				}
				.navbar-toggler.collapsed .navbar-burger:before { top: -10px; }
				.navbar-toggler.collapsed .navbar-burger:after { top: 10px; }
		}

		#navbarMobile .accordion>.card .card-body {
			padding: 0px;
			/*padding: 1.25rem 0px;*/
		}
			#navbarMobile .accordion>.card .card-body>ul.navbar-nav {
				padding: 0px !important;
			}
				#navbarMobile .accordion>.card .card-body>ul.navbar-nav .nav-item {
					border-bottom: 1px rgba(0,75,107,0.6) solid;
				}
					#navbarMobile .accordion>.card .card-body>ul.navbar-nav .nav-item:last-child { border-bottom-width: 0px; }
						#navbarMobile .accordion>.card .card-body>ul.navbar-nav .nav-item .nav-link  {
							padding: 0.7rem 1.25rem 0.6rem;
						}
		@media (max-width: 768px) {
			.container { padding-left: 15px; padding-right: 15px; overflow: hidden; }
		}

		@media (max-width: 991px) {
			.navbar-light .navbar-brand {
				top: 10px;
				left: 15px;
				width: 110px;
				height: 65px;
			}
			nav#navbar-secondary > .container {
				min-height: 85px;
			}
			.navbar-spacer { height: 85px; }
		}
		@media (min-width: 992px) {
			.navbar-brand {
				top: 12px;
				width: 150px;
				height: 93px;
			}
			nav#navbar-secondary > .container {
				min-height: 120px;
			}
		}

		/* -- 2.1.1 UNTERNAVIGATION -- */
		#navbarDesktop .dropdown-menu {
			padding: 12px 0px;
			background-color: rgba(0,75,107,0.9);
			border-radius: 0px;
			border-width: 0px;
		}
			#navbarDesktop .dropdown-menu a.dropdown-item {
				padding: 8px 12px;
				border-bottom-width: 0px;
				color: rgba(255,255,255,1) !important;
			}
				#navbarDesktop .dropdown-menu a.dropdown-item:hover, #navbarDesktop .dropdown-menu .dropdown-item.active, #navbarDesktop .dropdown-menu .dropdown-item:active {
					background-color: rgba(255,255,255,0.2);
				}
					.dropdown-toggle::after { display: none; }

				.dropdown-submenu {
					position: relative;
				}

				.dropdown-submenu .dropdown-menu {
					top: 0;
					left: 100%;
					margin-top: -1px;
				}
		#navbarMobile .dropdown-menu {
			border-width: 0px;
			border-radius: 0px;
			border-width: 0px;
			padding-top: 0px;
			padding-bottom: 1.2rem;
		}
			#navbarMobile .dropdown-menu a.dropdown-item {
				background-color: transparent !important;
				color: rgba(0,0,0,1);
				padding: 0.45rem 2rem;
			}
			#navbarMobile .dropdown-menu a.dropdown-item:hover, #navbarMobile .dropdown-menu .dropdown-item.active, #navbarMobile .dropdown-menu .dropdown-item:active {
				color: rgba(0,0,0,0.7);
			}

		/*********** PHONE ***********/
		@media (max-width: 991px) {
			#navbarDesktop,#navbar-primary {
				display: none;
			}
			.navbar-nav {
				padding: 10px 0px;
			}
				nav.navbar-light .navbar-nav .nav-link {
					padding: 4px 0px;
				}
		}

		/*********** DESKTOP ***********/
		@media (min-width: 992px) {
			#navbarMobile { display: none !important; }

			.navbar-nav .nav-link {
				margin: 0rem 1rem;
				display: table;
			}
				.navbar-nav .nav-item:first-child .nav-link { margin-left: 0rem; }
				.navbar-nav .nav-item:last-child .nav-link { margin-right: 0rem; }
				.navbar-nav .nav-link span {
					display: table-cell;
					vertical-align: bottom;
				}
		}

	/* ------ 2.2 CONTENT ------ */
	#page {
		position: relative;
		display: flex;
		flex-direction: column;
		flex-grow: 1;
	}
	@media (max-width: 991px) {
		#page .container { padding-left: 25px; padding-right: 25px; }
			#page .modal .container { padding-left: 15px; padding-right: 15px; }
	}
	@media (min-width: 992px) {
		#page .container { padding-left: 40px; padding-right: 40px; }
			#page .modal .container { padding-left: 15px; padding-right: 15px; }
	}

			/* -- 2.2.0 STÖRER -- */
		#page #breaker-contact {
			position: fixed; z-index: 1079;
			right: 0px;
			min-height: 49px;
			padding: 30px 15px 10px;
			background-color: rgba(0,159,227,1);
			color: rgba(255,255,255,1);
			box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
			text-align: left;
		}
			#page #breaker-contact #breaker-contact-icon {
				position: absolute; z-index: 1066;
				top: 0px; right: 0px;
				height: 49px;
				font-size: 26px; line-height: 49px;
				background-color: rgba(0,159,227,1);
				color: rgba(255,255,255,1);
				text-align: center;
				cursor: pointer;
			}
			#page #breaker-contact, #page #breaker-contact #breaker-contact-icon {
				width: 80px;
			}
				#page #breaker-contact #breaker-contact-icon:hover { background-color: rgba(10,169,237,1); }
				#page #breaker-contact #breaker-contact-icon:active { background-color: rgba(0,149,217,1); }
			.breaker-window.breaker-allgood, .breaker-window.breaker-allgood #breaker-contact-icon {
				background-color: rgba(154,177,51,1) !important;
			}

			.breaker-window .breaker-contact-content {
				opacity: 0;
			}
				.breaker-window.breaker-open .breaker-contact-content { opacity: 1; }

			#page #breaker-contact .breaker-contact-content {
				width: 205px;
			}

			#page #breaker-contact #breaker-contact-message {
				padding: 20px 15px 8px;
			}
				#page #breaker-contact #breaker-contact-message h4 {
					font-size: 15px; line-height: 20px;
					text-transform: uppercase;
				}
				#page #breaker-contact #breaker-contact-message p {
					font-size: 12px; line-height: 15px;
				}
					#page #breaker-contact #breaker-contact-message p a { color: rgba(255,255,255,1); }
					#page #breaker-contact .btn.btn-link {
						padding: 6px 0px;
						opacity: 0.5;
					}
						#page #breaker-contact .btn.btn-link.btn-clickable { opacity: 1; }
			#page #breaker-contact #breaker-contact-form {
				padding: 0px 0px;
			}
				@media (max-width: 991px) {
					#page #breaker-contact {
						bottom: 55%;
						min-height: 45px;
						padding: 30px 15px 10px;
					}
						#page #breaker-contact #breaker-contact-icon {
							height: 45px;
							font-size: 26px; line-height: 45px;
						}
						#page #breaker-contact, #page #breaker-contact #breaker-contact-icon { width: 60px; }
						#page .breaker-open#breaker-contact { bottom: 12%; }

						#page #breaker-contact #breaker-contact-message {
							padding: 0px 7px 5px;
						}
							#page #breaker-contact #breaker-contact-message h4 {
								width: 90%;
							}
				}
				@media (min-width: 992px) {
					#page #breaker-contact {
						top: 50%;
					}
					#page .breaker-open#breaker-contact { top: 30%; }
				}

		#content {
  			flex: 1 0 auto;
			position: relative;
		}
			#content img { max-width: 100%; }
			.logo-backdrop {
				background-image: url('../img/icons/logo-c.svg');
				background-repeat: no-repeat;
			}
			#content.logo-backdrop { background-size: 85%; background-position: -250% 95px; }
			.page-content.logo-backdrop { background-size: 50%; background-position: -37% 130px; }
			section.logo-backdrop { background-size: 50%; background-position: -37% 130px; }
		/*.backdrop-logo {
			position: absolute;
			width: 1000px;
			height: 1000px;
			top: 15%; left: -45%;
			opacity: 0.05;

			background-image: url('../img/icons/logo-c.svg');
			background-size: contain;
			background-position: center;
			background-repeat: no-repeat;
		}*/

		.page-teaser {
			position: relative;
			max-height: 100%;
			background-color: rgba(234,240,245,0.9);
		}
			@media (max-width: 991px) {
				.page-teaser { height: 90vh; }
				.page-teaser.contest-teaser { height: 550px; }
				/*.teaser-content { padding-top: 150px; }*/
			}
			@media (min-width: 992px) and (max-width: 1199px) {
				.page-teaser { height: 350px; }
				.page-teaser.contest-teaser { height: 650px; }
			}
			@media (min-width: 1200px) {
				.page-teaser { height: 400px; }
				.page-teaser.contest-teaser { height: 800px; }
			}
			.rsImgHasContent {
				filter: blur(5px);
			}

		.teaser-overlay {
			position: absolute;
			top: 0px;
			width: 100%;
			height: 100%;
			background-color: rgba(0,75,107,0.3);

			background-image: url('../img/icons/logo-c_white.svg');
			background-repeat: no-repeat;
		}
		.logo-contest {
			position: absolute;
			top: 44px; left: 10%;
			width: 200px;
			height: 125px;
			z-index: 10;

			background-image: url('../img/icons/logo-white.svg');
			background-repeat: no-repeat;
			background-size: contain;
		}

		@media (max-width: 991px) {
			.teaser-overlay {
				opacity: 0.3;
				background-size: 203%;
				background-position: -25% 0%;
			}
		}
		@media (min-width: 992px) {
			.teaser-overlay {
				opacity: 0.5;
				background-size: 60%;
				background-position: 161% 14%;
			}
		}


		.teaser-content { text-shadow: 0px 1px 5px rgba(0,0,0,0.2); }
			.teaser-content h2 { color: rgba(255,255,255,1); }
		.infobox, .mood-content { background-color: rgba(0,75,107,0.8); }
		#teaser .infobox {
			position: absolute;
			bottom: 0px;
			width: 280px;
			z-index: 500;
		}
		.teaser-spacer { height: 0px; }
		/*@media (max-width: 768px) {
			.teaser-spacer { height: 150px; }
		}*/

		.mood-content {
			width: 100%;
			margin: 50px 0px;
			padding: 40px 25px;
			color: rgba(255,255,255,1);
			text-transform: uppercase;
			text-align: center;
		}

		@media (max-width: 575px) {
		}
		@media (min-width: 576px) and (max-width: 768px) {
		}
		@media (min-width: 767px) and (max-width: 991px) {
		}
		@media (min-width: 992px) and (max-width: 1199px) {
		}
		@media (min-width: 1390px) {
		}

	.transparent { opacity: 0; }

	.page-content {
		position: relative;
		padding: 40px 0px;
	}
		.page-content > .content-container:first-child { padding-top: 0px; }
		.page-content > .content-container:last-child { padding-bottom: 50px; }
		.page-content#combo, .page-content#combo-options, .page-content#combo-order, .page-content#business, .page-content#saisonoffer, .page-content#contest { padding-bottom: 0px; }
			.template-combo .banner-mood, .template-combo-options .banner-mood, .template-combo-order .banner-mood { margin-top: 0px !important; }

	/* -- 2.2.1 TEXT -- */

	/* -- 2.2.2 START -- */
	.image-box {
		height: 295px;
		width: 100%;
		background-size: contain;
		background-repeat: no-repeat;
		background-image: url('../img/icons/mobile.png');
		background-position: center center;
	}
	.pb-block {
		height: 100%;
		min-height: 345px;
		color: rgba(255,255,255,1);
		position: relative;
		display: block;
		overflow: auto;
		box-sizing: border-box;
	}
		.pb-block a:hover {
			opacity: 0.85;
		}
			.pb-block a:not([href]):not([tabindex]) {
				opacity: 1 !important;
				cursor: default !important;
			}
		.pb-block a {
			display: block;
			width: 100%;
			height: 100%;
			color: rgba(255,255,255,1);

			background-position: center;
			background-repeat: no-repeat;
			background-size: cover;
		}
			#products .pb-block a {
				width: auto;
				height: auto;
				display: inline;
				border-bottom: 1px solid black;
				color: rgba(0,0,0,1);
			}
			#products .pb-block a.btn { border-bottom-width: 0px !important; }
		.pb-container {
			height: 100%;
			width: 100%;
			position: relative;
			display: -webkit-inline-flex;
			display: -ms-inline-flexbox;
			display: inline-flex;
		}
		.pb-frame .pb-container {
			display: table;
		}
			.pb-container .pb-content {
				display: table-cell;
			    height: 100%;
			    position: relative;
			    vertical-align: middle;
			    color: rgba(255,255,255,1);
			}

		.pb-block-small {
			min-height: 255px;
		}

		#products .pb-block-small {
			background-color: rgba(234,240,245,1);
		}

		.pb-col { margin-top: 7px; margin-bottom: 7px; }
			.pb-block a > .row, .pb-block a > .row > div { margin: 0px; padding: 0px; height: 100%; }
		.pb-block > a > .row .ml-auto { padding-left: 0px; }
		.pb-block > a > .row .mr-auto { padding-right: 10px; }
		.pb-frame {
			position: relative;
			height: 100%;
			width: 100%;
			padding: 30px 30px;
			box-sizing: border-box;
		}
			#combo .pb-frame {
				padding-right: 95px;
				cursor: default;
			}

		.pb-frame-news {
			position: relative;
			height: 100%;
			width: 100%;
			padding: 60px 40px;
			box-sizing: border-box;
		}

	/* -- 2.2.3 KOMBIANGEBOTE -- */
	/*.icon-bestseller {
		position: absolute;
		height: 75px;
		width: 75px;
		background-size: contain;
		background-repeat: no-repeat;
		background-image: url('../img/icons/bestseller.png');
		z-index: 150;
		right: 35px;
		bottom: 50%;
	}*/
	.document-fields {
		height: 110px;
	}

	.row-group h2 {
		display: inline-block;
	}
		.group-icons {
			margin-left: 15px;
			display: inline-block;
		}
			.icon {
				display: inline-block;
				background-size: contain;
				background-repeat: no-repeat;
				background-position: center;
				cursor: pointer;
			}
				.icon:hover { opacity: 0.6; }
				.icon.icon-info { background-image: url('../img/icons/info-blue.svg'); }
				.icon.icon-list { background-image: url('../img/icons/list-blue.svg'); }
					.row-product_info .icon.icon-info { background-image: url('../img/icons/info-green.svg'); }
					.row-product_info .icon.icon-list { background-image: url('../img/icons/list-green.svg'); }

			@media (max-width: 991px) {
				.icon {
					width: 26px; height: 26px;
					margin-bottom: -5px;
				}
			}
			@media (min-width: 992px) {
				.icon {
					width: 18px; height: 18px;
				}
			}

	.row-products .col-tile:after, .col-tile.tile-product_bestseller .tile-header:after, .btn.btn-primary.btn-box-close:after,.modal .close:after {
		display: block;
		content: '';
		position: absolute;
		background-size: contain;
		background-repeat: no-repeat;
	}
		#product .row-products > .col-12 { margin-top: 25px; }
		/** Bestseller **/
		.col-tile.tile-product_basepackage:before, .col-tile.tile-product_bestseller:after {
			position: absolute; display: block;
			height: 28px; left: 50%;
			padding: 8px 5px 8px;
			color: rgba(255,255,255,1);
			font-size: 14px; line-height: 14px;
			text-align: center;
		}
			.col-tile.tile-product_bestseller:after, .col-tile.tile-product_basepackage:before {
				width: 120px;
				bottom: -14px; margin-left: -60px;
				background-color: rgba(154,177,51,1);
				content: 'Bestseller';
			}
			.col-tile.tile-product_basepackage:before {
				width: 270px;
				top: -14px; margin-left: -135px;
				background-color: rgba(0,159,227,1);
				content: 'Basispaket: ohne Aufpreis inklusive';
			}

	.tile-section {
		position: relative;
		width: 100%;
		border-style: solid;
		border-color: rgba(0,0,0,0.05);
		border-width: 0px;
		padding-top: 13px;
		padding-bottom: 13px;
	}
		/*.row-products .col-tile:after {
			width: 100%;
			height: 20px;
			background-image: url('../img/icons/triangle_up-green.svg');
			background-position: bottom;
			bottom: 0px;
			left: 0px;
			right: 0px;
			opacity: 0;
		}
			.row-products .col-tile.tile-detail_arrow:after {
				opacity: 1;
			}*/
		.tile-section:first-child { padding-top: 0px; }
		.tile-section:last-child { padding-top: 0px; padding-bottom: 0px; }
			/*.tile-header {
				border-bottom-width: 1px;
			}*/
			.tile-header h6, .tile-header .h6 { font-size: 20px; line-height: 20px; }

			@media (min-width: 992px) {
				.tile-body { min-height: 160px; }
			}

				.tile-body p, .tile-body .p, .row-tablebody, .custom-control-label { font-weight: 500 !important; }
			/*.tile-footer {
				border-top-width: 1px;
			}*/
			#combo-configurator .btn-primary, #combo-configurator .btn-secondary { margin: 0px !important; }

		/**** ZUSAMMENFASSUNGSBALKEN ****/
		#bar-order {
			display: block;
			background-color: rgba(255,255,255,1);
			position: -webkit-sticky;
			position: sticky;
			padding: 5px 0px 0px;
			top: 0; bottom: 0;
			box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
		}
			#combo #bar-order { display: none; }
			#bar-order h5 {
				color: rgba(0,75,107,1);
				font-size: 25px;
				line-height: 25px;
				margin-bottom: 0px;
			}
			#bar-order h3 { color: rgba(255,255,255,1); }

			@media (max-width: 991px) {
				#bar-order { padding: 5px 0px 5px; }
				#bar-order h5 { font-size: }
				#bar-order hr { display: none; }
				#bar-order .my-mini { margin-top: 3px; margin-bottom: 3px; }
				#bar-order .py-mini { padding-top: 3px; padding-bottom: 5px; }

				#combo-options #bar-order .btn {
					width: 48%;
					display: inline-block;
					box-sizing: border-box;
					margin: 0px;
				}
				#combo-options #bar-order .btn#btn-order { float: right; }
			}

			.dplay {
				position: relative;
				display: block;
				text-align: center;
				width: 100%;
			}
				.dplay.dplay-product {
					background-color: rgba(255,255,255,1);
					box-shadow: inset 0px 0px 0px 1px rgba(154,177,51,1);
					line-height: 20px;
					padding: 7px 8px 6px;
				}
					.dplay.dplay-product:hover { background-color: rgba(245,245,245,1); color: rgba(0,0,0,1); }
					.dplay.dplay-product > div { display: inline-block; padding: 0px 0px; }
					.dplay.dplay-product .dplay-product-tier,.dplay.dplay-product .dplay-product-price,.dplay.dplay-options { text-transform: uppercase; }

					.dplay.dplay-product .dplay-product-group { font-size: 13px; }
					.dplay.dplay-product .dplay-product-tier,.dplay.dplay-product .dplay-product-price { font-size: 15px; }
					.dplay.dplay-product .dplay-product-price { color: rgba(154,177,51,1); }
					.dplay.dplay-options { font-size: 12px; }
				.dplay.dplay-options {
					background-color: rgba(229,229,229,1);
					padding: 4px 10px;
					opacity: 0.5;
				}
					.dplay.dplay-options.dplay-interactive { opacity: 1; cursor: pointer; }
					.dplay.dplay-options.dplay-interactive:hover { background-color: rgba(215,215,215,1); }
				.dplay .dplay-btn {
					position: absolute;
					padding: 0px 3px 3px !important;
					background-color: rgba(255,255,255,1);
					color: rgba(154,177,51,1);
					cursor: pointer;
					font-size: 15px; line-height: 15px;
				}
					.dplay .dplay-btn:hover { color: rgba(0,0,0,1); }
					.dplay .dplay-btn.topleft {
						top: -8px;
						left: -7px;
					}

				.col-tile .subproduct-description h6 { color: rgba(0,0,0,1); margin-bottom: 0px; }

		.form-inline .input-group, .navbar-toggler, .link-back, .subproduct-description h6, .subproduct-description p, .row-tablebody {
			font-size: 12px; line-height: 15px;
		}
		#navbarMobile .nav-link, #navbarMobile .dropdown-item {
			font-size: 16px; line-height: 19px;
		}
		/*#combo-configurator > .container { padding-left: 40px; padding-right: 40px; }*/
		#combo-configurator .col-product_info .list-tvpackages {
			width: 100%;
			overflow-y: auto;
			padding-right: 3px;
			max-height: 200px;
		}
			.list-tvpackages .subproduct-field { cursor: pointer; }
		.subproduct-description { margin-bottom: 15px; }
			.subproduct-description h6 { margin-bottom: 5px !important; }
		.subproduct-field { margin-top: 3px; }
			#combo-configurator .subproduct-field { background-color: rgba(229,229,229,1); }
			.subproduct-field:first-child { margin-top: 0px; }
			.subproduct-field.field-mini { width: 120px; min-height: 40px; }
			#combo .subproduct-field .col-subproduct-display {
				padding: 13px 13px 12px;
				color: rgba(154,177,51,1);
			}
			#combo-configurator .subproduct-field .col-subproduct-display {
				padding: 13px 13px 12px;
				color: rgba(0,0,0,1);
			}
			.col-subproduct-amount {
				position: relative;
				width: 120px;
				color: rgba(0,0,0,1);
			}
				.col-subproduct-amount > div {
					position: absolute;
					width: 40px;
					top: 0px;
					display: inline-block;
				}
				.subproduct-field .col-subproduct-amount .amount-display {
					padding: 13px 6px 11px;
					left: 40px;
					height: 40px;
					top: 50%;
					margin-top: -20px;
					cursor: default;
					text-align: center;
				}
				.subproduct-field .col-subproduct-amount .icon-arrow {
					height: 100%;
					cursor: pointer;
					background-size: 9px;
					background-repeat: no-repeat;
					background-position: center;
					border: 1px rgba(0,0,0,0.05) solid;
					border-top-width: 0px; border-bottom-width: 0px;
				}
					.subproduct-field .col-subproduct-amount .icon-arrow:hover, #combo .list-tvpackages .subproduct-field:hover { background-color: rgba(0,0,0,0.05) !important; }
					.subproduct-field .col-subproduct-amount .icon-arrow:active, #combo .list-tvpackages .subproduct-field:active { background-color: rgba(0,0,0,0.1) !important; }
					#combo-configurator .list-tvpackages .subproduct-field:hover { background-color: rgba(220,220,220,1) !important; }
					#combo-configurator .list-tvpackages .subproduct-field:active { background-color: rgba(215,215,215,1) !important; }
					.subproduct-field .col-subproduct-amount .icon-arrow.arrow-left { background-image: url('../img/icons/arrow-left-black.svg'); left: 0px; }
					.subproduct-field .col-subproduct-amount .icon-arrow.arrow-right { background-image: url('../img/icons/arrow-right-black.svg'); right: 0px; border-right-width: 0px; }

			.col-subproduct-interactive {
				width: 148px;
				color: rgba(0,0,0,1);
			}
				.col-subproduct-interactive > div {
					display: inline-block;
				}
				.subproduct-field .col-subproduct-interactive .subproduct-icon {
					width: 68px;
					height: 100%;
					cursor: pointer;
					border-right: 1px rgba(0,0,0,0.05) solid;
					text-align: right;
				}

					@media (max-width: 991px) {
						.subproduct-field .col-subproduct-interactive .subproduct-icon { padding: 7px 5px 0px 0px; }
					}
					@media (min-width: 992px) {
						.subproduct-field .col-subproduct-interactive .subproduct-icon { padding: 11px 5px 0px 0px; }
					}
				.subproduct-field .col-subproduct-interactive .amount-display {
					width: 40px;
					padding: 8px 6px 6px;
					cursor: default;
					text-align: center;
				}
				.subproduct-field .col-subproduct-interactive .subproduct-select {
					width: 40px;
					height: 100%;
					background-size: 18px;
					background-repeat: no-repeat;
					background-position: center;
					border-left: 1px rgba(0,0,0,0.05) solid;
				}
					.subproduct-field .col-subproduct-interactive .subproduct-select.active {
						background-image: url('../img/icons/check-black.svg');
					}


			/* 2.2.3.1 KOMBI BESTELLEN -- */
			#ordersummary-list .row-tablebody .row-subtablebody, #ordersummary-total .row-tablebody {
				color: rgba(0,0,0,0.5);
			}
			.row-tablebody hr {
				border-top-width: 2px;
			}
				#ordersummary-list .row-tablebody hr { border-color: rgba(0,0,0,0.05); }
				#ordersummary-total .row-tablebody hr { border-color: rgba(0,0,0,0.15); }
				#ordersummary-total .h5 { color: rgba(0,0,0,1); font-weight: 700 !important; }
			.theme-dim hr { border-top-width: 2px; border-top-color: rgba(255,255,255,1); }
			#orderform-options h6 { text-transform: none; }

	/* -- 2.2.4 PERSONEN -- */
	.banner-mood {
		display: block;
		min-height: 440px;
		background-image: url('../img/teaser/teaser_scheune.jpg');
		background-size: cover;
		background-repeat: no-repeat;
	}
	/* -- 2.2.5 STELLEN -- */

	/* -- 2.2.6 KONTAKT -- */


	/* -- 2.2.7 DOKUMENTE -- */
	.pad-field {
		height: 100%;
		text-align: center;
		display: block;
		background-color: rgba(204,215,152,1);
	}
		.pad-field:hover { background-color: rgba(154,177,51,1); }

	/* -- 2.2.8 NETZWERK -- */

	/* -- 2.2.9 SUPPORT -- */
	#support-device-list { min-height: 110px; }
	#support-product-info { min-height: 40px; }
	.legend-block {
		height: 100%;
	}
		.legend-nr .legend-nr-circle {
			background-color: rgba(154,177,51,1);
			color: rgba(255,255,255,1);
			border-radius: 50%;
			width: 40px;
			height: 40px;
			text-align: center;
			margin-right: 15px;
			padding-top: 3px;
			font-size: 22px;
			line-height: 35px;
		}
		.legend-description .legend-description-title {
			margin-bottom: 2px;
		}
		#support .figure-imgcontainer {
			width: 100%;
			position: relative;
		}
		.figure-img {
			margin-bottom: 5px;
		}
		.figure-flipview {
			position: absolute;
			width: 35px; height: 34px;
			top: 50%; margin-top: -17px;
			cursor: pointer;
			background-repeat: no-repeat; background-size: contain; background-position: center;
		}
			.figure-flipview.flipleft { left: 5%; background-image: url('../img/icons/flip-left_blue.svg'); }
			.figure-flipview.flipright { right: 5%; background-image: url('../img/icons/flip-right_blue.svg'); }

			/* -- 2.2.10 NETZSTATUS -- */
			.sysstatus-container {
				position: relative;
				padding: 25px;
				border-style: solid;
				border-width: 1px;
				margin-left: 15px;
			}
				.sysstatus-container.status-okay, .sysstatus-container.status-okay hr { border-color: rgba(154,177,51,1); }
				.sysstatus-container.status-info, .sysstatus-container.status-info hr { border-color: rgba(10,169,237,1); }

				.sysstatus-container:before {
					content: '';
					position: absolute; top: -13px; left: -13px;
					width: 26px; height: 26px;
					color: rgba(255,255,255,1);
					background-position: center;
					background-repeat: no-repeat;
					border-radius: 50%;
				}
					.sysstatus-container.status-okay:before {
						background-color: rgba(154,177,51,1);
						background-image: url('../img/icons/check-white.svg');
						background-size: 16px;
					}
					.sysstatus-container.status-info:before {
						background-color: rgba(10,169,237,1);
						background-image: url('../img/icons/exclamation-white.svg');
						background-size: 2px;
					}

			#sysstatus-bar .sysstatus-container p {
				margin-bottom: 0px !important;
			}
			#sysstatus-bar .sysstatus-container .sysstatus-row:last-child hr { display: none !important; }

	/* -- 2.2.11 SENDER -- */
	}
		@media (max-width: 768px) {

		}
		@media (min-width: 769px) {
			#channels-list-view {
				max-height: 565px;
				overflow-y: auto;
				overflow-x: hidden;
				padding-right: 15px;
			}
		}
		#channels-list-view .row-channel-entry {
			padding-top: 15px;
		}
			#channels-list-view .col-channel-logo { text-align: center; }
				#channels-list-view .col-channel-logo img {
					display: block;
					margin-left: auto;
					margin-right: auto;
				}

				@media (max-width: 991px) {
					#channels-list-view .col-channel-logo img { max-width: 65px; }
				}
				@media (min-width: 992px) {
					#channels-list-view .col-channel-logo img { max-width: 100px; }
				}
			#channels-list-view .col-channel-line {
				padding-top: 15px;
				border-bottom: 1px rgba(0,0,0,0.05) solid;
			}
			#channels-list-view .btn.btn-switch {
				cursor: default;
				padding: 10px 7px;
				background-color: rgba(0,0,0,0.05);
				text-transform: uppercase;
				border-radius: 0px;
				margin-left: 1px;
				font-size: 12px;
				opacity: 0.5;
			}
				#channels-list-view .btn.btn-switch.btn-active { opacity: 1; }
				#channels-list-title { position: relative; }
				#channels-list-pdf {
					display: block;
					position: absolute;
					width: 38px; height: 38px;
					bottom: 25px; right: 0px;
					font-size: 38px; line-height: 38px;
					text-align: right;
				}
					#channels-list-pdf i { color: rgba(0,0,0,1); }
					#channels-list-pdf i:hover { color: rgba(0,0,0,0.8); }

	/* ------ 2.3 KACHELN ------ */
	.col-tile {
		position: relative;
		display: flex;
		flex-direction: column;
		width: 100%;
		height: 100%;
		min-height: 50px;
		padding: 25px 15px;
		/*margin-top: 15px; margin-bottom: 15px;*/
		background-position: center; background-repeat: no-repeat; background-size: cover;
	}
		a.col-tile.tile-secondary, a.col-tile.tile-secondary:hover { color: rgba(0,0,0,1); }
		.col-tile.tile-mini { min-height: 10px; padding: 5px 15px; }
			.col-tile.tile-medium { height: 145px; } .col-tile.tile-tall { height: 320px; }
			#modal-channels .col-tile.tile-mini, #supplymap .col-tile.tile-mini { min-height: 15px; padding: 15px 15px; }
			a.col-tile.tile-secondary.device-hasimg h5 {
				position: absolute;
				width: 100%;
				left: 0px; right: 0px; bottom: 0px;
				padding: 10px 18px;
				color: rgba(255,255,255,1);
				background-color: rgba(154,177,51,0.9);
			}
		.col-tile.tile-clickable { cursor: pointer; }
		.col-tile { background-color: rgba(255,255,255,0.0); box-shadow: inset 0px 0px 0px 1px rgba(229,229,229,1); }
		.nav-tabs .nav-link {
			background-color: rgba(255,255,255,1);
			box-shadow: inset 0px 0px 0px 1px rgba(227,227,227,1);
			color: rgba(0,0,0,1);
		}
		.col-tile h5, .col-tile h6, .subproduct-field .col-subproduct-display h6, .nav-tabs .nav-link { text-transform: uppercase; margin-bottom: 0px; }
		.col-tile:hover,.col-tile:active,.col-tile.active,
		.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover, .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
			box-sizing: border-box;
		}
		.col-tile.tile-primary h5, .col-tile.tile-primary .tile-price {
			color: rgba(154,177,51,1);
		}
			.col-tile.tile-primary:hover,.col-tile.tile-primary:active,.col-tile.tile-primary.active {
				box-shadow: inset 0px 0px 0px 1px rgba(154,177,51,1) !important;
			}

		.row-masonry { /* Masonry container */
			-webkit-column-count: 3;
			-moz-column-count: 3;
			column-count: 3;
			-webkit-column-gap: 30px;
			-moz-column-gap: 30px;
			column-gap: 30px;
			margin: 15px 0px;
			padding: 0;
		}
		@media (max-width: 768px) {
			.row-masonry {
				-webkit-column-count: 1;
				-moz-column-count: 1;
				column-count: 1;
			}
		}
			.row-masonry .col-tile {
				display: inline-flex;
				margin: 0 0 30px;
				width: 100%;
				-webkit-transition: 1s ease all;
				box-sizing: border-box;
				-moz-box-sizing: border-box;
			}

	#combo-configurator .slick-list { overflow: visible; }
	#combo-configurator .col-tile {
		background-color: rgba(255,255,255,1);
		box-shadow: inset 0px 0px 0px 1px rgba(154,177,51,1);
		padding-top: 25px; padding-bottom: 25px;
		margin-top: 30px; margin-bottom: 30px;
		opacity: 0.75;
	}
		#combo-configurator .col-tile.tile-primary:hover,#combo-configurator .col-tile.tile-primary:active {
			opacity: 1;
			box-shadow: inset 0px 0px 0px 1px rgba(154,177,51,1) !important;
		}
		#combo-configurator .col-tile.tile-primary.active {
			background-color: rgba(255,255,255,1);
			box-shadow: inset 0px 0px 0px 1px rgba(154,177,51,1), 0px 0px 15px rgba(0,0,0,0.1) !important;
			/*padding-top: 40px; padding-bottom: 40px;
			margin-top: 15px; margin-bottom: 15px;*/
			transform: scale(1.1);
			z-index: 10;
			opacity: 1;
		}

		h3,.h3,h3 i, .h3 i {
			color: rgba(0,75,107,1);
		}
			.col-tile.tile-secondary:hover,.col-tile.tile-secondary:active,.col-tile.tile-secondary.active {
				background-color: rgba(255,255,255,0.0);
				box-shadow: inset 0px 0px 0px 1px rgba(154,177,51,1);
			}
			.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover, .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
				background-color: rgba(255,255,255,1);
				box-shadow: inset 0px 0px 0px 1px rgba(154,177,51,1);
			}
			.theme-dim .col-tile, .theme-dim .col-tile:hover { background-color: rgba(255,255,255,1); }
		.col-tile.tile-info {
			/*background-color: rgba(144,179,36,0.4) !important;*/
			background-color: rgba(255,255,255,1);
		}

		.slick-slide .col-tile { margin-bottom: 0px; }

		.row-product_info .col-tile.tile-info { margin-top: 0px !important; }

		@media (max-width: 768px) {
			.row-product_info .col-tile.tile-info { padding-bottom: 45px; }
		}

	.nav-tabs {
		border-bottom-width: 0px;
	}
		.nav-tabs .nav-link {
			margin: 0px 8px;
			padding: 13px 33px 12px;
			border-radius: 0px;
			border-width: 0px;
		}
			.nav-tabs .nav-link:first-child { margin-left: 0px; }
			.nav-tabs.justify-content-end .nav-link:last-child { margin-right: 0px; }

		.nav-tabs .nav-link.nav-title {
			margin: 0px;
			background-color: rgba(154,177,51,1);
			color: rgba(255,255,255,1);
			box-shadow: none !important;
		}
	.nav-tabs .nav-link.nav-pdf {
		margin-left: 10px;
		padding: 6px 9px 5px;
		font-size: 26px; line-height: 22px;
		box-shadow: none !important;
	}
		@media (max-width: 768px) {
			.nav-tabs .nav-link {
				margin: 0px 4px;
				padding: 10px 15px 9px;
			}
			.nav-tabs .nav-link.nav-title { align-self: center; margin-bottom: 15px; }
			.nav-tabs .nav-link.nav-pdf {
				margin-left: 10px; margin-bottom: 18px;
				padding: 6px 35px 5px 9px;
				font-size: 26px; line-height: 22px;
				box-shadow: none !important;
			}
		}

		.modal .nav-tabs .nav-link {
			background-color: rgba(255,255,255,1);
    	box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.05);
			color: rgba(0,0,0,1);
		}
			.modal .nav-tabs .nav-link:focus, .modal .nav-tabs .nav-link:hover, .modal .nav-tabs .nav-item.show .nav-link, .modal .nav-tabs .nav-link.active {
				box-shadow: inset 0px 0px 0px 1px rgba(154,177,51,1);
			}
			.modal .nav-tabs .nav-link, .modal .col-tile h5 {
				font-size: 16px; line-height: 16px;
			}

	.progress {
		height: 10px;
		border-radius: 0px;
		background-color: rgba(229,229,229,1);
	}
		.progress .progress-bar {
			background-color: rgba(154,177,51,1);
			-webkit-transition: none !important;
			transition: none !important;
		}

	/* ------ 2.4 FOOTER ------ */
	footer {
		position: relative;
		flex-shrink: 0;
		padding: 40px 0px;
		background-color: rgba(0,75,107,1);
	}
		footer h2, footer p, footer a {
			font-size: 12px;
			line-height: 150%;
			color: rgba(255,255,255,1) !important;
		}
			footer a:hover { opacity: 0.8; }
			footer a:active, footer a:focus { opacity: 0.9; }
		footer strong { font-weight: bold; }

		@media (max-width: 991px) {
			footer {
				padding: 20px 0px;
			}
		}

	footer .social-icon {
		width: 30px;
		height: 30px;
		margin: 0px 10px;
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
	}

		footer .social-icon:first-child { margin-left: 0px; } footer .social-icon:last-child { margin-right: 0px; }
		footer .social-icon.social-facebook { background-image: url('../img/icons/social-facebook_o-white.svg'); }
		footer .social-icon.social-instagram { background-image: url('../img/icons/social-instagram_o-white.svg'); }
		footer .social-icon.social-linkedin { background-image: url('../img/icons/social-linkedin_o-white.svg'); }

	/* ------ 2.5 SUCHE ------ */

/* ============================================= 3.0 TEXT ============================================= */

	/* ------ 3.1 SCHRIFTEN ------ */
	p,.p,ul li,ol li,h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,.mood-content p,.btn, nav.navbar-light .navbar-nav .nav-link, .fat-nav li a,.card .card-header .btn, .field-display-title {
	    -webkit-font-smoothing: subpixel-antialiased;
	}
	h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6,.navbar-toggler,#navbar-primary .nav-link,#navbarDesktop .dropdown-menu .dropdown-item,.dplay.dplay-product .dplay-product-tier,
	#combo-configurator .custom-control-label,.field-display-title,.input-group-text,.btn,.mood-content p,.tile-header .tile-price {
		font-family: 'BrandonTextWeb-Bold';
		font-weight: normal;
		font-style: normal;
	}
	.BrandonTextWeb-Bold, .navbar-nav-mobile-utility .nav-link, #content table td strong, #content table th, #content table.table-blue td:first-child, #content table td:first-child, #content table.table-brown td:first-child {
		font-family: 'BrandonTextWeb-Bold' !important;
		font-weight: normal;
		font-style: normal;
	}
	.BrandonTextWeb-Light, #content table td, .figure-caption, #channels-list-view .btn.btn-switch, .field-static,.dplay.dplay-product .dplay-product-price,.dplay.dplay-options,
	.subproduct-field .amount-display, #channels-filter .custom-control-label, #breaker-contact-form input, #breaker-contact-form textarea {
		font-family: 'BrandonTextWeb-Light';
		font-weight: normal;
		font-style: normal;
	}
	.pb-block p strong, .nav-tabs .nav-link, .legend-nr, .link-back {
		font-family: 'BrandonTextWeb-Bold' !important;
		font-weight: normal;
		font-style: normal;
	}
	.text-museo-slab, p,.p,h4,.h4,ul li,ol li,#navbar-secondary .nav-link,#navbarDesktop .dropdown-menu .dropdown-item,.form-control,.label-static,.dplay.dplay-product .dplay-product-group,
	.theme-dim .input-group-text,select.form-control,input.form-control,textarea.form-control,.select,.styledSelect,.custom-control-label,.options li, .col-tile.tile-product_bestseller:after, .col-tile.tile-product_basepackage:before, .row-tablebody,#ordersummary-total .h5 {
		font-family: 'museo-slab', serif;
		font-style: normal;
		font-weight: 300;
	}

	.bold { font-weight: 700; }
	.light { font-weight: 100; }

	#pb p,#pb h1,#pb h2 {
		color: black;
	}
	#pb .pb-block h1,#pb .pb-block h2,#pb .pb-block h3,#pb .pb-block p,#pb .pb-block .p,#pb .pb-block ul li,
	.pb-block h1,.pb-block h2, .pb-block h3,.pb-block p,.pb-block .p,.pb-block ul li {
		color: white;
	}
		#products .pb-block h1,#products .pb-block h2,#products .pb-block p,#products .pb-block ul li {
			color: black;
		}
	.pb-block-small h1,.pb-block-small h2,.pb-block-small p,.pb-block-small ul li, .theme-dim h2,.theme-dim .h2, .modal-header h2, h2 {
		color: rgba(0,76,108,1);
	}
	p,.p, h4,.h4,input.form-control,textarea.form-control,#combo-configurator .btn-primary#form-send,.select,.styledSelect,.options li, .theme-dim .input-group-text, .input-group-text {
		font-weight: 300;
		margin-bottom: 5px;
		font-size: 14px;
	}
		@media (max-width: 768px) {
			p,.p, h4,.h4,th,td,#combo-configurator .btn-primary#form-send,.select,.styledSelect,.options li, .theme-dim .input-group-text, .input-group-text {
				font-size: 12px;
			}
			input.form-control,textarea.form-control { font-size: 15px; }
		}
		#contest #leadblock p, #contest #leadblock .p { font-size: 18px; line-height: 26px; }
		#contest-rules p, #contest-rules .p { font-size: 11px; line-height: 16px; }
		.theme-dim .input-group-text { margin-bottom: 0px; }
	.pb-block p strong, .pb-block-small p {
		font-size: 23px;
	}
		p strong { font-weight: 700; }
		#footer p {
			margin: 0px;
		}
	/* ------ 3.2 TITEL ------ */
	h1,.h1,h2,.h2,h3,.h3, .field-display-title {
		text-transform: uppercase;
	}
	h1,.h1 {
		color: rgba(0,75,107,1);
		margin-top: 15px;
		margin-bottom: 0px;
	}

	h1,.h1,h2,.h2,.field-display-title,.mood-content p, .btn.btn-primary h3, .btn.btn-primary .h3, .btn.btn-secondary h3, .btn.btn-secondary .h3 {
		font-size: 25px;
		line-height: 30px;
	}
	#contest h1, #contest .h1 {
		font-size: 58px;
		line-height: 60px;
	}
	@media (max-width: 768px) {
		#contest h1, #contest .h1 {
			font-size: 36px;
			line-height: 42px;
		}
	}
		#combo .btn-primary, #combo .btn-secondary, #combo-options .btn-primary, #combo-options .btn-secondary { font-size: 12px; }
		.document-fields h2, .field-display-title { color: white; }
		h2.text-big {
			font-size: 36px;
			line-height: 110%;
		}
		#content h2, #content .h2 { margin-top: 30px; }
		#content .pb-content h2, #content .pb-content .h2 { margin-top: 0px; }

		@media (max-width: 768px) {
			h2.text-big { font-size: 23px; }
		}

			.btn.btn-primary h3, .btn.btn-primary .h3, .btn.btn-secondary h3, .btn.btn-secondary .h3 {
				font-size: 20px;
				line-height: 15px;
			}

	h3,.h3,#navbar .card-header a,.pb-block p {
		font-size: 18px;
    	line-height: 25px;
	}
		.row-title h3 { margin-top: 5px; }
	h4 {
		padding-top: 4px;
		font-size: 18px;
	}
	h5,.h5, .btn.btn-outline-light,#channels-products h5,#relocation .btn-primary#form-send,#combo-order .btn-primary#form-send {
		font-size: 20px;
    	line-height: 20px;
	}
		.custom-control-label, .btn-light, #support-device-list .col-tile h5, .nav-tabs .nav-link {
			font-size: 15px;
			line-height: 15px;
		}
			@media (max-width: 768px) {
				.nav-tabs .nav-link {
					font-size: 12px;
					line-height: 12px;
				}
			}
		#modal-channels .col-tile.tile-mini h5, #modal-channels .col-tile.tile-mini .h5 { font-size: 11px; line-height: 11px; }
			#combo-configurator .btn-light { font-size: 90%; }
			.custom-control-label { line-height: 18px; }

	h6,.h6 {
		text-transform: uppercase;
		font-size: 15px;
		line-height: 15px;
		font-weight: normal;
	}
		.subproduct-field h6, .subproduct-field .h6 { font-size: 12px; line-height: 15px; }
		.subproduct-field .amount-display { font-size: 13px; line-height: 15px; }
	.btn h3 { margin: 0px; }

	li {
		font-size: 17px;
		/*text-transform: uppercase;*/
	}
	/* ------ 3.3 ALLGEMEIN ------ */
	#content b, #content strong {
		font-weight: bold;
	}
	a {
		color: rgba(0,0,0,1);
		outline: none !important;
		text-decoration: none !important;
		cursor: pointer;

		-webkit-transition: opacity ease 0.3s, color ease 0.3s;
		-moz-transition: opacity ease 0.3s, color ease 0.3s;
		-o-transition: opacity ease 0.3s, color ease 0.3s;
		transition: opacity ease 0.3s, color ease 0.3s;
	}
		p a, .custom-control-label a { color: rgba(0,159,227,1); }
		a:hover {  }
		a:active, a:focus {  }
		.pb-frame.bg-light-green a {
			color: rgba(154,177,51,1);
		}
		a.link-back {
			text-transform: uppercase;
			display: inline-block;
			padding-left: 15px;
			background-repeat: no-repeat;
			background-position: left;
			background-image: url('../img/icons/arrow-left-black.svg');
			background-size: 4px;
		}

	.bg-image {
		background-color: rgba(241,244,245,1);
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}

	.text-black { color: rgba(0,0,0,1) !important; } .text-error { color: rgba(200,30,30,1) !important; }
	.text-grey, .text-gray { color: rgba(0,0,0,0.5) !important; }
	.text-white { color: rgba(255,255,255,1) !important; }
	.text-primary,.text-green { color: rgba(154,177,51,1) !important; }
	.text-nocase { text-transform: none !important; }

	/* ------ 3.4 BUTTONS ------ */

	 .play-btn {
			height: 100px;
			fill-rule:evenodd;
		}

		.btn-primary {
			background-color: rgba(144,179,36,1);
			text-transform: uppercase;
			position: relative;
			outline: none;
			cursor: pointer;
			border-radius: 0px;
			width: auto;
			padding: 11px 15px;
			border: none;
			border-width: 0px;
		}
			.btn-primary:hover { background-color: rgba(144,179,36,0.8); }
			.btn-primary.bg-green h3 { color: rgba(255,255,255,1); }

			#contest .btn-primary,#relocation .btn-primary {
				background-color: rgba(0,159,227,1);
				padding: 11px 30px;
			}
				#contest .btn-primary:hover,#relocation .btn-primary:hover { background-color: rgba(0,159,227,0.8); }

			#teaser .btn-primary, #combo .btn-primary, #combo-options .btn-primary, .modal-dialog .btn-primary {
				margin-top: 40px;
				margin-bottom: 20px;
			}
				@media (max-width: 768px) {
					#teaser .btn-primary, #combo .btn-primary, #combo-options .btn-primary, .modal-dialog .btn-primary {
						margin-top: 20px;
						margin-bottom: 10px;
					}
				}
				.modal-dialog .btn-primary { margin: 0px; }
				#teaser .btn-primary { min-width: 100px; margin-bottom: 0px; }
				#combo .btn-primary, #combo-options .btn-primary, #combo-configurator .btn-primary, .modal-dialog .btn-primary, #combo .btn-secondary, #combo-options .btn-secondary, #combo-configurator .btn-secondary, .modal-dialog .btn-secondary { width: 100%; }
				#combo-order .btn-primary {
					padding: 14px 40px 15px;
					width: auto;
				}
					#form-status .bg-grey { background-color: rgba(255,255,255,1); }
					#form-message .form-success {
						background-color: rgba(144,179,36,0.8);
						color: white;
						text-align: center;
						padding: 10px;
					}
				.btn.btn-primary.btn-box-close {
					position: absolute;
					bottom: 20px;
					right: 20px;
					padding: 0px !important;
					width: 32px !important; height: 40px !important;
				}
					.btn.btn-primary.btn-box-close:after {
						width: 100%;
						height: 100%;
						background-image: url('../img/icons/times-white.svg');
						background-position: center;
						background-size: 8px;
					}

			.btn-primary#form-send { opacity: 0.5; }
				#combo-order .btn-primary#form-send { background-color: rgba(0,159,227,1); }
					#combo-order .btn-primary#form-send:hover { background-color: rgba(0,159,227,0.8); }
			.btn-primary:active, .btn-primary:focus {
				background-color: rgba(182,183,174,1) !important;
				border-width: 0px;
			}
				.btn-primary:focus, .btn-primary.focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
					box-shadow: none !important;
				}
				.btn-primary.btn-clickable#form-send { opacity: 1; }

			.btn-secondary {
				background-color: rgba(229,229,229,1);
				color: rgba(0,0,0,1);
				text-transform: uppercase;
				position: relative;
				outline: none;
				cursor: pointer;
				border-radius: 0px;
				width: auto;
				padding: 11px 15px;
				border: none;
				border-width: 0px;
			}
				.btn-secondary:hover { background-color: rgba(229,229,229,0.8); }
				.btn-secondary.focus, .btn-secondary:focus { box-shadow: none !important; }
				.btn-primary.bg-green h3 { color: rgba(255,255,255,1); }

		.btn-info {
			position: relative;
			text-align: left;
			outline: none;
			cursor: pointer;
			padding: 0;
			border-radius: 0px;
			border: none;
			background-color: rgba(255,255,255,0.3);
			color: white;
			width: 80%;
			margin: 3px 0px 3px;
			padding: 5px 32px 0px 15px;
		}
			.btn.btn-info:after {
				position: absolute;
				content: "";
				height: 100%;
				width: 15px;
				top: 0px;
				bottom: 0px;
				right: 15px;
				background-image: url('../img/icons/arrow-right-white.svg');
				background-size: 8px;
				background-position: center;
				background-repeat: no-repeat;
			}
		.btn.btn-outline-light {
			width: 100%;
			border-radius: 0px;
			text-transform: uppercase;
			padding: 13px 12px;
		}
		.btn-light {
			text-transform: uppercase;
			position: relative;
			outline: none;
			cursor: pointer;
			border-radius: 0px;
			width: 100%;
			padding: 11px 8px;
			border: none;
			border-width: 0px;
		}
			.btn-light, .btn-light.focus, .btn-light:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .btn-light:not(:disabled):not(.disabled):active:focus, .show>.btn-light.dropdown-toggle:focus { background-color: rgba(255,255,255,1); box-shadow: inset 0px 0px 0px 1px rgba(154,177,51,1); }
			.btn-light:hover { background-color: rgba(144,179,36,0.8); color: rgba(255,255,255,1); }
			.btn-light:active { background-color: rgba(144,179,36,0.9); color: rgba(255,255,255,1); }
			.btn-light.bg-green h3 { color: rgba(255,255,255,1); }

		.row-combo .pb-block-small {
			height: 100%;
		}
			.row-combo .pb-col:nth-child(-n+9) .pb-block-small {
				background-color: rgba(246,248,238,1);
			}
				.row-combo .pb-col:nth-child(-n+9) .pb-block-small.pb-active { background-color: rgba(154,177,51,1); }
			.row-combo .pb-col:nth-child(-n+6) .pb-block-small {
				background-color: rgba(236,246,253,1);
			}
				.row-combo .pb-col:nth-child(-n+6) .pb-block-small.pb-active { background-color: rgba(0,159,227,0.9); }
			.row-combo .pb-col:nth-child(-n+3) .pb-block-small {
				background-color: rgba(234,240,245,1);
			}
				.row-combo .pb-col:nth-child(-n+3) .pb-block-small.pb-active { background-color: rgba(0,75,107,0.9); }
			#order .pb-block-small {
				background-color: rgba(172,173,164,1);
			}

			.row-combo .pb-col .pb-block-small.pb-active p { color: rgba(255,255,255,1); }


		#landline .pb-block-small p {
			color: rgba(154,177,51,1);
		}
		#order .pb-block-small p, #order .pb-block-small h1, #order .pb-block-small h2 {
			color: rgba(255,255,255,1);
		}

		.bg-transparent	{ background-color: rgba(255,255,255,0); }
		.bg-white		{ background-color: rgba(255,255,255,1); }
		.bg-bronze	{ background-color: rgba(100,100,85,0.9); }
		.bg-gray, .bg-grey { background-color: rgba(0,0,0,0.05); }
		.bg-beige	{ background-color: rgba(239,239,237,0.9); }

		.bg-marineblue-dark 	{ background-color: rgba(0,75,107,0.9); }
			.bg-marineblue-dark .btn-primary { background-color: rgba(127,165,181,1); }
		.bg-marineblue			{ background-color: rgba(127,165,181,0.9); }
			.bg-marineblue .btn-primary { background-color: rgba(0,75,107,1); }
		.bg-marineblue-light	{ background-color: rgba(234,240,245,0.9); }

		.bg-aquablue-dark	{ background-color: rgba(0,159,227,0.9); }
			.bg-aquablue-dark .btn-primary { background-color: rgba(127,205,238,1); }
		.bg-aquablue		{ background-color: rgba(127,205,238,0.9); }
			.bg-aquablue .btn-primary { background-color: rgba(18,155,221,1); }
		.bg-aquablue-light	{ background-color: rgba(236,246,253,0.9); }

		.bg-green-dark		{ background-color: rgba(154,177,51,0.9); }
			.bg-green-dark .btn-primary { background-color: rgba(204,215,152,1); }
		.bg-green			{ background-color: rgba(204,215,152,0.9); }
			.bg-green .btn-primary { background-color: rgba(154,177,51,1); }
		.bg-green-light		{ background-color: rgba(246,248,238,0.9); }

		.btn-secondary:hover, .btn-secondary:active { background-color: rgba(193,195,192) !important; }
		.col-tile.tile-primary.tile-clickable .btn-secondary:hover, .col-tile.tile-primary.tile-clickable .btn-secondary:active { background-color: rgba(229,229,229,1) !important; color: rgba(0,0,0,1); }
		.col-tile.tile-primary.tile-clickable.active .btn-secondary:hover, .col-tile.tile-primary.tile-clickable.active .btn-secondary:active { background-color: rgba(193,195,192) !important; color: rgba(255,255,255,1); }


		button:focus, .btn:focus, input:focus, select:focus { outline: 0 !important; }
		.btn-link:hover,.btn-link.focus,.btn-link:focus { text-decoration: none !important; }

	/* ------ 3.5 ICONS ------ */


	/* ------ 3.6 LISTEN ------ */
	nav#navbar-primary .navbar-nav .nav-link {
		color: rgba(255,255,255,1);
		text-transform: uppercase;
		font-size: 13px;
	}
		@media (min-width: 992px) and (max-width: 1275px) {
			nav#navbar-primary .navbar-nav .nav-link {
				font-size: 11px;
				margin: 0rem 0.4rem;
			}
			#navbar-primary .form-inline .input-group { width: auto; }
			#navbar-primary #field-search-desktop { display: none; }
			#navbar-primary #search-addon-desktop { border-bottom-width: 0px; margin-bottom: 0px !important; }
		}
		@media (min-width: 1276px) and (max-width: 1410px) {
			nav#navbar-primary .navbar-nav .nav-link {
				font-size: 12px;
				margin: 0rem 0.6rem;
			}
		}
		nav#navbar-primary .navbar-nav .nav-link:focus, nav#navbar-primary .navbar-nav .nav-link:hover {
			color: rgba(255,255,255,0.7);
		}
		nav#navbar-primary .navbar-nav .active>.nav-link, nav#navbar-primary .navbar-nav .nav-link.active, nav#navbar-primary .navbar-nav .nav-link.show, nav#navbar-primary .navbar-nav .show>.nav-link {
			color: rgba(144,179,36,1);
		}
	nav#navbar-secondary .navbar-nav .nav-link {
		color: rgba(0,0,0,1);
		font-weight: normal;
	}
		nav#navbar-secondary .navbar-nav .nav-link:focus, nav#navbar-secondary .navbar-nav .nav-link:hover {
			color: rgba(0,0,0,0.7);
		}
		#navbarMobile .navbar-nav-mobile-utility .nav-item .nav-link {
			color: rgba(0,75,107,1);
			text-transform: uppercase;
			text-align: center;
		}
		#navbarMobile .navbar-nav-mobile-utility .nav-item .nav-link:focus#navbarMobile .navbar-nav-mobile-utility .nav-item .nav-link:hover { color: rgba(0,75,107,0.7); }
		#navbarMobile .navbar-nav-mobile-utility .nav-item.active .nav-link, nav#navbar-secondary .navbar-nav .active>.nav-link, nav#navbar-secondary .navbar-nav .nav-link.active, nav#navbar-secondary .navbar-nav .nav-link.show, nav#navbar-secondary .navbar-nav .show>.nav-link {
			color: rgba(144,179,36,1);
		}

	#content ul, .tooltip-inner ul {
		padding-left: 0;
		list-style: none;
	}
	 	#content ul li {
			position: relative;
			padding-left: 25px !important;
			margin: 15px 0px;
		}
		.tooltip-inner ul li {
			position: relative;
			padding-left: 17px !important;
			margin: 0px 0px 10px;
		}
			#content ul li:before, .tooltip-inner ul li:before {
				position: absolute;
				content: "";
				background-image: url('../img/icons/arrow-right-black.svg');
				background-size: contain;
				background-repeat: no-repeat;
			}
			#content ul li:before {
				left: 7px;
				margin-top: 4px;
				height: 15px;
				width: 15px;
			}
			.tooltip-inner ul li:before {
				left: 5px;
				margin-top: 2px;
				height: 10px;
				width: 6px;
			}
			#content .pb-frame ul li:before { background-image: url('../img/icons/arrow-right-black.svg'); }

/* ============================================= 4.0 FORMULAR ============================================= */

	label {
		cursor: pointer;
	}
		label.label-static {
			width: 100%;
			display: block;
			color: rgba(0,0,0,1);
			cursor: default;
		}

	.input-group, .input-group-text, input.form-control, textarea.form-control,.form-control:focus,.styledSelect,.select {
		border-radius: 0px;
		color: rgba(0,0,0,0.5);
		outline: 0;
	}
		.input-group-text, input.form-control, textarea.form-control,.form-control:focus,.styledSelect,.select {
			background-color: rgba(0,0,0,0.05);
			border-color: transparent;
		}
			.form-control {
				height: calc(1.5em + .75rem + 2px);
				padding: .375rem .75rem;
				border-width: 0px;
			}
			.input-group-prepend { margin-right: 0px; }
		.theme-dim .input-group, .theme-dim .input-group-text, .theme-dim input.form-control, .theme-dim textarea.form-control,.theme-dim .form-control:focus,.theme-dim .styledSelect,.select {
			background-color: rgba(255,255,255,1);
			border-color: rgba(255,255,255,1);
			color: rgba(0,0,0,1);
		}
			.theme-dim .input-group-text { color: rgba(0,0,0,0.4); }

		#page #breaker-contact #breaker-contact-form .input-group {
			margin: 5px;
		}
		#page #breaker-contact #breaker-contact-form input, #page #breaker-contact #breaker-contact-form textarea {
			width: 100%;
			border: 0;
			box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,1);
			font-size: 14px;
			padding: 3px 8px;
			margin: 0px;
		}
		#page #breaker-contact #breaker-contact-form input::placeholder, #page #breaker-contact #breaker-contact-form textarea::placeholder { text-transform: uppercase; }
			#page #breaker-contact #breaker-contact-form input {
				height: 30px;
			}
			#page #breaker-contact #breaker-contact-form textarea {

			}
				#page #breaker-contact #breaker-contact-form input.field-error,#page #breaker-contact #breaker-contact-form textarea.field-error {
					box-shadow: inset 0px 0px 0px 2px rgba(200,30,30,1);
				}
				#page #breaker-contact #breaker-contact-form input:focus,#page #breaker-contact #breaker-contact-form textarea:focus {
					box-shadow: inset 0px 0px 0px 2px rgba(154,177,51,1);
					outline: 0 !important;
				}
			#page #breaker-contact #breaker-contact-form .breaker-form-button { padding: 0px 4px; }
			#page #breaker-contact #breaker-contact-form .btn.btn-link {
				color: rgba(255,255,255,1);
				text-transform: uppercase;
			}
				#page #breaker-contact #breaker-contact-form .btn.btn-link.btn-clickable:hover {
					color: rgba(154,177,51,1);
					/*filter: brightness(1.5);*/
				}

		.navbar .form-inline .input-group {
			background-color: transparent;
			border-width: 0px;
			width: 150px;
		}
			.navbar .form-inline .form-control {
				height: calc(1.5em + 0.15rem + 2px);
				margin-left: 2rem;
				padding: .375rem .25rem;
				background-color: transparent;
				color: rgba(255,255,255,1);
			}
			.navbar .form-inline .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
				color: rgba(255,255,255,0.8);
				opacity: 0.8; /* Firefox */
			}
			.navbar .form-inline .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
				color: rgba(255,255,255,1);
			}
			.navbar .form-inline .form-control::-ms-input-placeholder { /* Microsoft Edge */
				color: rgba(255,255,255,1);
			}
			.navbar .input-group-text {
				cursor: pointer;
				padding: 3px 5px 2px;
				background-color: transparent;
				width: 22px;
				color: rgba(255,255,255,1);
			}
			.navbar .form-inline .form-control, .navbar .input-group-text {
				border: 0px;
				border-bottom: 1px rgba(255,255,255,1) solid;
				font-size: 13px;
			}
			#navbarMobile .form-inline .form-control { margin-left: 0px; }
			#navbarMobile .form-inline .input-group { width: 100%; }
			#navbarMobile .form-inline .form-control, #navbarMobile .input-group-text {
				color: rgba(0,76,108,1);
				border-bottom-color: rgba(0,76,108,1);
			}

		.form-control {
			height: calc(2.1em + 0.75rem); /* + 2px was here */
		}
			.modal-content .form-control {
				height: calc(2.1em + 0.75rem + 2px); /* + 2px was here */
			}
		.input-group-text {
			border-width: 0px;
			padding: 8px 15px 7px;
			width: 175px;
			height: 100%;
			-ms-flex-align: start;
			align-items: start;
			text-transform: uppercase;
			line-height: 22px;
		}
			#form .input-group-text { padding: 11px 15px 4px; }
			#combo-order .input-group { border-width: 1px; border-style: solid; }
			@media (max-width: 768px) {
				.input-group-text { width: 140px; }
				.modal-body .input-group-text { padding: 8px 15px 4px; }
				#form .input-group-text { padding: 8px 15px 2px; }
			}
			#combo-order .form-control {
				height: calc(2em + 0.5rem + 2px);
				padding: .375rem .25rem;
			}
			.theme-dim .input-group-text {
				text-transform: none;
				width: 125px;
			}
		.form-control:focus {
			box-shadow: none !important;
			background-color: rgba(0,0,0,0.1);
			border-color: transparent;
		}
			.form-control:disabled, .form-control[readonly] {
				background-color: rgba(0,0,0,0.05) !important;
				color: rgba(0,0,0,1);
			}

		.input-group-row {
			position: relative;
			width: 100%;
		}
			.input-group-row .input-group-field-prepend, .input-group-row .input-group-field-append {
				position: absolute;
				top: 15px;
				width: 20px; height: 20px;
				font-size: 12px; line-height: 12px;
				text-align: center;
			}
			.input-group-row .input-group-field-prepend { left: 8px; }
			.input-group-row .input-group-field-append { right: 8px; }
		.field-static {
			width: 100%;
			background-color: rgba(255,255,255,1);
			border: 1px rgba(255,255,255,1) solid;
			padding: 8px 12px;
		}
			.input-group-row.input-group-row-prepend .field-static { padding-left: 30px; }
			.input-group-row.input-group-row-append .field-static { padding-right: 30px; }

		/**** RADIO/CHECKBOX ****/
		.custom-control { padding-left: 30px;}
		.custom-control-label::before {
			border-color: rgba(255,255,255,1);
		}
			.custom-control.custom-radio .custom-control-label::before { width: 10px; height: 10px; }
			.custom-control.custom-radio .custom-control-input:checked~.custom-control-label::before { background-color: rgba(0,0,0,1); border-color: rgba(0,0,0,1); }
			.custom-control.custom-radio .custom-control-input:checked~.custom-control-label::after { background: transparent !important; }
			.custom-control-input:focus~.custom-control-label::before { box-shadow: none; }
			#channels-filter .custom-control-label, #combo .custom-control-label, #combo-options .custom-control-label  { text-transform: uppercase; }


		.custom-control.custom-checkbox .custom-control-label::before, .custom-control.custom-checkbox .custom-control-label::after {
			width: 21px;
			height: 21px;
			top: -2px;
			left: -30px;
		}
		.custom-control.custom-checkbox .custom-control-label::before {
			border-color: rgba(255,255,255,1) !important;
			border-width: 0px;
			background-color: rgba(255,255,255,1) !important;
			border-radius: 0px;

			box-shadow: inset 0px 0px 0px 1px rgba(0,75,107,1);
		}
		.custom-control.custom-checkbox .custom-control-label::after {
			background-position: center;
			background-size: 11px;
			background-repeat: no-repeat;
		}
			#combo-configurator .custom-control.custom-checkbox .custom-control-label::before, #channels-filter .custom-control.custom-checkbox .custom-control-label::before { border-color: rgba(144,179,36,1) !important; }
			.custom-checkbox .custom-control-input:checked~.custom-control-label::after { background-image: url('../img/icons/times-black.svg'); }
			#combo-configurator .custom-checkbox .custom-control-input:checked~.custom-control-label::after {
				background-color: rgba(144,179,36,1);
				background-image: url('../img/icons/times-white.svg');
			}

		/**** SELECT ****/
		.styledSelect:active, .styledSelect.active {
			box-shadow: none !important;
			filter: brightness(1.1);
		}
		.s-hidden {
		  visibility:hidden;
		  padding-right:10px;
		}
		.select {
			position: relative;
			flex: 1 1 auto;
			width: 1%;
			margin-bottom: 0;
		}

		.styledSelect {
		  position:absolute;
		  top:0;
		  right:0;
		  bottom:0;
		  left:0;
		  padding: 10px 10px 7px;
		  margin-bottom: 0px !important;
		}
		.styledSelect:after {
		  content:"";
		  width:0;
		  height:0;
		  border:8px solid transparent;
		  border-color: rgba(0,0,0,0.5) transparent transparent transparent;
		  position:absolute;
		  position:absolute;
		  top:45%;
		  right:15px;
		}

		.options {
			text-transform: capitalize;
			display:none;
			position:absolute;
			top:100%;
			right:0;
			left:0;
			z-index:999;
			margin:0 0;
			padding:0 0;
			list-style:none;
			border-width: 0px;
			color: rgba(255,255,255,1);
			background-color: rgba(0,75,107,1);
		}
			.options li {
				padding:10px 0px 10px 0px!important;
				margin:0 0;
				padding:0 10px;
				text-transform: capitalize;
				cursor: pointer;
				min-height: 20px;
			}
				.options li::before { display: none; }
				#form ul li { margin: 0px!important; }
				.options li:hover {
					background-color: rgba(0,75,107,1);
					filter: brightness(1.2);
				}

	.input-group.error input, .custom-control.error .custom-control-label::before {
		box-shadow: inset 0px 0px 0px 1px rgba(200,30,30,1) !important;
	}
	.form-control.error { box-shadow: inset 0px 0px 0px 1px rgba(200,30,30,1) !important; }

/* ============================================= 5.0 TABELLEN ============================================= */

	#content table {
		overflow-x: auto;
		max-width: 100%;
		border-spacing: 0px;
		border-collapse: collapse;
	}
		#content table th, #content table td {
			padding: 10px;
			vertical-align: top;
		}
		#content table th {
			color: rgba(255,255,255,1);
			text-transform: uppercase;
		}

	/* Grün */
	#content table th { color: rgba(255,255,255,1); }
	#content table td:first-child { color: rgba(159,194,23,1); }
	#content table td { color: rgba(0,0,0,1); }

	#content table thead th { background-color: rgba(159,194,23,1); }
	#content table tbody td { background-color: rgba(255,255,255,1); }

	#content table th, #content table td { border: 1px rgba(159,194,23,1) solid; }
	#content table th { border-left-color: rgba(255,255,255,1); border-right-color: rgba(255,255,255,1); }
	#content table tr th:first-child { border-left-color: rgba(159,194,23,1); }
	#content table tr th:last-child { border-right-color: rgba(159,194,23,1); }

/* ============================================= 6.0 SONSTIGES ============================================= */

	.clearer { clear: both; }

	.full-height {
		height: 100%;
		position: relative;
	}
	.full-width {
		width: 100%;
		position: relative;
	}

	/* ------ 6.1 ANIMATIONEN ------ */
	.navbar-toggler, .dropdown-menu a.dropdown-item, .form-control, .pb-frame, .pad-field,.select,.styledSelect, .pb-block-small,.modal .close, .subproduct-field .col-subproduct-amount .icon-arrow {
		-webkit-transition: color ease 0.3s, background-color ease 0.3s, border-color ease 0.3s;
		-moz-transition: color ease 0.3s, background-color ease 0.3s, border-color ease 0.3s;
		-o-transition: color ease 0.3s, background-color ease 0.3s, border-color ease 0.3s;
		transition: color ease 0.3s, background-color ease 0.3s, border-color ease 0.3s;
	}
	.pb-block, #content table tr, #content table th, #content table td,.col-tile.tile-detail_arrow:after, .list-tvpackages .subproduct-field, .icon,.dplay,.dplay .dplay-btn,.breaker-window .breaker-contact-content, footer .social-icon {
		-webkit-transition: opacity ease 0.3s, color ease 0.3s, background-color ease 0.3s;
		-moz-transition: opacity ease 0.3s, color ease 0.3s, background-color ease 0.3s;
		-o-transition: opacity ease 0.3s, color ease 0.3s, background-color ease 0.3s;
		transition: opacity ease 0.3s, color ease 0.3s, background-color ease 0.3s;
	}
	.col-tile, .nav-tabs .nav-link, #breaker-contact-form input, #breaker-contact-form textarea {
		-webkit-transition: box-shadow ease 0.3s, opacity ease 0.3s;
		-moz-transition: box-shadow ease 0.3s, opacity ease 0.3s;
		-o-transition: box-shadow ease 0.3s, opacity ease 0.3s;
		transition: box-shadow ease 0.3s, opacity ease 0.3s;
	}
	.subproduct-select,#navbarMobile .card-header a.btn.card-accordion,#accordionNavMobile .nav-item.dropdown {
		-webkit-transition: background-image ease 0.3s, color ease 0.3s;
		-moz-transition: background-image ease 0.3s, color ease 0.3s;
		-o-transition: background-image ease 0.3s, color ease 0.3s;
		transition: background-image ease 0.3s, color ease 0.3s;
	}
	#page #breaker-contact, #combo .col-tile, #combo-options .col-tile {
		-webkit-transition: opacity ease 0.3s, box-shadow ease 0.3s, margin ease 0.3s, padding ease 0.3s, transform ease 0.3s, top ease 0.5s, bottom ease 0.5s;
		-moz-transition: opacity ease 0.3s, box-shadow ease 0.3s, margin ease 0.3s, padding ease 0.3s, transform ease 0.3s, top ease 0.5s, bottom ease 0.5s;
		-o-transition: opacity ease 0.3s, box-shadow ease 0.3s, margin ease 0.3s, padding ease 0.3s, transform ease 0.3s, top ease 0.5s, bottom ease 0.5s;
		transition: opacity ease 0.3s, box-shadow ease 0.3s, margin ease 0.3s, padding ease 0.3s, transform ease 0.3s, top ease 0.5s, bottom ease 0.5s;
	}

	/* ------ 6.2 ABSTÄNDE ------ */
	.nomargin {
		margin-bottom: 0px !important;
	}
	.my-content { margin-top: 80px; }
	.my-none { margin-top: 0px !important; margin-bottom: 0px !important; }
	.my-micro { margin-top: 5px; margin-bottom: 5px; }
	.my-mini { margin-top: 10px; margin-bottom: 10px; }
	.my-light { margin-top: 15px; margin-bottom: 15px; }
	.my-medium { margin-top: 30px; margin-bottom: 30px; }
	.my-strong { margin-top: 45px; margin-bottom: 45px; }
		.my-heavy-top		{ margin-top: 80px; }
		.my-heavy-bottom	{ margin-bottom: 80px; }
		.my-strong-top		{ margin-top: 45px; }
		.my-strong-bottom	{ margin-bottom: 45px; }
		.my-medium-top		{ margin-top: 25px; }
		.my-medium-bottom	{ margin-bottom: 20px; }
		.my-light-top		{ margin-top: 15px; }
		.my-light-bottom	{ margin-bottom: 15px; }
		.my-mini-top		{ margin-top: 10px; }
		.my-mini-bottom		{ margin-bottom: 10px; }
		.my-micro-top		{ margin-top: 5px; }
		.my-micro-bottom	{ margin-bottom: 5px; }
		.my-none-top		{ margin-top: 0px !important; }
		.my-none-bottom		{ margin-bottom: 0px !important; }
		@media (min-width: 768px) {
			.my-md-none			{ margin-top: 0px; margin-bottom: 0px; }
			.my-md-none-top		{ margin-top: 0px; }
			.my-md-none-bottom	{ margin-bottom: 0px; }
		}
		@media (min-width: 991px) {
			.my-lg-none			{ margin-top: 0px; margin-bottom: 0px; }
			.my-lg-none-top		{ margin-top: 0px; }
			.my-lg-none-bottom	{ margin-bottom: 0px; }
		}
		.myc-bottom-65		{ margin-bottom: -65px; }


	.p-light-all	{ padding: 12px; }
	.p-box			{ padding: 5px 20px; }
	.p-all			{ padding: 20px; }
	.p-strong-all	{ padding: 45px; }
	.p-card			{ padding: 20px 40px; }
	.py-light		{ padding-top: 20px; padding-bottom: 20px; }
	.py-medium		{ padding-top: 30px; padding-bottom: 30px; }
	.py-strong		{ padding-top: 45px; padding-bottom: 45px; }
		.py-medium-top		{ padding-top: 20px !important; }
		.py-medium-bottom	{ padding-bottom: 20px !important; }
		.py-light-top		{ padding-top: 12px !important; }
		.py-light-bottom	{ padding-bottom: 12px !important; }
		.py-none-top		{ padding-top: 0px !important; }
		.py-none-bottom	{ padding-bottom: 0px !important; }
	.px-medium		{ padding-left: 20px; padding-right: 20px; }
	.px-light		{ padding-left: 15px; padding-right: 15px; }
	.px-mini		{ padding-left: 10px; padding-right: 10px; }
	.px-none		{ padding-left: 0px; padding-right: 0px; }

		.title-margin {
			margin-bottom: 5px;
			margin-top: 30px;
		}
	/* ------ 6.3 ROYALSLIDER ------ */
	.royalSlider { overflow: hidden; }
	/*#teaser-royalSlider {
		width: 100%;
		max-height: 100%;
		color: #000;
	}*/
	.rsABlock { width: 100%; }
	.rsMinW, .rsMinW .rsOverflow, .rsMinW .rsSlide, .rsMinW .rsVideoFrameHolder, .rsMinW .rsThumbs {
		background-color: transparent !important;
	}
	.sliderContainer {
		max-width: 100%;
		height: 100%;
		margin: 0 auto;
	}
		/*#teaser-royalSlider .rsMinW .rsBullets {
			left: 45%;
			right: 35%;
		}*/
	.teaser-video {
		position: absolute;
		z-index: 30;
		top: 50%; left: 50%;
		transform: translate(-50%,-50%);

		object-fit: cover;
		height: 100%; width: 100%;
	}

	/* VIDEO */
	.fullwidth-video {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
		min-height: 100%;
		min-width: 100%;
		-webkit-transform-style: preserve-3d;
	}
		.fullwidth-video video {
			position: absolute;
			top: 50%; left: 50%;
			transform: translate(-50%,-50%);
			z-index: 1;
			min-height: 100%;
			min-width: 100%;
			height: auto;
			width: 100%;
			object-fit: cover;
		}


	.video_cover {
		position: absolute;
		width: 100%; height: 100%;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
	}
		/*@media (max-width: 575px) {
			.video_cover { background-image: url('../video/oneminute_live.jpg'); }
		}*/
	.video_controls {
		position: absolute;
		left: 50%;
		transform: translate(-50%, 0);
	}
	/*
	#play img {
		width: 100px;
	}
	#pause {
		display: none;
	}
		#pause img {
			width: 90px;
		}*/

	@media (min-width: 768px) {
		.video_controls {
			display: none;
		}
	}

	/* ------ 6.4 TOOLTIP ------ */
	.tooltip.show { opacity: 1; }
	.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before { border-bottom-color: rgba(255,255,255,1); }
	.bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before { border-top-color: rgba(255,255,255,1); }
	.bs-tooltip-auto[x-placement^=left] .arrow::before, .bs-tooltip-left .arrow::before { border-left-color: rgba(255,255,255,1); }
	.bs-tooltip-auto[x-placement^=right] .arrow::before, .bs-tooltip-right .arrow::before { border-right-color: rgba(255,255,255,1); }
	.tooltip-inner {
		max-width: 280px;
		background-color: rgba(255,255,255,1);
		padding: 15px 20px;
		border-radius: 0px;
		color: rgba(0,0,0,1);
		box-shadow: 0px 1px 8px rgba(0,0,0,0.25);
		text-align: left;
		/*margin-top: 100px;*/
	}
		.tooltip-inner div:first-child { color: rgba(0,75,107,1); }
		.tooltip-inner div:first-child p { font-weight: 700; }
		.tooltip-inner div.icon-tooltip:before {
			content: '';
			width: 50px;
			height: 30px;
			margin-bottom: 3px;
			display: inline-block;
			background-size: contain;
			background-repeat: no-repeat;
			background-position: left;
			cursor: pointer;
		}
			.tooltip-inner div.icon-tooltip-group1:before { background-image: url('../img/icons/product_internet-blue.svg'); }
			.tooltip-inner div.icon-tooltip-group2:before { background-image: url('../img/icons/product_tvradio-blue.svg'); }
			.tooltip-inner div.icon-tooltip-group3:before { background-image: url('../img/icons/product_landline-blue.svg'); }
		.tooltip-inner h6 {
			font-size: 13px;
			line-height: 18px;
			margin-bottom: 0px;
		}
		.tooltip-inner p,.tooltip-inner li {
			font-size: 12px;
			line-height: 14px;
		}
			.tooltip-inner p strong { font-weight: 700; }
			.tooltip-inner p, .tooltip-inner div:first-child { margin-bottom: 11px; }
			.tooltip-inner p:last-child { margin-bottom: 0px !important; }


	/* ------ 6.5 MODAL ------ */
	.modal { z-index: 1090; }
	.modal-backdrop { z-index: 1085; }
	.modal-content {
		border-radius: 0px;
		border-width: 0px;
	}
		#modal-channels .modal-content { padding-bottom: 20px; }
		.modal-header, .modal-footer {
			padding: 20px 30px;
			border-width: 0px;
		}
		.modal-header {
			position: relative;
		}
		.modal-header h2 {
			margin-top: 20px;
		}
			.modal .close {
				background-color: rgba(144,179,36,1);
				position: absolute;
				top: 0px;
				right: 0px;
				opacity: 1 !important;
				margin: 0px !important;
				padding: 0px !important;
				width: 32px !important;
				height: 40px !important;
			}
				.modal .close:hover { background-color: rgba(144,179,36,0.8); }
				.modal .close:after {
					top: 0px; right: 0px;
				    width: 100%;
				    height: 100%;
				    background-image: url('../img/icons/times-white.svg');
				    background-position: center;
				    background-size: 8px;
				}


				/* ------ 6.4 SLICK ------ */
				.slick-list {
					padding: 0px 15px !important;
				}
				.slick-track {
					min-width: 100% !important;
					margin-left: 0px;
				}
					@media (min-width: 769px) {
						.slick-track { transform: translate3d(0px, 0px, 0px) !important; }
					}
				.slick-slide { outline: none !important; }
				.slick-slide {
					padding: 0px;
				}
				.slick-prev, .slick-next {
					font-size: 0;
					line-height: 0;
					position: absolute; z-index: 950;
					top: 50%;
					display: block;
					width: 17px;
					height: 28px;
					padding: 0;
					-webkit-transform: translate(0, -50%);
					-ms-transform: translate(0, -50%);
					transform: translate(0, -50%);
					cursor: pointer;
					color: transparent;
					border: none;
					outline: none;
					background: transparent;
				}
					.slick-prev { left: -5px; }
					.slick-next { right: -5px; }

					.slick-prev:before, .slick-next:before {
						display: block;
						content: '';
						width: 100%;
						height: 100%;
						background-size: contain;
						background-repeat: no-repeat;
						opacity: 1;
					}
						.slick-prev:before {
							background-image: url('../img/icons/arrow-left-black.svg'), linear-gradient(transparent, transparent);
						}
						.slick-next:before {
							background-image: url('../img/icons/arrow-right-black.svg'), linear-gradient(transparent, transparent);
						}
					.slider-nav {
					    opacity: 0;
					    visibility: hidden;
					    transition: opacity 1s ease;
					    -webkit-transition: opacity 1s ease;
					}
						.slider-nav.slick-initialized {
							visibility: visible;
							opacity: 1;
						}

						/*********** STUFE 1 XS ***********/
						@media (max-width: 592px) {
							.slider-nav { overflow-x: hidden; }
						}

	/* ------ 6.7 SCROLLBAR ------ */
	#channels-list-view::-webkit-scrollbar,
	#combo-configurator .col-product_info .list-tvpackages::-webkit-scrollbar {
		width: 12px;
	}
	#channels-list-view::-webkit-scrollbar-track,
	#combo-configurator .col-product_info .list-tvpackages::-webkit-scrollbar-track {
		background: rgba(0,0,0,0.05);
	}
	#channels-list-view::-webkit-scrollbar-thumb {
		background: rgba(0,75,107,1);
	}
		#channels-list-view::-webkit-scrollbar-thumb:hover {
			background: rgba(0,75,107,0.8);
		}
	#combo-configurator .col-product_info .list-tvpackages::-webkit-scrollbar-thumb {
		background: rgba(144,179,36,1);
	}
		#combo-configurator .col-product_info .list-tvpackages::-webkit-scrollbar-thumb:hover {
			background: rgba(144,179,36,0.8);
		}

	/* ------ 6.8 PRINT ------ */
	.visible-print {
		display: none;
	}

	/*********** STUFE 1 XS ***********/
	@media (max-width: 575px) {
		.net-red_bottom-left, .net-red_top-right {
			height: 250px;
			width: 250px;
		}
	}
	/*********** STUFE 2 SM ***********/
	@media (min-width: 576px) and (max-width: 677px) {
		.net-red_bottom-left, .net-red_top-right {
			height: 350px;
			width: 350px;
		}
	}
	/*********** STUFE 3 MD ***********/
	@media (min-width: 678px) and (max-width: 1081px) {
		.net-red_bottom-left, .net-red_top-right {
			height: 350px;
			width: 350px;
		}
	}

	@media (min-width: 992px) and (max-width: 1199px) {
		.navbar-nav .nav-link {
			margin: 0px 0.7rem;
		}
		nav#navbar-primary .navbar-nav .nav-link {
			font-size: 12px;
		}
		nav#navbar-secondary .navbar-nav .nav-link {
			font-size: 15px;
		}
	}

	@-webkit-viewport   { width: device-width !important; }
	@-moz-viewport      { width: device-width !important; }
	@-ms-viewport       { width: device-width !important; }
	@-o-viewport        { width: device-width !important; }
	@viewport           { width: device-width !important; }