/* Basislayout */ 

:root {
	--blue-deep:    #0d3b5e;
	--blue-mid:     #1a6b9a;
	--blue-light:   #4ba3cc;
	--blue-pale:    #d6eef9;
	--sand:         #f5efe0;
	--sand-dark:    #e8d9b8;
	--orange:       #e87722;
	--orange-hover: #c95e10;
	--white:        #ffffff;
	--text-dark:    #1c2b3a;
	--text-mid:     #4a6070;
	--text-light:   #8ea8bc;
	--white:   	  #ffffff;
	--radius:       6px;
	--shadow:       0 4px 20px rgba(13,59,94,.12);
	--shadow-hover: 0 8px 32px rgba(13,59,94,.22);
	--bg: #f4f1ec;
	--card: #ffffff;
	--ink: #1a1d1f;
	--ink-soft: #4a4d50;
	--ink-muted: #7a7d80;
	--line: #ebe7e0;
	--chip-bg: #f4f1ec;
	--accent: #337ab7;       	/* tag featured (Blau) */
	--accent-warm: #b8623f;  	/* tag warm    (Terrakotta, z.B. Angebot) */
	--accent-trust: #2c5a8a; 	/* tag trust   (Blau,       z.B. TrustBadge) */
	--accent-orange: #f0ad4e; 	/* tag orange   (Blau,       z.B. TrustBadge) */
	--star: #e8a93a;
}

iframe {
	max-width: 100%;
	border: none;
}

.separator {
    margin: 0 6px;
    color: #999;
}

.column {padding: 0px; margin: 0px;}
.cursorFingerPointer{ cursor: pointer; }
.superUSerTextInfo {font-size: 14px;}

/* Progress Bar Loader */

.progress-container {
  width: 100%;
  height: 4px;
  background: transparent;
  position: fixed;
  z-index: 999;
}

.progress-bar-header {
  height: 0.49rem;
  background: #044D7A;
  width: 0%;
}

.searchCheckboxOverlay{
  height: 40px;
  padding: 10px;
}

/* Cookie-Button ausblenden */
.ccm-settings-summoner {
    display: none !important;
}

/* Maintenance Banner im JS wieder aktivieren wenn gebraucht wird. */

#footer-maintenance-overlay-banner {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #CC005F;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 16px;
	font-size: 18px;
	z-index: 9999;
	opacity: 0;
	transform: translateY(100%);
	transition: all 0.3s ease;
	box-sizing: border-box;
	flex-wrap: wrap;
	text-align: center;
	height: 60px;
}
#footer-maintenance-overlay-banner.show {
	opacity: 1;
	transform: translateY(0);
}
#footer-maintenance-overlay-banner button {
	background: none;
	border: none;
	color: #fff;
	font-size: 20px;
	margin-left: 10px;
	cursor: pointer;
	line-height: 1;
}

/* Mobile-Anpassungen */
@media (max-width: 480px) {
	#footer-maintenance-overlay-banner {
		font-size: 14px;
		padding: 10px;
	}
	#footer-maintenance-overlay-banner button {
		font-size: 18px;
		margin-left: 5px;
	}
}

/* Darstellung von großen Tooltips */

.custom-tooltip-box {
  position: absolute;
  background: white;
  color: #333;
  padding: 15px;
  border: 1px solid #ccc;
  width: 250px;
  z-index: 9999;
  display: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  font-size: 13px;
  border-radius: 4px;
  max-width: 90vw;
  word-wrap: break-word;
}

/* Darstellung von Bewertungen */

.progress-bar-ev{
	background-color: 337ab7;
	height: 2px;
}

.progress-ev {
	overflow: hidden;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
	height: 10px;
}

/* Eintragsvorschau */

.addWishListItemExposePreview, .removeWishListItemExposePreview {
    margin-left: 0px;
    margin-right: 7px;
    display: block;
    cursor: pointer;
    padding-bottom: 10px;
    font-size: 21px;
}

/* Vote Badge */

.voteBadgePreview {
    width: 38px;
    height: 32px;
    position: absolute;
    text-align: center;
    background-color: #fff;
    border-radius: 6px 0 6px 6px;
    font-size: 12px;
    line-height: 32px;
    color: #fff;
    font-weight: 600;
    background-color: #298737;
    right: 0px;
}

.voteBadge {
    width: 38px;
    height: 32px;
    position: absolute;
    margin-top: -25px;
    text-align: center;
    background-color: #fff;
    border-radius: 6px 0 6px 6px;
    font-size: 14px;
    line-height: 32px;
    color: #fff;
    font-weight: 600;
    background-color: #298737;
    right: 7px;
}

.voteBadgeExpose {
    width: 48px;
    height: 47px;
    position: absolute;
    margin-top: -34px;
    text-align: center;
    background-color: #fff;
    border-radius: 6px 0 6px 6px;
    font-size: 18px;
    line-height: 45px;
    color: #fff;
    font-weight: 600;
    background-color: #298737;
    right: 7px;
}

.votingTextExposePreview { 
	margin: 5px 0px 5px 0px;
	height: 20px; 
	font-size: small;
}

.votingTextAreaRatingPreview{
	font-size: 9px;
}

.votingTextAreaPreview{
	margin-right: 24px;
	margin-top: -1px;
}

/* Suchfunktion Erwachsene & Kinder */

.popover-markup .popover{
  width:150%;
}

.popover-markup label{
  padding:0px;
}

.searchExtraHeight {height: 36px;}
#submitTextSearch, #extSearchButton {height: 40px;}

/* Die Suchleiste unterhalb der Suchfunktion (result.php) */

.searchFilterContainer {
    display: flex;
    flex-wrap: wrap;           /* erlaubt Umbruch */
    gap: 8px;                  /* Abstand zwischen Buttons */
    justify-content: flex-start;  /* linksbündig nebeneinander */
}

.searchButtonInfoLine {
    background-color: #f4f4f4;
    border: 1px solid #DDD;
    padding: 8px 12px;
    border-radius: 6px;
    font-size: 14px;
    color: #333;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-flex;
    align-items: center;
}

@media (max-width: 480px) {
    .searchButtonInfoLine {
        flex: 1 1 100%;
    }
}

/* Parallax Bild 400xp in der Suche*/

.parallaxHeader400px {
    background-image: url(images/parallax/suche-2400x500px_opt.jpg);
    background-attachment: fixed;
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100% auto;
    max-height: 400px;
    min-height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -20px;
	height: calc(40vh);
	width: 100%;
}


.embed-container {
	position: relative;
	padding-bottom: 6.25%;
	height: 0; overflow: hidden;
	max-width: 100%; height: auto;
}
.embed-container iframe, .embed-container object, .embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Label */

.checkbox {
	padding-left: 20px;
}
.checkbox label {
    display: inline-block;
    position: relative;
    padding-left: 5px;
}
.checkbox label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #cccccc;
    border-radius: 3px;
    background-color: #fff;
   -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
   -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}
