@font-face {
    font-family: 'hn85';
    src: url('../fonts/hn85.eot');
    src: url('../fonts/hn85.eot?#iefix') format('embedded-opentype'),
url('../fonts/hn85.woff') format('woff'),
url('../fonts/hn85.ttf') format('truetype'),
url('../fonts/hn85.svg#hn85') format('svg');
}
@font-face {
    font-family: 'hn86';
    src: url('../fonts/hn86.eot');
    src: url('../fonts/hn86.eot?#iefix') format('embedded-opentype'),
url('../fonts/hn86.woff') format('woff'),
url('../fonts/hn86.ttf') format('truetype'),
url('../fonts/hn86.svg#hn86') format('svg');
}
@font-face {
    font-family: 'hn65';
    src: url('../fonts/hn65.eot');
    src: url('../fonts/hn65.eot?#iefix') format('embedded-opentype'),
url('../fonts/hn65.woff') format('woff'),
url('../fonts/hn65.ttf') format('truetype'),
url('../fonts/hn65.svg#hn65') format('svg');
}
@font-face {
    font-family: 'hn66';
    src: url('../fonts/hn66.eot');
    src: url('../fonts/hn66.eot?#iefix') format('embedded-opentype'),
url('../fonts/hn66.woff') format('woff'),
url('../fonts/hn66.ttf') format('truetype'),
url('../fonts/hn66.svg#hn66') format('svg');
}
@font-face {
    font-family: 'hn26';
    src: url('../fonts/hn26.eot');
    src: url('../fonts/hn26.eot?#iefix') format('embedded-opentype'),
url('../fonts/hn26.woff') format('woff'),
url('../fonts/hn26.ttf') format('truetype'),
url('../fonts/hn26.svg#hn26') format('svg');
}
@font-face {
    font-family: 'hn25';
    src: url('../fonts/hn25.eot');
    src: url('../fonts/hn25.eot?#iefix') format('embedded-opentype'),
url('../fonts/hn25.woff') format('woff'),
url('../fonts/hn25.ttf') format('truetype'),
url('../fonts/hn25.svg#hn25') format('svg');
}
@font-face {
    font-family: 'hn26';
    src: url('../fonts/hn26.eot');
    src: url('../fonts/hn26.eot?#iefix') format('embedded-opentype'),
url('../fonts/hn26.woff') format('woff'),
url('../fonts/hn26.ttf') format('truetype'),
url('../fonts/hn26.svg#hn26') format('svg');
}

/*	Basic		---------------------------------------------------------------------------------------------------- */


html {
    -webkit-text-size-adjust: 100%;
}
body {
	background-color: #FFF;
	width:100%;
	min-width:320px;
	margin:0 auto;
	font-family: 'hn65', Helvetica Neue, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
	line-height:1.375;
	color: #3D2A23;
	letter-spacing:-0.025em;
	text-rendering: optimizeLegibility;
}

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

/*
Farben
rot = #6D1F17
grün = #0D321F
blau = #08335B
gelb = #E8B745
braun = #3D2A23
blau (winter) = #82B7CC

*/

h1, h2, h3, h4, p, .smallprint {
	font-weight: normal;
	padding:0;
	margin: 0 0 1.25em 0;
}
h1 {
	font-family: 'hn85', Helvetica Neue, Arial, Helvetica, sans-serif;
	font-size: 2em;
	text-align:center;
	padding:0 0 20px;
	border-bottom:1px solid #EEE;
}
h2 {
	font-family: 'hn25', Helvetica Neue, Arial, Helvetica, sans-serif;
	font-size: 3em;
	text-align:center;
}
h3 {
	font-size: 1.5em;
}
h4 {
	font-size: 1.25em;
}
p {
	font-size: 1.125em;
}
pre {
	font-size:inherit;
	float:left;
	width:60px;
	margin: 0;
}
strong {
	font-family: 'hn85', Helvetica Neue, Arial, Helvetica, sans-serif;
	font-weight: normal;
}
em {
	font-family: 'hn66', Helvetica Neue, Arial, Helvetica, sans-serif;
	font-style: normal;
}
strong em, em strong {
	font-family: 'hn86', Helvetica Neue, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
}
a {
	color:#E8B745;
	text-decoration: none;
	-webkit-transition: .5s;
	transition: .5s;
}
a:hover {
	text-decoration: none;
}
.gen p {
	font-size: 14px;
}
.gen li, .gen li ul li {
	list-style: none;
	font-size: 14px;
}
.gen p em, .gen p em a {
	font-size: 11px;
	color: #CCC;
}
.highlight {
	font-size: 1.25em;
	color: #8E7B65;
	text-align:center;
	border-bottom:1px solid #C0AE9B;
	padding:0 0 20px;
}
.center {
	text-align:center;
}
.smallprint {
	font-size: 0.875em;
}


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

