/* Newsletter Rapidmail
 * ******************************/
 #rmOrganism .rmPopup__container {
  z-index: 1090 !important;
}
/* Klaro, Rot
 * ******************************/
.klaro.visitspandau-klaro .cookie-modal {
  z-index:1090;
}

.klaro.visitspandau-klaro .cookie-modal .cm-btn.cm-btn-success,
.klaro.visitspandau-klaro .cookie-notice .cm-btn.cm-btn-success {
  background:#cc1718;
}
.klaro.visitspandau-klaro .cookie-modal a,
.klaro.visitspandau-klaro .cookie-notice a {
  color:#cc1718;
}
.klaro.visitspandau-klaro .cookie-modal .cm-list-input.only-required+.cm-list-label .slider,
.klaro.visitspandau-klaro .cookie-notice .cm-list-input.only-required+.cm-list-label .slider {
  background:#cc1718;
}
.klaro.visitspandau-klaro .cookie-modal .cm-list-input:checked+.cm-list-label .slider,
.klaro.visitspandau-klaro .cookie-notice .cm-list-input:checked+.cm-list-label .slider {
  background:#b31414;
}
.klaro.visitspandau-klaro .cookie-modal .cm-list-input.half-checked:checked+.cm-list-label .slider,
.klaro.visitspandau-klaro .cookie-notice .cm-list-input.half-checked:checked+.cm-list-label .slider {
  background:#991111;
}

.klaro.visitspandau-klaro .cookie-modal .cm-list-input.required:checked+.cm-list-label .slider,
.klaro.visitspandau-klaro .cookie-notice .cm-list-input.required:checked+.cm-list-label .slider {
  background:#e51919;
}

.klaro.visitspandau-klaro .cookie-modal .cm-btn.cm-btn-info,
.klaro.visitspandau-klaro .cookie-notice .cm-btn.cm-btn-info {
  background:#222;
}

/* Klaro, Blau
 * ******************************/
.klaro.visitspandau-klaro .cookie-modal .cm-btn.cm-btn-success,
.klaro.visitspandau-klaro .cookie-notice .cm-btn.cm-btn-success {
  background:#2d57a3;
}
.klaro.visitspandau-klaro .cookie-modal a,
.klaro.visitspandau-klaro .cookie-notice a {
  color:#3c72d6;
}
.klaro.visitspandau-klaro .cookie-modal .cm-list-input.only-required+.cm-list-label .slider,
.klaro.visitspandau-klaro .cookie-notice .cm-list-input.only-required+.cm-list-label .slider {
  background:#2d57a3;
}
.klaro.visitspandau-klaro .cookie-modal .cm-list-input:checked+.cm-list-label .slider,
.klaro.visitspandau-klaro .cookie-notice .cm-list-input:checked+.cm-list-label .slider {
  background:#27498a;
}
.klaro.visitspandau-klaro .cookie-modal .cm-list-input.half-checked:checked+.cm-list-label .slider,
.klaro.visitspandau-klaro .cookie-notice .cm-list-input.half-checked:checked+.cm-list-label .slider {
  background:#1f3c70;
}

.klaro.visitspandau-klaro .cookie-modal .cm-list-input.required:checked+.cm-list-label .slider,
.klaro.visitspandau-klaro .cookie-notice .cm-list-input.required:checked+.cm-list-label .slider {
  background:#3564bd;
}

.klaro.visitspandau-klaro .cookie-modal .cm-btn.cm-btn-info,
.klaro.visitspandau-klaro .cookie-notice .cm-btn.cm-btn-info {
  background:#222;
}

/* Global
*********************************/
.box {
  margin:0 0 1.3rem 0;
  background:#f3f3f3;
  border:solid #dedede;
  border-width:1px 0;
  padding:1.5rem 1rem;
}
/* Jiggys
*********************************/

.jiggy {
}
.jiggy h4 {
  text-transform:uppercase;
  color:#000;
  font-size:1.6875rem;
  margin:0 0 1rem 0;
  font-weight:300;
}
.jiggy .jiggy-content {

}

/* Seite, Standard
*********************************/
.page-standard {
  padding:2rem 0;
}
.page-standard .page-header {
  margin:0 0 1.3rem 0;
}
.page-standard .page-header h1 {
  margin:0;
}