.checkbox label::after {
  display: inline-block;
  position: absolute;
  width: 16px;
  height: 16px;
  left: 0;
  top: 0;
  margin-left: -20px;
  padding-left: 3px;
  padding-top: 1px;
  font-size: 11px;
  color: #555555;
}
.checkbox input[type="checkbox"] {
opacity: 0;
z-index: 1;
}
.checkbox input[type="checkbox"]:focus + label::before {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.checkbox input[type="checkbox"]:checked+label::after {
  font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free";
  content: "\f00c";
  font-weight: 900;
}
.checkbox input[type="checkbox"]:disabled + label {
  opacity: 0.65;
}
.checkbox input[type="checkbox"]:disabled + label::before {
  background-color: #eeeeee;
  cursor: not-allowed;
}
.checkbox.checkbox-circle label::before {
border-radius: 50%;
}
.checkbox.checkbox-inline {
margin-top: 0;
}
.checkbox.checkbox-single label {
height: 17px;
}
.checkbox-primary input[type="checkbox"]:checked + label::before {
  background-color: #428bca;
  border-color: #428bca; }
.checkbox-primary input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-danger input[type="checkbox"]:checked + label::before {
  background-color: #d9534f;
  border-color: #d9534f; }
.checkbox-danger input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-info input[type="checkbox"]:checked + label::before {
  background-color: #5bc0de;
  border-color: #5bc0de; }
.checkbox-info input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-warning input[type="checkbox"]:checked + label::before {
  background-color: #f0ad4e;
  border-color: #f0ad4e; }
.checkbox-warning input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-success input[type="checkbox"]:checked + label::before {
  background-color: #5cb85c;
  border-color: #5cb85c; }
.checkbox-success input[type="checkbox"]:checked + label::after {
  color: #fff; }

/* Schriftarten */

/* plus-jakarta-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: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 400;
  src: url('assets/fonts/plus-jakarta-sans-v12-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* plus-jakarta-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: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 700;
  src: url('assets/fonts/plus-jakarta-sans-v12-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* 1. FALLBACK (Metriken für Verdana, um Open Sans zu imitieren) */
@font-face {
  font-family: 'Open Sans Fallback';
  src: local('Verdana');
  size-adjust: 104%;
  ascent-override: 95%;
  descent-override: 25%;
  line-gap-override: 0%;
}

/* 2. LATO WEBFONT */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Lato'),
       url('assets/bootstrap/Lato/Lato-Bold.woff2') format('woff2');
}

/* 3. DELIUS WEBFONT */
@font-face {
  font-family: 'Delius';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Delius'),
       url('assets/fonts/Delius-Regular.woff2') format('woff2');
}

/* ========================================================================= */
/* 8. ANWENDUNG DER SCHRIFTEN */
body {
	/* 1. Open Sans Fallback (mit Metrik-Override für geringeren Layout-Shift) */
	/* 2. Open Sans (die eigentliche Web-Schrift) */
	/* 3. Verdana, falls die Fallback-Schrift nicht verwendet werden kann */
	/* 4. sans-serif (generische Fallback-Schrift) */
	
	font-family: 'Plus Jakarta Sans', sans-serif;
	color: #212121;
	font-size: 1.6rem;
    --tw-text-opacity: 1;
	background: #FFFFFF;
	
	scrollbar-face-color: #666666; 
	scrollbar-track-color: #FAFAFA;
	
	min-height:100%;
	height:auto!important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
/* ========================================================================= */

/*************************
*****  Typography   ******
**************************/

p {
	margin: 0 0 10px;
	line-height: 1.8;
}

.boldText {font-weight: bold;}
.text-shadow{text-shadow: 1px 1px #000000;}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Plus Jakarta Sans, sans-serif;
  color: #484848;
}

h1{
  font-size: 2px;
  text-shadow: 0 1px 0 #fff;
  line-height: 1.2;
  font-weight: 700; 
  font-size: 30px;
}
h1.no-white{
  font-size: 30px;
  color:#4e4e4e;
  text-shadow: 0 1px 0 #fff;
}

h2{
  font-size: 22px;
}

h3{
  font-size: 19px;
  line-height: 10px;
  text-shadow: 0 1px 0 #fff;
  line-height: 1;
}

h3.lead {
  margin-bottom: 21px;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.4;
  color: #484848;
}

h3.infotext {
  margin-bottom: 27px;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.4;
  color:#4e4e4e;
  text-shadow: none;
}

h3.lead a {
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.4;
}

h4{
  font-size: 16px;
}

h4.aktuelle_sortierung{
  font-size: 16px;
  height: 19px;
  line-height: 19px;
  vertical-align: middle;
}
h4.aktuelle_sortierung a{
  vertical-align: middle;
}

/* LINKS */

a {
  color: #4e4e4e;
  -webkit-transition: color 300ms, background-color 300ms;
  -moz-transition: color 300ms, background-color 300ms;
  -o-transition:  color 300ms, background-color 300ms;
  transition:  color 300ms, background-color 300ms;
  text-decoration: underline;
  text-underline-offset: 3px;
  outline: none;
}
a:hover, a:focus {
  color: #337ab7;
}

a:visited {
  text-decoration-color: #337ab7;
}

p a:link {text-decoration: underline; color: #337ab7; font-weight: bold;}


.navbar-default a {text-decoration: none;}
.panel-heading a {text-decoration: none;}
.navbar-Expose a {text-decoration: none;}
.breadcrumb a {text-decoration: none;}
.objectNameH3 a {text-decoration: none;}
.headlineTextSearchResult:link {text-decoration: none;}
.dashboard-menu a {text-decoration: none;}
.dropdown-menu a {text-decoration: none;}
.list-group-item:link {text-decoration: none; color: #4e4e4e;}
.list-group-item a:visited {text-decoration: none; color: #4e4e4e;}

/* Buttons */

.btn a {text-decoration: none;color: #4e4e4e;}
.btn:link {text-decoration: none;}

.btn-primary:link,
.btn-primary:hover {text-decoration: none; color: #fff;}


.btn-success:link {color: #fff;}
.btn-fb:link {text-decoration: none;}
button a:link {text-decoration: none;}
.login button,.register button,.contact button, #contactOverlay button{width: 100%;border-radius: 5px;}
.spacer-small-button{ margin-bottom: 20px; }
.objectCaruselControlButton{font-size: 15px; color:#FFF;}
.btn-button-padding{margin: 2px;}
.btn-space {margin-right: 3px; margin-top: 3px;}
.btn-space-right {margin-right: 3px;}
.round-button{background:#f4f4f4;border-radius:4px;}
.btn-space-top {margin-top: 15px;}

/* Ergänze .btn-startPage:visited und am besten auch :hover und :focus */
.btn-startPage, 
.btn-startPage:visited, 
.btn-startPage:active,
.btn-startPage:hover,  /* Optional: damit die Farbe beim Drüberfahren bleibt */
.btn-startPage a, 
.btn-startPage a:visited {
    display: inline-block;
    margin: 15px 5px;
    border-radius: 5px;
    vertical-align: middle;
    color: #fff !important; /* !important als "Notbremse", falls etwas anderes stört */
    font-weight: bold;
    font-size: 1em;
    text-decoration: none;
}
#btnSearchSubmit{color: #fff;}

.btn-fb{
    color: #fff;
    background-color:#3b5998;
	margin: 2px;
}

.btn-fb:hover{
    color: #fff;
    background-color:#496ebc 
}

.btn-round {
    color: #333;
    background-color: #f4f4f4;
    border-color: #f4f4f4;
	border-radius:7px;
}

.btn-action-round {
    border-radius:7px;
}

.btn-action-red {
	color: #fff;
	background-color: #CC005F;
	border-color: #d43f3a;
}

.btn-action-red:focus,
.btn-action-red:hover
 {
	color: #fff;
	background-color: #c9302c;
	border-color: #761c19;
}

.btn-round-white {
    color: #333;
    background-color: #fff;
    border-color: #fff;
	border-radius:7px;
}


/* Abstände */

.spacer { margin-top: 40px; margin-bottom:40px; }
.spacer-middle { margin-top: 25px;margin-bottom:15px; }
.spacer-small { margin-top: 20px; margin-bottom:0px; }
.spacer-small-tuto { margin-top: 25px; margin-bottom:10px; }
.spacer-small-expose-top { margin-top: 25px; margin-bottom:5px; }
.spacer-mb-15 {margin-bottom: 15px;}
.spacer-mt-15 {margin-top: 15px;}
.spacer-mt-20 {margin-top: 20px;}

/* Floats */
 
.left{text-align: left;}
.center{text-align: center;}
.right{text-align: right;}
.fullwidth{width: 100%;}
.ontainer-fluid {display: none;}

/* Radius oder Radien */

.btll20{
	border-top-left-radius: 20px;
}

.btlr20{
	border-top-right-radius: 20px;
}

/* Ladeanimation Weiterleitung */

.progressRedict {
   height: 7px;
   width: 228.8px;
   background: linear-gradient(#044d7a 0 0),
       linear-gradient(#044d7a 0 0),
       #dbdcef;
   background-size: 60% 100%;
   background-repeat: no-repeat;
   animation: progress-7x9cg2 3s infinite;
   margin: 0px auto;
}

@keyframes progress-7x9cg2 {
   0% {
      background-position: -150% 0,-150% 0;
   }

   66% {
      background-position: 250% 0,-150% 0;
   }

   100% {
      background-position: 250% 0, 250% 0;
   }
}

/* Firlefanz */
    .section-pad-sm { padding: 48px 0; }

    .section-label {
      display: inline-block;
     /* font-family: 'Source Sans 3', sans-serif;*/
      font-size: 11px;
      font-weight: 700;
      letter-spacing: 3px;
      text-transform: uppercase;
      color: var(--orange);
      margin-bottom: 10px;
    }

    .section-title {
      font-size: 32px;
      margin-top: 0;
      margin-bottom: 14px;
      line-height: 1.25;
	  color: var(--blue-deep);
    }

    .section-subtitle {
      color: var(--text-mid);
      font-size: 17px;
      margin-bottom: 42px;
      max-width: 620px;
    }

    .divider-wave {
      width: 60px;
      height: 4px;
      background: linear-gradient(90deg, var(--orange), var(--blue-light));
      border-radius: 2px;
      margin: 16px 0 30px;
    }

select,input{outline: 0; margin-bottom: 20px;}
a.more{background-color: #222; padding: 2px 6px;color: #fff; text-transform: uppercase; font-size: 11px;}
a.more:hover{background: #64a30a;text-decoration: none;}
.textUnderline {text-decoration: underline;}

hr {border: 0;
    height: 1px;
    background: #ddd;
    background-image: linear-gradient(to right, #ddd, #ccc, #ddd);
}

::-moz-selection {
	color: #fff;
	background: #CC005F;
}

::selection {
	color: #fff;
	background: #CC005F;
}

/* verschiedene Farbangaben */

.text-color {color: #222222;}

.red {
    color: #CB335F;
}
.green {
	color: #5cb85c;
}
.orange {
	color: #f0ad4e;
}
.blue {
	color: #337ab7;
}
.hellblau {
	color: #5bc0de;
}
.rcfRot {
	color: #CC005F;
}
.grau {color: #4e4e4e;}
.hellgrau {#ddd}

.hidden {
  visibility: hidden;
}

/* Runder Rahmen um Icons*/

.icon-background1 {
    color: #fff;
}

.double_underline {
	border-bottom: double 3px #000000;
}

.double_underline_green {
	border-bottom: double 3px #5cb85c;
}


/* Menue */

.headerBrandLogo {
	height: auto; /* Behält das Seitenverhältnis bei */
	max-height: 40px; /* Maximale Höhe */
	width: auto; /* Behält das Seitenverhältnis bei */
	max-width: 130px;
	margin: 5px 40px 0 5px;
	image-rendering: crisp-edges; /* Für moderne Browser */
	image-rendering: -webkit-optimize-contrast; /* Für Webkit (Safari, Chrome) */ 
}

.navbar-brand.small {
	background: transparent URL("../images/logo_small.png") no-repeat center center;
	height: 50px;
	width: 60px;
}
.dropdown-menu {
	min-width: 200px;
	margin-top: -20px;
}
.dropdown-menu.columns-2 {
	min-width: 400px;
}
.dropdown-menu.columns-3 {
	min-width: 600px;
}
.dropdown-menu.columns-4 {
	min-width: 800px;
}
.dropdown-menu.columns-5 {
	min-width: 1000px;
}
.dropdown-menu li a {
	padding: 5px 5px;
	font-weight: 300;
}

/* Rechtes Menue */

#ButtonRightMenuNoUser, #ButtonRightMenuIsUser, #ButtonRightMenuIsUserMobil {
	cursor: pointer;
	margin-right: 20px;
	margin-left: 0px;
}

#overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
  z-index: 9998;
}

#sideMenu, #sideMenuGuest, #sideMenuFehmarn{
  position: fixed;
  top: 0;
  right: -452px; /* Startposition außerhalb des Bildschirms */
  height: 100%;
  background: white;
  box-shadow: -1px 0 10px rgba(0,0,0,0.2);
  transition: right 0.3s ease;
  z-index: 9999;
  overflow-y: scroll;
  min-width: 400px;
  max-width: 450px;
}

#sideMenu.open, #sideMenuGuest.open, #sideMenuFehmarn.open {
  right: 0;
}

#openGuestMenue, #openFehmarnMenue{
	cursor: pointer;
}

.menuContent li a {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  color: inherit;
}

.menuContent li a:hover {
  background-color: #f9f9f9;
}

.menuContent {
  padding: 20px;
}

.icon-bg {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background-color: #eee;
  border-radius: 50%;
  color: #333;
  font-size: 16px;
  margin-top: -7px;
}


#closeMenu, #closeGuestMenu, #closeFehmarnMenu {
  margin-top: 20px;
  background: #eee;
  border: none;
  padding: 10px;
  width: 100%;
  cursor: pointer;
  border-radius: 5px;
}

.userBadgeMenue{
	cursor: pointer;
	background: #eee;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	margin-top: 10px;

	display: flex;
	align-items: center;
	justify-content: center;
}

.isUserBadgeMenue {
	cursor: pointer;
	margin-top: 10px;
	witdh: 100%
	
}

.userBadgeInfo{
	margin-left: 10px !important;
}

#closeBottonTopRight, #closeGuestTopRight, #closeFehmarnTopRight{
	cursor: pointer;
	background: #eee;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	margin: 0 auto;

	display: flex;
	align-items: center;
	justify-content: center;
}

.menuContent ul {
  list-style: none;
  margin: 30px 0;
  padding: 0;
}

.menuContent li {
  padding: 16px 0;
  border-bottom: 1px solid #ddd;
  font-size: 16px;
  transition: background-color 0.2s ease;
  text-align: left;
}

.menuContent li:first-child {
  border-top: none;
}

.menuContent li:last-child {
  border-bottom: none;
}

.menuContent li:hover {
  background-color: #f9f9f9;
  cursor: pointer;
}

.menuUserAvatar {
	width: 30px;
	height: 30px;
	margin-right: 5px;
}

@media (max-width: 768px) {
  #sideMenu, #sideMenuGuest, #sideMenuFehmarn {
	width: 100vw; /* Vollbildbreite auf Tablets/Smartphones */
	overflow-y: scroll;
  }
}

.isUserBubble {
	margin-left: 11px;
	margin-bottom: 20px;
}
	


/* Lazyload */

.lazyload {
	display: inline-block;
	width: 100%;
	max-width: 100%;
	min-width: 48px;
	min-height: 48px;
	filter: blur(4px);
	background-color: rgba(0, 0, 0, 0.3);
	background-size: cover;
}

.lazyloaded {
	animation: fadeIn 0.5s;
	filter: none; /* remove the blur on fullres image */
	transition: filter 1s;
}


/* Search Form */

#searchKey{padding-left: 15px;}

/* Button der Maps-Suche */

.mapInfoButton{
	font-size: 15px;
}

.animate {
    -webkit-transition: all 0.9s ease-in-out;
	-moz-transition: all 0.9s ease-in-out;
	-o-transition: all 0.9s ease-in-out;
	-ms-transition: all 0.9s ease-in-out;
	transition: all 0.9s ease-in-out;
}

.affix {
	top: 0px;
	width: 100%;
}
.navbar-toggle .icon-bar {
	background-color: rgb(95, 176, 228);
}

.open > .dropdown-menu {
	border-radius: 0px;
}

.btn {
	border-radius:7px;
	outline: none !important;
}

.btn:hover {
	border-color: #787878;
}

.pagination-top { padding-right: 15px;}

.pagination>li:first-child>a, .pagination>li:first-child>span {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

.pagination>li:last-child>a, .pagination>li:last-child>span {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.btn-group-vertical>.btn:first-child:not(:last-child) {
    border-top-right-radius: 0px;
}

/* Suchfunktion */

#websiteSearch {
	border: 2px solid #fff;
	background-color: #fff;
	border-radius: 8px;
}

.bootsnipp-search {
	display: none;
	margin-top: 12%;
}

#searchKey {
    padding-left: 15px;
    margin-top: 3px;
    height: 64px;
}

.bootsnipp-search .form-control {
	background-color: rgb(245, 245, 245);
	border-width: 0;
	font-size: 20px;
	color: #000;
	height: 50px;
}

.bootsnipp-search .form-control:focus {
	border-color: transparent;
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.bootsnipp-search .input-group-btn > .btn {
	padding: 13px 16px;
}

.navbar-bootsnipp .bootsnipp-search .input-group-btn > .btn.active,
.navbar-bootsnipp .bootsnipp-search .input-group-btn > .btn:hover,
.navbar-bootsnipp .bootsnipp-search .input-group-btn > .btn:focus {
	padding: 14px 16px 14px 15px;
}

.navbar-bootsnipp .bootsnipp-search .input-group-btn > .btn-default {
	background-color: rgb(245, 245, 245);
}

.nav-padding {
	padding-top: 61px;
}

#bootsnipp-search-overlay{
	position: fixed; /* Sit on top of the page content */
	width: 100%; /* Full width (cover the whole page) */
	height: 100%; /* Full height (cover the whole page) */
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.5); /* Black background with opacity */
	z-index: 222; /* Specify a stack order in case you're using a different order for other elements */
	cursor: pointer; /* Add a pointer on hover */
}

.wrn-btn{
    width: 100%;
    font-size: 26px;
    font-weight: 800;
    text-transform: capitalize;
    height: calc(3rem + 2px) !important;
    border-radius:0;
	height: 70px !important;
	background-color: #006aba;
	color: #fff;
}

.wrn-btn:hover{
	color: #fff;
    background-color: #044D7A;
	border: 3px solid #fff;
}

.wrn-btn-search-close{
    width: 100%;
    font-size: 20px;
    font-weight: 800;
    text-transform: capitalize;
    height: calc(3rem + 2px) !important;
    border-radius:0;
	height: 70px !important;
	background-color: #006aba;
	color: #fff;
}

.wrn-btn-search-close:hover{
	color: #fff;
    background-color: #044D7A;
}

@media screen and (min-width: 768px) {
	.navbar-bootsnipp .navbar-brand {
		font-size: 20px;
		height: auto;
		padding: 15px 5px;
	}
	.navbar-bootsnipp .navbar-nav > li > a {
		font-size: 16px;
		letter-spacing: 1px;
	}
	.navbar-bootsnipp .navbar-nav > li:not(.disabled).open > a,
	.navbar-bootsnipp .navbar-nav > li:not(.disabled).active > a,
	.navbar-bootsnipp .navbar-nav > li:not(.disabled) > a:hover, 
	.navbar-bootsnipp .navbar-nav > li:not(.disabled) > a:focus {
		border-bottom-width: 5px;
		border-left-width: 0px;
		padding-bottom: 10px;
		padding-left: 14px;
	}

	.navbar-bootsnipp .navbar-nav > li.disabled > a {
		padding-left: 10px;
		padding-right: 10px;
	}


	.navbar-bootsnipp .bootsnipp-search {
		background-color: rgb(235, 235, 235);
		display: block;
		position: absolute;
		top: 100%;
		width: 100%;
		-webkit-transform: rotateX(-90deg);
		-moz-transform: rotateX(-90deg);
		-o-transform: rotateX(-90deg);
		-ms-transform: rotateX(-90deg);
		transform: rotateX(-90deg);
		-webkit-transform-origin: 0 0 0;
		-moz-transform-origin: 0 0 0;
		-o-transform-origin: 0 0 0;
		-ms-transform-origin: 0 0 0;
		transform-origin: 0 0 0;
		visibility: hidden;
	}
	.navbar-bootsnipp .bootsnipp-search.open {
		-webkit-transform: rotateX(0deg);
		-moz-transform: rotateX(0deg);
		-o-transform: rotateX(0deg);
		-ms-transform: rotateX(0deg);
		transform: rotateX(0deg);
		visibility: visible;	
	}
	.navbar-bootsnipp .bootsnipp-search > .container {
		padding: 0px;
	}    
}

/* Unterkunftsübersicht */

.overview-image-box {
    max-width: 300px;
    height: 200px;
    background-size: cover;
    background-position: center center;
    border-radius: 4px;
}

.overview-text-box{
	padding-right: 0px;
    margin-right: 0px;
	max-width: 75%;
}

.overview-text-info{
	color: #808080;
}

.overview-text-info-container{
	background: #F8F8F8; 
	border-radius: 4px; 
	padding: 6px; 
	margin-bottom: 10px; 
	display: inline-block;
	font-size: 14px;
}

/* Diverses */

.jumbotron {border: 1px solid #ddd;}
.thumbnail{ background-color:#fff;}
.thumbnail p a {text-decoration: none;}
.header {padding: 5px 0;}
.header ul{list-style: none;margin: 0; padding: 0;margin-top: 25px;}
.header ul li{ display: inline-block; padding: 0 0 0 40px;}
.header ul li a{ font-size: 19px;text-transform: uppercase;}
.header ul li a:hover{text-decoration: none;}
.navbar-default {opacity: 0.98; height: 51px;z-index:999;}
.navbar-nav > li > a {color:#fff;height: 50px;}

@media screen (min-width: 768px) {
	.navbar-nav > li:last-child > a { border-right:1px solid #e8e8e8;}
}

@media screen (max-width: 768px) {
	.navbar-collapse { padding-right: 0 !important; }
}

.search-menue {width: 100%;}
.banner-search{background: #588FC5; color: #fff;padding: 20px 0 10px 0; font-size: 16px; border-top:1px solid #fafafa;margin-top:-17px;}
.banner-search h3{color: #fff;}

.breadcrumb {
	list-style: none;
	background-color: transparent;
	padding: 0px 15px 0px 0px;
	margin-bottom: 0px;
	margin-top: -10px;
}

.breadcrumb > li + li:before {
	color: #bbb;
	content: "›";
	padding: 0 3px;
}

.breadcrumb a {
	color: #bbb;
	font-size: 13px;
}

.page-header {border-bottom: none !important; margin-bottom: none;}
.caption {word-wrap: break-word;}

/* jarallax */

.jarallax {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 100%;
	margin-bottom: 20px;
}
.jarallax-table {
    display: table;
    width: 100%;
	margin-top: -170px;
    height: 700px;
    color: #fff;
}
.jarallax-table-cell {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.jarallax-table h1{
	color: #fff;
	text-shadow: 1px 1px #000000;
}
.jarallax-table h1 a{
	color: #fff;
	text-shadow: 1px 1px #000000;
	text-decoration: none;
}
.jarallax-table h2{
	color: #fff;
	text-shadow: 1px 1px #000000;
}
.jarallax-table h2 a{
	color: #fff;
	text-shadow: 1px 1px #000000;
	text-decoration: none;
}

/* Raster */

.properties-listing {margin-top: -60px;}
.properties-listing .properties:hover {background-color: #FAFAFA;}
.properties-listing p.lead {font-weight: bold;}
.properties-listing .properties{padding: 10px; background-color: #fff;}
.properties-listing .textInfoOverview {padding-left: 20px;}
.properties-listing .properties .status{position: absolute;bottom: 0;z-index: 100;display: block;width: 100%; padding:0 3px; text-align: right; padding-right: 20px; height: 20px;}
.properties-listing .properties p{margin: 20px 0 5px -10px;}
.properties-listing .properties-angebote {border: 1px solid #ddd; background: #fafafa; margin-bottom: 10px;}
.properties-listing .listVillageInfo {top: -50px;}
.properties-listing .pi-img-wrapper img {height: 250px; overflow: hidden; width: 100%;}
.properties-listing .rating-div-overview {top: 230px; left: 6px; width: 200px;}
.properties-listing .listing-detail { float: right !important; margin-top: -10px;}
.properties-listing .topExposeInfoListPreview {margin-left: -51px; padding-bottom: 25px;}
.properties-listing .topExposeInfoListPreview {margin-left: -51px; padding-bottom: 8px;}

.offerDescre {height: 40px;}
.topExposeInfoList li {font-size: 14px !important;}

.status.sold {background:rgba(104,167,13,0.8);}
.status.star {color: #ffcd39;}
.icon-star {color: #ffcd39;}

.specialOffer{margin: 8px;}
.recommended{position: relative;}
.recommended p{margin: 5px 0 10px 0;}

/* Übersichtsseiten */

.subcatContainerFluid {
	background-color:#F2F5FA; padding: 10px; border-top: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD;
}

.col-12-subcatContainerFluid {margin: 25px 0 20px 0;}


/* Carousel Übersichtsseiten*/

.merklisteDivOverviewListRight {
    background: rgba(0, 0, 0, .3);
    height: 35px;
    width: 42px;
    position: absolute;
    display: block;
    top: 50%;
    right: 0;
    cursor: pointer;
    opacity: 0.9;
    transition: all 0.4sease;
    border-radius: 30px 0 0 30px;
}

.merklisteDivOverviewListLeft {
    background: rgba(0, 0, 0, .3);
    height: 35px;
    width: 42px;
    position: absolute;
    display: block;
    top: 50%;
    left: 0;
    cursor: pointer;
    opacity: 0.9;
    transition: all 0.4sease;
    border-radius: 0 30px 30px 0;
}

.objectCaruselControlButton {
    font-size: 18px;
    color: #FFF;
}

.objectOverviewLeft  {left: 12px !important;}
.objectOverviewRight {right: 12px !important;}

/* Standard Carousel */

.carousel-indicators {
	bottom:5px;
	left:0px;
	width:100%;
	padding:5px 25px 5px 25px;
	margin: 0 auto;
	/*background:rgba(0,0,0,0.7);*/
	background:    transparent;
}
.carousel-indicators li {
	border-radius:0;
	width:8px;
	height:8px;
	background:#fff;
	border-radius: 50%;
}
.carousel-indicators .active {
	width:10px;
	height:10px;
	background:#39b3d7;
	border-color:#39b3d7;
	border-radius: 50%;
}
 
.carousel-control {
	color:	#000;
	padding:4px 0;
	width:	26px;
	top:	auto;
	left:	auto;
	opacity:0.85;
}

.carousel-control:hover,
.carousel-control:focus {
  color: #000;
  text-decoration: none;
  filter: alpha(opacity=90);
  outline: 0;
  opacity: .9;
}

.carousel-control.left {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
  background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
  background-image:         linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
  background-repeat: repeat-x;
}

.carousel-control.right {
  right: 0;
  left: auto;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
  background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
  background-image:         linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
  background-repeat: repeat-x;
}

.carousel-caption {
	top:auto;
	width:auto;
	right:auto;
	bottom:60px;
	left:10px;
	padding:20px;
	background:rgba(0,0,0,0.70);
	/*background: transparent;*/
	text-align:left;
	height:auto;
	max-width:50%;
}

.carousel-caption h3{color: #fff;}

/* TABELS */

table{background-color: #fff;}

.tabelle_saison_head  {color: #373a3c;}

.table-wrapper {
  max-height: 500px;
  width: 100%;
  overflow: auto;
}

.modal-content{ padding: 20px; }
.modal.modal-wide .modal-dialog { width: auto; }
.modal-wide .modal-body {overflow-y: auto;}
.login .form-group input{padding: 10px; height: 50px;}
.register input{padding: 10px; height: 50px;}
.contact input{padding: 10px; height: 50px;}
.register input,.register textarea,.contact input,.contact textarea{ margin-bottom: 15px;}

.well2 {
  margin: 5px; 
  border: 1px solid #ddd; 
  background: #fafafa;
  border-radius: 5px;
}

.well3 {
  padding: 10px; 
  background: #F1F1F7; 
  border: 1px solid #ddd;
  border-radius: 5px;
}

.well-gelb {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #FFDFA0;
  border: 1px solid #fff;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
  border-radius: 5px;
  box-sizing: border-box;
}

.infoTextGreyExpose{
	font-size:small;
	color:grey;
}

.well-ev-expose {
  min-height: 20px;
  padding: 10px 18px 10px 18px;
  margin-bottom: 20px;
  background-color: #F9F8F9;
  border-radius: 12px;
  box-shadow:none;
  border:none;
}

.well-ev-header {
  min-height: 20px;
  padding: 20px 18px 10px 18px;
  margin-bottom: 20px;
  background-color: #F9F8F9;
  border-radius: 12px;
  box-shadow:none;
  border:none;
}

.well-ev-header-alert {
  min-height: 20px;
  padding: 20px 18px 10px 18px;
  margin-bottom: 20px;
  border-radius: 12px;
  box-shadow:none;
  border:none;
  border-left-color: #d9534f; /* Left side border color */
  background-color: rgba(217, 83, 79, 0.1); /* Same color as the left border with reduced alpha to 0.1 */
  border-left-width: 5px;
}

.well-ev-overview-min-height {min-height:188px;}
.well-ev-overview-x-small-text {font-size:small;}

.ev-mail-unread {
	font-weight: bold;
}

.well-ev-header .ev-label-info {
	font-size: 14px;
}

.well-ev-header .btn-round {
    font-size: 14px;
    line-height: 1.92857143;
    color: #555;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.well-noColor {
  color: #555;
  min-height: 20px;
  padding: 19px 0px 19px 0px;
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 5px;
  box-sizing: border-box;
}

.well-noColor h3{ color: #555; }

.well-blau {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #F9F8F9;
  border: 1px solid #fff;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
  border-radius: 5px;
  box-sizing: border-box;
}

.well-hellblau {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background: #F3F8FF;
  border: 1px solid #fafafa;
  border: 1px solid #fff;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
  border-radius: 5px;
  box-sizing: border-box;
}

.well-hellblau h3{ color: #555; }

.well-gruen {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #F7F4E6;
  border: 1px solid #fff;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
  border-radius: 5px;
  box-sizing: border-box;
}

.well-corona {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #AAE8FF;
  border: 1px solid #fff;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
  border-radius: 5px;
  box-sizing: border-box;
}

.well-cheep-villages {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #9DCDFB;
  border: 1px solid #fff;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
  border-radius: 5px;
  box-sizing: border-box;
}

/* Eintragsverwaltug */

.well-ev-01 {
  min-height: 20px;
  padding: 10px; 
  background: #17a2b8; 
  border: 3px solid #1591A5;
  border-radius: 5px;
  margin-bottom: 20px;
  color: #fff;
  box-sizing: border-box;
}
.well-ev-02 {
  min-height: 20px;
  padding: 10px; 
  background: #28A745; 
  border: 3px solid #24963E;
  border-radius: 5px;
  margin-bottom: 20px;
  color: #fff;
  box-sizing: border-box;
}
.well-ev-03 {
  min-height: 20px;
  padding: 10px; 
  background: #FFC107; 
  border: 3px solid #E5AD06;
  border-radius: 5px;
  margin-bottom: 20px;
  box-sizing: border-box;
}
.well-ev-04 {
  min-height: 20px;
  padding: 10px; 
  background: #DC3545; 
  border: 3px solid #C6303E;
  border-radius: 5px;
  margin-bottom: 20px;
  color: #fff;
  box-sizing: border-box;
}


.div_showVillagesOverview, .mce-toc {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 6px;
}

/* Rahmen und Borders */

.border_grey_background_white{
	border: 1px solid #ddd; 
	background: #fff;
}

.border_grey_background_white_padding_10{
	border: 1px solid #ddd; 
	background: #fff;
	padding: 10px;
}

img.no-border {border:none;}

.invoice_file {cursor: pointer;}

/* toTop */


#toTop {
	position: fixed;
	right: 15px;
    bottom: 15px;
	display: none;
	opacity: .9;
	background: #044D7A;
	border: 1px solid #fff;
	color: #fff;
	text-align: center;
	cursor: pointer;
	z-index: 10;
	width: 40px;
    height: 40px;
    border-radius: 4px;
    transition: all 0.4s;
}

#toTop i {
    color: #fff;
    line-height: 0;
	margin-top: 50%;
}

.sortby .result{margin-top: 10px;}
.blog .info{color: #999;margin-bottom: 10px;font-size: 12px;}
.blog .tabbable ul li{margin: 15px 0;}
.blog .row{margin-bottom: 50px;}


/*************************
*****    Footer     ******
**************************/

.footer_li_padding { line-height: 2.3 }
.page-footer{background:#0a1e2e; padding: 20px 0; color: #fff;}
.page-footer h4{color: #777 ;border-bottom: none; margin-bottom: 10px;padding-bottom: 10px;}
.page-footer ul{list-style: none;padding: 0; }
.page-footer ul li a{ text-decoration: none;}
.page-footer a {color: #fff; text-decoration: underline; font-size: 14px;}
.page-footer a:hover{color: #fafafa; text-decoration: underline;}

footer.navbar-default.navbar-fixed-bottom{
  background:#044D7A;
  color:white;
  padding:1em 0;
  border-top: 1px solid #fff;
  position: fixed;
}

footer.navbar-default.navbar-fixed-bottom p {
	margin:0;
}


    /* ===== FOOTER 2026 ===== */
	
    footer {
      background: #0a1e2e;
      padding: 40px 0 28px;
      color: rgba(255,255,255,.55);
      font-size: 13.5px;
    }

    .footer-brand {
     /* font-family: 'Playfair Display', serif; */
      font-size: 20px;
      color: var(--white);
      margin-bottom: 8px;
    }

    .footer-brand span { color: var(--blue-light); }

    footer p { margin-bottom: 6px; }

    .footer-links a {
      color: rgba(255,255,255,.55);
      margin-right: 18px;
      font-size: 13px;
      transition: color .2s;
	  text-decoration: none;
    }

    .footer-links a:hover { color: var(--orange); }
    .footer-links a:visited { color: #fff; }

    .footer-divider {
      border-top: 1px solid rgba(255,255,255,.08);
      margin: 24px 0 20px;
    }

    .payment-icons { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; }

    .payment-icon {
      background: rgba(255,255,255,.1);
      border: 1px solid rgba(255,255,255,.15);
      border-radius: 5px;
      padding: 6px 12px;
      font-size: 12px;
      color: rgba(255,255,255,.7);
      font-weight: 700;
      letter-spacing: .5px;
    }

    .footer-bottom {
      text-align: center;
      font-size: 12px;
      color: rgba(255,255,255,.3);
      margin-top: 24px;
    }


/* Accordion */
.accordion h2{
	margin-bottom: 25px;
}


a.accordion-toggle  i{
  width: 45px;
  line-height: 44px;
  font-size: 20px;
  margin-top: -10px;
  text-align: center;
  margin-right: -15px;
  background: #c9c9c9;
}

.accordion-inner img{
  border-radius: 4px;
}

.accordion-inner h4{
  margin-top: 0;
}

.panel-heading.active{
  background: #1f1f20;
}

.panel-heading.active .panel-title>a{
  color:#fff;
}

.panel-heading.active a.accordion-toggle i{
  background: #c52d2f;
  color: #fff;
}

.panel-heading.active a.accordion-toggle.collapsed i{
  background: #c52d2f;
  color: #fff;
}

/* Tabs */

.nav-tabs{
  border-bottom: transparent;
}

.nav-tabs>li{
  margin-bottom: 10px;
  border-bottom: 1px solid #e6e6e6;
}

.nav-tabs > li > a {
  background: #f5f5f5;
  color: #666;
  border-radius: 0;
  border: 0 none;
  line-height: 26px;
  margin-right:0;
  padding: 12px 15px;
}

.nav-tabs li:last-child{
  border-bottom: 0 none;
} 

.nav-stacked > li+li{
  margin-top: 0;
}

.nav-tabs > li > a:hover{
  background: #fff;
  color:#000;
}

.nav-tabs>li.active>a, 
.nav-tabs>li.active>a:hover, 
.nav-tabs>li.active>a:focus {
  border: 0;
  color:#000;
  background: #fff;
  position: relative;
}

.tab-wrap{
  border:1px solid #e6e6e6;
  margin-bottom: 20px;
}

.tab-content{
  padding: 20px;
}

.tab-content h2{
  margin-top: 0;
}

.tab-content img{
  border-radius: 4px;
}

/* Ende Tabs */

.media>.pull-left{
  margin-right: 20px;
}

.media>.pull-right{
  margin-left: 20px;
}


/******************
 404 page css
 ******************/

#error .btn-success:hover, 
.btn-success:focus, 
.btn-success:active, 
.btn-success.active, 
.open .dropdown-toggle.btn-success:hover {
  color: #fff;
}

#error h1{
  color: #4e4e4e;
  text-transform: uppercase;
}

/* Footer Datenschutz information */

#datenschutz{
	height: 105px; 
	width: 100%;
	left: 0;
	bottom: 0; 
	background: #212121;
	border-top: 1px solid #ccc;
	margin: 0 auto;
	padding: 10px;
	color: #fff;
	position: fixed;
	z-index: 9999999999999999;
	
}

#datenschutz a, a:hover{color: #000}
#datenschutz p {margin-top: 10px; padding: 10px;}

/* Neue Listen Übersicht der Anzeigen */

.product-item {
    padding: 15px;
    background: #fff;
    margin-top: 20px;
    position: relative;
	border: 1px solid #ddd;
}

.product-item:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    font-size: 0;
    line-height:0;
}
.sticker {
    position: absolute;
    top: 0;
    left: 0;
    width: 63px;
    height: 63px;
}

.sticker-new {
    background: url(images/neu.gif) no-repeat;
    left: auto;
    right: 0;
}

.sticker-top {
    background: url(images/top.gif) no-repeat;
    left: auto;
    left: 0;
}

.sticker-reviews {
    background: url(images/neu.gif) no-repeat;
    right: auto;
    left: 0;
}

.product-item .lead {font-size: 18px; margin-top: 10px;}

.pi-img-wrapper-tuto img {
	overflow: hidden;
	width: 100%;
	height: 180px;
}

.rating-overview {
	width: 100%;
	margin-left: -5px;
}

.rating-overview .fa {
	font-size: 11px; 
	color: gold;
	letter-spacing: -1px;
}

.rating-div-overview-tuto {
    background: rgba(0,0,0,0.3);
    position: absolute;
    height: 23px;
    padding: 4px;
    margin: 4px;
	color: #fff;
}

.product-item h3 {
    font-size: 14px;
    font-weight: 300;
    padding-bottom: 4px;
    text-transform: uppercase;
}

.product-item h3 a {
    color: #3e4d5c;
	text-decoration: underline;
}

.product-item h3 a:hover {
    color: #E02222;
	text-decoration: underline;
}

.product-item .add2cart {
    float: right;
    color: #fff;
    background: #5685BA;
    border: 1px #406A99 solid;
    padding: 3px 6px;
    text-transform: uppercase;
}

.product-item .add2cart:hover {
	color: #fff;
	background: #406A99;
	border-color: #5685BA;
}

ul#social-share-top.social-share{margin:1rem 0;padding:0;text-align:right;border:0}
ul#social-share-top.social-share li{margin-left:.5rem}
.share-btn i{margin-right:.25rem;font-size:2rem}.fa{display:inline-block;font:normal normal normal 14px/1 Arial;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

/* Gastgeber Anzeige */

	.checkbox {
		padding-left: 20px; 
	}
	
	.checkbox label {
		display: inline-block;
		position: relative;
		padding-left: 5px;
	}
	
    .checkbox label::before 
	{
		content: "";
		display: inline-block;
		position: absolute;
		width: 17px;
		height: 17px;
		left: 0;
		margin-left: -20px;
		border: 1px solid #908f8f;
		border-radius: 3px;
		background-color: #fff;
		-webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
		-o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
		transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
		cursor: pointer;
	}
	
    .checkbox label::after 
	{
		display: inline-block;
		position: absolute;
		width: 16px;
		height: 16px;
		left: 0;
		top: 0;
		margin-left: -20px;
		padding-left: 3px;
		padding-top: 1px;
		font-size: 11px;
		color: #555555;
	}
	
	.checkbox input[type="checkbox"] 
	{
		opacity: 0;
		z-index: 1; 
	}
    
	.checkbox input[type="checkbox"]:focus + label::before 
	{
		outline: none; 
	}
	
    .checkbox input[type="checkbox"]:checked + label::after {
		font-family: 'Font Awesome 5 Free';
		content: "\f00c"; 
	}
	
    .checkbox input[type="checkbox"]:disabled + label {
		opacity: 0.65; 
	}
	
    .checkbox input[type="checkbox"]:disabled + label::before {
        background-color: #eeeeee;
        cursor: not-allowed; 
	}
	
	.checkbox.checkbox-circle label::before {
		border-radius: 50%; 
	}
	
	.checkbox.checkbox-inline {
		margin-top: 0;
	}
	
	.checkbox.checkbox-single label {
		height: 17px;
	}

	.radio {
		padding-left: 20px; 
	}
	
	.radio label {
		display: inline-block;
		position: relative;
		padding-left: 5px; 
	}
	
    .radio label::before {
      content: "";
      display: inline-block;
      position: absolute;
      width: 17px;
      height: 17px;
      left: 0;
      margin-left: -20px;
      border: 1px solid #cccccc;
      border-radius: 50%;
      background-color: #fff;
      -webkit-transition: border 0.15s ease-in-out;
      -o-transition: border 0.15s ease-in-out;
      transition: border 0.15s ease-in-out; }
    .radio label::after {
      display: inline-block;
      position: absolute;
      content: " ";
      width: 11px;
      height: 11px;
      left: 3px;
      top: 3px;
      margin-left: -20px;
      border-radius: 50%;
      background-color: #555555;
      -webkit-transform: scale(0, 0);
      -ms-transform: scale(0, 0);
      -o-transform: scale(0, 0);
      transform: scale(0, 0);
      -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
      -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
      -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
      transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }
  .radio input[type="radio"] {
    opacity: 0;
    z-index: 1; }
    .radio input[type="radio"]:focus + label::before {
      outline: thin dotted;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px; }
    .radio input[type="radio"]:checked + label::after {
      -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
      -o-transform: scale(1, 1);
      transform: scale(1, 1); }
    .radio input[type="radio"]:disabled + label {
      opacity: 0.65; }
      .radio input[type="radio"]:disabled + label::before {
        cursor: not-allowed; }
  .radio.radio-inline {
    margin-top: 0; }
  .radio.radio-single label {
    height: 17px; }

.radio-primary input[type="radio"] + label::after {
  background-color: #428bca; }
.radio-primary input[type="radio"]:checked + label::before {
  border-color: #428bca; }
.radio-primary input[type="radio"]:checked + label::after {
  background-color: #428bca; }

.radio-danger input[type="radio"] + label::after {
  background-color: #d9534f; }
.radio-danger input[type="radio"]:checked + label::before {
  border-color: #d9534f; }
.radio-danger input[type="radio"]:checked + label::after {
  background-color: #d9534f; }

.radio-info input[type="radio"] + label::after {
  background-color: #5bc0de; }
.radio-info input[type="radio"]:checked + label::before {
  border-color: #5bc0de; }
.radio-info input[type="radio"]:checked + label::after {
  background-color: #5bc0de; }

.radio-warning input[type="radio"] + label::after {
  background-color: #f0ad4e; }
.radio-warning input[type="radio"]:checked + label::before {
  border-color: #f0ad4e; }
.radio-warning input[type="radio"]:checked + label::after {
  background-color: #f0ad4e; }

.radio-success input[type="radio"] + label::after {
  background-color: #5cb85c; }
.radio-success input[type="radio"]:checked + label::before {
  border-color: #5cb85c; }
.radio-success input[type="radio"]:checked + label::after {
  background-color: #5cb85c; }


/* Anfrage Formular */

#email-confirmation {display:none;}

/* Unterkünfte Übersicht */

.freizeit-box {
  font-size: 13px;
}

/* Übersichtsseiten */

.reservationOverlayInfo {  
    background: #1d7bce;
    height: 30px;
    width: 130px;
    position: absolute;
    display: block;
    top: 3%;
    left: -6px;
    opacity: 0.9;
    transition: all 0.4s ease;
    border-radius: 0px 9px 9px 0px;
    z-index: 300;
    color: #fff;
    padding-top: 4px;
    font-size: small;
	padding-top: 7px;
}

.badgeLastMinutePrecentOverview {
	position: absolute;
    z-index: 100;
    bottom: 10%;
    right: 14px;
    background: #D9534F;
    border-radius: 7px;
    padding: 5px;
    width: 140px;
    height: 29px;
    font-size: small;
}

.badgeSuperVermieterOverview {
    position: absolute;
    z-index: 100;
    top: 3%;
    left: 148px;
    background: #fff;
    border-radius: 7px;
    padding: 5px;
    width: 140px;
    height: 29px;
    font-size: small;
}

.badgeSuperVermieterOverview img{
	margin: 0 0 0 -3px;
    height: 23px;
    width: 13px;
}

.badgeCheepPriceFrom {
    position: absolute;
    z-index: 100;
    bottom: 4px;
    right: 4px;
	top: 11%;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 7px;
    padding: 5px;
    width: 91px;
    height: 29px;
    font-size: small;
	-webkit-box-shadow: 5px 5px 14px 2px rgba(0,0,0,0.15); 
	box-shadow: 5px 5px 14px 2px rgba(0,0,0,0.15);
}


/* Hintergrund Animation beim Laden */

@keyframes placeHolderShimmer{
    0%{
        background-position: -468px 0
    }
    100%{
        background-position: 468px 0
    }
}

.linear-background {
    background: #ffffff;
    height: 200px;
    position: relative;
    overflow: hidden;
}
.inter-draw{
  background: #FFF;
  width: 100%;
  height: 100px;
  position: absolute;
  top: 100px;
}
.inter-right--top{
  background: #FFF;
  width: 100%;
  height: 20px;
  position: absolute;
  top: 20px;
  left: 100px;
}
.inter-right--bottom{
  background: #FFF;
  width: 100%;
  height: 50px;
  position: absolute;
  top: 60px;
  left: 100px;
}
.inter-crop{
  background: #FFF;
  width: 20px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 100px;
}

/* Runder Loader */

.loader {
  margin: auto;
  border: 20px solid #EAF0F6;
  border-radius: 50%;
  border-top: 20px solid #FF7A59;
  width: 200px;
  height: 200px;
  animation: spinner 4s linear infinite;
}

@keyframes spinner {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Ende Hintergrund Animation beim Laden */


/* ConsendButton */

.fsPPmD, .gilIPP{z-index:900 !important;}

/* ENDE ConsendButton */

#listBewertungen li{ 
	display:none; 
	list-style:none;
}

#listBewertungenUserProfil li{ 
	list-style:none;
}


.more-less {
	float: right;
	color: #212121;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
	border-top-color: #EEEEEE;
}

.uc-embedding-container {
	overflow: auto;
}

.uc-embedding-wrapper .description-text {
	color: #000 !important;
}

.attractions-list {
	padding: 5px;
	margin: 0px;
	display: block;
}
.attractions-list:hover {
	background: #ddd;
	padding: 5px;
	margin: 0px;
	display: block;
}
.show-more {
	display: none;
	cursor: pointer;
	margin-right: 10px;
}
.spe-cor .carousel-inner{border:1px solid #ddd}

.ui-datepicker-inline {
	width: 100% !important;
}

/* Merkliste */

.addWishListItem{color:#FFF; cursor: pointer;}
.addWishListItem:hover{color:#FFF; cursor: pointer;}
.removeWishListItem {color: #d9534f; cursor: pointer;}

.merklisteDivOverviewSearch { background: #FAFAFB; border: 1px solid #ccc; border-radius: 50%; height: 35px; width: 35px;  position: absolute; display: block; top: 15px; left: -250px; cursor: pointer;}

.merklisteDivOverview { 
	background: rgba(0,0,0,.3);
    border-radius: 50%;
    height: 30px;
    width: 30px;
    position: absolute;
    display: block;
    top: 15px;
    right: 30px;
    cursor: pointer;
    color: #FFFFFF;
    font-size: 12px;
}

.merklisteExposePreview {
	margin-left: -24px;
    margin-top: 4px;
    font-size: 1.9em;
}

.merklisteCandidatePreview {
	right: 15px;
    bottom: 99%;
	font-size: 1.7em;
	position: relative;
	cursor: pointer;
	text-align: right;
}

.islandSloagen{
	text-align: center;
	margin-top: 20px;
	/*font-family: 'Delius';*/
	font-weight: 500;
	font-size: 28px;
}

.addWishListItemDesktop {
    font-size: 15px;
    margin-top: -77px;
    left: 15px;
    position: absolute;
    cursor: pointer;
    background: rgb(0 0 0 / 4%);
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    opacity: 0.9;
    transition: all 0.4sease;
}

.addWishListItemDesktop:hover {
	border: 1px solid #DDD;
}

.isBlack{
	color: #000;
}

.notInWhishlist{
	color: black;
}

/* Expose */

.superVermieterPreview{ padding: 20px 0 20px 0; border-bottom:1px solid #ddd; margin-bottom: 10px;}
.superVermieterExpose{ padding: 20px 0 20px 0; border-bottom:1px solid #ddd; margin-bottom: 25px;}
.profil-image-expose {
    margin: 3px 8px 0 5px;
}

.fa-heart path {
  stroke: white;
  stroke-width: 30px;
}

div.ui-datepicker-header a.ui-datepicker-prev,div.ui-datepicker-header a.ui-datepicker-next {
	display: none;
}

@media (max-width: 1200px) {
	
	.ui-datepicker-multi-3 .ui-datepicker-group {
		width: 50%;
		min-height: 282px;
	}
	
	.ui-datepicker-row-break {
		clear: inherit !important;
	}
}

@media (max-width: 600px) {
	.ui-datepicker-multi-3 .ui-datepicker-group {
		width: 100%;
	}
}

@media (max-width: 767px) {
	 .ui-datepicker-multi-3 .ui-datepicker-group {
		 width: 50%;
	 }
}

@media (max-width: 640px) {
	 .ui-datepicker-multi-3 .ui-datepicker-group {
		 width: 100%;
	 }
}

#belegungskalender .ui-datepicker {
    padding: 0;
}

.ui-widget-header {
    background-color: transparent;
    border: 0;
}

.priceInfo { cursor:pointer; }


.addReadMore.showlesscontent .SecSec,
.addReadMore.showlesscontent .readLess {
	display: none;
}

.addReadMore.showmorecontent .readMore {
	display: none;
}

.addReadMore .readMore,
.addReadMore .readLess {
	font-weight: bold;
	margin-left: 2px;
	cursor: pointer;
}

.addReadMoreWrapTxt.showmorecontent .SecSec,
.addReadMoreWrapTxt.showmorecontent .readLess {
	display: block;
}

.modal-backdrop, #example1 {display:none;}
.modal-content {z-index:1000;}

/* Card Ladeaninmation */

.is-loading {
	.candidate-list-image {
		border-radius-top-left: 4px 4px;
		border-radius-top-right:4px 4px;
		background: #FFFFFF;
		background: linear-gradient(110deg, #FFFFFF 8%, #f5f5f5 18%, #FFFFFF 33%);
		background-size: 200% 100%;
		animation: 1.5s shine linear infinite;
	}
}

@keyframes shine {
  to {
    background-position-x: -200%;
  }
}


/* Candidate Grid List - ObjectPreview */

.expose-btn{
    font-size: 15px;
    font-weight: 800;
    height: calc(3rem + 2px) !important;
    border-radius:4px;
	height: 37px !important;
	border-color: #006aba;
	background-color: #006aba;
	color: #fff !important;
}

.expose-btn:hover{
	color: #fff;
    background-color: #044D7A;
}

.expose-btn:active{
	color: #fff;
    background-color: #044D7A;
}

.expose-btn:visited{
	color: #fff;
    background-color: #044D7A;
}

.expose-btn:active{
	color: #fff;
    background-color: #044D7A;
}

.candidate-btn{
    font-size: 15px;
    font-weight: 800;
    text-transform: capitalize;
    height: calc(3rem + 2px) !important;
    border-radius:4px;
	height: 37px !important;
	border-color: #006aba;
	background-color: #fff;
	color: #006aba;
}

.candidate-btn-no-Weight{
    font-size: 15px;
    height: calc(3rem + 2px) !important;
    border-radius:4px;
	border-color: #006aba;
	background-color: #fff;
	color: #006aba;
	border: 1px solid #006aba;
	padding: 6px;
	cursor: pointer;
}

.candidate-btn-no-Weight:hover{
    border-radius:4px;
	border-color: #006aba;
	background-color: #006aba;
	color: #006aba;
	border: 1px solid #006aba;
	color: #fff;
	cursor: pointer;
}

.candidate-btn:hover{
	color: #fff;
    background-color: #044D7A;
}

.candidate-btn:active{
	color: #fff;
    background-color: #044D7A;
}

.candidate-list-favourite-button {
	height: 40px;
	margin: 10px 0px 10px 0px;
}

.candidate-list .btn-OfferOverview:hover{
	border-color: #006aba;
	background-color: #fff;
	color: #006aba;
}

.candidate-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.candidate-list-content{
  border: 1px solid #ddd;
}

.candidate-list-info {
	min-height: 350px;
}

.candidate-list-info-fest-ads{
	min-height: 135px;
}

.candidate-list-title-fest-ads {
  margin-bottom: 5px;
  margin-top: -15px;
  width: 100%;
}

.panel-big-info-text{
	min-height:400px;
}

.candidate-list:hover {
    -webkit-box-shadow: 0px 0px 34px 4px rgba(33, 37, 41, 0.06);
            box-shadow: 0px 0px 34px 4px rgba(33, 37, 41, 0.06);
}

.candidate-list:hover a.candidate-list-favourite {
      color: #e74c3c;
      -webkit-box-shadow: -1px 4px 10px 1px rgba(24, 111, 201, 0.1);
              box-shadow: -1px 4px 10px 1px rgba(24, 111, 201, 0.1); 
}

.candidate-list .candidate-list-image {
  margin-right: 25px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 80px;
          flex: 0 0 80px;
  border: none;
}

.candidate-list .candidate-list-image img {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 0px;
  width: 80px;
  height: 80px;
  -o-object-fit: cover;
     object-fit: cover; 
}

.candidate-list-title {
  margin-bottom: 5px;
  margin-top: -15px;
  width: 100%;
  min-height:140px;
}

.candidate-list-vote {
	font-size: 13px;
}

.candidate-list-vote-noBoder {
	font-size: 13px;
	margin-bottom: 1px;
}

.candidate-list-title h3 {
  font-size: 19px;
  left: 0px;
  line-height: normal;
}

.candidate-list-details ul {
  /*display: -webkit-box;
  display: -ms-flexbox;
  display: flex;*/
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 0px;
}

.candidate-list-details ul li {
    margin: 5px 10px 5px 0px;
    font-size: 13px;
}

.candidate-list .candidate-list-favourite-time {
  font-size: small;
}

.candidate-list .candidate-list-favourite-village {
  font-size: 12px;
  margin-bottom: 5px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 90px;
          flex: 0 0 90px;
}

.candidate-list .candidate-list-favourite-time span {
    display: block;
    margin: 0 auto;
}

.candidate-list .candidate-list-favourite-time .candidate-list-favourite {
    display: inline-block;
    position: relative;
    height: 40px;
    width: 40px;
    line-height: 40px;
    border: 1px solid #eeeeee;
    border-radius: 100%;
    text-align: center;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    margin-bottom: 20px;
    font-size: 16px;
    color: #646f79;
}

.candidate-list .candidate-list-favourite-time .candidate-list-favourite:hover {
	background: #FAFAFB;
	color: #e74c3c;
}

.candidate-banner .candidate-list:hover {
  position: inherit;
  -webkit-box-shadow: inherit;
          box-shadow: inherit;
  z-index: inherit; 
  }


.candidate-list.candidate-grid {
    padding: 0px;
    display: block;
    margin-bottom: 20px;
}

.candidate-grid .candidate-list-image {
    text-align: center;
    margin-right: 0px;
	height: 300px;
    position: relative;
    overflow: hidden;
}
.candidate-grid .candidate-list-image img {
    height: 175px;
    width: 100%;
}

.candidate-grid .candidate-list-details {
    padding: 14px;
    border-top: none;
	/*height: 194px;*/
	background: #FFFFFF;
	border: 1px solid #DDDDDD;
}

.candidate-grid .candidate-list-details-noColor {
    padding: 20px;
    border-top: none;
}

.candidate-grid .candidate-list-details-small {
    padding-top: 20px;
	padding-right: 11px;
	padding-bottom: 11px;
	padding-left: 11px;
    border-top: none;
    height: 194px;
    background: #FFFFFF;
	border: 1px solid #DDDDDD;
}

.candidate-grid .candidate-list-details ul {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.candidate-grid .candidate-list-details ul li {
    margin: 2px 5px;
}

.candidate-grid .candidate-list-favourite-time {
    display: block;
	overflow: hidden;
}

.candidate-grid .candidate-list-favourite-village-startPage {
    font-size: small;
}

.candidate-grid .candidate-list-favourite-village {
    font-size: small;
}
.candidate-grid .candidate-list-favourite-time a {
    margin-bottom: 0;
    margin-left: auto;
}
.candidate-grid .candidate-list-favourite-time span {
    display: inline-block;
    margin: 0;
    -ms-flex-item-align: center;
    align-self: center;
}

.candidate-list.candidate-grid .candidate-list-favourite-time .candidate-list-favourite {
    margin-bottom: 0px;
}

.candidate-list-image > .item > img, .carousel-inner > .item > a > img {
    display: block;
    max-width: 100%;
    height: 300px !important;
}

.objectNameH3Sp {
	font-size: 17px;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 240px;
	display: block;
	overflow: hidden;
	padding-bottom: 2px !important;
}

.objectNameH3{
	font-size: 17px;
    width: 100%;
    white-space: nowrap;
    margin-top: 25px;
    font-weight: 650;
    margin-bottom: 3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.objectNameH4{
	margin-left: 40px;
}

.list-group-item-right{
	position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border-top: 1px solid #ddd;
}

.container-float-faq{
	background: #044D7A; 
	height: auto; 
	width: 100%; 
	padding: 10px 0 20px 0;
}

.container-float-faq h2{
	color: white;
}

/* ===========================================================================
   Fakten über Fehmarn – Layout passend zu "Passende Unterkünfte entdecken"
   wZp, 30.07.2026: Stylt die Ausgabe von getRandomFehmarnFacts() so, dass die
                    <li> genauso aussehen wie die Empfehlungs-Links: Pfeil davor,
                    großzügiges Padding, blaue Schrift, feine Trennlinie, Hover.
                    Die beiden Blautöne als Variablen, damit sie exakt an die
                    Portal-Linkfarbe angepasst werden können.
   =========================================================================== */

.fehmarn-facts {
    --ff-link:      #2f6bd8;   /* Linkfarbe wie in den Empfehlungen */
    --ff-link-hover:#1b4fa8;   /* etwas dunkler beim Überfahren     */
    --ff-arrow:     #9aa5b1;   /* dezentes Grau des Pfeils          */
    --ff-border:    #eef0f2;   /* Trennlinie zwischen den Einträgen */

    background:     #ffffff;
    border:         1px solid #ddd;
    border-radius:  6px;
    padding:        22px 28px;
    margin:         24px 0;
}

/* --- Überschrift ("📌 Fakten über Fehmarn") */
.fehmarn-facts h3 {
    margin:      0 0 6px 0;
    font-size:   20px;
    font-weight: 700;
    color:       #1f2933;
}

/* --- Liste ohne Standard-Aufzählungspunkte */
.fehmarn-facts ul {
    list-style: none;
    margin:     0;
    padding:    0;
}

/* --- Einträge wie die Empfehlungs-Links: Pfeil, Padding, Farbe, Trennlinie */
.fehmarn-facts li {
    position:      relative;
    padding:       14px 0 14px 4px;
    border-bottom: 1px solid var(--ff-border);
    line-height:   1.5;
    transition:    color 0.15s ease;
}

.fehmarn-facts li:last-child {
    border-bottom: none;
}

/**************************************************************************
*
* FACEBOOK CARD  –  kompakt, verhält sich wie eine Unterkunfts-Karte
*
*   wZp, 31.07.2026
*   - Karte auf flex-column umgestellt, damit sie sich (wie die
*     Unterkunfts-Karten) über height:100% auf Zeilenhöhe streckt
*   - alle Innenabstände deutlich reduziert -> gleiche Bauhöhe
*   - Follow-Button per margin-top:auto unten fixiert (analog zum Preis)
*
**************************************************************************/

.facebook-card{
    position:relative;
    display:flex;
    flex-direction:column;
    background:#fff;
    border-radius:18px;
    overflow:hidden;
    font-family:'Plus Jakarta Sans',sans-serif;
    box-shadow:0 8px 25px rgba(0,0,0,.08);
    transition:transform .25s ease, box-shadow .25s ease;
    height:100%;
}

/* Kein Hover-Lift mehr – Karte bleibt ruhig (wZp, 31.07.2026) */

/**************************************************************************
*
* HERO
*
**************************************************************************/

.facebook-card-header{
    position:relative;
    flex:0 0 auto;
}

.facebook-card-image{
    position:relative;
    height:200px;                       /* vorher 255px – jetzt wie das Objektbild */
    background:
        linear-gradient(90deg,
            rgba(255,255,255,.96) 0%,
            rgba(255,255,255,.92) 35%,
            rgba(255,255,255,.35) 100%),
        url('/images/facebook/facebook-fehmarn.jpg');
    background-size:cover;
    background-position:center right;
    overflow:hidden;
}

.facebook-card-overlay{
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at left center,
            rgba(255,255,255,.95) 0%,
            rgba(255,255,255,.35) 55%,
            rgba(255,255,255,0)   100%);
}

/**************************************************************************
*
* BADGE
*
**************************************************************************/

.facebook-card-badge{
    position:absolute;
    top:14px;
    left:14px;
    background:#1877f2;
    color:#fff;
    font-size:11px;
    font-weight:700;
    padding:6px 12px;
    border-radius:25px;
    letter-spacing:.4px;
    z-index:5;
}

.facebook-card-badge i{
    margin-right:6px;
}

/**************************************************************************
*
* BELL
*
**************************************************************************/

.facebook-card-bell{
    position:absolute;
    right:14px;
    top:14px;
    width:38px;
    height:38px;
    background:#fff;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    box-shadow:0 5px 15px rgba(0,0,0,.15);
    color:#22304f;
    font-size:18px;
    z-index:5;
}

/**************************************************************************
*
* HERO CONTENT
*
**************************************************************************/

.facebook-card-content{
    position:absolute;
    inset:0;
    display:flex;
    align-items:center;
    padding:24px;
    z-index:3;
}

.facebook-card-logo{
    width:62px;
    height:62px;
    min-width:62px;
    border-radius:50%;
    background:#1877f2;
    color:#fff;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:34px;
    box-shadow:0 10px 25px rgba(24,119,242,.35);
    margin-right:18px;
}

/**************************************************************************
*
* HEADLINE
*
**************************************************************************/

.facebook-card-headline h2{
    margin:0;
    font-size:24px;
    font-weight:800;
    color:#14233d;
    line-height:1.05;
}

.facebook-number{
    color:#1877f2;
}

.facebook-card-headline h3{
    margin:6px 0 0;
    font-size:15px;
    font-weight:700;
    color:#14233d;
    line-height:1.3;
}

/**************************************************************************
*
* BODY
*
**************************************************************************/

.facebook-card-body{
    flex:1 1 auto;
    display:flex;
    flex-direction:column;
    padding:18px 22px;
}

.facebook-card-text{
    font-size:14.5px;
    line-height:1.55;
    color:#535d6d;
}

.facebook-card-text strong{
    color:#1877f2;
}

/**************************************************************************
*
* FEATURES
*
**************************************************************************/

.facebook-card-features{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:0;
    border-top:1px solid #edf1f6;
    border-bottom:1px solid #edf1f6;
}

.facebook-feature{
    position:relative;
    padding:12px 6px;                    /* vorher 28px 12px */
    text-align:center;
}

.facebook-feature:not(:last-child):after{
    content:"";
    position:absolute;
    right:0;
    top:14px;
    bottom:14px;
    width:1px;
    background:#edf1f6;
}

.facebook-feature-icon{
    width:36px;
    height:36px;
    margin:0 auto 8px;
    border-radius:50%;
    background:#eef5ff;
    color:#1877f2;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:15px;
    transition:.25s;
}

.facebook-feature:hover .facebook-feature-icon{
    background:#1877f2;
    color:#fff;
}

.facebook-feature-text{
    font-size:11.5px;
    font-weight:600;
    color:#24344d;
    line-height:1.3;
}

/**************************************************************************
*
* BUTTON
*
**************************************************************************/

.facebook-follow-button{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:14px;
    width:100%;
    height:48px;                         /* vorher 62px */
    margin-top:auto;                     /* bleibt unten – wie der Preis */
    border-radius:26px;
    background:#1877f2;
    color:#fff !important;
    text-decoration:none;
    font-size:15.5px;
    font-weight:700;
    transition:.25s;
}

.facebook-follow-button:hover{
    color:#fff;
    text-decoration:none;
    background:#1668d3;
}

.facebook-follow-button .fa-facebook-f{
    font-size:20px;
	margin-left: 20px;
}

.facebook-follow-button .fa-angle-right{
    margin-left:auto;
    margin-right:6px;
    font-size:20px;
    transition:.25s;
}

/**************************************************************************
*
* RESPONSIVE
*
**************************************************************************/

/* Desktop / 3-Spalten-Grid: nur die Symbole ausblenden -> Text bleibt,
   Karte wird kompakter und sitzt auf Höhe der Unterkunfts-Karten.
   Auf kleineren Screens (Karte einspaltig) bleiben die Icons erhalten. */
   
@media (min-width:992px)
{
    .facebook-feature-icon{ display:none; }
    .facebook-feature{ padding:15px 6px; }
    .facebook-feature:not(:last-child):after{
        top:12px;
        bottom:12px;
    }
}

@media (max-width:991px)
{
    .facebook-card-image{ height:190px; }
    .facebook-card-content{ padding:20px; }
    .facebook-card-logo{
        width:56px;
        height:56px;
        min-width:56px;
        font-size:30px;
        margin-right:16px;
    }

    .facebook-card-headline h2{ font-size:22px; }
    .facebook-card-headline h3{ font-size:14px; }
}

@media (max-width:767px)
{
    .facebook-card-features{ grid-template-columns:repeat(2,1fr); }
    .facebook-feature:nth-child(2):after{ display:none; }
    .facebook-feature:nth-child(3),
    .facebook-feature:nth-child(4){ border-top:1px solid #edf1f6; }
}

@media (max-width:480px)
{
    .facebook-card-content{ flex-direction:column; text-align:center; }
    .facebook-card-logo{ margin:0 0 12px; }
    .facebook-card-features{ grid-template-columns:1fr; }
    .facebook-feature:after{ display:none !important; }
    .facebook-feature{ border-top:1px solid #edf1f6; }
    .facebook-feature:first-child{ border-top:0; }
}

/**************************************************************************
*
* KLEINE DETAILS
*
**************************************************************************/

.facebook-card *{
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}

.facebook-card a{ outline:none; }

.facebook-card img{
    display:block;
    max-width:100%;
}