@import url("editor.css?vers=1");
.visually-hidden {
	display: none;
}
div#bg-menu {
	opacity: 0;
	transition: opacity .5s ease-in-out;
}
div#bg-menu.dark {
	z-index: 1000;
	opacity: 1;
	position: fixed;
	top: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,.9);
}
a.bild {
	position:relative;
	top: -10px;
	max-width: 155px;
}
a.bild img {
	width: 100%;
	max-width: 100%;
}
a.bild>span.image-title {
	display: none;
}
.fancybox-navigation button {
	visibility:visible;
}
.unsuboptions {
	display: none;
}
#unsubpage {
	max-width: 1680px;
	margin: 0 auto 200px;
	padding: 0 50px;
}
.fancybox-slide {
	overflow: hidden !Important;
}
div.mod-languages {
	text-align: center;
	position:absolute;
	top: -2990px;
	z-index:10000;
	padding: 2px 10px;
	right: 5px;
	padding-top: 3000px;
	border-radius: 10px;
	background: #fff;
	background: rgba(255,255,255,.3);
}
ul.lang-block {
	background: none;
	padding: 0 0 15px !important;
	/*padding-left: 15px !important;*/
}
ul.lang-block>li {
	display: block;
	margin: 0 !important;
	padding: 8px;
	/* width: 18px; */
	height: 18px;
	border-radius: 50%;
	background: rgba(255,255,255,.5);
	margin-bottom: 5px !Important;
	border: 1px solid rgba(24,62,116,.5);
}
ul.lang-block>li>a {
	position: relative;
	top:-1px;
}
ul.lang-block>li>a>img {
	width: 18px;
	height: 12px;
}
ul.lang-block>li.lang-active {
	background: #fff;
	border: 1px solid rgba(24,62,116,1);
}
ul.lang-block>li>a img {
	opacity: .5;
	transition: all ease-in-out .3s;
}
ul.lang-block>li.lang-active>a img, ul.lang-block>li>a:hover img {
	opacity: 1;
}
img.signet {
	display: block;
	margin: 0 auto 15px;
}
.no-border {
	border: none !Important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
#mainbody-content {
	padding: 30px 0;
}
#teaser  {
	position: relative;
	overflow: visible !important;
}
.teaser {
	overflow: visible !important;
}
.teaser .teaser-item {
	height: 2000px;
}
#fc_filter_form_blocker {
	display: none;
}
/* TEMPLATE CSS
*********************************************/
html {
	height: 100%;
	margin-bottom: 1px;
	overflow: hidden;
	overflow-y: scroll;
}

body {
	margin: 0;
	padding: 0;
	background: none;
}
#wrap {
}
#claim {
	background: #75170e;
}
#claim p {
	text-align: center;
	color: #fff;
	padding: 5px 0;
	margin: 0;
	font-size: 11px;
	line-height: 24px;
}
div.caption {
	position: absolute;
	bottom: 0;
	width: 100%;
	background: rgba(255,255,255,.3);
}
div.caption h2.h1 {
	color: #183e74;
	text-align: right;
	padding: 0;
}

/* LAYOUT
*********************************************/
/* #flexicontent { */
	/* position: relative; */
	/* z-index: 10001; */
/* } */
#flexicontent ul>li {
	border: none !important;
}
#main {
	background: #8c1915;
	padding: 60px 0 80px;
}
#main.blau {
	background: #183e74;
}
#main.weiss {
	background: #fff;
}
#main.weiss h1, #main.weiss h2, #main.weiss h3, #main.weiss h4, #main.weiss h5, #main.weiss h6, #main.weiss p, #main.weiss li {
	color: #333;
}
#main.leer {
	display: none;
}
#main-content,#footer-content,#header-content,.content.span12, div.caption .span12
	{
	margin-left: auto !important;
	margin-right: auto !important;
	float: none !important;
	position: relative;
}
#header {
	clear: both;
	width: 100%;
	height: auto;
	min-height: 58px;
	position: absolute;
	background: rgba(255,255,255,.8);
}
#header-content {
	position: relative;
}
#header, #footer {
	font-size: 16px;
}
#teaser {
	overflow: visible !important;
}
#teaser img{
	min-width: 100%;
	display: block;
}
.teaser {
	position: relative;
	margin-bottom: 0;
}
.teaser-item {
	background-size: cover !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
}
#main {
	width: 100%;
	position: relative;
}
#mainbody {
	z-index: 100;
}
#mainbody-content {
	padding-top: 35px;
}

#mainbody-content.mCustomScrollBox  {
	top: 0 !important;
	-webkit-form: translateY(0%) !important;
	-ms-transform: translateY(0%) !important;
	transform: translateY(0%) !important;
}
#jcemediabox-popup-caption * {
	color: #333;
}
#home {
	display: block;
	position: absolute;
	text-align: center;
	right: 0;
	top: 0;
	top: -30px;
	width: 200px;
	height: 110px;
	background: rgba(255,255,255,.7) url(../images/logo.png) no-repeat;
	background-size: cover !important;
	z-index: 10001 !Important;
	margin-right: 80px;
}
#home a.home {
	width: 200px;
	height: 110px;
	display: block;
}

div#home img {
	display: none;
}

#main {
	font-size: .8em;
}
.jmg-googlemaps-dsgvo-notification .notification {
	background: #fff;
	padding: 20px;
}
.jmg-googlemaps-dsgvo-notification .buttongroup input[type="submit"], .jmg-googlemaps-dsgvo-notification .buttongroup a, .jmg-googlemaps-dsgvo-notification .buttongroup a:active, .jmg-googlemaps-dsgvo-notification .buttongroup a:focus, .jmg-googlemaps-dsgvo-notification .buttongroup a:visited {
    color: #fff !important;
    padding: 8px 20px !important;
    min-width: 120px;
    display: inline-block;
    background: #183e74 !important;
	background: #0069b4 !important;
	text-shadow: none;
	font-weight: bold;
}

.video.own {
	color: #fff !important;
    background: #8c1915 !important;
}

.video.own p {  
	color: #333 !important;
    padding: 10px !important;
    background: white !important;
	border: 1px solid silver;
	font-size: 16px;
	
}

@media (max-width: 720px) {
	.video.own p {  
		font-size: 14px !important;
		line-height: 18px !important;
	}
}

.AimyVideoEmbedderVideoPlaceholder > div > div {
    display: table-cell;
    vertical-align: middle;
    cursor: pointer;
    text-align: center;
    border: 1px solid #333 !important;
	background: rgba(255,255,255,.7) url(../images/jantsch_video_back.jpg) no-repeat;
	background-size: cover !important;
}

/* TOPMEN�
*********************************************/
#mainmenu {
	overflow: visible;
	font-size: .9em;
	position: relative;
	z-index: 10000;
}
li.item-321, .item-321 .formgebung, li.item-353, .item-353 .formgebung {
	display: none !important;
}
.item-321 #teaser {
	/* background:  */
}

/* Responsive */
.navbar {
	margin-bottom: 0px;
}

.navbar .btn-navbar {
	float: left !important;
	position: relative;
	z-index: 10000;
	margin: 13px 0 0 5px !important;
	padding-right: 0 !important;
	margin-right: 0 !important;
}

.navbar-inner {
	background: none !important;
	border: none !important;
	min-height: 0px !important;
	box-shadow: none !important;
	min-height: 0px !important;
}

