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



@media only screen and (min-width: 340px) {
	
	div#logo {top: -7.7em;}
	
}


@media only screen and (max-width:480px) {
	

	.ueber-uns #jcemediabox-popup-body {width:98% !important;}
	.ueber-uns #jcemediabox-popup-content {width:96% !important;height:auto;}
	.ueber-uns #jcemediabox-popup-caption { margin: 0 30px 0 0;}

}

@media only screen and (min-width:481px) {
	
	.ueber-uns .jcemediabox-zoom-span {width:49.5%;float:left;}
	.ueber-uns a.jcepopup:nth-child(odd) {margin-right:0.2%;}
	img.team {width:100%;}
	.ueber-uns #jcemediabox-popup-caption h4 {font-size:2.0em;padding-bottom:0.5em;}
	.ueber-uns #jcemediabox-popup-body {width:80% !important;}
	.ueber-uns #jcemediabox-popup-content {width:99% !important;height:auto !important;}
	.ueber-uns #jcemediabox-popup-closelink {right: 10px; }
	.ueber-uns #jcemediabox-popup-caption {margin-right:5%;}
}



@media only screen and (max-width:1023px) and (orientation:landscape){	

	.ueber-uns #jcemediabox-popup-container {max-height:100%;}
	.ueber-uns #jcemediabox-popup-img {width:40% !important;}
	
	
}


@media only screen and (max-width:767px) {
	
	.bild_rechts, .bildbox_r, .bild_links, .bildbox_{width: 100%;}
	img.team {width:100%;}
	.ueber-uns #jcemediabox-popup-container {max-height:100%;}
}

@media only screen and (min-width:568px) and (max-width:1023px) {
	
	div#logo {width:40%;right: 1em;}
	  div#logo img { width: 100%;}
	nav#top_menu{width:40%;}
	
}


@media only screen and (min-width:480px) {
	
	nav#fuss_menu ul li {width:33%;text-align: center;}
	nav#fuss_menu ul li:nth-child(odd) {padding-left:0.8em;}	
	nav#fuss_menu ul li:first-child {padding-left:0;text-align:left;}	

}


@media only screen and (min-width:480px) and (max-width:567px) {
	
	div#logo {width:40%;right:1em;}
}


@media only screen and (min-width: 568px) {

	article#cont_sp1 {width:60%;padding-right:4%;float:left;margin-top:0;}
	#cont_sp2{width:40%;float:right;padding-top:13%;padding-right:2%;}
	
	#label img {width: 31.3%;}
	     #label img:nth-child(2n) {margin-right:3%;}
		 #label img:nth-child(3n) {margin-right:0;}
	
}


@media only screen and (min-width: 557px) {

	#label img {width: 22.7%;}
  		#label img:nth-child(3n) {margin-right:3%;}
		#label img:nth-child(4n) {margin-right:0;}
                         
}

@media only screen and (min-width: 768px) {
	
	.moduletable_slideshow_sp_re {margin-bottom:2.5em;}
	.custom_sp_re {padding-left:5px;}
	
	div#logo { }
	nav#top_menu{width:40%;}
	
	.slideshowck_slideshow.camera_wrap.camera_charcoal_skin { background-color: rgba(99,99,107,0.8);}
	
	section#content ul.nav.menu {margin-left:0;margin-bottom:2em;}
		section#content ul.nav.menu li{
		list-style-position:inside;list-style-type:none;
		border-bottom: 1px dotted rgb(175,232,90);
		border-bottom: 1px dotted rgba(175,232,90,1.0);
		padding: 0.5em 0 0.6em 0;
		}
		.moduletable_menu ul.nav.menu li a{font-style:normal;font-size:1.1em;}
			
	#cont_sp2 .moduletable .custom img{max-width:100%;}		
	
	footer#fuss {padding: 1.5% 2% 1.5% 2%;}
		address.inline {display:inline;}
		.middot {display:inline;}
		nav#fuss_menu { float:left;text-align:left;}
	
	.bild_rechts, .bildbox_r{	float: right;	margin-left: 2%; width:33%;	max-width:100%;}
	.bild_links, .bildbox_l{	float: left;	margin-right: 2%; width: 33%; 	max-width:100%;}
	.img_4x{width:23%;margin-right:2%;}
	.img_4x:nth-child(4n) {margin-right:0;}
	
	.moduletable_karte iframe{height: 25em;}
	

	.ueber-uns jcemediabox-zoom-span {width:49.5%;float:left;}
	.ueber-uns a.jcepopup:nth-child(odd) {margin-right:0.2%;}
	img.team {width:100%;}

}


