@font-face {
	font-family: 'AdelleSansSAGE';
	src: url("../fonts/AdelleSansSAGE.eot");
	src: url("../fonts/AdelleSansSAGE.eot?#iefix") format("embedded-opentype"), url("../fonts/AdelleSansSAGE.woff") format("woff"), url("../fonts/AdelleSansSAGE.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'AdelleSansSAGEBold';
	src: url("../fonts/AdelleSansSAGE-Bold.eot");
	src: url("../fonts/AdelleSansSAGE-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/AdelleSansSAGE-Bold.woff") format("woff"), url("../fonts/AdelleSansSAGE-Bold.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'AdelleSansSAGE-Light';
	src: url("../fonts/AdelleSansSAGE-Light.eot");
	src: url("../fonts/AdelleSansSAGE-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/AdelleSansSAGE-Light.woff") format("woff"), url("../fonts/AdelleSansSAGE-Light.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'AdelleSansSAGEItalic';
	src: url("../fonts/AdelleSansSAGE-Italic.eot");
	src: url("../fonts/AdelleSansSAGE-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/AdelleSansSAGE-Italic.woff") format("woff"), url("../fonts/AdelleSansSAGE-Italic.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'AdelleSansSAGELightItalic';
	src: url("../fonts/AdelleSansSAGE-LightItalic.eot");
	src: url("../fonts/AdelleSansSAGE-LightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/AdelleSansSAGE-LightItalic.woff") format("woff"), url("../fonts/AdelleSansSAGE-LightItalic.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'AdelleSansSAGEThin';
	src: url("../fonts/AdelleSansSAGE-Thin.eot");
	src: url("../fonts/AdelleSansSAGE-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/AdelleSansSAGE-Thin.woff") format("woff"), url("../fonts/AdelleSansSAGE-Thin.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'AdelleSansSAGEThinItalic';
	src: url("../fonts/AdelleSansSAGE-ThinItalic.eot");
	src: url("../fonts/AdelleSansSAGE-ThinItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/AdelleSansSAGE-ThinItalic.woff") format("woff"), url("../fonts/AdelleSansSAGE-ThinItalic.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}

.progress-number {
	height: 22px;
	width: 22px;
	margin-right: 5px;
	background: #63666A;
	border-radius: 100px;
	display: inline-block;
	color: #fff;
	text-align: center;
}

.progress-active {
	color: #CE0058;
}

.progress-active .progress-number {
	background: #CE0058;
}

.navbar {
	padding: 1rem 0;
}

.navbar-brand img {
	position: relative;
	top: 3px;
}

.btn {
	border-radius: 0;
}

.btn-primary {
	background-color: #CE0058;
	border-color: #CE0058;
}

.btn-primary:hover {
	background-color: #A40769;
	border-color: #A40769;
	cursor: pointer;
}

.btn-next {
	padding-right: 35px;
	background-image: url("../img/arrow-right.png");
	background-position: right 15px center;
	background-repeat: no-repeat;
	background-size: 7px 12px;
}

.btn-prev {
	padding-left: 35px;
	background-image: url("../img/arrow-left.png");
	background-position: left 15px center;
	background-repeat: no-repeat;
	background-size: 7px 12px;
}

body {
	color: #63666A;
	font-family: "AdelleSansSAGE";
	background: #F7F7F6;
	display: flex;
	min-height: 100vh;
	flex-direction: column;
	position: relative;
}

/* .content {
	flex: 1;
} */

.bg-light {
	background: #F7F7F6 !important;
}

.bg-dark {
	background: #003349 !important;
}

.bg-green {
	background: transparent url(../img/bg-green.png) no-repeat center center / cover;
	color: #fff;
}
.bg-green h2, .bg-green p, .bg-green p a {
	color: #fff;
}
.bg-green p a {
	text-decoration: underline;
}
.bg-green p a:hover {
	text-decoration: none;
}

.white {
	color: #fff;
}

hr.white {
	border-color: #fff;
	opacity: 0.3;
}

.card-header {
	background: #F7F7F6;
}

.shadow {
	box-shadow: 0px 0px 8px rgba(0,0,0,0.1);
}

strong {
	font-weight: bold;
}

#error-accept {
	display: none;
}

a {
	color: #28A3DA;
}

h1, .h1 {
	font-size: 2rem;
	line-height: 1.3;
	font-family: "AdelleSansSAGE-Light";
}

h2, .h2 {
	font-size: 1.6rem;
	line-height: 1.4;
}

h3, .h3 {
	font-size: 1.4rem;
	line-height: 1.4;
}

.wrapper-referenz {
	background: url("../img/bg-header.jpg");
	background-size: cover;
}

.btn-link {
	color: #28A3DA;
}

.btn-primary.disabled,
.btn-primary:disabled {
	background: #D4D4D4;
	border-color: #D4D4D4;
}

a:hover {
	color: #004B87;
}

.form-control:focus {
	border-color: #92D0EC;
}

img.shadow {
	box-shadow: 0 3px 6px 0 rgba(0,0,0,0.14);
}
h6, .h6 {
	font-weight: bold;
}

.table-info {
	background: #004B87;
	color: #fff;
}

.table th {
	border-top: 0;
}

.footer a {
	color: #63666A;
}

.produkt-ready {
	background-color: #28a3da;
}

.produkt-service {
	background-color: #004b87;
}

.produkt-trade {
	background-color: #073460;
}

.produkt-all-in-one {
	background-color: #003349;
}

/* slider */

#slider-navigation {
	border-bottom: 1px solid #D4D5D4;
}

#slider-navigation .flickity-prev-next-button {
	height: 30px;
	width: 30px;
	padding: 0;
}

#slider-navigation .flickity-prev-next-button.previous {
	background: transparent url('../img/slider-nav-prev.png');
	background-position: 0 0;
	background-size: 30px 64px;
}

#slider-navigation .flickity-prev-next-button.previous:disabled {
	background-position: 0 -33px;
	opacity: 1!important;
}

#slider-navigation .flickity-prev-next-button.next {
	background: transparent url('../img/slider-nav-next.png');
	background-position: 0 0;
	background-size: 30px 64px;
}

#slider-navigation .flickity-prev-next-button.next:disabled {
	background-position: 0 -33px;
	opacity: 1!important;
}

#slider-navigation .flickity-prev-next-button svg {
	display: none;
}