.btn {
	background: none !Important;
	border: none !important;
	box-shadow: none !important;
	padding-left: 0 !Important;
}

.navbar .btn-navbar .icon-bar {
	width: 35px;
	height: 4px;
	background-color: #183e74;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	box-shadow: none;
}

.navbar .btn-navbar .menue-bar {
	color: #183e74;
	text-shadow: none;
	text-decoration: none;
	display: inline-block;
	margin-top: 1px;
	font-size: .8em;
}
.navbar .btn-navbar:hover .menue-bar {
	color: #183e74;
}

a.btn.btn-navbar {
	opacity: 1 !Important;
    background: rgba(255,255,255,.3) !important;
    padding-left: 5px !Important;
    padding-right: 5px !important;
}
a.btn.btn-navbar.clicked {
	margin-top: 15px !important;
}

span.menue-bar, span.icon-bar {
	transition: all .15s;
}

a.clicked span.menue-bar {
	opacity: 0 !Important;
}
a.clicked span.icon-bar:nth-child(1) { 
	-webkit-font-smoothing: antialiased;
	-webkit-transform: scaleX(1) rotate(-45deg);
	transform: scaleX(1) rotate(-45deg);
	position: relative;
	top: 7px;
}
a.clicked span.icon-bar:nth-child(2) { 
	opacity: 0 !Important;
}
a.clicked span.icon-bar:nth-child(3) { 
	-webkit-font-smoothing: antialiased;
	-webkit-transform: scaleX(1) rotate(45deg);
	transform: scaleX(1) rotate(45deg);
	position: relative;
	top: -7px;
}
#mainmenu ul.nav {
	background: none;
	padding: 0px;
	margin-top: 0px;
	position: relative;
	z-index: 999;
}
#mainmenu ul.nav li {
	margin: 0;
	border-radius: 0;
	border-bottom: 1px solid #414c4e;
}
#mainmenu ul.nav li a, #mainmenu ul.nav>li>span.nav-header {
	color: #414c4e;
	text-shadow: none;
	font-weight: normal;
	font-family: 'Gothic', sans-serif;
	background: none;
	box-shadow: none;
	text-shadow: none;
	padding-left: 0px !important;
	padding-right: 0px !important;
	margin-left: 0px;
	font-size: 1.22em;
	border-radius: 0 !important;
	line-height: 1.3em;
	text-transform: none;
}
#mainmenu ul.nav li span.nav-header {
	color: #777 !important;
}
#mainmenu ul.nav li:last-child a {
	border: none;
}
#mainmenu ul.nav li.active>a,#mainmenu ul.nav li a, #mainmenu ul.nav li span.nav-header:hover,#mainmenu ul.nav li a, #mainmenu ul.nav li span.nav-header:focus {
	background-color: transparent !important;
	box-shadow: none !important;
	text-shadow: none !important;
}
#mainmenu ul.nav li.active>a {
	font-weight: bold;
}

#mainmenu ul.nav li {
}
#mainmenu ul.nav.kontakt li.last {
	border: none;
}



/** CONTENT */
.item {
	position: relative;
}


/* Footer
***********************/
#footer {
	background: #00203e;
	width: 100%;
	position: relative;
	overflow: hidden;
}
#footer-top-bg.bg {
	padding-top: calc(100% * .09);
	width: 100%;
	background-image: url(../images/footer-bg.png) !important;
	background-repeat: no-repeat;
	background-color: transparent;
	background-size: 100% auto;
	position: absolute;
	bottom: 0;
	z-index: 10000;
}
#footer-top {
	position: relative;
	
}
#footer a:hover {
	text-decoration: underline !Important;
	text-shadow: none !Important;
}

#footer-content {
	position: relative;
	margin-bottom: 75px !important;
	padding: 0;
	text-align: center;
}

#footer p, #footer a, #footer hr{
	color: #fff !Important;
}
#footer p a {
	font-size: 1em;
}

/* FOOTERMENU
*********************************************/
#footer ul.nav {
	padding: 0 10px 0 0;
	list-style-type: none;
	display: block;
}
#footer ul.nav li {
	text-align: left;
	padding: 0;
	font-size: 1em;
	display: block;
	line-height: 1.2em !important;
}
#footer ul.nav li a {
	color: #fff;
	border: none;
	line-height: 20px;
	overflow: hidden;
}
#footer ul.nav li.first a {
	border: none;
}
#footer ul.nav li.active > a, #footer ul.nav li a:hover, #footer ul.nav li a:focus {
	font-weight: normal !important;
	text-decoration: underline;
	background: none;
	font-weight: normal !important;
	/*border-left: 2px solid rgb(148, 211, 239) !important;*/
}
#footer ul.nav li a:focus {
	background: none;
}
#footer ul li.item-101 {
	display: none;
}
#footer ul.nav ul {
}

a.top {
	display: block;
	width: 32px;
	height: 31px;
	float: right;
	margin: 0 18px 20px 0;
}

a.back {
	cursor: pointer;
}

/* noscript anpassungen */
.noscript a.top {
	display: none;
}

.cleaner {
	clear: both;
}

fieldset.well {
	border: none;
	margin: none !important;
	padding: none !important;
}

.text {
}

.tooltip-inner {
	display: none !important;
}

input,textarea {
	border-radius: 0 !important;
}
as
.noscript a.top {
	display: none;
}

a.top {
	display: block;
	width: 140px;
	height: 10px;
	border-radius: 50%;
	position: fixed;
	z-index: 1998;
	bottom: 0px;
	opacity: 0;
	transition: all .3s ease-in-out;
	text-decoration: none;
	font-size: 1.5em;
	bottom: 30px;
	right: 0;
	background: url(../images/top.png) no-repeat top center;
	font-size: 12px;
	text-align: center;
	padding-top: 40px;
}
a.top span {
	font-size: 16px;
}

h2.galerie {
	text-align: left;
	clear: both;
	border-top: 2px solid #00628a;
}
h2.galerie:first-of-type {
	border-top: none !important;
}
h2.galerie span.klein {
	display: block;
	font-size: .5em;
	margin-bottom: 10px;
}
.item-335 .fancy-gallery {
	position: relative;
	top: -100px;
}

/* Fancybox */
.fancy-gallery {
	margin-top: 38px;
	text-align: left;
	padding-bottom: 50px;
}
.fancybox-thumb {
	display: inline-block;
	margin: 40px;
	text-decoration: none !important;
}
.fancybox-thumb p.title {
	/* max-width: 50%; */
	margin: 0 auto;
	margin-top: 20px;
	font-size: .8em;
	line-height: 1.2em;
}
.fancybox-thumb.count-0 {
	margin-right: 30px !Important;
}
.item-389  .fancybox-thumbs > ul > li:before {
    border-radius: 50%;
}
#teaser .slick-list {
    overflow: visible !important;
}
.slick-slide {
	text-align: center;
}
.slick-slide img {
	display: inline-block !important;
}
.contentgal-image img {
	border-radius: 25px;
}
#mainbody-content .slick-slider {
	padding: 50px 0 0;
}
#mainbody-content .slick-slider.contentgal {
	padding-top: 0;
}
#mainbody-content .slick-slider::first-child {
	padding: 0;
}
#mainbody-content .slick-slider .fancybox-thumb {
	margin: 0 30px !Important;
}
a.slider {
}
a.slider img {
	margin: 0 auto;
}
.fancy-schmal {
	width: 23%;
	float: right;
	/* margin-left: 4%; */
}
.fancy-breit {
	width: 74%;
}