/* Seite, Standard (Trashhand)
*********************************/
.page-trashhand:not(.page-video) {
  padding-bottom:1rem;
}
.page-trashhand .page-header {
  margin-bottom:0;
}
.page-trashhand .page-header h1 {
  font-family:trashhand;
  font-size:3rem;
  line-height:1.2;
}

/* Seite, Unterkunft
********************************/
.page-accomodation {
  background:#656565;
  color:#fff;
  padding:1rem 0;
}
.page-accomodation .page-header {
  flex:0 0 100%;
}
.page-accomodation form {
  margin-bottom:0;
  align-items: center;
  white-space:nowrap;
  justify-content: space-between;
}
.page-accomodation h2 {
  color:#fff;
  margin:.25rem 0;
}
.page-accomodation p {
  display:flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 1em;
  margin:.25rem 0;
}
/* .page-accomodation label {
  flex:0 0 5rem;
} */
.page-accomodation input[type=date],
.page-accomodation select {
  border:solid #fff 1px;
  background:transparent;
  color:#fff;
}
.page-accomodation option {
  color:#666;
}
@media only screen and (max-width : 580px) {
  .page-accomodation p {
    flex:0 0 100%;
    max-width:100%;
  }
}
@media only screen and (max-width : 992px) {
  .page-accomodation h2 {
    flex:0 0 100%;
    max-width:100%;
  }
}

/* Seite, Uebersicht
*********************************/
.page-overview {}
.page-overview .page-header h1 {
  text-align:center;
  font-family:'trashhand';
  font-size:3.875rem;
  line-height:1.1;

}
.page-overview .page-icon {
  min-height:4.5rem;
  background-position:50% 50%;
  background-repeat: no-repeat;
}
.page-overview .page-intro {
  text-align:center;
  font-size:1.6875rem;
  padding-left:10%;
  padding-right:10%;
  padding-bottom:4rem;
}
.page-overview .page-overview-pages {
  padding:4rem 0;
  background:#f3f3f3;
  border:solid #dedede;
  border-width:1px 0;
}

.page-overview .articles-overview .article .article-title {
  font-size:1.25rem;
}
.page-overview .articles-overview .article .article-image {
  padding:0 0 70% 0;
  position:relative;
}
.page-overview .articles-overview .article .article-image .inner {
  position:absolute;
  left:0;
  top:0;
  right:0;
  bottom:0;
}

@media only screen and (min-width : 768px) {
  .page-overview .articles-overview .article {
    flex:0 0 33.3333%;
    max-width:33.3333%;
  }
}

/* Seite, Sitemap
*********************************/
.page-sitemap .sitemap ul {
  margin:0 0 1.3rem 0;
  padding:0;
  list-style:none;
}
.page-sitemap .sitemap ul li {
  margin:0;
  padding:0;
}
.page-sitemap .sitemap ul li.d1 > a {
  font-size:1.6875rem;
  line-height:1.4;
  font-weight:300;
  color:#cc1718;
  margin:0 0 1rem 0;
}
.page-sitemap .sitemap ul li.d2 > a {
  font-size:1rem;
  line-height:1.4;
  font-weight:700;
  margin:0 0 .375rem 0;
}

.page-sitemap .sitemap ul li.d3 {
  margin-left:1.3rem;
  list-style: square;
}

@media only screen and (min-width : 768px) {
  .page-sitemap .sitemap > ul {
    display:flex;
    flex-wrap: wrap;
  }
  .page-sitemap .sitemap > ul > li {
    flex:0 0 50%;
    max-width:50%;
  }
}

/* Seite, Suche
*********************************/
.page-search form.search {
  display:flex;
}

/* Seite, iFrame
*********************************/
.page-iframe .page-frame {
  margin-left:-1rem;
  /*margin-top:-4rem;*/
  width: calc(100% + 1rem);
}
@media only screen and (min-width : 750px) {
  .page-iframe .page-frame {
    margin-left:-3rem;
    /*margin-top:-6rem;*/
    width: calc(100% + 6rem);
  }
}

/* Artikel, Standard
*********************************/
.articles {
}
.articles .article {
  clear:both;
  border-top:solid #ccc 1px;
  padding:1rem 0 0 0;
  margin:0 0 1rem 0;
}
.articles .article .article-header {
  margin:0 0 1.3em 0;
}
.articles .article .article-header > * {
  margin:0;
}
.articles .article .article-image {
  margin:0 0 1.3em 0;
}
.articles .article .article-image img {
  width:100%;
  height:auto;
}
.articles .article .article-content {}

