/* Global
-------------------------------------------------------------------------------*/

/* Globally deactivate text selection */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption.nav_bottom, header, hgroup, menu.nav_top, output, ruby, section, summary, time, mark, audio, video {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

html {
	/*overflow-x: hidden;*/
	font-size: 100%;
}

body {
	font-family: "Roboto", sans-serif;
	font-size: 1.125rem;
	line-height: 1.5;
	color: #333;
}

::-moz-selection {
	background: #000;
	color: #fff;
}

::selection {
	background: #000;
	color: #fff;
}

::-moz-selection {
	background: #000;
	color: #fff;
}

a,
a:hover {
	transition: .3s all ease;
	color: #2eabde;
}

.logo {
	width: 18.75rem;
	height: 0;
	padding-top: 5.875rem;
	overflow: hidden;
	display: block;
	background: url(/assets/images/rumgefragt-logo.svg) no-repeat left top;
	padding-bottom: 0;
	margin: 0;
}

@media (max-width: 991px) {
	.logo {
		width: 16rem;
		padding-top: 5rem;
	}
}

@media (max-width: 767px) {
	.logo {
		width: 12rem;
		padding-top: 3.7rem;
	}
}

@media (max-width: 575px) {
	.logo {
		width: 10rem;
		padding-top: 3.3rem;
	}
}

.img-fluid {
	image-rendering: crisp-edges;
}

.text-center {
	text-align: center !important;
}

/* Background
-------------------------------------------------------------------------------*/
.bg-dotted {
	background: url(../images/pattern-2x2.gif) left top repeat;
}

.bg-yellow {
	background-color: #f6a500;
}

.bg-blue {
	background-color: #2eabde;
}

.bg-blue2 {
	background-color: #77c2e0;
}

.bg-blue3 {
	background-color: #139fd8;
}

.bg-green {
	background-color: #88bd22;
}

.bg-grey {
	background-color: #808080;
}

.bg-orange {
	background-color: #f6a500;
}

.bg-orange2 {
	background-color: #f68b00;
}

.bg-white {
	background-color: #ffffff;
}

/* Typo
-------------------------------------------------------------------------------*/

.h1, .h2, .h3, .h4 {
	font-family: proxima-nova, sans-serif;
	font-style: normal;
	font-weight: 100;
	color: #333;
}

.h1 {
	font-size: 3.5rem;
	line-height: 1;
	font-weight: 100;
	margin-bottom: 0.35em;
}

	.h1.sub {
		margin-top: 0.35em;
	}

.h2 {
	font-size: 2.375rem;
	line-height: 1.1;
}

.h3 {
	font-size: 1.6rem;
	line-height: 1.1;
}

	.h3.bg-yellow {
		color: #fff;
		padding: 0.4rem 0.8rem;
	}

.h4 {
	font-size: 1.25rem;
	line-height: 1.25;
}

.h5 {
	font-size: 1.125rem;
	line-height: 1.5;
	font-weight: 700;
}

ul.with-icon {
	padding-inline-start: 0;
}

	ul.with-icon li {
		position: relative;
		padding-left: 2em;
		list-style-type: none;
	}

		ul.with-icon li:after {
			display: inline-block;
			content: "✓";
			position: absolute;
			top: 0;
			left: 0.25em;
			color: rgb(122, 201, 103);
			font-weight: 700;
			font-size: 1.5em;
			line-height: 1em;
		}

/* Medium devices (tablets, less than 992px)*/

@media (max-width: 991px) {
	.h1 {
		font-size: 2.5rem;
	}
}

/* accordion breakpoints */

/* Small devices (landscape phones, less than 768px)*/

@media (max-width: 767px) {
	.h1 {
		font-size: 2rem;
	}
}

/* Extra small devices (portrait phones, less than 576px)*/

@media (max-width: 575px) {
	.h1 {
		font-size: 2rem;
	}

	.h2 {
		font-size: 1.5rem;
	}
}

/* Buttons
-------------------------------------------------------------------------------*/

.btn {
	font-family: "proxima-nova", sans-serif;
	text-align: center;
	color: #fff;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	border-radius: 0;
	border: 0;
}

.btn-secondary {
	background-color: #666;
	border-color: #666;
	font-size: 1.125rem;
}

	.btn-secondary:hover {
		background-color: #000;
		border: 0;
	}

	.btn-secondary.icon-arrow-up-right:before {
		content: "";
	}

	.btn-secondary.icon-arrow-up-right:after {
		content: "\e907";
		font-size: 1.5rem;
		vertical-align: text-bottom;
		margin-left: 0.2rem;
	}

	.btn-secondary.btn-red-bg {
		background-color: #dc3545;
		border-color: #dc3545;
	}

	.btn-secondary.btn-green-bg {
		background-color: #88bd22;
		border-color: #88bd22;
	}

	.btn-secondary.btn-lightgrey-bg {
		background-color: #eeeeee;
		border-color: #eeeeee;
		color: #333;
	}

.btn.btn-border {
	border: 1px solid #fff;
}

	.btn.btn-border:hover {
		color: #fff;
	}

.btn-circle {
	position: fixed;
	right: 1em;
	bottom: 1em;
	font-size: 1rem;
	text-transform: uppercase;
	width: 3.75em;
	height: 3.75em;
	padding: 0;
	line-height: 4.4;
	border-radius: 50%;
	opacity: 0;
	pointer-events: none;
	transition: opacity .4s;
}

	.btn-circle.icon-arrow-up:before {
		position: absolute;
		left: 0;
		top: 0.42rem;
		width: 3.5rem;
		text-align: center;
		font-size: 1.15rem;
	}

	.btn-circle:hover {
		color: #fff;
	}

	.btn-circle.active {
		pointer-events: initial;
		opacity: 1;
	}

/* Teaser
-------------------------------------------------------------------------------*/

.teaser {
	padding: 3.125rem 2.2rem !important;
	color: #fff;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	z-index: 10;
}

	.teaser.icon-arrow-up-right:before {
		font-size: 2rem;
		position: absolute;
		right: 0.5rem;
		top: 0.5rem;
	}

	.teaser .hl,
	.teaser .h2 {
		color: #fff;
	}

	.teaser .points {
		font-size: 4rem;
		text-align: right;
	}

	.teaser .btn {
		margin-top: auto;
		white-space: normal;
		transition: background 0.2s;
	}

	.teaser .row,
	.teaser p {
		width: 100%;
	}

	.teaser:hover {
		color: #fff;
		text-decoration: none;
	}

		.teaser:hover .btn:not(.disabled) {
			background-color: rgba(255, 255, 255, 0.20);
		}

.slider-teaser {
	/*margin-top: -19rem;*/
}

.pb_slider.small_hight {
	padding-bottom: 37.5%; /* 1600 x 600 */
}

.slider-teaser.home .teaser.bg-yellow {
	margin-bottom: 4rem;
	/*margin-top: 2rem;*/
	display: block;
}

.slider-teaser.home .teaser.bg-blue {
	margin-top: 4rem;
	display: block;
}

.slider-teaser.home .teaser.bg-green {
	margin-bottom: 5rem;
	display: block;
}

.landing_teaser .teaser {
	position: relative;
	overflow: hidden;
}

.landing_teaser__img--bottom {
	padding-bottom: 120px !important;
}

.landing_teaser__img--left {
	padding-left: 200px !important;
}

.landing_teaser__img {
	position: absolute;
	transform: rotate(-10deg);
	filter: drop-shadow( -6px 6px 0 rgba(0, 0, 0, .3));
	height: 140px;
}

.landing_teaser__img--bottom .landing_teaser__img {
	bottom: -5px;
	right: -5px;
}

.landing_teaser__img--left .landing_teaser__img {
	left: 30px;
	top: 50%;
	margin-top: -80px;
}

@media (max-width: 991px) {
	.slider-teaser {
		margin-top: 1.5rem;
	}

		.slider-teaser.home .teaser,
		.slider-teaser.home .teaser.bg-yellow,
		.slider-teaser.home .teaser.bg-green {
			margin-bottom: 0.5rem;
		}

			.slider-teaser.home .teaser.bg-blue {
				margin-top: 0;
			}

	.landing_teaser__img--left {
		padding-left: 2.2rem !important;
		padding-bottom: 120px !important;
	}

		.landing_teaser__img--left .landing_teaser__img {
			left: auto;
			top: auto;
			bottom: -5px;
			right: -5px;
			margin-top: 0;
		}
}

/* Cover Picture
-------------------------------------------------------------------------------*/

.pb_header {
	width: 100%;
	height: auto;
}


/* Cover Slider Fade
-------------------------------------------------------------------------------*/

.pb_slider {
	position: relative;
	padding-bottom: 35%; /* 1600 x 600 */
	height: 0;
}

.carousel-fade .carousel-item {
	display: block;
	position: absolute;
	opacity: 0;
	transition: opacity .75s ease-in-out;
}

	.carousel-fade .carousel-item.active {
		opacity: 1;
	}

.carousel,
.carousel-inner,
.carousel-item {
	width: 100%;
	height: 100%;
}

.carousel {
	position: absolute;
	top: 0;
	left: 0;
}

	.carousel .carousel-hl {
		font-size: 2.375rem;
		font-weight: 100;
		font-family: proxima-nova, sans-serif;
		line-height: 1em;
	}

		.carousel .carousel-hl span {
			display: table;
			background: rgba(255,255,255,0.75);
			padding: 0.5em 1em;
		}

			.carousel .carousel-hl span:nth-child(2n) {
				margin-left: 5em;
				/*margin-top: -0.5em;*/
			}

	.carousel .carousel-subline {
		font-size: 2rem;
		margin-left: 2rem;
		font-weight: 100;
		font-family: proxima-nova, sans-serif;
		margin-top: -1rem;
		line-height: 1em;
		text-shadow: 2px 2px 1px #666;
	}


.carousel-control-prev, .carousel-control-next {
	width: 4%;
	opacity: 0.8;
}

/* fix for mobile caption */
.carousel-inner {
	overflow: visible;
}

/* Text overrite */

.container.carousel-caption {
	left: 50%;
	transform: translateX(-50%);
	right: auto; /* klaus */
	text-align: left;
	color: #333;
}

.carousel-indicators {
	bottom: 10%;
}

.mobileview {
	display: none;
}

@media (max-width: 575px) {
	.mobileview {
		display: block;
		padding: 0.5rem 0 0 1rem;
	}

	.slider-teaser.home {
		margin-top: 1.5rem;
	}

	.carousel .carousel-hl {
		font-weight: 400;
		line-height: 1em;
		font-size: 1.4rem;
		text-shadow: none;
		color: #333;
	}

	.container.carousel-caption {
		bottom: -80px;
		left: initial;
		background: none;
		width: 100%;
		transform: none;
		padding: 5% 15px;
	}

	.carousel .carousel-hl span {
	}

		.carousel .carousel-hl span:nth-child(2n) {
			margin-left: initial;
		}
}

@media (min-width: 576px) {
	.container, .container-sm {
		max-width: 100%;
	}

		.container.carousel-caption {
			width: 540px;
		}

	.carousel .carousel-hl {
		font-size: 1.8rem;
	}
}

@media (min-width: 768px) {
	.container, .container-md, .container-sm {
		max-width: 720px;
	}

		.container.carousel-caption {
			width: 720px;
			bottom: 2rem;
		}
}

@media (min-width: 992px) {
	.container, .container-lg, .container-md, .container-sm {
		max-width: 960px;
	}

		.container.carousel-caption {
			width: 960px;
		}

		.container.carousel-caption {
			bottom: 6rem;
		}

	.slider-teaser {
		margin-top: -6rem;
	}
}


@media (min-width: 1200px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl {
		max-width: 1140px;
	}

		.container.carousel-caption {
			width: 1140px;
		}

		.container.carousel-caption {
			bottom: 9rem;
		}

	.slider-teaser {
		margin-top: -9rem;
	}

	.carousel-item img {
		margin-top: initial;
	}
}

@media (min-width: 1440px) {
	.carousel .carousel-hl {
		font-size: 2.375rem;
	}

	.container.carousel-caption {
		bottom: 10rem;
	}

	.slider-teaser {
		margin-top: -10rem;
	}
}

@media (min-width: 1920px) {
	.container.carousel-caption {
		bottom: 13rem;
	}

	.slider-teaser {
		margin-top: -13rem;
	}
}


/* Avatar
-------------------------------------------------------------------------------*/

#avatar-wrapper {
	position: relative;
}