.fancybox-thumb.first  {
	margin-left: 0;
}
.fancybox-thumb.wide {
	width: 100%;
}
.fancybox-thumb.no-display {
	display: none !important;
}
.item-389  .fancybox-thumb img, .item-493  .fancybox-thumb img {
	display: inline-block;
	border-radius: 50%;
}
.fancybox-thumb.border img {
}
.fancybox-title {
	font-size: 1.1em !important;
	margin-top: 12px !Important;
}
.fancybox-image {
	/*width: auto !important;
	height: auto !Important;*/
	top: 0;
}
.fancybox-overlay {
    z-index: 10020 !important;
}

.fancybox-inner, .fancybox-outer {
	height: auto !Important;
	width: auto !Important;
}

/* Impressum */


a.fancybox-thumb:hover{
	text-decoration: none !important;
}
.fancybox-opened {
    z-index: 10000 !important;
}
.fancybox-nav {
    width: 10% !Important;
	z-index: 2000000 !important;
}
.fancybox-nav span {
	z-index: 2000000 !important;
}
.fancybox-nav:hover {
	cursor: pointer !important;
}

p.schliessen {
	position: absolute;
	font-size: .7em;
	top: -3px;
	/*right: 20px;*/
	color: #000;
	z-index: 1000000000 !important;
	width: 100%;
	display: none;
	text-align: center;
}
.fancybox-skin {
	padding-top: 20px !important;
}
h2.ap {
	font-size: 1.5em;
}


#fancybox-thumbs {	overflow: scroll !Important; display: none !Important; }
#fancybox-thumbs::-webkit-scrollbar {
    -webkit-appearance: none;
}

#fancybox-thumbs::-webkit-scrollbar:vertical {
    width: 0px;
}

#fancybox-thumbs::-webkit-scrollbar:horizontal {
    height: 11px;
}

#fancybox-thumbs::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 2px solid white; /* should match background, can't be transparent */
    background-color: rgba(0, 0, 0, .5);
}

#fancybox-thumbs::-webkit-scrollbar-track { 
    background-color: #fff; 
    border-radius: 8px; 
}

iframe {
	margin: 0;
	padding: 0;
}
.iframe iframe {
	margin-bottom: -5px;
}

.fancybox-opened {
    z-index: 10505 !important;
}

.mCSB_scrollTools {
	opacity: 1 !important;
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{
	background: #000 !important;
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger_bar {
	color: #000 !important;
	background: #000 !important;
}
.mCSB_container #mainbody-content {
	padding-right: 5px !Important;
}
.mytool a {
	font-weight: normal;
	text-decoration: none;
	border: none !important;
}
#verlauf {
	margin-left: 50%;
	width: 50%;
	height: 100%;
	background: url(../images/verlauf.png) no-repeat;
	background-size: cover !important;
	opacity: .7;
}

.adresse {
	margin: 25px;
	text-align: left;
}
.harald-schneider {
	width: 50%;
	float: right;
}

.footer-container {
}
.footer-menu {
	/*padding: 0 25px;*/
	margin: 0;
}
.footer-linie {
	position: relative;
}
.footer-linie .teile {
	border: 1px solid #fff;
	display: table;
	width: 90px;
	height: 90px;
	position: absolute;
	margin-top: -60px;
	border-radius: 50%;
	left: -90px;
	background: #12274d;
}
.footer-linie .teile a, .mobile.teile a{
	display: table-cell;
	vertical-align: middle;
	position: relative;
	top: -3px;
	font-size: 14px;
}

.adresse p{
	line-height: 1.2em;
	margin: 5px 0 30px;
}
.footer-container hr {
	border: none;
	border-top: 1px solid #fff;
	display: block;
	margin: 15px 0 !Important;
}
#footer span.copy {
    display: block;
    width: 80px;
    height: 24px;
    border: 1px solid #fff;
    border-radius: 10px;
    color: #fff;
    text-align: center;
    padding: 0 0 8px;
    margin-left: 50%;
    position: relative;
    left: -40px;
	font-size: .9em;
}
#galerie {
	position: relative;
	margin-top: 20px;
	text-align: center;
}
.slick-slider.gallery{
	width: 100%;
	margin: 0 !important;
	padding: 0 !important;
}
.slick-prev:before, .slick-next:before {
    font-size: 50px !important;
	text-shadow: 0px 0px 1px #00628a;
	display: none !Important;
}

div.ap {
	display: block;
	margin: 10px auto 30px;
	text-align: center;
	width: 250px;
	width: 200px;
	min-width: 160px;
}

div.ap span {
	display: block;
	margin-top: 10px;
}
div.ap span.taetigkeit {
	font-size: .8em;
	line-height: 1.4em !important;
	margin-top: 5px;
}
div.ap img {
}

body.item-116 #verlauf {
	margin-top: -120px;
}

.anfahrt {
	
}

.anfahrt iframe {
}
.footer-linie {
	display: none;
}
.copytext {
	display: none;
}
.spruch span {
	display: inline-block;
	padding-bottom: 20px;
	color: #fff;
	font-size: .8em;
}
#fancybox-thumbs ul li img {
	background: #fff;
}
.fancybox-thumb {
	position: relative;
	margin-bottom: 20px;
}
.item-335 .fancybox-thumb {
	float: none !Important;
}
.fancybox-skin {
    -webkit-box-shadow: none !Important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    background: transparent !important;
}
.fancybox-image-wrap {
	border-radius: 20px;
	overflow: hidden !Important;
}
.item-389 .fancybox-image-wrap , .item-493 .fancybox-image-wrap {
	border-radius: 50%;
}
.fancybox-image {
	
}
.fancybox-nav span {
    visibility: visible !Important;
    width: 38px !important;
    height: 70px !important;
    margin-top: -35px !important;
}
.fancybox-button.fancybox-button--arrow_right {
	right: 15px !important;
    width: 50px !important;
	height: 50px !important;
    background: #fff url(../images/next-blau.png) 18px 10px no-repeat !Important;
    background-size: auto 30px !important;
    border-radius: 50%;
}
.fancybox-button.fancybox-button--arrow_left {
	left: 15px !important;
	width: 50px !important;
	height: 50px !important;
    background: #fff url(../images/prev-blau.png) 15px 10px no-repeat !Important;
	background-size: auto 30px !important;
	border-radius: 50%;
}


.compensate-for-scrollbar {
    margin-right: 0 !important;
}
.fancybox-thumbs ul li {
	height: 96.5px !important;
}
.fancybox-thumbs ul li img {
	margin-top: 0 !Important;
	border-radius: 50%;
}
.fancybox-navigation .fancybox-button svg, .fancybox-navigation .fancybox-button::before {
	display: none !Important;
}
.fancybox-navigation button {
    margin: -35px 0 0 0 !important;
    height: 70px!important;
	width: 38px !important;
}