@media only screen and (min-width : 768px) {
  .articles .article .article-image {
    float:left;
    width:calc(33.33% - 1rem);
  }
  .articles .article .article-image + .article-content {
    float:right;
    width:calc(66.66% - 1rem);
  }
}

/* Artikel, Standard, Detail
*********************************/
.article-detail {}
.article-detail .article-intro {
  font-weight:600;
}

/* Artikel, Um die Ecke
*********************************/
.articles-nearby {}
.articles-nearby .article {
  margin-bottom:1rem;
}
.articles-nearby .article-image {
  flex:0 0 45%;
  max-width:45%;
}
.articles-nearby .article-image img {
  width:100%;
  height:auto;
  display:block;
}
.articles-nearby .article-content {
  flex:0 0 55%;
  max-width:55%;
}

/* Google Maps Consent
*********************************/
.gmap-consent {
  height:100%;
  display:flex;
  flex-direction:column;
  justify-content: center;
  align-items: center;
}

/* Artikel, Badestellen
*********************************/
.gmap-badestellen {
  height:30rem;
  background:#f3f3f3;
  margin:0 0 1.5rem 0;
}
.articles-badestellen {
  margin-bottom:4rem;
}
.articles-badestellen .article {
  padding:.75rem 0 0 0;
}
.articles-badestellen .article .article-header {
  margin-bottom:.75rem;
}
.articles-badestellen .article .article-header h2 {
  font-size:1rem;
  font-weight:bold;
}

/* Artikel, Badestellen, v2
*********************************/
.gmap-badestellen-v2 {
  height:30rem;
  background:#f3f3f3;
  margin:0 0 1.5rem 0;
}
.articles-badestellen-v2 {
  margin-bottom:4rem;
}
.articles-badestellen-v2 .article {
  padding:.75rem 0 0 0;
}
.articles-badestellen-v2 .article .article-header {
  margin-bottom: 0;
  padding-bottom: 0.75rem;
}
.articles-badestellen-v2 .article .article-header h2 {
  font-size:1rem;
  font-weight:bold;
}
.articles-badestellen-v2 .article p:empty {
  display:none;
}
.infowindow-content p {
  margin:0 0 .5em 0;
}

/* Artikel, Akkordeon
 **********************************/
 .articles-accordion .accordion-trigger {
  cursor:pointer;
  position:relative;
  padding-right:2rem;
}
.articles-accordion .accordion-trigger::after {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  content: "\f107";

  position:absolute;
  right:0;
  top:50%;
  transform:translate(0, -50%);
  transition:transform .2s ease;
  font-size:1.5rem;
}
.articles-accordion .accordion-trigger.active::after {
  transform:translate(0, -50%) rotate(-180deg);
}

/* Artikel, Details-Akkordeon
 **********************************/
