@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;
}


@font-face {
    font-family: 'lorimer_no_2_condensedBdIt';
    src: url('../fonts/lorimer_no2_cnd_bold_italic-webfont.woff2') format('woff2'),
         url('../fonts/lorimer_no2_cnd_bold_italic-webfont.woff') format('woff');
    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;
}

p.small {
  font-size: 12px;
}

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

#produktueberblick .btn {
  border-radius: 0;
  font-size: 0.8rem!important;

  white-space: normal!important;
}



.btn {
	border-radius: 0;
}

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

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

.btn-secondary {
  background: transparent;
  border-color: #fff;
}

.btn-secondary:hover {
  opacity: 0.7;
  background-color: transparent;
  border-color: #fff;
}

.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-gray.png");
  background-position: left 15px center;
  background-repeat: no-repeat;
  background-size: 7px 12px;
  border-color: #63666A;
  color: #63666A;
}

.btn-prev:hover {
  opacity: 0.7;
  border-color: #63666A;
  color: #63666A;
}

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

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

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

.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;
}

.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;
}

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;
}



/* Head Banner */


#head {
  height: 400px;
  background: url(../img/bg-head.jpg) no-repeat center top;
  background-size: cover;

}


/* 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;
}

.carousel-referenz .carousel-cell,
.carousel-referenz .carousel-cell .row {
	height: 600px!important;
}



ul.check-list {
	padding: 0!important;
	margin-bottom: 15px!important;
}

ul.check-list li {
	font-size: 15px!important;
	line-height: 22px!important;
	background: none!important;
	padding-left: 20px!important;
}

ul.check-list > li::before {
	color: rgb(206, 0, 88);
	content: "✓";
	display: inline-block;
	font-size: 17px;
	left: -18px;
	max-height: 0px;
	max-width: 0px;
	position: relative;
}

ul.check-list > li.not-included::before {
	color: #212529;
  content: "✗";
  opacity: 0.4;
  background: transparent url('../img/icon-no.svg') no-repeat 1px 4px !important;
}


.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}
.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}
.offset-11{margin-left:91.666667%}

@media (min-width:576px){
	.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-sm-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-sm-first{-ms-flex-order:-1;order:-1}.order-sm-1{-ms-flex-order:1;order:1}.order-sm-2{-ms-flex-order:2;order:2}.order-sm-3{-ms-flex-order:3;order:3}.order-sm-4{-ms-flex-order:4;order:4}.order-sm-5{-ms-flex-order:5;order:5}.order-sm-6{-ms-flex-order:6;order:6}.order-sm-7{-ms-flex-order:7;order:7}.order-sm-8{-ms-flex-order:8;order:8}.order-sm-9{-ms-flex-order:9;order:9}.order-sm-10{-ms-flex-order:10;order:10}.order-sm-11{-ms-flex-order:11;order:11}.order-sm-12{-ms-flex-order:12;order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}}@media (min-width:768px){.col-md{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-md-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-md-first{-ms-flex-order:-1;order:-1}.order-md-1{-ms-flex-order:1;order:1}.order-md-2{-ms-flex-order:2;order:2}.order-md-3{-ms-flex-order:3;order:3}.order-md-4{-ms-flex-order:4;order:4}.order-md-5{-ms-flex-order:5;order:5}.order-md-6{-ms-flex-order:6;order:6}.order-md-7{-ms-flex-order:7;order:7}.order-md-8{-ms-flex-order:8;order:8}.order-md-9{-ms-flex-order:9;order:9}.order-md-10{-ms-flex-order:10;order:10}.order-md-11{-ms-flex-order:11;order:11}.order-md-12{-ms-flex-order:12;order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}.offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}}@media (min-width:992px){.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-lg-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-lg-first{-ms-flex-order:-1;order:-1}.order-lg-1{-ms-flex-order:1;order:1}.order-lg-2{-ms-flex-order:2;order:2}.order-lg-3{-ms-flex-order:3;order:3}.order-lg-4{-ms-flex-order:4;order:4}.order-lg-5{-ms-flex-order:5;order:5}.order-lg-6{-ms-flex-order:6;order:6}.order-lg-7{-ms-flex-order:7;order:7}.order-lg-8{-ms-flex-order:8;order:8}.order-lg-9{-ms-flex-order:9;order:9}.order-lg-10{-ms-flex-order:10;order:10}.order-lg-11{-ms-flex-order:11;order:11}.order-lg-12{-ms-flex-order:12;order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}}@media (min-width:1200px){.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-xl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-xl-first{-ms-flex-order:-1;order:-1}.order-xl-1{-ms-flex-order:1;order:1}.order-xl-2{-ms-flex-order:2;order:2}.order-xl-3{-ms-flex-order:3;order:3}.order-xl-4{-ms-flex-order:4;order:4}.order-xl-5{-ms-flex-order:5;order:5}.order-xl-6{-ms-flex-order:6;order:6}.order-xl-7{-ms-flex-order:7;order:7}.order-xl-8{-ms-flex-order:8;order:8}.order-xl-9{-ms-flex-order:9;order:9}.order-xl-10{-ms-flex-order:10;order:10}.order-xl-11{-ms-flex-order:11;order:11}.order-xl-12{-ms-flex-order:12;order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}}
}

@media (max-width: 840px) {
	.carousel-referenz h1, .carousel-referenz .h1 {
		font-size: 1.7rem;
		line-height: 1.3;
		font-family: "AdelleSansSAGE-Light";
	}

	.carousel-referenz .carousel-cell,
	.carousel-referenz .carousel-cell .row {
		height: 500px!important;
	}

}

@media (max-width: 991px) {

  #produktueberblick .col-md-6 {
    margin-bottom: 20px;
  }

  #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;
  }
}

/* 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: 10px 10px;
  border: 1px solid #D5D5D5;
  /*height: 20%;*/
}