/* Arrows */
.slick-prev,
.slick-next
{
	opacity: 1;
	transition: all ease-in-out .5s;
    font-size: 0;
    line-height: 0;

    position: absolute;
    /* top: 130px !important; */
	top: 50%;
	z-index: 100;

    display: block;

    height: 70px !important;
    width: 38px !important;
	height: 50px !important;
	width: 27px !important;
	background-size: cover !important;
    padding: 0;
	
	margin-top: -25px !important;

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
/* Arrows mainbody*/
#mainbody .slick-prev,
#mainbody .slick-next
{
    height: 70px !important;
	height: 50px !important;
}
    
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}

.slick-prev, .slick-prev:focus
{
    left: 0 !Important;
	background: url(../images/prev.png) no-repeat !important;
	background-size: cover !important;
}
.gallery  .slick-prev, .gallery  .slick-prev:focus
{
    left: 25px !Important;
}
.slick-next, .slick-next:focus
{
    right: 0 !important;
	background: url(../images/next.png) no-repeat !Important;
	background-size: cover !important;
}
.gallery .slick-next, .gallery .slick-next:focus {
	right: 25px !important;
}
.slick-prev:hover
{
	background-size: cover !important;
}
.slick-next:hover
{
	background-size: cover !important;
}


.slick-gravieren {
	max-width: 572px;
}
.slick-disabled {
	opacity: 0 !Important;
}
a.trenner , a.invisible{
	display: none;
}


.item-326 #mainbody .adresse {
	margin: 0;
}

.slick-eigene {
	padding: 0px 0 70px !important;
}

/* News */
div.news {
	background: url(../images/news.png) top left no-repeat;
}
h2.news {
	font-size: 2.5em;
}
div.news h2 {
	margin: 120px 0px 80px;
}
.news-item h4 {
	color: #000 !important;
}
table.item td {
	border: none;
}
table.item tr:hover td {
	background: #fff;
}
p.togglers {
	font-weight: bold;
	text-decoration: underline;
	cursor: pointer;
	display: inline-block;
}
p.togglers:hover {
	text-decoration: none;
}
div.news-item a.fancybox-thumb {
	display: inline-block;
	margin: 10px;
	border-radius: 50%;
	overflow: hidden;
}
div.elements {
	padding: 0 !important;
	position: relative;
	overflow-y: hidden !important;
	padding-bottom: 30px !Important;
}
div.elements div.galerie {
	margin-top: 80px;
	
}
span.toggle-close {
	position: absolute;
	bottom: 0;
	right: 0;
	display: inline-block;
	cursor: pointer;
	text-decoration: underline;
}
span.toggle-close:hover {
	text-decoration: none;
}
body.item-427 .fancybox-image-wrap {
	border-radius: 70px !important;
}
img.bg {
	position: absolute;
	bottom: 0;
	height: auto !Important;
	min-height: 0 !Important;
}

#mainbody-content .rahmen.klein {
	margin: 15px 30px 20px;
}

.content-gallery .slick-prev, .content-gallery .slick-next {
	top: 50% !Important;
}
table.stellen {
	margin-top: 30px;
}
table.stellen.ausbildung {
	margin-top: 0;
}
.fancybox-stage {
    margin: 0 20px !important;
}

.slick-slider {
	touch-action: auto !Important;
}
.teaser h2.h1 {
	font-size: 40px;
	line-height: 40px;
	margin: 15px 50px 35px;
}
span.caption {
	margin-right: 60px;
	display: inline-block;
	text-align: left;
	font-size: .8rem;
	line-height: 20px;
	margin-top: 20px;
}
.contentgal-image a {
	display: block;
}
.liste {
	max-width: 800px;
	margin: 0 auto;
}
.galerie-width {
	display: flex;
	flex-direction: column;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 80px;
}
.galerie-width a.fancybox-thumb {
	margin: 0 0 40px 0 !important;
}
.flexbox {
	display: flex;
	flex-direction: column;
	
}
.flex-bilder {
	padding-top: 100px;
	padding-bottom: 110px;
}
.flex-bilder .flexbox {
	background: #7f181b;
}
.blau .flex-bilder .flexbox {
	background: #183562;
}
.child-item {
	padding-top: 100px;
	padding-bottom: 80px;
	padding-bottom: 40px;
	border-top: 1px solid #fff;
}
.child-item:first-child {
	border: none;
	padding-top: 0;
}

.flexbox *, .inhalt-unten *, .spalten-2 *, .flex-spalten * {
	color: #fff;
}
.flexbox .image img {
	width: 100%;
}
.white .flexbox *, .white .inhalt-unten *, .white .spalten-2 *, .white .flex-spalten * {
	color: #333;
}
.flexbox .zusatztext div {
	padding: 0 15px;
}
.flexbox .zusatztext p {
	padding: 0;
	margin: 0;
}
.child-item .teaser {
	padding: 50px 0 100px;
}
.child-item .teaser h2.h1 {
	margin-right: 150px;
}
.child-item .child-gallery {
	text-align: center;
	
}
.child-item .child-gallery div.image {
	position: relative;
}
.child-item .child-gallery img {
	display: block;
	margin: 0 auto;
}
.child-item .child-gallery .width-50 {
	width: 45%;
	float: left;
	position: relative;
}
.child-item .child-gallery .width-50.rechts {
	float: right;
}
.child-item .child-gallery .border-bottom {
	border-bottom: 1px solid #fff;
	padding: 30px 0 100px;
}

.child-item .child-gallery .border .image-content {
	border: 3px solid #0069b4;
	border-radius: 50%; 
	overflow: hidden;
}

.child-item .child-gallery span {
	display: block;
	color: #fff;
	text-align: left;
	bottom: 100px;
	font-size: .8em;
	line-height: 1.2em;
	margin: 20px 0 50px;
}
.child-item .child-gallery .no-border>span {
	bottom: 0px;
}
.flex-spalten {
	display: flex;
	align-items: center;
	flex-direction: column;
}
.adresse {
	text-align: center;
}
.ueberuns {
	display: flex;
	align-items: flex-start;
}
.ueberuns div {
	padding: 0 20px 20px 0;
}
.ueberuns div:first-child {
	font-size: 2.5em;
    line-height: 55px;
    padding: 0 40px 30px 0;
	flex-grow: 0;
	flex-shrink: 0;
}
.ueberuns div:last-child {
	padding-top: 3px;
	flex-grow: 0;
}

