/* open-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans-v34-latin-600.eot'); /* IE9 Compat Modes */
  src: url('../fonts/open-sans-v34-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v34-latin-700.eot'); /* IE9 Compat Modes */
  src: url('../fonts/open-sans-v34-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}


.ce-div {
	height: 3rem;
	display: block;
	border: none;
}

#exampleWrapper {
  position: relative;
  max-width: 768px;
  height: 100vh;
  max-height: 1024px;

  background: rgba(255,255,255,1);
  background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(216,245,253,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(216,245,253,1)));
  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(216,245,253,1) 100%);
  background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(216,245,253,1) 100%);
  background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(216,245,253,1) 100%);
  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(216,245,253,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d8f5fd', GradientType=0 );

}

#exampleWrapper .col-12 {
  padding: 2rem 1.75rem;
}

#exampleWrapper * {
  font-size: 17px;
}

@media (max-width: 400px) {
  #exampleWrapper * {
    font-size: 16px;
  }

  #exampleWrapper .col-12 {
    padding: 1.5rem 1.5rem;
  }

}

#exampleWrapper p {
  padding-left: 1rem;
}

#exampleWrapper th, #exampleWrapper td {
  vertical-align: top;
}

#exampleWrapper strong {
  font-weight: 600;
}

#exampleWrapper table {
  font-size: 16px;
  padding: 1rem;
  width: 100%;
  margin-bottom: 1rem;
}

#exampleWrapper tr {
  background-color: #fff;
}

#exampleWrapper tr.tablespacer {
  background-color: transparent;
}

#exampleWrapper tr td:first-child, #exampleWrapper .tablehead th {
  padding-left: 1rem;
}

#exampleWrapper tr:first-child *, #exampleWrapper .tablehead th {
  padding-top: 1rem;
}

#exampleWrapper tr:last-child *, #exampleWrapper tr:nth-child(3) * {
  padding-bottom: 1rem;
}

#exampleWrapper tr.tablehead th {
  font-size: 20px;

}

#exampleWrapper th {
  font-weight: 600;
}

#exampleWrapper tr.blau {
  background: #3ab5e5;
  color: #fff;
}

#exampleWrapper em {
  color: #3ab5e5;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
}

#exampleFooter {
  position: absolute;
  bottom: 0;
  background-image: url("../images/example/Bogen.png");
  background-size: cover;
  background-position: right;
  width: 100%;
  height: 157px;
  display: flex;
  justify-content: center;
}

#exampleFooter a {
  position: absolute;
  bottom: 30px;
}

#thumbsUp {
  position: absolute;
  bottom: 10vh;
  right: 0;
  height: auto;
  width: 50%;
}

@media (min-height: 800px) {
  #thumbsUp {
    bottom: 50px;
    max-width: 280px;
  }
}

@media (max-height: 768px) {
  #thumbsUp {
    max-width: 280px;
  }
}

@media (max-width: 400px) {
  #thumbsUp {
    max-width: 160px;
  }
}

.topaction {
  position: absolute;
  top: 180px;
  right: -110px;
}

.textelement em {
  float: right;
  margin-right: 200px;
  font-style: normal;
}

.bgblau {
  background: #2daae1;
}

.bgleichtblau {
  background: #8dd7fb;
}

.bggruen {
  background: #C7D080;
}

.bgleichtgruen {
  background: #EFF69A;
}

.bgweiss {
  background: #fff !important;
}

#element_68 {
  background: transparent !important;
}

#element_71 {
  background: #d5eef9;
  padding: 30px;
  margin-left: -30px;
  width: 103%;
  margin-bottom: 40px;
}

#element_72 {
  background: #EFF69A;
  padding: 30px;
  margin-left: -30px;
  width: 103%;
  margin-bottom: 40px;
}

body {
  font-family: 'Open Sans', sans-serif !important;
  color: #575756;
}

.callModal {
  cursor: pointer;
  display: block;
}

#pass {
  margin-bottom: 1rem;
}

#c137 .callModal {
  text-align: center;
}

#content *, #default * {
  color: #575756;
}

.semibold p {
  font-weight: 600 !important;
}

#footer hr {
  margin-top: 22px;  
  border-top: 1px solid #898888 !important;
  margin-bottom: 24px;
}

a, a * {
  color: #000;
  text-decoration: none !important;
}

.textelement {
  width: 100%; 
  float: left;
}

