/* Klaro
 * ******************************/
.klaro.sebnitz-rathaus-klaro .cookie-modal .cm-btn.cm-btn-success,
.klaro.sebnitz-rathaus-klaro .cookie-notice .cm-btn.cm-btn-success {
  background:#4583aa;
}
.klaro.sebnitz-rathaus-klaro .cookie-modal a,
.klaro.sebnitz-rathaus-klaro .cookie-notice a {
  color:#4583aa;
}
.klaro.sebnitz-rathaus-klaro .cookie-modal .cm-list-input.only-required+.cm-list-label .slider,
.klaro.sebnitz-rathaus-klaro .cookie-notice .cm-list-input.only-required+.cm-list-label .slider {
  background:#5198c4;
}
.klaro.sebnitz-rathaus-klaro .cookie-modal .cm-list-input:checked+.cm-list-label .slider,
.klaro.sebnitz-rathaus-klaro .cookie-notice .cm-list-input:checked+.cm-list-label .slider {
  background:#4583aa;
}
.klaro.sebnitz-rathaus-klaro .cookie-modal .cm-list-input.half-checked:checked+.cm-list-label .slider,
.klaro.sebnitz-rathaus-klaro .cookie-notice .cm-list-input.half-checked:checked+.cm-list-label .slider {
  background:#3c7091;
}

.klaro.sebnitz-rathaus-klaro .cookie-modal .cm-list-input.required:checked+.cm-list-label .slider,
.klaro.sebnitz-rathaus-klaro .cookie-notice .cm-list-input.required:checked+.cm-list-label .slider {
  background:#5198c4;
}

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

/* Google Maps
 * *********************************/
#map {
  position: relative;
}
#map .alert {
  display:flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align:center;
  padding:2rem;
  position: absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
}

/* Jiggys
 * *********************************/
.jiggy {
  background:#e7f1f7;
  padding:.625rem;
  margin:0 0 .625rem 0;
  font-size:.875rem;
}
.jiggy h4 {
  margin:0 0 .5rem 0;
}
.jiggy p {
  margin:0 0 .5rem 0;
}

/* Seite, Intro
 * *********************************/
.page-intro-container {
  background:#e0e5e1;
}
.page-intro .page-intro-content {
  padding-top:1.5rem;
  padding-bottom:1.5rem;
}
.page-intro .page-intro-content :last-child {
  margin-bottom:0;
}
.page-intro .page-intro-image .page-intro-image-inner {
  background:#aacde3;
  overflow:hidden;
}
.page-intro .page-intro-image img {
  width:100%;
  height:auto;
  display:block;
}

.page-main {
  padding-top:2rem;
  padding-bottom:2rem;
}

/* Seite, Start
 * *********************************/
.page-start .page-slider {}
.page-start .page-intro-container {
  background:transparent;
}
.page-start .page-intro {
  background:#aacde3;
  padding:1rem;
}
.page-start .page-intro .page-intro-content {
  padding:0;
}
@media only screen and (max-width : 576px) {
  .page-start .page-slider {
    padding:0;
  }
  .page-start .page-intro-container {
    padding:0;
  }
}
@media only screen and (min-width : 768px) {
  .page-start .page-intro .page-intro-content {
    column-count:2;
    column-gap:2rem;
  }
}

/* Seite, Objekt
 * *********************************/
.page-object {}
.page-images .image img {
  width:100%;
  height:auto;
}

.page-rightbar {}
.page-rightbar .box {
  background:#e7f1f7;
  padding:.625rem;
  margin:0 0 .625rem 0;
  font-size:.75rem;
}
.page-rightbar .box h2 {
  margin:0 0 .5rem 0;
}
.page-rightbar .box p {
  margin:0 0 .5rem 0;
}

/* Seite, Buchen
 * *********************************/
.page-booking .booking-iframe {
  display:none;
}
.page-booking .booking-button a {
  width:100%;
}
@media only screen and (min-width : 768px) {
  .page-booking .booking-iframe {
    display:block;
  }
  .page-booking .booking-button {
    display:none;
  }
}

/* Artikel, Standard
 * *********************************/
