/* Generated by Font Squirrel (http://www.fontsquirrel.com) on March 7, 2015 */
/* A font by Jos Buivenga (exljbris) -> www.exljbris.com */
@font-face {
	font-family: 'fontin_sans_rgbold';
	src: url('Fontin_Sans_B_45b-webfont.eot');
	src: url('Fontin_Sans_B_45b-webfont.eot?#iefix') format('embedded-opentype'),
	url('Fontin_Sans_B_45b-webfont.woff2') format('woff2'),
	url('Fontin_Sans_B_45b-webfont.woff') format('woff'),
	url('Fontin_Sans_B_45b-webfont.ttf') format('truetype'),
	url('Fontin_Sans_B_45b-webfont.svg#fontin_sans_rgbold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'fontin_sans_rgbold_italic';
	src: url('Fontin_Sans_BI_45b-webfont.eot');
	src: url('Fontin_Sans_BI_45b-webfont.eot?#iefix') format('embedded-opentype'),
	url('Fontin_Sans_BI_45b-webfont.woff2') format('woff2'),
	url('Fontin_Sans_BI_45b-webfont.woff') format('woff'),
	url('Fontin_Sans_BI_45b-webfont.ttf') format('truetype'),
	url('Fontin_Sans_BI_45b-webfont.svg#fontin_sans_rgbold_italic') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'fontin_sans_rgitalic';
	src: url('Fontin_Sans_I_45b-webfont.eot');
	src: url('Fontin_Sans_I_45b-webfont.eot?#iefix') format('embedded-opentype'),
	url('Fontin_Sans_I_45b-webfont.woff2') format('woff2'),
	url('Fontin_Sans_I_45b-webfont.woff') format('woff'),
	url('Fontin_Sans_I_45b-webfont.ttf') format('truetype'),
	url('Fontin_Sans_I_45b-webfont.svg#fontin_sans_rgitalic') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'fontin_sans_rgregular';
	src: url('Fontin_Sans_R_45b-webfont.eot');
	src: url('Fontin_Sans_R_45b-webfont.eot?#iefix') format('embedded-opentype'),
	url('Fontin_Sans_R_45b-webfont.woff2') format('woff2'),
	url('Fontin_Sans_R_45b-webfont.woff') format('woff'),
	url('Fontin_Sans_R_45b-webfont.ttf') format('truetype'),
	url('Fontin_Sans_R_45b-webfont.svg#fontin_sans_rgregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
body {
	background-image: url(../img/tile-01.png);
	font-family: "fontin_sans_rgregular","Georgia", sans-serif;
	font-size-adjust: 0.51;
	line-height: 120%;
}

.row {
	max-width: 75em;
}

.wrapper {
	margin: 0 auto; 
	/*max-width: 62.5em; */
	max-width: 75em; 
	width: 100%; 
	box-shadow: 0px 20px 50px hsla(220, 100%, 6%, 0.9);
	border-radius: 0em;
}

.wrapper {
	background: #fcf3d0; 
/*
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZjNkMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUzJSIgc3RvcC1jb2xvcj0iI2ZjZjNkMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUzJSIgc3RvcC1jb2xvcj0iI2VjZDhhYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU0JSIgc3RvcC1jb2xvcj0iI2VjZDhhYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU0JSIgc3RvcC1jb2xvcj0iI2ZkZjhlNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU0JSIgc3RvcC1jb2xvcj0iI2ZkZjhlNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZGY4ZTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  #fcf3d0 0%, #fcf3d0 69.9%, #ecd8aa 69.9%, #ecd8aa 70%, #fdf8e6 70%, #fdf8e6 70%, #fdf8e6 100%); 
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fcf3d0), color-stop(69.9%,#fcf3d0), color-stop(69.9%,#ecd8aa), color-stop(70%,#ecd8aa), color-stop(70%,#fdf8e6), color-stop(70%,#fdf8e6), color-stop(100%,#fdf8e6));
	background: -webkit-linear-gradient(left,  #fcf3d0 0%,#fcf3d0 69.9%,#ecd8aa 69.9%,#ecd8aa 70%,#fdf8e6 70%,#fdf8e6 70%,#fdf8e6 100%); 
	background: -o-linear-gradient(left,  #fcf3d0 0%,#fcf3d0 69.9%,#ecd8aa 69.9%,#ecd8aa 70%,#fdf8e6 70%,#fdf8e6 70%,#fdf8e6 100%); 
	background: -ms-linear-gradient(left,  #fcf3d0 0%,#fcf3d0 69.9%,#ecd8aa 69.9%,#ecd8aa 70%,#fdf8e6 70%,#fdf8e6 70%,#fdf8e6 100%); 
	background: linear-gradient(to right,  #fcf3d0 0%,#fcf3d0 69.9%,#ecd8aa 69.9%,#ecd8aa 70%,#fdf8e6 70%,#fdf8e6 70%,#fdf8e6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcf3d0', endColorstr='#fdf8e6',GradientType=1 );
*/}

#main p {
	margin-bottom: .8em;
}

header {
	background-image: url(../img/header-04.png);
	background-repeat: no-repeat;
	background-color: #9E2621;
	background-size: 100%;
}	

footer {
	background-image: url(../img/footer-02.png);
	padding-top: 6rem;
	padding-bottom: 2rem;
	background-repeat: no-repeat;
	background-size: 100%;
}

header h1 {
	margin-top: 0.1rem;
	margin-bottom: 0.7rem;
	color: #fcf3d0;
	text-shadow: 1px 1px 3px #3C0E0C;
	font-size: 29px;
	font-weight: bold;
	font-style: italic;
	font-family: "fontin_sans_rgbold_italic","Georgia", sans-serif;
}

header h3 {
	margin-top: 1.1rem;
	margin-bottom: 0.5rem;
	color: #fcf3d0;
	text-shadow: 1px 1px 3px #3C0E0C;
	font-size: 1.1rem;
	font-weight: bold;
	font-style: italic;
	font-family: "fontin_sans_rgbold_italic","Georgia", sans-serif;
}

ul.topnav li a {
	color: #fcf3d0;
	text-decoration:none;
	text-shadow: 1px 1px 1.5px #3C0E0C;
	font-family: "fontin_sans_rgbold","Georgia", sans-serif;
	font-size: 0.9rem;
	padding: 3px 0;	
}

.gross {
	font-size: 1.2em;
}

.rot {
	padding: 1em;
	margin: -1em 0 1em 0;
	background: #9E2621;

}
#main .rot h3, #main .rot h2 {	
	color: #fcf3d0;
	text-shadow: 1px 1px 3px #3C0E0C;
}

#main .rot p {
	color: #fcf3d0;
}

