.ginner {
  max-width: 1200px;
  width:100%;
}
.comparemain.ginner{
  overflow:hidden;
}
.skeleton-grid,
#bookedout-block {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(390px, 1fr));
  grid-gap: 10px;
}
#comparefs-left #ad-card,
#comparefs-left #bookedout-block
{
	display:none;
}
#comparefs-left #filterandsortcon {
  top: 80px;
}
#comparefs-left .comparetoolbar{grid-template-columns: repeat(2,1fr) !important;}
#comparefs-left .skeleton-grid {
	 grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
}
.skeleton-card {
  background:#fff;
  border:1px solid #e2e5e9;
  overflow:hidden;
  padding:16px;
  box-shadow: 0 1px 2px rgba(0,0,0,.04);
}
.skeleton-shimmer{position:relative;overflow:hidden;}
.skeleton-shimmer::after{
  content:"";
  position:absolute;
  top:0;
  left:-150px;
  height:100%;
  width:150px;
  transform:skewX(-20deg);
  background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.4),rgba(255,255,255,0));
  animation:shimmer 1.2s infinite;
}
@keyframes shimmer{0%{left:-150px;}100%{left:110%;}}
.skel-media{
  aspect-ratio:16/10;
  background:#e6e9ee;
  margin:0 0 12px 0;
  position:relative;
  overflow:hidden;
  display:block;
}
@supports not (aspect-ratio:1/1){
  .skel-media{
    height:0;
    padding-top:56.25%;
  }
  .skel-media::before{
    width:94%;
    height:78%;
  }
}
.skel-title{height:18px;width:55%;background:#e6e9ee;margin:4px 0 10px;}
.skel-stars{height:12px;width:120px;background:#e6e9ee;margin-bottom:14px;}
.skel-feature{display:flex;align-items:center;margin:8px 0;}
.skel-icon{width:26px;height:26px;background:#e6e9ee;margin-right:10px;flex:0 0 26px;}
.skel-line{height:12px;border-radius:0;background:#e6e9ee;flex:1;}
.skel-line.md{height:12px}
.skel-details{height:12px;width:80px;background:#e6e9ee;margin:10px 0 16px;}
.skel-badge{height:14px;width:160px;background:#f3e8b3;margin:6px 0 12px;}
.skel-price-row{display:flex;align-items:center;margin:4px 0 6px;}
.skel-price{height:22px;width:90px;background:#e6e9ee;margin-right:10px;}
.skel-oldprice{height:12px;width:50px;background:#efcfcf;}
.skel-subline{height:12px;width:170px;background:#e6e9ee;margin:6px 0 16px;}
.skel-btn{height:44px;background:#d8c468;}
.card-fade-in{opacity:0;transform:translateY(6px);transition:opacity .22s ease,transform .22s ease;}
.card-fade-in.card-visible{opacity:1;transform:translateY(0);}
.offers{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(390px,1fr));
  grid-gap:18px;
}
.offerblock.offerblockdev{
  background:#fff;
  color:#1a313f;
  padding:0 16px 16px 16px;
  position:relative;
  overflow:hidden;
}
.offerblockdev .offername{
  font-size:22px;
  line-height:1.25;
  margin:3px 0 0 0;
}
.offeraddvertisement .offername
{
	margin:33px 0 0 0;
}
.offerblockdev .offername a{
  color:#1a313f !important;
  font-weight:800 !important;
  text-decoration:none;
}
.offerblockdev .offerrating{
  display:flex;
  align-items:center;
  gap:6px;
  margin-bottom:8px;
}
.offerblockdev .starratingcount{
  color:#1a313f;
  opacity:.9;
  text-decoration:none;
  font-weight:600;
}
.offerblockdev .subrowline{
  display:flex;
  align-items:center;
  gap:10px;
  margin:8px 0 0 15px;
  color:#1a313f;
}
.offerblockdev .subrowline .icon{
  width:22px; height:22px;
}
.offerblockdev .subrowline a{
  color:#1a313f !important;
  text-decoration:underline;
  font-weight:600;
}
.badge-bestprice{
  color:#caa600;
  font-weight:800;
  margin:6px 0 4px 0;
}
.price-row{
  display:flex;
  align-items:flex-start;
  margin:0;
  flex-direction: column;
}
.subrowlineprice{
  font-size:28px;
  font-weight:800;
  line-height:1;
  color:#1a313f !important;
}
.oldprice{
  font-size:16px;
  color:#c44;
  text-decoration:line-through;
  opacity:.8;
}
.pay-subline{
  font-size:14px;
  color:#5a6a77;
  margin:0;
  display:block;
}
.parkbtn{
  display:block;
  text-align:center;
  background:#bfa317;
  color:#1a313f !important;
  font-weight:800;
  padding:10px 0px;
  text-decoration:none;
  border:0;
  font-size:18px;
}
.parkbtn:hover{ filter:brightness(0.95); }
.parkbtn.btninactive{
  background:#d8dfe6;
  color:#70808f !important;
  cursor:not-allowed;
}
.offerblockdev .shuttleinfo{ margin-top:6px; }
.offerblockdev .subrowlinecomparepaymethods{ display:inline-block; margin-left:10px; color:#5a6a77; }
#compareMeta .comparespacespan {
  width: 100%;
  display: inline-block;
  text-align: center;
  color: #fff;
  margin: 10px 0;
}
.badge-bestprice{ display:none; }
.opreviewimgcon{
  aspect-ratio: 16/10;
  background: #fff;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  /*border:1px solid red !important;*/
  border:none !important;
}
.opreviewimgcon img{
  width: 100%;
  height: 100% !important;
  object-fit: contain;
  object-position: center;
  display: block;
}
@supports not (aspect-ratio: 1 / 1){
  .opreviewimgcon{
    height: 0;
    padding-top: 56.25%;
  }
  .opreviewimgcon img{
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
  }
}
.opreviewimgcon {
  position: relative !important;
  margin: 0 !important;
  max-height:unset !important;
  width:inherit !important;
  /*border:none !important;*/
  bottom:inherit !important;
  left:inherit !important;
  top:inherit !important;
}
.opreviewimgcon img {
  border:none !important;
}
.parkbtn { color:#fff !important; }
.offerblock { padding:10px !important; }
.frontend-compare .comparemain .offerrating { float:none !important; padding: 0 0 0 15px;}
.offerratingstarsouter { margin:0 !important; }
.offerblock .subrowline { align-items: flex-start !important; }
.offerblock .offername { padding: 10px 0 0 15px !important; }
.subrowlineprice { margin:0 !important; }
.maskprice {
flex: 0 1 110px;
height: 36px;
line-height: 36px;
background: rgba(255,255,255,.25);
color: #fff;
font-weight: bold;
text-align: right;
border: 1px solid rgba(0,0,0,.08);
padding: 0 10px;
}
.frontend-compare .offerratingstarsouter {
  width: 80px !important;
  margin-right: 3px !important;
  background-size: 100%;
  background-position: center;
}
.frontend-compare .offerratingstarsinner {
  background-size: 80px;
  margin-top: 3px;
}
.frontend-compare .offerrating {
  float: none !important;
  padding: 0 0 0 15px;
}
#airportchoosefield img {
  top: 7px !important;
  width:25px;
  height:25px;
  right:10px;
}
@media (min-width:1031px){
	#airportseocon {
	  background: #8aa34a;
	}
  .comparemaskcon{
    padding:6px 8px !important;
    background:#8aa44d;
  }
  .comparemaskinnercon{
    background:transparent !important;
    padding:0 !important;
    display:flex;
    align-items:center;
    gap:10px;
    max-width:1050px;
    margin:0 auto;
    justify-content: space-between;
  }
  .comparemaskinnercon .formfield{
    position:relative;
    background:#f5fbff;
    border:1px solid #cfd7de;
    height:36px;
    display:flex;
    align-items:center;
    padding:0 10px;
    margin-right:0;
  }
  .comparemaskinnercon .formfield input{
    width:100%;
    height:34px;
    line-height:34px;
    border:0;
    outline:0;
    background:transparent;
    font-size:14px;
    color:#1a313f;
    padding-right:28px;
  }
  .comparemaskinnercon .formfield img{
    position:absolute;
    right:8px;
    top:50%;
    transform:translateY(-50%);
    width:18px;
    height:18px;
    opacity:.8;
    pointer-events:none;
  }
  .comparemaskinnercon .choosedropdown{ flex:0 1 230px; }
  .comparemaskinnercon .choosestartdate{ flex:0 1 150px; }
  .comparemaskinnercon .chooseenddate { flex:0 1 150px; }
  .comparemaskinnercon #bpersonfield   { flex:0 1 150px; cursor:pointer; }
  #bpersonfield .dropdownarrow{
    position:absolute;
    right:8px;
    top:50%;
    transform:translateY(-50%);
    width:14px;
    height:14px;
    opacity:.7;
  }
  #airportlist{
    position:absolute;
    z-index:30;
    max-height:320px;
    overflow:auto;
    margin-top:6px;
  }
  
  .comparemaskinnercon .yellowbtn.changebtn{
    /*flex:0 0 170px;*/
	flex:0 0 350px;
    height:36px; 
	line-height:36px;
    background:#bfa317;
    color:#fff;
    padding:0;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:800;
    text-transform:none;
  }
  .comparemaskinnercon .yellowbtn.changebtn:hover{ filter:brightness(0.95); }
  .comparemaskinnercon .cal{ position:absolute; top:calc(100% + 6px); left:0; z-index:40; }
}
.maskprice{
	flex:0 1 110px;
	height:36px;
	line-height:36px;
	background:rgba(255,255,255,.25);
	color:#fff;
	font-weight:bold;
	text-align:right;
	border:1px solid rgba(0,0,0,.08);
	padding: 0 10px;
	font-size: 20px;
}
.maskprice.mobileonly
{
	text-align: center;
}
#comparesortmeta{
  display:none;
}
#ad-card .mobile{display:none;}
@media (max-width:1190px){
	#ad-card .desktop{display:none;}
	#ad-card .mobile{display:flex;}
}
@media (min-width:1031px){
	body{padding-top:80 !important;}
  .compareaddcon h2{display:none;}
.compareaddcon .desktoponly{margin-top:12px;}
  .mobileonly{display:none !important;}
  .desktoponly{display:inline-block;}
  .desktoponly.compareaddinnercon{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:10px;
    max-width:1200px;
    margin-right:auto;
    margin-left:auto;
	margin-top: 20px;
  }

  .desktoponly .compareaddbox{
    position:relative;
    display:flex;
    align-items:center;
    min-height:62px;
    padding:10px 14px 10px 86px; /* Platz für linkes Icon-Band */
    background:#77b3c6;
    color:#fff;
    box-shadow:inset 0 0 0 1px rgba(0,0,0,.05);
  }
  
  .desktoponly .compareaddbox .icon{
    position:absolute;
    left:7px;
    width:70px; height:70px;
    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;
    /*filter:brightness(0) invert(1);*/
  }

  .desktoponly .compareaddbox span strong{
	  color:#1a313f;
  }
  .desktoponly .compareaddbox span{
    font-size:18px;
    line-height:1.25;
  }
  .comparecontrollercon h2,
	.seoheadlinecon h2{
	  width: 100%;
	  display: inline-block;
	  text-align: center;
	  text-transform: uppercase;
	  color: #bfa317;
	  margin: 0px;
	  line-height:28px;
	}
	/*
	#filterandsortcon {
	  display: flex;
	  justify-content: flex-start;
	  position:relative;
	}*/
	#comparefiltercon,
	#comparesortcon
	{
		width:300px;
		margin-right:10px;
	}
	#comparefilterselectcon,
	#comparesortselectcon
	{
		max-width:253px;
		width:100%;
		position: absolute;
		z-index: 99;
	}
	#comparesortmeta
	{
		display:inline-block;
		/*position: absolute;
		right: 0;
		top: 22px;*/
		color: #fff;
		margin-top:12px;
		text-align:right;
	}
	#compareMeta .comparespacespan
	{
		display:none;
	}
	#comparesortmeta .comparespacespan
	{
		margin:0;
	}
	#compareMeta
	{
		/*height:10px;*/
	}
	.skeleton-grid,
	#bookedout-block	{
		margin-top:10px;
	}
	#airportchoosefield img
	{
		top: 18px !important;
	}
}
#comparesortselectcon{left: calc(25% + 3px);}
#comparemap {position:relative;height:250px;margin-top:5px;z-index: 0;}
.compareaddcon{margin:0;color:#fff;}
.compareaddcon h2{text-transform:uppercase;font-weight:bold;font-size:24px;text-align:center;margin-bottom:5px;margin-top:30px;}
/*.compareaddcon .icon {background: rgba(255,255,255,.5);}*/
.compareaddbox {font-size:18px;display: flex;flex-direction: row;justify-content: start;padding: 10px 10px 10px 0;border-top: 1px solid #1a313f;}
.airportrating{text-align:center;color:#fff;background:#233d4d;padding:5px 0;border-top:5px solid #1a313f;}
.airportrating .ratingstarsouter {
  width: 125px;
  background-size: 125px;
  margin-left: auto;
  margin-right: auto;
  height: 30px;
}
.airportrating .ratingstarsinner {
  background-size: 125px;
  margin-top: 5px;
  height: 30px;
}
.airportrating span
{
	font-weight:bold;
	font-size:18px;
}
.seoheadlinecon
{
	width:100%;
	margin-top:60px;
}
.comparecontrollercon h1
{
	font-weight: bold;
	font-size: 24px;
	margin: 0;
	text-transform: uppercase;
	line-height: 28px;
	text-align:center;
	margin-top: 30px;
	color:#fff;
}
.compareright .offerblock
{
	background:#fff;
	color:#1a313f;
}
.subrowlineprice,
.offername a,
.whitelink,
.offername,
.advertisementprice,
.compareright .price
{
	color:#1a313f !important;
}
.compareright .offerblock .offername a,
.offername
{
	font-weight:bold !important;
}
.offerblock .comparepaymethods {
  bottom: 70px;
}
@media (prefers-reduced-motion: reduce){
  .card-fade-in{ transition:none; }
  .skeleton-shimmer::after{ animation:none; }
}
.offer-owl .owl-item .owl-frame{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  aspect-ratio:16/10;              /* moderne Browser */
  background:#fff;                 /* weißer Hintergrund */
  overflow:hidden;                 /* keine Überläufe */
}

/* Fallback für ältere Browser ohne aspect-ratio */
@supports not (aspect-ratio: 1/1){
  .offer-owl .owl-item .owl-frame{
    height:0;
    padding-top:62.5%;             /* 10/16 = 0.625 */
  }
  .offer-owl .owl-item .owl-frame > img{
    position:absolute; top:0; left:0; right:0; bottom:0;
    margin:auto;
  }
}

/* Bild immer komplett sichtbar, niemals beschnitten */
.offer-owl .owl-item .owl-frame > img{
  width:100%;
  height:100%;
  /*object-fit:contain;*/
  object-fit:cover;
  display:block;
  background:#fff;                 /* falls transparente PNGs */
}

/* Owl-spezifische Kleinigkeiten */
.offer-owl .owl-stage-outer{ background:#fff; }   /* Reservefläche weiß */
.offer-owl .owl-item{ background:#fff; }          /* pro Item */
.nowrap{ white-space:nowrap; word-break:normal; overflow-wrap:normal; }
.owl-carousel .owl-dot{border:none !important;background: #fff !important;width: 10px;height: 10px;box-shadow: 0 0px 1px 0px rgba(0,0,0,.5);}
.owl-carousel .owl-dot.active{background: #bfa317 !important;}
.owl-carousel{height:100%;}
#airportlist {
  width: 230px;
  margin: 0;
}
header
{
	border-bottom:5px solid #1a313f !important;
}
.comparemaskinnercon .formfield img
{
	opacity:1 !important;
	height:25px;
	width:25px;
}
  #comparemap{display:none;height:520px;overflow:hidden;position:relative;background:#f4f6f7;margin:0;margin-top: 10px;}
  .leaflet-container{color:#1a313f;font-family: 'source_sans',sans-serif !important;}
  .leaflet-container a{color:#1a313f}
	.panel-price-before-btn span {
	  margin-left: 8px;
	}
  .map-fixed-panel{color:#1a313f;font-family: 'source_sans',sans-serif !important;font-size: 16px;/*line-height: 1;*/position:absolute;top:0px;bottom:0;left:50px;z-index:1005;width:370px;max-width:calc(100vw - 70px);background:#fff;border:0;border-radius:0;box-shadow:0 6px 18px rgba(0,0,0,.18);padding:10px;display:none}
  .map-fixed-panel .panel-media{position:relative;}
  .map-fixed-panel .panel-img{display:block;width:100%;aspect-ratio:16/10;height:auto;object-fit:cover;border:0;border-radius:0}
  .map-fixed-panel .panel-close{position:absolute;top:8px;right:8px;border:0;background:rgba(0,0,0,.5);color:#fff;width:28px;height:28px;line-height:28px;text-align:center;font-size:18px;cursor:pointer}
  .map-fixed-panel .panel-body{padding:10px 0 0 0 !important}
  .map-fixed-panel .panel-body .row,
  .map-fixed-panel .panel-body .panel-title,
  .map-fixed-panel .panel-body .panel-price-before-btn{padding:0 0 0 15px !important}
  .map-fixed-panel .panel-title{font-size: 22px;margin:0;padding:0;font-weight: 800 !important;}
  .map-fixed-panel .price{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700;margin:4px 0 8px 0}
  .map-fixed-panel .row{display:flex;align-items:center;gap:8px;margin:6px 0}
  .map-fixed-panel .ico{width:22px;height:22px;display:inline-block}
  .map-fixed-panel .detailsline a{color:#1a313f;font-weight:600}
  .map-fixed-panel .btnline{margin-top:12px}
  .map-fixed-panel .btnline .parkbtn{display:block;text-align:center}
  .map-fixed-panel .panel-price-before-btn{font-size: 28px;font-weight: 800;}

  .leaflet-popup-content-wrapper{border-radius:0 !important;padding:10px; !important;color:#1a313f;font-family: 'source_sans',sans-serif !important;}
  .map-card-popup .leaflet-popup-content{margin:0;padding:0;width:400px;max-width:calc(100vw - 64px)}
  .map-card{background:#fff;border:0;border-radius:0;overflow:hidden}
  .map-card .media{position:relative}
  .map-card .img{display:block;width:100%;aspect-ratio:16/10;height:auto;object-fit:cover}
  .map-card .closex{position:absolute;top:8px;right:8px;border:0;background:rgba(0,0,0,.5);color:#fff;width:28px;height:28px;line-height:28px;text-align:center;font-size:18px;cursor:pointer}
  .map-card .body{padding:12px}
  .map-card .title{color:#1a313f;font-family: 'source_sans',sans-serif;font-size: 22px;margin:0;}
  .map-card .price{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700;margin:0 0 8px 0}
  .map-card .row{display:flex;align-items:center;gap:8px;margin:6px 0}
  .map-card .ico{width:18px;height:18px;display:inline-block}
  .map-card .detailsline a{color:#1a313f;text-decoration:none;font-weight:600}
  .map-card .btnline{margin-top:12px}
  .map-card .btnline .parkbtn{display:block;text-align:center}
  #comparefiltercon,
  #comparesortcon{width: inherit;margin-right:0;position:relative;}
  .comparetoolbar {align-items: center;display: grid;grid-template-columns: repeat(4,1fr);gap: 10px;max-width: 1200px;margin-right: auto;margin-left: auto;/*margin-top: 20px;*/}
  /*.comparetoolbar{display:flex;gap:8px;align-items:center;}*/
  .comparetoolbar .bluebg{cursor:pointer}
  /*.comparetoolbar .active{outline:2px solid rgba(26,49,63,.12)}*/
  .leaflet-control-fullsplit.leaflet-bar a{display:block;text-align:center;text-decoration:none;width: inherit;font:16px/26px system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;height:26px;color:#000}

  .price-pin-wrap{background:transparent;border:0}
  .price-pin{--pc:#233d4d}
  .price-pin .pp-bubble{background:#67b0d1;color:#fff;border:1px solid var(--pc);padding:3px;font-weight:700;font-size:12px;line-height:1;min-width:30px;text-align:center}
  .price-pin .pp-tail{width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:10px solid var(--pc);margin:0 auto;}
  .price-pin.soldout{--pc:#9aa3aa;}
  .price-pin.soldout .pp-bubble{color:#9aa3aa}
  .price-pin.active{--pc:#bfa317}
  .price-pin.active .pp-bubble{/*box-shadow:0 0 0 2px #bfa317 inset*/}
  .price-pin-wrap.is-active .pp-bubble{background: #fff;color: #233d4d;}

  .price-pin-wrap.pin-hover .pp-bubble{
	  animation: pin-bounce .7s ease-in-out infinite alternate;
	  will-change: transform;
	  backface-visibility: hidden;
	  -webkit-font-smoothing: antialiased;
	  -moz-osx-font-smoothing: grayscale;
	  text-rendering: optimizeLegibility;
	}
  @keyframes pin-bounce{
	  0%{transform: translateY(0)}
	  100%{transform: translateY(-6px)}
	}

  #comparefs{position:fixed;left:0;right:0;bottom:0;top:var(--cmp-header-h,0px);z-index:1000;display:none;background:#fff;margin:0;padding:0}
  #comparefs .fs-inner{display:flex;width:100%;height:100%}
  #comparefs-left{background:#1a313f;width:33.3333%;min-width:320px;max-width:640px;overflow:auto;border-right:1px solid rgba(0,0,0,.08);padding:8px}
  #comparefs-left .offerblock{max-width:295px;}
  #comparefs-left #comparesortmeta,#comparefs-left #comparemapcon{display:none;}
  #comparefs-right{flex:1;position:relative;overflow:hidden;background:#f4f6f7}
  #comparefs-right #comparemap{display:block;position:absolute;inset:0;height:auto;margin:0 !important;}
  #comparemapcon {cursor:pointer;text-align: left;height: 40px;display: inline-block;margin-top: 12px;background: url('/public/img/compareoffers/Map.svg');box-shadow: 0px 0px 0px 2px #fff inset;background-repeat: no-repeat;
  background-size: cover;}
  /*#comparemapcon p {margin:0;line-height:40px;padding:0;color:#fff;}*/
	
	@media (max-width:800px){
		.otherairports span {
		  display: block;
		}
		#newsletteraddcon,#nesletteraddinnercon {
		  display:block !important;
		}
		#nesletteraddinnercon {
			width: initial;
		}
		#nesletteraddinnercon .formfieldbtn
		{
			margin:0;
			width:inherit;
			margin-right:10px;
			margin-left:10px;
		}
		#nesletteraddinnercon .formfield
		{
			margin-bottom:10px;
			margin-right:10px;
			margin-left:10px;
			width:inherit;
		}
		.seoslide {margin-bottom:1px;}
	  .map-card-popup .leaflet-popup-content-wrapper{
		max-width:280px;
		padding:0;
		font-size:10px;
	  }
	  .map-card-popup .leaflet-popup-tip{
		width:18px;
		height:9px;
	  }
	  .map-card-popup .map-card .title{font-size:15px;}
	  .map-card-popup .map-card .price span{font-size:16px;}
	  .map-card-popup .btnline .parkbtn{font-size:14px;padding:10px 12px;}
	  .map-card-popup .leaflet-popup-content{max-width: 100%;}
	}

	@media (max-width:1031px){
		#comparefs-left {
		  display: none;
		}
	}
	@media (max-width:1031px){
			.skeleton-grid,#bookedout-block
			{
				grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
			}
			#skeletonGrid
			{
				margin-top:10px;
			}
			
	}
	
	@media (max-width:1530px){
		#comparefs-left .offerblock {
			margin: 0 auto;
		}
	}
	@media (max-width:1031px){
		#comparefs-left{
			padding:0;
		}
		#comparefs-left .offerblock {
			max-width: 80%;
			width: 80%;
		}
		#comparefs-left .skeleton-grid
		{
			grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
		}
		#comparefs-left #filterandsortcon div {
			/*margin-top:0;*/
		}
		.compareaddcon .icon
		{
		  width: 60px;
		  height: 100%;
		  margin-left: 20px;
		  margin-right: 20px;
		}
		.compareaddbox
		{
			padding:0;
			align-items: center; 
		}
	}
	.leaflet-popup-tip-container{display:none;}
	.parkaeroblock .parkbtn 
	{
	  margin-top: 27px !important;
	}
.firstheadlinecon h1 {
  font-weight: bold;
  font-size: 24px;
  margin: 0;
  text-transform: uppercase;
  line-height: 28px;
  text-align: center;
  margin-top: 30px;
  color: #fff;
}
.firstheadlinecon h2 {
width: 100%;
display: inline-block;
text-align: center;
text-transform: uppercase;
color: #bfa317;
margin: 0px;
line-height:28px;
}
.leaflet-container{background:#1a313f!important}
.leaflet-pane,.leaflet-tile-pane{background:#1a313f!important}
.price-pin-wrap .pp-bubble{will-change:transform;transform-origin:50% 100%}
.price-pin-wrap .pp-bubble-inner{display:inline-block;will-change:transform}
.price-pin-wrap .pp-tail{will-change:transform;transform-origin:50% 0%}
.price-pin-wrap .pp-shadow{position:absolute;left:50%;bottom:-5px;transform:translateX(-50%);width:18px;height:6px;background:rgba(0,0,0,.25);border-radius:50%}
@keyframes pin-bounce-sync{0%{transform:translateY(0) scale(1)}100%{transform:translateY(-6px) scale(1.5)}}
@keyframes pin-tail-sync{0%{transform:translateY(0) scale(1)}100%{transform:translateY(-6px) scale(1)}}
@keyframes pin-shadow-sync{0%{transform:translateX(-50%) scale(1);opacity:.35}100%{transform:translateX(-50%) scale(0.85);opacity:.2}}
.price-pin-wrap.is-active .pp-shadow{animation:none}
.price-pin-wrap.pin-hover .pp-bubble{animation:pin-bounce-sync .6s ease-in-out infinite alternate}
.price-pin-wrap.pin-hover .pp-tail{animation:pin-tail-sync .6s ease-in-out infinite alternate}
.price-pin-wrap.pin-hover .pp-shadow{animation:pin-shadow-sync .6s ease-in-out infinite alternate}
.price-pin-wrap .price-pin.soldout .pp-bubble{background:#cfd8dc;color:#686868}
.price-pin-wrap .price-pin.soldout .pp-tail{border-top-color:#cfd8dc}
.leaflet-control-fullsplit a{line-height:26px;width:auto;padding:0 8px;font:12px/26px Arial,Helvetica,sans-serif}
/* fester 25%-Scale nur im Hover (keine dynamische Größenänderung) */
@keyframes pin-bob-fixed {
  0%   { transform: translateY(0)    scale(1.25); }
  100% { transform: translateY(-6px) scale(1.25); }
}

/* Tail bewegt sich synchron, ohne Scale */
@keyframes pin-tail-bob {
  0%   { transform: translateY(0); }
  100% { transform: translateY(-6px); }
}

/* Shadow etwas blasser beim Hover */
@keyframes pin-shadow-bob {
  0%   { transform: translateX(-50%) scale(1);    opacity: .40 !important; }
  100% { transform: translateX(-50%) scale(0.85); opacity: .30 !important; }
}

/* Wichtig: diese drei Regeln überschreiben die alten Animationen */
.price-pin-wrap.pin-hover .pp-bubble{
  animation: pin-bob-fixed .6s ease-in-out infinite alternate !important;
}

.price-pin-wrap.pin-hover .pp-tail{
  animation: pin-tail-bob .6s ease-in-out infinite alternate !important;
}

.price-pin-wrap.pin-hover .pp-shadow{
  animation: pin-shadow-bob .6s ease-in-out infinite alternate !important;
}

/* Falls nötig, sicherstellen, dass die Bubble ihren Pivot unten hat */
.price-pin-wrap .pp-bubble{ transform-origin: 50% 100%; }
.price-pin-wrap .pp-tail{   transform-origin: 50%   0%;  }

.price-pin-wrap.is-active.pin-hover .pp-shadow{
  animation: pin-shadow-bob .6s ease-in-out infinite alternate !important;
}
.pp-soldtag
{
	display:none;
}

/* Äußerer Container für die Ad-Kombi */
.doublegrid{
  display:grid;
  grid-template-columns: repeat(auto-fill, minmax(390px, 1fr));
  gap: 10px;
  align-items: stretch;       
  width:100%;
  margin-top:10px;
  box-sizing: border-box;
  overflow: hidden;
}
.advertisementblock .parkbtn
{
	background:#67b0d1;
	margin-top:10px;
}
.advertisementblock .offerblock
{
	height:100%;
	box-shadow: 0px 0px 0px 4px #67b0d1 inset;
	flex-direction: row !important;
	padding: 0 24px 24px 24px !important;
}
/* Linkes Pane: die Promo-Karte */
.doublegrid > .advertisementblock{
  grid-column: span 2;
  height:100%;                      /* an Quadrat-Höhe anpassen */
  display:flex;                     /* optional: Inhalt sauber strecken */
  flex-direction:column;
  padding:0 !important;
}

/* Rechtes Pane: quadratischer Füller, definiert die Zeilenhöhe */
.doublegrid > .addfiller{
  grid-column: span 1;
  width:100%;
  aspect-ratio: 1 / 1;              /* Quadrat */
  display:flex;
  align-items:center;
  justify-content: space-evenly;
  overflow:hidden;
  background:#bfa317;
  box-shadow: 0 1px 2px rgba(0,0,0,.04);
  /*padding:0 10px;*/
  color:#fff;
  flex-direction: column;
  text-align:center;
}

/* Inhalte im Füller (z. B. Bild/Icon/Text) */
.addfiller img{
  max-width:100%;
  max-height:100%;
  height:auto;
  width:auto;
  display:block;
}
.firstheadlinecon
	{
		width:100%;
	}
/* Fallback für Browser ohne aspect-ratio */
@supports not (aspect-ratio: 1 / 1){
  .doublegrid > .addfiller{
    position:relative;
    height:0;
    padding-top:100%;               /* Quadrat */
  }
  .doublegrid > .addfiller > *{
    position:absolute; inset:0;     /* Inhalt ins Quadrat zentrieren */
    margin:auto;
    display:flex; align-items:center; justify-content:center;
  }
}

/* Mobile: untereinander stapeln */
@media (max-width:1031px){
  .doublegrid{
    grid-template-columns: 1fr;
	margin-bottom: 10px;
    margin-top: 0;
  }
  .doublegrid > .advertisementblock,
  .doublegrid > .addfiller{
    grid-column: 1 / -1;
    height:auto;                    /* natürliche Höhe auf Mobile */
  }
  .doublegrid > .addfiller{
    aspect-ratio: 2 / 1;            /* optional: breiteres Teaserformat */
  }
  @supports not (aspect-ratio: 1 / 1){
    .doublegrid > .addfiller{
      height:auto; padding-top:0;
    }
  }
  .comparesortcon img
  {
	display:none;
  }
}

.offers > .doublegrid{
  grid-column: span 2;
}
@media (max-width:1031px){
	.desktoponly{display:none !important;}
	.mobileonly{display:block;}
	.personchooser{top:188px;}
	#airportlist{width: 100%;z-index: 99;}
	#bpersonfield .dropdownarrow
	{
		top: 6px;
		transform:none;
	}
  .offers > .doublegrid{ grid-column: span 1; }
}
.advertisementblock .opreviewimgcon
{
	display:inline-block;
	max-width:371px !important;
	width: 100% !important;
	margin-top: 34px !important;
}
.cardcontent {
  display: inline-block;
  width: 49%;
}
.adsign {
	top: 20px;
	right: 20px;
	color:#67b0d1;
}
.adshort {
  font-size: 15px;
  color: #67b0d1;
  top: 20px;
  margin-left: 17px;
  position:absolute  
}

.offerblock.offerblockdev{
  display:flex;
  flex-direction:column;
}

.offerblock.offerblockdev .offer-bottom{
  margin-top:auto;
  padding-top:8px;
}

.bookedout .opreviewimgcon
{
	opacity:.5;
}
.offerblock.offerblockdev .offer-bottom .parkbtn{
  display:block;
  width:100%;
  margin-top:10px;
}

.offerblock.offerblockdev .offer-bottom::before{
  content:"";
  display:block;
  clear:both;
}
.compareaddinnercon.desktoponly .rating
{
	padding: 0 0 0 20px;
}
.compareaddinnercon.desktoponly .rating .ratingstarsouter {
	width: 120px;
	background-size: 120px;
	height:25px;
	background-image: url(/public/img/compareoffers/stars_empty_bright.png);
}
.compareaddinnercon.desktoponly .rating .ratingstarsinner {
	/*filter: brightness(0) saturate(100%);*/
	background-size: 120px;
	background-image: url(/public/img/compareoffers/stars_full_dark.png);
}
.compareaddinnercon.desktoponly .rating span {
	display: block;
	margin-left: 10px;
}
.compareaddinnercon.desktoponly .rating .thirdboxsmall {
	font-size: 18px;text-align:center;
}
#comparemapcon p {
  display: inline-block;
  padding: 0;
  color: #1a313f;
  margin: 0;
  text-align: center;
  width: 100%;
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  font-weight: bold;
}
.comparemapcon img {
  float: right;
}
.compareaddinnercon.mobileonly .compareaddbox span {
  padding-right: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.mobileonly.bestpriceaddcon {
  background: #bfa317;
  text-align: center;
  margin-top: 10px;
}
.mobileonly.bestpriceaddcon span {
	display:block;
}
@media (max-width:650px){
	.firstheadlinecon,
	.comparecontrollercon h1	{
	  padding: 0 10px;
	  width: initial;
	}
	.advertisementblock .cardcontent {
	  display: block;
	  width: initial;
	  margin:0 !important;
	}
	.offerblock.offerblockdev {
		display: block;
	}
	.skeleton-grid, #bookedout-block
	{
		grid-gap:10px 0;
	}
}
	#airportimagecon {
	  width: 100%;
	  height: 300px;
	  background: red;
	  margin-bottom:10px;
	  margin-top:10px;
	}
	.seoslide h2 img
	{
		transform: rotate(270deg);
	}
	.seoslide.open h2 img
	{
		transform: rotate(0deg);
	}
	#airportseocon span {
		 padding-left: 70px;
		 display:block;
	}
	#airportseocon h2 img {
	  height: 100%;
	  width: 15px;
	  position:absolute;
	  left: 25px;
	  top: 0;
	}
	.seoslide {
	  -webkit-transition: all 0.2s;
	  transition: all 0.2s;
	  max-height: none;
	  overflow: hidden;
	  padding-right: 20px;
	}
	.seoslide h2 {
	  cursor: pointer;
	  padding-right: 25px;
	  line-height: inherit !important;
	  padding-top: 10px;
	  padding-bottom: 10px;
	  position: relative;
	  margin: 0;
	  box-sizing: border-box;
	  -moz-box-sizing: border-box;
	  -webkit-box-sizing: border-box;
	  color: #1a313f;
	  font-size: 18px;
	}
	.seoslide.open {
	  max-height: 5000px;
	}
	.airportseocontent {
	  padding-left: 70px;
	  color: #fff; 
	  font-size: 18px;
	  display: none;
	  padding-bottom: 19px;
	}
	#airportseocon {
	  padding: 20px 0;
	}
	.opreviewimgcon img
	{
		object-fit: cover !important;
	}
	.leaflet-zoom-anim
  .leaflet-zoom-animated {
    transition-timing-function: linear;
    transition-duration: 100ms;
  }