.textelement h2 {
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.liststern {
  float: left; 
  width: 100%;
}

.liststern img {
  margin-right: 8px;
}

.buntebox p {
  color: #3c3c3c;
}

.gerade .countedheader {
  margin-top: -45px;
}

.countedheader {
  margin-top: 0;
  float: left;
  width: 400px;
  background: #2daae1;
  margin-bottom: 20px;
}

#default .countedheader h2 {
  color: #fff !important;
  margin-left: 20px;
  font-size: 16px !important;
  line-height: 36px !important;
  margin-bottom: 0;
  float: left;
}

#default .counter {
  color: #fff;
  background: #707070;
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  font-weight: bold;
  float: left;
}

h1 {
  font-size: 36px !important;
  margin-bottom: 1em !important;
}

#default h2, #default h3 {
  font-size: 21px !important;
}

#default h1 {
  color: #2daae1 !important;
  font-weight: bold !important;
}

#default h2, #default h3 {
  color: #2daae1 !important;
  font-weight: 600 !important;
}


.container .gerade {
  margin-left: -90px;
  padding-left: 75px;
  margin-right: -90px;
  padding-right: 75px;
  background: #d5eef9;
}

@media (max-width: 576px) {

  .container .gerade {
    margin-left: 0 !important;
    padding-left: 0;
    margin-right: 0 !important;
    padding-right: 0;
  }

}

.block100 img {
  width: 100%;
}

.colortoggle {
  padding-top: 45px;
  padding-bottom: 45px;
}

#default .colortoggle:last-child {
  padding-bottom: 80px;
}

.biggercol {
  margin-right: -90px;
  margin-top: -45px;
  margin-bottom: -45px;
}

.biggercol + div {
margin-top: 80px;
}

.biggercol img {
  width: 100%;
}


@media (max-width: 1300px) {
  .biggercol {
    margin-right: 0;
    margin-top: -45px;
    margin-bottom: -45px;
  }

  .topaction {
    top: 68px;
    right: -35px;
  }

}

@media (max-width: 768px) {

  .countedheader {
    width: 100%;
    padding-right: 30px;
  }

  .biggercol {
    margin-right: 0;
    margin-top: 35px;
    margin-bottom: 15px;
  }

}

#default .buttonlink {
  padding: 10px 20px;
  margin-top: 20px;
  background: #2daae1;
  color: #fff;
  display: inline-block;
}

#default .buttonlink strong {
  color: #fff;
}

#default .buttonlink:hover strong, #default .buttonlink:hover {
  color: #0056b3;;
}

#content {
  margin-top: 60px;
  margin-bottom: 80px;
}

#footer .container .row {
  padding-left: 30px;
  padding-right: 30px;
}

#slider {
  position: relative;
}

#logo {
  position: absolute;
  width: 320px;
  top: 0;
  left: 1rem;
  z-index: 99;
}

@media (max-width: 1300px) {
#logo {
  width: 280px;
}
}

@media (max-width: 992px) {
#logo {
  width: 230px;
}
}

@media (max-width: 768px) {
#logo {
  width: 160px;
}
}

@media (max-width: 576px) {
#logo {
  width: 120px;
}
}



#header {
  position: relative;
}

.headerInner {
  position: relative;
  width: calc( 100% + 180px ) !important;
  margin-left: -90px;
  z-index: 99;
}

#header .overlayImg {
  position: absolute;
  width: 340px;
  height: auto;
  right: 100px;
  bottom: -95px;
}

@media (max-width: 1200px) {

  #header .overlayImg {
    width: 300px;
  }

}
@media (max-width: 992px) {

  #header .overlayImg {
    width: 250px;
    right: 80px;
    bottom: -80px;
  }

}

@media (max-width: 768px) {

  #header .overlayImg {
    width: 180px;
    right: 30px;
    bottom: -90px;
  }

  .headerInner {
    width: calc( 100% + 30px ) !important;
    margin-left: -15px;
    z-index: 99;
  }

}

@media (max-width: 576px) {

  .headerInner {
    padding-top: 20px;

  }

  #header .overlayImg {
    width: 120px;
    right: 20px;
    bottom: -80px;
  }

}


#nav {
  margin-top: -32px;
  position: relative;
  z-index: 999;
}

#header #nav {
  margin-top: 0;
  position: absolute;
  width: inherit;
  margin-left: -15px;
}

.navbar {
  padding-left: 30px !important;
  padding-right: 30px !important;
}

.navbar-nav {
  /* -ms-flex-pack: distribute !important; */
  justify-content: space-around !important;
  width: 100%;
}

.navbar-nav a {
  color: #fff !important;
  text-decoration: none !important;
  font-weight: 600;
  font-size: 20px;
}

.navbar-nav a:hover, .navbar-nav a.active {
  color: #2daae1 !important;
  text-decoration: none !important;
}

