/* Inhalte */
/*=========================*/
/* 
0. Reset
1. Global
2. Listen
3. Liste-Spalten
4. Hintergründe / Parallax
5. Aufklappbare Liste
6. Breite Gallery
7. Swiper
8. Tabellen
9. Layout
10. Navigation Footer
11. Lightbox / Fancybox
12. Anweisungenfür jQuery
13. Cookie Hinweis
14. Margin
15. Schriftfarben
16. Schatten
17. Formulare Stylen
18. Responsive mit MediaQueries
*/
/* ----- COOKIE DIRECTIVE ----- */
/* 0. Reset */
/*=========================*/
/* 1. Global */
/*=========================*/

@import url("/cms/tools/fonts/OpenSans/opensans.css");
@import url("formulare.css");

/*----------------------- Preloader -----------------------*/
@media all and (max-width: 480px) {
  .preloader {
    background-position: center 100px;
  }
}
.flex-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #00587c;
  z-index: 100000000000000000000;
}
@keyframes ldio-wg1jtdwg2e {
  0%, 100% {
    animation-timing-function: cubic-bezier(0.45, 0, 0.9, 0.55)
  }
  0% {
    transform: translate(0, 0)
  }
  50% {
    transform: translate(0, 108px);
    animation-timing-function: cubic-bezier(0, 0.45, 0.55, 0.9);
  }
  100% {
    transform: translate(0, 0);
  }
}
.ldio-wg1jtdwg2e div {
  position: absolute;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: #FFFFFF;
  left: 74px;
  top: 20px;
  animation: ldio-wg1jtdwg2e 1s linear infinite;
}
.loadingio-spinner-ball-pufx1djljbs {
  width: 200px;
  height: 200px;
  display: inline-block;
  overflow: hidden;
  background: none;
}
.ldio-wg1jtdwg2e {
  width: 100%;
  height: 100%;
  position: relative;
  transform: translateZ(0) scale(1);
  backface-visibility: hidden;
  transform-origin: 0 0; /* see note above */
}
.ldio-wg1jtdwg2e div {
  box-sizing: content-box;
}
/*----------------------- Ende Preloader -----------------*/
nav {
  line-height: 18px !important;
}
body {
  overflow-x: hidden !important;
}
html {
  box-sizing: border-box;
  scroll-behavior: smooth;
  overflow-x: hidden !important;
}
*, ::before, ::after {
  box-sizing: border-box;
}
body, html {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #252525;
  background: #FFFFFF;
}
a {
  color: #FFFFFF;
}
a:hover, a:focus, a:active {
  color: #FFFFFF !important;
  text-decoration: none;
}
@media all and (max-width: 768px) {
  a.menu-link {
    color: #FFFFFF !important;
  }
}
.is-sticky header {
  /*background: rgba(100,168,45,1);*/
}
header {
  position: absolute;
  width: 100vW;
  z-index: 500;
  background: rgba(255, 255, 255, 0);
  transition: all 1s ease;
  padding-top: 65px;
}
header.is-sticky {
  position: fixed !important;
}
.testimonial {
  position: absolute;
  text-align: center;
  z-index: 10;
  max-height: 150vH;
  overflow: hidden;
  left: 0px;
}
@media all and (max-width: 768px){
	.testimonial {
  text-align: center;
  z-index: 0 !important;
  min-height: 100vH;
		max-height: none;
  overflow: hidden;
  left: 0px;
}
	#bogen1after {
		display: none !important;
	}
}

