
/* Schriften */

@import url(type.css);

/* Icons */

@import url(material-design-iconic-font.min.css);

/* Allgemeine Einstellungen */

html,
body
{
	margin: 0;
	padding: 0;
}
html
{
	font-size: 1em; /* 16/16 */
}
body
{
	padding: 2.25rem 2rem; /* 36/16 32/16 */
	background: #fff;
	color: #654231;
	font: normal normal 1.125rem/1.5 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif; /* 18/16 27/18 */
}
a
{
	color: #981f1b;
	text-decoration: none;
}
a:hover,
a:focus
{
	text-decoration: underline;
}
img
{
	max-width: 100%;
	height: auto;
	border: none;
}
a img
{
	display: block;
}

.wrapper-bilder
{
	overflow: hidden;
	margin-top: 3rem; /* 48/16 */
	margin-bottom: 3rem; /* 48/16 */
}
.bild-50-links,
.bild-30-links,
.bild-links
{
	float: left;
	margin: 0.375rem 5% 5% 0; /* 6/16 (40/800)*100 (40/800)*100 0 */
}
.bild-50-rechts,
.bild-30-rechts,
.bild-rechts
{
	float: right;
	margin: 0.375rem 0 5% 5%; /* 6/16 0 (40/800)*100 (40/800)*100 */
}
.bild-100-zentriert,
.bild-50-zentriert,
.bild-30-zentriert,
.bild-zentriert
{
	display: block;
	margin: 2rem auto; /* 32/16 auto */
}
.bild-30-links,
.bild-30-rechts,
.bild-30-zentriert
{
	width: 30%; /* (240/800)*100 */
}
.bild-50-links,
.bild-50-rechts,
.bild-50-zentriert
{
	width: 47.5%; /* (380/800)*100 */
}
.bild-100-zentriert
{
	width: 100%;
}

img + .bild-50-links,
img + .bild-30-links
{
	margin-right: 0;
}
img + .bild-50-rechts,
img + .bild-30-rechts
{
	margin-left: 0;
}

img + img + .bild-30-links
{
	margin-left: 5%; /* (40/800)*100 */
}
img + img + .bild-30-rechts
{
	margin-right: 5%; /* (40/800)*100 */
}

.bild-30-links + .bild-30-rechts + .bild-30-links
{
	margin-left: 0;
}
.bild-30-links + .bild-30-links + .bild-30-rechts
{
	margin-right: 0;
}

.bild-30-rechts + .bild-30-links + .bild-30-rechts
{
	margin-right: 0;
}
.bild-30-rechts + .bild-30-rechts + .bild-30-links
{
	margin-left: 0;
}

a.store-icon::before {
	content: '\f1d4';
	display: inline-block;
	margin: 0 0.25rem;
	font-family: Material-Design-Iconic-Font;
}

a.pdf::before {
	content: '\f14d';
	display: inline-block;
	margin: 0 0.25rem;
	font-family: Material-Design-Iconic-Font;
}

.umbruch
{
	clear: both;
}