.toplink {
	margin:1em 0 0 0;
	padding:0.5em 0 0 0;
	width:100%;
	float:none;
	display:block;
	overflow:auto;
	font-size: 3em;
	text-align:center;
	border-top:1px solid #EEE;
}
.toplink a {
	color:#EEE;
}
.icon, .toplink {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
}
span.icon {
	vertical-align: -1px;
}
i.icon {
	vertical-align: -2px;
	font-size:1.5em;
}
img {
	height:auto;
	line-height:0;
	border:none;
	display:block;
	margin:0 auto;
}
.thumb {
	width:23%;
	float:left;
	margin:1%;
}
.sbox {
	display:block;
	overflow:auto;
	margin:20px 0;
}

/*	Header		---------------------------------------------------------------------------------------------------- */

header {
	position:relative;
	display: block;
	margin:0 auto;
	width:1000px;
	height:200px;
	padding:0;
	border-top:10px solid #FFF;
	border-bottom:10px solid #FFF;
	z-index:99;
}
.menu-btn {
	display: none;
	margin:0;
	padding:0;
}
.logo {
	position:relative;
	float:left;
	height:200px;
	width:250px;
	margin:0;
	background-image: url(../img/muhl.png);
	background-size: 230px 200px;
	background-repeat:no-repeat;
	background-position:left center;
}

/* Retina */
@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
.logo {
	background-image: url(../img/muhl@2x.png);
}
}



/*	Navi		---------------------------------------------------------------------------------------------------- */

nav.main {
	position:relative;
	display:block;
	float:left;
	width:750px;
	height:200px;
	margin:0 auto;
	padding:0;
}
nav.main ul {
	position:relative;
	display:block;
	width:100%;
	height:40px;
	list-style:none;
	padding:90px 0 70px;
	margin:0;
}
nav.main li {
	position:relative;
	height: 40px;
	float: left;
	display:block;
	font-family: 'hn85', Helvetica Neue, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFF;
	margin:0;
	padding:0 10px;
}
nav.main a {
	position:relative;
	display:block;
	height: 40px;
	padding:0;
	text-decoration: none;
	color: #FFF;
	line-height: 20px;
	text-align:center;
}
nav.main a:hover, nav.main .active a {
	color: #E8B745;
}
nav.main li.germany {
	font-family: 'hn25', Helvetica Neue, Arial, Helvetica, sans-serif;
}



/*	Content		---------------------------------------------------------------------------------------------------- */

section {
	position:relative;
	background-color: #FFF;
	display: block;
	width:1000px;
	margin:0 auto;
	padding:30px 0 0;
	z-index:1;
}
article {
	position:relative;
	width:980px;
	height:auto;
	background-color:#FFF;
	border-bottom:1px solid #CCC;
	display: block;
	margin:0 auto;
	padding:30px 10px;
	overflow:hidden;
	z-index:2;
}
article:last-of-type {
	border-bottom:none;
}
article.image {
	width:100%;
	background-color:#FFF;
	padding:0;
}
article.image img {
	width:100%;
	height:auto;
}
article ul, article ol {
	margin:0 0 2.5em 2.5em;
	padding:0;
}
article ul {
	list-style: circle outside;
}
article ol {
	list-style: decimal outside;
}
article li {
	font-size: 1.125em;
	color:#666;
	padding:0 0 0 0.5em;
}


/*	Footer		---------------------------------------------------------------------------------------------------- */