.jmg-googlemaps-dsgvo-notification div.notification {
    text-align: center;
	
}
.jmg-googlemaps-dsgvo-notification div.notification a{
	color: #000;
	text-decoration: underline;
}
.jmg-googlemaps-dsgvo-notification div.notification a:hover{
	color: #000;
	text-decoration: none;
}
p.flex {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

/* Media Queries Mobile Teaser */
	
@media (orientation: portrait) {
/*	body.item-321 .teaser-item.start, body.item-798 .teaser-item {
		background-image: url(../images/bg-home-mobile.jpg) !important;
	}
*/
	.teaser-item.mobile-right {
		background-position: center right !important;
	}
	.teaser-item.mobile-left {
		background-position: center left !important;
	}
}

@media (orientation: portrait) AND (max-width: 1279px) {
	body.item-321 .teaser-item {
		background-image: url(../images/tablet_home-de.jpg) !important;
	} 
	body.item-353 .teaser-item {
		background-image: url(../images/tablet_home-en.jpg) !important;
	}
}

@media (orientation: portrait) AND (max-width: 767px) {
	body.item-321 .teaser-item {
		background-image: url(../images/mobil_home-de.jpg) !important;
	} 
	body.item-353 .teaser-item {
		background-image: url(../images/mobil_home-en.jpg) !important;
	}
	body.item-794 .teaser-item,
	body.item-807 .teaser-item {
		background-image: url(../images/mobil_produktentwicklung.jpg) !important;
	}
	body.item-795 .teaser-item,
	body.item-808 .teaser-item {
		background-image: url(../images/mobil_formenbau.jpg) !important;
	}
/*	body.item-831 .teaser-item,
	body.item-961 .teaser-item {
		background-image: url(../images/mobil_spritzgiessen.jpg) !important;
	} */
	body.item-797 .teaser-item,
	body.item-810 .teaser-item {
		background-image: url(../images/mobil_qualitaet.jpg) !important;
	}
	body.item-804 .teaser-item,
	body.item-816 .teaser-item {
		background-image: url(../images/mobil_download.jpg) !important;
	}
	body.item-801 .teaser-item,
	body.item-811 .teaser-item {
		background-image: url(../images/mobil_stellenangebote.jpg) !important;
	}
	body.item-393 .teaser-item,
	body.item-394 .teaser-item,
	body.item-789 .teaser-item,
	body.item-790 .teaser-item {
		background-image: url(../images/mobil_impressum.jpg) !important;
	}
	body.item-817 .teaser-item,
	body.item-818 .teaser-item {
		background-image: url(../images/mobil_kontakt.jpg) !important;
	}
	body.item-796 .teaser-item,
	body.item-809 .teaser-item {
		background-image: url(../images/mobil_teile.jpg) !important;
	}
}

/* Media Queries bootstrap */
@media ( orientation: landscape ) AND ( max-width: 768px) {
	a.logo-klein {
		top: 75px;
	}
}
@media ( max-width: 979px ) {
	.kontaktperson img {
		margin-left: -102px;
	}
	#header ul.nav>li>a, #header ul.nav>li>span.nav-header {
		font-size: 1.6em !important;
	}
	#header ul.nav>li>span.nav-header {
		margin-top: 8px;
	}
	ul.nav-child li a , ul.nav-child li, li.item-392{
		border-bottom: none !Important;
	}
	#header ul.nav-child {
		margin: 0 0 15px 0;
		margin: 4px 0 11px 0;
	}
	#header ul.mod-menu__sub li {
		padding: 10px 0;
	}
	ul.nav li img {
		height: auto;
	}
	h2.no-mobile {
		display: none;
	}
	.span12 {
		margin: 0 !important;
	}
	.nav-collapse .nav {
		margin: 0;
	}
	
	#mainbody-content {
		padding-top: 0;
	}
	p.kontur {
		bottom: 10px;
	}
	h4 {
		color: #fff !important;
	}
	h1 {
		color: #fff !important;
        margin: 0.67em 0 !important;
	}
	body {
		background: #fff;
	}
	#footer {
	}
	#footer-content {
	}
	#headline h1 {
        color: #fff !important;		
        margin: 0.67em 25px !Important;
	}
	body.item-117 #teaser {
		background: url(../images/leistungsuebersicht.jpg) center center !important;
		background-size: cover !Important;
	}
	#mainmenu ul.nav>li:last-child {
		border: none;
	}
	#mainmenu ul.nav {
		margin-top: 100px;
	}
	#mainmenu ul.nav li {
		text-align: center;
	}
	#mainmenu ul.nav li a, #mainmenu ul.nav li span.nav-header {
		color: #183e74;
	}
}
@media ( orientation: landscape ) AND ( max-width: 768px) AND (min-width: 600px){
	.teaser h2.h1 {
		display: block !Important;
		bottom: -10px;
		margin: auto !Important;
	}
}
@media ( max-width : 767px) {
	span.copy {
	}
	.teaser h2.h1 {
		margin-right: 40px;
	}
	.flexbox .zusatztext {
		order: 1;
		margin-bottom: 30px !Important;
	}
	#main p, .ueberuns div:last-child {
		line-height: 1.3em !important;
	}
	.ueberuns div:last-child {
		padding-top: 10px;
	}
	.flexbox .image {
		order: 2;
	}
	.flexbox:last-child {
		margin-bottom: 40px;
	}
	.child-item .child-gallery .border-bottom {
		padding-bottom: 30px;
	}
	.child-item {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.child-item .teaser {
		padding: 20px 0 20px;
	}
	img.logo {
		width: 150px !Important;
		height: auto !Important;
	}
	table.kontakt td>img {
		display: block;
		width: 250px;
		float: left !important;
		margin-bottom: 30px;
	}
	.zusatztext {
		margin: 50px 0 60px;
	}
	.flex-bilder {
		padding-top: 0px;
		padding-bottom: 0px;
	}
	#main {
		padding-top: 0;
	}
	h1, h2.h1 {
		padding-bottom: 0;
	}
	.nav>li>a.bild {
		display: inline;
	}
	.nav>li>a.bild>img {
		margin: 0 auto;
		max-width: 150px;
	}
	.spalten-2 {
		column-count: 1;
		column-gap: 0;
	}
	.spalten-2 p {
		margin: 0 0 7px 0;
	}
	
	#footer ul.nav {
    	padding: 0 !Important;
    	
	}
	#footer ul.nav.right {
		margin-top: 0;
	}
	#footer ul.nav li {
		text-align: center;
	}
	.slick-slider {
		margin-bottom: 0 !important;
		touch-action: auto !Important;
	}
	.navbar-inner {
		margin: 0 5px;
		background: #fff;
		padding: 0 10px;
	}
	img.content {
		height: auto;
	}
	#mainbody-content {
		margin: 0 15px;
		margin-top: 40px;
	}
	h2 {
		font-size: 2em;
	}
	
}

@media ( max-width: 500px ) {
	#footer ul li a {
		line-height: 25px;
	}
}
@media ( max-width: 549px ) {
	
	a.logo-klein {
		top: 210px;
		/*top:125px;*/
	}
}

@media ( min-width: 480px ) {

}

@media ( min-width : 550px) {
	
	#mainbody-content .rahmen.klein {
		margin: 15px 100px 70px;
	}
	#news-content {
	}
	.fancybox-thumb {
		display: inline-block;
	}
	.teaser h2.h1 {
		font-size: 60px;
		line-height: 60px;
		margin: 15px 50px 35px;
	}
	a.logo-klein {
		display: block;
	}
	.fancybox-nav span {
		width: 57px !important;
		height: 104px !important;
		margin-top: -52px !important;
	}
	.fancybox-navigation button {
		margin: -25px 0 0 0 !important;
		height: 104px!important;
		width: 60px !Important;
		height: 70px !important;
		width: 38px !Important;
		height: 50px !important;
		width: 27px !Important;
		padding: 0 !important;
	}
	.galerie-width {
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
	}
	.galerie-width>a {
		max-width: 49%;
		margin: 0 !important;
	}
	#footer .service {
		padding: 0;
	}
	#footer ul {
	}
	#footer ul li a {
		padding: 0 0 0 10px;
	}
	a.top {
		bottom: 150px;
	}
	#footer ul.nav {
		padding: 0;
		list-style-type: none;
	}
	#footer ul.nav li a {
	    padding: 0 10px;
	}
	.footer-container {
	    margin: 0 auto;
	    display: inline-block;
	}
	.adresse, .schneider {
		display: inline-block;
		margin: 0 auto;
	}
	.item-326 #mainbody .adresse {
		position: relative;
		top: 20px;
		width: 40%; float: left;
	}
	
	h2.galerie {
		padding: 30px 0 30px 80px;
		margin: 0;
	}
	div.news h2 {
		margin: 50px 20px 50px 100px;
	}
}