#slider-navigation .carousel-nav {
	max-width: 700px;
	width: 100%;
	margin: 0 auto!important;
}

#slider-navigation .carousel-nav .flickity-viewport {
	top: 1px;
}

#slider-navigation .carousel-cell {
	margin: 0 10px 0 10px !important;
	font-size: 16px;
	color: #63666A;
	line-height: 30px;
	width: auto;
	white-space: nowrap;
	height: 40px;
	font-weight: bold;
}

#slider-navigation .carousel-cell.is-selected {
	color: #CE0058;
	border-bottom: 4px solid #CE0058;
}

#slider-navigation .carousel-nav .flickity-prev-next-button.previous {
	left: -60px;
	top: 15px;
}

#slider-navigation .carousel-nav .flickity-prev-next-button.next {
	right: -60px;
	top: 15px;
}

#slider-navigation.slider-navigation-shadow .carousel-nav .carousel-nav-shadow-right {
	position: absolute;
	right: -27px;
	bottom: 0;
	pointer-events: none;
}

#slider-navigation.slider-navigation-shadow .carousel-nav .carousel-nav-shadow-left {
	position: absolute;
	left: -27px;
	bottom: 0;
	transform: rotate(180deg);
	pointer-events: none;
}

#slider-navigation.slider-navigation-shadow .carousel-nav .carousel-nav--shadow-right {
	position: absolute;
	right: -27px;
	bottom: 0;
	pointer-events: none;
}

#slider-navigation.slider-navigation-shadow .carousel-nav .carousel-nav--shadow-left {
	position: absolute;
	left: -27px;
	bottom: 0;
	transform: rotate(180deg);
	pointer-events: none;
}

#slider-main .carousel-main .carousel-cell {
	width: 100%;
}

#slider-main.slider-images-fullwidth .carousel-main .carousel-cell {
	opacity: 0;
}

