@charset "utf-8";
	* {
	    margin: 0;
	    padding: 0;
	    box-sizing: border-box;
	}
	body {
	    color: #191919;
	    font: 0.937em/1.5em 'Arial', sans-serif;
	    background: #ebebeb;
	}
	img {
	    max-width: 100%;
	    height: auto;
	    display: block;
	}
	#wrapper {
	    position: relative;
	    max-width: 800px;
	    margin: 1rem auto;
	    overflow: hidden;
	    background: transparent;
	}
	header {
	    background: #fff;
	    padding: 1.5rem;
	    display: flex;
	    margin-bottom: 0.5rem;
	}
	article section {
	    background: #fff;
	    margin: 0.5rem 0;
	    padding: 1rem 1.5rem;
	}
	article p {
	    margin: 0.5rem 0;
	}
	article .pb {
	    margin-bottom: 0;
	}
	article .pb+ul {
	    margin-top: 0;
	}
	article h1 {
	    font-size: 1.7rem;
	    line-height: 120%;
	    margin: 1rem 0 0.5rem;
	    text-align: center;
	}
	h1,
	h2 {
	    color: #ffd600;
	}
	h2,
	h3 {
	    text-transform: uppercase;
	}
	h3 {
	    font-size: 1.2em;
	    line-height: 1.3em;
	}
	h4 {
	    font-size: 1em;
	    line-height: 1.3em;
	    margin: 0;
	}
	h4 span {
	    font-weight: normal;
	}
	article h1+p {
	    text-align: center;
	}
	article h2 {
	    font-size: 1.2rem;
	    margin-bottom: 0.5rem;
	}
	article ul {
	    margin: 0 0 1rem 1rem;
	    list-style: none;
	}
	ul ul {
	    margin-top: 0;
	}
	article ul li:before {
	    content: "\25A0";
	    color: #ffd600;
	    font-size: 10px;
	    float: left;
	    margin: 2px 0 0 -15px;
	}
	article a.apply {
	    background: #ffd600;
	    font-size: 1.1rem;
	    text-align: center;
	    color: #fff;
	    border: solid 2px #ffd600;
	    padding: .7rem 2rem;
	    display: block;
	    width: 230px;
	    margin: 2rem auto 1rem;
	}
	article a.apply:hover {
	    background: #fff;
	    color: #ffd600;
	}
	article section.kontakt {
	    display: flex;
	    flex-direction: column;
	}
	article section .kontakt-inner {
	    display: flex;
	    justify-content: flex-start;
	}
	article section.ansprechpartner {
	    display: flex;
	    flex-wrap: wrap;
	    justify-content: flex-start;
	    padding: 1.5rem 1rem;
	}
	article section .details {
	    display: flex;
	    justify-content: flex-start;
	    margin-right: 17rem;
	}
	article section .details-standort {
	    display: flex;
	    justify-content: flex-start;
	}
	article section>.details h3,
	article section .details-standort h3 {
	    margin-bottom: 0.5rem;
	}
	article section .kontakt-inner>figure {
	    margin: 10px 25px 0 0;
	}
	article section .fa-solid {
	    font-size: 3rem;
	}
	article section>.details figure {
	    margin: 0 25px 0 0;
	}
	article section .details-standort figure {
	    margin: 0 23px 0 0;
	}
	.iframe-wrapper {
	    width: 100%;
	    position: relative;
	    padding-bottom: 56.25%;
	    padding-top: 30px;
	    height: 0;
	    overflow: hidden;
	}
	.iframe-wrapper iframe {
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    border: none;
	}
	:is(a:link, a:visited, a:hover, a:active) {
	    color: inherit;
	    text-decoration: none;
	    white-space: nowrap;
	}
	footer {
	    background: #fff;
	    padding: 1rem;
	    margin-top: 0.5rem;
	}
	footer p {
	    text-align: center;
	}
	@media only screen and (max-width: 799px) {
	    #wrapper {
	        border: none;
	        margin: 0 auto;
	        padding: 0.5rem;
	    }
	    p,
	    ul {
	        -moz-hyphens: auto;
	        -webkit-hyphens: auto;
	        -ms-hyphens: auto;
	        hyphens: auto;
	    }
	}
	@media only screen and (max-width: 780px) {
	    header {
	        justify-content: center;
	    }
	    article section :is(.kontakt-inner, .details, .details-standort) {
	        display: block;
	        justify-content: center;
	        width: 100%;
	        margin: 0;
	    }
	    article section.ansprechpartner {
	        justify-content: center;
	        gap: 1rem;
	    }
	    article section :is(.kontakt-inner, .details, .details-standort) figure {
	        width: 100%;
	        margin: 0 0 1rem;
	        display: flex;
	        justify-content: center;
	    }
	    article section :is(.kontakt-inner, .details-inner, .details-standort) {
	        text-align: center;
	    }
	}
	@media only screen and (max-width: 480px) {
	    article section {
	        padding: 1rem;
	    }
	    article ul {
	        padding: 0;
	    }
	}