#avatar {
	border: 1px solid #b2b2b2;
	width: 140px;
	position: absolute;
	right: 0;
	top: 0;
	transform: translate(0, -90%);
}

	#avatar img {
		width: 100%;
		height: auto;
	}

@media (max-width: 767px) {
	#avatar {
		width: 100px;
		transform: translate(0, -90%);
	}
}

@media (max-width: 575px) {
	#avatar {
		width: 80px;
		transform: translate(0, -120%);
	}
}


/* Section
-------------------------------------------------------------------------------*/

.pb_section {
	position: relative;
	padding-bottom: 1rem;
}

/*
@media (max-width: 991px) {
	.pb_section {
		padding-bottom: 2rem;
	}
}
*/

/* Topnav
-------------------------------------------------------------------------------*/

.pb_navbar {
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	font-family: "proxima-nova", sans-serif;
	padding: 2.3rem 1rem 1rem 1rem;
}

	.pb_navbar .navbar-nav {
		gap: 4px;
	}

	.pb_navbar .navbar-toggler:active, .pb_navbar .navbar-toggler:focus {
		outline: none;
	}

	.pb_navbar .navbar-toggler[aria-expanded="true"] .icon-menu::before {
		content: "\e908";
	}

	.pb_navbar > .container {
		position: relative;
		max-height: 100vh;
		overflow-y: auto;
		align-items: flex-start;
	}

	.pb_navbar .navbar-toggler {
		border: none;
		color: #fff;
		cursor: pointer;
		padding: 0;
		background: #f6a500;
		line-height: 0;
	}

		.pb_navbar .navbar-toggler .icon-menu {
			display: block;
			padding: 0.5rem;
			font-size: 1.5rem;
		}

	.pb_navbar .navbar-nav .nav-link,
	.pb_navbar .navbar-nav .nav-link.active {
		position: relative;
		color: #333;
		font-weight: normal;
	}

		.pb_navbar .navbar-nav .nav-link.link-green,
		.pb_navbar .navbar-nav .nav-link.active.link-green {
			color: #fff;
		}

		.pb_navbar .navbar-nav .nav-link.link-bg:before,
		.pb_navbar .navbar-nav .nav-link.active.link-bg:before {
			content: '';
			z-index: -1;
			position: absolute;
			top: 20%;
			left: 0;
			width: 100%;
			height: 60%;
			display: inline-block;
		}

		.pb_navbar .navbar-nav .nav-link.link-green:before,
		.pb_navbar .navbar-nav .nav-link.active.link-green:before {
			background-color: #88bd22;
		}

		.pb_navbar .navbar-nav .nav-link.link-gray {
			transition: none;
			color: #333;
		}

			.pb_navbar .navbar-nav .nav-link.link-gray:before,
			.pb_navbar .navbar-nav .nav-link.active.link-gray:before {
				background-color: #eee;
			}

			.pb_navbar .navbar-nav .nav-link.link-gray:hover {
				color: #fff;
			}

		.pb_navbar .navbar-nav .nav-link.link-bg:hover:before,
		.pb_navbar .navbar-nav .nav-link.active.link-bg:hover:before {
			background-color: #666;
		}

	.pb_navbar .footer-links {
		display: none;
	}