.produktberater-auswahl.produktberater-auswahl-geteilt span {
  /*height: 40%;*/
  padding: 20px 15px 17px 15px;
  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);
  /*transform: scale(1.1);*/
  position: relative;
}

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

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

.card-container .card .back {
  height: 100%;
}

.produktvergleich-add {

}

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

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

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

.nav-pills .nav-link .active-arr {
  display: none;
  width: 17px!important;
  float: none;
  position: absolute;
  bottom: -8px;
  left: 50%;
  margin-left: -9px;
  height: 9px;
  background: url("../img/active.png") no-repeat center bottom;
  background-size: 17px auto!important;
  padding: 0!important;
  display: none;
  border: none!important;
}

.nav-pills .nav-link.active .active-arr {
  display: block;
}

.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: 13px;
  line-height: 16px;
  text-align: left;
  list-style: none;
  margin-bottom: 3px;
  padding-left: 15px;
  background: transparent url('../img/icon-yes.svg') no-repeat left 4px;
}

.card-container ul li.not-included {
  opacity: 0.4;
  background: transparent url('../img/icon-no.svg') no-repeat 1px 4px;
}

/*INFOPAKET*/
.infopaket-laden {
	background: #dddddd;
	box-sizing: border-box;
	padding:  10px 10px 0 10px;
}

#infopaket .infopaket-laden {
	background: #EEEEED;
}

#infopaket .infopaket-laden p strong,
#infopaket .infopaket-laden span,
#infopaket .infopaket-laden p,
#infopaket abbr {
	color: #51534A;
}





