/*
Theme Name: Mio Basic by Mio Creativ
Theme URI: http://www.mio-creativ.de
Author: Carola Kermer
Author URI: http://www.mio-creativ.de
Description: Basic Bootstrap v.3 theme 
Version: 1.0.13
License: MIT
License URI: http://opensource.org/licenses/MIT
Text Domain: mio-basic
Domain Path: /languages/
Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-menu, featured-images, front-page-post-form, post-formats, threaded-comments, translation-ready

This theme built with Twitter Bootstrap v.3.

*/


/*
Required WordPress CSS
*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.bypostauthor {
}


/* WordPress gallery */
.gallery-caption {
}
.gallery {
	margin-bottom: 1.6em;
}
.gallery-item {
	display: inline-block;
	padding: 1.79104477%;
	text-align: center;
	vertical-align: top;
	width: 100%;
}
.gallery-columns-2 .gallery-item {
	max-width: 50%;
}
.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
	max-width: 25%;
}
.gallery-columns-5 .gallery-item {
	max-width: 20%;
}
.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}
.gallery-icon img {
	margin: 0 auto;
}
.gallery-caption {
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	display: block;
	font-family: "Noto Sans", sans-serif;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.5;
	padding: 0.5em 0;
}
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}


.sticky {
}
.wp-caption {
	border: 1px solid #ccc;
	margin-bottom: 1.5em;
	max-width: 100%;
}



.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 1.2% auto 0;
	max-width: 98%;
}
.wp-caption-text {
	text-align: center;
}
.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}


.header_image_wrapper {border: 0; margin: 0; width: 100% !important; position: relative;}

.header_image_wrapper img {
	display: block;
	margin: 0;
	width: 100%;
	max-width: 100%;
}

.header_image_wrapper .header-caption {/*position: absolute;  background: green; right: 120px;
    bottom: 120px; */

	position: absolute;
    display: inline-block;
    max-width: 350px;
    bottom: 10%; right: 10%;
    background: rgba(0,57,33,0.8);
    padding: 15px 30px /*2*/ 15px 20px !important;
    color: #fff;
    font-size: 14px;
    line-height: 18px;
    text-align: left;
}

.footer_image_wrapper {position: relative;}

.footer_image_wrapper img.footerbild {width: 100%; height: auto; object-fit: cover;}

.footer_image_wrapper .footer-caption {
	font-family: 'Noto Serif', serif;
	font-style: italic;
	position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block;  background: rgba(0,57,33,0.8);
    /*padding: 50px 45px 15px 20px ;*/
	padding: 2vw 1vw;
    color: #fff;
    font-size: 1.6vw;
    line-height: 2.4vw;
    text-align: center; 
	font-weight: 500;
	/*font-style: italic;*/}




.footer_image_wrapper .footer-caption .btn {
	font-family: "Open Sans", sans-serif;
	border-color: #fff;
	color: #fff;
	font-style: normal;
}

@media(max-width: 1199px) {
	.footer_image_wrapper .footer-caption {
    font-size: 2.0vw;
    line-height: 3.0vw;
	width: 70%;
    }
}

@media(max-width: 767px) {
	.footer_image_wrapper .footer-caption {
   font-size: calc(14px + 2vw);
		line-height: 170%; /* calc(18px + 2.2vw);*/
	width: 80%;
		padding: 15px 5px;
    }
	
	
}



/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* B. Basic */

/* ancient-browser-alert error */
.ancient-browser-alert {
	background: #a00;
	color: #faa;
	display: block;
	padding: 3px 0;
	text-align: center;
}
.ancient-browser-alert a {
	color: #fff;
	text-decoration: underline;
}

img.aligncenter {
	display: block;
	margin: 0 auto;
}

/* //CK */


body {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	line-height: 180%;
    /*hyphens: auto;*/
	/*-moz-hyphens: none;
   -o-hyphens: none;
   -webkit-hyphens: none;
   -ms-hyphens: none;
   hyphens: none;*/ 
  color: #565656;
	overflow-x: hidden;
	
}




.container *, .container-fluid * {transition: all 0.4s ease;}


.vspace-top {
	margin-top: 15px;
}
.vspace-bottom {
	margin-bottom: 15px;
}
.vspace {
	margin-top: 15px;
	margin-bottom: 15px;
}

.vspace-big-top {
	margin-top: 30px;
}
.vspace-big-bottom {
	margin-bottom: 30px;
}
.vspace-big {
	margin-top: 30px;
	margin-bottom: 30px;
}

table {
	font-size: inherit;
}
img {
	max-width: 100%;
	height: auto;
}
a {
	color: #177523; /*  */ 
	text-decoration: underline;
}
a:hover, a:active, a:focus {
	color: #3d695c;
	/*text-decoration: none;*/
}

main a {text-decoration: underline;}

.breadcrumbs a,
.site-footer a,
.site-header a,
.dyn-menu a,
.dyn-kontakt a,
.mypost a,
.flexslider a,
.row-schnelleinstieg a,
h1 a, h2 a, h3 a,
.col-sidebar-right .widget ul li a
{text-decoration: none;}

.wichtig {
	color: #3d695c;
}

