/* =global
--------------------------------------------------------------- */
.wrapper {
	overflow-x: hidden;
}
.mainwrapper {
	display: -ms-grid;
	display: grid;
    grid-template-columns: 10.31746% 74.074074% 10.31746%; /* 195 1400 195 / 1890 */
    gap: 2.645503%; /* 50/1890 */
	width: 97.42268%; /* 1890/1940 */
	max-width: 1890px;
	margin: 0 auto;
}
.mainwrapper>* {
	position: relative;
}
.mainwrapper>.left-column {
	grid-column: 1;
}
.mainwrapper>.main-column {
	grid-column: 2;
}
.mainwrapper>.right-column {
	grid-column: 3;
}
.bogen {
	overflow: hidden;
	position: absolute;
	width: 100%;
	pointer-events: none;
	z-index: 2;
}
.bogen svg {
	display: block;
	left: 0;
	width: 100%;
	height: auto;
}
.bogen--header svg {
	position: relative;
	top: -1px;
}
.bogen--footer {
	top: -1px;
}
.linklist a {
	display: block;
	color: inherit;
	text-decoration: none;
}
.linklist a:hover,
.linklist a:focus {
	color: inherit;
	text-decoration: underline;
}
.linklist--blue a,
.linklist--blue a:hover,
.linklist--blue a:focus,
.linklist--blue li::marker {
	color: var(--color-blue);
}
.linklist--margin li {
	margin-top: 0.2em;
    margin-bottom: 0.2em;
}


/* =header
--------------------------------------------------------------- */
.header {
	position: relative;
	z-index: 500;
	padding: 0.75em 0 1.5em;
	background: white;
}
.tmpl--no-img .header {
    padding-bottom: 5.5em;
}
.h-logo {
	position: relative;
	z-index: 3;
	margin: -0.15em 0 -1.5em;
}
.h-logo svg {
    display: block;
	width: 100%;
	height: auto;
}
.h-search-fontzoom-metanav-container {
	display: flex;
	align-items: baseline;
	font-size: 1.8rem;
	margin-bottom: calc(10px + 12 * ((100vw - 1024px) / 916));
}
.tmpl--adipositaszentrum .mainwrapper--header>.left-column {
    align-self: center;
}
.tmpl--adipositaszentrum .h-logo {
    margin: 0;
}
@media only screen and (max-width: 48em) {
    .tmpl--adipositaszentrum .mainwrapper--header {
        grid-template-columns: 125px 1fr auto;
    }
    .tmpl--adipositaszentrum .mainwrapper--header>.left-column {
        align-self: start;
    }
}


/* =searchform */
.h-searchform {
	position: relative;
	border: 1px solid var(--color-grey);
}
.h-searchform__input,
.h-searchform__submit {
	border:	 0;
	background: none;
}
.h-searchform__input {
	width: 220px;
    padding: 0.45em 0.5em 0.35em;
}
.h-searchform__input:-ms-input-placeholder {
	font-weight: 300;
}
.h-searchform__input::placeholder {
	font-weight: 300;
}
.h-searchform__submit {
	position: absolute;
	right: 1px;
	top: 1px;
	bottom: 1px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 0.5em;
	color: var(--color-grey	);
	cursor: pointer;
}
.h-searchform__submit .icon {
	width: 1em;
	height: 1em;
	transition: var(--transition-time);
}
.h-searchform__submit:hover .icon,
.h-searchform__submit:focus .icon {
	color: #000;
	transform: scale(1.2);
}

.h-metanav ul {
	display: flex;
	margin: 0;
}
.h-metanav li.active {
	font-weight: 500;
}
.h-metanav a {
	padding: 0 1em;
}
.h-metanav li.nav__item--719 a {
	display: flex;
	align-items: center;
	color: var(--color-red);
	font-weight: 500;
}
.h-metanav li.nav__item--719 a::after {
	content:"";
	width: 1.25em;
	height: 1.25em;
	margin: -0.1em 0 0 0.25em;
    background-image: url(/public/upload/assets/5413/icon-notfall-53x53.svg);
    background-size: cover;
    background-repeat: no-repeat;
}

