/*
Theme Name: Mio Basic by Mio Creativ
Theme URI: https://www.mio-creativ.de
Author: Carola Kermer
Author URI: https://www.mio-creativ.de
Description: Eierlegendes Wollmilchtheme von Mio Creativ 
Version: 3.8
License: MIT
License URI: http://opensource.org/licenses/MIT
Text Domain: mio-basic
Domain Path: /languages/

This theme built with Twitter Bootstrap v.4.

*/


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

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

/* WordPress gallery */

.gallery {
	margin: -7px;
	margin-bottom: 22px;
}
.gallery-item {
	position: relative;
	display: inline-block;
	padding: 7px;
	margin: 0;
	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;
	*/
	display: none;
}
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}


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


/* General */

/* color: #5cbacd; (light color) / color: #009bb8; (dark color) */
/* font-family: 'Roboto', sans-serif; */

html {overflow-x:hidden;}

body {	
	color: #657278;
	font-family: 'Montserrat', sans-serif;
	font-size: 1rem;
	line-height: 170%;
	position: relative;
	overflow-x: hidden;
}


img {
	max-width: 100%;
	height: auto;
}

a {
	text-decoration: none !important;
	color: #5cbacd;
	transition: all 500ms ease;
	
	/* https://css-tricks.com/snippets/css/prevent-long-urls-from-breaking-out-of-container/ */
	/* These are technically the same, but use both 
	  overflow-wrap: break-word;
	  word-wrap: break-word;

	  -ms-word-break: break-all;*/
	  /* This is the dangerous one in WebKit, as it breaks things wherever */
	  /* word-break: break-all; */
	  /* Instead use this non-standard one: 
	  word-break: break-word;*/

	  /* Adds a hyphen where the word breaks, if supported (No Blink) 
	  -ms-hyphens: auto;
	  -moz-hyphens: auto;
	  -webkit-hyphens: auto;
	  hyphens: auto;*/
}



a:hover, a:active, a:focus {
	color: #009bb8;
	text-decoration: none;
}