td.tdspezial {border-top: 5px double #ddd !important;}

.current-cat a, .current a {color: #bbb;}
h1:first-child, h2:first-child, h3:first-child, h4:first-child, p:first-child {
	margin-top: 0px;
}
h1:last-child, h2:last-child, h3:last-child, h4:last-child, p:last-child {
	margin-bottom: 0px;
}
h1.entry-title {
	margin-bottom: 10px;
}

h1, .h1 {color: #003921; text-transform: uppercase; font-size: 44px; line-height: 54px; font-weight: 600;}

@media(max-width: 767px) {h1, .h1 {font-size: 28px; line-height: 38px; hyphens: auto}}


h2, .h2 {color: #003921; font-weight: normal; text-transform: uppercase; line-height:  38px;}
h2:after, .h2:after {
    content: "-";
    height: 0px;
    padding-top: 30px;
    overflow: hidden;
    display: block;
    width: 110px;
    border-bottom: 9px solid #003921;
    margin-bottom: 30px;
	margin-right: auto; 
	margin-left: auto;
}
h2.no, .h2.no {/*font-weight: bold; margin-bottom: 0;*/ text-transform: none;}
h2.no:after, .h2.no:after {content: 0; padding: 0; border:0; margin: 0;}


@media(max-width: 767px) {h2, .h2 {font-size: 25px; line-height: 35px; hyphens: auto}}

.page-id-33 .my-content h2:after, .page-id-36 .my-content h2:after {content: ""; display: none;}


h3, .h3 {color: #3d695c; font-size: 23px; line-height: 30px; margin-bottom:
15px
;
margin-top:
30px
;}

p:last-child {
	margin-bottom: 0;
}
ul { padding-left: 20px;}
hr {
	margin-top: 15px;
	margin-bottom: 15px;
	border: 0;
	border-top: 1px solid #ddd;
}
hr:first-child {
	margin-top: 0;
}
hr:last-child {
	margin-bottom: 0;
}
.btn-default {
	/*border: 0px;
	background: #999;
	color: #fff;
	text-transform: uppercase;*/
}
.btn-default {background: transparent; color: #003921; border-color: #003921; border-radius: 0px; text-transform: uppercase; text-decoration: none !important;  padding: 12px; font-size: 22px; line-height: 24px; border-width: 1px;}


.btn-default:hover, .btn-default:active, .btn-default:focus, .btn_current {
	color: #fff; border-color: #3d695c; background: #3d695c;
}

.btn-primary {color: #fff; border-color: #3d695c; background: #3d695c; border-radius: 0px; text-transform: uppercase; text-decoration: none !important;  padding: 12px; font-size: 22px; line-height: 24px; border-width: 1px;}

.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
	background: transparent; color: #003921; border-color: #003921; 
}

.site-title {font-weight: bold; text-transform: uppercase; font-size: 32px;}

.rahmen  {border: 1px solid #ddd; padding: 15px; margin-bottom: 15px;}

.rahmen-dark {padding: 15px; margin-bottom: 15px; background: #3d695c; color: #fff;}
.rahmen-dark * {color: #fff !important;}


.col-sidebar-right .widget {margin-bottom: 45px !important;} 


.col-sidebar-right .widget h2.widgettitle {margin-bottom: 5px; padding: 5px 15px; background: #3d695c; color: #fff; font-size: 20px;}
.col-sidebar-right .widget h2.widgettitle:after  {content: ""; display: none;}

.col-sidebar-right .widget ul {margin: 0; padding: 0; list-style: none;}
.col-sidebar-right .widget ul li {display: block; padding-bottom: 5px;}
.col-sidebar-right .widget ul li a {display: block; background: #fff; color: #565656; padding: 5px 15px; font-size: 18px;}
.col-sidebar-right .widget ul li a:hover {background: #3d695c; color: #fff;}

/*Back to Top Button*/
.back-to-top {
	position: fixed;
	bottom: 15px;
	right: 15px;
	font-size: 30px;
	background: #ccc;
	border-radius: 5px;
	padding: 5px 15px;
}
/* Slideshow 
.metaslider .caption {position: absolute; display: inline-block; right: 30px; bottom: 30px; background: rgba(255,255,255,0.8); padding: 10px 15px; color: #333; font-size: 36px; line-height: 40px; text-align: right;}
@media(max-width: 991px) {
	.metaslider .caption {font-size: 26px; line-height: 30px;}	
}
@media(max-width: 767px) {
	.metaslider .caption {font-size: 12px; line-height: 14px;}	
}
.metaslider .flexslider {
    margin: 0 !important;
}
.metaslider .flex-control-nav {
    bottom: 20px; z-index: 999;
}
*/
/* Self Slideshow */

.selfslider {margin: 0; z-index: 3; position: relative; border: 0px;}
.selfslider li a.selfcontent {min-height: 700px; display: block; background-position: center center;
	background-size: cover;}



.flexslider .caption {
	position: absolute; 
	display: inline-block;
	/*max-width: 350px;*/
	left: 120px; 
	bottom: 120px; 
	background: rgba(0,57,33,0.8); 
	padding: 15px 40px /*2*/ 15px 30px !important; color: #fff; 
	font-size: 15px; 
	line-height: 19px; 
	text-align: left;}




.flexslider .caption h2 {color: #fff; margin-top: 0px; margin-bottom: 10px; text-transform: uppercase}
.flexslider .caption h2:after {content: none !important; display: none !important;}
.flexslider .caption p {color: #fff; margin-top: 0px; margin-bottom: 5px; text-transform: uppercase}
/*.flexslider .caption p:after {content: "›"; color: #ff9900; font-weight: bold;}*/

.flexslider .caption .pfeil {background: #3d695c; border: 1px solid #3d695c; font-size: 27px; padding: 7px;display: inline-block; position: absolute; right: -20px; top: 50%; margin-top: -20px; color: #fff !important; }

.flexslider .caption:hover .pfeil {background: #fff;  color: #3d695c !important;}


@media(max-width: 991px) {
	.flexslider .caption {bottom: 75px;}
	.flexslider .caption p {margin-bottom: 0px;}
	.selfslider li a.selfcontent {min-height: 400px;}
}

@media(max-width: 767px) {
	.flexslider .caption {  

	left: 15%; 
	bottom: 60px;
	right: 15%;
	text-align: center;
	
	}
	
	.flexslider .caption h2 {font-size: 16px;}
	.flexslider .caption p {font-size: 13px;}
}


.flexslider .flexslider {
    margin: 0 !important;
}
.flexslider .flex-control-nav {
    bottom: 15px; z-index: 999;
}

.flex-control-paging li a {
    width: 14px !important;
    height: 14px !important;
    display: block;
    background: #003921 !important; /*background: rgba(180,180,180,0.8) !important; */
    cursor: pointer;
    text-indent: -9999px;
    -webkit-border-radius: 7px !important;
    -moz-border-radius: 7px !important;
    -o-border-radius: 7px !important;
    border-radius: 7px !important;
    box-shadow: inset 0 0 3px rgba(0,0,0,0.0) !important;
	border: 1px solid #fff;
}

.flex-control-paging li a.flex-active {
    background: #3d695c !important;
    cursor: default;
}


.flex-direction-nav a {
	/*font-size: 0;*/
	width: 50px; 
	height: 100px !important; 
	font-size: 30px !important;
	line-height: 100px !important;
	/*margin: -45px 0 0 !important;*/ 
	display: block; 
	/*background: red;
	background: #f39200 !important; */
	position: absolute; 
	top: 50%; 
	transform: translateY(-50%);
	z-index: 10; 
	cursor: pointer; 
	/*text-indent: -9999px; */
	opacity: 0.8 !important; 
	-webkit-transition: all .03s ease;
	padding: 0 10px;
	color: #fff !important;}

.flex-direction-nav .flex-next {right: 0px !important; text-align: right;/* background: url(img/bg_direction_nav_next.png) !important;* font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif" */}
.flex-direction-nav .flex-prev {left: 0px !important; text-align: left; /*background: url(img/bg_direction_nav_prev.png) !important;*/}

.flexslider:hover .flex-next {right: 0px  !important;  }
.flexslider:hover .flex-prev {left: 0px  !important;}



/*Hauptnavigationsleiste*/

.row-nav {
	position: relative;
	z-index: 999; /* sonst Problem bei Hover mit darunterliegenden Elementen */
}
.row-nav .navbar-default {
	background: transparent;
	border: 0px;
	border-radius: 0px;
	margin: 0;
	min-height: 30px !important;
}
.mio-nav a {
	color: #565656 !important;
	text-transform: uppercase;
	font-size: 11px;
}
.mio-nav li:hover > a, .mio-nav li.active > a, .mio-nav li.active > a:focus, .mio-nav li.active > a:hover {
	/*background: #bbb !important;
	background: rgba(0,0,0,0.1) !important;*/
	color: #676767;
}
.mio-nav li ul {
	background: rgba(255,255,255,0.5); /*#aaaaaa; */
}

/* Speziell "normales Menü */
@media (min-width: 768px) {
.navbar-brand {
	display: none;
}
.navbar-collapse {
	padding: 0;
}
/* 1. Ebene */
.mio-nav {
	margin: 0 auto;
	/*display: table;
	table-layout: fixed;*/ /* optional, for equal spacing - ansonsten: table-layout: auto; */
	float: right;
	/*width: 100%;*/
	text-align: right;
}
.mio-nav > li {
	/*display: table-cell;
	width: 100%;*/ /* http://stackoverflow.com/questions/10525744/css-table-cell-equal-width */
	height: auto;
	/*float: none;*/
	display: inline-block;
	text-align: center;
	border-right: 0px solid rgba(255,255,255,0.3);
	padding: 0 5px;
}
	
.mio-nav > li > a {
	padding: 5px 0px; 
	border-bottom: 7px solid #fff;
}
	

.mio-nav > li:hover > a, .mio-nav > li.active > a, .mio-nav > li.active > a:focus,.mio-nav > li.active > a:hover {
    border-bottom: 7px solid #003921;
	background: transparent;
}
	
.mio-nav > li:first-child > a {
    min-width: 14px;
    background: url(img/haus.png) center 9px no-repeat !important;
    text-align: center;
    font-size: 0px;
	 border-bottom: 7px solid #fff !important;
}
	
	

	
.mio-nav > li.menu-item-has-children > a:after {
	/*content:"\e252"; font-family: 'Glyphicons Halflings'; padding-left: 5px; font-size: 11px; */
	}
.mio-nav > li:last-child {
	border-right: 0px solid;
}
/* 2. Ebene */
.mio-nav > li > ul {
	display: none;
}
.mio-nav > li:hover > ul {
	display: block;
	position: absolute;
	top: 100%;
	left: 0;
	margin: 0;
	padding: 0;
	min-width: 100%;
	text-align: left;
}
.mio-nav > li > ul > li {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
	border-top: 1px solid rgba(255,255,255,0.3);
}
.mio-nav li > ul > li a {
	display: inline-block;
	position: relative;
	margin: 0;
	padding: 15px;
	width: 100%;
}
/* 3. - x. Ebene */
.mio-nav > li > ul > li ul {
	display: none;
}
.mio-nav > li > ul > li:hover ul {
	display: block;
	position: absolute;
	top: -1px;
	left: 100%;
	margin: 0;
	padding: 0;
	min-width: 100%;
	border-left: 1px solid rgba(255,255,255,0.3);
}
.mio-nav > li > ul > li ul li {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
	border-top: 1px solid rgba(255,255,255,0.3);
}
}

/* Speziell Zugeklapptes Mini-Menü */
@media (max-width: 767px) {
.navbar-brand {
	color: #fff !important;
}
.navbar-toggle {
	border-color: #fff !important;
}
.navbar-toggle .icon-bar {
	background-color: #fff !important;
}
.navbar-toggle:hover, .navbar-toggle:focus {
	background: rgba(0,0,0,0.1) !important;
}
.navbar-collapse {
	border: 0px;
	box-shadow: none;
}
.mio-nav > li {
	border-top: 1px solid rgba(255,255,255,0.3);
}
.mio-nav > li ul { /* Allgemein... */
	display: none;
}
.mio-nav li.active > ul { /* Allgemein... */
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}
.mio-nav li.active > ul > li { /* Allgemein... */
	display: block;
	border-top: 1px solid rgba(255,255,255,0.3);
}
.mio-nav li.active ul li a { /* Allgemein... */
	display: block;
	padding: 10px 15px;
}
/* Ab 2. Ebene */
.mio-nav li.active ul li a:before {
	content: "»";
	padding-right: 5px;
}
/* 2. Ebene */
.mio-nav > li.active > ul > li > a {
	padding-left: 15px; /* Eigentlich überflüssig */
}
/* 3. Ebene */
.mio-nav > li.active > ul > li > ul > li > a {
	padding-left: 45px;
}
/* ab 4. Ebene */
.mio-nav > li.active > ul > li > ul > li > ul li a {
	padding-left: 75px;
}
}
/*Breadcrumbs*/

.row-breadcrumb {
	text-align: center;
	position: relative;
	z-index: 888; /* sonst Problem mit darüberliegenden Elementen  bei Hover  */
}
.row-breadcrumb > div {
	position: relative;
}
.breadcrumbs {
	background: transparent;
	padding: 0;
	margin: 0;
	font-size: 85%; /* 0.85em */
}
.breadcrumbs a {
	/*color: #777;*/
}
.breadcrumbs li.active a {
	font-weight: normal;
	cursor: text;
	text-decoration: none;
}



/* Woo */
.row-products div.product {
    margin-bottom: 15px;
}

.woocommerce span.onsale {
    min-height: 3.3em;
    min-width: 3.3em;
    padding: .5em;
    font-weight: 700;
    position: absolute;
    text-align: center;
    line-height: 3.3;
    top: .3em;
    left: .3em;
    margin: 0;
    border-radius: 100%;
    background-color: #666;
    color: #fff;
    font-size: .8em;
	z-index: 999;
}



.row-products div.product .price, .col-summary .price {
    display: block;
	color: #888 !important;
    font-size: 20px !important;
	margin-bottom: 0;
}

.row-products div.product .price-unit, .col-summary .price-unit {
    color: #888 !important;
    font-size: 12px !important;
}

.row-products div.product .tax-info, 
.row-products div.product .shipping-costs-info ,
.col-summary .tax-info, 
.col-summary .shipping-costs-info 
{
    color: #888 !important;
    font-size: 12px !important;
	display: inline-block;
	margin-bottom: 0;
}
.row-products div.product .tax-info:after, 
.col-summary .tax-info:after
{
    content: " | ";
}


.row-products div.product .delivery-time-info,
.col-summary .delivery-time-info
{
    color: #888 !important;
    font-size: 12px !important;
	margin-bottom: 0;
}
.col-summary p.wc-gzd-additional-info {
    margin-bottom: 0;
    font-size: 12px !important;
}

.row-products div.product .btn {
	margin-top: 15px;
}

.row-products div.product .woocommerce-LoopProduct-link {display: block;}

td.variations-label {padding-right: 5px; text-align: left;}

div.product form.cart {
    margin: 15px 0;
    text-align: right;
}
.product .quantity, .product-quantity .quantity {
	float: none !important;
    display: inline-block;
}
.product .product_meta {margin: 0 !important;}
.product .product_meta > span {
	/*display: inline-block;*/
	display: block;
	color: #888 !important;
    font-size: 12px !important;
	margin-bottom: 0;
}
/*
.product .product_meta > span:after {
	content: " | ";
}
.product .product_meta > span:last-child:after {
	content: "";
}*/


.owl-carousel-bildergalerie .owl-nav {
    text-align: center;
    font-size: 30px;
}

.owl-carousel-bildergalerie .owl-nav .fa {color: #fff;
    background: #666666;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    line-height: 40px;
    text-align: center;
	font-size: 18px;
	display: inline-block;}

.owl-carousel-bildergalerie .owl-nav .owl-prev {
    display: inline;
    margin: 10px;
}

.owl-carousel-bildergalerie .owl-nav .owl-next {
    display: inline-block;
    margin: 10px;
}

.owl-carousel-spezialgalerie .owl-nav {
    text-align: center;
    font-size: 30px;
}

.owl-carousel-spezialgalerie .owl-nav .fa {color: #fff;
    background: #ccc;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    line-height: 40px;
    text-align: center;
	font-size: 18px;
	display: inline-block;}

.owl-carousel-spezialgalerie .owl-nav .fa:hover {
	background: #3d695c;
}

.owl-carousel-spezialgalerie .owl-nav .owl-prev {
    display: inline;
    margin: 10px;
}

.owl-carousel-spezialgalerie .owl-nav .owl-next {
    display: inline-block;
    margin: 10px;
}

/*****************************/

.col-header-right {padding-top: 30px;}
@media(max-width: 1199px) {.col-header-right {padding-top: 7px;}}
@media(max-width: 767px) {
	.col-header-left, .col-header-right {text-align: center; padding-top: 0px;}
	.col-header-left img {max-width:200px;margin: auto;}
}

.dyn-btn {text-transform: uppercase; font-size: 24px; padding: 0 3px;}
.dyn-btn > span {background: #3d695c; color: #fff; padding: 3px 10px;}
#dyn-kontakt-btn > span {background: #ccc;}
#dyn-kontakt-btn:active > span, #dyn-kontakt-btn:hover > span {background: #3d695c;}


.dyn-kontakt h3, .dyn-menu h3 {text-transform: uppercase; font-size: 14px; font-weight: 700;}
.dyn-kontakt a, .dyn-menu a {color: inherit;}


.dyn-kontakt {
	transition: all 0.5s ease;
	display: block; 
	position: absolute ; /*fixed*/ 
	overflow: hidden; 
	z-index: 99999;
	right: 0px;
	left: auto;
	max-width: 100%;
	padding: 15px;
	background: rgba(245,245,245,0.85);
	border-top: 7px solid #3d695c; 
	color: #333;
	font-size: 16px; /*1.1vw;*/
	box-shadow: 0 0 10px rgba(0,0,0,0.3);	
	width: 470px;
	height: auto;
	/*
	overflow: hidden; 
	display: block; 
	position: fixed; 
	background: rgba(245,245,245,0.85);
	border-top: 7px solid #3d695c; 
	top: 50px; 
	padding: 15px;
	
	z-index: 99999; 
	color: #333;
	right: 0px; 
	font-size: 13px;
	*/
	}


.dyn-kontakt .quadrat .glyphicon {
    background: #aaa;
    color: #fff;
    padding: 5px;
	font-size: 18px;
	margin-right: 7px;
}

.dyn-menu {
	transition: all 0.5s ease;
	display: block; 
	position: absolute; /*fixed;*/
	overflow: hidden;
	/**/ 
	z-index: 99999;
	/*top: 98px;*/
	right: 0px;
	left: auto;
	/*bottom: 0;*/
	
	max-width: 100%;
	padding: 15px;
	/*background: rgba(245,245,245,0.85);*/
	background: rgba(116,149,130,0.9);
	border-top: 7px solid #3d695c; 
	color: #fff;
	font-size: 16px; /*1.1vw;*/
	box-shadow: 0 0 10px rgba(0,0,0,0.3);
		
	
	}



@media(min-width: 1200px) {
	.dyn-menu {width: 50%;}
}
@media(max-width: 1199px) and (min-width: 992px) {
	.dyn-menu {width: 75%;}
}
@media(max-width: 991px) {
	.dyn-menu {width: 100%;}
}

@media(max-width: 991px) {
	.dyn-menu {/*overflow: auto;*/}
}


/*.dyn-kontakt-hidden, .dyn-menu-hidden {right: -270px; }*/
.dyn-kontakt-hidden {width: 0%; overflow: hidden; max-width: 0%; right: 0; height: auto; display: none; }
.dyn-menu-hidden {width: 0%; overflow: hidden; max-width: 0%; right: 0; height: auto; display: none; }

@media(min-width: 768px) {

	.dyn-menu > ul {
		width: 50%;
		list-style: none;
		padding: 0px;
	}

	.dyn-menu > ul > li {
		display: block;
		border-bottom: 1px solid #fff;
		position: relative;
	}

	.dyn-menu > ul > li > a {
		display: block;
		padding: 8px;
		text-transform: uppercase;
	}

	.dyn-menu > ul > li > a:hover {
		background: rgba(0,57,33,0.5);
	}

	.dyn-menu > ul > li.menu-item-has-children:after {content:"\e258"; font-family: 'Glyphicons Halflings'; position: absolute; right: 0; top: 50%; transform: translateY(-50%); color: #fff;}


		.dyn-menu > ul > li > ul {
			display: none;
		}

		.dyn-menu > ul > li:hover > ul {
			display: block;
			width: 100%;
			position: absolute;
			top: -1px;
			left: 100%;
			/*border-top: 1px solid #fff;*/
			padding: 0px;
			background: none /*rgba(0,57,33,0.5)*/;
			list-style: none;
			padding-left: 15px;
		}


	.dyn-menu > ul > li > ul li {
		display: block;
		border-bottom: 0px solid #fff;
		position: relative;
	}

	.dyn-menu > ul > li > ul li a {
		display: block;
		padding: 4px 8px;
		text-transform: uppercase;
	}
	
	.dyn-menu > ul > li > ul li a:hover {
		background: rgba(0,57,33,0.5); 
	}
}


@media(max-width: 767px) {

	.dyn-menu > ul {
		width: 100%;
		list-style: none;
		padding: 0px;
	}

	.dyn-menu > ul > li {
		display: block;
		border-bottom: 1px solid #fff;
		position: relative;
	}

	.dyn-menu > ul > li > a {
		display: block;
		padding: 8px;
		text-transform: uppercase;
	}

	.dyn-menu > ul > li > a:hover {
		background: rgba(0,57,33,0.5);
	}

	.dyn-menu > ul > li > ul  {
			display: none;
		}



		.dyn-menu > ul > li.current-menu-item> ul,  
		.dyn-menu > ul > li.current-menu-ancestor> ul
			{
			display: block;
			width: 100%;
			position: relative;
			/*border-top: 1px solid #fff;*/
			padding: 0px;
			background: none /*rgba(0,57,33,0.5)*/;
			list-style: none;
			padding-left: 0px;
		}


	.dyn-menu > ul > li > ul li {
		display: block;
		border-bottom: 0px solid #fff;
		position: relative;
	}

	.dyn-menu > ul > li > ul li a {
		display: block;
		padding: 4px 8px 4px 30px;
		text-transform: uppercase;
	}
	
	.dyn-menu > ul > li > ul li a:hover {
		background: rgba(0,57,33,0.5); 
	}
}
	
	
/*   */


.bildunterschrift {color: #565656; font-style: oblique; margin-top: 5px;}

.sonderrahmen {border: 2px solid #3d695c; border-left: 0px; border-right: 0px; margin: 45px 0; padding: 45px 0px; position: relative;


/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/rgba(255,255,255,0)+0,ffffff+25,ffffff+75,7c7f6b+100 */
background: rgba(255,255,255,0); /* Old browsers */
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, #ffffff 33%, #ffffff 66%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,#ffffff 33%,#ffffff 66%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255,255,255,0) 0%,#ffffff 33%,#ffffff 66%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(255,255,255,0)', endColorstr='rgba(255,255,255,0)',GradientType=1 ); /* IE6-9 */

}


.sonderrahmen:before {content: " "; position: absolute; top: -35px; left: -35px; width: 70px; height: 70px; background-color: #3d695c; border-radius: 50%; background-size: 70%; background-position: center center; background-repeat: no-repeat;}

.sonderrahmen-bildergalerie:before {background-image: url(img/icon-bildergalerie.png); }
.sonderrahmen-download:before {background-image: url(img/icon-download.png)}
.sonderrahmen-preisbeispiel:before {background-image: url(img/icon-preisbeispiel.png)}
.sonderrahmen-vorteile:before {background-image: url(img/icon-vorteile.png)}

.sonderrahmen-nobackground {background: none;}

.sonderrahmen-nobobble {margin: 0; border-bottom-width: 0px; border-top-width: 2px;}
.sonderrahmen-nobobble:last-child {border-bottom-width: 2px;}

.sonderrahmen-nobobble:before {content:""; display: none;}

.bobble {width: 80px; height: 80px; background: #3d695c; color: #fff; padding: 5px; text-align: center; border-radius: 50%; 
	line-height: 34px; font-size: 30px; /*margin: auto;*/ margin-bottom: 7px; text-transform: uppercase; font-weight: bold;
}


.bobble span {border-top: 2px solid #fff; display: block; font-size: 14px; line-height: 20px; font-weight: normal;}

.sonderrahmen-nobobble h3, .mio-messe h3 { margin-bottom: 15px;}
.sonderrahmen-nobobble h3 a, .mio-messe h3 a {font-weight: bold; color: #003921; text-decoration: none; }

.big {font-size: 30px; margin-top: 15px; margin-left: -5px; display: block; color: #3d695c}

.mio-messe {background: #fff; padding: 15px; padding-bottom: 30px; margin-bottom: 30px;}
.mio-messe-oben { text-align: center; position: relative}
.mio-messe img {max-height: 200px; width: auto; /*position: absolute; top: 50%; height: 50%; transform: translate(-50% -50%)*/}

.mio-messe hr {border-top: 1px solid #565656;}

/* .preisbeispiel {padding: 15px; margin: 15px 0; border: 1px solid #ccc;} */

@media(min-width: 768px) {
	.col-main-content-left {text-align: right;}
	.col-main-content-left h1 {}
	.col-main-content-left h2 {}
	.col-main-content-left h2:after {
		margin-right: 0px;}

}


@media(max-width: 767px) {
	.col-main-content-left {text-align: center;}
	.col-main-content-left h2:after {
		margin-right: auto;
		margin-left: auto;}
}

.row-schnelleinstieg {
	border-top: 2px solid #3d695c; border-bottom: 2px solid #3d695c; /*padding-top: 15px; padding-bottom: 15px;*/
}

.row-schnelleinstieg > div {
	padding: 0;
}

@media(min-width: 768px) {
	.a-schnelleinstieg {
		font-size: 18px;
		display: block; padding: 30px 15px;
		position: relative;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,dddddd+100 */
		background: rgba(255,255,255,0); /* Old browsers */
		background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, #dddddd 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,#dddddd 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, rgba(255,255,255,0) 0%,#dddddd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}
	.a-schnelleinstieg:before {
		content: " ";
		width: 0px;
		height: 0px;
		-webkit-transform:rotate(360deg);
		border-style: solid;
		border-width: 30px 0 30px 30px;
		border-color: transparent transparent transparent #dddddd;
		position: absolute;
		top: 50%;
		left: 0px;
		transform: translateY(-50%);
	}
	.col-schnelleinstieg:hover .a-schnelleinstieg, .a-schnelleinstieg:hover {
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d3d3d3+0,dddddd+100 */
background: #d3d3d3; /* Old browsers */
background: -moz-linear-gradient(left, #d3d3d3 0%, #dddddd 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #d3d3d3 0%,#dddddd 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #d3d3d3 0%,#dddddd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3d3d3', endColorstr='#dddddd',GradientType=1 ); /* IE6-9 */
	}
	
}


@media(max-width: 767px) {
	.a-schnelleinstieg {
		font-size: 18px;
		display: block; padding: 45px 15px;
		position: relative;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,dddddd+100 */
		background: rgba(255,255,255,0); /* Old browsers */
		background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, #dddddd 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,#dddddd 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,#dddddd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}
	.a-schnelleinstieg:before {
		content: " ";
		width: 0px;
		height: 0px;
		-webkit-transform:rotate(360deg);
		border-style: solid;
		border-width: 30px 30px 0 30px;
		border-color: #dddddd transparent transparent transparent;
		position: absolute;
		left: 50%;
		top: 0px;
		transform: translateX(-50%);
	}
	
	.col-schnelleinsteig-mit-bild  {max-width: 400px; margin:auto;}
	.col-schnelleinsteig-mit-bild .a-schnelleinstieg:before {content: ""; display: none;}
}

.col-schnelleinstieg:first-child .a-schnelleinstieg:before {
	content: none;
	display: none;
}

.a-schnelleinstieg img {max-height: 75px; width: auto; display: block; margin: auto;}

.a-schnelleinstieg span {display: block; color: #3d695c; text-transform: uppercase;}

.container-teaser { width: 100%; padding: 0; background: #3d695c;}

/*
.row-teaser {display: table-row; }
.col-teaser {display: table-cell;
    vertical-align: middle;
    float:none;
	padding: 0;}
*/

.col-teaser {position: relative; padding: 0;}

@media(max-width: 767px) {.col-teaser { padding-right: 15px;
    padding-left: 15px;}}

.teaserinhalt {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%)}


.col-teaser-img img {width: 100% !important; height: auto;}

.col-teaser-text {}
.col-teaser-text h2 {color: #fff;text-transform: uppercase; font-size: 7.5vw; line-height: 8.5vw; margin-bottom: 0px; font-weight: normal;}
.col-teaser-text h3 {color: #fff;text-transform: uppercase; font-size: 2.8vw; line-height: 4vw; margin-top: 0px;margin-bottom: 30px; font-weight: normal;}
.col-teaser-text h2:after {border: 0px; margin: 0; padding: 0; content:""}

@media(max-width: 991px) {
	.col-teaser-text h2 {font-size: 10vw; line-height: 12vw; }
	.col-teaser-text h3 {font-size: 5vw; line-height: 7vw;}
}

.col-teaser-text .btn-default {background: transparent; color: #fff; border-color: #fff; border-radius: 0px; text-transform: uppercase;}
.col-teaser-text .btn-default:hover {background: #fff; color: #3d695c; }

/*.col-meldung .pfeil {background: #3d695c; color: #fff; font-size: 27px; padding: 7px 9px; display: inline-block; position: relative; margin: auto;  transform: translateY(-50%)}*/

.col-meldung {max-width: 400px; margin-left: auto; margin-right: auto;}

.imglink {position: relative;display: block;}
.col-meldung .imglink {margin-bottom: 45px;}
.col-meldung .pfeil, .mio-messe .pfeil {
	background: #3d695c;
	color: #fff; 
	font-size: 27px; 
	padding: 7px 9px; 
	display: inline-block; 
	position: absolute; top: 100%; left: 50%; transform: translate(-50%,-20px)}

@media(min-width:992px) {
.mio-messe .pfeil {bottom: -10px; top: auto;}
}
p.datum {color: #999; margin-bottom: 5px; }

.col-meldung p.datum {margin-top: -10px;}

.col-meldung h3 {margin-top: 0px; font-weight: bold !important; color: #003921; font-size: 19px; line-height: 24px;}
.col-meldung h3 a {color: inherit !important;}

.meldung-excerpt i {font-size: 14px;}

.meldung-uebersicht h3 {margin-top: 0px; font-weight: bold !important; color: #003921; font-size: 22px; line-height: 26px;}

.meldung-uebersicht h3 a {color: inherit;}

.meldung-uebersicht hr {
    margin-top: 25px;
    margin-bottom: 5px;
    border: 0;
    border-top: 7px solid #ddd;
}

p.datum a {color: inherit !important; text-decoration: none !important;}

.singlenews p.datum:after {    
	content: "-";
    height: 0px;
    padding-top: 30px;
    overflow: hidden;
    display: block;
    width: 110px;
    border-bottom: 9px solid #003921;
    margin-bottom: 30px;
    margin-right: auto;
    margin-left: 0;}


.row-karriere {margin-top: 100px; margin-bottom: 100px;}
.row-karriere .ueberschrift-karriere {color: #fff; text-shadow: 0 0 7px rgba(0,0,0,0.3); font-size: 2.8vw;
    line-height: 4vw; text-transform: uppercase; margin-bottom: 30px;}

@media(max-width: 767px) {
	.row-karriere .ueberschrift-karriere {
		font-size: calc(14px + 2vw);
		line-height: calc(18px + 2vw);
	}
}

.row-karriere .btn-default {background: rgba(255,255,255,0.8);  padding: 12px 33px;}


.row-karriere .btn-default:hover {background: #3d695c; color: #fff; border-color: #3d695c;}

.wrapper-zahlen {background: #3d695c; color: #fff;}
span.zahl {display: block; margin: auto; font-size: 120px; line-height: 130px; font-weight: normal; /*font-weight: bold;*/ margin-bottom: 10px;}

@media(max-width: 767px) {span.zahl {font-size: 100px; line-height: 120px}}


span.einheit {font-size: 22px; line-height: 28px;}
.wrapper-zahlen .btn-default {background: transparent; color: #fff; border-color: #fff; border-radius: 0px; text-transform: uppercase; padding: 12px 33px;}
.wrapper-zahlen .btn-default:hover {background: #fff; color: #3d695c; }

.element { position: relative}
@media(max-width: 991px) {.element {max-width: 400px; margin-left: auto; margin-right: auto; }}

.element img {display: block;}
/*.element:hover img {opacity: 0.7}*/
.a-element {position: relative; display: block;}

.element h3 {
	transition: none; 
	margin: 0;
	position: absolute; 
	bottom: 0;
	left: 0;
	right: 0;
	top: auto;
	background: rgba(0,0,0,0.5); 
	color: #fff; 
	font-weight: bold; 
	padding: 10px; 
	text-transform: uppercase;
	font-size: 18px; 
	/*letter-spacing: 1px;*/
}
.element:hover h3 {
	top: 0;
}

.element:hover h3 > span {transition: none; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);  width: 95%;}
.element:hover h3 > span:after {
	content:"\e258"; font-family: 'Glyphicons Halflings'; 
	font-size: 27px; display: block; 
	width: 50px; text-align: center; 
	margin: auto; 
	margin-top: 30px;  padding: 8px 0; border: 1px solid #fff;}

.element h3 > span > span.zusatz {display: block; font-size: 14px; font-weight: normal; text-transform: none;} /*display: none*/
.element:hover h3 > span > span.zusatz {}

.wrapper-info {background: #f6f6f6;}

.wrapper-footer {background: #3d695c; /*border-top:7px solid #003921;*/}

.site-footer {/*background: #aaa;*/ color: #fff; padding: 15px; margin-bottom: 15px; font-size: 14px; line-height: 22px;}
.site-footer a {color: #fff;}
.site-footer a:hover {color: rgba(255,255,255,0.5);}
.site-footer .fab {color: rgba(255,255,255,0.5); font-size: 26px; margin-right: 5px; }
.site-footer a:hover .fab {color: rgba(255,255,255,1); }
/*.col-footer-right {text-align: right;}
@media(max-width: 991px) {.col-footer-left, .col-footer-right {text-align: center;}}*/

.site-footer ul {margin: 0; padding: 0; list-style: none;}

.site-footer h2 {color: #fff; font-size: 18px; font-weight: 600; text-transform: normal;}
.site-footer h2:after {content: ""; border: 0; padding: 0; margin: 0;}

.row-footer-bottom hr {border-color: #fff;}
.row-footer-bottom img {max-height: 120px; max-width: 180px; width: auto; height: auto; padding: 10px 15px; display: inline;}

@media(min-width:1200px) {
	.new-footer {display: flex; align-items: flex-end; justify-content: flex-end}
}
.footer-social img {max-height: 30px; width: auto; display: inline-block; margin-right: 12px;}
.footer-wuerfel {padding-top: 2rem; }

@media(min-width: 992px) {
.wuerfel {margin-top: -80px;}
}

@media(max-width: 991px) {
.wuerfel {max-width: 200px; height: auto; margin-top: 15px;}
	.site-footer .widget {margin-bottom: 30px;}
}

.mypost a {border: 2px solid #003921; text-transform: uppercase; padding: 15px; display: block;}
.myaktivepost a, .mypost a:hover {background: #3d695c; color: #fff;}

.container-testimonial {margin: 0; padding: 0;}
.row-testimonial {margin: 0; background: #f6f6f6;}
.row-testimonial > div {padding: 0; position: relative;}

.content-testimonial {position: absolute; display: block; top: 50%; left: 0; right: 0; transform: translateY(-50%); padding-left: 15px; padding-right: 15px;
	font-family: 'Noto Serif', serif;
color: #333;
    font-size: calc(12px + 0.8vw);
    line-height: calc(16px + 1.2vw);
    text-align: center;
    font-weight: 500;
    font-style: italic;

}

.content-testimonial * { max-width: 600px; margin: auto;}

.content-testimonial p.small {margin-top: 15px; font-size: calc(12px + 0.5vw); line-height: calc(14px+0.5vw); font-family: 'Open Sans', sans-serif; font-style: normal;}

.col-team .content-team {background: #fff; padding: 15px;}

.wrapper-lightgrey {background: #f6f6f6; padding: 30px 0;}
.wrapper-bread {background: #f6f6f6;}

.infotext-oben {color: #5a816b ; font-size: 18px; line-height: 33px;} /**/

.wpcf7 .form-control, .wpcf7 textarea {background-color: #dddddd; border-radius: 0px; border-color: transparent; box-shadow: none;}

a.mio-referenzart {display: block; background: #ccc;}

a.mio-bildmenu {display: block; position: relative;}
span.mio-bildmenu-text {display: block; position: absolute; font-weight: 600; font-size: 20px; text-transform: uppercase; bottom: 0; left: 0; right: 0; padding: 5px; background: rgba(0,0,0,0.5); color: #fff; text-align: center}



/*
.wrapper-header {position: fixed; top: 0; left: 0; right: 0; z-index: 99999; background: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.2)}
*/


.help-wrapper {/*background: red;*/}

/*
#wpadminbar {display: none;}
*/
h2.cd-timeline-item-title {color: #3d695c; font-weight: 600;}
h2.cd-timeline-item-title:after {display: none;}

.row-galerievorschau {background: #ccc; margin-top: 30px; margin-bottom: 30px; text-align: center;}

.same-height img {object-fit: cover; width: 100% !important;}

.same-sonderinhalt {background: #3d695c; position: relative; color: #fff; text-align: center;}
.sonder-inner {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; font-size: 16px;
    line-height: 22px;}
.sonder-inner h3 {text-transform: uppercase; color: #fff; font-size: 22px; line-height: 30px;}

.sonder-inner .zitat.zitatweiss {font-size: 22px; line-height: 30px;}

.button-area .btn {margin-bottom: 5px;}

.row-referenzgalerie {margin-top: 4px; margin-bottom: 11px; margin-left: -2px; margin-right: -2px}
.row-referenzgalerie > div {padding: 0 2px; margin-bottom: 4px;}

.referenz-kundenstimme {background: #3d695c; color: #fff; font-family: 'Noto Serif', serif; padding: 30px; text-align: center; /*font-size: 1.6vw;
    line-height: 2.4vw; */ font-size: 22px; line-height: 30px; }

.kunde-kundenstimme {font-size: 16px; font-family: 'Open Sans', sans-serif; font-style: normal; }

#list-holder {margin-left: -20px; margin-right: -20px;}
#list-holder .col-element {padding: 5px; margin: 0px; }

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color: #3d695c;
    border-color: #3d695c;
}

.pagination>li>a, .pagination>li>span {
    color: #003921;
}

.row-jobspecial h3 { color: #003921; font-size: 30px; line-height: 40px; font-weight: bold;}
.row-jobspecial h3 span { font-weight: normal;}

.row-jobspecial h4 { color: #3d695c; font-size: 24px; line-height: 30px; margin-top: 30px; }

hr.special { margin-top: 25px;
    margin-bottom: 5px;
    border: 0;
    border-top: 7px solid #ddd;}

.zitat  {font-family: 'Noto Serif', serif;  
    font-size: 1.6vw;
    line-height: 2.4vw;}

.zitatgruen {color: #3d695c;}
.zitatweiss {color: #fff;}

@media(max-width: 767px) {.btn-default { padding: 12px 5px; white-space: normal;}}

.cookie-notice-container a {background: #3d695c; padding: 5px 10px; display: inline-block; border-radius: 4px; color: #fff; text-decoration: none;}


.jobheader {position: relative;}
.jobheader .custom-logo-link {background: #fff; padding: 15px; display: block; position: absolute; top: 15%; right: 0; /* transform: translateY(-50%);*/ width: 30vw; min-width: 200px; max-width: 400px; height: auto;}

.jobmain .widget .wichtig {color: #3d695c}

.jobmain .widget hr {
	margin-top: 30px;
	margin-bottom: 30px;
    border-top: 1px solid #3d695c;
}

.jobmain .widget h3 {
	color:  #003921;
}
.jobmain h1 {text-transform: none; font-size: 48px;
    line-height: 58px;}
.jobmain h1:after {
    /* content: "-";
    height: 0px;
    padding-top: 30px;
    overflow: hidden;
    display: block;
    width: 110px;
    border-bottom: 9px solid #003921;
    margin-bottom: 30px;
	*/

}
.jobmain h2 { color: #003921; font-size: 24px; line-height: 30px; margin-top: 30px; text-transform: none !important; }
.jobmain h2:after {margin-left: 0;}

.jobmain h4 { color: #3d695c; font-size: 24px; line-height: 30px; margin-top: 30px; }




@media(min-width: 1200px) {
	.widget-jobwuerfel {position: relative; text-align: right;}
.jobwuerfel-text {position: absolute; bottom: -0%; left: 7%; max-width: 40%; height: auto;}
.jobwuerfel-bild {margin-top: -100px; /* transform: translateY(-80px); */ max-width: 50%; height: auto;}
}

@media(max-width: 1199px) {
	
	.jobmain h1 {text-transform: none; font-size: 34px;
    line-height: 44px;}
	
	.jobmain h2, .jobmain h3 {  font-size: 20px; line-height: 26px;  }
	
.widget-jobwuerfel, .widget-jobtext {max-width: 350px; margin-left: auto; margin-right: auto;}
	.widget-jobtext {margin-bottom: 30px; text-align: center;}
.jobwuerfel-text  {display: block; max-width: 60%; margin-left: auto; margin-right: auto; margin-top: 15px;}
.jobwuerfel-bild  {display: block; max-width: 60%; margin-left: auto; margin-right: auto;}
}

table {max-width: 100% !important; overflow-x: hidden;}

@media(max-width: 500px) {table td {display: block; clear: both; min-height: auto !important;}}

.toggle-content {position: relative; height: 350px; overflow-y: hidden; overflow-x: visible; margin-left: -100px; margin-right: -100px; padding-left: 100px; padding-right: 100px;}
.toggle-overlay {position: absolute; bottom: 0; left: 0; width: 100%; height: 50px; background: url(img/toggle-overlay.png)}

.toggle-content2 {position: relative; height: 350px; overflow-y: hidden; overflow-x: visible; margin-left: -100px; margin-right: -100px; padding-left: 100px; padding-right: 100px;}
.toggle-overlay2 {position: absolute; bottom: 0; left: 0; width: 100%; height: 50px; background: url(img/toggle-overlay.png)}






.page-template-page-komplettzimmer-landing p, 
.page-template-page-komplettzimmer-landing h1, 
.page-template-page-komplettzimmer-landing h2,
.page-template-page-komplettzimmer-landing a
{
    hyphens: none !important;
}

a[href^="tel:"]
{
    white-space: nowrap !important;
}

.small {line-height: 140%;}

.page-template-page-komplettzimmer-landing .header_image_wrapper img {
    height: 60vh;
    object-fit: cover;
}

.page-template-page-pflegezimmer-landing .header_image_wrapper img  {
    height: 40vh;
    object-fit: cover;
}

@media(min-width:992px) {
	.page-template-page-komplettzimmer-landing .header_image_wrapper img,
	.page-template-page-pflegezimmer-landing .header_image_wrapper img  {
		height: 70vh !important;

	}
}

.page-template-page-komplettzimmer-landing .header_image_wrapper .header-caption,
.page-template-page-pflegezimmer-landing .header_image_wrapper .header-caption
{
    background-image: initial;
    background-color: rgba(0, 46, 26, 0.8);
    color: rgb(232, 230, 227);
    /*text-transform: uppercase;*/
    display: inline-block;
}
.page-template-page-komplettzimmer-landing .header_image_wrapper .header-caption,
.page-template-page-pflegezimmer-landing .header_image_wrapper .header-caption
 {
    position: absolute;
    display: inline-block;
    width: auto;
    max-width: 80% !important;
    bottom: 5vw;
    right: auto;
    left: 5vw;
    background: rgba(0,57,33,0.8);
    padding: 15px 20px /*2*/ 15px 20px !important;
    color: #fff;
    font-size: calc(1.7vw + 1.3rem);
    line-height: 130%;
    text-align: left;
    hyphens: none !important;
}

@media(max-width:767px) {
    .page-template-page-komplettzimmer-landing .vspace-big {
        margin-top: 15px;
        margin-bottom: 15px;}
    
    .page-template-page-komplettzimmer-landing h2:after, .page-template-page-komplettzimmer-landing .h2:after {
    margin-bottom: 15px !important;
    }
    
    .sonderrahmen:before {
    left: -5px !important; 
    }
    
    .sonderrahmen {
    margin: 23px 0;
    padding: 40px 0 23px 0px;
    
}
}

/* Responsive Video Block */

.video-block {width: 100%; position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.video-block iframe, .video-block object, .video-block embed, .video-block video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


.brlbs-cmpnt-cb-google-maps {
height: 70vh !important;
width: 100%;
}


/* noto-serif-italic - latin */
@font-face {
  font-family: 'Noto Serif';
  font-style: italic;
  font-weight: 400;
  src: local(''),
       url('webfonts/noto-serif-v21-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('webfonts/noto-serif-v21-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local(''),
       url('webfonts/open-sans-v34-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('webfonts/open-sans-v34-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('webfonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('webfonts/open-sans-v34-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local(''),
       url('webfonts/open-sans-v34-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('webfonts/open-sans-v34-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('webfonts/open-sans-v34-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('webfonts/open-sans-v34-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-800 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: local(''),
       url('webfonts/open-sans-v34-latin-800.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('webfonts/open-sans-v34-latin-800.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}