/* =extralink */
.h-extralink {
	position: absolute;
	z-index: 3;
	top: -5.5em;
	left: -1em;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;
	width: 10.787879em;/* 356/33 */
	height: 10.787879em;/* 356/33 */
	padding: 2em 3.5em 1.5em 0.5em;
	background-color: var(--color-yellow);
	border-radius: 50%;
	transition: var(--transition-time);
	box-shadow: var(--box-shadow);
}
.h-extralink:hover {
	background-color: var(--color-yellow-120);
	box-shadow: -5px 5px 10px rgba(0, 0, 0, 0.4);
}
.h-extralink:focus-within {
	background-color: var(--color-yellow-120);
	box-shadow: -5px 5px 10px rgba(0, 0, 0, 0.4);
}
.h-extralink:hover .h-extralink__link {
	color: inherit;
	text-decoration: underline;
}
.h-extralink:focus-within .h-extralink__link {
	color: inherit;
	text-decoration: underline;
}
.h-extralink__img {
	margin: 0 0 0.25em;
}
.h-extralink__link {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-decoration: none;
	font-size: 0.818182em; /* 27/33 */
	color: #78787B;
	line-height: 1;
	font-weight: 500;
}
a.h-extralink__link::after {
	border-radius: 50%;
}
@media screen and (min-width: 128em) {
	.h-extralink {
        padding: 2em 1em 1.5em 1em;
    }
    .h-extralink__link {
        display: block;
    }
    .h-extralink__link span {
        margin-right: 0.35em;
    }
}

/* =sidelinks */
.h-sidelinks {
	position: fixed;
	right: 0.5em;
	top: 33%;
	z-index: 10;
	font-size: 0.560606em; /* 18.5/33 */
	font-weight: 500;

    /* behebt das stottern beim scrollen unter ios */
    /*overflow-y: scroll;*/
    -webkit-overflow-scrolling: touch;
}
.h-sidelink {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 0 0 0.25em;
	padding: 0.6em 0.6em 0.3em ;
	color: #fff;
	background: var(--color-grey);
	border: 1px solid var(--color-blue);
	border-radius: var(--border-radius);
	transition: var(--transition-time);
}
.h-sidelink:hover {
	box-shadow: var(--hover-box-shadow);
}
.h-sidelink:focus-within {
	box-shadow: var(--hover-box-shadow);
}
.h-sidelinks a {
	color: inherit;
	text-decoration: none;
}
.h-sidelink--zuweisung a {
	margin: 0.2em 0;
	-ms-writing-mode: tb-lr;
	    writing-mode: vertical-lr;
	font-size: 1.33em;
	letter-spacing: 0.03em;
}
.h-sidelink--zuweisung .h-sidelink__linktext {
	display: block;
	transform: rotate(180deg);
}
.h-sidelink__icon {
	width: 2.864865em; /* 53/18.5 */
	height: 2.864865em; /* 53/18.5 */
	margin: 0 0 0.3em;
}
.h-sidelink--gototop {
	display: none;
    background: #fff;
    color: inherit;
}
.h-sidelink--gototop.active {
	display: flex;
}

/* =Headimage */
.tmpl--img .mainwrapper--headimage {
	height: 100%;
    -ms-grid-rows: 100%;
}
.tmpl--img .h-headimage {
	position: relative;
    min-height: 200px;
	max-height: 750px;
	height: 38.659794vw; /* 750/1940 */
	background-color: var(--color-grey-80);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.tmpl--img .h-headimage__video {
    position: absolute;
    width: 100%;
    height: 100%;
}
.tmpl--img .h-headimage__video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* =Teaser */
.tmpl--img .h-teaser {
	position: absolute;
	bottom: 1em;
	left: 0;
	right: calc((100vw - 100%) / 2 * -1);
	padding: 0.5em 2em 0.5em 1em;
	font-size: calc(24px + 40 * ((100vw - 768px) / 1187));
	line-height: 1;
	color: #000;
	background-color: rgba(255,255,255,0.8);
}
@media screen and (min-width: 122.1875em) {
	.tmpl--img .h-teaser {
		font-size: 1.939394em; /* 64px */
	}
}
@media screen and (max-width: 32.5em) {
	.tmpl--img .h-teaser {
		font-size: 1em;
	}
}

/* =mainnav
--------------------------------------------------------------- */
.h-mainnav {
	margin: 0 0 1px;
	font-size: 0.909091em; /* 30/33 */
}
.h-mainnav a {
	padding: 0.25em 1em;
	white-space: nowrap;
}
.h-mainnav>ul {
	display: flex;
    margin-left: -1em;
}
.h-mainnav li.active>a {
	font-weight: 500;
}
.h-mainnav li:hover ul.level-2 {
	display: block;
}
.h-mainnav li:focus-within ul.level-2 {
	display: block;
}
.h-mainnav ul.level-2 {
	display: none;
    position: absolute;
    top: 100%;
    z-index: 1000;
    padding: 0 0 0.5em;
    background: #fff;
    border: solid var(--color-grey);
    border-width: 0 1px 1px 1px;
    font-size: 0.733333em;
    box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.2);
}
.h-mainnav ul.level-2 a {
	padding: 0.25em 1.25em;
}

