/*
 * Fira Sans Font:
 * Digitized data copyright (c) 2012-2015, The Mozilla Foundation and Telefonica S.A.
 * This Font Software is licensed under the SIL Open Font License, Version 1.1.
 * This license is copied below, and is also available with a FAQ at:
 * http://scripts.sil.org/OFL
 * SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
 */
@font-face{
    font-family: 'Fira Sans';
    src: url('../webfonts/FiraSans-Light.woff2') format('woff2'),
         url('../webfonts/FiraSans-Light.woff') format('woff');
    font-weight: 300;
    font-display: swap;
}
@font-face{
    font-family: 'Fira Sans';
    src: url('../webfonts/FiraSans-Regular.woff2') format('woff2'),
         url('../webfonts/FiraSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}
@font-face{
    font-family: 'Fira Sans';
    src: url('../webfonts/FiraSans-Bold.woff2') format('woff2'),
         url('../webfonts/FiraSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
	font-display: swap;
}
:root {
	--dsr-blue:#19599C;
	--dsr-blue-dark:#005694;
	--dsr-bluehover:#1F6EBF;
	--dsr-yellow:#f1d90d;
	--dsr-success-normal-a:#EBF9DF;
	--dsr-success-normal-b:#CEEAB8;
	--dsr-success-hover-a:#F6FDEF;
	--dsr-success-hover-b:#D9EFC7;
	--dsr-success-active-a:#D6F3BD;
	--dsr-success-active-b:#B9E199;
	--dsr-navbarheight:82px;
}

body, div, nav, section, main, li, p, a, button, h1, h2, h3, h4, h5, h6, input, select, option, label {
	font-family: 'Fira Sans', Arial, sans-serif;
}

html {
	padding:0;
	margin:0;
}
body {
	background-color:#fff;
	padding:0;
	margin:0;
}

h1 {
	color:#fff;
	text-transform: uppercase;
	font-weight:bold;
	font-size:2.75rem;
}
h2 {
	color:#000;
	text-transform: uppercase;
	font-weight:bold;
	font-size:1.75rem;
}
h3 {
	color:#000;
	font-weight:bold;
	font-size:1.25rem;
}

a {
	color:var( --dsr-blue );
}
a:hover {
	color:#9A8A00;
}

header {
	height:190px;
	min-width:25vw;
	position:fixed;
	top:0;
	right:0;
	padding:40px;
	background-image:url('../gfx/headerbg.svg');
	background-repeat:no-repeat;
	background-position:top right;
	background-size:contain;
	text-align:right;
}
header img {
	height:130px;
}


div#header {
	height:35vh;
	margin:0 0 2rem auto;
	background-image:url('../gfx/start.avif');
	background-repeat:no-repeat;
	background-position:top right;
	background-size:contain;
	padding:0;
	text-align:right;
}
h1 {
	display:inline-block;
	text-align:right;
	margin:25vh 5vh 0 0;
	text-shadow:1px 1px 1px #000;
	font-size:4.6vh;
}

section {
	margin-bottom:4rem;
}

section > div {
	padding:1.25rem 5rem 0 5rem;
}

ul, ol {
	margin-top:0;
	margin-bottom:0;
	padding-top:0;
	padding-bottom:0;
}


section#start > div:nth-child(2) {
	margin-top:-70px;
}
div#lstsv2 {
	margin-left:20vw;
	margin-top:40px;
}
section#start > div:nth-child(2) ul {
	margin-top:30px;
}
section#svplus > div, section#mietwagen > div {
	display:flex;
	flex-direction:row;
	flex-wrap:no-wrap;
	align-items:center;
	gap:20px;
}
section#mietwagen > div {
	align-items:center;
}
section#svplus > div > div {
	flex-grow:1;
}
section#svplus > div > div:first-child {
	flex-grow:3;
}
section#svplus div.illu {
	background-image:url('../gfx/svplus.avif');
	background-repeat:no-repeat;
	background-size:contain;
	width:30vh;
	height:30vh;
	min-width:250px;
	min-height:250px;
	max-height:300px;
	max-width:700px;
}
section#mietwagen div.illu {
	background-image:url('../gfx/mietwagen.avif');
	background-repeat:no-repeat;
	background-size:contain;
	width:30vw;
	min-width:270px;
	min-height:170px;
	height:25vh;
}
section#vermittler img {
	float:right;
	margin:0 0 0 20px;
	max-height:300px;
}
section#onboarding h3 {
	margin-top:2.5rem;
}
section#onboarding div.illucontainer {
	display:flex;
	flex-direction:row;
	justify-content:flex-start;
	align-items:center;
	flex-wrap:no-wrap;
}
section#onboarding div.illucontainer div.illu {
	background-image:url('../gfx/onboarding.avif');
	background-repeat:no-repeat;
	background-size:contain;
	min-width:220px;
	min-height:200px;

}
section#forderungsmgmt div#schaubild-container {
	max-width:100%;
}
section#forderungsmgmt div#schaubild {
	height:322px;
	max-height:322px;
	width:1352px;
	max-width:1352px;
	background-image:url('../gfx/ablauf_forderungsmgmt.png');
	background-repeat:no-repeat;
	background-size:contain;
}
section#forderungsmgmt h3 {
	margin-top:3rem;
}
section#forderungsmgmt div#faq-container {
	display:flex;
	flex-direction:row;
	flex-wrap:no-wrap;
	justify-content:flex-start;
	align-items:flex-start;
	gap:30px;
	margin-bottom:1rem;
}
section#forderungsmgmt div#faq-container div {
	max-width:35%;
	flex-grow:1;
}
section#ausblick div.illu-container {
	display:flex;
	flex-direction:row;
	justify-content:flex-start;
	align-items:center;
	flex-wrap:no-wrap;
}
section#ausblick h3 {
	margin-top:1.5rem;
}
section#ausblick img#imgra {
	margin:0 40px 20px 0;
	max-width:250px;
}
section#ausblick img#imgdsa {
	float:right;
	margin:0 0 10px 20px;
}