.details-accordion {
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
.details-accordion__header {
  cursor:pointer;
  position:relative;
  padding-right:2rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  border-top: solid #ccc 1px;
}
.details-accordion__header h2 {
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: bold;
}
.details-accordion__header::after {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  content: "\f107";

  position:absolute;
  right:0;
  top:50%;
  transform:translate(0, -50%);
  transition:transform .2s ease;
  font-size:1.5rem;
}
.details-accordion__content {
  padding-bottom: 1rem;
}
.details-accordion__content :not(br):empty {
  display: none;
}
.details-accordion__content > :last-child {
  margin-bottom: 0;
}
.details-accordion[open] .details-accordion__header::after {
  transform:translate(0, -50%) rotate(-180deg);
}

/* Artikel, Uebersicht
*********************************/
.articles-overview {
  padding-top:1.5rem;
  padding-bottom:1.5rem;
}
.articles-overview .row {
  margin-left:-.5rem;
  margin-right:-.5rem;
}
.articles-overview .row .col {
  padding-left:.5rem;
  padding-right:.5rem;
}
.articles-overview .article {
  margin-bottom:1rem;
  flex:0 0 100%;
}
.articles-overview .article .article-inner {
  position:relative;
}
.articles-overview .article a.editlink {
  position:absolute;
  left:0;
  top:0;
  z-index:1090;
}
.articles-overview .article a.article-link {
  display:block;
  position:relative;
}
.articles-overview .article .article-title {
  background:rgba(101,101,101,.9);
  color:#fff;
  text-transform:uppercase;
  font-size:1.6875rem;
  font-size:1.125rem;
  padding:.5rem 1rem;
  max-width:80%;
  text-align:right;
  position:absolute;
  right:.5rem;
  top:-.5rem;
  z-index:2;
}
.articles-overview .article .article-image {
  height:0;
  padding:0 0 45% 0;
  background-size:cover;
  background-position:50% 50%;
  background-color:#dedede;
  position:relative;
  overflow:hidden;
}
.articles-overview .article .article-image .inner {
  background-size:cover;
  background-position:50% 50%;
  background-color:#dedede;
  position:absolute;
  left:0;
  top:0;
  right:0;
  bottom:0;
  z-index:1;
  transition:transform .2s ease;
}
.articles-overview .article:hover .article-image .inner {
  transform:scale(1.05);
}
.articles-overview .article .title {
  position: absolute;
  left: calc(100% - 0.375rem);
  bottom: .375rem;
  z-index:1;
  font-size: .625rem;
  color: #fff;
  text-shadow:1px 1px 0 rgba(0,0,0,1);
  transform: rotate(-90deg);
  transform-origin: bottom left;
  white-space: nowrap;
}

@media only screen and (min-width : 768px) {
  .articles-overview .article {
    flex:0 0 50%;
    max-width:50%;
  }
  .articles-overview .article .article-title {
    font-size:1.6875rem;
  }
}

/* Artikel, Uebersicht, Grid
*********************************/

@media only screen and (min-width : 768px) {
  @supports (display: xgrid) {
    .articles-overview-ext .row {
      display:grid;
      grid-template-columns:50% 50%;
      grid-auto-rows:15rem 15rem 18.75rem;
      grid-gap:1rem;
      margin:0;
    }
    .articles-overview-ext .article {
      display:flex;
      flex:0 0 100%;
      max-width: none;
      margin:0;
      padding:0;
    }
    .articles-overview-ext .article .article-inner {
      display:flex;
      flex:0 0 100%;
    }
    .articles-overview-ext .article .article-inner a {
      display:flex;
      flex:0 0 100%;
    }
    .articles-overview-ext .article .article-image  {
      display:flex;
      flex:0 0 100%;
      height:auto;
      padding:0;
    }
    .articles-overview-ext .article:nth-child(4n+1) {
      grid-row:span 2;
    }
    .articles-overview-ext .article:nth-child(4n+2) {
    }
    .articles-overview-ext .article:nth-child(4n+3) {
    }
    .articles-overview-ext .article:nth-child(4n+4) {
      grid-column:span 2;
      /*grid-row:span 2;*/
      height:18.75rem;
    }
  }
}

/* Artikel, Uebersicht, Flexbox
*********************************/
@media only screen and (min-width : 768px) {
  .articles-overview-ext .row {
    display:table;
    width:100%;
  }
  .articles-overview-ext .col {
    float:left;
    width:50%;
  }
  .articles-overview-ext .article .article-inner {
    display:flex;
    height:100%;
  }
  .articles-overview-ext .article .article-inner a {
    display:flex;
    flex:0 0 100%;
    height:100%;
  }
  .articles-overview-ext .article .article-image {
    display:flex;
    flex:0 0 100%;
    height:100%;
    padding:0;
  }
  .articles-overview-ext .article:nth-child(4n+1) {
    height:31rem;
  }
  .articles-overview-ext .article:nth-child(4n+2) {
    height:15rem;
  }
  .articles-overview-ext .article:nth-child(4n+3) {
    height:15rem;
  }
  .articles-overview-ext .article:nth-child(4n+4) {
    height:18.75rem;
    width:100%;
    max-width:100%;
  }
}

/* Artikel, Bereiche
*********************************/
.articles-sections-wrapper {
  background:#f3f3f3;
  border:solid #dedede;
  border-width:0 0 1px 0;
  margin:0 0 3rem 0;
  padding:0 0 3rem 0;
}
.articles-sections {}
.articles-sections .article {
  flex:0 0 50%;
  max-width:50%;
}
.articles-sections .article .article-link {
  display:block;
  text-decoration:none;
  color:#666;
}
.articles-sections .article .article-link h2 {
  transition:color .2s ease;
}
.articles-sections .article .article-link:hover h2 {
  color:#cc1718;
}
.articles-sections .article .article-image {
  height:0;
  padding:0 0 50% 0;
  background-repeat:no-repeat;
  background-position:50% 50%;
}
.articles-sections .article .article-content {
  text-align:center;
  max-width:80%;
  margin:0 auto;
}
.articles-sections .article h2 {
  font-family:'trashhand';
  color:#000;
}
/*
.articles-sections .article:nth-child(2) a {
  color:var(--green);
}
.articles-sections .article:nth-child(3) a {
  color:var(--blue);
}
.articles-sections .article:nth-child(4) a {
  color:var(--purple);
}*/

@media only screen and (min-width : 768px) {
  .articles-sections .article {
    flex:0 0 25%;
    max-width:25%;
  }
}

/* Artikel, Fakten
*********************************/
.articles-facts {
  font-size:1.6875rem;
  display:flex;
  padding:0 0 5rem 0;
}
.articles-facts .article {
  flex:0 0 100%;
}
.articles-facts .article .row {
  align-items: center;
}
.articles-facts .article .article-map {
  flex:0 0 50%;
  margin:0 auto;
}
.articles-facts .map-berlin-spandau {
  height:0;
  padding:0 0 88.57% 0;
  background-size:contain;
  background-repeat:no-repeat;
  background-position:50% 50%;
  background-image:url(/assets/images/map-berlin-spandau.svg);
}
.articles-facts .article .article-content {
  flex:0 0 100%;
}

@media only screen and (min-width : 768px) {
  .articles-facts .article .article-map {
    flex:0 0 20%;
    max-width:20%;
  }
  .articles-facts .article .article-content {
    flex:0 0 80%;
    max-width:80%;
  }
}

/* Artikel, Slider, Polaroid
*********************************/
.articles-slider {}
.articles-slider .article {
  padding:5.5rem 0;
}
.no-js .articles-slider .article:not(:first-child) {
  display:none;
}
.articles-slider .article .article-background {
  background-size:cover;
  background-position:50% 50%;
  background-repeat:no-repeat;
  /*height:24rem;*/
  position:relative;
}
.articles-slider .article .article-background .title {
  position: absolute;
  left: calc(100% - 0.375rem);
  bottom: .375rem;
  font-size: .75rem;
  color: #fff;
  text-shadow:1px 1px 0 rgba(0,0,0,1);
  transform: rotate(-90deg);
  transform-origin: bottom left;
  white-space: nowrap;
}

.articles-slider .article .article-content {
  flex:0 0 100%;
  order:2;
  max-width:100%;
  padding-top:2rem;
  padding-bottom:2rem;
  display:flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.articles-slider .article .article-content .btn {
  margin-top:.5rem;
}
.articles-slider .article .article-content-text {
  color:#fff;
  font-size:1.5rem;
  text-shadow:1px 1px 2px #000;
  max-width:100%;
}
.articles-slider .article .article-content-text h3 {
  font-size:1.5rem;
  margin:0 0 .75rem 0;
}
.articles-slider .article .article-content-text p {
  margin:0 0 .75rem 0;
}
.articles-slider .article .article-content-text a {
  color:#fff;
  text-decoration: underline;
}
.polaroid-container {
  position:relative;
  flex:0 0 100%;
  order:1;
  max-width:100%;
  height:28rem;
  height:0;
  padding-bottom:90%;
  margin-bottom:-5rem;
  display:flex;
  justify-content: center;
}
.polaroid {
  background:#e8e8e9;
  box-shadow:0 0 1rem rgba(0,0,0,.5);
  width:70%;
  max-width:27rem;
  transform:translate(-50%, 0) rotate(6.5deg);
  transform-origin: 50% 50%;
  position:absolute;
  top:-3.25rem;
  left:50%;
  z-index:1010;
}
.polaroid .polaroid-link {
  display:block;
  text-decoration: none;
}
.polaroid .polaroid-image {
  padding:1.5rem 1.5rem 0 1.5rem;
}
.polaroid .polaroid-image .image-inner {
  background:#dedede;
  height:0;
  padding:0 0 100% 0;
  position:relative;
  overflow:hidden;
}
.polaroid .polaroid-image img {
  display:block;
  width:24rem;
  height:auto;
}
.polaroid .polaroid-image .title {
  position: absolute;
  left: calc(100% - 0.375rem);
  bottom: .375rem;
  font-size: .75rem;
  color: #fff;
  text-shadow:1px 1px 0 rgba(0,0,0,1);
  transform: rotate(-90deg);
  transform-origin: bottom left;
  white-space: nowrap;
}
.polaroid .polaroid-text {
  text-align:center;
  font-family: trashhand;
  font-size:3rem;
  font-size:2rem;
  line-height:1;
  text-overflow:hidden;
  color:#000;
  padding:1rem 1.5rem;
}

.articles-slider .slick-arrow {
  background:transparent;
  border:0;
  padding:0;
  font-size:2.5rem;
  opacity:.8;
  transition:opacity .2s ease;
}
.articles-slider .slick-arrow:hover {
  opacity:1;
}

@media only screen and (min-width : 768px) {
  .articles-slider .article .article-background {
    height:24rem;
  }
  .articles-slider .article .article-content {
    flex:0 0 50%;
    max-width:50%;
    min-height:24rem;
    order:1;
  }
  .polaroid-container {
    flex:0 0 50%;
    max-width:50%;
    max-height:24rem;
    order:2;
    margin:0;
    height:24rem;
    padding-bottom:0;
  }
  .polaroid {
    bottom:auto;
    top:-3.25rem;
    top:50%;
    transform:translate(0, -50%) rotate(6.5deg);
  }
  .polaroid .polaroid-text {
    font-size:3rem;
  }
}

/* Artikel, Slider, am Seitenanfang
 * ******************************/

#main > :first-child .articles-slider {
  background:#f3f3f3;
}
#main > :first-child .articles-slider .article {
  padding:0 0 6.5rem 0;
}
#main > :first-child .articles-slider .article .article-content {
  text-align:center;
  order:1;
}
#main > :first-child .articles-slider .article .article-content-text {
  text-align:center;
  font-size:2.5rem;
  line-height:1.2;
  font-weight:500;
}
#main > :first-child .articles-slider .article .article-content .btn {
  margin:.5rem auto 0 auto;
}
#main > :first-child .articles-slider .article .polaroid-container {
  order:2;
  margin-bottom:0;
}
#main > :first-child .articles-slider .article .polaroid-container .polaroid {
  bottom:-3.25rem;
  top:auto;
}