/* @media (min-width: 768px) AND (orientation: portrait) { */
	/* div.mod-languages { */
		/* right: 20px; */
		/* top: -2930px; */
	/* } */
/* } */

/* Small devices (tablets, 768px and up) */
@media ( min-width : 768px) {

	p.flex {
		flex-direction: row;
	}
	p.flex>img.mitarbeiter {
		max-width: 29%;
	}
	.flex-bilder .flexbox.bild-rechts .zusatztext div {
		text-align: right;
	}
	.fancybox-thumb p.title {
		max-width: 70%;
	}
	.flex.kontakt {
		display: flex;
	}
	.flex.kontakt div {
		width: 48%;
	}
	.flex.kontakt div:first-child {
		padding-right: 2%;
		text-align: right;
	}
	.flex.kontakt div:last-child {
		padding-left: 2%;
	}
	.flexbox {
		flex-direction: row;
		align-items: flex-end;
	}
	.flexbox.bild-rechts .image {
		order: 2;
	}
	.flexbox.bild-rechts .zusatztext {
		order: 1;
	}
	.flexbox .flexbox-item, .flex-spalten .flex-item  {
		width: 50%;
	}
	.flexbox .zusatztext div {
		padding: 20px;
	}
	.flex-spalten {
		flex-direction: row;
	}
/*	.galerie-width {
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
	}
	.galerie-width>a {
		max-width: 49%;
		margin: 0 !important;
	}
*/
	#mainbody {
		padding-left: 20px;
		padding-right: 20px;
	}
	#claim p {
		font-size: 16px;
		line-height: 32px;
	}
	.teaser h2.h1 {
		font-size: 60px;
		line-height: 60px;
		margin: 15px 50px 35px;
	}
	#footer ul.nav.right li {
		text-align: right;
	}
	.teaser {
	}
	span.caption {
		margin-right: 60px;
	}
	#news-content {
	}
	a.logo-klein {
		position: absolute;
	}
	div.produktbeispiel {
		display: inline-block;
		width: 50%;
	}
	div.beispielbild {
		margin: 40px;
	}
	#teaser .bereiche-item-content {
		display: block;
	}
	.formgebung span {
		padding: 10px 0;
	}
	.mobile-copy {
		display: none;
	}
	.footer-linie {
		display: block;
		width: 498px;
	}
	#footer span.copy {
		position: absolute;
		left: 50%;
		bottom: -34px;
		margin-left: -50px;
	}
	.adresse {
		padding: 0 0 30px;
	}
	.teile.mobile {
		display: none;
	}
	div.ap {
		display: inline-block;
		float: left;
		height: 260px;
		margin: 10px 10px 30px;
	}
	p.schliessen {
		display: block;
	}
	.ccms_form_element input {
		min-width: 500px;
	}
	table.tel td img {
		width: 130px;
	}
	table.tel td {
		padding: 20px 15px;
		font-size: .8em;
	}
	#header-content {
	}
	.fancy-gallery {
		margin-top: 23px;
	}
	.navbar {
	}
	.navbar-inner {
		padding: 0;
	}
	.anfahrt iframe {
	}
	div.news h2 {
		margin: 25px 90px;
	}
	#footer ul.nav {
		list-style-type: none;
		display: block;
		padding: 0 20px;
		margin: 0;
	}
	#footer .right ul.nav {
		padding-bottom: 30px;
		
	}
	#footer .left ul.nav {
		padding-bottom: 30px;
		border-right: 1px solid #fff;
	}
	#footer ul>li>a {
		display: inline-block;
	}
}