.navbar-expand-lg .navbar-nav .nav-link {
	font-size: 1.25rem;
	padding-left: 1rem;
	padding-right: 1rem;
}

.pb_navbar .nav-link.icon-user-circle {
	padding-right: 0;
	display: flex;
	align-items: center;
}

.icon-user-circle:before {
	content: "";
}

.icon-user-circle:after {
	content: "\e90c";
	color: inherit;
	font-size: 0.8em;
	margin: 0 0.5rem;
}

.pb_navbar.scrolled {
	position: fixed;
	right: 0;
	left: 0;
	top: 0;
	margin-top: -130px;
	padding: 0.5rem 1rem;
}

.pb_navbar--landing {
	padding-top: 0;
	padding-right: 0 !important;
	padding-left: 0 !important;
}

	.pb_navbar--landing .container {
		display: block;
		padding-right: 15px;
		padding-left: 15px;
	}

	.pb_navbar--landing .logo {
		margin-top: 2.3rem;
	}

	.pb_navbar--landing.scrolled {
		padding: 0;
	}

	.pb_navbar--landing .bg-dotted {
		background-color: #fff;
	}

.nav-link img {
	height: 1.05rem;
	vertical-align: top;
	margin-top: 5px;
}

.nav-link {
	padding-top: 0.7rem;
}


@media (max-width: 991px) {
	/*	.pb_navbar .navbar-nav .nav-link {
		background: rgba(255, 255, 255, 0.9);
	}*/

	.pb_navbar .navbar-nav {
		background: rgba(255, 255, 255, 0.9);
	}

	.pb_navbar.scrolled .navbar-nav {
		background: none;
		border-radius: 0;
		padding-left: 0;
		padding-right: 0;
	}

	.pb_navbar .footer-links {
		display: block;
		padding-top: 1.5rem;
	}

	.pb_navbar .navbar-nav .footer-links .nav-link {
		padding-top: 1rem;
	}

	.pb_navbar .navbar-nav .nav-link.link-bg:hover:before,
	.pb_navbar .navbar-nav .nav-link.active.link-bg:hover:before {
		background-color: inherit;
	}

	.nav-link.link-bg.link-green {
		background-color: #88bd22;
	}

	.pb_navbar .navbar-nav .nav-link.link-gray:hover {
		color: inherit;
	}

	.pb_navbar .navbar-nav .nav-link.link-green:before,
	.pb_navbar .navbar-nav .nav-link.active.link-green:before {
		background-color: transparent;
	}

	.pb_navbar .navbar-nav .nav-link.link-gray:before,
	.pb_navbar .navbar-nav .nav-link.active.link-gray:before {
		background-color: transparent;
	}

	/*.pb_navbar .navbar-nav .nav-link.link-bg,
	.pb_navbar .navbar-nav .nav-link.active.link-bg {
		color: #fff;
	}*/

	/*.pb_navbar .navbar-nav .nav-link.link-bg:before,
		.pb_navbar .navbar-nav .nav-link.active.link-bg:before {
			content: 'Neu hier? Jetzt mitmachen';
			color: #fff;
			z-index: 1;
			top: 0;
			width: 100%;
			height: 100%;
			padding: inherit;
		}*/
}