@media (max-width: 768px) {

  .navbar {
    padding-top: .125em !important;
    padding-bottom: .125em !important;

  }

  .navbar-brand img {
    width: 75%;
  }

  .navbar-toggler {
    padding: .125rem .25rem;
    font-size: 1.25rem;
  }

  .navbar-toggler-icon {
    width: 1em !important;
    height: 1em !important;
  }

  .navbar-nav a {
    font-size: 16px !important;
  }

}

#login {
  position: absolute;
  z-index: 999;
  right: 15px;
}

#login .lang {
  float: left;
  border-bottom: 2px solid #2daae1;
  padding: 6px 2px;
  font-weight: 600;
}

#login .anmelden {
  float: left;
  background: #fff;
  margin-left: 12px;
  padding: 6px 18px;
  font-weight: 600;
}

#login .meinkonto {
  float: left;
  background: #2daae1;
  margin-left: 16px;
  padding: 6px 18px;
  color: #fff;
  font-weight: 600;
}

@media (max-width: 576px) {

  #login  {
    display: none;
  }
}



/* Slider begin */

.carousel-inner {
  position: relative;
  width: calc( 100% + 180px ) !important;
  overflow: hidden;
  margin-left: -90px;
}

.carousel-control-prev {
  left: -90px !important;
  width: 90px !important;
}

.carousel-control-next {
  right: -90px !important;
  width: 90px !important;
}

@media (max-width: 1300px) {

  .carousel-inner {
    width: calc( 100% + 60px ) !important;
    margin-left: -30px;
  }

  .carousel-control-prev {
    left: -30px !important;
    width: 30px !important;
  }

  .carousel-control-next {
    right: -30px !important;
    width: 30px !important;
  }

}

@media (max-width: 576px) {

  .carousel-inner {
    width: 100% !important;
    margin-left: 0;
  }

  .carousel-control-prev {
    left: 0 !important;
    width: 30px !important;
  }

  .carousel-control-next {
    right: 0 !important;
    width: 30px !important;
  }

}



.textblockbgblau {
  background: #2daae1;
  padding: 30px;
  color: #fff;
  margin-top: 140px;
}

@media (max-width: 768px) {
.textblockbgblau {
  margin-top: 0;
}
}

.textblockbgblau img {
  margin-bottom: 9px;
  margin-left: -17px;
  width: 50px;
  height: auto;
}
.textbox {
  width: 450px;
  height: 450px;
  overflow: hidden;
  position: absolute;
  top: 196px;
  left: 90px;
  padding: 38px 34px;
}

.textbox h2 {
  color: #fff;
  font-size: 62px;
  width: 75%;
  margin-bottom: 1rem;
  font-style: italic;
  line-height: 1.125em;
}

.textbox p {
  font-size: 34px;
  line-height: 1.25em;
}

.textbox * {
  font-family: 'PT Sans', sans-serif;
}

.textbox .star {
  position: absolute;
  right: 50px;
  top: 40px;
  opacity: 0.6;
}

@media (max-width: 1300px) {
  .textbox {
    left: 30px;
    top: 174px;
  }
}


@media (max-width: 1200px) {
.textbox {
  width: 400px;
  height: 320px;
  padding: 38px 34px;
}

.textbox h2 {
  font-size: 42px;
  width: 75%;
}

.textbox p {
  font-size: 24px;
}

  .textbox .star {
    width: 64px;
  }

}

@media (max-width: 992px) {
  .textbox {
    width: 300px;
    height: 268px;
    padding: 30px 34px;
    top: 128px;
  }

.textbox h2 {
  font-size: 36px;
  width: 75%;
}

.textbox p {
  font-size: 20px;
}

  .textbox .star {
    width: 56px;
    right: 27px;
  }

}

@media (max-width: 768px) {
  .textbox {
    width: 226px;
    height: 196px;
    padding: 20px 24px;
    top: 94px;
  }

.textbox h2 {
  font-size: 24px;
  width: 80%;
}

.textbox p {
  font-size: 16px;
}

  .textbox .star {
    display: none;
  }

}

@media (max-width: 576px) {

  .textbox {
    padding: 20px 24px;
    top: 0;
    position: relative;
    width: 100%;
    left: 0;
    height: auto;
  }

  .textbox h2 {
    width: 100%;
  }
}



/* Slider end */

.editionselement {
  margin-top: 8px;
  float: left;
  width: 50%;
}

.editionselement img {
  margin-bottom: 20px;
}

@media (max-width: 576px) {

  .editionselement {
    margin-top: 8px;
    float: left;
    width: 48%;
    margin-right: 1%;
  }

}

#breadcrumbs {
  font-size: 13px;
  margin-top: 10px;
}