@media only screen and (min-width : 768px) {
  #main > :first-child .articles-slider .article .article-background {
    height:29.5rem;
  }
  #main > :first-child .articles-slider .article .article-content {
    order:2;
    height:29.5rem;
  }
  #main > :first-child .articles-slider .article .polaroid-container {
    order:1;
    height:29.5rem;
    max-height:29.5rem;
  }
  #main > :first-child .articles-slider .article .polaroid-container .polaroid {
    top:auto;
    bottom:-4rem;
    left:50%;
    transform:translate(-50%, 0) rotate(6.5deg);
  }
}



/* Gallery, Slick
*********************************/
.gallery-slick {
  margin:0 0 1.3rem 0;
  overflow:hidden;
  position:relative;
}
.slick {
  margin:0;
  padding:0;
  list-style:none;
}
.slick li {
  margin:0;
  padding:0;
  position:relative;
}
.no-js .slick li:not(:first-child) {
  display:none;
}
.slick li img {
  display:block;
  width:100%;
  height:auto;
}
.slick li .title {
  position: absolute;
  left: calc(100% - 0.375rem);
  bottom: .375rem;
  font-size: .75rem;
  color: #fff;
  text-shadow:1px 1px 0 rgba(0,0,0,1);
  transform: rotate(-90deg);
  transform-origin: bottom left;
  white-space: nowrap;
}
.slick-arrow {
  position:absolute;
  left:1rem;
  top:50%;
  transform: translate(0, -50%);
  z-index:1090;
  background:transparent;
  border:0;
  padding:0;
  font-size:2.5rem;
  opacity:.8;
  transition:opacity .2s ease;
}
.slick-next {
  left:auto;
  right:1rem;
}
.slick .slick-arrow:hover {
  opacity:1;
  background:top;
}
.slick .slick-arrow:focus {
  color:#2d57a3;
  outline:0;
}

