/*
Copyright 20.01.2016 by Werbeverlag, Düsseldorf
Dieses CSS Dokument unterliegt dem uneingeschränkten Copyright des Werbeverlag Düsseldorf
Das Kopieren, Ändern sowie die Verwendung in anderen Medien - auch auszugsweise - nur mit schriftlicher Genehmigung des Werbeverlag
*/


@import url("/css/slick.css");
@import url("/css/slick-theme.css");
@import url("/css/lightcase.css");
@import url("/css/formular.css");
@import url("/css/font-awesome.min.css");
@font-face { font-family: 'Dancing Script'; font-style: normal; font-weight: 400; font-display: swap; src: local('Dancing Script Regular'), local('DancingScript-Regular'), url(/fonts/Dancing-Srcript-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Lora'; font-style: italic; font-weight: 400; font-display: swap; src: local('Lora Italic'), local('Lora-Italic'), url(/fonts/Lora-Italic.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Lora'; font-style: italic; font-weight: 700; font-display: swap; src: local('Lora Bold Italic'), local('Lora-BoldItalic'), url(/fonts/Lora-Italic-Bold.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Lora'; font-style: normal; font-weight: 400; font-display: swap; src: local('Lora Regular'), local('Lora-Regular'), url(/fonts/Lora-Regular.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Lora'; font-style: normal; font-weight: 700; font-display: swap; src: local('Lora Bold'), local('Lora-Bold'), url(/fonts/Lora-Regular-Bold.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }



* { margin: 0; padding: 0; }

body, html { font-size: 16px; font-family: 'Lora', serif; background: #000; color: #eee; }

/* Flexboxen */
.flex                         { display: flex; flex-wrap: wrap; }
.flexstart                    { display: flex; flex-wrap: wrap; align-content: flex-start; }
.bbx													{ box-sizing: border-box; }

h1 { color: #eee; font-weight: 400; margin: 0 auto; text-align: center; text-transform: uppercase; text-shadow: 7px 7px 2px rgba(0, 0, 0, 0.5); }
h1 span { font-family: 'Dancing Script'; color: #af0001; text-transform: none; }
h2 { font-weight: normal; font-size: 0.875em; margin: 5px 0 5px; color: #eee; }
h3 { font-weight: normal; font-size: 1.75em; margin-bottom: 20px; text-transform: uppercase; }
h4 { color: #af0001; font-weight: normal; font-size: 1.5em; margin-bottom: 20px; text-transform: uppercase; }

p { font-size: 1rem; margin-bottom: 15px; line-height: 1.5; text-align: justify;}

a, a:link, a:visited { color: #eee; text-decoration: none; border: none; }
a:hover, a:focus, a:active { color: #c0c0c0; }

ul li { list-style: none;}

hr.clear { clear: both; border: none; }


/* Content */

/* Startseite + Allgemein */

.news-start { background: #5a0405; width: 100%; height: auto; min-height: 300px; }
.news-content { margin: 70px auto 0; width: 850px; padding: 0 30px; }
.news-content div { margin-bottom: 2rem; }

.fullpage { margin-bottom: 60px; }

.starttext { background: #fff; color: #000; margin-top: 0; padding: 50px 0; }
.heading { padding-bottom: 70px; }
p.headingshadow { color: rgba(128, 128, 128, 0.2); font-family: 'Dancing Script'; font-size: 8rem; text-align: center; }
.heading h2 { color: #000; font-family: 'Dancing Script'; font-size: 5rem; text-align: center; margin-top: -160px; }

.seitenbild { width: 460px; float: left; margin-right: 20px; }
.seitenbild img { width: 440px; border: 10px solid rgba(128, 128, 128, 0.2); }
.seitentext { width: 460px; float: left; }

.startspecial { width: 100%; height: 600px; background: url('/img/site/snake.jpg') center; background-size: cover; background-repeat: no-repeat; overflow: auto; padding: 50px 0; }
.startspecial .heading h2 { color: #eee; }
.startspecialtext { text-align: center; }

a:link.button { background: #000; color: #eee; display: block; width: 100px; padding: 15px 35px; margin: 70px auto; text-align: center; font-size: 1.5rem; font-family: 'Lora', sans-serif; text-transform: uppercase; border: 7px solid rgba(128, 128, 128, 0.2); }
a:visited.button { background: #000; color: #eee; }
a:hover.button { background: #1b1b1b; color: #eee; }
a:active.button { background: #1b1b1b; color: #eee; }
a:focus.button { background: #1b1b1b; color: #eee; }


/* Unterseiten */

#profil, #news, #service, #verweise, #galerie, #kontakt, #impressum { margin-top: 0; padding: 50px 0; }

#profil, #news { background: #000; color: #eee; }
#galerie, #kontakt { background: #1b1b1b; }
#profil .heading h2, #news .heading h2, #galerie .heading h2, #kontakt .heading h2, #impressum .heading h2 { color: #eee; }
#service, #verweise { background: url('/img/site/light-stripes.jpg') center repeat; color: #000; }

.textenews { margin-bottom: 2rem; padding-bottom: 2rem; border-bottom: 1px solid #5a0405; }
.textenews:last-child { border-bottom: none; }

#verweise p { text-align: center; }
#verweise a, #verweise a:link, #verweise a:visited { color: #000; text-decoration: none; border: none; }
#verweise a:hover, #verweise a:focus, #verweise a:active { color: #af0001; }

ul.ankernavi { border-bottom: 1px solid #000; border-top: 1px solid #000;  margin: 5em auto; padding: 0.5em; text-align: center; }
ul.ankernavi li { display: inline-block; list-style: none; margin-right: 5px; padding-right: 10px; border-right: 1px solid #000;}
ul.ankernavi li:last-child { border: none; }

.banner { border-bottom: 1px solid #af0001; margin-bottom: 2.5rem; padding-bottom: 1rem; }
.banner:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }

p.meldung { color: #af0001; border: 1px solid #af0001; padding:5px; width: auto; }

.datenschutz { width: 100%; }
.datenschutz ul { margin: 0 0 1rem 2rem; }
.datenschutz ul li { list-style: disc; }
iframe.piwik      { border: none; height: 150px; width: 100%; }

/* Profil Vorliebenliste */

.liste h4 { margin-top: 30px; }

.liste ul {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2; 	-webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;
    font-size: 1.5rem;
    margin-bottom: 50px;
    text-align: left;
		color: #000; }

.liste ul li {
    list-style: outside none none;
    margin: 5px 0 15px 35px; }

.liste ul li::before {
    color: #af0001;
    content: "\f005";
    font-family: FontAwesome;
    margin-right: 10px;
	margin-left: -32px; 
}

.liste ul:last-child { margin-bottom: 0; }

/* Galerie */

.grid {
    clear: both;
    list-style: outside none none;
    margin: 0 auto;
    max-width: 940px;
    overflow: auto;
    padding: 0;
    position: relative;
    text-align: center;
}
.grid figure {
    background: #1b1b1b none repeat scroll 0 0;
    cursor: pointer;
    float: left;
    height: auto;
    margin: 10px 10px;
    max-height: 270px;
    max-width: 270px;
    min-width: 270px;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 270px;
	border: 10px solid rgba(128, 128, 128, 0.2);
}
.grid figure img {
    display: block;
    max-width: 100%;
    min-height: 100%;
    opacity: 0.8;
    position: relative;
}
.grid figure figcaption {
    backface-visibility: hidden;
    color: #fff;
    font-size: 1.25em;
    text-transform: uppercase;
}
.grid figure figcaption::before, .grid figure figcaption::after {
    pointer-events: none;
}
.grid figure figcaption, .grid figure figcaption > a {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.grid figure figcaption > a {
    font-size: 0;
    opacity: 0;
    text-indent: 200%;
    white-space: nowrap;
    z-index: 1000;
}

a.first {
    z-index: 9999 !important;
}

.grid figure h4 {
    font-weight: 300;
    word-spacing: -0.15em;
	text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.7);
}
.grid figure h4 span {
    font-weight: 800;
}
.grid figure h4, .grid figure p {
    margin: 0;
}
.grid figure p {
    font-size: 0.875rem;
    text-align: center;
}

figure.effect-sadie figcaption::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 50%);
	content: '';
	opacity: 0;
	transform: translate3d(0,50%,0);
}

figure.effect-sadie h4 {
	top: 50%;
	width: 100%;
	color: #eee;
	transition: transform 0.35s, color 0.35s;
	transform: translate3d(0,500%,0);
}

figure.effect-sadie figcaption::before,
figure.effect-sadie p {
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-sadie p {
	position: absolute;
	bottom: 0;
	left: 0;
	padding-bottom: 2em;
	width: 100%;
	opacity: 0;
	transform: translate3d(0,10px,0);
}

figure.effect-sadie:hover h4 {
	color: #fff;
	transform: translate3d(0,500%,0) translate3d(0,-85px,0);
}

figure.effect-sadie:hover figcaption::before ,
figure.effect-sadie:hover p {
	opacity: 1;
	transform: translate3d(0,0,0);
}

/* Gästebuch */

.pager { margin-bottom: 3rem; }
.btnpager	{ padding: 0.625rem; font-size: 1.000rem; background: #af0001; color: #fff; margin-right: 0.313rem; }
.gb-entry { margin-bottom: 0.25rem; padding: 2rem 0 2rem; /* border-bottom: 1px solid #af0001;*/ border-top: 1px solid #af0001;  }
.gb-entry:first-child { border-top: none; }
.gb-message p, .gb-comment p { text-align: justify; }
.gb-comment { margin: 2.5rem 0 0 2rem; font-style: italic; }
.user-info { margin-bottom: 1rem; }

.new-entry a:link { width: auto; margin: 30px 0 30px; display: inline-block; padding: 5px 10px; border: 1px solid #000; color: #000; }
.new-entry a:visited { color: #000; }
.new-entry a:hover { background: #000; color: #eee; }
.new-entry a:active { color: #c0c0c0; }
.new-entry a:focus { color: #c0c0c0; }

/* Gästebuch Eintrag */
.gb_field { width: 100%; margin-bottom: 15px; line-height: 1.000rem; padding: 0.625rem; border: none; background: #e5e5e5; font-size: 1em; font-family: 'Lora', serif; color: #333; }
.gb_field_text { width: 100%; margin-bottom: 15px; padding: 0.625rem; border: none; background: #e5e5e5; font-family: 'Lora', sans-serif; font-size: 1em; color: #333;  }
.fullpage form						{ margin: 0 auto; width: 60%; }
.fullpage .default				{ width: 100%; }


/* Footer */

#footer { background: #360302; color: #eee; width: 100%; text-align: center; padding: 60px 0 60px; }
#footer p { text-align: center; font-size: 2.5rem; }
#footer i { margin: 20px; }
#jusprog { margin: 50px 0 25px; }



/* #################### Desktop #################### */

@media screen and (min-width: 1281px) and (orientation: landscape) { 
	
/* Allgemein */

.page_margin {  margin: 0 auto; width: 940px; overflow:auto; }
h1 { font-size: 7rem; padding: 250px 0 0; line-height: 0.7; }
h1 span { font-size: 14rem; text-transform: none; }


/* Navigation */

.shape { filter: drop-shadow(0px 0px 8px rgba(0,0,0,0.7)); z-index: 999 !important; top: 0; position: relative; }
#navigation { background: #1b1b1b !important; color: #eee; width: 100%; height: 75px; font-family: 'Dancing Script'; font-size: 2.25em; overflow: auto;  }
#navigation ul { background: #1b1b1b; width: 100%; display: flex; flex-direction: row; padding: 15px 0 10px; margin: 0; }
#navigation ul li { background: #1b1b1b; margin: 0 auto; text-align: center; list-style: none; }
#navigation a:link { color: #eee; }
#navigation a:visited { color: #eee; }
#navigation a:hover { color: #eee; text-shadow:
    0 0 10px #af0001,
    0 0 20px #af0001,
    0 0 30px #af0001; }
#navigation a:active { color: #eee; text-shadow:
    0 0 10px #af0001,
    0 0 20px #af0001,
    0 0 30px #af0001; }
#navigation a:focus { color: #eee; text-shadow:
    0 0 10px #af0001,
    0 0 20px #af0001,
    0 0 30px #af0001; }

.triangle-down { width: 0px;
height: 0px; margin: 0 auto;
-webkit-transform:rotate(360deg);
border-style: solid;
border-width: 45px 480px 0 480px;
border-color: #1b1b1b transparent transparent transparent; }

/* Header */

#headerstart { width: 100%; height: 750px; position: relative; background: url('/img/site/template-header1.jpg') center; background-size: cover; background-repeat: no-repeat; overflow: auto; margin-top: -120px; z-index: 2 !important; }
#header { width: 100%; height: 450px; position: relative; background: url('/img/site/template-header1.jpg') center; background-size: cover; background-repeat: no-repeat; overflow: auto; margin-top: -120px; z-index: 2; }
#header h1 { color: #eee; font-weight: 400; font-size: 3rem;  margin: 0 auto; padding: 11% 0 0; text-align: center; text-transform: uppercase; text-shadow: 7px 7px 2px rgba(0, 0, 0, 0.5); line-height: 0.6; }
#header h1 span { font-family: 'Dancing Script'; color: #af0001; font-size: 7rem; text-transform: none; }

}

/* #################### Desktops Breite min 960 max 1280 #################### */

@media screen and (min-width: 960px) and (orientation: landscape) and (max-width: 1280px) {

/* Allgemein */

.page_margin {  margin: 0 auto; width: 940px; overflow:auto; }
h1 { font-size: 6rem; padding: 200px 0 0; line-height: 0.7; }
h1 span { font-size: 11.7rem; }


/* Navigation */

.shape { filter: drop-shadow(0px 0px 8px rgba(0,0,0,0.7)); z-index: 999 !important; top: 0; position: relative; }
#navigation { background: #1b1b1b !important; color: #eee; width: 100%; height: 75px; font-family: 'Dancing Script'; font-size: 2.25em; overflow: auto;  }
#navigation ul { background: #1b1b1b; width: 100%; display: flex; flex-direction: row; padding: 15px 0 10px; margin: 0; }
#navigation ul li { background: #1b1b1b; margin: 0 auto; text-align: center; list-style: none; }
#navigation a:link { color: #eee; }
#navigation a:visited { color: #eee; }
#navigation a:hover { color: #eee; text-shadow:
    0 0 10px #af0001,
    0 0 20px #af0001,
    0 0 30px #af0001; }
#navigation a:active { color: #eee; text-shadow:
    0 0 10px #af0001,
    0 0 20px #af0001,
    0 0 30px #af0001; }
#navigation a:focus { color: #eee; text-shadow:
    0 0 10px #af0001,
    0 0 20px #af0001,
    0 0 30px #af0001; }

.triangle-down { width: 0px;
height: 0px; margin: 0 auto;
-webkit-transform:rotate(360deg);
border-style: solid;
border-width: 45px 480px 0 480px;
border-color: #1b1b1b transparent transparent transparent; }

/* Header */

#headerstart { width: 100%; height: 550px; position: relative; background: url('/img/site/template-header1.jpg') center; background-size: cover; background-repeat: no-repeat; overflow: auto; margin-top: -120px; z-index: 2 !important; }
#header { width: 100%; height: 450px; position: relative; background: url('/img/site/template-header1.jpg') center; background-size: cover; background-repeat: no-repeat; overflow: auto; margin-top: -120px; z-index: 2; }
#header h1 { color: #eee; font-weight: 400; font-size: 3rem;  margin: 0 auto; padding: 11% 0 0; text-align: center; text-transform: uppercase; text-shadow: 7px 7px 2px rgba(0, 0, 0, 0.5); line-height: 0.6; }
#header h1 span { font-family: 'Dancing Script'; color: #af0001; font-size: 7rem; text-transform: none; }
	
}
	
	
/* #################### Smartphones + Tablets quer Breite min 768 max 959 #################### */

@media screen and (min-width: 768px) and (orientation: landscape) and (max-width: 959px), screen and (orientation: portrait) and (min-width: 600px) {


/* Allgemein */

body, html { font-family: serif; }

h1 { color: #eee; font-weight: 400; font-size: 2rem;  margin: 0 auto; padding: 15% 0 15%; text-align: center; text-transform: uppercase; text-shadow: 7px 7px 2px rgba(0, 0, 0, 0.5); line-height: 0.6; }
h1 span { font-family: 'Dancing Script'; color: #af0001; font-size: 4rem; text-transform: none; }
h3 { font-weight: normal; font-size: 1.25em; margin-bottom: 1.2rem; text-transform: uppercase; }
h4 { color: #af0001; font-weight: normal; font-size: 1em; margin-bottom: 1rem; text-transform: uppercase; }
	
.page_margin {  margin: 0 auto; width: 98%; overflow:auto; }
	
/* Navigation */
	
#navigation .page_margin { width: 100%; text-align: center; }
	
.toggleMenu {
display:  none;
background: #ca3333; /* Old browsers */
background: -moz-linear-gradient(top,  #ca3333 0%, #880000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ca3333), color-stop(100%,#880000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ca3333 0%,#880000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ca3333 0%,#880000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ca3333 0%,#880000 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ca3333 0%,#880000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ca3333', endColorstr='#880000',GradientType=0 ); /* IE6-9 */
width: 94%;
padding: 3%;
color: #fff;
text-transform: uppercase;
}

a:hover.toggleMenu, .nav a:hover { text-decoration: none; color: #fff; text-shadow: none; }
	
.toggleMenu:before { content: "\f0c9"; padding-right: 2%;  font-family: FontAwesome; }
.nav { list-style: none; *zoom: 1; background:#880000; width: 100%; text-align: center; margin: 0 auto; }
.nav:before, .nav:after { content: " "; display: table; }
.nav:after { clear: both; }
.nav ul { list-style: none; margin: 0 auto; }
.nav a { padding: 2% ; color:#fff; }
.nav li { position: relative; padding: 2%; display: inline-block; text-align: center; }
.nav > li > .parent:after { content: "\f0d7"; color: #fff; background: none; font-family: FontAwesome; float:right;  transform: rotate(-90deg); }
.nav > li.hover > .parent:after { content: "\f0d7"; color: #fff; background: none; font-family: FontAwesome; float:right; transform: rotate(0deg); }
.nav > li > a { display: block; }
.nav li  ul { position: absolute; left: -9999px; }
.nav > li.hover > ul { left: 0; }
.nav li li.hover ul { left: 100%; top: 0; }
.nav li li { background: #610000;  border-top: 1px solid #880000; }
.nav li li a { display: block; position: relative; z-index:100; color: #ca5b5b; }
.nav li li li { background:#333; border-top: 1px solid #555; }
.nav li li li a { z-index:200; color: #888; }
	
.active { display: block; }
.nav > li { float: none; }
.nav li li .parent:after { content: "\f0d7"; color: #ca5b5b; background: none; font-family: FontAwesome; float:right;  transform: rotate(-90deg);  }
.nav li li.hover .parent:after { content: "\f0d7"; color: #ca5b5b; background: none; font-family: FontAwesome; float:right;  transform: rotate(0deg);  }
.nav ul { display: block; width: 100%; }
.nav > li.hover > ul , .nav li li.hover ul { position: static; }

	
/* Header */

#headerstart { width: 100%; height: auto; position: relative; background: url('/img/site/template-header1.jpg') center; background-size: cover; background-repeat: no-repeat; overflow: auto; }
#header { width: 100%; height: auto; position: relative; background: url('/img/site/template-header1.jpg') center; background-size: cover; background-repeat: no-repeat; overflow: auto; }

	
/* Content */

/* Startseite + Allgemein */

.news-start {  width: 100%; height: auto; min-height: auto; padding: 10% 0; }
.news-content { margin: 2em auto 0; width: 80%; padding: 0 1em; }
.news-content div { margin-bottom: 0; }

.starttext { padding: 2em 0; }
.heading { padding-top: 1em; padding-bottom: 1.5em; }
p.headingshadow { display: none; }
.heading h2 { font-size: 3rem; margin-top: 0; }

.seitenbild { width: 100%; }
.seitenbild img { width: 94%; text-align: center; margin: 0 auto 2rem; display: block; }
.seitentext { width: 100%; }

.startspecial { width: 100%; height: auto; padding: 2em 0; }

a:link.button { width: 50%; padding: 1rem 2rem; margin: 2rem auto 2rem; text-align: center; font-size: 1.5rem; border: 7px solid rgba(128, 128, 128, 0.2); }

	
/* Unterseiten */

#profil { padding: 50px 0; }
#kontakt .seitenbild, #impressum .seitenbild { border-bottom: solid 1px #5a0405; margin-bottom: 3rem; padding-bottom: 1rem; }
#verweise img { width: 100%; height: auto; }

.liste ul { -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2; 	-webkit-column-gap: 2em; /* Chrome, Safari, Opera */
    -moz-column-gap: 2em; /* Firefox */
    column-gap: 2em; font-size: 1rem; margin: 1rem 0 3rem; }

.liste ul li {
    list-style: outside none none;
    margin: 0.5rem 0 0 1rem; }

.liste ul li::before { margin-right: 1rem; }
	

/* Galerie */

#galerie { padding-bottom: 3rem; }

.grid {
    max-width: 94%;
    padding: 1em 0 0;
}
	
.grid figure {
    margin: 2% 2%;
		max-height: auto;
    max-width: 39%;
    min-width: 39%;
    width: 39%;
		display: inline-block;
		float: left;
		border: 10px solid rgba(128, 128, 128, 0.2);
}

.grid figure p {
    display: none;
}
	
figure.effect-sadie h4 {
	top: 0;
	margin-top: 30%;
	width: auto;
	transform: none;
  transition: none;
}
	
figure.effect-sadie:hover h4 {
	color: #fff;
	transform: none;
}

/* Footer */

#footer { padding: 2rem 0 2rem; }
#footer p { font-size: 1rem; }
#footer i { margin: 1rem; }
#jusprog { margin: 3rem 0 1rem; }
	
	
	}




/* #################### Smartphones + Tablets kleiner 768 bzw. hochkant #################### */

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 767px) { 
	
body, html { font-family: serif; }
	
h1 { color: #eee; font-weight: 400; font-size: 2rem;  margin: 0 auto; padding: 15% 0 15%; text-align: center; text-transform: uppercase; text-shadow: 7px 7px 2px rgba(0, 0, 0, 0.5); line-height: 0.6; }
h1 span { font-family: 'Dancing Script'; color: #af0001; font-size: 4rem; text-transform: none; }
h3 { font-weight: normal; font-size: 1.25em; margin-bottom: 1.2rem; text-transform: uppercase; }
h4 { color: #af0001; font-weight: normal; font-size: 1em; margin-bottom: 1rem; text-transform: uppercase; }
	
.page_margin {  margin: 0 auto; width: 94%; overflow:auto; }
.fullpage form						{ margin: 0 auto; width: 90%; }		
/* Navigation */
	
#navigation .page_margin { width: 100%; text-align: center; }
	
.toggleMenu {
display:  none;
background: #ca3333; /* Old browsers */
background: -moz-linear-gradient(top,  #af0001 0%, #5a0405 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#af0001), color-stop(100%,#5a0405)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #af0001 0%,#5a0405 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #af0001 0%,#5a0405 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #af0001 0%,#5a0405 100%); /* IE10+ */
background: linear-gradient(to bottom,  #af0001 0%,#5a04050 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#af0001', endColorstr='#5a0405',GradientType=0 ); /* IE6-9 */
width: 94%;
padding: 3%;
color: #fff;
text-transform: uppercase;
}

a:hover.toggleMenu, .nav a:hover { text-decoration: none; color: #fff; text-shadow: none; }
	
.toggleMenu:before { content: "\f0c9"; padding-right: 2%;  font-family: FontAwesome; }
.nav { list-style: none; *zoom: 1; background:#1b1b1b; }
.nav:before, .nav:after { content: " "; display: table; }
.nav:after { clear: both; }
.nav ul { list-style: none; }
.nav a { padding: 2% ; color:#fff; }
.nav li { position: relative;	min-width: 9%; padding: 2%; }
.nav > li { float: left; border-top: 1px solid #333; }
.nav > li > .parent:after { content: "\f0d7"; color: #fff; background: none; font-family: FontAwesome; float:right;  transform: rotate(-90deg); }
.nav > li.hover > .parent:after { content: "\f0d7"; color: #fff; background: none; font-family: FontAwesome; float:right; transform: rotate(0deg); }
.nav > li > a { display: block; }
.nav li  ul { position: absolute; left: -9999px; }
.nav > li.hover > ul { left: 0; }
.nav li li.hover ul { left: 100%; top: 0; }
.nav li li { background: #000;  border-top: 1px solid #5a0405; }
.nav li li a { display: block; position: relative; z-index:100; color: #5a0405; }
.nav li li li { background:#333; border-top: 1px solid #555; }
.nav li li li a { z-index:200; color: #888; }
	
.active { display: block; }
.nav > li { float: none; }
.nav li li .parent:after { content: "\f0d7"; color: #ca5b5b; background: none; font-family: FontAwesome; float:right;  transform: rotate(-90deg);  }
.nav li li.hover .parent:after { content: "\f0d7"; color: #ca5b5b; background: none; font-family: FontAwesome; float:right;  transform: rotate(0deg);  }
.nav ul { display: block; width: 100%; }
.nav > li.hover > ul , .nav li li.hover ul { position: static; }
	
	
/* Header */

#headerstart { width: 100%; height: auto; position: relative; background: url('/img/site/template-header1.jpg') center; background-size: cover; background-repeat: no-repeat; overflow: auto; }
#header { width: 100%; height: auto; position: relative; background: url('/img/site/template-header1.jpg') center; background-size: cover; background-repeat: no-repeat; overflow: auto; }


/* Content */

/* Startseite + Allgemein */

.news-start {  width: 100%; height: auto; min-height: auto; padding: 10% 0; }
.news-content { margin: 2em auto 0; width: 80%; padding: 0 1em; }
.news-content div { margin-bottom: 0; }

.starttext { padding: 2em 0; }
.heading { padding-top: 1em; padding-bottom: 1.5em; }
p.headingshadow { display: none; }
.heading h2 { font-size: 3rem; margin-top: 0; }

.seitenbild { width: 100%; }
.seitenbild img { width: 94%; text-align: center; margin: 0 auto 2rem; display: block; }
.seitentext { width: 100%; }

.startspecial { width: 100%; height: auto; padding: 2em 0; }

a:link.button { width: 50%; padding: 1rem 2rem; margin: 2rem auto 2rem; text-align: center; font-size: 1.5rem; border: 7px solid rgba(128, 128, 128, 0.2); }

/* Unterseiten */

#profil { padding: 50px 0; }
#kontakt .seitenbild, #impressum .seitenbild { border-bottom: solid 1px #5a0405; margin-bottom: 3rem; padding-bottom: 1rem; }
#verweise img { width: 100%; height: auto; }

.liste ul { -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1; font-size: 1rem; margin: 1rem 0 3rem; }

.liste ul li {
    list-style: outside none none;
    margin: 0.5rem 0 0 1rem; }

.liste ul li::before { margin-right: 1rem; }
	

/* Galerie */

#galerie { padding-bottom: 3rem; }

.grid {
    max-width: 94%;
    padding: 1em 0 0;
}
	
.grid figure {
    margin: 2% 2%;
    max-height: 36vmin;
    max-width: 36vmin;
    min-width: 36vmin;
    width: 36vmin;
		display: inline-block;
		float: left;
		border: 7px solid rgba(128, 128, 128, 0.2);
}

.grid figure p {
    display: none;
}
	
figure.effect-sadie h4 {
	top: 0;
	margin-top: 30%;
	width: auto;
	transform: none;
  transition: none;
}
	
figure.effect-sadie:hover h4 {
	color: #fff;
	transform: none;
}

/* Footer */

#footer { padding: 2rem 0 2rem; }
#footer p { font-size: 1rem; }
#footer i { margin: 1rem; }
#jusprog { margin: 3rem 0 1rem; }
	
	}