/* =content
--------------------------------------------------------------- */
.grid {
	display: grid;
}
.grid--three-columns,
.main__mod .cards__lst,
.tmpl--home .main__main--top .cards__lst {
	grid-template-columns: repeat(3, 32.142857%); /* 450 / 1400 */
	gap: 0.757576em 1.785714%; /* 25/1400 */
}
.grid--two-columns,
.main__main--top .cards__lst, 
.main__main--bottom .cards__lst {
	grid-template-columns: repeat(2, 48.648649%); /* 450 / 925 */
	gap: 0.757576em 2.702703%; /* 25/33 25/925 */
}

.columns--three-columns {
	column-count: 3;
    column-gap: 1.785714%;
}
.columns--two-columns {
	column-count: 2;
    column-gap: 2.702703%;
}
.columns--three-columns>*,
.columns--two-columns>* {
    page-break-inside: avoid;
	break-inside: avoid;
}
.tmpl--home .content {
	position: relative;
    z-index: 500;
    margin-top: 1.5em;
}
.tmpl--home .main__main--top {
	grid-column: 1 / span 3;
	grid-row: 1;
}
.tmpl--content .main__main {
	grid-column: span 2;
}

.main__mod {
    grid-column: span 3;
}
.c-socialmedia__lst {
    display: flex;
}
.c-socialmedia__lst li {
    margin: 0 5% 0.5em 0;
}
.c-socialmedia__lst li svg {
    width: 100%;
    height: auto;
}

/* Abstände h2-Überschriften vereinheitlichen - Ticket #80219 */
.cms-p-1189 {
	.main.grid--three-columns {
		row-gap: 0;
	}
	.main > :is(.main__main, .main__mod) > *:last-child,
	.mod-event, .cards__lst {
		margin-bottom: 0;
	}
	.main__main--bottom > h2:first-of-type {
		margin-top: 2em;
	}
}

/* =filter
--------------------------------------------------------------- */
.c-filter {
	display: flex;
    align-items: baseline;
    font-size: 0.888889em;
}
@media screen and (max-width: 48em) {
    .c-filter {
        flex-direction: column;
        align-items: stretch;
    }
}
.c-filter__form {
	flex: 1 0 50%;
    position: relative;
    background-color: var(--color-blue);
    color: #fff;
}
.c-filter__form__label {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.1em 0.75em 0;
}
.c-filter__form__label .icon {
    width: 0.9em;
    height: 0.9em;
}
.c-filter__form__input {
	width: 100%;
	padding: 0.5em 0.5em 0.5em 2.25em;
    border: 0;
    background: 0;
    color: inherit;
    font-weight: 300;
    line-height: 1;
}
.c-filter__form__input:-ms-input-placeholder {
	color: #fff;
}
.c-filter__form__input::placeholder {
	color: #fff;
}
.c-filter__status {
	flex: 1 0 50%;
    padding: 0.5em 1em;
}

/* =contentnav
--------------------------------------------------------------- */
.c-contentnav ul.level-1>li {
    list-style: none;
    margin: 0;
    padding: 1.5em 0;
    border-bottom: 1px solid var(--color-grey);
}
.c-contentnav ul.level-2 {
    margin: 0 0 0.5em;
    column-count: 2;
    column-gap: 6.428571%; /*90/1400*/
}
@media screen and (max-width: 48em) {
    .c-contentnav ul.level-2 {
        column-count: 1;
    }
}
.c-contentnav ul.level-2>li {
	position: relative;
    margin: 0 0 0 1.5em;
    list-style: disc;
}
.c-contentnav ul.level-2>li::marker {
    color: var(--color-blue);
}
.c-contentnav ul.level-2>li>a {
    padding-right: 2em;
}
.c-contentnav ul.level-2>li>a::after,
.c-contentnav ul.level-2>li>a:hover::after,
.c-contentnav ul.level-2>li>a:focus::after {
    content: ">";
    position: absolute;
    right: 0;
    top: calc(50% - 0.6em);
}


/* =teaser
--------------------------------------------------------------- */