/* Medium devices (desktops, 992px and up) */
@media ( min-width : 980px) {
	div.mod-languages {
		right: 20px;
		top: -2930px;
	}
	#footer span.copy {
		margin-left: -40px;
	}
	p.flex>img.mitarbeiter {
		max-width: 100%;
	}
	.fancybox-thumb p.title {
		max-width: 50%;
	}
	ul.nav li.item-838, ul.nav li.item-839, ul.nav li.item-996 {
		display: none !important;
	}
	.child-item .child-gallery .image.abstand {
		padding: 30px 0 140px;
	}
	.child-item .child-gallery .width-50.image.abstand {
		padding-bottom: 180px;
	}
	.child-item .child-gallery span {
		margin: 0;
	}
	.child-item .child-gallery .width-50 span {
		margin: 0 130px;
		right: auto;
		width: 400px;
	}
	.child-item .child-gallery span {
		width: 500px;
		position: absolute;
		right: 100px;
	}
	.flexbox .zusatztext div {
		padding: 30px;
	}
	.galerie-width>a {
		max-width: 32%;
	}
	table.person {
		width: 400px;
	}
	#header {
		background: none;
	}
	#mainbody {
		padding-left: 0px;
		padding-right: 0px;
	}
	.teaser h2.h1 {
		font-size: 100px;
		line-height: 90px;
		margin: 20px 0 50px;
	}
	.slick-prev, .slick-next {
	}
	#mainbody-content .rahmen.klein {
		margin: 15px 100px 20px;
	}
	span.caption {
		margin-right: 150px;
	}
	h2.galerie {
		padding: 50px 0 10px 120px;
	}
	#home, #home a.home {
		width: 250px;
		height: 138px;
		position: absolute;
		right: 50px;
		margin: 0;
	}
	#home a.home {
		right: 0 !Important;
	}

	.details .beispielbild {
		width: 500px;
		height: 500px;
		float: left;
		position: relative;
		z-index: 100;
	}
	.details div.tabelle {
		display: inline-block;
		padding: 20px 30px 20px 80px;
		background: #fff;
		margin-left: -100px;
		position: relative;
		top: 180px;
		border: 8px solid #ef7d00;
		border-radius: 45px;
	}
	.fancybox-infobar, .fancybox-toolbar, .fancybox-caption-wrap {
		opacity: 1 !Important;
		visibility: visible !important;
	}
	.fancybox-button--fullscreen, .fancybox-button--play, .fancybox-button--share, .fancybox-caption-wrap, .fancybox-infobar, button.fancybox-close-small {
		/* display: none !important; */
		text-align: center;	
	}
	.fancybox-caption {
		border: none !important;
		font-size: 1.1em !important;
	}
	#produktbeispiele span.headline {
		font-size: 30px;
		padding: 40px 0;
		padding-left: 150px;
		line-height: 65px;
	}
	#produktbeispiele span.headline span {
		font-size: 72px;
	}
	div.produktbeispiel.mobile {
		display: none;
	}
	div.produktbeispiel.no-mobile {
		display: inline-block;
	}
	.beispielbild::before {
		display: block;
		position: absolute;
		z-index: 100;
		content: " ";
		background: rgba(255,255,255,.7) url(../images/plus.png) center center no-repeat;
		margin: 0 auto;
		height: 280px;
		width: 100%;
		border-radius: 50%;
		opacity: 0;
		transition: all .3s ease-in-out;
	}
	.beispielbild:hover::before {
		opacity: 1;
	}
	.details .beispielbild::before {
		display: none !Important;
	}
	a.mobile {
		display: none !important;
	}
	div.no-mobile{
		display:block;
	}
	body.item-321 a.teaser-kontakt, body.item-353 a.teaser-kontakt {
		font-size: 18px;
	}

	body.item-321 a.teaser-kontakt span, body.item-353 a.teaser-kontakt span {
		padding: 10px 45px;
		background: #414c4e
		border-radius: 5px 5px 0 0;
	}
	#teaser .bereiche-item.active .bereiche-item-content{
		opacity: 1;
		z-index: 1005;
	}
	#teaser .bereiche-content:hover .bereiche-item.active .bereiche-item-content {
		opacity: 0;
		z-index: 1000;
	}
	#teaser .bereiche-item.active a img{
		background: rgba(255,255,255,.7);
	}
	#teaser .bereiche-content:hover .bereiche-item.active a img {
		background: none;
	}
	#home {
	}
	
	.intro {
		padding-bottom: 50px;
	}
	.teaser {
		width: auto !Important;
	}
	.teaser img {
		min-height: 420px;
		width: auto !Important;
	}
	#header {
		position: absolute;
	}
	div.ap {
		float: none;
		height: auto;
		margin: 10px 0px 30px !important;
	}
	#main {
		font-size: .9em;
	}
	h3.togglers {
		border: 1px solid #12274d;
		color: #12274d;
	}
	div.ap span {
		color: #12274d;
	}
	#galerie {
		display: table;
	}
	div.ap {
		display: table-cell;
		vertical-align: top;
	}
	.anfahrt {
		position: absolute;
		top: 50px;
	}
	#verlauf {
		display: block;
	}
	.footer-menu {
	}
	
	.adresse {
		padding-top:0;
	}
	#mainbody-content iframe {
	}
	#mainbody {
	}
	#mainbody-content {
	}
	#main {
	}
	#mainmenu {
		position: relative;
	}
	#mainbody {
	}
	#mainbody-content {
	}
	#footer {
		margin: 0 auto;
	}
	.footer-container {
		position: relative;
	}
	#footer ul.nav li a {
	}
	#footer ul.nav li.current > a, #footer ul.nav li a:hover {
	}
	p.copy {
		font-size: 1em;
		position: absolute;
		top: 184px;
		left: 697px;
	}
	#footer ul.nav {
		margin: 0 auto;
	}
	#footer ul.nav ul {
		padding-top: 5px;
		margin-top: 0;
	}
	#footer ul.nav ul li {
		font-size: .8em;
	}
	#footer ul.nav li {
	}
	.navbar-inner {
	}
	#header-content {
	}
	a.top {
		margin-right: 50px;
	}
	/* TOPMENU
	*********************************************/
	#mainbody {
		padding: 0;
	}
	.navbar-inner {
		padding: 0;
	}
	#header {
		position: absolute;
		top: 0;
		height: 153px;
		/*background: rgba(255,255,255,.9);*/
		z-index: 1000;
	}
	#mainmenu-content {
	}
	#mainmenu ul.nav {
		list-style-type: none;
		border: none;
		margin: 0;
		position: absolute;
		top: 110px;
		left: -3000px;
		padding-left:3000px;
		border: 1px solid #183e74;
		border-radius: 10px;
		padding-right: 50px;
		background: #fff;
		background: rgba(255,255,255,.9);
	}
	#mainmenu ul.nav li {
		line-height: 15px;
		box-shadow: none !Important;
		border: none;
		display: block;
		text-align: center;
		float: left;
		padding: 0px 15px;
		position: relative;
	}
	#mainmenu ul.nav>li {
		margin: 8px 0 13px;
	}
	
	#mainmenu ul.nav li img {
		opacity: 0;
		display: inline-block;
		transition: opacity .5s ease-in-out;
		width: 63px;
		height: 63px;
	}
	#mainmenu ul.nav li a, #mainmenu ul.nav li span.nav-header {
		display: inline-block;
		float: none;
		padding: 0;
		margin: 5px 0 0;
		color: #000 !important;
		background: none !important;
		box-shadow: none !Important;
		text-shadow: none !Important;
		font-size: 16px;
		font-size: 18px;
		border-bottom: 1px solid transparent;
	}
	#mainmenu ul.nav li span.nav-header {
		color: #777 !important;
	}
	#mainmenu ul.nav>li:after {
		content: '|';
		font-size: 16px;
		position: relative;
		top: -2px;
		left: 20px;
		color: #000;
	}
	#mainmenu ul.nav>li:last-child:after {
		display: none;
	}
	#mainmenu span.image-title {
		display: block;
		margin: 15px 0;
	}
	#mainmenu ul.nav li.active img, .item-321 #mainmenu ul.nav li img, .item-353 #mainmenu ul.nav li img {
		opacity: 1;
		width: 63px;
		height: 63px;
	}
	#mainmenu ul.nav.hovered li img {
		opacity: 0;
	}
	#mainmenu ul.nav.hovered li:hover img {
		opacity: 1;
	}
	
	#mainmenu ul.nav li.active a, #mainmenu ul.nav li a:hover, #mainmenu ul.nav li a:focus {
		background: none !Important;
		text-decoration: none;
		font-weight: normal !important;
		border-bottom: 1px solid #000;
	}
	
	#mainmenu ul.nav ul {
		margin-top: 25px;
		padding: 15px 0 10px;
		border: 1px solid #183e74;
		border-radius: 12px;
		width: 220px;
		background: #fff;
		background: rgba(255,255,255,.9);
		opacity: 0;
		transition: opacity 2s ease-in-out;
		position: absolute;
		margin-left: -20px;
	}
	body.en-gb #mainmenu ul.nav ul {
		width: 250px;
	}
	#mainmenu ul.nav ul li {
		float: none;
		text-align: left;
		margin-bottom: 0;
	}
	#mainmenu ul.nav ul>li:before {
		content: '- ';
		color: #000;
	}
	#mainmenu ul.nav ul li a{
		margin: 0;
		font-size: 1.0em;
		border-bottom: 1px solid transparent !important;
	}
	#mainmenu ul.nav ul li a:hover, #mainmenu ul.nav ul li.active a {
		border-bottom: 1px solid #000 !important;
	}
	
	#footer-content {
		padding: 0;
	}
	.fancy-gallery {
		margin-top: 30px;
	}
	.fancybox-thumb {
	}
	.fancybox-thumb.wide {
		width: 940px;
		height: auto;
	}

	.footer-linie {
		display: block;
		width: 639px;
	}
	div.copy {
		left: 627px;
	}
	div.news h2 {
		margin: 25px 150px;
	}
}

@media ( min-width : 980px) and (orientation: portrait){
	#news {
		top: 1000px;
	}
	#news-content {
	}
}