/* Google-Karte
*********************************/
.gmap {
  height:30rem;
  background:#f3f3f3;
}
.gmap-start {
  height:30rem;
  background:#f3f3f3;
}
.gmap-start-filter {}
.gmap-start-filter label {
  margin:0 1rem .5rem 0;
  display:inline-block;
  cursor:pointer;
}
.gmap-start-filter label input[type=checkbox] {
  width:0;
  height:0;
  overflow:hidden;
  display:none;
}
.gmap-start-filter label .checkbox-replacement {
  display:inline-block;
  min-width:1rem;
  padding:.25rem;
  font-size:.75rem;
  color:transparent;
  background:#dedede;
}
.gmap-start-filter label:nth-child(1) .checkbox-replacement {
  background:#2a56a2;
}
.gmap-start-filter label:nth-child(2) .checkbox-replacement {
  background:#f29b12;
}
.gmap-start-filter label:nth-child(3) .checkbox-replacement {
  background:#1dad3b;
}
.gmap-start-filter label:nth-child(4) .checkbox-replacement {
  background:#78087f;
}
.gmap-start-filter label:nth-child(5) .checkbox-replacement {
  background:#888888;
}
.gmap-start-filter label input[type=checkbox]:checked + .checkbox-replacement .fa {
  color:#fff;
  line-height:1;
}