iframe
{
	width: 100%;
	margin: 0;
	padding: 0;
	border: none;
}
.iframe
{
	margin: 1.5rem 0 1.75rem 0; /* 24/16 0 28/16 0 */
}
h1,
h2,
h3,
h4,
h5,
h6
{
	margin: 1.5em 0 1em 0;
	padding: 0;
	line-height: 1.5;
}
h1,
h2,
h3,
h4,
h5,
h6
{
	color: inherit;
}
h1
{
	margin: 1.0545em 0 0.5818em 0; /* 58/55 0 32/55 0 */
	color: #981f1b;
	font-weight: normal;
	font-size: 3.4375rem; /* 55/16 */
	line-height: 1; /* 55/55 */
	font-family: Lobster, 'Apple Garamond', 'Droid Serif', Times, Georgia, 'Times New Roman', 'Source Serif Pro', serif;
}
h2
{
	margin: 1.6em 0 0.8em 0; /* 48/30 0 24/30 0 */
	font-size: 1.875rem; /* 30/16 */
	line-height: 1.0667; /* 32/30 */
}
h2.subheadline
{
	margin-top: 0;
	margin-bottom: 1.0667em; /* 32/30 */
}
sup
{
	top: -1em;
	font-size: 45%;
}
h3
{
	margin: 0.8333em 0 0.5833em 0; /* 20/24 0 14/24 0 */
	font-size: 1.5rem; /* 24/16 */
	line-height: 1.1667; /* 28/24 */
}
h4
{
	margin: 0.8em 0 0.6em 0; /* 16/20 0 12/20 0 */
	font-size: 1.25rem; /* 20/16 */
	line-height: 1.3; /* 26/20 */
}
h5,
h6
{
	margin: 1em 0 0.6667em 0; /* 18/18 0 12/18 0 */
	font-size: 1.125rem; /* 18/16 */
	line-height: 1.5; /* 27/18 */
}
address,
blockquote,
p
{
	margin: 0 0 0.6667em 0; /* 0 0 12/18 0 */
	padding: 0;
}
.bildunterschrift
{
	margin-top: 0.75rem; /* 12/16 */
	color: #981f1b;
	font-size: 0.875rem; /* 14/16 */
	line-height: 1.375rem; /* 22/16 */
}
.legal
{
	margin-top: 3rem; /* 48/16 */
	color: #981f1b;
	font-size: 0.875rem; /* 14/16 */
}
ol,
ul
{
	margin: 1.5rem 0 1.75rem 0; /* 24/16 0 28/16 0 */
	padding: 0;
	list-style-type: none;
}
li
{
	margin: 0 1.75rem 0.5rem 1.75rem; /* 0 28/16 8/16 28/16 */
	padding: 0;
}
li:before,
li::before
{
	float: left;
	margin-left: -1.75rem; /* 28/16 */
	min-width: 1.125rem; /* 18/16 */
	color: #981f1b;
	text-align: right;
}
ul li:before,
ul li::before
{
	content: '\25A0'; /* black square (https://www.w3schools.com/charsets/ref_utf_geometric.asp) */
	position: relative;
	top: -0.0625rem; /* -1/16 */
}
ol
{
	counter-reset: ordered-list;
}
ol li:before,
ol li::before
{
	content: counter(ordered-list) '.';
	counter-increment: ordered-list;
	font-weight: bold;
}

/* Allgemeine Einstellungen > Tabellen */

table
{
	margin: 1.5rem 0 2rem 0; /* 24/16 0 32/16 0 */
	border-collapse: collapse;
}
table td,
table th
{
	padding: 0.375rem 1.25rem 0.3125rem 0; /* 6/16 20/16 5/16 0 */
	font-weight: 300;
	text-align: left;
	vertical-align: top;
}
table td
{
	font-weight: normal;
}
table.daten,
table.daten-volle-breite
{

}
table.volle-breite,
table.daten-volle-breite
{
	width: 100%;
}
table.daten td,
table.daten-volle-breite td,
table.daten th,
table.daten-volle-breite th
{
	padding-top: 0.5rem; /* 8/16 */
	padding-bottom: 0.4375rem; /* 7/16 */
	border-top: solid 1px #ededed;
}
table.daten tbody tr:first-child td,
table.daten-volle-breite tbody tr:first-child td,
table.daten tbody tr:first-child th,
table.daten-volle-breite tbody tr:first-child th
{
	border-top: none;
}

/* Allgemeine Einstellungen > Formularelemente */

