@charset "utf-8";
/* CSS Document */
/* Optik, Uhren, Schmuck Hinzelmann */
/* © 2017 Gamradt Webdesign*/

* {
	margin: 0;
	padding: 0;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border:0;
	font-size:100%;
	margin:0;
	padding:0;
}
a {text-decoration:none;}
table {	border-collapse:collapse;border-spacing:0;}
fieldset, img {	border:0;}
del, ins {text-decoration:none;}
caption, th {text-align:left;}
q:before, q:after {	content:'';}
abbr, acronym {	border:0;font-variant:normal;}
sup, sub {vertical-align:baseline;}
legend {color: #ffffff;}
input, button, textarea, select, optgroup, option {
	font-family:inherit;
	font-size:inherit;
	font-style:inherit;
	font-weight:inherit;
}
input, button, textarea, select {font-size:100%;}

header, footer, nav, section, article, div, aside, main, address  {display:block;}


*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box; 
    box-sizing: border-box; 
	position:relative;
}


html{
	background-color: #63636B;
	overflow-y:scroll;
	min-height:100%;
	}
	
body {
	width:100%;min-height:100%;
	font-size: 62.5%;	/* em = 10px Basis */
	line-height: 1.5;
	color:#ffffff;
	}


	
/* -- --------------------------------------------------------------- */
/*-- Seitenaufbau */
	
#container{
	width: 100%;height:auto;
	margin: 0 auto 0 auto;
	padding:0;
	z-index:1;
}

/* -- --------------------------------------------------------------- */
/* Kopfbereich */

section#kopf{
	width: 100%;height:auto;
	z-index:10;
	}

 header#kopf{width:100%; height:auto;z-index:20;}
	
	div#logo {
	width: 63%;
	height: auto;
	z-index: 21;
	position: absolute;
	right: 0;
	top: -7.8em;
	background-color: rgba(255,255,255,0.80);
	padding: 0.5em 0.5em 0.5em 0.5em;
	border-radius: 0 0 5px 5px;
	-webkit-box-shadow: 3px 3px 15px 3px rgba(132,132,140,0.5);		
	box-shadow: 3px 3px 15px 3px rgba(132,132,140,0.5);
	}		
	
	div#logo img{width:100%;z-index:22;}
	div#logo p{padding:0;}

	nav#top_menu{display:none;z-index:23;}

._responsive-menu a {font-style:normal;font-weight:normal;}
	div#bildleiste{
	z-index: 11;
	clear: both;
	width: 100%;
	height: auto;
	margin-top: 2.5em;
	line-height: 1;
	-webkit-box-shadow: 0px 8px 8px 0 rgba(79,71,79,1.00);
	box-shadow: 0px 8px 8px 0 rgba(79,71,79,1.00);
	}	

/* -- --------------------------------------------------------------- */	
/*Seiteninhalte */
			
section#content {width:100%;height:auto;padding:0 0 0 0;}


	div#bg_content {background-color: #858789;background-color: rgba(245,247,247,0.34);}
	
	article#cont_sp1, article#cont_100 {width:100%;height:auto;padding:2%;}
 	article#cont_sp1 {margin-top:4em;}
		
	.googlemaps{width:100%;overflow:hidden}		
	 #cont_sp2 {padding-top:2em;width:100%;height:auto;}	
		
	 div.moduletable_bildspalte_rechts{margin-top:2em;}
	 div.moduletable_bildspalte_rechts img{min-width:100%;}
	 	
	 .inhalt_links, .inhalt_rechts	{	width:100%;	height:auto;padding:2%;}
	
	 /* 3spaltig */
	
	 .spalten_3 img {width:100%;height:auto;}
	 

/* -- --------------------------------------------------------------- */	
/* Fuß */
	
footer#fuss{
	clear: both;
	width: 100%;
	height: auto;
	padding: 2%;
	background-color: #606060;background-color: rgba(245,247,247,0.10);
	}
		
	div#fuss_sp1, nav#fuss_menu{width:100%;height:auto;	padding:0;}
	

	footer#fuss address{padding-bottom:0;line-height:2em;}
		.middot{display:none;}
		
	nav#fuss_menu ul{	list-style-position: outside;padding:2em 0 0 0;margin-left:0;	}	
	nav#fuss_menu ul li {padding: 0 0.8em 0.8em 0.8em;list-style-type: none;display:inline-block;width:48%;	border-right: 1px solid rgba(196,196,196,1.00);}
	nav#fuss_menu ul li:last-child{border-right:none;}	
	nav#fuss_menu ul li:first-child, nav#fuss_menu ul li:nth-child(odd) {padding-left:0;}	
	nav#fuss_menu ul li a {font-style:normal;}
	nav#fuss_menu ul li:last-child{padding-right:0;}