#slider-main.slider-images-fullwidth .carousel-main .carousel-cell.is-selected {
	opacity: 1;
}

#slider-main .carousel-main .flickity-viewport {
	transition: height 0.3s;
}

#slider-main .carousel-main .carousel-cell .bottom-ctas {
	position: absolute;
	bottom: 0;
}

#slider-main .carousel-main .carousel-cell .slide-image-fullwidth img {
	height: 100%;
	max-height: 550px;
	max-width: none;
	width: auto;
}

#slider-main ul li {
	background: transparent url('../img/list.png') no-repeat 0 5px / 12px 12px;
	/* list */
	font-size: 16px;
	line-height: 25px;
	padding: 0 0 0 22px;
	margin: 0 0 12px 0;
}

#slider-main ul li:last-child {
	margin-bottom: 0;
}

#slider-main .carousel-main .flickity-prev-next-button {
	height: 30px;
	width: 30px;
	padding: 0;
}

#slider-main .carousel-main .flickity-prev-next-button svg {
	display: none;
}

#slider-main.slider-main-arrows-light .carousel-main .flickity-prev-next-button.previous {
	background: transparent url('../img/slider-referenz-prev.png');
	background-size: 30px 30px;
	left: 30px;
}

#slider-main.slider-main-arrows-light .carousel-main .flickity-prev-next-button.previous:disabled {
	opacity: 0.5!important;
}

#slider-main.slider-main-arrows-light .carousel-main .flickity-prev-next-button.next {
	background: transparent url('../img/slider-referenz-next.png');
	background-size: 30px 30px;
	right: 30px;
}

#slider-main.slider-main-arrows-light .carousel-main .flickity-prev-next-button.next:disabled {
	opacity: 0.5!important;
}

#slider-main.slider-main-arrows-dark .carousel-main .flickity-prev-next-button.previous {
	background: transparent url('../img/slider-nav-prev.png');
	background-position: 0 0;
	background-size: 30px 64px;
	left: 30px;
}

#slider-main.slider-main-arrows-dark .carousel-main .flickity-prev-next-button.previous:disabled {
	background-position: 0 -33px;
	opacity: 1!important;
}

#slider-main.slider-main-arrows-dark .carousel-main .flickity-prev-next-button.next {
	background: transparent url('../img/slider-nav-next.png');
	background-position: 0 0;
	background-size: 30px 64px;
	right: 30px;
}

#slider-main.slider-main-arrows-dark .carousel-main .flickity-prev-next-button.next:disabled {
	background-position: 0 -33px;
	opacity: 1!important;
}
.start .carousel-cell {
	background: transparent url(../img/slide1.jpg) no-repeat center top / cover;
	padding: 100px 45px;
}
a.videobutton {
	position: absolute;
	top: 123px;
	right: -340px;
}
a.videobutton img {
	width: 125px;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}
a.videobutton:hover img {
	transform: scale(1.07);
}
a.no-show {
	display: none;
}
@media (max-width: 991px) {
	#slider-main .carousel-main .carousel-cell .bottom-ctas {
		position: static;
		margin-top: 30px;
	}

	#slider-main .carousel-main .carousel-cell .slide-image-fullwidth img {
		max-width: 100%;
		height: auto;
		margin-top: 20px;
	}

	#slider-main ul li {
		font-size: 14px;
		line-height: 21px;
		padding: 0 0 0 22px;
		margin: 0 0 12px 0;
	}
}

@media (max-width: 768px) {
	#slider-navigation .carousel-nav .carousel-nav--shadow-right,
	#slider-navigation .carousel-nav .carousel-nav--shadow-left {
		display: none!important;
	}

	#slider-navigation .carousel-nav .carousel-nav-shadow-right,
	#slider-navigation .carousel-nav .carousel-nav-shadow-left {
		display: none!important;
	}

	#slider-navigation .carousel-cell {
		width: 100%;
		text-align: center;
	}

	#slider-navigation .carousel-cell.is-selected {
		border-bottom-width: 2px;
	}

	#slider-navigation .carousel-nav .flickity-prev-next-button.previous {
		left: 0;
	}

	#slider-navigation .carousel-nav .flickity-prev-next-button.next {
		right: 0;
	}

	#slider-main .carousel-main .carousel-cell .bottom-ctas {
		position: static;
		margin-top: 30px;
	}

	#slider-main .carousel-main .carousel-cell .slide-image-fullwidth img {
		max-width: 100%;
		height: auto;
		margin-top: 20px;
	}

	#slider-main ul li {
		font-size: 14px;
		line-height: 21px;
		padding: 0 0 0 22px;
		margin: 0 0 12px 0;
	}
	.start .carousel-cell {
		padding: 30px 45px;
	background-position: left top;
	}
	a.videobutton {
		display: none;
	}
	a.no-show {
		display: inline-block;
	}
}