.messages
{
	margin: 2rem 0; /* 32/16 0 */
	padding: 1.25rem 1.25rem 1.375rem 1.25rem; /* 20/16 20/16 22/16 20/16 */
	background: #ebf2ff;
}
.messages > *:first-child
{
	margin-top: 0;
}
.messages > *:last-child
{
	margin-bottom: 0;
}
.messages h2
{
	margin-bottom: 0.4545em; /* 10/22 */
	color: #444;
	font-size: 1.375rem; /* 22/16 */
	line-height: 1.3636; /* 30/22 */
}
.messages p,
.messages ul
{
	margin: 0.625rem 0; /* 10/16 0 */
	color: #333;
}
.messages ul li
{
	margin-bottom: 0.375rem; /* 6/16 */
}
.messages ul li:last-child
{
	margin-bottom: 0;
}
.messages ul li:before,
.messages ul li::before
{
	color: inherit;
}
.error
{
	background: #ffebeb;
}
.success
{
	background: #e9fae6;
}
.required
{
	opacity: 0.6;
	color: #981f1b;
	font-weight: bold;
	font-size: 1.75rem; /* 28/16 */
	line-height: 0.9643; /* 27/28 */
	vertical-align: bottom;
}
form
{
	margin: 2em 0 2.5em 0; /* 32/16 0 40/16 0 */
	padding: 0;
}
label
{
	color: #981f1b;
	cursor: pointer;
}
label.main
{
	display: block;
	margin-bottom: 0.5em; /* 8/16 */
}
label.checkbox,
label.radio
{
	margin-right: 1em; /* 16/16 */
}
button,
input,
select,
textarea
{
	/*outline: none;*/
}
input[type=text],
input[type=email],
input[type=search],
input[type=password],
input[type=file],
textarea
{
	-webkit-appearance: none; /* overriding button from normalize.css */
}
input[type=text],
input[type=email],
input[type=search],
input[type=password],
input[type=file],
textarea,
select,
.input_wrapper
{
	box-sizing: border-box;
	margin: 0;
	padding: 0.625rem; /* 10/16 */
	background: #f5f4f3;
	border: solid 1px #ededed;
	border-radius: 0;
	color: #333;
	font: normal normal 1.125rem/normal 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif; /* 18/16 normal */
}
textarea
{
	line-height: 1.3333; /* 24/16 */
}
select
{
	padding-top: 0.5625rem; /* 9/16 */
	padding-left: 0.375rem; /* 6/16 */
	padding-bottom: 0.5625rem; /* 9/16 */
}

.button,
button,
input[type=button],
input[type=reset],
input[type=submit]
{
	-webkit-appearance: none; /* overriding button from normalize.css */

	display: inline-block;
	margin: 0.6667em 1em 0.6667em 0; /* 12/18 18/18 12/18 0 */
	padding: 0.6111em 1.2222em; /* 11/18 22/18 */
	background: #981f1b;
	border: none;
	border-radius: 0.3333em; /* 6/18 */
	color: #fff;
	font-weight: bold;
	font-size: 1.125rem; /* 18/16 */
	line-height: 1.2222; /* 22/18 */
	text-align: center;
	cursor: pointer;
}
.button:hover,
.button:focus,
button:hover,
button:focus,
input[type=button]:hover,
input[type=button]:focus,
input[type=submit]:hover,
input[type=submit]:focus
{
	background: #654231;
	text-decoration: none;
}
input[type=reset]
{
	background: #ededed;
	color: #654231;
	font-weight: normal;
}
input[type=reset]:hover,
input[type=reset]:focus
{
	background: #654231;
	color: #fff;
}
input[type=checkbox],
input[type=radio]
{
	font-size: 1rem; /* 16/16 */
	margin-right: 0.5rem; /* 8/16 */
}
.input_wrapper label
{
	margin-right: 0.75rem; /* 12/16 */
	color: #333;
}
form .row
{
	clear: left;
	overflow: hidden;
	margin: 1rem 0; /* 16/16 0 */
	padding: 0;
}
form .row input[type=text],
form .row input[type=email],
form .row input[type=search],
form .row input[type=password],
form .row input[type=file],
form .row textarea,
form .row select
{
	width: 100%;
}
form .row-submit
{
	margin: 2rem 0; /* 32/16 0 */
	text-align: right;
}
form .row-submit input
{
	margin: 0 0 1rem 1rem; /* 0 0 16/16 16/16 */
}

/* Allgemeine Einstellungen > Formularelemente > Kontaktformular */

.form-contact
{
	overflow: hidden;
}
.form-contact .column
{
	width: 47.1929824561%; /* (538/1140)*100 */
	margin-bottom: 2rem; /* 32/16 */	
}
.form-contact .column:first-child
{
	margin-left: 0;
}

/* Allgemeine Einstellungen > Video */

object,
video,
.video-js
{
	max-width: 100%;
}
.video
{
	margin: 2rem 0; /* 32/16 0 */
}