.articles {}
.articles .article {
  padding-bottom:1rem;
}
.articles .article .article-inner {
  height:100%;
  border-bottom:dotted #4583aa 1px;
  padding-bottom:.5rem;
}
.articles .article h2 {
  margin:0 0 .5rem 0;
}
.articles .article .article-image {
  margin-bottom:.5rem;
}
.articles .article .article-image .article-image-inner {
  height:0;
  padding:0 0 76.28% 0;
  background:url(/assets/images/image-placeholder.png);
  background-size:cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.articles .article .article-image img {
  display:block;
  width:100%;
  height:auto;
}
.articles .article .article-content {}
.articles .article .article-content p {
  margin:0 0 .5rem 0;
}
.articles .article .article-content :last-child {
  margin-bottom:0;
}

/* Artikel nicht zweispaltig in schmaler Seite */
.page-boxes .articles .article {
  flex:0 0 100%;
  max-width:100%;
}

/* Artikel, Kategorieuebersicht
 * *********************************/
.articles-overview {}
.articles-overview .article {
}
.articles-overview .article .article-inner {
  border-bottom:dotted #4583aa 1px;
  padding-top:1rem;
  padding-bottom:1rem;
  height:100%;
}
.articles-overview .article .article-content {}
.articles-overview .article .article-content h2 {
  margin:0 0 .5rem 0;
}
.articles-overview .article .article-content p {
  margin:0 0 .5rem 0;
}
.articles-overview .article .article-image {}
.articles-overview .article .article-image img {
  width:100%;
  height:auto;
}

/* Artikel, Uebernachten/Gastronomie
 * *********************************/
.articles-uebernachten {}
.articles-uebernachten .article .article-inner {
  border-bottom:dotted #4583aa 1px;
  padding-bottom:1rem;
  height:100%;
}
.articles-uebernachten .article .article-image .article-image-inner {
  height:0;
  padding:0 0 76.28% 0;
  background:url(/assets/images/image-placeholder.png);
  background-size:cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

/* Artikel, Veranstaltungen
 * *********************************/
form.eventfilter {
  padding:.625rem;
  background:#aacde3;
  white-space:nowrap;
  display:flex;
  align-items: center;
}
form.eventfilter select {
  margin:0 1rem;
}

.articles-events {}
.articles-events .article {
  border-bottom:dotted #4583aa 1px;
  padding-bottom:1rem;
  margin-bottom:1rem;
}

/* Artikel, Veranstaltungen, Detail
 * *********************************/
.page-event-detail .page-content {
  padding-bottom:1rem;
}
.page-event-detail .page-images {
  padding-bottom:1rem;
}


/* Galerie
 * *********************************/
.gallery {}
.gallery ul {
  margin:0 -.25rem;
  padding:0;
  list-style: none;
  display:flex;
  flex-wrap: wrap;
}
.gallery ul li {
  margin:0;
  padding:.25rem;
  flex:0 0 33.3333%;
  max-width:33.3333%;
}
.gallery ul li img {
  display:block;
  width:100%;
  height:auto;
}

.page-rightbar .gallery ul li {
  flex:0 0 16.666667%;
  max-width: 16.666667%;
}

/* Artikel, Akkordeon
 * *********************************/
.articles-akkordeon {
  border-bottom:dotted #4583aa 1px;
}
.articles-akkordeon .article {
  border-top:dotted #4583aa 1px;
}
.articles-akkordeon .article .article-header {
  padding:.625rem 0;
  position:relative;
}
.articles-akkordeon .article .article-header .icon {
  position:absolute;
  right:0;
  color:#888;
  transition:transform .2s ease, color .2s ease;
}
.articles-akkordeon .article .article-header.active .icon {
  transform:rotate(180deg);
  color:#4583aa;
}
.articles-akkordeon .article .article-header h2 {
  margin:0;
}
.articles-akkordeon .article .article-image {
  margin:0 0 .5rem 0;
}
.articles-akkordeon .article .article-image img {
  display:block;
  width:100%;
  height:auto;
}
.articles-akkordeon .article .article-content {
  padding:0 0 .625rem 0;
}
.articles-akkordeon .article .article-content :last-child {
  margin-bottom:0;
}

/* Artikel, Carousel
 * *********************************/
.articles-carousel-container {
  height:0;
  padding:0 0 37.89% 0;
  overflow:hidden;
}
.articles-carousel {
  overflow:hidden;
  position:relative;
}
.articles-carousel .article {
  position:relative;
  float:left;
}
.articles-carousel .article .editlink {
  position:absolute;
  left:0;
  top:0;
}
.articles-carousel .article .article-image img {
  display:block;
  width:100%;
  height:auto;
}
.articles-carousel .article .article-title {
  position:absolute;
  left:1rem;
  right:1rem;
  bottom:1rem;
  bottom:.5rem;
  color: #fff;
  text-shadow: 2px 2px 5px rgba(0,0,0,.5);
  font-size: 24px;
  font-size:1rem;
  font-weight: bold;
  font-style: italic;
  font-family: georgia,serif;
  text-align:center;
}

.slick-slider .slick-arrow {
  position:absolute;
  left:1rem;
  top:50%;
  z-index:100;
  width:2.5rem;
  height:2.5rem;
  padding:0;
  border:0;
  line-height:2.5rem;
  text-align:center;
  border-radius:100%;
  transform:translate(0, -50%);
}
.slick-slider .slick-arrow:focus {
  background:#3c7091;
  outline:0;
}
.slick-slider .slick-next {
  left:auto;
  right:1rem;
}

@media only screen and (min-width : 768px) {
  .articles-carousel .article .article-title {
    text-align:right;
    font-size:1.5rem;
  }
}

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

fieldset {
  margin:0 0 1.3rem 0;
  padding:1rem 0 0 0;
  border:0;
}
fieldset legend {
  margin:0;
  padding:0;
  font-weight:bold;
}

.form-group {
  margin-bottom:.75rem;
}
.col-form-label {
  padding-top:calc(.375rem + 1px *2);
  padding-bottom:calc(.375rem + 1px *2);
}

.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:.375rem;
  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:.375rem 1rem;
  border:solid #4583aa 1px;
  cursor:pointer;
  background:#4583aa;
  color:#fff;
  text-transform:uppercase;
  text-decoration:none;
  text-align:center;
  transition:background .2s ease;
}
button {
  display:inline-block;
  margin:0;
  padding:.375rem 1rem;
  border:solid #4583aa 1px;
  cursor:pointer;
  background:#4583aa;
  color:#fff;
  text-transform:uppercase;
  text-decoration:none;
  text-align:center;
  transition:background .2s ease;
}
input[type=submit] {
  display:inline-block;
  margin:0;
  padding:.375rem 1rem;
  border:solid #4583aa 1px;
  cursor:pointer;
  background:#4583aa;
  color:#fff;
  text-transform:uppercase;
  text-decoration:none;
  text-align:center;
  transition:background .2s ease;
}
input[type=submit]::-moz-focus-inner {
  border: 0;
}
a.btn:hover {
  background-color:#3c7091;
}
button:hover {
  background-color:#3c7091;
}
input[type=submit]:hover {
  background-color:#3c7091;
}
.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;
}