aside#webdesign{
	clear:both;position:relative; z-index:500; bottom:0em; right:0em;
	width: 100%;
	height: auto;
	padding: 0 2% 0 4%;
	margin:0;
	background-color: #606060;background-color: rgba(245,247,247,0.10);
	}
	
	aside#webdesign p {text-align:right;}
		#webdesign p, #webdesign p a{color: #A8A8AE;font-size: 1.1em;padding-right:2em;}

.custom_socialmedia img {width:4em;margin-right:2em;}

/* ----------------------------------------------------------------*/
/* Kategorieblock */
/* ----------------------------------------------------------------*/
	
.leading-0{padding-top:2em;}
div[class^="leading-"] {clear:both;padding-top:1em;}


/* ----------------------------------------------------------------*/
/* Bereich Breadcrumbs, Pfad*/
/* ----------------------------------------------------------------*/

section#content ul.breadcrumb{font-size:0.8em;margin-left:0;margin-top:1%;margin-bottom:2%;}	
	section#content ul.breadcrumb li{display:inline;color:rgb(255,255,255);color:rgba(255,255,255,0.6);}
		section#content ul.breadcrumb li a.pathway {
			font-size:inherit;
			font-style:normal;
			color:rgb(255,255,255);color:rgba(255,255,255,0.6);}


/* Karte */
.moduletable_karte iframe{ min-width: 100%;height: 15em;}
div#bildleiste .moduletable_karte p {padding-bottom:0;line-height:0;}