@media only screen and (min-width: 1024px) {
	
	html {background-image: url(../images/bg-body.jpg);background-repeat: repeat;}
	
	#container {
	width: 95%;
	background-color: rgba(77,77,83,0.20);
	padding: 0;
	}		
	
	section#kopf {
    padding-top: 0.5em;
    background-image: url(../images/bg_menu.png);
    background-repeat: repeat-x;
    background-position: 0 0;
	}	
	
	section#kopf p.ohne_bildleiste {height:6.15em;width:100%;}
	
	.slideshowck_slideshow.camera_wrap.camera_charcoal_skin { margin-bottom:0 !important;}

	div#logo {top: -0.5em; right: 1.5em;width:28%;}
		div#logo img {width:100%;padding:2% 1% 0.5% 1%;}
	
	nav#top_menu{
    display: block;
    float: left;
    text-align: left;
    width: 72%;
    padding: 0 0 0 0.5em;
    margin: 0;
	}
	
	section#content {padding:0 0 0 0;}
	div#bg_content {border-radius: 5px;padding:2% 2% 1% 2%;}
	div#bg_content {background-color:transparent;}
	
	article#cont_100{padding:0;}
	article#cont_sp1 {width:65%;padding:0 6em 0 0;}

	#cont_sp2{width:35%;padding-top:11%;padding-right:0;}
		
	.inhalt_links, .inhalt_rechts	{float:left;}
	.inhalt_links {width:70%; padding-right:3em;}
	.inhalt_rechts {width:30%; }
		
	footer#fuss{
		clear: both;
		width: 100%;height: auto;
		padding: 1% 2% 1% 2%;
		margin-top: 1em;
	    border-radius: 5px;
		}
		div#fuss_sp1{width:40%;}
		nav#fuss_menu {width:45%;}
		.moduletable_socialmedia {width:15%;}
		ul.menu_fussmenu {width:80%;}
		div#fuss_sp1{padding-right:3em; padding-top:0;float:left;}
		nav#fuss_menu {float:right;}	
		nav#fuss_menu ul {float:right;padding-top: 0;padding-bottom:1.5em;}
		nav#fuss_menu ul li {padding-top: 0;line-height:2em;float:left;}
			nav#fuss_menu ul li:first-child {width:100%;border-right:none;}
			nav#fuss_menu ul li:nth-child(2){padding-left:0;text-align:left;}

	aside#webdesign{padding-right:0;}	
	
	.moduletable_karte iframe{height: 32em;}
	
	address.inline {display:block;}
	.middot {display:none;}
	
	
	h1, .font_h1 {font-size:4.0em;padding-bottom:0.3em;}
		h2.subheading-category{font-size: 4.0em;}
		h3 {font-size:2em;}

	nav#top_menu ul li {list-style-type: none;}

	.responsiveMenuTheme4d.isDesktop > li > ul li {	background-color: rgb(79,76,72);background-color: rgba(79,76,72,0.80);}

	.responsiveMenuTheme4d.isDesktop a {text-align: left;padding: 0;font-style:normal;}

	ul.responsiveMenuTheme4d.isDesktop > li > a {padding:1.5em 1em 1.5em 1em;font-size:0.9em;}
		.responsiveMenuTheme4d.isDesktop > li > a span.linker {
					border-bottom: none;
					transition: all 1000ms ease-in-out;
					font-style:normal;
					}
				
	.responsiveMenuTheme4d.isDesktop > li.active > a span.linker {border-bottom-style: none;color: #C71953;}
	.responsiveMenuTheme4d.isDesktop > li.hover > a span.linker {border-bottom:none;color: #C71953;}
	.responsiveMenuTheme4d.isDesktop > li.active > a span.linker {border-bottom:none;color: #C71953;}
	.responsiveMenuTheme4d.isDesktop li li.hover > a span.linker, .responsiveMenuTheme4d.isDesktop li li.active > a span.linker {text-decoration: none;color:#C71953;}
	.responsiveMenuTheme4d.isDesktop > li.deeper.hover > a span.linker {border-bottom:none;text-decoration: none;color: #C71953;}

	/* Untermenü */
	ul.responsiveMenuTheme4d.isDesktop > li > ul{width:10em;}	
	ul.responsiveMenuTheme4d.isDesktop > li.hover > ul {padding-top: 3em;}
	ul.responsiveMenuTheme4d.isDesktop  li ul li {font-size:0.7em;padding-top:0.5em;padding-bottom:0.3em;padding-left:1em;padding-right:0.5em;}
	ul.responsiveMenuTheme4d.isDesktop  li ul li:last-child {padding-bottom:0.5em;}
	
	#label {
		margin-top:3em;
		background-color: #CDCDCF;
		padding:12px 10px 12px 17px;
		border-radius:3px;
		overflow:hidden;
		border:1px solid #FBDDE7;
		}

		 #label img {width: 17.2%;}	
				#label img:nth-child(4n) {margin-right:03%;}
				#label img:nth-child(5n) {margin-right:0;}
	
	.jcemediabox-zoom-span {width:30%;padding-bottom:2em;}
	.hoch .jcemediabox-zoom-span {width:15.8%;}
	.spalten_3 img {height:auto;width:100%;}
	.spalten_3 img:nth-child(3) {margin-right:0;}

	
	
	.ueber-uns .jcemediabox-zoom-span {width:32.5%;}
	.ueber-uns a.jcepopup:nth-child(4n-1) {margin-right:0.2%;}


	.ueber-uns #jcemediabox-popup-body {width:60% !important}
}


@media only screen and (min-width: 1280px){
	
	#container {width:1080px;}	

	nav#top_menu{padding-top:1em;padding-bottom:1em;}
	
	div#logo {right:2em;}
		
	footer#fuss{padding: 1% 2% 0 2%;}
		footer#fuss address{padding-bottom:0.8em;line-height:1.5em;}
	
		.ueber-uns #jcemediabox-popup-body {width:50% !important;}
	
}


@media only screen and (min-width: 1366px) {
	
#container {width:1180px;}	

    div#logo {width:28%;right:3.0em;}
	div#logo img{margin-bottom:2%;}
	
	div#bg_content {padding-bottom:2.5%;}	
	
	section#content ul.nav.menu li{padding-left:1em;}	
	article#cont_sp1 {padding:0 10em 0 0;}
	#cont_sp2{padding-top:9%;}	
	
	.inhalt_links, .inhalt_rechts{float:left;}
	.inhalt_links {width:60%; padding-right:3em;}
	.inhalt_rechts {width:20%; }

	footer#fuss{padding-left:2%;}
	
	div#fuss_sp1 {width:55%;}
	nav#fuss_menu ul li {line-height: 1.5;}
		nav#fuss_menu {width:45%;}
		address.inline {display:inline;}
		.middot {display:inline;}
	
	h1, .font_h1 {font-size: 4.2em;padding-bottom: 0.4em;	}
		h2.subheading-category{font-size: 4.2em;}
	h2, .font_h2 {font-size: 3.8em;}
	h3 {font-size: 2.0em;}
	h4 {font-size: 1.8em;}
	h5 {font-size: 1.7em;}

	.column-1, .column-2, .column-3{
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;	
			padding:0em 0em 1em 0;
			float:left;
			}	

	.column-1{width:33%;padding-right:1.5em;}
	.row-2 .column-1, .row-5 .column-1,.row-5 .column-8{padding-right:0;}
	.column-2{width:34%;padding:0 2em 1em 2em;}
	.column-3{width:33%;padding-left:2em;}
	div.items-row.cols-1.row-3.row-fluid.clearfix, div.items-row.cols-1.row-6.row-fluid.clearfix, div.items-row.cols-1.row-9.row-fluid.clearfix, div.items-row.cols-1.row-12.row-fluid.clearfix{clear:both;}	

	.moduletable_karte iframe{height: 39.5em;}	
	
}


@media only screen and (min-width: 1440px) {

	nav#fuss_menu ul li, footer#fuss address {padding-bottom:0.3em;}

}


@media only screen and (min-width: 1920px) {
	
	#container {width:1280px;}		
	nav#top_menu {padding-bottom: 1.5em;}
	
	div#fuss_sp1{width:49%;}
	nav#fuss_menu {width:51%;}	
	ul.menu_fussmenu {width:86%;}
	.moduletable_socialmedia {width:14%;}

	nav#fuss_menu ul li {width:21%;text-align: center!important;}
	nav#fuss_menu ul li:first-child {width:38%;	border-right: 1px solid rgba(196,196,196,1.00);}

	nav#fuss_menu ul li:nth-child(2){padding-left:0.8em;}	
	
	.moduletable_karte iframe{height: 55em;}
	
	h1, .font_h1 {font-size: 4.6em;}
		h2.subheading-category{font-size: 4.6em;}
		h2, .font_h2 {font-size:4.0;}
		h3 {font-size:2.2em;}
	

	
	
	.ueber-uns #jcemediabox-popup-body {width:40% !important;}
	
}

@media only screen and (min-width: 2560px) {

	#container {width:1400px;}	
	
	div#logo {right:5em;}
	nav#top_menu {  padding-bottom: 1.5em;}
	ul.responsiveMenuTheme4d.isDesktop > li > a {font-size: 1.0em;}
	
	p, li, td, address, cite, textarea, input, button, figcaption, blockquote{font-size: 1.6em; line-height: 1.65}
	p {	margin:0;padding: 0 0 1.35em 0;	}
	h1, .font_h1 {font-size: 4.9em;}
	h2.subheading-category{font-size: 4.9em;}
	h2, .font_h2 {font-size:4.2;}
	
		
	.ueber-uns #jcemediabox-popup-body {width:30% !important;}

}



/* ----------------------------------- Responsive Menu ----------------------------- */

@media only screen and (max-width: 1023px) {

	/* ResponiveMenu Einstellung Mobile */
	a.responsiveMenu4m.toggleMenu.isMobile{width:100%;margin-top:1em;}
	a.responsiveMenu4m.toggleMenu.isMobile span {font-size: 1.5em;font-style: normal;text-transform:capitalize;}
	ul.responsiveMenuTheme4d ul li a span.linker{font-size:0.7em;}

	
}

@media only screen and (max-width: 480px) {
	
	.aktuelles img.bild_rechts {margin-bottom:0.3em;}
	h1 {line-height:1.1;}
	h2 { font-family: Verdana, "Helvetica CE", Helvetica,"Century Gothic", sans-serif;font-size:1.8em;}
	
}