footer {
	position:relative;
	width:100%;
	margin:0 auto;
	padding:0;
	display:block;
	z-index:3;
	border-top:10px solid #FFF;
	border-bottom:10px solid #FFF;
}
footer div {
	position:relative;
	width:1000px;
	display:block;
	margin:0 auto;
	padding:20px 0;
	overflow:auto;
	text-align:center;
}
footer div a {
	color: #FFF;
}
footer div a:hover {
	color: #FFD95E;
}
footer div p {
	font-family: 'hn85', Helvetica Neue, Arial, Helvetica, sans-serif;
	margin:0;
	color: #FFF;
	text-align:center;
}
footer div.address {
	border-bottom:1px solid #FFF;
}
footer br {
	display:none;
}


/*	Tabelle		---------------------------------------------------------------------------------------------------- */

.table {
	background-color: #FFF;
}
table {
	position:relative;
	width: 100%;
	padding:0;
	border-collapse: collapse;
	border: 1px solid #3D2E1F;
	margin:0 0 2.5em;
	background-color: #FFF;
}
table tr:nth-of-type(even) {
	background-color: #F2E4D5;
}
th, td {
	width: auto;
	min-width: 90px;
	font-weight: normal;
	vertical-align:top;
	padding:15px;
	border: 1px solid #3D2E1F;
	text-align:left;
}
th {
	font-size: 1.25em;
	color: #F2E4D5;
	background-color: #645341;
}
td {
	font-size: 1em;
	color: #231404;
}
.index table {
	padding:0;
	margin:0;
}
.index td:first-of-type {
	padding:0;
}
table th:nth-of-type(5), table td:nth-of-type(5) {
	text-align:right;
}
table img {
	width:120px;
	height:auto;
}


/*	Formular		---------------------------------------------------------------------------------------------------- */

.formular {
	background-color:#FFF;
}
.formular ul {
	list-style:none;
	margin:0;
	padding:0;
}
.formular li {
	font-family: 'hn25', Helvetica Neue, Arial, Helvetica, sans-serif;
	position:relative;
	display:block;
	margin:0 0 10px 0;
	padding:0;
	font-size:0.9375em;
	text-align:center;
}
input[type="text"], textarea { 
	width:100%;
	font-family: 'hn65', Helvetica Neue, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #3D2A23;
	background-color: #EEE;
	padding:4px;
	margin:0 auto;
	border: 0px solid #EEE;
	display: block;
	resize: none;
	text-align:center;
}
input[type="number"] {
	width:35px;
}
input[type="text"]:focus, textarea:focus {
	background-color: #CCC;
}
input[type="submit"]{
	font-family: 'hn85', Helvetica Neue, Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#3D2A23;
}


/****************************************************************************************************/

