/* @import url('https://fonts.googleapis.com/css?family=Montserrat:700|Roboto:300,500&display=swap'); */

/* montserrat-700 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/montserrat-v13-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Montserrat Bold'), local('Montserrat-Bold'),
       url('../fonts/montserrat-v13-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v13-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v13-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v13-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v13-latin-700.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-v19-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Roboto Light'), local('Roboto-Light'),
       url('../fonts/roboto-v19-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v19-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v19-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v19-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v19-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/roboto-v19-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Roboto Medium'), local('Roboto-Medium'),
       url('../fonts/roboto-v19-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v19-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v19-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v19-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v19-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:0;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}

/*
Farben
Text:	3a3a37
Rot:	f9423a
BG:		f6f3ea
 */

* { box-sizing: border-box; }

body {
	margin: 0;
 	background: #f6f3ea;
}

html {
	font-family: Roboto, Helvetica, Arial, sans-serif;
	font-size: 16px;
	color: rgba(12, 12, 10, 0.8);
	font-weight: 300;
}

img {
	max-width: 100%;
	height: auto;
	display: block;
}

/* --------------------------------------------------------*/
h1, h2, h3, h4 {
	margin: 0;
	line-height: 1.2;
	font-weight: 500;
}

h1 {
	text-transform: uppercase;
	font-size: 1.8rem;
}
h2 {
	font-size: 1.4rem;
	margin-top: 1.0rem;
}
h3 {
	font-size: 1.2rem;
}
h4 {
	font-size: 1.0rem;
}

p {
	margin: 3px 0 22px 0;
}
a:link,
a:visited {
	color: #f9423a;
	text-decoration: none;
}
a:hover,
a:active,
a:focus { color: #3a3a37; }

main a:link,
main a:visited {
	padding: 0 5px;
}
main a:hover,
main a:active,
main a:focus { background: #f9423a; color: #fff; }

main a.imagelink:link,
main a.imagelink:visited {
	display: inline-block;
}
main a.imagelink:hover,
main a.imagelink:active,
main a.imagelink:focus { background: none; }


header a:link,
header a:visited { color: #3a3a37; }
header a:hover,
header a:active,
header a:focus { color: #f9423a; }


ul {
	list-style: none;
	padding: 0;
	margin: 1rem 0 0;
}

ul > li { padding: 0; }

ol {
	padding: 0;
	margin: 0;
}

.clearfix::after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
}

:focus { outline: 0; }

/* --------------------------------------------------------*/

header {
	font-family: Montserrat, Helvetica, Arial, sans-serif;
	background: #f6f3ea;
	position: relative;
/* 	min-height: 100px; */
	padding: 0;
	overflow: hidden;
	padding: 0;
}
.header-wrapper {
	display: block;
	padding: 0 20px 20px 20px;

/* 	transform: rotate(-10deg); */
}
.header-left,
.header-right {
	display: block;
	float: none;
	z-index: 0;

	position: relative;
	width: 100%;
/* 	height: 99%; */

}
.header-left {
	padding: 0 15px 0 0;
	border-right: 20px solid #f9423a;
}


.header-left img {
	width: 100% !important;
	height: auto !important;
}
.header-right img {
	width: 100% !important;
	height: auto !important;
	margin-top: 25px;
}

header .h1,
header .h2,
header .h3 {
	display: block;
	white-space: nowrap;
	line-height: 1em;
}

header .h1 {
	padding: 50px 0 10px 0;
}

header .h2 {
	border-left: 20px solid #f9423a;
	padding: 0 0 10px 10px;
}
header .h3 {
	border-left: 20px solid #f9423a;
	padding: 0 0 0 10px;
    margin-top: -1px;
}

.header-right ul {
	display: block;
}


header p { margin: 2rem 0 0; }
header ul { margin: 0; }
header p,
header a { color: rgba(38, 37, 32, 0.7); }
header a { border-bottom: 1px solid rgba(169, 169, 169, 0.79); }

header a {
	border-bottom: none;
	text-transform: uppercase;
	color: rgba(12, 12, 10, 0.8);
	font-weight: 700;
}
.header-nav > ul {
	font-weight: 700;
	font-size: 0.8rem;
	line-height: 1.2;
	padding-top: 20px;
	max-width: 100%;
}
.header-nav > ul > li {
	text-align: left;
	padding: 3px 0;
}
.header-nav > ul > li:first-child {
/* 	border-top: 3px solid rgba(12, 12, 10, 0.8); */
}
.header-nav > ul > li:last-child {
/* 	border-bottom: 3px solid rgba(12, 12, 10, 0.8); */
	padding-bottom: 20px;
	border-bottom: 10px solid #f9423a;
}
.header-nav > ul > li > a {
	padding: 5px 0;
}
.header-nav > ul > li.active > a {
	color: #f9423a;
}
.header-nav > ul > li > ul > li {
	text-align: left;
	padding: 2px 0 2px 20px;
}
.header-nav > ul > li > ul > li.active > a{
	color: #f9423a;
}


main {
	position: relative;
	z-index: 9000;
 	background: #f6f3ea;
	font-size: 1.2rem;
	line-height: 1.4em;
}

.main-wrapper {
	max-width: 1200px;
	margin: 20px auto;
}

.main-left,
.main-right {
	float: none;
	padding: 0 20px;
	width: 100%;
}



footer {
	background: #f9423a;
	color: #fff;
	font-weight: 300;
	letter-spacing: 0.5px;
	font-size: 0.85rem;
}
footer div {
	max-width: 1200px;
	margin: 30px auto 0 auto;
	padding: 0 20px;
	line-height: 40px;
}
footer div span {
	float: right;
	font-size: 0.7rem;
}
footer a:link,
footer a:visited { color: #fff; }
footer a:hover,
footer a:active,
footer a:focus { color: #3a3a37; }



/* Special pages */
#page .main-left > div:first-child img {
	margin-top: 0px;
}
#page .main-right > div:first-child img {
	margin: 30px auto 0 auto;
	max-width: 80%;
}
#page1 .main-left {
	float: none;
	padding: 0 20px;
	width: 100%;
}
#page1 .main-right {
	display: none;
}
#page1 .imageEntry,
#page8 .imageEntry,
#page9 .imageEntry {
	width: 33.333333%;
	float: left;
	padding: 2px;
}
#page1 main a:link,
#page1 main a:visited {
	padding: 0;
}
#page1 main a:hover,
#page1 main a:active,
#page1 main a:focus { background: transparent; color: #fff; }