@media (max-width: 767px) {
	.pb_navbar .navbar-brand {
		width: 12.5rem;
		padding-top: 3.875rem;
	}

	.pb_navbar {
		padding: 1rem;
	}

		.pb_navbar.scrolled .navbar-nav {
			background: none;
			padding-left: 0;
			padding-right: 0;
		}

	.pb_navbar--landing .logo {
		margin-top: 0.5rem;
	}
}

.pb_navbar.scrolled .navbar-toggler {
	border: none;
	/*color: rgba(0, 0, 0, 0.5);*/
	border-color: rgba(0, 0, 0, 0.5);
	cursor: pointer;
	padding-right: 0;
}

.pb_navbar.scrolled .nav-link {
	padding-top: .5rem;
	padding-bottom: .5rem;
}

.pb_navbar.scrolled .navbar-brand {
	width: 10rem;
	height: 0;
	padding-top: 3.125rem;
}

.pb_navbar.scrolled.awake {
	margin-top: 0;
	transition: .3s all ease-out;
}

.pb_navbar.scrolled.sleep {
	transition: .3s all ease-out;
}

.pb_navbar.scrolled.pb_scrolled-light {
	background: #fff !important;
	box-shadow: 0 1px 10px -2px rgba(0, 0, 0, 0.15);
}


/* Footer
-------------------------------------------------------------------------------*/

.pb_footer {
	margin-top: 2rem;
	font-size: 0.94rem;
}

	.pb_footer .footer-top {
		position: relative;
	}

		.pb_footer .footer-top .h3 {
			border-bottom: 1px dotted #e4e4e4;
			padding-bottom: 0.9rem;
			margin-bottom: 0.6rem;
		}

		.pb_footer .footer-top .media-body {
			padding: 3.75rem 0;
		}

			.pb_footer .footer-top .media-body .figure-img {
				width: 25%;
				padding-right: 0.8rem;
				margin-bottom: 0;
			}

			.pb_footer .footer-top .media-body .figure-caption {
				font-size: inherit;
				width: 75%;
			}

		.pb_footer .footer-top .icon-facebook {
			font-size: 1.6rem;
			margin-left: 0.4rem;
			vertical-align: middle;
		}

		.pb_footer .footer-top .partner_logo {
			width: 49%;
			display: inline-block;
		}

			.pb_footer .footer-top .partner_logo .img-fluid {
				height: 100%;
			}


	.pb_footer .footer-bottom {
		padding: 1.6rem 0;
		font-size: 0.81rem;
		font-weight: 700;
		text-transform: uppercase;
		color: #fff;
	}

		.pb_footer .footer-bottom .nav-link {
			padding: 0 0.6rem 0 0;
			color: #fff;
		}

			.pb_footer .footer-bottom .nav-link:hover {
				text-decoration: underline;
			}

			.pb_footer .footer-bottom .nav-link:first-of-type {
				padding-left: 0;
			}

/* Medium devices (tablets, less than 992px)*/

@media (max-width: 991px) {
	.copyright-line {
		padding-top: 10px;
	}
}

/* Form
-------------------------------------------------------------------------------*/

.form-text {
	font-size: .75rem;
}

.form-label {
	font-size: 1.25rem;
	color: #666;
	margin-bottom: .25rem;
}

.form-check-label {
	font-size: 1rem;
	color: #666;
}

.form-check-input {
	background-color: #fff;
}

.form-control {
	border-radius: 0;
	border-color: #dadada;
	color: #333;
}

.server-feedback {
	box-sizing: border-box;
	width: 100%;
	color: #fff;
	text-align: center;
	padding: 0.5rem;
	margin-bottom: .75rem;
}

.server-invalid-feedback, .lock {
	background-color: #dc3545;
}

.server-valid-feedback, .unlock {
	background-color: #28a745;
}

.form-wrapper {
	/*min-height: 97vh; */
}

	.form-wrapper .form-header {
		box-sizing: border-box;
		position: relative;
		background: #fff;
		height: 5rem;
		padding: 1.25rem 1.5rem;
	}

		.form-wrapper .form-header .logo {
			width: auto;
			padding-top: 3rem;
		}

		.form-wrapper .form-header #lightbox-form-progress {
			display: inline-block;
			position: absolute;
			right: 1.5rem;
			top: 0;
			line-height: 5rem;
			text-align: right;
			font-size: 1.25rem;
			font-family: "proxima-nova", sans-serif;
		}

			.form-wrapper .form-header #lightbox-form-progress #lightbox-form-progress-step {
				color: #999;
			}

			.form-wrapper .form-header #lightbox-form-progress #lightbox-form-progress-current {
				color: #2eabde;
			}


.navbar-login {
	padding: 15px;
	width: 100%;
}

	.navbar-login .form-control {
		width: calc(70% - .25rem);
	}

	.navbar-login .btn {
		font-size: 1rem;
		border: 1px;
		height: calc(1.5em + .75rem + 2px);
		width: 30%;
		padding-left: 0;
		padding-right: 0;
		text-align: center;
	}

@media (max-width: 380px) {
	#lightbox-form-progress-step {
		display: none;
	}
}

@media (max-width: 338px) {
	#lightbox-form-progress {
		font-size: 0.9rem;
	}
}

.form-wrapper .form-description {
	padding: 1.25rem 1.25rem 0;
}

.form-wrapper form {
	padding: 0.5rem 1.25rem 1.5rem;
}

.form-wrapper .btn-secondary {
	font-size: 1.25rem;
	padding: .25rem 2rem;
}

/* Added 25.02.18 */