.buntebox {
  padding: 30px;
  height: 380px;
  overflow: hidden;
  margin-bottom: 30px;
}

#content .buntebox h2 {
  color: #fff;
  margin-top: 18px;
  font-size: 34px;
  font-style: italic;
  font-family: 'PT Serif', serif;
}

.buntebox p {
  font-size: 25px;
  line-height: 1.25em;
  font-family: 'PT Sans', sans-serif;
}

.buntebox img {
  height: 80px;
  width: auto;
}

@media (max-width: 768px) {

  .buntebox {
    height: auto;
  }

  .buntebox img {
    height: 56px;
  }

  #content .buntebox h2 {
    margin-top: 14px;
    font-size: 28px;
  }

  .buntebox p {
    font-size: 22px;
  }
}


/* footer begin */

#footer {
  background-color: #575756;
  padding-top: 24px;
}

#footer strong {
  letter-spacing: 1px;
}


@media (min-width: 768px) {

#footer .col-md-3.pushtoright {
  padding-left: 30px;
}

}

@media (min-width: 992px) {

#footer .col-md-3.pushtoright {
  padding-left: 70px;
}

}



#footer .col-md-3 {
  margin-bottom: 15px;
}

#footer * {
  color: #fff;
  font-size: 14px;
}

@media (max-width: 992px) {

#footer * {
  font-size: 13px;
}

}

#footer .small {
  font-size: 75%;
}

.footerlogo {
  margin: 22px 0;
}

#footer .nav-link {
  padding: 0;
}

.footericons img {
  margin-top: 20px;
  margin-right: 25px;
}

#footer span {
  font-size: 24px;
  font-weight: 600;
}




/* footer end */

.carousel.fade {
    opacity: 1;
}

.carousel.fade .carousel-item {
    -moz-transition: opacity ease-in-out .7s;
    -o-transition: opacity ease-in-out .7s;
    -webkit-transition: opacity ease-in-out .7s;
    transition: opacity ease-in-out .7s;
    left: 0 !important;
    opacity: 0;
    top: 0;
    position: absolute;
    width: 100%;
    display: block !important;
    z-index: 1;
}

.carousel.fade .carousel-item:first-child {
    top: auto;
    position: relative;
}

.carousel.fade .carousel-item.active {
    opacity: 1;
    -moz-transition: opacity ease-in-out .7s;
    -o-transition: opacity ease-in-out .7s;
    -webkit-transition: opacity ease-in-out .7s;
    transition: opacity ease-in-out .7s;
    z-index: 2;
}

.carousel-control-next,
.carousel-control-prev {
  z-index: 10;
}

.ekko-lightbox {
  background: #707070;
}

.ekko-lightbox .modal-header {
  border-bottom: none !important;
  padding: 0 1rem 0 0 !important;
}

.ekko-lightbox .modal-content {
  background: #D5EEF9;
  border: none;
}
  
.ekko-lightbox .modal-title {
  color: #fff !important;
  background: #2DAAE1;
  font-size: 16px;
  padding: 6px 30px 6px 10px;
  font-weight: bold;
}

.ekko-lightbox .modal-header .close {
  padding: 4px 12px 6px 12px;
  margin: 0 -16px -12px auto;
  background: #575756;
  color: #fff;
  text-shadow: none !important;
  opacity: 1;
}


#kontakt h2 {
  display: none;
}


.suchinput {
  margin: 10px 0 40px;
  float: left;
  width: 85%;
}

.suchinput .searchinput {
  width: calc( 100% - 200px );
  float: left;
  height: 50px;
  border-radius: 0;
}

.suchinput .searchsubmit {
  width: 190px;
  float: left;
  height: 50px;
  font-weight: bold;
  color: #fff !important;
  font-size: 20px;
  border: none;
  cursor: pointer;
  background: url('../icons/starwhitesmall.png') 25px 10px no-repeat #2daae1;
  padding-left: 40px;
}

@media (max-width: 576px) {

  .suchinput .searchinput {
    width: 270px;
  }

  .suchinput .searchsubmit {
    width: 270px;
    clear: left;
  }

}

.haendler {
  display: block;
  float: left;
  clear: left;
  border: 1px solid;
  padding: 20px;
  margin: 15px;
  width: 150px;
}

.tx-clickit {
  margin-bottom: 40px;

}

#vergleichstabelle {
  width: 100%;
  margin-bottom: 30px;
}

#vergleichstabelle td, #vergleichstabelle th {
  padding: 6px 10px 6px 30px;
  border-bottom: 3px solid #fff;
  color: #000;
}

#vergleichstabelle .bggruen, #vergleichstabelle .bgleichtgruen {
  border-left: 3px solid #fff;
}