@media only screen and (min-width: 1280px) {


/*	Header		---------------------------------------------------------------------------------------------------- */

header {
	width:100%;
	height:200px;
	margin:40px 0 0;
	box-shadow: 0px 0px 10px #000;	
	-moz-box-shadow: 0px 0px 10px #000;
	-webkit-box-shadow: 0px 0px 10px #000;
	-o-box-shadow: 0px 0px 10px #000;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;	
}

.logo {
	height:180px;
	margin-left:calc(50% - 500px);
}



/*	Navi		---------------------------------------------------------------------------------------------------- */

nav.main {
	margin:0;
	overflow: hidden;
}
nav.main ul {
	display:table;
	padding:75px 0 45px;
}
nav.main li {
	display:table-cell;
	float: none;
	font-size: 1.25em;
	border-right:1px solid #FFF;
	padding:0 15px;
}
nav.main li:last-of-type {
	padding:0 0 0 15px;
	border-right:none;
}
nav.main li:first-of-type {
	padding:0 15px 0 0;
}


/*	Content		---------------------------------------------------------------------------------------------------- */

section {
	width:100%;
	margin:0;
}
article {
	width:100%;
	margin:0;
	padding:50px calc(50% - 500px);
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}



/*	Footer		---------------------------------------------------------------------------------------------------- */

footer {
	margin:0 0 40px 0;
	box-shadow: 0px 0px 10px #000;	
	-moz-box-shadow: 0px 0px 10px #000;
	-webkit-box-shadow: 0px 0px 10px #000;
	-o-box-shadow: 0px 0px 10px #000;
}
footer div {
	width:1030px;
}
footer div p {
	font-size:1.25em;
}


/*	Tabelle		---------------------------------------------------------------------------------------------------- */




/*	Formular		---------------------------------------------------------------------------------------------------- */

.formular li.label {
	display:none;
}
input[type="text"], textarea { 
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

}

/****************************************************************************************************/

@media only screen and (max-width: 1279px) {


/*	Basic		---------------------------------------------------------------------------------------------------- */



/*	Header		---------------------------------------------------------------------------------------------------- */

header {
	width:100%;
	height:200px;
	margin:40px 0 0;
	box-shadow: 0px 0px 10px #000;	
	-moz-box-shadow: 0px 0px 10px #000;
	-webkit-box-shadow: 0px 0px 10px #000;
	-o-box-shadow: 0px 0px 10px #000;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;	
}

.logo {
	height:180px;
	margin-left:calc(50% - 500px);
}



/*	Navi		---------------------------------------------------------------------------------------------------- */

nav.main {
	margin:0;
	overflow: hidden;
}
nav.main ul {
	display:table;
	padding:75px 0 45px;
}
nav.main li {
	display:table-cell;
	float: none;
	font-size: 1.25em;
	border-right:1px solid #FFF;
	padding:0 15px;
}
nav.main li:last-of-type {
	padding:0 0 0 20px;
	border-right:none;
}
nav.main li:first-of-type {
	padding:0 20px 0 0;
}


/*	Content		---------------------------------------------------------------------------------------------------- */

section {
	width:100%;
	margin:0;
}
article {
	width:100%;
	padding:40px 10% 20px;
	margin:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}



/*	Footer		---------------------------------------------------------------------------------------------------- */

footer {
	margin:0 0 40px 0;
	padding:0 10px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	box-shadow: 0px 0px 10px #000;	
	-moz-box-shadow: 0px 0px 10px #000;
	-webkit-box-shadow: 0px 0px 10px #000;
	-o-box-shadow: 0px 0px 10px #000;
}
footer div {
	width:100%;
}
footer div p {
	font-size:1.25em;
}


/*	Tabelle		---------------------------------------------------------------------------------------------------- */



/*	Formular		---------------------------------------------------------------------------------------------------- */

.formular li.label {
	display:none;
}
input[type="text"], textarea { 
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

}

/****************************************************************************************************/

@media only screen and (max-width: 1000px) {

/*	Header		---------------------------------------------------------------------------------------------------- */

header {
	height:60px;
	margin:0;
	border-top:5px solid #FFF;
	border-bottom:5px solid #FFF;
}
.logo {
	height:50px;
	width:60px;
	margin:0 0 0 10px;
	background-image: url(../img/muhl_small.png);
	background-size: 60px 50px;
}

/* Retina */
@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
.logo {
	background-image: url(../img/muhl_small@2x.png);
}
}
.menu-btn {
	display:block;
	float:left;
}
.menu-btn a {
	color: #FFF;
	display: block;
	font-size: 30px;
	line-height:58px;
	margin:0 0 0 20px;
	padding:0;
	text-decoration: none;
}
.menu-btn a:hover {
	color: #E8B745;
}
.menu-btn span {
	font-family: 'hn65', Helvetica Neue, Arial, Helvetica, sans-serif;
	font-size: 0.375em;
	padding:0 0 0 15px;
	vertical-align:top;
}
a.open, #menu-open:target a.close {
	display: block;
}
a.close, #menu-open:target a.open {
	display: none;
}


/*	Navi		---------------------------------------------------------------------------------------------------- */

nav.main {
	position:absolute;
	float:none;
	left:0;
	top:-200px;
	width:100%;
	height:200px;
	margin:0;
}
nav.main ul {
	display:block;
	height:220px;
	padding:0;
}
nav.main li {
	display:block;
	height:39px;
	line-height:39px;
	border-right:none;
	border-top:1px solid #CCC;
	padding:0 0 0 10px;
	font-size: 1.25em;
}
nav.main li br {
	display:none;
}
nav.main li:last-of-type {
	padding:0 0 0 10px;
}
nav.main li:first-of-type {
	padding:0 0 0 10px;
}
nav.main a {
	height:39px;
	line-height:39px;
	text-align:left;
	padding:0;
}
header, .menu-btn, nav.main  {
	-webkit-transition: .5s;
	transition: .5s;
}
#menu-open:target header {
	margin-top: 194px;
}




/*	Content		---------------------------------------------------------------------------------------------------- */

article {
	padding:30px 10px 15px;
}


/*	Footer		---------------------------------------------------------------------------------------------------- */

