@charset "utf-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Dancing+Script:400,700);
@import url(https://fonts.googleapis.com/css?family=Lora:400,400italic,700,700italic);
@import url('https://fonts.googleapis.com/css?family=Cinzel|Josefin+Sans');

@import url("/css/slick.css");
@import url("/css/slick-theme.css");

@import url("/css/ilightbox.css");


@import url("/css/font-awesome.min.css");
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.0.3');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype');
  font-weight: normal;
  font-style: normal;
}


* { margin: 0; padding: 0; }

body, html { font-size: 18px; font-family: 'Josefin Sans', serif; background: #fff; color: #333; }


h1 { color: #333; font-weight: 400; margin: 0 auto; text-align: center; text-transform: uppercase; text-shadow: none; }
h1 span { font-family: 'Cinzel'; color: #00877D; text-transform: none; }

h2 { font-weight: normal; font-size: 0.875em; margin: 5px 0 5px; color: #333; }
h3 { font-weight: normal; font-size: 1.75em; margin-bottom: 20px; text-transform: uppercase; }

h4 { color: #00877D; font-weight: normal; font-size: 1.5em; margin-bottom: 30; text-transform: uppercase; }

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

a, a:link, a:visited { color: #00877D; text-decoration: none; border: none; }
#footer a, #footer a:link, #footer a:visited { color: #eee; }
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: #236863; width: 100%; height: 450px; color: #fff; }
.news-content { margin: 70px auto 0; width: 850px; padding: 0 30px; }


.starttext { background: #fff; color: #333; margin-top: 0; padding: 50px 0; }
.heading { padding-bottom: 70px; }
p.headingshadow { display: none; }
.heading h2 { color: #333; font-family: 'Cinzel'; font-size: 3rem; text-align: center; margin-top: 40px; }

.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/light-stripes.jpg') center repeat; overflow: auto; padding: 50px 0; border-top: 1px solid #00877d; }
.startspecial .heading h2 { color: #333; }
.startspecialtext { text-align: center; }

a:link.button { background: #002B28; color: #fff; display: block; width: 100px; padding: 15px 35px; margin: 70px auto; text-align: center; font-size: 1.5rem; font-family: 'Josefin Sans', sans-serif; text-transform: uppercase; border: 7px solid rgba(0, 135, 125, 0.2); }
a:visited.button { background: #002B28; color: #fff; }
a:hover.button { background: #00877D; color: #fff; }
a:active.button { background: #00877D; color: #fff; }
a:focus.button { background: #00877D; color: #fff; }

/* Unterseiten */

#profil { background: #fff; color: #333; margin-top: 0; padding: 50px 0; }
#profil .heading h2 { color: #333; }

#service { background: url('/img/site/light-stripes.jpg') center repeat; border-top: 1px solid #00877d; border-bottom: 1px solid #00877d; }

.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: 20px 0 50px;
    text-align: left;
		color: #000; }

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

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

/* Galerie */

#galerie { padding-bottom: 50px; background: #fff; }
#galerie .heading h2 { color: #333; }

.grid {
    clear: both;
    list-style: outside none none;
    margin: 0 auto;
    max-width: 940px;
    overflow: auto;
    padding: 1em 0 0;
    position: relative;
    text-align: center;
}
.grid figure {
    background: #00877d 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(0, 43, 40, 0.2);
}
.grid figure img {
    display: block;
    max-width: 100%;
    min-height: 100%;
    opacity: 1;
    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);
	font-size: 1.5rem;
}
.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);
}

/* Footer */

#footer { background: #002B28; color: #fff; 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: 960px) and (orientation: landscape) { 
	
	/* Allgemein */


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

/* Navigation */

.shape { filter: none; z-index: 999 !important; top: 0; position: relative; }
#navigation { background: rgba(255,255,255,0.8) !important; color: #333; width: 100%; height: 75px; font-family: 'Josefin Sans'; font-size: 1.3em; text-transform: uppercase; overflow: auto;  }
#navigation ul { background: none; width: 100%; display: flex; flex-direction: row; padding: 20px 0 10px; margin: 0; }
#navigation ul li { background: none; margin: 0 auto; text-align: center; list-style: none; }

#navigation a:link { color: #333; }
#navigation a:visited { color: #333; }
#navigation a:hover { color: #fff; text-shadow:
    0 0 10px #00877D,
    0 0 20px #00877D,
    0 0 25px #00877D; }
#navigation a:active { color: #fff; text-shadow:
    0 0 10px #00877D,
    0 0 20px #00877D,
    0 0 25px #00877D; }
#navigation a:focus { color: #fff; text-shadow:
    0 0 10px #00877D,
    0 0 20px #00877D,
    0 0 25px #00877D; }

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

/* Header */

#headerstart { width: 100%; height: 750px; position: relative; background: url('/img/site/header-hell.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/header-hell.jpg') center; background-size: cover; background-repeat: no-repeat; overflow: auto; margin-top: -120px; z-index: 2; }
#header h1 { color: #333; font-weight: 400; font-size: 3rem;  margin: 0 auto; padding: 11% 0 0; text-align: center; text-transform: uppercase; text-shadow: none; line-height: 0.8; }
#header h1 span { font-family: 'Cinzel'; color: #00877D; font-size: 4.5rem; 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.8; }
h1 span { font-size: 10rem; }


/* Navigation */

.shape { filter: none; z-index: 999 !important; top: 0; position: relative; }
#navigation { background: rgba(255,255,255,0.8) !important; color: #eee; width: 100%; height: 75px; font-family: 'Josefin Sans'; font-size: 2.25em; overflow: auto;  }
#navigation ul { background: rgba(255,255,255,0.8); width: 100%; display: flex; flex-direction: row; padding: 20px 0 10px; margin: 0; }
#navigation ul li { background: rgba(255,255,255,0.8); margin: 0 auto; text-align: center; list-style: none; }

#navigation a:link { color: #eee; }
#navigation a:visited { color: #eee; }
#navigation a:hover { color: #fff; text-shadow:
    0 0 10px #00877D,
    0 0 20px #00877D,
    0 0 25px #00877D; }
#navigation a:active { color: #fff; text-shadow:
    0 0 10px #00877D,
    0 0 20px #00877D,
    0 0 25px #00877D; }
#navigation a:focus { color: #fff; text-shadow:
    0 0 10px #00877D,
    0 0 20px #00877D,
    0 0 25px #00877D; }

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

/* Header */

#headerstart { width: 100%; height: 550px; position: relative; background: url('/img/site/header-hell.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/header-hell.jpg') center; background-size: cover; background-repeat: no-repeat; overflow: auto; margin-top: -120px; z-index: 2; }
#header h1 { color: #333; font-weight: 400; font-size: 3rem;  margin: 0 auto; padding: 11% 0 0; text-align: center; text-transform: uppercase; text-shadow: none; line-height: 0.8; }
#header h1 span { font-family: 'Cinzel'; color: #00877D; font-size: 4.5rem; 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) {
	
body, html { font-family: serif; }
	
h1 { color: #333; font-weight: 400; font-size: 3rem;  margin: 0 auto; padding: 15% 0 15%; text-align: center; text-transform: uppercase; text-shadow: none; line-height: 0.8; }
h1 span { font-family: 'Cinzel'; color: #00877D; font-size: 4.5rem; text-transform: none; }
	
/* Navigation */
	
#navigation .page_margin { width: 100%; text-align: center; }
	
.toggleMenu {
display:  none;
background: #00877D; /* Old browsers */
background: -moz-linear-gradient(top,  #00877D 0%, #91763e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00877D), color-stop(100%,#91763e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #00877D 0%,#91763e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #00877D 0%,#91763e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #00877D 0%,#91763e 100%); /* IE10+ */
background: linear-gradient(to bottom,  #00877D 0%,#91763e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00877D', endColorstr='#91763e',GradientType=0 ); /* IE6-9 */
width: 94%;
padding: 3%;
color: #fff;
text-transform: uppercase;
}
a:link.toggleMenu, a:visited.toggleMenu { color: #eee; }
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:#91763e; 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 #91763e; }
.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; }
	
.page_margin {  margin: 0 auto; width: 98%; overflow:auto; }

	
/* Header */

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

	
/* Content */

/* Startseite + Allgemein */

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

.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; }

.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: #333; font-weight: 400; font-size: 3rem;  margin: 0 auto; padding: 15% 0 15%; text-align: center; text-transform: uppercase; text-shadow: none; line-height: 0.8; }
h1 span { font-family: 'Cinzel'; color: #00877D; font-size: 4.5rem; text-transform: none; }
	
.page_margin {  margin: 0 auto; width: 94%; overflow:auto; }
	
/* Navigation */
	
#navigation .page_margin { width: 100%; text-align: center; }
	
.toggleMenu {
display:  none;
background: #002B28; /* Old browsers */
background: -moz-linear-gradient(top,  #00877D 0%, #002B28 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00877D), color-stop(100%,#002B28)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #00877D 0%,#002B28 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #00877D 0%,#002B28 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #00877D 0%,#002B28 100%); /* IE10+ */
background: linear-gradient(to bottom,  #00877D 0%,#002B28 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00877D', endColorstr='#002B28',GradientType=0 ); /* IE6-9 */
width: 94%;
padding: 3%;
color: #fff;
text-transform: uppercase;
}
a:link.toggleMenu, a:visited.toggleMenu { color: #eee; }
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:rgba(255,255,255,0.8); }
.nav:before, .nav:after { content: " "; display: table; }
.nav:after { clear: both; }
.nav ul { list-style: none; }
.nav a { padding: 2% ; color:#333; }
.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: #333; background: none; font-family: FontAwesome; float:right;  transform: rotate(-90deg); }
.nav > li.hover > .parent:after { content: "\f0d7"; color: #333; 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 #91763e; }
.nav li li a { display: block; position: relative; z-index:100; color: #91763e; }
.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: #00877D; background: none; font-family: FontAwesome; float:right;  transform: rotate(-90deg);  }
.nav li li.hover .parent:after { content: "\f0d7"; color: #00877D; 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/header-hell.jpg') center; background-size: cover; background-repeat: no-repeat; overflow: auto; }
#header { width: 100%; height: auto; position: relative; background: url('/img/site/header-hell.jpg') center; background-size: cover; background-repeat: no-repeat; overflow: auto; }


/* Content */

/* Startseite + Allgemein */

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

.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; }

.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: 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; }
	
	}