@media all and (min-width:768px) {
  .testimonial {
    top: 0px;
  }
}
@media all and (max-width: 1024px) {
  #bogen1, #bogen2, #bogen3 {
    display: none;
  }
  #bogen1after {
    height: 30vH;
    width: 100vW;
    background: #00587c;
    z-index: 4;
    position: absolute;
    bottom: 0px;
  }
}
@media all and (min-width: 1024px) {
  #bogen1 {
    width: 100vW;
    background: url('../upload/img/layout/bogen1.png') top center no-repeat;
    height: 245px;
    top: calc(150vH - 500px);
    position: absolute;
    z-index: 5;
  }
  #bogen1after {
    height: calc(150vH - 500px + 245px);
    width: 100vW;
    background: #00587c;
    z-index: 4;
    position: absolute;
    top: calc(150vH - 255px);
  }
}
#bogen2 {
  width: 100vW;
  background: url('../upload/img/layout/bogen2.png') bottom center no-repeat;
  height: 245px;
  position: absolute;
  z-index: 5;
}
#bogen3 {
  width: 100vW;
  background: url('../upload/img/layout/bogen3.png') bottom center no-repeat;
  height: 165px;
  position: absolute;
  z-index: 5;
  bottom: 0px;
}
.radius {
  opacity: 1;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -ms-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
.radius:hover {
  opacity: 0.6;
}
.icons {
  width: 50px;
  position: absolute;
  right: 30px;
  top: 220px;
  z-index: 2;
}
.accordion-button {
  font-size: inherit !important;
  font-weight: inherit !important;
  color: inherit !important;
}
.accordion-button::after {
  width: 12.25rem !important;
  background-image: url('../upload/img/icons/chevron-down.svg') !important;
  content: "Mehr Informationen" !important;
  background-repeat: no-repeat !important;
  background-position: right !important;
  font-size: 16px !important;
  font-weight: normal !important;
}
.accordion-button:not(.collapsed)::after {
  background-image: url('../upload/img/icons/chevron-up.svg') !important;
  transform: rotate(0deg);
}
#bucheDeineMeisterschaft {
  position: fixed;
  bottom: 80px;
  right: 40px;
  opacity: 0;
  transition: all ease 0.5s;
  z-index: 10000;
  margin: 0 auto;
  padding: 20px 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 10px;
  background: #FFFFFF;
  -webkit-box-shadow: 4px 4px 9px -2px rgba(0, 0, 0, 0.75);
  box-shadow: 4px 4px 9px -2px rgba(0, 0, 0, 0.75);
}
@media all and (max-width: 567px) {
  #bucheDeineMeisterschaft {
    bottom: 10px !important;
    width: calc(100vW - 20px) !important;
    right: 0px !important;
    padding: 20px 10px !important;
    margin: 0 10px;
    text-align: center;
  }
  .scrollup {
    display: none !important;
  }
}
#bucheDeineMeisterschaft:before {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  left: 28px;
  top: -27px;
  border-right: 23px solid transparent;
  border-bottom: 27px solid #FFF;
}
a#bucheDeineMeisterschaft {
  color: #00587c;
  text-decoration: none;
  font-weight: bold;
}
#bucheDeineMeisterschaft span {
  margin-left: 10px;
  vertical-align: text-bottom;
}
#bucheDeineMeisterschaft.show {
  opacity: 1;
}
#mapid {
  height: 80vH !important;
}
.bgBlue {
	background: #00587c;
	color:#FFFFFF !important;
}
body.bgBlue {
	margin: 0px;
	padding: 30px;
	min-height: 100vH;
}
body.bgBlue h1 {
	line-height: normal !important;
}
body.bgBlue h1 strong {
	font-weight: 400 !important;
}
/* 1. Global */
/*=========================*/
.img-fluid {
	max-width: 100%;
	height: auto; 
}
.w-50 {
	widht: 50% !important;
	max-width: 50% !important;
}
.w-75 {
	widht: 75% !important;
	max-width: 75% !important;
}