a p {color: #657278;}

.wrapper-topheader i {transition: all 500ms ease;}

blockquote.blockquote {font-style: italic; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin-bottom: 1rem; padding-top: 1rem; padding-bottom: 1rem; text-align: center;}
.author {font-size: 0.8rem; display: block;}

.wichtig {
	color: #009bb8;
}

.rounded {
	border-radius: 15px!important;
}

.nowrap {
	white-space: nowrap;
}

table td, table td * {
    vertical-align: top;
}

.portrait {border-bottom: 7px solid #5cbacd;} 

.jameda > div {margin-left: auto !important; margin-right: auto !important;}

.multicolumn {text-align: justify;}
@media(min-width: 768px) {
	.multicolumn {column-count: 2; column-gap: 2rem;}
}

.multicolumn-list {max-width: 80%; margin-top: 15px; padding: 0; list-style: none;}

.multicolumn-list li {padding-bottom: 7px; padding-left: 20px; position: relative;}
.multicolumn-list li:before {content: '\f04b'; font-family: 'Font Awesome\ 5 Free'; font-weight: 900; position: absolute; color: #5cbacd; left: 0; font-size: 0.8rem; }
@media(min-width: 768px) {
	.multicolumn-list {column-count: 2; column-gap: 2rem;}
}

.intro {
    font-size: calc(1.0rem + 0.4vw);
    line-height: 170%;
	font-weight: 300;
    /*text-align: center;*/
    /*max-width: 900px;
    margin-left: auto;
    margin-right: auto;*/
}

h1 {text-transform: uppercase; font-weight: 300; color: #009bb8; font-size: 2em; line-height: 150%;}
h1 span {color: #5cbacd}
/*
h1:after {
    content: "-";
    height: 0px;
    padding-top: 1.5rem;
    overflow: hidden;
    display: block;
    width: 80px;
    border-bottom: 7px solid #999;
    margin-bottom: 1.5rem;
}

h1.text-center:after {
	margin-left: auto;
	margin-right: auto;
}
*/

h2 {color: #009bb8; font-weight: 300; font-size: 1.75em;}

.sideline {
  display: flex;
  flex-direction: row;
  text-transform: uppercase;
}
/*.sideline:before,*/ .sideline:after{
  content: "";
  flex: 1 1;
  border-bottom: 1px solid #009bb8;
  margin: auto;
}
/*.sideline:before {margin-right: 10px;}*/
.sideline:after {margin-left: 10px;}

/* h2.sideline {font-size: 22px;} */


h3 {color: #009bb8; font-weight: 300;font-size: 1.6em;}

h4 {color: #009bb8; font-weight: 500;font-size: 1.0em; text-transform: uppercase;}

ul {padding-left: 1.5rem;}

p:last-child {margin-bottom: 0;}

hr {
	margin-top: 1rem;
	margin-bottom: 1rem;
	border: 0;
	border-top: 1px solid #ddd;
}

.btn {border-radius: 0; font-weight: 500; text-transform: uppercase;}

.btn-primary, .btn-outline-primary {/*margin-bottom: 1rem;*/}

.btn-primary {
	background: #5cbacd;
	border-color: #5cbacd;
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
	background: #009bb8;
	border-color: #009bb8;
}


.btn-outline-primary {
	color: #009bb8;
	border-color: #009bb8;
}
.btn-outline-primary:hover, .btn-outline-primary:active, .btn-outline-primary:focus {
	background: #009bb8;
	border-color: #009bb8;
}

.box {    
	margin-bottom: 30px;
    background: #fff;
    padding: 1.5rem;
	border: 1px solid #5cbacd;
	color: #009bb8;}
.box a {color: #009bb8;}

.box-dark {    
	margin-bottom: 30px;
    background: #009bb8;
	color: #fff;
    padding: 1.5rem;
	border-bottom: 7px solid #5cbacd;} 

.box-dark a, .box-dark h2 {color: #fff;} 
.box-dark a:hover {color: #cfebf0}

.box-dark hr {border-top: 1px solid #5cbacd;}

.box-dark table {margin-bottom: 15px;}

.box-dark .btn-outline-primary {border: 1px solid #fff; width: 100%;}
.box-dark .btn-outline-primary:hover {background: rgba(255,255,255,0.1); color: #fff;}

.box-dark h2, .box h2 {font-size: 1.3em; border-bottom: 1px solid #5cbacd; padding-bottom: 12px; margin-bottom: 18px;}

.box-dark h3, .box h3 {font-size: 1em; font-weight: 700;  text-transform: uppercase;}
.box-dark h3 {margin-bottom: 5px; color: #fff;}

.box-1 {background-image: url(img/icon.svg); background-position: right 15px bottom 15px; background-repeat: no-repeat; background-size: 80%;}

.box-2 {font-size: 1.4em; font-weight: 500; line-height: 150%;
}


.box-4 div {width: 100%}

.box-4 > div > div {display: flex; justify-content: space-around!important;flex-wrap: wrap!important;}

.box-4 a {text-align: center;}
.box-4 a i {display: block; font-size: 3rem; padding-bottom: 7px; }

@media(max-width:991px) {
	.box-2 {font-size: 1.2em;}
	.box .btn, .box-dark .btn {font-size:0.9rem;}
}

.unterseite {    
	margin-bottom: 30px;
    background: #009bb8;
	color: #fff;
    padding: 1.5rem;
	border-bottom: 7px solid #5cbacd;} 

.unterseite a {display: block;}
.unterseite a, .unterseite h2, .unterseite p {color: #fff;} 
.unterseite a:hover {color: #5cbacd}

.unterseite h2 {
    font-size: 1.3em;
	margin-bottom: 25px;
}

.unterseite i {background: #5cbacd; width: 50px; height: 50px; transform: translateY(-25px); border-radius: 50%; line-height: 50px; font-size: 30px;}

.unterseite a:hover i {color: #009bb8;}

.nachricht {padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #5cbacd; }

.nachricht:last-of-type {padding-bottom:0; border-bottom: 0;}

.wasserzeichen {background-image: url(img/icon-light.svg); background-position: right center; background-repeat: no-repeat;  
	background-size: 30%; /*background-size: contain;*/
	padding-right: 10%;
}

.wasserzeichen-full {background-image: url(img/icon-light.svg); background-position: center center; background-repeat: no-repeat;  
	background-size: contain; min-height: 200px;
}


a[href^="tel:"] {
  color: inherit;
}

/* Header area */

.keinelaufschrift {
    height: 0px; width: 100%; overflow: hidden;
    border-bottom: 7px solid #5cbacd;
}

.wrapper-topheader {
	background: #007484; /* #5cbacd;*/
}

@media(max-width:1199px)  {
	.wrapper-topheader {
		font-size: 0.9em;
	}
}

.wrapper-topheader * {
	color:#fff !important;
}

.wrapper-topheader .widget a {display:inline-block; margin-left: 15px; font-weight: 300; text-transform: uppercase;}
.wrapper-topheader .widget a:first-child {margin-left: 0px;}

.wrapper-topheader .widget a:hover, .wrapper-topheader .widget a:hover i {color: #cfebf0 !important}



@media(max-width:991px)  {
	.wrapper-topheader .widget a {
		margin-left: 10px;
	}
}

@media(max-width:767px)  {
	.wrapper-topheader .widget {
		display: inline-block; width: auto; margin-left: auto; text-align: left;
	}
	.wrapper-topheader .widget a {
		display: block; margin-left: 0;
		padding-left: 20px;
		padding-top: 5px;
		padding-bottom: 5px;
		position: relative;
	}
	.wrapper-topheader .widget a i {

		position: absolute;
		top: 10px;
		left: 0;
	}
}

@media(max-width:400px)  {
	.wrapper-topheader {
		font-size: 0.75em;
		line-height: 140%;
	}
	.wrapper-topheader .widget a {
		padding-left: 15px;
	}
	.wrapper-topheader .widget a i {

		top: 7px;
	}
}


.wrapper-logo {
	background: rgba(255,255,255,0.8)
}

.wrapper-header {
	background: rgb(92,186,205);
	background: -webkit-linear-gradient(bottom, rgba(92,186,205,1) 0%, rgba(0,155,184,1) 100%);
	background: -o-linear-gradient(bottom, rgba(92,186,205,1) 0%, rgba(0,155,184,1) 100%);
	background: linear-gradient(to top, rgba(92,186,205,1) 0%, rgba(0,155,184,1) 100%);
}

.logo-unten {
	position: absolute; z-index: 99999; background: rgba(255,255,255,0.8);
	height: 35px;
	border-bottom-left-radius: 35px;
	border-bottom-right-radius: 35px;
}


@media(max-width:991px)  {
	.logo-unten {
	
	height: 1rem!important;
	border-bottom-left-radius: 1rem!important;
	border-bottom-right-radius: 1rem!important;
}
}

.slogan {
	text-transform: uppercase;
	color:  #fff;
	line-height: 130%;
	font-size: 1.7em;
	font-weight: 500;
}

@media(max-width:1199px)  {
	.slogan {
		font-size: 1.5em;
	}
}

@media(max-width:991px)  {
	.slogan {
		font-size: 1.3em;
	}
}

@media(max-width:768px)  {
	.slogan {
		font-size: 0.95em; 
	}
}

@media(max-width:575px)  {
	.slogan {
		font-size: 0.9em; padding-top: 25px;
	}
}

@media(max-width:540px)  {
	.slogan {
		font-size: 0.85em; 
	}
}

@media(max-width:500px)  {
	.slogan {
		font-size: 0.8em; 
	}
}

@media(max-width:475px)  {
	.slogan {
		font-size: 0.75em; 
	}
}

@media(max-width:450px)  {
	.slogan {
		font-size: 0.7em; 
	}
}

@media(max-width:425px)  {
	.slogan {
		font-size: 0.65em; 
	}
}


.title {
	font-size: 3rem;
	display: inline-block;
}

.navbar-toggler {
    border: 1px solid #fff;
	color: #fff;
}

/* Main navigation */

.navbar {margin: 0; padding: 0;}

ul.primary-nav  {margin: 0; padding: 0; /* display: block; */ font-size: 0px; z-index: 9999999;}
ul.primary-nav a {display: block; font-size: 1.3rem; line-height: 1.3rem;  color: #fff;  font-weight: 300;}

@media(max-width:1199px) and (min-width:992px) {
	ul.primary-nav a {font-size: 1.0rem; line-height: 1.0rem; }
}


/*@media (min-width: 992px) {
	ul.primary-nav {}
	ul.primary-nav a {padding: 0 15px;}
	ul.primary-nav > li {display: inline-block; padding: 15px 0; position: relative;}
	ul.primary-nav > li > a {border-left: 1px solid #000;  }
	ul.primary-nav > li:first-child > a {border-left: 0px;}

	ul.primary-nav > li > ul {display: none;}
	ul.primary-nav > li:hover > ul {display: block; position: absolute; top: 100%; left: 0; margin: 0; padding: 0; text-align: left; white-space: nowrap; background: rgba(255,255,255,0.8)}
	ul.primary-nav > li > ul > li {display: block; padding: 15px 0; }
}*/

@media (min-width: 992px) {
	ul.primary-nav {} 
	ul.primary-nav a {padding: 0 0 15px 0px;}
	ul.primary-nav > li {display: inline-block; padding: 0 15px; position: relative;}
	ul.primary-nav > li:last-child {padding-right: 0px;}
	ul.primary-nav > li > a {border-bottom: 12px solid transparent;}
	ul.primary-nav > li:first-child > a {}
    ul.primary-nav > li.menu-item-has-children > a:after { content: '\f0d7'; font-family: 'Font Awesome\ 5 Free'; font-weight: 900; padding-left: 10px; }
	ul.primary-nav > li > a:hover,
	ul.primary-nav > li.current-menu-item > a,
	ul.primary-nav > li.current-menu-ancestor > a {
		border-bottom: 12px solid #009bb8;
	}

  /* 1st submenu */
	ul.primary-nav > li > ul {display: none;}
	ul.primary-nav > li:hover > ul {
		display: block; 
		position: absolute; 
		
		top: 100%; right: 15px; 
		margin: 0; padding: 0; 
		text-align: left; white-space: nowrap; 
		background: #5cbacd; 
		min-width: 160px; 
		border-left: 0; 
		border-right: 0;}
	
	
	ul.primary-nav > li:last-child:hover > ul {right: 0px}
	
  ul.primary-nav > li > ul > li.menu-item-has-children { position: relative; }

  /* third submenu */
  ul.primary-nav > li > ul > li > ul {display: none;}
  ul.primary-nav > li > ul > li:hover > ul {
	  display: block; 
	  position: absolute; 
	  top: 0; left: 100%; 
	  margin: 0; padding: 0; 
	  text-align: left; 
	  white-space: nowrap; 
	  background: #5cbacd; 
	  border-left: 1px solid rgba(255,255,255,0.3); border-right: 0;
	}
  ul.primary-nav > li > ul > li.menu-item-has-children > ul { position: absolute; }

  /* combine */
  ul.primary-nav > li > ul > li,
  ul.primary-nav > li > ul > li > ul > li 
	{display: block; padding: 0px 15px; border-bottom: 1px solid rgba(255,255,255,0.3); }
	
	ul.primary-nav > li > ul > li:last-child,
  ul.primary-nav > li > ul > li > ul > li:last-child 
	{ border-bottom: 0; }	
	
	ul.primary-nav > li > ul > li a 
	{padding-top: 15px; }
	
  ul.primary-nav > li > ul > li:hover, 
  ul.primary-nav > li > ul > li > ul > li:hover ,
  ul.primary-nav > li > ul > li.current-menu-item, 
  ul.primary-nav > li > ul > li > ul > li.current-menu-item ,
  ul.primary-nav > li > ul > li.current-menu-ancestor, 
  ul.primary-nav > li > ul > li > ul > li.current-menu-ancestor 
	
	{ background: #009bb8; }
}

@media (max-width: 991px) {
	/*ul.primary-nav {}*/
  ul.primary-nav {display: block;}
	ul.primary-nav a {padding: 15px 0 ;}
	ul.primary-nav > li {display: block; padding: 0; }
	ul.primary-nav > li {border-top: 1px solid #ddd;  }
	ul.primary-nav > li:first-child {border-top: 0px;}
	
	ul.primary-nav > li > ul {display: none;}
	ul.primary-nav > li.current-menu-item > ul,
	ul.primary-nav > li.current-menu-ancestor > ul
		{display: block; margin: 0; padding: 0; }
	ul.primary-nav > li > ul > li {display: block; border-top: 1px solid #ddd; }
	ul.primary-nav > li > ul > li > a {padding-left: 15px; }

  /* third submenu */
  ul.primary-nav > li > ul > li > ul {display: block; margin: 0; padding: 0; }
  ul.primary-nav > li > ul > li > ul > li { border-top: 1px solid #ddd; }
  ul.primary-nav > li > ul > li > ul > li > a { padding-left: 30px; }
}

/* Header image / Slideshow area */

.header_image_wrapper {position: relative;}


.owl-slideshow .slideshow-item > a {position: absolute; display: block; top: 0; left: 0; bottom: 0px; right: 0px; color: inherit; }

.header-caption {
	padding: 1vw; 
	display: inline-block;
	background: rgba(255,255,255,0.5);
	position: absolute;  
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
	}
@media(max-width:767px) {
	.header-caption {
		min-width: 75%;
	}
}

/*.header-caption-singleline {
	display: inline-block;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
	}
@media(max-width:767px) {
	.header-caption-singleline {
		min-width: 75%;
	}
}*/


/* Change the slider to bootstrap - Allan */
.owl-slideshow .slideshow-item > .container {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  bottom: 0px;
  right: 0px;
}

.slide-captions {
  background: rgba(0,0,0,0.6);
  color: #fff;
}

.slide-captions h2 {
  font-size: 1.875rem;
  font-weight: bold;
}

.slider-bg {
  position: absolute;
  background: url(img/slider-line.png) repeat;
  z-index: 0;
  width: 100%;
  height: 100%;
}

@media(max-width:767px) {
	.slideshow-item { height: 220px; }
  .slideshow-item img { object-fit: cover; height: 100%; }
}


.slideshow {position: relative;}

.oe {position: absolute; right: 0; top: 130px; display: inline-block; background: #657278; color: #fff; z-index: 999999; padding: 10px; font-size: 16px; line-height: 16px; cursor: pointer; transition: all 500ms ease;}

.oe:hover {background: #5cbacd;}

.oe:before {content: '\f078'; font-family: 'Font Awesome\ 5 Free'; font-weight: 900; padding-right: 5px}
.oe-schliessen:before {content: '\f077'; font-family: 'Font Awesome\ 5 Free'; font-weight: 900; padding-right: 5px}

/*
#dyn-kontakt-btn {display: block ; position: fixed; background: #00519e; padding: 5px 10px; top: 0px; right: 0px; z-index: 99999; color: #fff; font-size: 20px;}
.dyn-kontakt-btn-sticky {display: block !important; }

#dyn-kontakt-btn:hover, #dyn-kontakt-btn:active, #dyn-kontakt-btn:focus {color: #fff;}
#dyn-kontakt-btn:hover {padding-right: 20px; }
*/



.dyn-kontakt {
	width: 300px; 
	max-width: 100%;
	position: absolute; 
	right: 0; top: 167px;
	z-index: 999999;
	transition: all 500ms ease;
}

.dyn-kontakt-hidden {right: -330px; }

/* end bootstrap slider */


.header-title {
	display: block;
	font-size: calc( 20px + 1vw ); 
	line-height: calc( 22px + 1.2vw );
}

.header-title-singleline {
	text-transform: uppercase;
    font-size: calc( 20px + 1vw ); 
	line-height: calc( 35px + 1.8vw );
    /*max-width: 700px; */
    margin-left: auto;
    margin-right: auto;
    transform: translateX(-10px);
}

.header-title-singleline span {
	background: rgba(0,0,0,0.6);
    color: #fff;
    padding: 4px 2px;
    position: relative;
    left: 10px;
    box-shadow: 10px 0px 0px rgba(0,0,0,0.6), -10px 0px 0px rgba(0,0,0,0.6);
}


.header-description {
	display: block;
	font-size: calc( 12px + 1vw ); 
	line-height: calc( 24px + 2vw );
}

.header-description-singleline {

    font-size: calc( 12px + 1vw ); 
	line-height: calc( 35px + 1.8vw );
    /*max-width: 700px; */
    margin-left: auto;
    margin-right: auto;
    transform: translateX(-10px);
}

.header-description-singleline span {
	background: rgba(0,0,0,0.6);
    color: #fff;
    padding: 4px 2px;
    position: relative;
    left: 10px;
    box-shadow: 10px 0px 0px rgba(0,0,0,0.6), -10px 0px 0px rgba(0,0,0,0.6);
}

.owl-prev, .owl-next {
    position: absolute;
    top: 50%;
    left: 0px;
    margin-top: -32px;
    width: 28px;
    height: 65px;
    font-size: 32px;
	line-height: 56px;
	text-align: center;
    color: #fff;
	/*background: rgba(255,255,233,0.5);*/
    text-shadow: 0 0 5px rgba(0,0,0,0.2);
}
.owl-next {
	left: auto;
    right: 0px;
}

.owl-slideshow .owl-dots{position:absolute;bottom:10px;width:100%;z-index:99999;text-align:center;}
.owl-slideshow .owl-dot{padding:0 7px;display:inline-block;font-size:12px;line-height:12px;}
.owl-slideshow .owl-dot span{display:inline-block;background:rgba(255,255,255,1);width:12px;height:12px;border:0; box-shadow: 0 0 5px rgba(0,0,0,0.2) }
.owl-slideshow .owl-dot.active span{background:#5cbacd;}

.wrapper-lauftext {
	background: #5cbacd; color: #fff; text-transform: uppercase; font-size: 1.2em; font-weight: 300;
	max-width: 100vw; /* iOS braucht das */
	white-space: nowrap;
	overflow: hidden;
	border-top: 7px solid #fff;
}



	.wrapper-lauftext span {
		display: inline-block;
		padding-left: 100%;
		animation: marquee 20s linear infinite;
	}

	/* Optional: mouseover (oder Tipp auf dem Touchscreen) pausiert die Laufschrift */
	.wrapper-lauftext span:hover {
		animation-play-state: paused 
	}

	/* Make it move */
	@keyframes marquee {
		0%   { transform: translateX(0); }
		100% { transform: translateX(-100%); }
	}


.wrapper-body {background: #cfebf0;}

.wrapper-body > .container {background: #fff; padding-left: 30px; padding-right: 30px; padding-bottom: 0px;
 border-bottom: 7px solid #5cbacd; margin-bottom: -40px; position: relative; z-index: 99999;
}

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

/* Parallax */


.container-parallax * {
	transition: none;
}
.parallax {
	background-size: 100%;
	background-position: center 0px; /*background-repeat: no-repeat; background-color: red;*/
} 

.parallax .content-inner {
	/*padding: 70px 0;*/
	padding: 30px 0;
}

.parallax-caption {
	padding: 1vw; 
	display: block;
	background: rgba(255,255,255,0.5);
	position: relative;  
	}
@media(max-width:767px) {
	.header-caption {
		min-width: 75%;
	}
}


@media(max-width: 1599px) {
.parallax {
	background-size: 110%;
	
}
}

@media(max-width: 1399px) {
.parallax {
	background-size: 120%;
	
}
}


@media(max-width: 1199px) {
.parallax {
	background-size: 130%;
}

.parallax .content-inner {
	padding: 20px 0;
}	
}
@media(max-width: 991px) {
.parallax {
	background-size: 140%;
}
.parallax .content-inner {
	padding: 10px 0;
}	
}

@media(max-width: 767px) {
.parallax {
	background-size: 220%;
}
.parallax .content-inner {
	padding: 0px 0;
}	

}

@media(max-width: 599px) {
.parallax {
	text-align: center;
	background-size: 260%;
}

}

/* Sidebar */

.col-sidebar-right .widget { 
	margin-bottom: 30px;
    background: #cfebf0;
	/* color: #fff; */
    padding: 15px;
	border-bottom: 7px solid #5cbacd;

}


.box-light { 
	margin-bottom: 30px;
    background: #cfebf0;
	color: #009bb8; 
    padding: 15px;

}

.col-sidebar-right .widget  .btn-outline-primary { 
	width: 100%;
}

.col-sidebar-right .widget h2 { font-size: 1.3em;
    border-bottom: 1px solid #5cbacd;
    padding-bottom: 12px;
    margin-bottom: 18px; }

.widget-archiv ul {margin-bottom: 0; padding: 0;}

.widget-archiv ul li {list-style: none;}
.widget-archiv ul li:before {content: "» "}

/* Posts and custom post types */

.mio-permalink {color: inherit; display: block; margin-right: 15px; margin-left: 15px; }
.mio-permalink > .row {background: #f7f7f7;}
.mio-permalink .col-img {padding: 0px;}
.mio-permalink .col-text {padding: 0px; padding: 15px;}

.anker {display: block; width: 100%; height: 0px; overflow: hidden;  transform: translateY(-50px)}

.teammitglied {position: relative; border-bottom: 7px solid #5cbacd; max-width: 350px}
.teammitglied .teammitglied-text {position: absolute; bottom: 0; left: 0; right: 0; padding: 15px; background: rgba(255,255,255,0.8)}
.teammitglied a * {color: #657278;}
.teammitglied h3 {
    font-size: calc(1.0rem + 0.4vw);
    font-weight: 500;
    text-transform: uppercase;
}
.teammitglied a:hover img {    filter: brightness(85%);}
.teammitglied a:hover .teammitglied-text {    background: rgba(255,255,255,0.9)}

@media(max-width:767px) {
	.col-md-4 .teammitglied {margin-bottom: 15px;}
	.col-md-4:last-of-type .teammitglied-child {margin-bottom: 0px;}
}

/*Back to Top Button*/

.back-to-top {
	position: fixed;
	bottom: 15px;
	right: 15px;
	font-size: 30px;
	background: rgba(200,200,200,0.5);
	border-radius: 5px;
	padding: 5px 15px;
	z-index: 99999999;
}

/* Shariff Socia Media Safe Sharing Tool */

.shariff {margin-left: -5px !important; margin-right: -5px !important;}

/* Responsive Video Block */

.video-block{ 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%; }

/* Contact Form 7 */

.wpcf7 .screen-reader-response {display: none}
.wpcf7 .wpcf7-not-valid-tip {padding-top: 0.5rem; font-size: 0.8rem; line-height: 0.9rem; color: red;}
.wpcf7 .wpcf7-validation-errors {border: 1px solid red; padding: 1rem; font-size: 0.8rem; line-height: 0.9rem;}
.wpcf7 .wpcf7-mail-sent-ok {border: 1px solid green; padding: 1rem; font-size: 0.8rem; line-height: 0.9rem;}

.wrapper-light {background: #f7f7f7;}

/* Footer */



.wrapper-footer {background: #657278; padding: 0 0 3rem 0; border-bottom: 7px solid #5cbacd;}
.wrapper-footer, .wrapper-footer a, .wrapper-footer h2 {color: #fff;}

.wrapper-footer h2.widgettitle {font-size: 1.3rem; text-transform: uppercase; padding-bottom: 0px;
    margin-bottom: 0px;}

.wrapper-footer h2.widgettitle:after {
    content: "-";
    height: 0px;
    padding-bottom: 12px;
    margin-bottom: 18px;
    overflow: hidden;
    display: block;
    width: 60px;
    border-bottom: 1px solid #fff;
}

@media(max-width: 991px) {.wrapper-footer .widget {margin-bottom: 30px;}}


.wrapper-footer ul {list-style:none; padding-left: 0;}

/* Admin Bar */

@media(max-width: 991px) {
#wpadminbar {overflow: hidden;}
}

.awmp_map_wrapper {border: 0px !important; /*box-shadow: 0 0 10px rgba(0,0,0,0.2)*/}

/* https://google-webfonts-helper.herokuapp.com */


/* montserrat-300 - latin */
@font-face {
  font-family: 'Montserrat';
	font-display: fallback;
  font-style: normal;
  font-weight: 300;
  src: url('webfonts/montserrat-v14-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Montserrat Light'), local('Montserrat-Light'),
       url('webfonts/montserrat-v14-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('webfonts/montserrat-v14-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('webfonts/montserrat-v14-latin-300.woff') format('woff'), /* Modern Browsers */
       url('webfonts/montserrat-v14-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('webfonts/montserrat-v14-latin-300.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-regular - latin */
@font-face {
  font-family: 'Montserrat';
	font-display: fallback;
  font-style: normal;
  font-weight: 400;
  src: url('webfonts/montserrat-v14-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Montserrat Regular'), local('Montserrat-Regular'),
       url('webfonts/montserrat-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('webfonts/montserrat-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('webfonts/montserrat-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('webfonts/montserrat-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('webfonts/montserrat-v14-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-500 - latin */
@font-face {
  font-family: 'Montserrat';
	font-display: fallback;
  font-style: normal;
  font-weight: 500;
  src: url('webfonts/montserrat-v14-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Montserrat Medium'), local('Montserrat-Medium'),
       url('webfonts/montserrat-v14-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('webfonts/montserrat-v14-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('webfonts/montserrat-v14-latin-500.woff') format('woff'), /* Modern Browsers */
       url('webfonts/montserrat-v14-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('webfonts/montserrat-v14-latin-500.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-700 - latin */
@font-face {
  font-family: 'Montserrat';
	font-display: fallback;
  font-style: normal;
  font-weight: 700;
  src: url('webfonts/montserrat-v14-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Montserrat Bold'), local('Montserrat-Bold'),
       url('webfonts/montserrat-v14-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('webfonts/montserrat-v14-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('webfonts/montserrat-v14-latin-700.woff') format('woff'), /* Modern Browsers */
       url('webfonts/montserrat-v14-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('webfonts/montserrat-v14-latin-700.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-900 - latin */
@font-face {
  font-family: 'Montserrat';
	font-display: fallback;
  font-style: normal;
  font-weight: 900;
  src: url('webfonts/montserrat-v14-latin-900.eot'); /* IE9 Compat Modes */
  src: local('Montserrat Black'), local('Montserrat-Black'),
       url('webfonts/montserrat-v14-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('webfonts/montserrat-v14-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('webfonts/montserrat-v14-latin-900.woff') format('woff'), /* Modern Browsers */
       url('webfonts/montserrat-v14-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('webfonts/montserrat-v14-latin-900.svg#Montserrat') format('svg'); /* Legacy iOS */
}