.teaser {
    border-radius: var(--border-radius);
    overflow: hidden;
}


/* =cards
--------------------------------------------------------------- */
.cards {
	grid-column: span 3;
}
.cards__lst {
	list-style-type: none;
}
.card {
	position: relative;
	height: 0;
	padding-bottom: 100%;
	margin: 0;
	border: 2px solid var(--color-grey);
	border-radius: var(--border-radius);
    background-color: #fff;
	transition: var(--transition-time);
}
:where(.card).card--blue {
	border-color: var(--color-blue);
	background-color: var(--color-blue);
	color: #fff;
}
.card__inner {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 1em 1em 0.5em;
	font-size: 0.848485em; /* 28/33 */
}
.card--space-around .card__inner {
    justify-content: space-around;
}
.card__txt {
	flex: 1 0 auto;
	width: 100%;
	margin-bottom: auto;
}
.card--no-icon .card__txt,
.card--title-invis .card__txt {
    margin-top: auto;
    flex: 0;
}
.card__txt>* {
	margin: 0;
}
.card__title {
	font-size: 1.428571em; /* 40/28 */
    margin-bottom: 0.25em;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}
.card__content--alignleft {
	text-align: left;
}
.card__content p {
	margin: 0;
}
.card--blue .card__content a:hover,
.card--blue .card__content a:focus {
	color: var(--color-yellow)
}
.card__icon {
	width: 2.787879em; /* 92/33 */
	height: 2.787879em; /* 92/33 */
	margin: 0 0 0.75em;
}
.card__icon svg {
    width: 100%;
	height: auto;
}
.card--title-invis .card__icon {
    margin: 0;
}
.card__link a {
	display: flex;
	align-items: center;
}
.card__link a:is(:hover, a:focus),
.showmore a:is(:hover, a:focus) {
	color: var(--color-blue);
}
.card--blue a,
.card--blue .card__link a:is(:hover, a:focus) {
	color: inherit;
}
.card--blue a.arrow-icon::before {
    display: inline-block;
	background-image: url("data:image/svg+xml,%3Csvg enable-background='new 0 0 33 33' height='33' viewBox='0 0 33 33' width='33' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff'%3E%3Cpath d='m13 21.4 1.6 1.6 6.5-6.5-6.5-6.5-1.6 1.6 3.7 3.8h-16.2v2.2h16.2z'/%3E%3Cpath d='m27.8 5.2c-3.1-3.1-6.9-4.7-11.3-4.7-3.4 0-6.4 1-9.1 2.9s-4.6 4.4-5.8 7.4h2.4c.7-1.5 1.6-2.8 2.8-4 2.7-2.7 5.9-4 9.7-4s7 1.3 9.7 4 4 5.9 4 9.7-1.3 7-4 9.7-5.9 4-9.7 4-7-1.3-9.7-4c-1.2-1.2-2.1-2.5-2.8-4h-2.4c1.1 3 3.1 5.5 5.8 7.4s5.8 2.9 9.1 2.9c4.4 0 8.2-1.6 11.3-4.7s4.7-6.9 4.7-11.3-1.6-8.2-4.7-11.3z'/%3E%3C/g%3E%3C/svg%3E");
}

.card.card--link-invis .arrow-icon::before {
	content: none;
}
.card.card--link:hover {
	box-shadow: var(--hover-box-shadow);
}
.card.card--link:hover .card__title {
	text-decoration: underline;
}
.card.card--link:focus-within {
	box-shadow: var(--hover-box-shadow);
}
.card.card--link:focus-within .card__title {
	text-decoration: underline;
}
@media screen and (max-width: 75em) {
	.card__inner {
		padding: 1.5em 1em;
		font-size: 0.727273em; /* 24/33 */
	}
}
@media only screen and (max-width: 48em) { /* 768/16 */
    .tmpl--content .grid--three-columns,
    .main__mod .cards__lst,
	.tmpl--home .main__main--top .cards__lst {
        grid-template-columns: repeat(2, 48.648649%); /* 450 / 925 */
    }
    .card__icon {
        width: 1.75em; 
        height: 1.75em; 
        margin: 0 0 0.5em;
    }
    .card__link__txt,
    .card__link .arrow-icon::before {
		display: none;
    }
}
@media only screen and (max-width: 32.5em) { /* 520/16 */
    .main__mod .cards__lst,
	.tmpl--home .main__main--top .cards__lst {
        grid-template-columns: 100%; /* 450 / 925 */
    }
    .cards__lst {
        grid-template-columns: 100%;
    }
    .card {
        height: auto;
        padding-bottom: 0;
    }
    .card__inner {
        position: relative
    }
}