/* 2. Listen */
/*=========================*/
/* 3. Liste-Spalten */
/*=========================*/
/* 4. Hintergründe / Parallax */
img.imgForBackground1 {
  display: none;
}
.bgImg1 {
  background-position: top center;
  margin-top: -130px;
  z-index: 1;
  position: relative;
}
img.imgForBackground2 {
  display: none;
}
.bgImg2 {
  background-position: top center;
}
/*=========================*/
/* BOC Parallax-Backgrounds */
/*=========================*/
/* EOC Parallax-Backgrounds */
/*=========================*/
/* 5. Aufklappbare Liste */
/*=========================*/
dt {
  background: url("../upload/img/layout/back-acc-down.png") no-repeat scroll right;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  cursor: pointer;
  display: block;
  margin: 10px 0;
  padding: 0 0 0 0;
  width: 100%;
}
dd.mouse {
  cursor: pointer;
  color: rgba(18, 81, 60, 1);
}
/* 6. Breite Gallery */
/*=========================*/
@media all and (min-width:480px) {
  .Gallery_cell {}
  div.liGallery > div.Gallery_cell:nth-of-type(4n + 1) {
    padding-right: 6px;
  }
  div.liGallery > div.Gallery_cell:nth-of-type(4n + 2) {
    padding-right: 6px;
  }
  div.liGallery > div.Gallery_cell:nth-of-type(4n + 3) {
    padding-right: 6px;
  }
  div.liGallery > div.Gallery_cell:nth-of-type(4n + 4) {
    padding-right: 6px;
  }
}
div.liGallery > div.Gallery_cell {
  /*padding-bottom: 9px !important;*/
}
div.liGallery p {
  display: none;
}
.galleryScreen {
  text-align: center !important;
}
.galleryScreen img {
  display: inline;
}
.Gallery_cell .subheadnormal {
  padding: 20px 0 20px 0;
  text-align: center;
}
.liGallery .empty {
  display: none;
}
/* 50% Galerie*/
.gallery {
  width: 50% !important;
}
@media all and (max-width: 768px) {
  .gallery {
    width: 100% !important;
  }
}
.gallery .title {
  position: absolute;
  width: 50%;
  text-align: center;
  left: 20%;
}
@media all and (max-width: 768px) {
  .gallery .title {
    width: 80% !important;
    left: 10% !important;
  }
  .gallery .title .h1 {
    font-size: 20px !important;
  }
}
/* 7. Swiper */
/*=========================*/
.swiper-container {
  width: 100%;
}
.swiper-container a {
  color: #FFFFFF !important;
  text-decoration: none !important;
}
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: calc(60vH - 30px) !important;
  left: inherit !important;
  right: 10% !important;
  width: auto !important;
}
.swiper-container-horizontal > .c2.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 200px !important;
  left: inherit !important;
  right: 10% !important;
  width: auto !important;
}
@media all and (max-width: 768px) {
  .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 80px !important;
  }
  .swiper-container-horizontal > .c2.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 50px !important;
  }
}
.swiper-container .bg {
  width: 100vW;
  height: 150vH;
  background: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.swiper-container .bg2 {
  width: 100vW;
  height: 120vH;
  background: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.bg {
  background: top center;
}
@media all and (max-width: 768px) {
  .swiper-container .bg {
    height: 100vH !important;
  }
}
@media all and (min-width: 768px) {
  .swiper-button-prev {
    left: 120px !important;
  }
  .swiper-button-next {
    right: 120px !important;
  }
}
.swiper-button-prev, .swiper-button-next {
  z-index: 31 !important;
}
.swiper-slide {
  font-size: 18px;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
@media all and (max-width: 992px) {
  .swiper-slide {
    overflow-x: hidden !important;
  }
}
.swiper-wrapper {
  height: 100% !important;
}
.swiper-pagination-bullet {
  width: 20px !important;
  height: 20px !important;
  background: #FFF !important;
  border-radius: 50% !important;
}
.BulletText {
  margin-top: -30px;
}
/* EOC Swiper */
.titleHead {
  font-size: 68px;
  color: #FFFFFF;
  font-weight: 800;
  line-height: normal;
  border-radius: 15px;
  position: relative;
  z-index: 30;
  text-transform: uppercase;
}
.titleHeadAbs {
  position: absolute;
  width: 100%;
  text-align: center;
}
@media all and (max-width: 768px) {
  .titleHead {
    font-size: 40px;
  }
}
.titleCopy {
  font-size: 30px;
  color: #FFFFFF;
  font-weight: 400;
  line-height: normal;
  position: relative;
  z-index: 30;
  /*top: 20px;*/
}
.titleText {
  position: relative;
  z-index: 30;
}
.stroke.backup {
  -webkit-text-stroke-width: 33px;
  -webkit-text-stroke-color: #00587c;
  -webkit-text-paint-order: stroke fill;
  /*  text-shadow: 0px 14px 13px rgba(0, 0, 0, 1);
*/
}

 .stroke {
 stroke: #00587c;
paint-order: stroke fill;
fill: #FFF;
stroke-width: 33px;
}
.stroke-after::after { 
  -webkit-text-stroke: 33px #00587c;
	stroke-linecap: round;
  content: attr(value);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
	width: 100%;
}
.stroke-after::before {
	-webkit-text-stroke: 37px #ffffff;
	stroke-linecap: round;
  content: attr(value);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -2;
	width: 100%;
}
.textSports, .textBar {
  position: absolute;
  z-index: 7;
}
@media all and (min-width: 1140px) {
  .textSports, .textBar {
    max-width: 1140px;
  }
}
@media all and (min-width: 960px) and (max-width: 1140px) {
  .textSports, .textBar {
    max-width: 600px;
  }
}
@media all and (min-width: 720px) and (max-width: 960px) {
  .textSports, .textBar {
    max-width: 500px;
  }
}
@media all and (max-width: 720px) {
  .textSports, .textBar {
    max-width: 80%;
  }
}
.pillBlue {
  background: rgba(0, 88, 124, 0.8);
  border-radius: 200px;
  padding: 40px;
  margin-top: 50px;
  color: #FFF;
  text-align: center;
}
/* 8. Tabellen */
/*=========================*/
@media screen and (max-width:700px) {
  .table-bordered, .table-bordered > :not(caption) > * > * {
    border-width: 0 0 !important
  }
  table, tr, td {
    padding: 0;
  }
  table {
    border: none;
  }
  thead {
    display: none;
  }
  tr {
    float: left;
    width: 100%;
    margin-bottom: 2em;
  }
  td {
    float: left;
    width: 100%;
    padding: 1em;
  }
  td::before {
    content: attr(data-label);
    word-wrap: break-word;
    width: 100%;
    float: left;
    padding: 1em;
    font-weight: bold;
    margin: -1em 1em -1em -1em;
  }
  td:nth-of-type(1)::before {
    content: "Frei-KM";
    width: 40%;
    float: left;
  }
  td:nth-of-type(2)::before {
    content: "Mietdauer";
    width: 40%;
    float: left;
  }
  td:nth-of-type(3)::before {
    content: "Mietpreis mit Vollasko";
    width: 40%;
    float: left;
  }
  #anhaenger td:nth-of-type(3)::before {
    content: "Mietpreis ohne Vollasko" !important;
    width: 40%;
    float: left;
  }
  td:nth-of-type(4)::before {
    content: "Kaution";
    width: 40%;
    float: left;
  }
  td:nth-of-type(5)::before {
    content: "Zusatz-KM";
    width: 40%;
    float: left;
  }
}
/* 9. Layout */
/*=========================*/
/* Content */
.scrollup {
  width: 44px;
  height: 44px;
  display: none;
  position: fixed;
  bottom: 0px;
  right: 60px;
  text-indent: -9999px;
  background: #303030;
  background-image: url(../upload/img/layout/scrolltop.png);
  z-index: 1000;
}
.tostartInhalt {
  position: relative;
  margin-top: -60px;
  z-index: 10;
  left: calc(50% - 20px);
  width: 40px;
  text-align: center;
}
@media all and (max-width: 769px) {
  .tostartInhalt {
    display: none !important;
  }
}
/* Fade Animation */
.element-animation {
  animation: animationFrames linear 4s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  -webkit-animation: animationFrames linear 4s;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: animationFrames linear 4s;
  -moz-animation-iteration-count: infinite;
  -moz-transform-origin: 50% 50%;
  -o-animation: animationFrames linear 4s;
  -o-animation-iteration-count: infinite;
  -o-transform-origin: 50% 50%;
  -ms-animation: animationFrames linear 4s;
  -ms-animation-iteration-count: infinite;
  -ms-transform-origin: 50% 50%;
}
@keyframes animationFrames {
  0% {
    opacity: 1;
    transform: ;
  }
  50% {
    opacity: 0.3;
    transform: ;
  }
  100% {
    opacity: 1;
    transform: ;
  }
}
@-moz-keyframes animationFrames {
  0% {
    opacity: 1;
    -moz-transform: ;
  }
  50% {
    opacity: 0.3;
    -moz-transform: ;
  }
  100% {
    opacity: 1;
    -moz-transform: ;
  }
}
@-webkit-keyframes animationFrames {
  0% {
    opacity: 1;
    -webkit-transform: ;
  }
  50% {
    opacity: 0.3;
    -webkit-transform: ;
  }
  100% {
    opacity: 1;
    -webkit-transform: ;
  }
}
@-o-keyframes animationFrames {
  0% {
    opacity: 1;
    -o-transform: ;
  }
  50% {
    opacity: 0.3;
    -o-transform: ;
  }
  100% {
    opacity: 1;
    -o-transform: ;
  }
}
@-ms-keyframes animationFrames {
  0% {
    opacity: 1;
    -ms-transform: ;
  }
  50% {
    opacity: 0.3;
    -ms-transform: ;
  }
  100% {
    opacity: 1;
    -ms-transform: ;
  }
}
h1 strong, .h1 strong, h2 strong, .h2 strong {
  font-weight: 800 !important;
}
h1, .h1 {
  font-size: 40px;
  font-weight: 800;
  margin-bottom: 50px;
}
@media all and (max-width: 480px) {
  h1, .h1, .campaignHead {
    font-size: 40px !important;
  }
  .campaignTitle {
    font-size: 30px !important;
  }
  .campaignAktion {
    font-size: 20px !important;
  }
}
h2, .h2, h4, .h4 {
  font-weight: 400;
  font-size: 30px;
  margin-bottom: 20px;
}
h3, .h3 {
  font-weight: 400;
  font-size: 30px;
  margin-bottom: 30px;
}
h3 strong, .h3 strong {
  font-weight: 800;
}
.content {
  overflow-x: hidden !important;
}
@media all and (max-width: 1024px) {
  .titleImg {
    /*max-width: 210% !important;*/
    margin-left: -20vW;
    max-height: 145vH;
  }
}
@media all and (max-width: 992px) {
  .titleImg {
    margin-left: -20vW;
    max-height: 100vH;
  }
}
@media all and (max-width: 576px) {
  .titleImg {
    /*max-width: 210% !important;*/
    margin-left: -65vW;
    max-height: 100vH;
  }
}
.fadeOut {
  opacity: 0;
  transform: scale(1.1);
  transition: all 0.5s ease-out;
  transform-origin: top;
}
@media all and (min-width: 1025px) {
  .fadeInInfo {
    opacity: 0;
    top: 0px;
    transition: all 0.3s ease-out;
  }
}
.visible {
  opacity: 1;
  transform: scale(1);
}
.main10 {
  position: relative;
  min-height: 50vH;
  background: #00587c;
}
.main20 {
  position: relative;
  background: #00587c;
  min-height: 50vH;
}
.main30 {
  position: relative;
}
.main40 {
  position: relative;
}
.main50 {
  position: relative;
  background: #00587c;
  text-align: center;
  color: #FFFFFF
}
@media all and (max-width: 576px) {
  .logo {
    max-width: 150px !important;
  }
}
.logo {
  transform: scale(1);
  transition: all 0.4s ease;
  max-width: 100%;
}
.logo.sticky {
  transform: scale(0.7);
  transform-origin: center left;
  transition: all 0.5s ease;
}
/* 10. Navigation Footer */
/*=========================*/
footer {
  position: relative;
  background: #00587c;
  color: #FFFFFF;
  text-align: center;
}
footer a {
  color: #ffffff;
  display: inline-block;
  text-decoration: none;
}
footer a:hover {
  color: #ffffff;
  text-decoration: underline;
}
.werbungLogo .img-fluid {
	max-height: 120px !important;
	width: auto !important;
}
/* Slides */
/*=========================*/
/* BOC Normaler Hinweis */
/*=========================*/
/* EOC Normaler Hinweis*/
/*=========================*/
/* 11. Lightbox / Fancybox */
/*=========================*/
.fancybox-slide--iframe .fancybox-content {
  /* width: 100% !important; */
	max-width: 100%;
	margin: 20px;
  margin: 0;
}
.anzeigeStart h1 {
	line-height: normal;
}
.dfGallery_cell {
  margin-bottom: 10px;
  margin-right: 10px;
  box-sizing: border-box;
}
.galerielupe {
  z-index: 3;
  position: absolute;
  right: 20px;
  top: 10px;
}
.galerielupe2 {
  z-index: 3;
  position: absolute;
  right: 40px;
  top: 30px;
}
/* 12. Anweisungenfür jQuery */
/*=========================*/
/* 13. Cookie Hinweis */
/*=========================*/
/* 14. Margin */
/*=========================*/
/* 15. Schriftfarben */
/*=========================*/
/*=========================*/
/* 16. Schatten */
/*=========================*/
.shadow {
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
}
/* 17. Formulare Stylen */
/*=========================*/

#menu {
  position: relative;
  top: 0px;
  transition: ease all 0.5s;
}
@media all and (max-width: 567px) {
  #menu {
    top: 60px;
  }
}
.is-sticky #menu {
  top: 100px !important;
}
/* 18. Responsive mit MediaQueries */
/*=========================*/
/* Tablet */
@media all and (max-width: 769px) {
  #header-sticky-wrapper, .sticky-wrapper {
    position: relative !important;
    z-index: 10000000 !important;
  }
}
.gm-style .gm-style-iw-c {
  padding: 20px 40px !important;
}
.gm-ui-hover-effect {
  margin: 10px !important;
}
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonAccept, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonAccept, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
  background-color: #00587c !important;
  border-color: #00587c !important;
  color: #ffffff;
}
#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.active, #CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink:hover {
  border-bottom: 1px solid #00587c !important;
  border-bottom-width: 1px;
  color: #00587c !important;
}
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonCustomize, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection {
  background-color: transparent;
  border-color: #00587c !important;
  color: #141414;
}
#CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton {
  background-color: transparent;
  border: 2px solid #00587c !important;
  border-radius: .25em;
  color: #141414;
  display: flex;
  font-weight: 600;
  justify-content: center;
  padding: 1em;
  user-select: none;
  width: 100%;
}
.anzeigeStart {
background: #00587c;
position: absolute;
top: 0px;
left: 0px;
color: #FFF;
padding: 20px;
width: 100%;
justify-content: center; /* Align horizontal */
align-items: center; /* Align vertical */
	hyphens: auto;
}
@media all and (min-width: 768px){
	.anzeigeStart {
background: #00587c;
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
color: #FFF;
padding: 20px;
width: 100%;
		display: flex;
justify-content: center; /* Align horizontal */
align-items: center; /* Align vertical */
	hyphens: none;
}
}
iframe body {
	background: #00587c;
}
.fancybox-slide--iframe .fancybox-content {
    width  : 800px !important;
    height : 600px !important;
    max-width  : 80% !important;
    max-height : 80% !important;
    margin: 0;
}
.new {
  background: #FFFFFF;
  color: #00587c;
  font-weight: 800;
  padding: 10px 20px;
  position: absolute;
  top: -164px;
  transform: rotate(-3deg);
}
@media all and (min-width:768px){
	.new {
		left: 25vW;
position: relative;
width: fit-content;
	}
}
.main20, .main30, .main40, #galerie, .anfahrtKarte {
	display: none !important;
}
a.btn-outline-light {
	color: #00587c !important;
	background: rgba(255,255,255,1) !important;
	transform: scale(1);
	transition: transform ease 0.3s;
}
a.btn-outline-light:hover {
	transform: scale(1.2);
}