.form-wrapper .form-group label,
.form-wrapper .form-group .label {
	font-size: 1.25rem;
	color: #666;
	margin-bottom: .25rem;
}

.form-wrapper .form-group .form-check-label,
.form-wrapper .form-check-label {
	font-size: 1rem;
	color: #666;
}

.button-wrapper {
	text-align: right;
}

/* End Added 25.02.18 */

/* Code */

.form-textbox {
	font-size: 17px;
	line-height: 1.29412;
	font-weight: 400;
	letter-spacing: -.021em;
	font-family: "Helvetica Neue","Helvetica","Arial",sans-serif;
	display: inline-block;
	box-sizing: border-box;
	vertical-align: top;
	width: 100%;
	height: 34px;
	margin-bottom: 14px;
	padding-left: 15px;
	padding-right: 15px;
	color: #333;
	text-align: left;
	border: 1px solid #d6d6d6;
	border-radius: 4px;
	background: #fff;
	background-clip: padding-box;
}

.security-code .security-code-container {
	display: -webkit-box !important;
	display: -webkit-flex !important;
	display: -moz-flex !important;
	display: -ms-flexbox !important;
	display: flex !important;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
}

.security-code .field-wrap .char-field {
	width: 40px;
	height: 40px;
	font-size: 22px;
	padding: 0;
	text-align: center;
}

.security-code .field-wrap {
	margin-left: 6px;
}

.security-code-header {
	font-size: 5vw;
	text-align: center;
	margin: 10px;
	position: relative;
}

.security-code-section, .security-code-resend {
	text-align: center;
	padding-bottom: 10px;
}

.security-code-section {
	font-size: 1.1em;
}

.security-code-single {
	position: relative;
	font-size: 1.3em;
	height: 48px;
}

.change-single {
	position: absolute;
	width: 100%;
	height: 100%;
	margin-top: 4px
}

	.change-single #single, .change-single #single2 {
		width: 350px;
	}

.form_content .change-single .input_button {
	float: none;
	padding: 0;
}

.security-code-section .input_button {
	display: inline;
}

.security-code-footer, .security-code-resend {
	text-align: center;
	padding-bottom: 10px;
}

.security-code-footer {
	font-size: calc(9px + 1.3vw);
}

.security-code-resend {
	font-size: calc(10px + 1.3vw);
	text-align: center;
	margin: 10px;
	position: relative;
}

#bubble {
	position: absolute;
	width: 100%;
	height: 100%;
	padding: 4px 12px 10px 12px;
	background: #ffc;
	box-sizing: border-box;
	text-align: center;
	font-size: 4vw;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	display: none;
}

#wall {
	position: absolute;
	top: 0;
	left: 0.01em;
	width: 100%;
	height: 100%;
	background: white url(../images/pattern-2x2.gif) left top repeat;
}

#resend {
	position: absolute;
	width: 100%;
	height: 100%;
	padding: 0 12px 10px 12px;
	box-sizing: border-box;
	text-align: center;
	font-size: 3.4vw;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	display: none;
}

	#resend .btn-secondary {
		font-size: calc(9px + 1.8vw);
		padding: .25rem 1.2rem;
	}

@media (max-width: 380px) {
	.security-code .field-wrap .char-field {
		width: 32px;
		height: 32px;
		font-size: 18px;
		padding: 0;
		text-align: center;
	}
}

.input_button_code {
	text-align: center;
}

.code_send {
	text-align: center;
	margin-bottom: 1em
}

/* Accordion
-------------------------------------------------------------------------------*/
.accordion-wrapper .card {
	border: 0;
	margin-bottom: 0.125rem;
	font-size: 1.875rem;
	color: #666;
}

/*  accordion header */

.accordion-wrapper .card-header {
	padding: .5em 2.5em .5em 1.25em;
	border: 0;
	border-radius: 0;
	background-color: #fff;
	cursor: pointer;
}

.accordion-wrapper .accordion-header-text {
	font-family: "proxima-nova", sans-serif;
	font-size: 1em;
	line-height: 1;
	position: relative;
	color: #666;
}

.accordion-wrapper .accordion-header-text-1 {
	color: #999;
}

.accordion-wrapper .accordion-header-text-2 {
}

.accordion-wrapper .accordion-header-text-right {
	text-align: right;
}

.accordion-wrapper .accordion-header-text-small {
	font-size: 0.85em;
}

.accordion-wrapper .card-header .accordion-header-text:after {
	content: '';
	width: 30px;
	height: 30px;
	background: #f6a500 url(../images/arrow-up-right.svg) no-repeat center center;
	background-size: 30px 30px;
	position: absolute;
	right: -1.75em;
	/*top: calc(0.5em + 0.5rem);*/
	top: 0.25em;
	transform: rotate(315deg);
	transition: transform .3s;
	/*opacity: .5;*/
	border-radius: 50%;
}

.accordion-wrapper .card-header.collapsed .accordion-header-text:after {
	transform: rotate(135deg);
	/*opacity: 1;*/
}

/* END accordion header */

/* accordion body */

.accordion-wrapper .card-body {
	padding: 1.25em;
	background-color: #fff;
}

	.accordion-wrapper .card-body .accordion-simple-text {
		font-size: 1.125rem;
		font-weight: 100;
	}

.accordion-simple-text p {
	margin-left: 0.7rem;
}

.accordion-simple-text li {
	margin: 0 0 .5em -0.7em;
}

.accordion-wrapper .accordion-body-wrapper {
	font-size: 0.667em;
	font-family: "Roboto", sans-serif;
	font-weight: 100;
}

	.accordion-wrapper .accordion-body-wrapper .accordion-body-column {
		width: 48%;
	}

		.accordion-wrapper .accordion-body-wrapper .accordion-body-column.full-width {
			width: 100% !important;
		}

		.accordion-wrapper .accordion-body-wrapper .accordion-body-column p {
			min-height: 3em;
		}

		.accordion-wrapper .accordion-body-wrapper .accordion-body-column.full-width p {
			min-height: initial;
			padding-top: 1em;
		}

	.accordion-wrapper .accordion-body-wrapper ul {
		font-size: 0.8em;
		text-decoration: none;
		padding-left: 0;
		border-top: 1px dotted #c4c4c4;
	}

		.accordion-wrapper .accordion-body-wrapper ul li {
			border-bottom: 1px dotted #c4c4c4;
			padding: .75em 0;
		}

		.accordion-wrapper .accordion-body-wrapper ul span {
			padding-right: .75em;
			width: 25%;
		}

			.accordion-wrapper .accordion-body-wrapper ul span:first-child {
				width: 50%;
			}

			.accordion-wrapper .accordion-body-wrapper ul span:last-child {
				padding-right: 0;
				text-align: right;
			}

	.accordion-wrapper .accordion-body-wrapper .accordion-body-column:nth-child(2) ul span,
	.accordion-wrapper .accordion-body-wrapper .accordion-body-column:nth-child(2) ul span:first-child {
		width: 33%;
	}