/* =sidebar
--------------------------------------------------------------- */
.c-sidebar {
	grid-column: 3;
	grid-row: 1;
	max-width: 12.333333em; /* 407/33 */
	justify-self: end;
    align-self: start;
    margin-top: 3.9em;
	font-size: 0.909091em; /* 30/33 */
	background-color: var(--color-grey-80);
	color: #fff;
	border-radius: var(--border-radius);
	background-image: url('/public/upload/assets/5410/icon-info-136x136.svg');
	background-repeat: no-repeat;
	background-position: right -0.75em top -0.45em;
	background-size: 4.121212em 4.121212em; /* 136/33 */
}
.c-sidebar > * {
	font-size: 1em;
    margin-left:1.51em;
    margin-right:1.51em;
}
.c-sidebar > .c-sidebar {
	inline-size: 100%;
}
.c-sidebar > *:first-child {
    margin-top: 7.777778rem;
}
.c-sidebar > *:last-child {
    margin-bottom: 3rem;
}
.c-sidebar h2,
.c-sidebar h3 {
    font-weight: 500;
}
.c-sidebar h3 {
    margin-bottom: 0;
    -webkit-hyphens: auto;
            hyphens: auto;
    hyphenate-limit-chars: 12 4 4;
}
.c-sidebar a {
    color: inherit;
}
.c-sidebar a:hover,
.c-sidebar a:focus {
    color: var(--color-yellow);
}


/* =footer
--------------------------------------------------------------- */
.mainwrapper--footer > * {
	align-self: end;
}
.footer {
	position: relative;
	padding: 5.5vw 0 0;
	color: #fff;
	background-color: var(--color-grey-80);
}
.footer a {
	color: inherit;
	text-decoration: none;
}
.footer a:hover,
.footer a:focus {
	color: var(--color-yellow);
	text-decoration: underline;
}
.footer-section-top {
	padding: 0 0 2em;
}
.footer-section-bottom {
	padding: 0.75em 0;
	background-color: var(--color-grey);
}
.f-content {
	display: flex;
	align-items: flex-end;
}
.f-servicelinks {
	flex: 0 0 45.357143%; /* 635/1400 */
}
.f-contact {
	flex: 0 0 52.857143%; /* 740/1400 */
	margin-left: 1.785714%; /* 25/1400 */
}
.f-socialmedia__lst {
	text-align: center;
	margin: 0;
}
.f-socialmedia__lst li {
	margin: 0.5em 0 0;
}
.f-socialmedia__lst li svg {
	display: block;
	width: 1.727273em; /* 57/33 */
	height: auto;
    margin: 0 auto;
}
.f-partner img {
	width: 4.181818em; /* 138/33 */
	height: auto;
}
.f-metanav {
	font-size: 0.75em;
}
.f-metanav ul {
	display: flex;
	margin: 0;
}
.f-metanav ul li {
	margin: 0 1.5em 0 0;
}


/* =home
--------------------------------------------------------------- */
/*Toplinks*/
@media screen and (max-width: 56.25em) {
	.tmpl--home .toplinks .card__content {
		display: none;
	}
}

/*News / Events*/
.mod-news--home,
.mod-event--home {
    font-size: 0.909091em
}
.mod-news--home .mod-entry-header,
.mod-event--home .mod-entry-header {
    padding: 0.5em 0
}
.mod-news--home .mod-entry-title,
.mod-event--home .mod-entry-title {
    font-size: 1em;
    font-weight: 500;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}
.mod-news--home .mod-entry__img,
.mod-event--home .mod-entry__img {
    flex: 0 0 auto;
}
.mod-news--home .mod-entry-header .mod-entry-meta,
.mod-event--home .mod-entry-header .mod-entry-meta {
    text-decoration: underline;
}
@media only screen and (max-width: 48em) { /* 768/16 */
    .news-events .grid--three-columns {
        grid-template-columns: repeat(2, 48.648649%); /* 450 / 925 */
    }
    .news-events .card__icon {
        display: none;
    }
    .news-events .card {
        grid-column: span 2;
        width: min(100%, 270px);
        justify-self: center;
        height: auto;
        padding: 0;
    }
    .news-events .card__inner {
        position: relative;
    }
}
.news-events {
    margin-bottom: 2em;
}
.news-events .card li {
    margin: 0.5em 0;
}