#main .rot a {
	color: white;
}

ul.topnav li a:hover {
	color: #fff;
	text-shadow: 1px 1px 3px #000;

}

ul.topnav {
	margin-bottom: 0.4em;
}

ul.topnav li.active a {
	font-style: normal;
	color: #fcf3d0;
	color: #fff;
	text-shadow: 2px 2px 4px #3C0E0C;
}

.headershadow {
	height: 3em;
}

#main p, 
#main li,
#main dt,
#main dd,
#main label {
	color: #555;
	font-size: 1em;
}

#main dd {
	margin-left: 1em;
}

dl.Terminliste dt {
	margin-bottom: 0;
}

#main h1,
#main h2,
#main h3 {
	color: #A9412F;
	text-shadow: 1px 1px 2px #ccc;
	text-align: left;
	font-size: 2em;
	font-weight: bold;
	font-style: italic;
	font-family: "fontin_sans_rgbold_italic","Georgia", sans-serif;
}

#main h2 {
	font-size: 2em;
}
#main h3 {
	font-size: 1.2em;
}

.titelbild, 
.bannerbild,
.banner {
	position: relative;
	width: 100%;
}

#main .titelbild h1,
#main .bannerbild h1 {
	color: #FDF8E6;
	text-shadow: 1px 1px 3px #000;
	text-align: left;
	font-size: 25px;
	font-weight: bold;
	font-style: italic;
	line-height:normal;
	position: absolute;
	bottom:11%;
	left: 8%;
}