#page3 .main-right img {
	margin: 0 auto;
	max-width: 60%;
}
#page4 .main-left {
	float: none;
	padding: 0 20px;
	width: 100%;
}
#page4 .main-right {
	display: none;
}

.images::after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
}

.downloadliste {
	width:100%;
}

.downloadliste td:first-child {
    width: 350px !important;
}
.downloadliste img {
    width: 100% !important;
    height: auto !important;
    margin-bottom: 20px;
}
@media screen and (max-width: 700px) {
    .flachschach tr,
    .downloadliste tr {
        float: left;
        width: 100%;
        margin-bottom: 60px;
    }
    .flachschach td,
    .downloadliste td {
        float: left !important;
        width: 100% !important;
    }
    .downloadliste td:first-child {
        width: 100% !important;
    }
    .downloadliste img {
        width: 100% !important;
        height: auto !important;
        margin-bottom: 0;
    }
}

/* Small devices (portrei phones, 480px and up) */
@media (min-width: 480px) {
	header ul {
		max-width: 50%;
		font-size: 1.0rem;
	}
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	.header-right img {
		width: 50% !important;
		height: auto !important;
	}
	header .h1 {
		padding: 90px 10px 10px 0;
	}
	header .h2 {
		border-left: 20px solid #f9423a;
		padding: 0 10px 16px 15px;
	}
	header .h3 {
		border-left: 20px solid #f9423a;
		padding: 0 10px 0 15px;
	}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	header {
		min-height: 310px;
	}
	.header-wrapper {
		display: block;
		position: absolute;
		top: -10px;
		right: -40px;
		bottom: 0px;
		left: 0px;
		transform: rotate(-10deg);
	}
	.header-left,
	.header-right {
		display: block;
		float: left;
		z-index: 0;
		position: relative;
		float: left;
		width: 50%;
		height: 99%;
	}
	.header-left {
		padding: 0 25px 0 10px;
		border-right: 20px solid #f9423a;
	}
	.header-right {
		padding: 0 0 0 30px;
	}
	.header-right img {
		width: 100% !important;
		margin-top: 0;
	}
	header ul {
		max-width: 60%;
		font-size: 0.8rem;
	}
	.main-left,
	.main-right {
		float: left;
		padding: 0 20px;
	}
	.main-left {
		width: 66.666666%;
	}
	.main-right {
		width: 33.333333%;
	}

	#page .main-left > div:first-child img {
		margin-top: 30px;
		padding: 0 20px;
	}
	#page .main-right > div:first-child img {
		margin: 0px auto 0 auto;
		max-width: 100%;
	}
	#page1 .imageEntry {
		width: 25%;
		float: left;
		padding: 2px;
	}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	header {
		min-height: 346px;
	}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	header {
		min-height: 412px;
	}
	.header-left {
		padding: 0 25px 0 60px;
	}
	#page .main-left > div:first-child img {
		margin-top: 50px;
		padding: 0;
	}
}

@media (min-width: 1400px) {
	header {
		min-height: 460px;
	}
}
@media (min-width: 1800px) {
	header {
		min-height: 480px;
	}
}
@media (min-width: 2000px) {
	header {
		min-height: 552px;
	}
}

@media (min-width: 2400px) {
	header {
		min-height: 648px;
	}
}