/* produktberater */

.produktberater-auswahl {
		border: 1px solid #D5D5D5;
		padding: 30px 15px;
		cursor: pointer;
		font-size: 15px;
		line-height: 19px;
}

.produktberater-auswahl.selected, .produktberater-auswahl .selected {
	background: #004B87;
	border: 1px solid #004B87!important;
	box-shadow: 0 3px 6px 0 rgba(0,75,135,0.30);
	color: #fff;
}

.produktberater-auswahl.produktberater-auswahl-geteilt {
	padding: 0;
	border: 0;
}

.produktberater-auswahl.produktberater-auswahl-geteilt div,
.produktberater-auswahl.produktberater-auswahl-geteilt span {
	display: block;
	padding: 15px 10px;
	border: 1px solid #D5D5D5;
	/*height: 20%;*/
}

.produktberater-auswahl.produktberater-auswahl-geteilt span {
	/*height: 40%;*/
	padding: 30px 15px 27px;
	border-bottom: 0;
}

.produktberater-auswahl.produktberater-auswahl-geteilt div:nth-child(2),
.produktberater-auswahl.produktberater-auswahl-geteilt div:nth-child(3) {
	border-bottom: 0;
}

.produktberater-auswahl-geteilt-headline {
	/*font-size: 11px;
	letter-spacing: 0.5px;
	text-transform: uppercase;*/
	cursor: auto;
	font-family: 'AdelleSansSAGEBold';
}

.produktberater-auswahl:hover, .produktberater-auswahl.produktberater-auswahl-geteilt div:hover {
	box-shadow: 0 3px 6px 0 rgba(0,0,0,0.14);
}

.produktberater-auswahl.produktberater-auswahl-geteilt:hover {
	box-shadow: none;
}

/*@keyframes bounceOut {
	0% {
		transform: scale(1.1);
	}
	50% {
		transform: scale(1.12);
	}
	100% {
		transform: scale(1.0);
	}
}*/

.card-container {
	width: 100%;
	height: 100%;
	min-height: 500px;

	/*animation: bounceOut 1s;*/
}

.card {
	box-shadow: 0 3px 6px 0 rgba(0,0,0,0.14);
	background: #fff;
	border: 0;
	border-radius: 0;
}

/*@keyframes bounceIn {
	0% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.12);
	}
	100% {
		transform: scale(1.1);
	}
}*/

.card-highlighted .card {
	/*animation: bounceIn 1s;
	transform: scale(1.1);*/
}

.card-highlighted .card {
	box-shadow: 0 5px 16px 0 rgba(0,0,0,0.3);
}

.card-highlighted .card div[class*='produkt-'] {
	background-color: #00dc00;
}

.card-container .card .front,
.card-container .card .back {
	height: auto;
	background-color: #fff;
}

.produktvergleich-add {

}

.produktvergleich-add span {
	display: block;
	margin-top: 5px;
}

.nav-pills .nav-link {
	border-radius: 0;
	color: #63666A;
}

.nav-pills .nav-link.active {
	border-radius: 0;
	background: #CE0058;
	border-color: #CE0058;
}

.icon-funktion {
	display: block;
	margin: 0 auto 15px auto;
	background-size: 42px 87px;
	width: 42px;
	min-height: 42px;
}

.selected .icon-funktion {
		background-position: 0 -46px;
}

.icon-funktion-1 {
	background-image: url("../img/icon-1.svg");
}

.icon-funktion-2 {
	background-image: url("../img/icon-2.svg");
}

