/* u1 */
.u1-auto-grid {
    --u1-Items-width: 10rem;
    --u1-Gap: 1rem;
    --u1-Col-gap: var(--u1-Gap);
    --u1-Row-gap: var(--u1-Gap);
    display: grid;
    grid-column-gap: var(--u1-Col-gap); /* todo: safari 10.3, after it "column-gap" */
    grid-row-gap:    var(--u1-Row-gap);
    grid-template-columns: repeat(auto-fill, minmax( var(--u1-Items-width), 1fr) ); /* min() not supported everywhere? */
    grid-template-columns: repeat(auto-fill, minmax( min(var(--u1-Items-width), 100%) , 1fr) );
    grid-auto-flow:dense; /* why */
}



.c1-fieldTable {
    display:table;
    width: 100%;
}
.c1-fieldTable > * {
    display:table-row-group;
}
.c1-fieldTable > * > * {
    display:table-row;
}
.c1-fieldTable > * > * > * {
    display:table-cell;
    padding:.5em;
    xwidth:50%;
    vertical-align:middle;
}
x.c1-fieldTable > * > * > :first-child {
	padding-left:0;
	padding-left:0;
	width:37%;
	font-weight:600;
}
.c1-fieldTable > * > * > :first-child {
	padding-left:0;
}
.c1-fieldTable > * > * > .-label {
	width:30%;
}
.c1-fieldTable > * > * > :last-child {
	padding-right:0;
}
.c1-fieldTable input:not([type=checkbox]):not([type=radio]) ,
.c1-fieldTable textarea ,
.c1-fieldTable select {
	width:100%;
    vertical-align:middle;
}

textarea {
	min-height:5em;
}


label .-label {
	font-weight:600;
}


.cd_person_section {
	padding:4em 0;
	background-color:var(--thm1-color-2-light);
}
.cd_person_section .-cols {
	display:flex;
	flex-wrap:wrap;
	padding:0 .32em;
}
.cd_person_section .-image {
	flex:1 1 13em;
	margin:2.13em;
}
.cd_person_section .-bio {
	flex:1 1 21em;
	margin:2.13em;
}

.cd_link {
    display: flex;
	align-items:center;
    max-width: 24em;
	box-sizing:border-box;
    text-align: center;
    position: relative;
    font-size: 1.09rem;
    background-color:var(--thm1-color-1);
    color: rgb(255, 255, 255);
    font-family: "Museo", serif;
    letter-spacing: 0.029em;
    text-decoration: none;
    padding: .9em 2rem;
    margin: auto;
}
.cd_link > span {
	width:min-content;
	flex:1 1 auto;
	padding:0 .4em;
}
.cd_link > .cd-plus {
	flex:0 0 auto;
}
.cd_link.width-lt-24rem {
    padding: .9em .9rem;
	xfont-size:1rem;
}
.cd_link.-Gray {
    background-color:var(--thm1-color-2);
	color:inherit;
}
.cd_link.-Light {
    background-color:var(--thm1-color-2-light);
	color:inherit;
}


.cd-plus {
	display:block;
	margin:auto;
	width:2rem;
	height:2rem;
	stroke:currentColor;
}


.cd-events {
	width:100%;
}
.cd-events h3 {
	margin-top: 3rem;
	margin-bottom: 1.3rem;
}
.cd-events .-item {
	display:flex;
	align-items:center;
	border-color: var(--thm1-color-2);
	border-style: solid;
	border-width: 0 0 .1rem 0;
	padding:1rem 0;
	margin-top:-.1rem;
	margin-bottom:0;
}
.cd-events h3 + .-item {
	border-top-width: .1rem;
}
.cd-events .-item > * {
	margin:.2rem .5rem;
}
.cd-events .-item .-body {
	flex:1 1 10rem;
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	margin-left:-.5rem;
	margin-right:-.5rem;
}
.cd-events .-item .-body > * {
	margin:0 .5rem;
}
.cd-events .-item .-title {
	flex:0 1 20rem;
}
.cd-events .-item .-performer {
	font-size:.95rem;
	flex:0 1 12rem;
	margin-right:auto;
}
.cd-events .-item .-price {
	font-size:.95rem;
	flex:0 1 auto;
}
.cd-events.width-lt-37em .-price {
	display:none;
}

.cd-events .-item .-plus {
	flex:0 0 auto;
	margin-left:1.5rem;
}
.cd-events .-item .-plus svg {
	width:2rem;
	height:2rem;
	stroke:currentColor;
	vertical-align:middle;
}
.cd-events.width-lt-20rem .-plus {
	display:none;
}





html b1-slider > .-arrow {
	box-shadow:none;
	padding:2.1rem;
}
html b1-slider .-arrow svg {
	height:4rem;
	stroke-width:.03rem;
	stroke:#fff;
}
html b1-slider .-arrow:focus svg {
	stroke-width:.04rem;
}

#logo {
	-webkit-hyphens:none;
	-ms-hyphens:none;
	hyphens:none;
}

#head {
    position: -webkit-sticky;
}


/* ie11 */
html b1-slider > .-arrow {
	background:none;
}
html .cd_link..cd_link {
	color:#fff;
}