.accordion-wrapper .form-wrapper {
	min-height: initial;
	background: inherit;
}

	.accordion-wrapper .form-wrapper form {
		padding: 0;
	}

		.accordion-wrapper .form-wrapper form .accordion-form-checkboxes .form-check {
			margin-right: 2em;
		}

	.accordion-wrapper .form-wrapper .form-check-label,
	.accordion-body-column__text {
		font-size: .8em;
	}

	.accordion-wrapper .form-wrapper .server-feedback {
		padding: .5em;
		font-size: .8em;
	}

	.accordion-wrapper .form-wrapper .btn-secondary {
		font-size: 0.8em;
		padding: .25em 2em;
		margin-bottom: .5em;
	}

/* END accordion body */


/* Large devices (desktops, less than 1200px) */

@media (max-width: 1199px) {
	.accordion-wrapper .accordion-body-wrapper ul span,
	.accordion-wrapper .accordion-body-wrapper ul span:first-child,
	.accordion-wrapper .accordion-body-wrapper ul span:last-child {
		width: 33%;
	}
}


/* Medium devices (tablets, less than 992px)*/

@media (max-width: 991px) {
	.accordion-wrapper .card {
		font-size: 1.25rem;
	}

	.accordion-wrapper .card-header .accordion-header-text:after {
		width: 24px;
		height: 24px;
		background-size: 24px 24px;
	}

	.accordion-wrapper .accordion-body-wrapper {
		font-size: 0.85em;
	}

		.accordion-wrapper .accordion-body-wrapper .accordion-body-column {
			width: 100%;
		}

			.accordion-wrapper .accordion-body-wrapper .accordion-body-column p {
				min-height: initial;
			}

		.accordion-wrapper .accordion-body-wrapper ul span {
			width: 50%;
		}

			.accordion-wrapper .accordion-body-wrapper ul span:first-child {
				width: 100%;
				padding-bottom: .5em;
			}

			.accordion-wrapper .accordion-body-wrapper ul span:last-child {
				padding-right: 0;
				width: 50%;
			}
}

/* accordion breakpoints */

/* Small devices (landscape phones, less than 768px)*/

@media (max-width: 767px) {
	.accordion-wrapper .card {
		font-size: 1rem;
	}

	.accordion-wrapper .card-body .accordion-simple-text {
		font-size: .9em;
	}

	.accordion-wrapper .card-header .accordion-header-text:after {
		width: 20px;
		height: 20px;
		background-size: 20px 20px;
		top: 0.3em;
	}

	.accordion-wrapper .accordion-body-wrapper {
		font-size: 1em;
	}

		.accordion-wrapper .accordion-body-wrapper ul {
			font-size: 0.9em;
		}

	/*
    .accordion-wrapper .accordion-body-wrapper .accordion-body-column {
        width: 100%;
    }
    .accordion-wrapper .accordion-body-wrapper .accordion-body-column p{
        min-height: initial;
    }


    .accordion-wrapper .accordion-body-wrapper ul span{
        width: 50%;
    }
    .accordion-wrapper .accordion-body-wrapper ul span:first-child{
        width: 100%;
        padding-bottom: .5em;
    }
    .accordion-wrapper .accordion-body-wrapper ul span:last-child {
        padding-right: 0;
        width: 50%;
    }
    */
}

/* Extra small devices (portrait phones, less than 576px)*/

@media (max-width: 575px) {
	.accordion-wrapper .card {
		font-size: .875rem;
	}

	.accordion-wrapper .card-header,
	.accordion-wrapper .card-body {
		padding: .5em 1.5em .5em 1em;
	}

		.accordion-wrapper .card-header .accordion-header-text:after {
			right: -1.25em;
			width: 16px;
			height: 16px;
			background-size: 16px 16px;
			top: 0.4em;
		}


	.accordion-wrapper .accordion-body-wrapper .accordion-body-column:nth-child(2) ul span:first-child {
		width: 100%;
	}

	.accordion-wrapper .accordion-body-wrapper .accordion-body-column:nth-child(2) ul span {
		width: 50%;
	}

	.accordion-wrapper .form-wrapper .form-check-label,
	.accordion-wrapper .form-wrapper .server-feedback,
	.accordion-wrapper .form-wrapper .btn-secondary,
	.accordion-body-column__text {
		font-size: 1em;
	}

	.accordion-wrapper .accordion-body-wrapper .accordion-body-column.full-width p {
		padding-top: 0;
	}
}

/* END accordion breakpoints */

.bg-img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}


.billboard {
	margin-top: 11rem;
	position: relative;
}

.billboard__text {
	padding: 22px;
}

	.billboard__text .hl {
		color: #2eabde;
		margin-bottom: 20px;
	}

	.billboard__text .with-icon li {
		line-height: 1.3;
		margin-bottom: 5px;
	}

@media (max-width: 767px) {
	.billboard {
		margin-top: 6rem;
	}
}

/* Steps 1-4 Subhome ---------------------------*/

