@font-face {
    font-family: 'Open Sans Condensed';
    src: url('/fonts/open-sans/OpenSansCondensed-Regular.eot');
    src: url('/fonts/open-sans/OpenSansCondensed-Regular.eot?#iefix') format('embedded-opentype'),
        url('/fonts/open-sans/OpenSansCondensed-Regular.woff2') format('woff2'),
        url('/fonts/open-sans/OpenSansCondensed-Regular.woff') format('woff'),
        url('/fonts/open-sans/OpenSansCondensed-Regular.ttf') format('truetype'),
        url('/fonts/open-sans/OpenSansCondensed-Regular.svg#OpenSansCondensed-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans Condensed';
    src: url('/fonts/open-sans/OpenSansCondensed-Bold.eot');
    src: url('/fonts/open-sans/OpenSansCondensed-Bold.eot?#iefix') format('embedded-opentype'),
        url('/fonts/open-sans/OpenSansCondensed-Bold.woff2') format('woff2'),
        url('/fonts/open-sans/OpenSansCondensed-Bold.woff') format('woff'),
        url('/fonts/open-sans/OpenSansCondensed-Bold.ttf') format('truetype'),
        url('/fonts/open-sans/OpenSansCondensed-Bold.svg#OpenSansCondensed-Bold') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans Condensed';
    src: url('/fonts/open-sans/OpenSansCondensed-SemiBold.eot');
    src: url('/fonts/open-sans/OpenSansCondensed-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('/fonts/open-sans/OpenSansCondensed-SemiBold.woff2') format('woff2'),
        url('/fonts/open-sans/OpenSansCondensed-SemiBold.woff') format('woff'),
        url('/fonts/open-sans/OpenSansCondensed-SemiBold.ttf') format('truetype'),
        url('/fonts/open-sans/OpenSansCondensed-SemiBold.svg#OpenSansCondensed-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
}



:root {
	--primaer: #0f0f0f;
	--sekundaer: #E0E0E0;
	--rot: #E52E21;
	--weiss: #FFF;
}


body {
    margin: 0;
    background: var(--weiss);
	font-family: Open Sans Condensed;
}

.container { 
    box-sizing: border-box; 
    display: flex; 
    flex-direction: column; 
    gap: 64px; 
    align-items: center; 
    justify-content: top; 
    width: 100%; 
    position: relative; 
    overflow: hidden;
    max-width: 50rem;
    margin: 5rem auto;
}

.linklist-container {
    gap: 16px !important;
}

.inner, .inner * {
    max-width: 90%;
    box-sizing: border-box; 
    display: flex; 
    flex-direction: column; 
    gap: 64px; 
    align-items: center; 
    justify-content: center; 
    width: 100%; 
    height: auto; 
    position: relative; 
    overflow: hidden;
}

.bauschu-logo {
	max-width: 60%;
}

p, a {
    font-family: "Open Sans Condensed";
    font-size: 1rem;
    font-weight: 400;
    color: var(--rot);
    gap: 0 !important;
    margin: 0;
    line-height: 1.8;
}

.linklist-container p, .linklist-container span {
	color: var(--primaer);
	width: auto !important;
}


.container .inner .linklist-container a {
    max-width: 100%;
    padding: .75rem;
    color: var(--primaer);
    background-color: var(--sekundaer);
    border-radius: 4px;
    text-decoration: none;
	flex-direction: row;
	gap: 8px !important;
}

.container .inner .rechtliches-container {
	opacity: 0.3;
    display: flex; 
    flex-direction: row; 
    gap: 8px; 
    align-items: center; 
    justify-content: center; 
    margin: 0 auto;
}

.container .inner .rechtliches-container span {
	margin: 0 10px;
}

.rechtliches .container { 
    gap: 64px; 
    height: 100%; 
    position: relative; 
    overflow: hidden;
    max-width: 50rem;
    margin: 0 auto;
}

.container .inner .datenschutz-container {
	opacity: 1;
    display: block; 
    margin: 0 auto;
	overflow: visible;
	color: var(--primaer);
}

.rechtliches .inner, .rechtliches .inner * {
    max-width: 100%;
    box-sizing: border-box; 
    display: block; 
    gap: 0; 
    width: 100%; 
    height: auto; 
    position: relative; 
    overflow: visible;
	padding: 1.6rem;
	}

.rechtliches .bauschu-logo {
	max-width: 60% !important;
}

.container .inner .rechtliches-container a, .container .inner .rechtliches-container span {
    max-width: fit-content;
    color: var(--primaer);
    text-decoration: none;
}
.container .inner .rechtliches-container span {
	margin: 0 10px;
}

p, a {
    font-size: 1.125rem;
    font-weight: 400;
    color: var(--sekundaer);
    gap: 0 !important;
    margin: 0;
    line-height: 1.8;
		;
}
.rechtliches p, .rechtliches a {
	padding: 0 !important
}
span {
    font-weight: 800;
	padding: 0 !important
}
h1, h2, h3, h4, h5, h6 {
	text-align: left;
	color: var(--sekundaer);
	padding: 0 !important
} 
ul, li {
	color: var(--sekundaer);
	padding: 0 !important
}

.container .inner .linklist-container a.accent {
    background-color: var(--rot);
}

.container .inner .linklist-container a.accent p, .container .inner .linklist-container a.accent span{
	color: var(--weiss);
}

/* Buttons ausblenden
.telefon, .route {
	display: none;
}
*/