.kontaktform-checkbox-heading {
  clear:both;
}
.siteNav {
  width:150px;
}
.expandNav+.siteNav_level2_container_vermietung {
    height: 120px
}
.expandNav + .siteNav_level2_container_stiftung {
     height: 100px;
}

.underline-vermietung-small {
  display:none;
}

#message {
    min-width: 100%;
    max-width: 100%;
    min-height: 60px;
}

/* Slider Kontaktseite START */
.kontaktSub__img {
    width: 100%;
    margin-bottom: 18px;
    height: calc((100vw - 2 * 8px) * .51);
    background-position: 50%;
    background-size: cover
}

.carousel__gallery__li__img--kontakt {
    width: 100%;
    height: 100%;
    background-position: 50%;
    background-size: cover
}

@media only screen and (min-width: 768px) {
    .kontaktSub__img {
        height: calc((100vw - 2 * 8px) * .51)
    }
}
@media only screen and (min-width: 960px) {
    .kontaktSub__img {
        margin-bottom: 28px;
        height: 329px
    }
}
@media only screen and (min-width: 1280px) {
    .kontaktSub__img {
        margin-bottom: 32px;
        height: 445px
    }
}
@media only screen and (min-width: 1920px) {
    .kontaktSub__img {
        height: 617px;
        margin-bottom: 48px
    }
}
/* Slider Kontaktseite END */

@media only screen and (max-width: 960px) {
  .underline-vermietung-big {
    display:none;
  }
  .underline-vermietung-small {
    display:inline-block;
  }
}
@media only screen and (min-width: 960px) {
  .siteNav {
    width:217px;
  }
  .expandNav + .siteNav_level2_container_vermietung {
       height: 100px;
   }
}
@media only screen and (min-width: 1280px) {
  .siteNav {
    width:245px;
  }
  .expandNav + .siteNav_level2_container_vermietung {
       height: 120px;
   }
  .expandNav + .siteNav_level2_container_stiftung {
       height: 110px;
   }
}
@media only screen and (min-width: 1920px) {
  .siteNav {
    width:369px;
  }
  .expandNav + .siteNav_level2_container_vermietung {
       height: 180px;
   }
  .expandNav + .siteNav_level2_container_stiftung {
       height: 183px;
   }
}

@media only screen and (max-width: 960px){
	.logo--bottom {
		bottom: unset !important;
	}	
}

@media only screen and (max-width: 380px){
	.logo--bottom {
		bottom: unset !important;
	}	
}

.carousel__gallery__li__gif--customTile--300 {
    background-size: 300px
}

.carousel__gallery__li__gif--customTile--400 {
    background-size: 400px
}

.carousel__gallery__li__gif--customTile--450 {
    background-size: 450px
}

.carousel__gallery__li__gif--customTile--500 {
    background-size: 500px
}

.carousel__gallery__li__gif--customTile--600 {
    background-size: 600px
}

.carousel__gallery__li__gif--customTile--650 {
    background-size: 650px
}

.carousel__gallery__li__gif--customTile--700 {
    background-size: 700px
}

/*
body[data-page="aktuell"] > div > main > div::before {
	content: "CORONAVIRUS - Aktuelle Informationen\a \a In Folge des Coronavirus bleibt das Volkshaus bis auf Weiteres geschlossen. In dringenden Fällen sind wir per Email erreichbar: info@volkshaus.ch\a \a Für Ticketfragen wenden Sie sich bitte direkt an den Veranstalter. ";
	z-index: 99999999999999;
	color: red;
	white-space: pre-wrap;
	display: block;
	margin-bottom: 54px;
	margin-top: 20px;
}
*/

/*
body[data-page="aktuell"] > div > main > div::before {
	content:"Das Volkshaus heisst Sie wieder Herzlich willkommen!\a Ab 6. Juni 2020 dürfen Veranstaltungen unter Einhaltung der Vorschriften und Regeln stattfinden.\a \a Angepasste Telefonzeiten: Montag – Freitag, 9.00 – 12.00  Uhr\a Per Email sind wir ganztags erreichbar: info@volkshaus.ch\a \a Für Ticketfragen wenden Sie sich bitte direkt an den Veranstalter.";
	z-index: 99999999999999;
	color: red;
	white-space: pre-wrap;
	display: block;
	margin-bottom: 54px;
	margin-top: 20px;
} */


@media screen and (max-width: 768px) {

	.seating-image {
		width: 80px;
	}
	
	.eventSeating_6 > div:nth-child(1) > span:nth-child(2)::before {
        content: "";
        height: 26px;
        width: 26px;
        display: inline-block;
        position: relative;
        top: 10px;
        margin-left: -50px !important;
        border: 3px solid black;
        margin-right: 19px;
    }
	
}


.eventSeating_6 > div:nth-child(1) > span:nth-child(2)::before {
	content: "";
	height: 26px;
	width: 26px;
	display: inline-block;
	position: relative;
	top: 5px;
	margin-left: -53px;
	border: 3px solid black;
	margin-right: 19px;
}

.eventSeating_6 > div:nth-child(1) > span:nth-child(2):hover::before {
    border: 3px solid white;
}