.subhome-wrapper {
	font-size: 1.125rem;
	max-width: 1280px;
	margin: 0 auto 7em;
}

	.subhome-wrapper .subhome-item {
		width: 100%;
		position: relative;
		z-index: 1;
		padding-top: 3.75em;
	}

		.subhome-wrapper .subhome-item:first-child {
			padding-top: 0;
		}

		.subhome-wrapper .subhome-item#subhome-item-1 {
			z-index: 5;
		}

		.subhome-wrapper .subhome-item#subhome-item-2 {
			z-index: 4;
		}

		.subhome-wrapper .subhome-item#subhome-item-3 {
			z-index: 3;
		}

		.subhome-wrapper .subhome-item#subhome-item-4 {
			z-index: 2;
		}

		.subhome-wrapper .subhome-item#subhome-item-5 {
			z-index: 1;
		}

		.subhome-wrapper .subhome-item:before {
			content: '1';
			font-size: 4em;
			font-family: "proxima-nova", sans-serif;
			font-weight: 100;
			line-height: 1.875em;
			width: 1.875em;
			height: 1.875em;
			border-radius: 50%;
			border: 1px solid #ccc;
			background-color: #fff;
			color: #ccc;
			text-align: center;
			position: absolute;
			bottom: 0;
			left: 50%;
			transform: translate(-50%, 50%);
			z-index: 2;
		}

		.subhome-wrapper .subhome-item#subhome-item-2:before {
			content: '2';
		}

		.subhome-wrapper .subhome-item#subhome-item-3:before {
			content: '3';
		}

		.subhome-wrapper .subhome-item#subhome-item-4:before {
			content: '4';
		}

		.subhome-wrapper .subhome-item#subhome-item-5:before {
			content: '5';
		}

		.subhome-wrapper .subhome-item .subhome-item__in {
			box-sizing: border-box;
			color: #333;
			font-family: "Roboto", sans-serif;
			font-weight: 100;
			font-size: 1em;
			border-bottom: 1px solid #ccc;
			width: 50%;
			padding: 1.5em 0;
		}

		.subhome-wrapper .subhome-item#subhome-item-1 .subhome-item__in {
			padding-right: 5em;
		}

		.subhome-wrapper .subhome-item#subhome-item-3 .subhome-item__in,
		.subhome-wrapper .subhome-item#subhome-item-5 .subhome-item__in {
			border-right: 1px solid #ccc;
			padding-right: 5em;
		}

		.subhome-wrapper .subhome-item#subhome-item-2 .subhome-item__in,
		.subhome-wrapper .subhome-item#subhome-item-4 .subhome-item__in {
			border-left: 1px solid #ccc;
			width: calc(50% + 1px);
			padding-left: 5em;
		}


/* Medium devices (tablets, less than 992px)*/

@media (max-width: 991px) {
	.subhome-wrapper { /*font-size: 1rem;*/
	}
}

/* Small devices (landscape phones, less than 768px)*/

@media (max-width: 767px) {
	.subhome-wrapper {
		font-size: 1rem;
	}

		.subhome-wrapper .subhome-item {
			padding-top: 2.5em;
		}

			.subhome-wrapper .subhome-item .subhome-item__in {
				font-size: 1em;
			}

			.subhome-wrapper .subhome-item#subhome-item-1 .subhome-item__in,
			.subhome-wrapper .subhome-item#subhome-item-3 .subhome-item__in,
			.subhome-wrapper .subhome-item#subhome-item-5 .subhome-item__in {
				padding-right: 3.5em;
			}

			.subhome-wrapper .subhome-item#subhome-item-2 .subhome-item__in,
			.subhome-wrapper .subhome-item#subhome-item-4 .subhome-item__in {
				padding-left: 3.5em;
			}

			.subhome-wrapper .subhome-item:before {
				font-size: 3em;
			}
}

/* Extra small devices (portrait phones, less than 576px)*/

@media (max-width: 575px) {
	.subhome-wrapper {
		padding-left: 2.5em;
	}

		.subhome-wrapper .subhome-item:before {
			bottom: 0;
			left: 0;
			transform: translate(-50%, 50%);
		}

		.subhome-wrapper .subhome-item .subhome-item__in {
			width: 100% !important;
			border-right: 0 !important;
			border-left: 1px solid #ccc !important;
		}

			.subhome-wrapper .subhome-item .subhome-item__in.ml-auto {
				margin: 0 !important;
			}

		.subhome-wrapper .subhome-item#subhome-item-1 .subhome-item__in {
			border-left: 0 !important;
		}

		.subhome-wrapper .subhome-item#subhome-item-1 .subhome-item__in,
		.subhome-wrapper .subhome-item#subhome-item-3 .subhome-item__in,
		.subhome-wrapper .subhome-item#subhome-item-2 .subhome-item__in,
		.subhome-wrapper .subhome-item#subhome-item-4 .subhome-item__in,
		.subhome-wrapper .subhome-item#subhome-item-5 .subhome-item__in {
			padding-left: 2.5em;
			padding-right: 0;
		}

		.subhome-wrapper .subhome-item:before {
			font-size: 2.6em;
		}
}

/* END Steps 1-4 Subhome ---------------------------*/

/* back to top button -------------------- */

#back-to-top-button {
	position: fixed;
	z-index: 9999;
	font-size: 1rem;
	font-family: "proxima-nova", sans-serif;
	font-weight: 100;
	color: #fff;
	right: 0.4em;
	bottom: 6em;
	background: #f6a500;
	border-radius: 50%;
	width: 3.5em;
	height: 3.5em;
	overflow: hidden;
	text-align: center;
	opacity: 0;
	pointer-events: none;
	transition: opacity .4s;
	outline: none !important;
	border: 1px solid #fff;
}


	#back-to-top-button.active {
		pointer-events: initial;
		opacity: 1;
	}

	#back-to-top-button span {
		display: block;
		position: absolute;
		left: 50%;
	}

	#back-to-top-button .icon-arrow-up {
		top: 0;
		transform: translate(-50%, 30%);
	}

	#back-to-top-button .back-to-top-button-text {
		bottom: 0;
		transform: translate(-50%, -40%);
	}

/* END  back to top button -------------------- */

/* Fancybox -------------------------------- */

.fancybox-content {
	padding: 2rem;
}

.fancybox-hidden-content {
	display: none;
	max-width: 90%;
}