.icon-funktion-3 {
	background-image: url("../img/icon-3.svg");
}

.icon-funktion-4 {
	background-image: url("../img/icon-4.svg");
}

.selected .icon-funktion-4 {
		background-position: 0 -43px;
}

.preismodell-monatlich {
	display: none;
}

.card-container ul {
	margin: 0;
}

.card-container ul li {
	font-size: 12px;
	line-height: 16px;
	text-align: left;
	list-style: none;
	margin-bottom: 3px;
	padding-left: 10px;
	background: transparent url('../img/list-square.png') no-repeat left 6px;
}

.card-container ul li.not-included {
	opacity: 0.4;
}
#slider-main ul li {
	list-style: none;
}
#slider-main ul {
	padding-left: 0;
}
ul.list {
	margin-left: 0;
	padding-left: 0;
}
ul.list li {
	background: transparent url("../img/list.png") no-repeat scroll 0 6px / 13px 13px;
	padding: 0 0 0 22px;
	list-style: none;
	display: inline-block;
}
ul.list.white li {
	background: transparent url("../img/list-white.png") no-repeat scroll 0 6px / 13px 13px;
}
.button {
	box-sizing: border-box;
	color: #fff;
	display: inline-block;
	font-size: 16px;
	line-height: 1.0;
	height: 40px;
	letter-spacing: 0.008em;
	margin-right: 10px;
	padding: 12px 15px;
	text-decoration: none;
}
.button.red {
	background-color: #ce0058;
}
.infopaket-laden .button {
	background-color: #ce0058;
}
.infopaket-laden .button:hover {
	background-color: #a40769;
	color: #fff;
	text-decoration: none;
}
.row.infopaket-laden {
	background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;
	box-sizing: border-box;
	padding: 10px;
}
.form-form-holder2{
	padding: 20px 0 10px;
	text-align: center;
	position: relative;
	width: 100%;
}
input[type="text"],
textarea {
	border: medium none;
	border-radius: 0;
	box-sizing: border-box;
	color: #4d4f53;
	display: inline-block;
	font-family: "adelle_sans_sageregular",Arial;
	font-size: 16px;
	margin-bottom: 10px;
	width: 100%;
	max-width: 460px;
	outline: medium none;
	padding: 11px 98px 11px 9px;
	line-height: 1.15;
}
select{
	font-family: 'adelle_sans_sageregular', Arial;
	color: #4D4F53;
	font-size: 16px;
	border: none;
	width: 100%;
	padding: 11px 9px;
	display: inline-block;
	margin-bottom: 20px;
	margin-right: 16px;
	border-radius: 0;
	box-sizing: border-box;
}
input[type=text].valid {
	border-color: #fff;
	color: #51534a;
	background: #fff url(../img/check.png) no-repeat right 0 center;
}
input[type=text].error,
select.error {
	border-color: #bd0d3d !important;
	color: #bd0d3d;
	background: #fff url(../img/error.png) no-repeat right 4px center;
}
input[type=checkbox] {
		margin: 0 5px 0 0;
		float: left;
}
p.errormessage {
	display: none;
}
p.disclaimer {
	font-size: 11px;
	color: #51534A;
	line-height: 15px;
	letter-spacing: 0.2px;
}
p.disclaimer.error,
p.disclaimer.error small {
	color: #bd0d3d;
}
.final-form-holder2,
.form-redirect2 {
	margin: 0 auto;
	width: 100%;
	max-width: 700px;
}
iframe {
	display: block;
	overflow: hidden !important;
}

span.circle {
	border-radius: 50%;
	box-sizing: border-box;
	padding: 40px 10px 0;
	text-align: center;
	background: #2A3456;
	margin-bottom: 15px;
	display: inline-block;
	width: 170px;
	height: 170px;

}

.circle p {
	color: #fff;
	font-size: 17px;
	line-height: 21px;
}

.circle p span {
	display: block;
	font-size: 30px;
	margin: 10px 0 20px;
}

.circle p.small {
	font-size: 11px;
	line-height: 14px;
}
p.small {
	font-size: 11px;
	line-height: 15px;
}

#preis ul.list li {
	display: block;
}