.cd-table {
	width:100%;
}
.cd-table td ,
.cd-table th {
	padding:1em .5em;
	border-color:var(--thm1-color-2); /*ie11 stronger*/
	border-style:solid;
	border-width:0 0 .1rem 0;
	vertical-align:middle;
}
.cd-table th {
	font-weight:bold;
}
.cd-table td:first-child ,
.cd-table th:first-child {
	padding-left:0;
}
.cd-table td:last-child ,
.cd-table th:last-child {
	padding-right:0;
}



.-hasBg input,
.-hasBg textarea,
.-hasBg select {
	border:none;
}


input.c1-fakable {
    position:absolute;
    clip: rect(0 0 0 0);
}
input.c1-fakable + i {
	position:relative;
	display:inline-block;
    xwidth:1em;
    xheight:1em;
    width:1.1rem;
    height:1.1rem;
    background-color:#fff;
    border:.15em solid #fafafa;
}
input[type=radio].c1-fakable + i {
	border-radius:50%;
}
input.c1-fakable:checked + i {
	background-image:url(/qg/cms.layout.custom.7/pub/img/checkbox.svg);
	background-size:120%;
	background-repeat:no-repeat;
	background-position:center;
}


select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("/qg/cms.layout.custom.x/pub/img/dropdown.svg");
    background-image:url(
        "data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2021.3%2012.1%22%20fill%3D%22%23284168%22%3E%3Cpath%20d%3D%22M10.7%2012.1L0%201.5%201.4.1l9.3%209.2L19.9%200l1.4%201.4z%22%2F%3E%3C%2Fsvg%3E"
    );
    background-repeat: no-repeat;
    background-size: .8em .8em;
    background-position: top 50% right .4em;
    padding-right: 2.7em;
    zz_text-overflow: ellipsis;
}
select::-ms-expand {
    display: none;
}


.c1-accordion > .-panel {
	display: block;
	margin: 0;
	transition: height .5s;
}
.c1-accordion > .-panel[hidden] {
	height:0;
	overflow:hidden;
}


[aria-expanded=true] .if-inactive {
	display:none;
}
[aria-expanded=false] .if-active {
	display:none;
}

@media (max-width: 600px) {
	#head {
		font-size:.95rem;
	}
	.c1-fieldTable > * > * {
		display: block;
	}
	.qgCmsPage .c1-fieldTable > * > * > * {
		display: block;
		width: auto;
	}
	.c1-fieldTable > * > * > :first-child {
		padding: 0.45em 0 0.2em 0;
	}
	.c1-fieldTable > * > * > :last-child {
		padding: 0.2em 0 0.45em 0;
	}
}



#main  {
	transition:opacity .9s;
	transition-property:opacity filter;
}
body.cd_nav_hover #main,
body.cd_nav_hover #foot {
	opacity:.3;
	filter:blur(4px);
}



[c1-expander1="read-more"] {
	cursor:pointer;
	color:var(--thm1-color-1);
}
[c1-expander1="read-more"] svg {
	width:4rem;
	height:4rem;
}


#foot .toTop {
	position:fixed;
	bottom:2rem;
	right:2rem;
	width:2rem;
	height:2rem;
	opacity:0;
	transition:opacity .3s;
	color:var(--thm1-color-1);
}
body.cd-scrolled #foot .toTop {
	opacity:1;
}


.cd-slideDown {
	transition:height .2s;
	height:0;
}
.cd-slideDown[c1-expander1-target="open"] {
	height:var(--c1-scrollHeight);
}


body {
	--cd-gap:2rem;
	--cd-row-gap: var(--cd-gap);
	--cd-col-gap: var(--cd-gap);
}
[cd-gap] {
	margin: calc(var(--cd-gap)*-.5) 0 calc(var(--cd-gap)*-.5) calc(var(--cd-gap)*-1);
}
[cd-gap] > * {
	margin:calc(var(--cd-gap)*.0) 0 calc(var(--cd-gap)*.5) var(--cd-gap);
}

[thm1-width] {
    padding-left: 3rem;
    padding-right: 3rem;
}

@media (max-width: 600px) {
	[thm1-width] {
		padding-left: 2rem;
		padding-right: 2rem;
	}
}
@media (max-width: 420px) {
	[thm1-width] {
		padding-left: 1.7rem;
		padding-right: 1.7rem;
	}
}

.cms_cont_privacy_policy1_notice [thm1-width] {
	max-width: 65.2rem;
	flex-wrap:wrap;
	gap:1rem;
}
.cms_cont_privacy_policy1_notice .-text.-text {
	flex:1 1 20rem;
}
.cms_cont_privacy_policy1_notice button {
	align-self:flex-start;
}

/* Slider-Datum gleich gross wie Beschreibungstext */
html .-m-cms-cont-cd-start .-textSlider .-date {
    font-size: inherit;
}

/* Startseitenbilder auf schmalen Bildschirmen höher anzeigen */
@media (max-width: 600px) {
    .-m-cms-cont-cd-start .-imageSlider cms-image2::after {
        padding-bottom: 75%;
    }
}

/* Grosse Werbekacheln: Text auf Desktop und Handy kleiner */
html .-m-cms-cont-cd-link_gross .-text {
    font-size: 1.6rem;
    line-height: 1.2;
}

@media (max-width: 600px) {
    html .-m-cms-cont-cd-link_gross .-text {
        font-size: 1.4rem;
    }
}