#share {
	width: 720px;
	margin: 0 auto;
	font-size: 1rem;
}

	#share > div {
		border: 1px solid #ccc;
	}

	#share .header {
		box-sizing: border-box;
		position: relative;
		background: #fff;
		height: 6.25rem;
		padding: 2rem 2.25rem;
	}

		#share .header img {
			width: auto;
			height: 100%;
		}

	#share .description {
		padding: 2em 2.25em;
	}

	#share .share-buttons {
		margin-top: 2em;
	}

	#share .share-button-wrapper {
		height: 3.75em;
		width: 100%;
		display: flex;
		margin-top: 1em;
	}

	#share .sharebutton {
		display: inline-block;
		width: 3.75em;
		height: 3.75em;
		overflow: hidden;
		background: transparent url(../images/share-icons-120.png) no-repeat;
		background-size: auto 100%;
		text-indent: -9999px;
		margin-right: 1em;
	}

		#share .sharebutton.sharebutton-facebook {
			background-position: 0 0;
		}

		#share .sharebutton.sharebutton-whatsapp {
			background-position: -3.75em 0;
		}

		#share .sharebutton.sharebutton-mail {
			background-position: -7.5em 0;
		}

	#share .share-button-wrapper .btn-secondary {
		flex-grow: 1;
		height: 100%;
		line-height: 2.75em;
		font-size: 1.125em;
	}

		#share .share-button-wrapper .btn-secondary:hover,
		#share .share-button-wrapper .btn-secondary:active {
			text-decoration: none;
		}

		#share .share-button-wrapper .btn-secondary.icon-arrow-up-right:after {
			font-size: 1.25em;
		}

@media (max-width: 767px) {
	#share {
		font-size: .8rem;
	}

		#share .sharebutton {
			display: inline-block;
		}
}

@media (max-width: 575px) {
	#share .share-buttons {
		margin-top: 2em;
		display: flex;
		justify-content: space-between;
	}

	#share .sharebutton {
		display: inline-block;
		margin: 0;
	}

	#share .share-button-wrapper {
		width: auto;
		display: inline-block;
	}

		#share .share-button-wrapper .btn-secondary {
			display: none;
		}
}


.fancybox-bg {
	background: rgba(255, 255, 255, 0.9);
}

.fancybox-is-open .fancybox-bg {
	opacity: 1;
}

.fancybox-slide {
	padding: 50px 10px;
}

.fancybox-slide--iframe .fancybox-close-small,
.fancybox-slide--image .fancybox-close-small,
.fancybox-slide--video .fancybox-close-small {
	color: #555;
}

	.fancybox-slide--iframe .fancybox-close-small:hover svg, .fancybox-slide--image .fancybox-close-small:hover svg, .fancybox-slide--video .fancybox-close-small:hover svg {
		color: #000;
	}

.fancybox-slide--iframe .fancybox-content {
	max-width: 900px;
	max-height: calc(90vh - 100px);
}

.fancybox-iframe {
	border: #ddd;
	border-width: 1px;
	border-style: solid;
}

/* Different Sizes for opened iframes */

.size1 .fancybox-content {
	max-width: 400px;
	max-height: 350px;
}

.size2 .fancybox-content {
	max-width: 600px;
	max-height: 800px;
}

.size3 .fancybox-content {
	max-width: 800px;
	/*max-height: 500px;*/
}

.size4 .fancybox-content {
	max-width: 600px;
	/*max-height: 400px;*/
}

.iframe-resent-request .fancybox-content {
	max-width: 520px;
	max-height: 280px;
}

.iframe-600-520 .fancybox-content {
	max-width: 600px;
	max-height: 520px;
}

.delete-child .fancybox-content {
	max-width: 600px;
	max-height: 400px;
}

/* END Fancybox -------------------------------- */
/* Text -------------------------------- */
.textcol-2 {
	margin-top: 5.3rem;
}

@media (max-width: 991px) {
	.textcol-2 {
		margin-top: 1rem;
	}
}

/* cookie Layer */

.cc-btn {
	margin-right: 60px;
}

em {
	text-decoration: underline;
	font-style: normal;
}

@media (max-width: 575px) {
	.order-sm-1 {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
	}
}

.accordion-wrapper .card-header .accordion-header-text.no-bg:after {
	background: none;
}

.alt-color .card .card-header {
	background-color: #f0f0f0;
}

/* Bonus Logo */

.bonus_logo {
	width: 95px;
	height: 95px;
}

/* Flex Container to change order of blocks on some pages on a certain width */

.flexContainer {
}

@media (max-width: 991px) {
	.flexContainer {
		display: flex;
		flex-direction: column;
	}

		.flexContainer div {
			margin-top: 0;
		}
}

@media (max-width: 575px) {
	.flexContainer .slider-teaser.home {
		margin-top: 1rem;
	}
}

.no-pointer {
	cursor: default !important;
}

@media (max-width: 400px) {
	.login_footer_links {
		text-align: center;
	}

		.login_footer_links div {
			float: none !important;
		}
}

.loginbox_footertext {
	font-size: 0.7rem;
	text-align: center;
	margin: 0 3%;
}

/* Optimize font and button sizes in children cards: */

@media (max-width: 991px) {
	.btn:not(.btn-stay-big) {
		line-height: 1;
		padding: 0.42rem 0.65rem;
	}

	.btn-secondary.icon-arrow-up-right:after:not(.btn-stay-big) {
		font-size: 1.2rem;
	}
}

@media (max-width: 768px) {
	.btn:not(.btn-stay-big) {
		font-size: 1rem;
		line-height: 1;
		padding: 0.2rem 1rem;
	}

	.btn-secondary.icon-arrow-up-right:after:not(.btn-stay-big) {
		font-size: 1.2rem;
	}

	.accordion-wrapper .accordion-header-text {
		font-size: 1.3rem;
	}
}

@media (max-width: 575px) {
	.btn:not(.btn-stay-big) {
		font-size: 0.8rem;
		line-height: 0.9;
		padding: 0.1rem 0.5rem;
	}

	.btn-secondary.icon-arrow-up-right:after:not(.btn-stay-big) {
		font-size: 0.9rem;
	}

	.accordion-wrapper .accordion-header-text {
		font-size: 0.9rem;
	}
}

.creditDetails {
	cursor: pointer;
}

.creditDetails:hover {
	text-decoration: underline;
}