/*
Farben Hex:
d'Blau #091748;
h'Blau #4869e1;
m'Blau #213a95;
d'Gold #483602;
h'Gold #957621;

Farben RGBA:
d'Blau rgba(9, 23, 72, 1);
h'Blau rgba(72, 105, 225, 1);
m'Blau rgba(33, 58, 149, 1);
d'Gold rgba(72, 54, 2, 1);
h'Gold rgba(149, 118, 33, 1);
Bensberggold rgba(155,134,97, 1);
*/

@import "header-dist.css";
@import "fonts-dist.css";
@import "preise-dist.css";
@import "anfahrt-dist.css";
@import "forms-dist.css";
@import "unternehmen-dist.css";
@import "meisterbetrieb-dist.css";
@import "lieferungsbedingungen-dist.css";
@import "impressum-dist.css";
@import "leistungsseiten-dist.css";
@import "preise-bestellen-dist.css";
@import "warenkorbseite-dist.css";
@import "adresserfassung-dist.css";
@import "neukundenanmeldung-dist.css";
@import "loginbox-dist.css";
@import "logoutbox-dist.css";
@import "meldung-dist.css";
@import "overlay-dist.css";
@import "startseite-dist.css";
@import "footer-dist.css";
@import "versandfortschritt-dist.css";
@import "zusammenfassung-dist.css";
@import "absendeblock-dist.css";
@import "danke-dist.css";
@import "poll-dist.css";
@import "druckzusammenfassung.css";
@import "packstation-dist.css";
@import "datenschutz-dist.css";
@import "meinledershop-dist.css";

* {
	box-sizing: border-box;
}
html {
	height: 100%;
	font-family: 'robotoregular', sans-serif;
	font-size: small;
	width: 100%;
	overflow-x: hidden;
}
p {
	font-size: 1.2rem;
	line-height: 1.5;
}
a {
	cursor: pointer;
	font-size: 1.4rem;
}
body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	background-color: #fff;
}
#page {
	z-index: 0;
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
}
#main,
.footer {
	width: 100%;
}
#main {
	flex: 1 0 auto;
	overflow-y: auto;
	min-height: 50vh;
	padding: 20px;
	padding-top: 181px;
	overflow-x: hidden;
	position: relative;
}
.main {
	flex: 1 0 auto;
	overflow-y: auto;
	min-height: 50vh;
	overflow-x: hidden;
	position: relative;
}
.footer {
	flex: none;
}
.togglebox {
	display: none;
}
.overlayschliesser img {
	width: 100%;
	height: auto;
}
.toplinker {
	position: fixed;
	right: 0px;
	top: calc(50vh - 30px);
	background-color: rgb(0, 92, 170);
	padding: 10px;
	padding-top: 30px;
/* 	transform: scaleX(0); */
	transform-origin: right;
	transition: all 0.2s ease-in-out;
	border-radius: 5px 0px 0px 5px;
	font-size: 1.4rem;
	line-height: 1.6rem;
	color: #fff;
	background-image: url(../images/Toplinker-Pfeil.png);
	background-position: center 10px;
	background-repeat: no-repeat;
	text-decoration: none;
	font-family: 'robotomedium';
	z-index: 5000;
}
.overviewlinker {
	position: fixed;
	right: 0px;
	top: calc(50vh - 20px);
	background-color: rgba(0, 92, 170, 0.5);
	padding: 10px;
	padding-top: 30px;
	border-radius: 5px 0px 0px 5px;
	font-size: 1.4rem;
	line-height: 1.6rem;
	color: #fff;
	text-align: center;
	background-image: url(../images/Toplinker-Pfeil.png);
	background-position: center 10px;
	background-repeat: no-repeat;
	text-decoration: none;
	font-family: 'robotomedium';
	z-index: 30;
}
#maincontent {
	flex: 1;
	display: flex;
	flex-direction: column;
	max-width: 1400px;
	margin: 0px auto;
}
#maincontent:after {
	content: "\00a0";
	display: block;
	height: 0px;
	visibility: hidden;
}
#maincontent > h1 {
	text-align: center;
/* 	font-family: 'robotobold'; */
	font-family: 'vollkornitalic';
	font-weight: normal;
	color: #fff;
	font-size: 2.4rem;
	letter-spacing: 3px;
	text-transform: uppercase;
	width: 100%;
	line-height: 3.2rem;
	padding-top: 8px;
	background-color: rgba(255, 255, 255, 0.5);
	background-color: rgba(0, 0, 0, 0.25);
	background-color: rgb(77, 141, 196);
}
.formatfueller {
	display: block;
	margin: 0px auto;
	max-width: 100%;
	padding: 0px;
}
.formatfueller img {
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}
.formatfueller figcaption {
	color: #fff;
	font-family: 'robotolight_italic';
	font-size: 1.2rem;
}
.clearfix:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}
.input_error {
	border: 2px solid red !important;
}

@media only screen and (max-width: 1200px) {
	#main {
		padding-top: 201px;
	}
}
@media only screen and (max-width: 800px) {
	#main {
		padding-top: 151px;
	}
}
@media only screen and (max-width: 600px) {
	html {
		font-size: 65%;
	}
}