/* english */
html[lang=en] .gmap-start-filter label:nth-child(1) .checkbox-replacement {
  background:#f29b12;
}
html[lang=en] .gmap-start-filter label:nth-child(2) .checkbox-replacement {
  background:#2a56a2;
}
html[lang=en] .gmap-start-filter label:nth-child(3) .checkbox-replacement {
  background:#1dad3b;
}
html[lang=en] .gmap-start-filter label:nth-child(4) .checkbox-replacement {
  background:#78087f;
}

/* Formulare
*********************************/
form p {
  margin:0 0 .75em 0;
}

fieldset {
  margin:0 0 15px 0;
  padding:0;
  border:0;
}
fieldset legend {
}

.required label:after,
.required-span span.label:after,
.required-span span.label-indent:after,
.required-span span.label-block:after {
  content:'*';
}
input[type=text],
input[type=password],
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=email],
input[type=month],
input[type=number],
input[type=search],
input[type=tel],
input[type=time],
input[type=url],
input[type=week],
select,
textarea {
  width:100%;
  margin:0;
  padding:.5rem;
  border:solid #aaa 1px;
}
input[type=text]:focus,
input[type=password]:focus,
input[type=date]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=email]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus,
select:focus,
textarea:focus {
  margin:0;
  border:solid #1e90ff 1px;
}
textarea {
  height:12rem;
}
a.btn {
  display:inline-block;
  margin:0;
  padding:.5rem 1rem;
  border:solid #2d57a3 1px;
  cursor:pointer;
  background:#2d57a3;
  color:#fff;
  text-transform:uppercase;
  text-decoration:none;
  transition:background .2s ease;
}
button {
  display:inline-block;
  margin:0;
  padding:.5rem 1rem;
  border:solid #2d57a3 1px;
  cursor:pointer;
  background:#2d57a3;
  color:#fff;
  text-transform:uppercase;
  text-decoration:none;
  transition:background .2s ease;
}
input[type=submit] {
  display:inline-block;
  margin:0;
  padding:.5rem 1rem;
  border:solid #2d57a3 1px;
  cursor:pointer;
  background:#2d57a3;
  color:#fff;
  text-transform:uppercase;
  text-decoration:none;
  transition:background .2s ease;
}
input[type=submit]::-moz-focus-inner {
  border: 0;
}
a.btn:hover,
button:hover,
input[type=submit]:hover {
  background-color:#1872cc;
}
.sendmail_emptyfield1 label,
label.sendmail_emptyfield1 {
  color:#f00;
}
.sendmail_emptyfield1 input.text,
input.sendmail_emptyfield1,
.sendmail_emptyfield1 textarea {
  border-color:#f00;
}
.message {
  border:solid #f6e468 1px;
  background:#ffffdb;
  padding:5px;
  margin:0 0 .8em 0;
}