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

@import url(https://fonts.googleapis.com/css?family=Abel|Rajdhani:400,300,500,600,700|Teko:400,300,500,600,700);

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

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

@import url("/css/formular.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: 16px; font-family: 'Abel', sans-serif; background: #000; color: #eee; }



.styleswitcher { width: 100%; background: #000; top: 0; text-align: center; padding: 1rem 0; position: relative; }
.styleswitcher h4 { margin-bottom: 0.75rem; font-size: 1rem; }
.styleswitcher a { padding: 0 1rem; font-size: 1.25rem; }
a.styleorange { color: #ac0f0d; }
a.styleblue { color: #00859d; }
a.stylered { color: #da0003; }

h1, h2 { color: #ac0f0d; font-weight: 300; font-size: 2.5rem; font-family: 'Teko', sans-serif;  margin: 0 20%; padding: 1em 0 0.5em; text-align: center; text-transform: uppercase; border-bottom: dotted 10px #eee; }


h3 { font-weight: normal; font-size: 1.75em; margin-bottom: 20px; text-transform: uppercase; font-family: 'Teko', sans-serif; }

h4 { color: #ac0f0d1; font-weight: normal; font-size: 1.5rem; margin-bottom: 30; text-transform: uppercase; font-family: 'Teko', sans-serif; }

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

a, a:link, a:visited { color: #eee; text-decoration: none; border: none; }
a:hover, a:focus, a:active { color: #c0c0c0; }
iframe.piwik	{ border: none; height: 200px; width: 100%; }

ul li { list-style: none;}

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

.textzentriert { text-align: justify; }


/* Content */

/* Startseite + Allgemein */

.news-start { background: url('/img/site/header-unten.jpg') center; background-size: cover; background-repeat: no-repeat; overflow: auto; width: 100%; height: 700px; }
.news-content { margin: 70px auto 0; width: 940px; padding: 0; }
.news-content div { margin: 20px 0; }

#language { top: 0; position: fixed; right: 0; z-index: 999; }
#language a { border: 1px solid transparent; display: inline-block; margin: 0.5rem; }
#language a:hover { border: 1px solid #ac0f0d; }
#language a img { width: 2rem; display: block; }


.circle-img { width: 260px; height: 260px; border: 10px solid rgba(255, 255, 255, 0.2); border-radius: 50%; float: left; margin-right: 20px; }
.teaser { float: left; width: 638px; min-height: 250px; }
.text { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 2rem; -moz-column-gap: 2rem; column-gap: 2rem; text-align: justify; }


.starttext { background: #000; color: #eee; margin-top: 0; padding: 60px 0 100px; }
.heading { padding-bottom: 70px; }


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

.direktkontakt { margin-top: 3em; text-align: center; }
.direktkontakt p { text-align: center; }

.contact { background: #000; color: #eee; width: 100%; text-align: center; padding: 60px 0 45px; }
.contact p { text-align: center; font-size: 2.5rem; }
.contact i { margin: 10px 20px 0; }

.startteam { width: 100%; height: auto; background: url('/img/site/leather.jpg') center; background-repeat: repeat; overflow: auto; padding: 50px 0; }
.teamgrid { margin-top: 30px; }
.startteam a { float: left; }
.startteam a { margin-right: 30px; }
.startteam .circle-img { margin-right: 0; float: none; }
.startteam a:hover .circle-img { border: 10px solid #ac0f0d; opacity: 0.7; }
.startteam p { text-align: center; position: relative; top: -160px; color: #ac0f0d; font-weight: 300; font-size: 2.5rem; font-family: 'Teko', sans-serif; text-transform: uppercase; text-shadow:
    0 0 10px #000,
    0 0 20px #000,
    0 0 30px #000; }
.startteam a:link p, .startteam a:visited p { visibility: hidden; }
.startteam a:hover p, .startteam a:focus p, .startteam a:active p { visibility: visible; }

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

/* Anfahrts-Karte */


#map_canvas { width: 100%; height: 450px;  }


/* Unterseiten */

#profil { background: #1b1b1b; color: #eee; margin-top: 0; padding: 50px 0 0px; }

#service { background: url('/img/site/black_paper.jpg') center repeat; padding: 30px 0; margin-top: 50px;}

.liste ul {
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3; 	-webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;
    font-size: 1rem;
    margin: 20px 0 50px;
    text-align: left;
		color: #eee; }

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

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

.news { overflow: auto; padding: 70px 0 30px; }
.news:nth-child(even) { background: #1b1b1b; }

.raumbild .circle-img { float: none; }
.raumbild { float: left; width: 300px; }
.raumbild .galeriebutton { margin-right: 30px; }

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

ul.ankernavi { border-bottom: 1px solid #ac0f0d; border-top: 1px solid #ac0f0d;  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 #eee;}
ul.ankernavi li:last-child { border: none; }

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

/* Galerie */

#galerie { padding-bottom: 50px; background: #1b1b1b; }

.galeriebutton { background: #ac0f0d; text-align: center; width: 260px; font-size: 2rem; font-family: 'Teko', sans-serif; border-radius: 50px 15px; margin: 50px auto 0;  }
.galeriebutton a:link, .galeriebutton a:visited { color: #000; }
.galeriebutton:hover { background: #bd6202; }
.galeriebutton:hover a { color: #eee; }

.video { display: block; margin: 2rem 1% ; width: 98%; }
video { width: 98%; margin: 0 1%; }



/* Footer */

#footer { background: #000; 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; }
.footerlabel	{ margin: 30px 0; }



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

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


.page_margin {  margin: 0 auto; width: 940px; overflow:auto; }

/* Navigation */


#navigationdesktop { background-color: rgba(0,0,0,0.7); color: #eee; width: 100%; height: 150px; padding-top: 1em; font-family: 'Teko', sans-serif; font-size: 2em; font-weight: 300; overflow: auto; position: relative; z-index: 899; }
#navigationdesktop img, #navigationdesktop .nav { display: inline-block!important; }
#navigationdesktop ul { background: none; width: 35%; padding: 30px 0 10px; margin: 0; vertical-align: top; }
#navigationdesktop ul li { background: none; margin: 0 0.5em; text-align: center; text-transform: uppercase; list-style: none; display: inline-block; }

#navigationdesktop a:link, #navigationdesktop a:visited { color: #eee; }
#navigationdesktop a:hover, #navigationdesktop a:active, #navigationdesktop a:focus { color: #ac0f0d; border-bottom: 1px solid #ac0f0d; }

#navigationmobile { display: none; }

/* Header */

#headerstart { width: 100%; position: relative; height: 65vh; overflow: hidden; margin-top: -182px; z-index: 2 !important; }
#headerstart img { width: 100%; height: auto; }

#header { width: 100%; height: auto; position: relative; overflow: auto; margin-top: -182px; z-index: 2 !important; }
#header img { width: 100%; height: auto; display: block; }	
	




}



/* #################### Tablets + Smartphones 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: sans-serif; }
	
h1, h2 { font-size: 2.5rem; margin: 0; }
	
	
/* Navigation */
	
#navigationdesktop { display: none; }
#navigationmobile .page_margin { width: 100%; text-align: center; }
#navigationmobile img { margin: 3em 0; }
	

.toggleMenu {
display:  none;
background: #3b3b3b; /* Old browsers */
background: -moz-linear-gradient(top,  #3b3b3b 0%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b3b3b), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #3b3b3b 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #3b3b3b 0%,#000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #3b3b3b 0%,#000000 100%); /* IE10+ */
background: linear-gradient(to bottom,  #3b3b3b 0%,#000000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b3b3b', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
width: 94%;
padding: 3%;
color: #fff;
text-transform: uppercase;
}
a:link.toggleMenu, a:visited.toggleMenu, a:hover.toggleMenu, a:active.toggleMenu, a:focus.toggleMenu { border-bottom: 1px solid #3b3b3b; }
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:#ac0f0d; 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:#000; }
.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; }
	
.page_margin {  margin: 0 auto; width: 98%; overflow:auto; }

	
/* Header */

#headerstart, #header { display: none; }


	
/* Content */

/* Startseite + Allgemein */

.news-start { width: 100%; height: auto; padding: 10% 0; }
.news-start .circle-img { width: 260px; height: 260px; border: 10px solid rgba(255, 255, 255, 0.2); border-radius: 50%; float: left; margin-right: 20px; margin-bottom: 0; }
.news-content { margin: 2em auto 0; width: 80%; padding: 0 1em; }

.news-content div { margin: 1em 0; }


.teaser { float: none; width: 100%; }


.starttext { padding: 2em 0 4em; }
.heading { padding-top: 1em; padding-bottom: 1.5em; }


.seitenbild { width: 100%; height: auto; }
.seitenbild img { width: 50%; height: auto; text-align: center; margin: 0 auto 2rem; display: block; }
.seitentext { width: 100%; }
	
.direktkontakt { margin-bottom: 3em; padding-bottom: 1em; border-bottom: 1px solid #ac0f0d; }

.contact p { font-size: 1.5rem; }

.startteam a { float: left; width: 33%; margin-right: 0; }
.startteam .circle-img { width: 85%; float: none; display: block; potision: relative; text-align: center; margin: 0 auto; }
.startteam p { text-align: center; position: relative; top: 0; color: #ac0f0d; font-weight: 300; font-size: 1.5rem; font-family: 'Teko', sans-serif; text-transform: uppercase; }
.startteam a:link p, .startteam a:visited p { visibility: visible; }
.startteam a:hover p, .startteam a:focus p, .startteam a:active p { visibility: visible; }

	
/* Anfahrts-Karte */

#map_canvas { width: 100%; height: 350px;  }
	
	
/* Unterseiten */

#profil { padding: 50px 0; }
#kontakt .seitenbild, #impressum .seitenbild { margin-bottom: 3rem; }

.raumbild, .circle-img { margin-bottom: 1.5rem; }
.raumbild .galeriebutton { margin-top: 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: sans-serif; }
	
h1, h2 { font-size: 2.5rem; margin: 0; }
	
.page_margin {  margin: 0 auto; width: 94%; overflow:auto; }
	
/* Navigation */
	
#navigationdesktop { display: none; }
#navigationmobile .page_margin { width: 100%; text-align: center; }
#navigationmobile img { margin: 3em 0; }
	
.toggleMenu {
display:  none;
background: #3b3b3b; /* Old browsers */
background: -moz-linear-gradient(top,  #3b3b3b 0%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b3b3b), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #3b3b3b 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #3b3b3b 0%,#000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #3b3b3b 0%,#000000 100%); /* IE10+ */
background: linear-gradient(to bottom,  #3b3b3b 0%,#000000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b3b3b', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
width: 94%;
padding: 3%;
color: #fff;
text-transform: uppercase;
border-bottom: 1px solid #3b3b3b;
}
a:link.toggleMenu, a:visited.toggleMenu, a:hover.toggleMenu, a:active.toggleMenu, a:focus.toggleMenu { border-bottom: 1px solid #3b3b3b; }
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, #header { display: none; }


/* Content */

/* Startseite + Allgemein */

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

.news-content div { margin: 1em 0; }


.circle-img { width: 80%; height: auto; border: 10px solid rgba(255, 255, 255, 0.2); border-radius: 50%; float: none; margin: 0 auto; text-align: center; }
.teaser { float: none; width: 100%; }

.starttext { padding: 2em 0 4em; }
.heading { padding-top: 1em; padding-bottom: 1.5em; }


.seitenbild, .raumbild { width: 100%; height: auto; }
.seitenbild img, .raumbild img, .news img { width: 94%; height: auto; text-align: center; margin: 0 auto 2rem; display: block; }
.seitentext { width: 100%; }
.raumbild .galeriebutton { margin-bottom: 1em; }

.direktkontakt { margin-bottom: 3em; padding-bottom: 1em; border-bottom: 1px solid #ac0f0d; }

.contact p { font-size: 1.5rem; }
	
.startteam a { float: left; width: 50%; margin-right: 0; }
.startteam .circle-img { width: 85%; float: none; text-align: center; margin: 0 auto; }
.startteam p { text-align: center; position: relative; top: 0; color: #ac0f0d; font-weight: 300; font-size: 1.5rem; font-family: 'Teko', sans-serif; text-transform: uppercase; }
.startteam a:link p, .startteam a:visited p { visibility: visible; }
.startteam a:hover p, .startteam a:focus p, .startteam a:active p { visibility: visible; }

/* Anfahrts-Karte */

#map_canvas { width: 100%; height: 300px;  }
	
	
/* Unterseiten */

#profil { padding: 50px 0; }
#kontakt .seitenbild, #impressum .seitenbild { margin-bottom: 3rem; }
#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: 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; }
	
	}