p#letztersatz {
	margin-top:2rem;
	font-weight:bold;
	font-size:1.1rem;
}

footer {
	margin-top:4rem;
	padding:4rem 5rem 4rem 5rem;
	background-color:var(--dsr-blue-dark);
	color:#fff;
}
footer > div {
	padding:0;
	margin:0;
}
footer div div:last-of-type {
	text-align:right;
}
footer a {
	color:#fff;
}
footer a:hover {
	color:var( --dsr-yellow );
}
footer td {
	padding-right:20px;
}
footer img {
	width:160px;
	margin-left:-1px;
}



@media (max-width: 991.98px) {
	header {
		height:80px;
		position:fixed;
		top:0;
		left:0;
		padding:12px;
		background-image:url('../gfx/headerbg.svg');
		background-repeat:no-repeat;
		background-position:top right;
		background-size:contain;
		text-align:right;
	}
	header img {
		height:60px;
	}
	div#header {
		height:33vh;
		max-height:150px;
		text-align:right;
	}
	h1 {
		display:inline-block;
		max-width:45vw;
		width:45vw;
		margin:90px 16px 0 0;
		font-size:16px;
		text-align:center;
		text-shadow:none;
		text-align:right;
	}
	h2 {
		font-size:1.2rem;
	}
	h3 {
		font-size:1.05rem;
	}
	p, li, a, footer div {
		font-size:0.9rem;
	}
	section {
		margin-bottom:1rem;
	}
	section > div {
		padding:1.25rem 1.25rem 0 1.25rem;
	}
	div#lstsv2 {
		margin-left:0;
		margin-top:0;
	}
	section#start > div:nth-child(2) ul {
		margin-top:0;
	}
	section#vermittler img {
		max-width:200px;
		max-height:150px;
	}
	div#lstsv2 {
		padding-top:0;
		margin-top:0;
	}
	section#forderungsmgmt p#scrollinfo {
		color:var(--dsr-blue);
		font-weight:bold;
		margin:1rem 0 0 0;
		font-size:1rem;
	}
	section#forderungsmgmt div#schaubild-container {
		max-width:100%;
		max-height:calc(100vw / 4.2);
	}
	section#forderungsmgmt div#schaubild {
		max-width:100%;
		max-height:calc(100vw / 4.2);
	}
	section#forderungsmgmt div#faq-container {
		display:block;
	}
	section#forderungsmgmt div#faq-container div {
		max-width:100%;
	}
	section#ausblick img#imgdsa {
		max-width:200px;
	}
	footer {
		padding:3rem 1.25rem 1.5rem 1.25rem;
	}
	footer div div {
		padding:0 0 1rem 0;
	}
	footer img {
		width:120px;
		margin-left:-1px;
	}
}

@media (max-width: 767.98px) {
	div#header {
		height:25vh;
		max-height:150px;
		text-align:right;
	}
	h1 {
		display:inline-block;
		max-width:45vw;
		width:45vw;
		margin:11vh 5vw 0 0;
		font-size:21px;
		text-align:center;
		text-shadow:none;
	}
	section#start > div:nth-child(2) {
		margin-top:0;
	}
	section#svplus > div {
		flex-wrap:wrap;
		gap:30px;
	}
	section#mietwagen > div {
		flex-wrap:wrap;
		gap:20px;
		flex-direction:column-reverse;
		align-items:stretch;
	}
	section#mietwagen div.illu {
		width:90%;
	}
	section#svplus > div > div:nth-child(2) {
		margin:0 0 0 auto;
	}
	section#svplus div.illu {
		max-width:220px;
		max-height:220px;
	}
	section#vermittler img {
		max-width:140px;
		max-height:120px;
	}
	section#onboarding div.illucontainer {
		flex-wrap:wrap;
		gap:25px;
	}
	section#forderungsmgmt div#schaubild-container {
		max-width:100%;
		max-height:322px;
		overflow:scroll;
	}
	section#forderungsmgmt div#schaubild {
		max-width:1352px;
		max-height:322px;
	}
	section#ausblick div.illu-container {
		flex-direction:column;
		gap:20px;
	}
	section#ausblick img {
		margin:0 0 0 auto;
	}
}

@media print {
	
}