.moduletable_slideshow_sp_re {margin-bottom:1.5em;
	-webkit-box-shadow: 4px 4px 12px 1px #3E3D43;-moz-box-shadow: 4px 4px 12px 1px #3E3D43;box-shadow: 4px 4px 12px 1px #3E3D43;
	border: 3px solid #868691; border-radius: 3px;}


.moduletable_hd_team img, .moduletable_aktion img {min-width:100%;max-width:100%;height:auto;}
.moduletable_hd_team p {padding:0;line-height:0;}
.moduletable_aktion {padding-bottom:1rem;}
.moduletable_aktion h2.im_mod_hidden {display:none;}
.moduletable_aktion img {-webkit-box-shadow: 4px 4px 12px 1px #3E3D43;-moz-box-shadow: 4px 4px 12px 1px #3E3D43;box-shadow: 4px 4px 12px 1px #3E3D43;border: 3px solid #868691;	border-radius: 3px;}
.moduletable_aktion a {z-index:100;}
/* -- Seite Marken ------------------------------------------------*/

#label img {margin-right: 3%;margin-bottom: 1.5%;margin-top: 1.5%;border-radius: 3px;box-shadow: 4px 4px 12px 1px #63636B;width: 48.5%;}
    #label img:nth-child(2n) {margin-right:0;}

/* -- Seite TEam ------------------------------------------------*/

.ueber-uns #jcemediabox-popup-caption h4, .ueber-uns #jcemediabox-popup-info-bottom p, .ueber-uns #jcemediabox-popup-info-bottom a {color:#6D6C70  !important;}
.ueber-uns #jcemediabox-popup-prev, .ueber-uns #jcemediabox-popup-next {z-index: 10000;}
.ueber-uns #jcemediabox-popup-container {height:auto;}
.ueber-uns #jcemediabox-popup-content > embed, .ueber-uns #jcemediabox-popup-content > img, .ueber-uns #jcemediabox-popup-content > object, .ueber-uns #jcemediabox-popup-content > video{width:98%;}
.ueber-uns a.jcemediabox-image {font-size:1.0em !important;}
.ueber-uns #jcemediabox-popup-closelink {right: 6px; font-size: 0;width:0;}


#cookieMessageContainer .cookie_button {
	height: auto !important;
	color: #6D6C70 !important;
	border-radius: 3px;
	text-shadow: none !important;
	background-size: cover !important;
	z-index:1000;
}

/* ----------------------------------------------------------------*/
/* Anmeldung */
/* ----------------------------------------------------------------*/
.controls input, .controls button {color:#ffffff;}


/* ----------------------------------------------------------------*/
/* -- Seiten- und Textauszeichnungen  -- */
/* ----------------------------------------------------------------*/

p, li, td, address, cite, textarea, input, button, figcaption, blockquote{
	font-family: Verdana, "Helvetica CE", Helvetica,"Century Gothic", sans-serif;
	color: #ffffff;
	font-size: 1.5em;
	line-height: 1.6;
	font-weight: normal;
	text-align: left;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	}

p {	margin:0;padding: 0 0 1.2em 0;	}

p, li, figcaption, td {	
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto; 
	}


figcaption, figure {text-align:center;}

a {	text-decoration: none;font-style:italic;color:#ffffff;}
	a:hover {color: #C25C76;}
	a img {	border: 0 none;	}

h1, h2, h3, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0 0 0.9em 0;
	font-weight: 400;
	line-height: 1.5em;
	text-align: left;
	color: #ffffff;
	}
	h1 a, h2 a, h3 a, h2 a, h3 a, h4 a, h5 a, h6 a{font-style:normal;}	
	h1, .font_h1, strong.mooaccordion {font-family: 'Tangerine', cursive;font-size: 3.2em;padding-bottom:0.5em;font-weight: 300;color: #ffffff; }
	h1 span.kleiner{font-size:2.5em;font-weight:normal;}
	h1.kleiner{font-size:2.0em;font-weight:normal;padding-bottom:0.8em;}
	h1.wen_abstand{padding-bottom:0.2em;}		
	h2 {font-family: 'Tangerine', cursive;padding-bottom:0.5em;font-weight: 300;}
		h2, .font_h2 {font-size:2.8em;}
		h2.subheading-category  {font-size:3.2em;padding-bottom:0.2em;}
	h3 {font-size: 1.7em;}
	h4 {font-size: 1.6em;}
	h5 {font-size: 1.55em;}
	h6 {font-size: 1.5em;font-weight:bold;}	

blockquote p {font-size: 1.1em;font-style:italic;}
address{font-style:normal;}

sub, sup {font-size: 75%;}
sup {top: -0.5em;bottom: -0.25em;}

section#content ul {margin-left: 2em;padding-bottom:1em;}
section#content ul li{list-style-position: outside;padding-bottom:0.3em;list-style-type:circle;}



/* ----------------------------------------------------------------*/
/* -- Klassen  -- */
/* ----------------------------------------------------------------*/

.clear_links{clear:left;}	
.clear_rechts{clear:right;}	
.clear{clear:both;}	
.clear_1px{clear:both;line-height:1;font-size:0;padding:0;margin:0;}	
.abstand_o{padding-top:2%;}	
.abstand_u{padding-bottom:2.5%;	}
.less-pad-top{padding-top:0;}
.hidden{display:none;}
.float-left {float: left;}
.float-right {float: right;}
.bild_rechts, .bildbox_r, .bild_links, .bildbox_{
	border: 1px solid #868691;
	-webkit-box-shadow: 3px 3px 10px 3px rgba(94,93,89,0.6);
	box-shadow: 3px 3px 10px 3px rgba(94,93,89,0.6);
	margin-bottom: 2em;
	border-radius: 4px;
	}
.pfeil-r{float:right;margin-left:0.5em;margin-top:0.4em;border:none;}
.pfeil-l{float:left;margin-right:0.5em;margin-top:0.4em;border:none;}
.groesser{font-size:1.8em;}
.kleiner {font-size:1.5em;font-weight:normal;}
strong, .fett{font-weight:bold;}
.farbig_fett{color:#C71953;font-weight:bold;}
.farbig2{	color:#C71953;} 
.mittig{text-align:center;margin:0 auto 0 auto;}
.text_links {text-align:left;}
.rahmen{	border: 1px solid  #868691;}
.rahmen_ohne{border:none;}
.linie {border-bottom:1px dotted #868691;padding-top:0;margin-bottom:1.5em;}

.accordion_content1 {padding-top:1em !important;}

strong.mooaccordion{clear:both;cursor: pointer;}