.form-form-holder,
.form-form-holder2,
.infopaket-form-form-holder {
	position: relative;
}
.form-form-holder,
.form-form-holder2,
.infopaket-form-form-holder {
	padding: 20px 0 10px 0;
	text-align: center;
}
.final-form-holder,
.final-form-holder2,
.form-redirect {
	width: 100%;
	max-width: 840px;
	box-sizing: border-box;
	padding: 20px 0 40px 0;
	margin: 0 auto;
}
.group.infopaket-laden p,
.group.infopaket-laden p strong,
.group.infopaket-laden span {
	color: #fff;
}
.group.infopaket-laden span {
	margin: 0 0 5px 0;
	display: block;
}
.form-redirect,
.form-redirect h3,
.form-redirect p,
.form-redirect p small,
.form-redirect img {
	text-align: center;
}
.form-form-holder input[type=text],
.form-form-holder2 input[type=text] {
	font-family: 'adelle_sans_sageregular', Arial;
	color: #4D4F53;
	font-size: 16px;
	border: none;
	outline: none;
	width: 100%;
	max-width: 460px;
	padding: 11px 98px 11px 9px;
	display: inline-block;
	margin-bottom: 20px;
	-webkit-appearance: none;
	border-radius: 0;
	box-sizing: border-box;
}
.form-form-holder input[type=submit],
.form-form-holder2  input[type=submit]{
	background: #CE0058 ;
	padding: 10px 50px 11px 10px;
	font-family: 'adelle_sans_sageregular', Arial!important;
	font-size: 17px;
	color: #fff;
	display: inline-block;
	border: 0;
	cursor: pointer;
	cursor: hand;
	border-radius: 0;
	-webkit-appearance: none;
}
#infopaket {
	background: #F7F7F6;


}

#inlineAjaxForm--infopaket,
#inlineAjaxForm--infopaket-fr,
#inlineAjaxForm--infopaket-it {
	background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;
	padding: 40px 10px;
}


.inlineAjaxForm--pre {

	box-sizing: border-box;
	padding: 0px 10px;
}


#infopaket.bluebg {
	background: #003349!important;
}

#infopaket.bluebg h2,
#infopaket.bluebg p {
	color: #fff!important;
}


#infopaket.bluebg .icon-plus {
	background: transparent url("../images/plus.png") no-repeat 0 0 / 40px 40px!important;
	width: 40px;
	height: 40px;

	display: none;

}


#icon-small {
	margin-bottom: 30px;
}

.mb-30 {
	margin-bottom: 30px;
}


.info-visual {
	display: block;
	width: 100%;
	max-width: 255px;
	margin-bottom: 20px;
}
.plus {
	position: absolute;
	top: 90px;
	right: -10px;
/*	display: block;*/
	display: none;
	width: 40px;
}
.icon-plus {
	background: transparent url("../images/plus-blue.png") no-repeat 0 0 / 40px 40px;
	width: 40px;
	height: 40px;
	display: none;
}
#icon-small .plus {
	position: absolute;
	top: 90px;
	right: -10px;
	display: block;
	width: 40px;
	display: none;
}

#icon-small .icon-plus {
	background: transparent url("../images/plus-blue.png") no-repeat 0 0 / 30px 30px;
	width: 30px;
	height: 30px;
	display: none;
}
#icon-small p {
	font-size: 15px;
	line-height: 22px;
}
#infopaket .col-3 {
	position: relative;
}
#infopaket ul {
	margin:0;
	padding:0!important;
}
#infopaket ul li {
	padding: 0 0 0 25px;
	font-size: 14px;
	margin: 0 0 8px 0px;
	position: relative;
	background: url(../images/tick.png) no-repeat left 0;
}
#infopaket .group.infopaket-laden {
	background: rgba(0,0,0,0.1) none repeat scroll 0 0;
}


#infopaket .button,
#cloudtesten .button {
	position: relative;
	top: -1px;
}
/*input[type=checkbox] {
	margin: 0 5px 0 0;
	float: left;
}*/
p.disclaimer {
	font-size: 11px;
	color: #51534A;
	line-height: 15px;
	letter-spacing: 0.2px;
}
p.disclaimer.error,
p.disclaimer.error small {
	color: #bd0d3d;
}
label.error {
	display: none !important;
}


@media (max-width: 600px) {
	.card-highlighted {
		transform: matrix(1.0, 0, 0, 1.0, 0, 0)!important;
	}
}
.lity-container {
	max-width: 1070px !important;
}
@media (max-width: 820px) {
	.lity-container {
		height: 90% !important;
	}
	.lity-content, .lity-iframe-container, .lity-iframe-container iframe {
		height: 100% !important;
	}
}