@media (min-width: 980px) and (max-width: 1199px ){
	.span4 {
		width: 50% !important;
		margin: 0 !important;
	}
	.offset8 {
		margin-left: 50% !Important;
	}
	img.content {
		display: block;
		float: none !important;
		text-align: center;
	}
	.intro h1 {
		font-size: 6em;
	}
}
/* Large devices (large desktops, 1200px and up) */
@media ( min-width : 1200px) {
	.flexbox .zusatztext div {
		padding: 40px;
	}
	div#home img {
		top: 120px;
	}
	#home, #home a.home {
		width: 345px;
		height: 189px;
		position: absolute;
		right: 50px;
		margin: 0;
	}
	#home a.home {
		right: 0 !Important;
	}
	#mainbody-content .rahmen.klein {
		margin: 15px 200px 20px;
	}
	#home, #home a.home {
		width: 300px;
		height: 164px;
	}
	#news-content {
		max-width: 670px;
		padding: 5px 100px;
	}
	.details .beispielbild {
		width: 700px;
		height: 700px;
	}
	.details div.tabelle {
		top: 280px;
	}
	.teaser h2.h1 {
		font-size: 135px;
		line-height: 120px;
		bottom: -10px;
		margin: 30px 0 90px;
	}
	div.produktbeispiel {
		display: inline-block;
		width: 33%;
	}
	#home {
	}
	.width-1072 {
		max-width: 1072px !important;
		margin: 0 auto;
	}
	
	#mainbody-content iframe {
		/*width: 560px !important;*/
	}
	#footer ul.nav {
	}
	.fancy-gallery {
		margin-top: 38px;
	}
	.fancybox-thumb {
	}
	
	.fancybox-thumb.wide {
		width: 1170px;
		height: auto;
	}

	#mainmenu ul.nav {
	}
	#mainmenu ul.nav li {
		padding: 0px 20px;
	}
	#mainmenu ul.nav li a, #mainmenu ul.nav li span.nav-header {
		margin: 5px 0 0;
	}
	.anfahrt iframe {
		width: 700px !Important;
		height: 165px !Important;
		margin-top: 65px !important;
	}
	.intro h1 {
		font-size: 8em;
	}
	h2.galerie {
		padding: 80px 0 30px 180px;
	}
	div.news h2 {
		margin: 25px 230px;
	}
	#mainbody-content .rahmen-abstand.news-item {
		padding: 20px 150px;
	}
	#footer span.copy {
	}
}

@media (min-width: 980px) and (max-width: 1449px ){
	.item-120 #teaser {
		background: url(../images/kontakt.jpg) center center no-repeat !important;
		background-size: cover !Important;
	}
	.intro h1 {
		font-size: 6em;
	}
	.intro .content {
		margin: 0 20px 0 150px;
	}
}
@media (min-width: 1200px) and (max-width: 1449px ){
	.span4 {
		width: 40% !important;
		margin: 0 !important;
	}
	.offset8 {
		margin-left: 60% !Important;
	}
}


@media (min-width: 1450px) {
	.schmaler .schmaler {
		max-width: 1000px;
	}
	.item-796 .galerie-width>a, .item-809 .galerie-width>a {
		max-width: 24%;
	}
	#mainbody-content .rahmen.klein {
		margin: 15px 300px 20px;
	}
	ul.lang-inline li a{
		display: inline-block;
		padding-top: 2px;
	}
	#mainmenu ul.nav{
		top: 120px;
		margin-left: 100px;
	}

	#mainmenu ul.nav ul {
	}
	#home, #home a.home {
		width: 345px;
		height: 189px;
	}
	.details .beispielbild {
		width: 750px;
		height: 750px;
	}
	.details div.tabelle {
		padding: 20px 80px 20px 100px;
		top: 280px;
	}
	ul.lang-inline {
	}
	a.teaser-kontakt {
		bottom: -32px;
	}
	#home {
	}
	.item-325 a.gravieren.fancybox-thumb {
		width: 218px !Important;
		height: 218px !Important;
	}
	.item-335 .fancybox-thumb {
		width: 400px !important;
		height: 400px !important;
	}		
	.spruch {
		display: none;
	}
	.anfahrt iframe {
		width: 920px !Important;
		height: 195px !Important;
		margin: 72px 0 0 10px !important;
	}
	#main {
		font-size: 1em;
	}
	.copytext {
		display:inline;
	}
	#mainmenu ul.nav li a, #mainmenu ul.nav li span.nav-header {
	}
	div.copy {
		width: 400px;
	}
	.span1 {
		width: 115px;
	}
	.span2 {
		width: 230px;
	}
	.span3 {
		width: 345px;
	}
	.span4 {
		width: 460px;
	}
	.span5 {
		width: 575px;
	}
	.span6 {
		width: 690px;
	}
	.span7 {
		width: 805px;
	}
	.span8 {
		width: 920px;
	}
	.span9 {
		width: 1035px;
	}
	.span10 {
		width: 1150px;
	}
	.span11 {
		width: 1265px;
	}
	.span12, .container {
		width: 1380px;
	}
	.offset7 {
		margin-left: 835px;
	}
	.offset3 {
		margin-left: 375px;
	}
	.offset8 {
		margin-left: 950px;
	}
	.intro h1 {
		font-size: 8.5em;
	}
	div.news h2 {
		margin: 25px 280px;
	}
	#mainbody-content .rahmen-abstand.news-item {
		padding: 20px 200px;
	}
}
@media (min-width: 1680px) {
	.schmaler .schmaler {
		max-width: 1100px;
	}
	table.stellen {
		float: right;
		margin: 0 70px 50px 10px;
		float: none;
		margin: 0 auto;
		margin-top: 0;
	}
	table.ausbildung  {
		float: left;
		margin: 0 10px 50px 70px;
	}
	table.stellen {
		max-width: 600px;
	}
	.fancybox-button.fancybox-button--arrow_right {
		right: 150px !important;
	}
	.fancybox-button.fancybox-button--arrow_left {
		left: 150px !important;
	}
	.details .beispielbild {
		width: 800px;
		height: 800px;
	}
	.details div.tabelle {
		padding: 20px 80px 20px 120px;
		top: 310px;
		margin-left: -120px;
	}/*
	.span1{
		width:140px;
	}
	.span2{
		width:280px;
	}
	.span3{
		width:420px;
	}
	.span4{
		width:560px;
	}
	.span5{
		width:700px;
	}
	.span6{
		width:840px;
	}
	.span7{
		width:1000px;
	}
	.span8{
		width:1120px;
	}
	.span9{
		width:1260px;
	}
	.span10{
		width:1400px;
	}
	.span11{
		width:1540px;
	}
	.span12, .container{
		width:1680px;
	}
	.offset7 {
		margin-left: 1030px;
	}
	.offset3 {
		margin-left: 450px;
	}
	.offset8 {
		margin-left: 1150px;
	}*/
	#mainbody-content {
		padding: 20px 0 0;
	}
	#mainbody-content .rahmen-abstand-gross {
		margin: 15px 120px 35px;
		padding: 40px 80px;
	}
	h2.galerie {
		margin: 60px 120px 0px;
	}
	#mainbody-content .rahmen, #mainbody-content .rahmen-abstand {
		margin: 15px 120px 20px;
	}
	#mainbody-content .rahmen.klein {
		margin: 15px 400px 20px;
	}
	#mainbody-content .slick-slider {
		margin: 0 120px;
	}
	div.beispielbild {
		width: 363px;
		height: 363px;
	}
	.beispielbild::before {
		height: 363px;
	}
	a.fancybox-thumb + h2.galerie {
		padding-top: 100px;
	}
	div.news h2 {
		margin: 25px 300px;
	}
	#mainbody-content .rahmen-abstand.news-item {
		padding: 20px 200px;
	}
	div.mod-languages {
		right: 40px;
	}
	ul.lang-block>li>a {
		position: relative;
		top: -1px;
	}
	#mainmenu ul.nav{
		margin-left: 200px;
	}
}