footer {
	margin:0;
	border-top:5px solid #FFF;
	border-bottom:5px solid #FFF;
}
footer div p {
	font-size:1.125em;
}


}

/****************************************************************************************************/


@media only screen and (max-width: 869px) {


/*	Basic		---------------------------------------------------------------------------------------------------- */



/*	Navi		---------------------------------------------------------------------------------------------------- */


nav.main li {
	font-size: 1.125em;
}


/*	Content		---------------------------------------------------------------------------------------------------- */


/*	Footer		---------------------------------------------------------------------------------------------------- */

footer div p {
	font-size:1em;
}


}

/****************************************************************************************************/


@media only screen and (max-width: 799px) {


/*	Navi		---------------------------------------------------------------------------------------------------- */


nav.main li {
	font-size: 1em;
}

/*	Content		---------------------------------------------------------------------------------------------------- */


/*	Tabelle		---------------------------------------------------------------------------------------------------- */

th, td {
	min-width: 60px;
	padding:10px;
}
th {
	font-size: 1em;
}
td {
	font-size: 0.9375em;
}
table img {
	width:100px;
}

}

/****************************************************************************************************/


@media only screen and (max-width: 719px) {

h2 {
	font-size: 1.5em;
}
h2 {
	font-size: 2.5em;
}
h3 {
	font-size: 1.25em;
}
h4 {
	font-size: 1.25em;
}

/*	Navi		---------------------------------------------------------------------------------------------------- */



/*	Content		---------------------------------------------------------------------------------------------------- */



/*	Tabelle		---------------------------------------------------------------------------------------------------- */



/*	Formular		---------------------------------------------------------------------------------------------------- */



}


/****************************************************************************************************/

@media only screen and (max-width: 599px) {


/*	Basic		---------------------------------------------------------------------------------------------------- */

h1 {
	font-size:1.25em;
}
h2 {
	font-size:1.75em;
}
p {
	font-size: 1em;
}
article li {
	font-size: 0.9375em;
}

/*	Header		---------------------------------------------------------------------------------------------------- */



/*	Navi		---------------------------------------------------------------------------------------------------- */



/*	Content		---------------------------------------------------------------------------------------------------- */



/*	Footer		---------------------------------------------------------------------------------------------------- */

footer div p {
	font-size:0.9375em;
}


/*	Tabelle		---------------------------------------------------------------------------------------------------- */

th {
	font-size: 0.9375em;
}
td {
	font-size: 0.875em;
}
table img {
	width:80px;
}

}


/****************************************************************************************************/

@media only screen and (max-width: 529px) {

/*	Header		---------------------------------------------------------------------------------------------------- */



/*	Navi		---------------------------------------------------------------------------------------------------- */

nav.main li {
	padding:0 0 0 10px;
}


/*	Content		---------------------------------------------------------------------------------------------------- */



/*	Footer		---------------------------------------------------------------------------------------------------- */

footer div p {
	font-size:0.875em;
}

/*	Tabelle		---------------------------------------------------------------------------------------------------- */

th, td {
	min-width: 50px;
	padding:8px;
}
td {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

}


/****************************************************************************************************/

@media only screen and (max-width: 429px) {

/*	Header		---------------------------------------------------------------------------------------------------- */



/*	Navi		---------------------------------------------------------------------------------------------------- */

nav.main li {
	padding:0 0 0 10px;
}


/*	Footer		---------------------------------------------------------------------------------------------------- */

footer br {
	display:block;
}

/*	Tabelle		---------------------------------------------------------------------------------------------------- */

th, td {
	min-width: 40px;
	font-size: 0.75em;
	padding:5px;
}
table img {
	width:55px;
}

}


/****************************************************************************************************/

@media only screen and (max-width: 399px) {

/*	Basic		---------------------------------------------------------------------------------------------------- */

h1 {
	font-size:1em;
}
h2 {
	font-size:1.5em;
}


/*	Header		---------------------------------------------------------------------------------------------------- */


/*	Navi		---------------------------------------------------------------------------------------------------- */


/*	Footer		---------------------------------------------------------------------------------------------------- */


/*	Tabelle		---------------------------------------------------------------------------------------------------- */


}


/*
Farben
rot = #6D1F17
grün = #0D321F
blau = #08335B
gelb = #E8B745
braun = #3D2A23
blau (winter) = #82B7CC

*/