article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{list-style:none;margin:0;padding:0;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
/* start editing from here */
a{text-decoration:none;}
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{	vertical-align:baseline;}/* vertical align baseline */
.vertical-top{	vertical-align:top;}/* vertical align top */
.underline{	padding-bottom:5px;	border-bottom: 1px solid #eee; margin:0 0 20px 0;}/* Add 5px bottom padding and a underline */
nav.vertical ul li{	display:block;}/* vertical menu */
nav.horizontal ul li{	display: inline-block;}/* horizontal menu */
img{max-width:100%;}
/*end reset*/
@font-face {
	font-family: 'Big Shoulders Display', cursive;

    font-family: 'Big Shoulders Inline Text', cursive;
}
/***** Media Quries *****/

body {
	font-family: 'Big Shoulders Display', sans-serif;
	font-size: 100%;
	background: #fff;
	margin:0 auto;
	padding:0;
	text-align:center;
}
.wrap{
	margin:0 auto;
	width:100%;
	/*width:1600px;*/
}

.header_bg {
	background: #fff;
	margin:0 auto;
	padding:0;
}
.header{
	margin:0 auto;
	padding:0%; 
}

.header img {
	margin:0 auto;
	padding:0%; 
	text-align:center;
}
.cssmenu {
        right: 0;  
        top: 0;  
		background-color:#202a36; 

}

.cssmenu > ul > li {
  	display:inline-block;
 	position: relative;
	
}

.cssmenu > ul {
  	padding:0.25%;
	margin:0;
}

.cssmenu > ul > li.active a{
	color: #fff;
}
.cssmenu > ul > li  img {
	vertical-align: middle;
}
.cssmenu > ul > li > a {
	font-family: 'Big Shoulders Display', cursive;
	display: block;
	font-size: 	24px;
	font-weight:bold;
	color: #fff;
	line-height: 1.8em;
	padding: 0 20px;
	-webkit-transition: 0.9s;
	-moz-transition: 0.9s;
	-o-transition: 0.9s;
	transition: 0.9s;
}

.cssmenu > ul > li > a:hover {
	color: #bfbecc;
}
.cssmenu > ul > li > ul {
	z-index: 999;
	opacity: 0;
	visibility: hidden;
	background: #5C5C5C;
	color:#bfbecc;
	text-align: left;
	position: absolute;
	top: 55px;
	left: 50%;
	margin-top: 22px;
	margin-left: -90px;
	width: 180px;
	-webkit-transition: all .3s .1s;
	-moz-transition: all .3s .1s;
	-o-transition: all .3s .1s;
	transition: all .3s .1s;
}
.cssmenu > ul > li:hover > ul {
	opacity: 1;
	top: 65px;
	visibility: visible;
}
.cssmenu > ul ul > li {
	position: relative;
}
.cssmenu ul ul a {
	border-bottom: 1px solid rgb(34, 33, 33);
	text-transform: uppercase;
	font-family: 'Big Shoulders Display', cursive;
	color: #ffffff;
	font-size: 14px;
	background: #000000;
	padding: 12px;
	display: block;
	-webkit-transition: 0.9s;
	-moz-transition: 0.9s;
	-o-transition: 0.9s;
	transition: 0.9s;
}
.cssmenu ul ul a:hover {
	background-color: #f0f0f0;
}
.cssmenu ul ul ul {
	visibility: hidden;
	opacity: 0;
	position: absolute;
	top: -16px;
	left: 206px;
	padding: 8px;
	background-color: #fafafa;
	text-align: left;
	width: 160px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.cssmenu ul ul > li:hover > ul {
	opacity: 1;
	left: 190px;
	visibility: visible;
}
.cssmenu ul ul a:hover {
	background: #FFFFFF;
	color: #000000;
}

.top-nav a {
	font-size: 1em;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: gray;
	padding: 4px;
	color:white;
	background-color:#202a36; 
	font-family: 'Big Shoulders Display', cursive;
}

.top-nav a {
	display:none;
}

p.para{
	font-size: 2em;
	color:#000000;
	/*line-height: 1.5em;*/
}

p.para span.strong {
	font-weight:bold;
}

p.para span.small {
	font-size:80%;
}

p.para span.small_beige {
	color:#F3ECD2;
	font-size:80%;
}

a,
a:link,
a:visited,
a:focus {
	color:#CC9900;
}

a:hover {
	color:#CC9900;
	text-decoration:underline;
}

.top-nav a,
.top-nav a:link,
.top-nav a:visited,
.top-nav a:focus {
	color:#fff;
}

.top-nav a:hover {
	color:#fff;
	text-decoration:underline;
}

a.white_link {
	color:#F3ECD2;
}

a.white_link:hover {
	color:#89171A;
	text-decoration:underline;
}

.footer a,
.footer a:link 
.footer a:visited 
.footer a:focus {
	color:#db7733;
	font-size:2em;
}

footer a:hover {
	color:#db7733;
	text-decoration:underline;
}

h1 {
	font-family: 'Big Shoulders Inline Text', cursive;
	font-size:100px;
	color:#fff;
	font-weight:100;
		line-height:0;
}

h2 {
	font-family: 'Big Shoulders Display', cursive;
	font-size:60px;
	color:#fff;
	font-weight:100;
	line-height:1em;
}


h2.brown {
	color:#3C2C14;
}

/* top_grid_bg*/
.top_grid_bg{
	background: #F3ECD2;
}
.top_grid{
	padding: 1%;
	margin:0 auto;
	width:80%;
}

/* mid_grid_bg*/
.mid_grid_bg{
	background: #fff;
}
.mid_grid{
	padding: 5% 0 3% 0;
	margin:0 auto;
	width:80%;
}
.mid_grid p {
	color:#5a4f47;
	padding:0;
}

.mid_grid h1 {
	color:#5a4f47;
}

/*.mid_grid_left {
	float:left;
	width:40%;
	margin-right:3%;
}
*/
.mid_grid_left img {
	/*padding-bottom:25%;*/
}
/*.mid_grid_left_02 {
	float:right;
	width:40%;
	margin-right:3%;
}*/
.mid_grid_left_02 img {
	/*padding-bottom:25%;*/
	padding-bottom:0;
}

/*.mid_grid_left p {
	float:none;
	padding:0;
	}

.mid_grid_left_02 p {
	float:none;
	padding:0;
	}
*/
.mid_grid_right {
	padding-bottom:5%;
}
.mid_grid_right img {
	float:left;
	width:25%;
	padding-left:3%;	
}

.mid_grid_right h2 {
	float:none;
	padding:0;
	margin:0;	
}

.mid_grid h2.dark {
color:#5a4f47;
}


/* mid_grid_2_bg*/
.mid_grid_2_bg{
	background:#F3ECD2;
}
.mid_grid_2{
	padding: 1%;
	margin:0 auto;
	width:80%;
}
/* mid_grid_3_bg*/
.mid_grid_3_bg{
	background:#CC9900;
}
.mid_grid_3{
	padding: 1%;
	margin:0 auto;
	width:80%;
}
.mid_grid_3 p {
	color:#fff;
}
/* mid_grid_4_bg*/
.mid_grid_4_bg{
	background:#89171A;
}
.mid_grid_4{
	padding: 1%;
	margin:0 auto;
	width:80%;
}
.mid_grid_4 p {
	color:#F3ECD2;
}
.mid_grid_5_bg{
	background:#5a4f47;
}
.mid_grid_5_bg_360 {
	background:#3C2C14;
}

.mid_grid_5{
	padding: 1%;
	margin:0 auto;
	width:80%;
}

.mid_grid_5_bg h1,
.mid_grid_5_bg p {
color:#fff;
}

.mid_grid_5_bg ul {
color:#fff;
font-size:2em;
}

.mid_grid_5 p {
	color:#333333;
}

.mid_grid_5 h2 {
	color:#ffffff;
}

.grids_1_of_5 img {
	float:left;
	margin: 2%;
	width:18%;
	border:2px solid #ffffff;
	width:200px;
}

.grids_1_of_5 img:last {
	margin-right:0;
}

.mid_grid_white_bg {
	background-color:white;
}
.mid_grid_white_bg h1,
.mid_grid_white_bg h2,
.mid_grid_white_bg p {
color:#5a4f47;
}

/* mid_grid_6_bg*/
.mid_grid_6_bg{
	background:#003366;
}
.mid_grid_6{
	padding: 1%;
	margin:0 auto;
	width:80%;
}
.mid_grid_6 p {
	color:#fff;
}

/*table*/
#kontaktformular {
	text-align:center;
	padding:0;
	margin:0;
}
table {
	 text-align:center
}

table td {
	padding:10px;
	height:30px;
}
/* footer */
.footer_bg{
	background:#202a36;
}

.footer{
	padding:4%;
}
.footer p {
		color:#F3ECD2;
}


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

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

@media only screen and (max-width: 1024px) {
	.wrap{
		margin:0 auto;
		width:80%;
		width:1024px;
	}
	h1 {
		font-family: 'Big Shoulders Inline Text', cursive;
		font-size:75px;
		color:#fff;
		font-weight:100;
	}

	h2 {
		font-family: 'Big Shoulders Display', cursive;
		font-size:45px;
		color:#fff;
		font-weight:100;
	}
	h2.brown {
		color:#3C2C14;
	}
}

@media only screen and (max-width: 812px) {
	.cssmenu ul {
			display:none;
	}
	
	.top-nav a {
			display:block;
	}

	.wrap{
		margin:0 auto;
		width:80%;
		width:812px;
	}
	h1 {
		font-family: 'Big Shoulders Inline Text', cursive;
		font-size:75px;
		color:#fff;
		font-weight:100;
	}

	h2 {
		font-family: 'Big Shoulders Display', cursive;
		font-size:45px;
		color:#fff;
		font-weight:100;
	}

	h2.brown {
		color:#3C2C14;
	}
}

@media only screen and (max-width: 800px) {
.cssmenu ul {
		display:none;
	}
.top-nav a {
		display:block;
	}

.wrap{
	margin:0 auto;
	width:80%;
	width:800px;
}
h1 {
    font-family: 'Big Shoulders Inline Text', cursive;
	font-size:75px;
	color:#fff;
	font-weight:100;
}

h2 {
	font-family: 'Big Shoulders Display', cursive;
	font-size:45px;
	color:#fff;
	font-weight:100;
}

h2.brown {
	color:#3C2C14;
}

}

@media only screen and (max-width: 768px) {
.cssmenu ul {
		display:none;
	}
.top-nav a {
		display:block;
	}

.wrap{
	margin:0 auto;
	width:80%;
	width:768px;
}
h1 {
    font-family: 'Big Shoulders Inline Text', cursive;
	font-size:75px;
	color:#fff;
	font-weight:100;
}

h2 {
	font-family: 'Big Shoulders Display', cursive;
	font-size:45px;
	color:#fff;
	font-weight:100;
}

h2.brown {
	color:#3C2C14;
}

}
@media only screen and (max-width: 740px) {
.cssmenu ul {
		display:none;
	}
.top-nav a {
		display:block;
	}

.wrap{
	margin:0 auto;
	width:80%;
	width:740px;
}
h1 {
    font-family: 'Big Shoulders Inline Text', cursive;
	font-size:75px;
	color:#fff;
	font-weight:100;
}

h2 {
	font-family: 'Big Shoulders Display', cursive;
	font-size:45px;
	color:#fff;
	font-weight:100;
}

h2.brown {
	color:#3C2C14;
}

}
@media only screen and (max-width: 736px) {
.cssmenu ul {
		display:none;
	}
.top-nav a {
		display:block;
	}

.wrap{
	margin:0 auto;
	width:80%;
	width:736px;
}
h1 {
    font-family: 'Big Shoulders Inline Text', cursive;
	font-size:75px;
	color:#fff;
	font-weight:100;
}

h2 {
	font-family: 'Big Shoulders Display', cursive;
	font-size:45px;
	color:#fff;
	font-weight:100;
}

h2.brown {
	color:#3C2C14;
}

}
@media only screen and (max-width: 720px){
.cssmenu ul {
		display:none;
	}
.top-nav a {
		display:block;
	}


.wrap{
	margin:0 auto;
	width:80%;
	width:720px;
}
h1 {
    font-family: 'Big Shoulders Inline Text', cursive;
	font-size:70px;
	color:#fff;
	font-weight:100;
}

h2 {
	font-family: 'Big Shoulders Display', cursive;
	font-size:40px;
	color:#fff;
	font-weight:100;
}
h2.brown {
	color:#3C2C14;
}

}
@media only screen and (max-width: 640px){
.cssmenu ul {
		display:none;
	}
.top-nav a {
		display:block;
	}

.wrap{
	margin:0 auto;
	width:80%;
	width:640px;
}
h1 {
    font-family: 'Big Shoulders Inline Text', cursive;
	font-size:60px;
	color:#fff;
	font-weight:100;
}

h2 {
	font-family: 'Big Shoulders Display', cursive;
	font-size:40px;
	color:#fff;
	font-weight:100;
}
h2.brown {
	color:#3C2C14;
}

}
@media only screen and (max-width: 667px){
.cssmenu ul {
		display:none;
	}
.top-nav a {
		display:block;
	}

.wrap{
	margin:0 auto;
	width:80%;
	width:667px;
}
h1 {
    font-family: 'Big Shoulders Inline Text', cursive;
	font-size:60px;
	color:#fff;
	font-weight:100;
}

h2 {
	font-family: 'Big Shoulders Display', cursive;
	font-size:40px;
	color:#fff;
	font-weight:100;
}
h2.brown {
	color:#3C2C14;
}

}

@media only screen and (max-width: 600px){
.cssmenu ul {
		display:none;
	}
.top-nav a {
		display:block;
	}

.wrap{
	margin:0 auto;
	width:80%;
	width:600px;
}
/*.mid_grid_5_bg_360 iframe {
	display:none;
}*/

h1 {
    font-family: 'Big Shoulders Inline Text', cursive;	font-size:40px;
	color:#fff;
	font-weight:100;
}

h2 {
	font-family: 'Big Shoulders Display', cursive;
	font-size:30px;
	color:#fff;
	font-weight:100;
}
h2.brown {
	color:#3C2C14;
}

}
@media only screen and (max-width: 570px){
.cssmenu ul {
		display:none;
	}
.top-nav a {
		display:block;
	}

.wrap{
	margin:0 auto;
	width:80%;
	width:570px;
}
h1 {
    font-family: 'Big Shoulders Inline Text', cursive;
	font-size:40px;
	color:#fff;
	font-weight:100;
}

h2 {
	font-family: 'Big Shoulders Display', cursive;
	font-size:30px;
	color:#fff;
	font-weight:100;
}
h2.brown {
	color:#3C2C14;
}

}
@media only screen and (max-width: 480px) {
.cssmenu ul {
		display:none;
	}
.top-nav a {
		display:block;
	}


.wrap{
	margin:0 auto;
	width:80%;
	width:480px;
}
h1 {
    font-family: 'Big Shoulders Inline Text', cursive;	font-size:30px;
	color:#fff;
	font-weight:100;
}

h2 {
	font-family: 'Big Shoulders Display', cursive;
	font-size:20px;
	color:#fff;
	font-weight:100;
}
h2.brown {
	color:#3C2C14;
}
.footer {
	margin:0;
	padding:3%;
}

}
@media only screen and (max-width: 414px) {
	.cssmenu ul {
			display:none;
		}
	.top-nav a {
			display:block;
		}


	.wrap{
		margin:0 auto;
		width:80%;
		width:414px;
	}
	h1 {
		font-family: 'Big Shoulders Inline Text', cursive;
		font-size:50px;
		color:#fff;
		font-weight:100;
	}

	h2 {
		font-family: 'Big Shoulders Display', cursive;
		font-size:35px;
		color:#fff;
		font-weight:100;
	}
	h2.brown {
		color:#3C2C14;
	}
	.footer {
		margin:0;
		padding:3%;
	}
	a.footer {
    font-size: 1em;

}

@media only screen and (max-width:380px){
	.cssmenu ul {
			display:none;
		}
	.top-nav a {
			display:block;
		}

	p.para{
		font-size: 1.0em;
		padding:0;
		margin:0;

	}
	.wrap{
		margin:0 auto;
		width:80%;
		width:380px;
	}
	h1 {
		font-family: 'Big Shoulders Inline Text', cursive;	font-size:40px;
		color:#fff;
		font-weight:100;
	}

	h2 {
		font-family: 'Big Shoulders Display', cursive;
		font-size:30px;
		color:#fff;
		font-weight:100;
	}

	h2.brown {
		color:#3C2C14;
	}
	.footer {
		margin:0;
		padding:3%;
	}
	a.footer {
    font-size: 1em;

}

@media only screen and (max-width:375px){
	.cssmenu ul {
			display:none;
		}
	.top-nav a {
			display:block;
		}

	p.para{
		font-size: 1.0em;
		padding:0;
		margin:0;

	}

	.wrap{
		margin:0 auto;
		width:80%;
		width:375px;
	}
	h1 {
		font-family: 'Big Shoulders Inline Text', cursive;	font-size:35px;
		color:#fff;
		font-weight:100;
	}

	h2 {
		font-family: 'Big Shoulders Display', cursive;
		font-size:30px;
		color:#fff;
		font-weight:100;
	}

	h2.brown {
		color:#3C2C14;
	}
	.footer {
		margin:0;
		padding:3%;
	}
	a.footer {
    font-size: 1em;

}

@media only screen and (max-width:360px){
	.cssmenu ul {
			display:none;
		}
	.top-nav a {
			display:block;
		}

p.para{
		font-size: 1.0em;
		padding:0;
		margin:0;

	}


	.wrap{
		margin:0 auto;
		width:80%;
		width:360px;
	}

	h1 {
			font-family: 'Big Shoulders Inline Text', cursive;
		font-size:30px;
		color:#fff;
		font-weight:100;
	}

	h2 {
		font-family: 'Big Shoulders Display', cursive;
		font-size:25px;
		color:#fff;
		font-weight:100;
	}
	h2.brown {
		color:#3C2C14;
	}
	.footer {
		margin:0;
		padding:3%;
	}
	a.footer {
    font-size: 1em;

}

@media only screen and (max-width:320px){
	.cssmenu ul {
			display:none;
		}
	.top-nav a {
			display:block;
		}

	p.para{
		font-size: 1.0em;
		padding:0;
		margin:0;
	}

	.wrap{
		margin:0 auto;
		width:80%;
		width:320px;
	}

	h1 {
			font-family: 'Big Shoulders Inline Text', cursive;
		font-size:25px;
		color:#fff;
		font-weight:100;
	}

	h2 {
		font-family: 'Big Shoulders Display', cursive;
		font-size:25px;
		color:#fff;
		font-weight:100;
	}
	h2.brown {
		color:#3C2C14;
	}
	.footer {
		margin:0;
		padding:3%;
	}
	
	a.footer {
    font-size: 1em;
}