#main .bannertext {
	text-align: left;
	font-weight: bold;
	font-style: italic;
	line-height:normal;
	position: absolute;
	bottom:1.5em;
	left:1em;
}

#main .bannertext h1 {
	color: #FDF8E6;
	font-size: 1.5em;
	line-height: 1.2em;
	text-shadow: 1px 1px 3px #000;
}
#main .bannertext h2 {
	color: #FDF8E6;
	font-size: 1em;
	text-shadow: 1px 1px 3px #000;
}

footer {
	color: #fcf3d0;
	text-shadow: 1px 1px 2px #333;
	text-align: left;
	font-weight: bold;
	font-style: normal;
	font-family: "fontin_sans_rgbold","Georgia", sans-serif;
}

footer p {
	font-size: 0.8em;
	margin-bottom: 0;
}

p.Name,  p.Drachen, p.Untertitel {
	color: #fcf3d0;
	text-align: left;
	margin-bottom: 0;
}
p.Name {
	font-family: 'fontin_sans_rgbold_italic';
	margin-bottom: .1em;
	font-weight: bold;
	font-style: italic;
	font-size: 1.1em;
}

p.Drachen {
	font-family: 'fontin_sans_rgbold_italic';
	margin-top: 0;
	font-weight: bold;
	font-style: italic;
	margin-bottom: 0.3em;
	font-size: 1.3em;
}

footer a {
	color: #fff;
}

footer a:hover {
	color: #fff;
	text-shadow: 0 0 13px #fff;
}

#main .margin h1 {
	font-size: 1.5em;
}
#main .margin h2 {
	font-size: 1.25em;
}
#main .margin h3 {
	font-size: 1em;
}

#main a {
	color: #A9412F;
}

#main a:hover {
	text-shadow: 0 0 13px #A9412F;
}

#main img {
	margin-bottom: 1em;
}

.bannergalerie {
	margin-top: -4em;
	margin-bottom: 1em;
}

header {
	margin-bottom: 4em;
}

#main .swipebox img {
	margin-bottom: 0.6em;
}

#map_canvas {
	height: 30em;
	margin-top:-4em;
	margin-bottom: 2em;
}

strong {
	font-family: 'fontin_sans_rgbold';
}

.button {
	background-color: #81B03C;
}

.button:hover {
	background-color: #609E29;
}

span.error {
	background-color: transparent;
	color: red;
	display: inline;
}

#main dt {
	color: #A9412F;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}

#main p.caption {
	font-size: 0.8em;
	line-height: 1.4em;
	margin-bottom: 0;
}

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

@media only screen and (min-width: 40.063em) {


header h1 {
	margin-top: 0.2rem;
	margin-bottom: 2.6rem;
	color: #fcf3d0;
	text-shadow: 1px 1px 3px #3C0E0C;
	font-size: 45px;
	font-weight: bold;
	font-style: italic;
	font-family: "fontin_sans_rgbold_italic","Georgia", sans-serif;
}

header h3 {
	margin-top: 2.2rem;
	margin-bottom: 0px;
	color: #fcf3d0;
	text-shadow: 1px 1px 3px #3C0E0C;
	font-size: 27px;
	font-weight: bold;
	font-style: italic;
	font-family: "fontin_sans_rgbold_italic","Georgia", sans-serif;
}

#main .bannertext {
	bottom:3em;
	left:1em;
}

#main .bannertext h1 {
	color: #FDF8E6;
	font-size: 3.3em;
	text-shadow: 1px 1px 3px #000;
}
#main .bannertext h2 {
	color: #FDF8E6;
	font-size: 2.2em;
	text-shadow: 1px 1px 3px #000;
}
.wrapper {
	margin: 2em auto 2em auto; 
}

#main p, 
#main li,
#main dt,
#main dd,
#main label {
	color: #555;
	font-size: .9em;
}

}