/* 

https://bootsnipp.com/snippets/X2Xvr


*/

/* merriweather-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Merriweather Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/merriweather-sans-v26-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* merriweather-sans-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Merriweather Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/merriweather-sans-v26-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* merriweather-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Merriweather Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/merriweather-sans-v26-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* merriweather-sans-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Merriweather Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/merriweather-sans-v26-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}



body {	padding: 0;	margin: 0; background-color: #FFF; font-family: 'Merriweather Sans', serif;}
/* body {	padding: 0;	margin: 0; background-color: #FFF; font-family: 'Merriweather', 'Overpass', sans-serif;} */


header *{
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

header{
	height: 120px;
	width: 100%;
	position: relative;
	background-color: white;
	box-shadow: 0px 2px 5px rgba(0,0,0,.4);
}
.timlogo{
	width: 200px;
	display: block;
	margin: 0 auto;
	padding-top: 15px;
}
.head{
	position: absolute;
	top: 35px;
	right: 50px;
	z-index: 9999;
}
.head .tile{
	display: inline-block;
	height: 50px;
	width: 50px;
	margin-left: 5px;
	transition: all .3s ease-in;
	-webkit-transition: all .3s ease-in;
}
.head .tile.socialmedia{
	color: #084387;
	font-size: 50px;
	text-align: center;
	line-height: 50px;
	position: relative;
	top: -6px;
}
header.clicked .head .tile.socialmedia{
	color: white;
}
.head .burger{
	margin-left: 25px;
	padding: 5px;
	cursor: pointer;
	background-color: transparent;
}
.meat{
	height: 40px;
	width: 40px;
	position: relative;
	transition: all .3s ease-in;
	-webkit-transition: all .3s ease-in;
}
header.clicked .head .burger .meat{
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}
.meat .line{
	height: 4px;
	width: 40px;
	background-color: #871d58;
	border-radius: 3px;
	position: absolute;
	transition: all .3s ease-in;
	-webkit-transition: all .3s ease-in;
}
.meat .line.one{top: 5px; left: 0px;}
.meat .line.two{top: 18px; left: 0px;}
.meat .line.three{top: 31px; left: 0px;}

header.clicked .burger .line{
	background-color: white;
}
header.clicked .burger .line.one{
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	top: 18px;
}
header.clicked .burger .line.two{
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	top: 18px;
}
header.clicked .burger .line.three{
	opacity: 0;
}
header.clicked .burger:hover .meat{
	transform: rotate(270deg);
	-webkit-transform: rotate(270deg);
}








.nav-modal{
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100vh;
	visibility: hidden;
	opacity: 0;
	transition: all .3s ease-in;
	-webkit-transition: all .3s ease-in;
	pointer-events: none;
	z-index: 9998;
}
header.clicked .nav-modal{
	visibility: visible;
	opacity: 1;
	pointer-events: initial;
}

.nav-modal .blob{
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 100%;
	margin: 0 auto;
	background-color: #0b253e;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transition: all .3s ease-in;
	opacity: 0.95;
}
header.clicked .nav-modal .blob{
	width: 100vw;
	height: 100vh;
	border-radius: 0px;
}

nav{
	position: fixed;
	left: 20%;
	top: 30%;
	color: white;
}
nav a{
	color: white;
	text-decoration: none !important;
	font-family: 'Merriweather Sans', serif;
	font-size: 30px;
}
nav ul li{
	list-style: none;
	text-align: right;
	border-right: 6px solid white;
	padding-bottom: 10px;
	padding-right: 10px;
	position: relative;
	text-decoration: none !important;
}
nav{
	opacity: 0;
	transition: all .3s ease-in;
	-webkit-transition: all .3s ease-in;
	-webkit-transition-delay: .3s;
	-moz-transition-delay: .3s;
	-o-transition-delay: .3s;
	transition-delay: .3s;
}
header.clicked nav{
	opacity: 1;
}

nav ul li ul{
	position: absolute;
	right: -500px;
	top: -4px;
	display: none;
}
nav ul li ul li{
	border: none;
	padding-bottom: 10;
	padding-left: 10px;
	height: 50px;
	width: 500px;
}
nav ul li ul li a{
	display: block;
	height: 50px;
	font-size: 20px !important;
	text-align: left;
	padding: 10px;
}
nav ul li.selected ul{
	display: block;
	text-decoration: none !important;
}

nav ul li.notselected a{
	opacity: .5;
}
nav ul li.selected ul li a{
	opacity: 1;
}





@media screen and (max-width:820px){
	.timlogo{margin-left: 00px;}
}
@media screen and (max-width:580px){
	.timlogo{width: 130px; padding-top: 30px;}
	nav ul li a{
		font-size: 16px;
	}
	nav ul li ul{
		top: -9px;
	}
	nav ul li ul li{
		height: 40px;
	}
	nav ul li ul li a{
		font-size: 16px;
		height: 40px;
	}
}
@media screen and (max-width:400px){
	.timlogo{width: 120px; padding-top: 30px; padding-left: 10px;}
	/* .timlogo{display: none;} */
	.font-15 {font-size: 12px !important;}
	.cta-btn {font-size: 12px !important;}
	.cta_mobile {margin-right: -20px !important;}
	.font-9 {font-size: 28px !important;}
	.font-6 {font-size: 18px !important;}
	.btn-mehr {font-size: 10px !important;}
	.font-7 {font-size: 18px !important;}
	.font-4 {font-size: 18px !important;}
}
@media screen and (max-width:320px){
	header .head .tile.socialmedia{display: none;}
	
}

.heroContent {
  position: absolute;
  top: 50%;
  left: 75%;
  transform: translate(-50%, -50%);
  background-color: #871d58;
  opacity: 0.8;
  padding: 1%;
  border-left: 20px solid #084387;
  z-index: 0;
  }

#zio {

    -webkit-animation: pulse 3s infinite ease-in-out;
    -o-animation: pulse 3s infinite ease-in-out;
    -ms-animation: pulse 3s infinite ease-in-out; 
    -moz-animation: pulse 3s infinite ease-in-out; 
    animation: pulse 3s infinite ease-in-out;
/*	
	 -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite;
*/
}



/* OVERLAYS  mediathek/ */

.img-container					{position:relative; display:inline-block;}
.img-container img				{display:block;}
.img-container .overlay			{position:absolute; top:0; left:0; width:100%; height:100%; background:#FFF; opacity:0.2; transition:opacity 500ms ease-in-out;
								}
.img-container:hover .overlay	{opacity:0.7;}
.overlay span					{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); color:#000; font-size: 1.5vw; width: 100%; text-align: center;}




.col-img-bg1 {
    background-image: url("../images/bg-slide-blau.png");
    background-position: right 25%;
    background-repeat: no-repeat;
    background-size: cover;
}
.col-img-bg2 {
    background-image: url("../images/bg-slide-rot.png");
    background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
}

.col-cta2 {
    background-image: url("../images/bg-slide-blau2.png");
    background-position: left 25%;
    background-repeat: no-repeat;
    background-size: cover;
}
.col-cta1 {
    background-image: url("../images/bg-slide-rot2.png");
    background-position: left 25%;
    background-repeat: no-repeat;
    background-size: cover;
}




.padding-fluid		{padding-left: 14vw; padding-right:14vw;}

.footer-background {
background-color: #871d58;
border-top: 4px solid #084387;
}

.bg_ci1				{background-color: #871d58 !important;} /* */
.bg_ci2				{background-color: #084387 !important;} /* */

.bg_lightgrey		{background-color: #F3F3F3;}
.bg_middlegrey		{background-color: #E3E3E3;}
.bg_darkgrey		{background-color: #333;}

.bilder_rahmen		{padding: 3px; border: 3px solid #871d58;}

.font-9				{font-size: 90px; line-height: 100px;}
.font-8				{font-size: 74px; line-height: 80px;}
.font-7				{font-size: 50px; line-height: 58px;}
.font-6				{font-size: 48px; line-height: 56px;}
.font-5				{font-size: 42px; line-height: 48px;}
.font-4				{font-size: 30px; line-height: 36px;}
.font-3				{font-size: 32px; line-height: 38px;}
.font-2				{font-size: 28px; line-height: 34px;}
.font-15			{font-size: 24px; line-height: 30px;}
.font-1				{font-size: 22px; line-height: 26px;}
.font-p				{font-size: 20px; line-height: 28px;}
.font-spm			{font-size: 16px; line-height: 26px;}

.center				{text-align: center;}
.justify			{text-align: justify;}
.links				{text-align: left;}
.rechts				{text-align: right;}

.hyphens			{-moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;}

.padding_h1			{padding: 5px; padding-right: 15px;}
.padding_h2			{padding: 5px;}
.padding_seopage_h3	{padding: 5px;}
.margin_h1			{margin: 5px;}
.margin_h2			{margin: 5px;}

.bold				{font-weight: bold;}
.normal				{font-weight: 400;}

.senden-btn	 				{background-color: #871d58; border: 2px solid transparent; border-radius: 5px; padding: 6px 15px 6px 15px; color: #FFF; text-decoration: none;}
.senden-btn:link			{background-color: #084387; border: 2px solid transparent; color: #FFF; text-decoration: none;}
.senden-btn:visited			{background-color: #084387; border: 2px solid transparent; color: #FFF; text-decoration: none;}
.senden-btn:active			{background-color: #084387; border: 2px solid transparent; color: #FFF; text-decoration: none;}
.senden-btn:hover 			{background-color: #084387; border: 2px solid #871d58; border-radius: 5px; color: #FFF; text-decoration: none;}
.senden-btn:active:focus 	{background-color: #084387; border: 2px solid transparent; color: #FFF; text-decoration: none;}
.senden-btn:active			{background-color: #084387; border: 2px solid transparent; color: #FFF; text-decoration: none;}


.termine-head				{font-size: 26px; line-height: 30px; color: #FFF !important;}
.termine-p					{font-size: 16px; line-height: 30px; color: #FFF !important;}

.aufzaehlung_quadrate		{list-style-type: square; margin-left: 15px; padding-left: 0px;}
.aufzaehlung_neutral		{list-style-type: none; margin-left: 0px; padding-left: 0px;}

.infobox_ci1				{background-color: #871d58; border: 2px solid #084387;}

#cta_heidi					{display: flex; align-items: center; justify-content: center;}

.cta-btn	 			{text-decoration: none !important; background-color: rgba(255, 255, 255, 0.9); border: 2px solid #AAA; border-radius: 5px; padding: 6px 15px 6px 15px; color: #333; text-decoration: none;}
.cta-btn:link			{text-decoration: none !important; background-color: rgba(255, 255, 255, 0.9); border: 2px solid #AAA; color: #FFF; text-decoration: none;}
.cta-btn:visited		{text-decoration: none !important; background-color: rgba(255, 255, 255, 0.9); border: 2px solid #AAA; color: #FFF; text-decoration: none;}
.cta-btn:active			{text-decoration: none !important; background-color: rgba(255, 255, 255, 0.9); border: 2px solid #AAA; color: #FFF; text-decoration: none;}
.cta-btn:hover 			{text-decoration: none !important; background-color: rgba(8, 67, 135, 1.0); border: 2px solid #AAA; box-shadow: 15px #CCC; border-radius: 5px; color: #FFF; text-decoration: none;}
.cta-btn:active:focus 	{text-decoration: none !important; background-color: rgba(255, 255, 255, 1.0); border: 2px solid #AAA; color: #FFF; text-decoration: none;}
.cta-btn:active			{text-decoration: none !important; background-color: rgba(255, 255, 255, 0.9); border: 2px solid #AAA; color: #FFF; text-decoration: none;}


.btn-mehr	 			{text-decoration: none !important; background-color: rgba(255, 255, 255, 0.9); border: 2px solid #AAA; border-radius: 5px; padding: 6px 15px 6px 15px; color: #333; text-decoration: none;}
.btn-mehr:link			{text-decoration: none !important; background-color: rgba(255, 255, 255, 0.9); border: 2px solid #AAA; color: #FFF; text-decoration: none;}
.btn-mehr:visited		{text-decoration: none !important; background-color: rgba(255, 255, 255, 0.9); border: 2px solid #AAA; color: #FFF; text-decoration: none;}
.btn-mehr:active		{text-decoration: none !important; background-color: rgba(255, 255, 255, 0.9); border: 2px solid #AAA; color: #FFF; text-decoration: none;}
.btn-mehr:hover 		{text-decoration: none !important; background-color: rgba(8, 67, 135, 1.0); border: 2px solid #AAA; box-shadow: 15px #CCC; border-radius: 5px; color: #FFF; text-decoration: none;}
.btn-mehr:active:focus 	{text-decoration: none !important; background-color: rgba(255, 255, 255, 1.0); border: 2px solid #AAA; color: #FFF; text-decoration: none;}
.btn-mehr:active		{text-decoration: none !important; background-color: rgba(255, 255, 255, 0.9); border: 2px solid #AAA; color: #FFF; text-decoration: none;}





/* Anweisungen für Breadcrumb */


.link-breadcrumb				{text-decoration: none; font-weight: bold; color: #333;}
a.link-breadcrumb:link 			{text-decoration: none; font-weight: bold; color: #333;} 
a.link-breadcrumb:visited 		{text-decoration: none; font-weight: bold; color: #333;} 
a.link-breadcrumb:active 		{text-decoration: none; font-weight: bold; color: #871d58;} 
a.link-breadcrumb:hover 		{text-decoration: none; font-weight: bold; color: #871d58;}
a.link-breadcrumb::before 		{content: '';}

.breadcrumb-dot .breadcrumb-item+.breadcrumb-item::before {content: "›"; color: #333; font-weight: bold; }

.link-breadcrumb-active					{text-decoration: none; font-weight: bold; color: #871d58;}
a.link-breadcrumb-active:link 			{text-decoration: none; font-weight: bold; color: #871d58;} 
a.link-breadcrumb-active:visited 		{text-decoration: none; font-weight: bold; color: #871d58;} 
a.link-breadcrumb-active:active 		{text-decoration: none; font-weight: bold; color: #871d58;} 
a.link-breadcrumb-active:hover 			{text-decoration: none; font-weight: bold; color: #871d58;}


.link-more								{text-decoration: none; font-weight: bold; color: #fff;}
a.link-more:link 			{text-decoration: none; font-weight: bold; color: #fff;} 
a.link-more:visited 		{text-decoration: none; font-weight: bold; color: #fff;} 
a.link-more:active 		{text-decoration: none; font-weight: bold; color: #fff;} 
a.link-more:hover 			{text-decoration: none; font-weight: bold; color: #ddd;}





.breadcrumb {padding: 0px; margin: 0xp;}

.opacity02 {opacity: 0.2;}
.opacity03 {opacity: 0.3;}
.opacity04 {opacity: 0.4;}
.opacity05 {opacity: 0.5;}
.opacity06 {opacity: 0.6;}
.opacity07 {opacity: 0.7;}
.opacity08 {opacity: 0.8;}
.opacity09 {opacity: 0.9;}


 /* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
.heroContent h1 {font-size: 16px; color: #FFF; font-weight: bold;}
.heroContent p {font-size: 12px; color: #FFF;}
.font-7 {font-size: 22px;}
.font-4 {font-size: 16px;}
nav ul li ul li a{font-size: 12px !important; height: 14px !important;}
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
.heroContent h1 {font-size: 26px; color: #FFF; font-weight: bold;}
.heroContent p {font-size: 16px; color: #FFF;}
nav ul li ul li a{font-size: 16px !important; height: 20px !important;}
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
.heroContent h1 {font-size: 36px; color: #FFF; font-weight: bold;}
.heroContent p {font-size: 18px; color: #FFF;}
nav ul li ul li a{font-size: 18px !important; height: 22px !important;}
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
.heroContent h1 {font-size: 46px; color: #FFF; font-weight: bold;}
.heroContent p {font-size: 24px; color: #FFF;}
nav ul li ul li a{font-size: 20px !important; height: 24px !important;}
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
.heroContent h1 {font-size: 64px; color: #FFF; font-weight: bold;}
.heroContent p {font-size: 32px; color: #FFF;}
nav ul li ul li a{font-size: 20px !important; height: 24px !important;}
} 

































.err_link				{text-decoration: none; white-space: nowrap; color: #555; font-weight: bold; }
a.err_link:link 		{text-decoration: none; color: #555; font-weight: bold;} 
a.err_link:visited 		{text-decoration: none; color: #555; font-weight: bold;} 
a.err_link:active 		{text-decoration: none; color: #555; font-weight: bold;} 
a.err_link:hover 		{text-decoration: none; color: #00acee; font-weight: bold;}



#nextartists {color: #FFF !important;}

.project-tab #tabs{
    background: #007b5e;
    color: #eee;
}
.project-tab #tabs h6.section-title{
    color: #eee;
}
.project-tab #tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #0062cc;
    background-color: transparent;
    border-color: transparent transparent #f3f3f3;
    border-bottom: 3px solid !important;
    font-size: 16px;
    font-weight: bold;
}
.project-tab .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    color: #0062cc;
    font-size: 16px;
    font-weight: 600;
}
.project-tab .nav-link:hover {
    border: none;
}
.project-tab thead{
    background: #f3f3f3;
    color: #333;
}
.project-tab a{
    text-decoration: none;
    color: #333;
    font-weight: 600;
}







.pulse_korrektur {padding-top: -30px;}

.pulse {
    width: 12px !important;
    height: 12px !important;
    background-color: transparent;
    border-radius: 20%;
    animation: animate 3s linear infinite;

}

.pulse p {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
	font-weight: bold;
    color: #fff;
    height: 100%;
    cursor: pointer;
}

@keyframes animate {
    0% {
        box-shadow: 0 0 0 0 rgb(234, 1, 137, 0.6), 0 0 0 0 rgb(234, 1, 137, 0.6)
    }

    40% {
        box-shadow: 0 0 0 32px rgb(234, 1, 137, 0), 0 0 0 0 rgb(234, 1, 137, 0.6)
    }

    80% {
        box-shadow: 0 0 0 32px rgb(234, 1, 137, 0), 0 0 0 32px rgb(234, 1, 137, 0)
    }

    100% {
        box-shadow: 0 0 0 0 rgb(234, 1, 137, 0), 0 0 0 32px rgb(234, 1, 137, 0)
    }
}



@media (max-width: 400px) 	{

.font-1				{font-size: 16px; line-height: 18px;}

}



@media (max-width: 767px) 	{

.pulse_korrektur {margin-top: 6px; width: 14px !important; height: 14px !important; line-height: 14px !important; height: 14px !important;}

.pulse {
    width: 14px;
    height: 14px;
    background-color: transparent;
    border-radius: 50%;
    animation: animate 3s linear infinite;

}

.pulse p {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
	font-weight: bold;
    color: #fff;
    height: 100%;
    cursor: pointer;
	line-height: 14px;
}

@keyframes animate {
    0% {
        box-shadow: 0 0 0 0 rgb(234, 1, 137, 0.6), 0 0 0 0 rgb(234, 1, 137, 0.6)
    }

    40% {
        box-shadow: 0 0 0 14px rgb(234, 1, 137, 0), 0 0 0 0 rgb(234, 1, 137, 0.6)
    }

    80% {
        box-shadow: 0 0 0 14px rgb(234, 1, 137, 0), 0 0 0 14px rgb(234, 1, 137, 0)
    }

    100% {
        box-shadow: 0 0 0 0 rgb(234, 1, 137, 0), 0 0 0 14px rgb(234, 1, 137, 0)
    }
}



}























.cards-wrapper {
  display: flex;
  justify-content: center;
}
.card img {
  max-width: 100%;
  max-height: 100%;
}
.card {
  margin: 0 0.5em;
  box-shadow: 2px 6px 8px 0 rgba(22, 22, 26, 0.18);
  border: none;
  border-radius: 0;
}
.carousel-inner {
  padding: 0px !important;  margin: 0px !important;
}
.carousel-control-prev,
.carousel-control-next {
  background-color: #e1e1e1;
  width: 5vh;
  height: 5vh;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
}
@media (min-width: 768px) {
  .card img {
    height: 11em;
  }
}






















.hr-trenner 	{border-bottom: 1px solid #DDD; background-color: #FFF; padding: 0px; margin: 0px;}






.map-container{
overflow:hidden;
padding-bottom:56.25%;
position:relative;
height:0;
}
.map-container iframe{
left:0;
top:0;
height:100%;
width:100%;
position:absolute;
}




/* Snippet für Anchor-Links Positions-Korrektur */


.offset {
    height: 10vw;
}

/* START SNIPPET */
section {
    padding-top: 10vw;
    margin-top: -10vw;
}
/* END SNIPPET */















textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {   
  border-color: rgba(100, 100, 100, 0.9);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(100, 100, 100, 0.9);
  outline: 0 none;
}

.error {color: #f00 !important; font-weight: bold !important;}


/* Individualisierung Rangeslider Hausplanungen-Beispiele 

https://htmlstream.com/preview/front-v2.0.1/documentation/plugins/range-slider.html#how-to-use
http://ionden.com/a/plugins/ion.rangeSlider/skins.html

*/

.irs--big .irs-bar {
  background: linear-gradient(to bottom, white 0%, #919BA5 30%, white 100%);
  border-top: 1px solid #AAA;
  border-bottom: 1px solid #CCC;
}

.irs--big .irs-from,
.irs--big .irs-to,
.irs--big .irs-single {

  background: linear-gradient(to bottom, #CCC 0%, #DDD 100%);
  color: #333;

}

.irs--big .irs-grid-text {
  color: #333;
}


.irs--big .irs-grid-pol {
  background-color: #333;
}

.irs--big .irs-handle {
  width: 20px;
  height: 20px;
top: 30px;
}

/* ----------------------------------------------------------------------------------- */


.claim {
	position: relative;
	top: 20px;
	background: #28a745;
	color: #FFF;
	font-size: 38px;
	font-weight: bold;
	line-height: 50px;
	padding: 5px;
	border: 5px solid #FFF;
}



@media (max-width: 767px) {.navbar-brand img {width: 75%;}}
@media (max-width: 767px) {.navbar-brand {width: 75%;}}

@media (max-width: 767px) {.headericons {display: none;}}



.inhaltsverzeichnis				{list-style-type: none; line-height: 1.5vw; font-size: 1vw; color: #333;}
a.inhaltsverzeichnis:link 		{text-decoration: none; font-size: 20px; line-height: 26px; color: #000; font-weight: 300; color: #333;} 
a.inhaltsverzeichnis:visited 	{text-decoration: none; color: #333;} 
a.inhaltsverzeichnis:active 	{text-decoration: none; color: #333;} 
a.inhaltsverzeichnis:hover 		{text-decoration: none; color: #000;}













/* 
body {background-color: #FFF; font-family: 'PT Sans', sans-serif;}
body {font-family: 'Roboto Condensed', sans-serif;}
*/




.bg_ci				{background-color: #d8d3bf;}
.bg_claim 			{background-color: #ebe22f;}
.bg_ci_highlight	{background-color: #f9e15b;}
.bg_ci_highlight1	{background-color: #fae581;}
.bg_ci_highlight2	{background-color: #fcb815;}
.bg_ci_highlight3	{background-color: #fdcb08;}

.border_usp		{border: 1px solid #CCC;}


.bg_rot				{background-color: #ed1d25; opacity: 0.9;}

.bg_gruen_tab		{background-color: #bfd630;}


.img-grey			{  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
filter: grayscale(100%);}


/* Footer */

.bg_footer-top		{background-color: #222222;}
.bg_footer-bottom	{background-color: #111111;}
.footer_lp_0		{border-bottom: 1px solid #666;}
.footer_lp_l		{border-right: 1px solid #666; }
.footer_lp_2		{}
.footer_lp_3		{border-left: 1px solid #666; }

.bg_rot				{background-color: #e3000f; opacity: 1.0;}



.bg_fff				{background-color: #fff;}
.bg_f5f5f5			{background-color: #f5f5f5;}
.bg_eee				{background-color: #eee;}
.bg_ddd				{background-color: #ddd;}
.bg_333				{background-color: #333;}
.bg_777				{background-color: #777;}
.bg_111				{background-color: #111;}
.bg_000				{background-color: #000;}


.txt_ci				{color: #871d58 !important;}
.txt_ci2			{color: #084387 !important;}
.txt_weiss			{color: rgba(255, 255, 255, 0.9);}
.txt_schwarz		{color: rgba(95, 95, 95, 1.0);}
.txt_gruen			{color: rgba(33, 166, 54, 0.9);}
.txt_999			{color: #999;}
.txt_555			{color: #555;}
.txt_rot			{color: #e3000f;}
.txt_000			{color: #222;}
.txt_fff			{color: #FFF;}

.section 			{margin-top: 200px;}

.outline			{color: #EEE; text-shadow: 0 0 15px black;}

.txt_err			{color: #ea0189;}

.outline			{text-shadow: 0 0 2px #000;}
.uppercase			{text-transform: uppercase;}



.margin-navbar		{margin-top: 45px;}
.margin-0			{margin: 0px;}
.margin-1			{margin: 1vw;}
.margin-2			{margin: 2vw;}

.margin-top-0		{margin-top: 0vw;}
.margin-top-1vw		{margin-top: 1vw;}
.margin-top-2vw		{margin-top: 2vw;}
.margin-top-3vw		{margin-top: 3vw;}
.margin-top-4vw		{margin-top: 4vw;}

.row-grau			{background-color: #F5F5F5;}
.row-gruen			{background-color: rgba(40,167,69,0.9)}
.row-weiss			{background-color: #FFFFFF;}

.row-border			{border-top: 1px solid #DDD; border-bottom: 1px solid #DDD;}
.row-padding		{padding-top: 2vw; padding-bottom: 2vw;}

.padding-fluid		{padding-left: 14vw; padding-right:14vw;}
@media (max-width: 767px) {.padding-fluid {padding-left: 10vw; padding-right: 10vw;}}



.float_left			{float: left;}

.border-sb-sem		{border-top: 5px solid #F5F5F5; }
.border-1			{border: 1px solid #DDD;}


.tab_quartal 		{width: 100%; background-color: #f9e15b; font-size: 36px; line-height: 40px; padding: 8px; font-weight: bold;}
.tab_datum   		{width: 100%; background-color: #fae581; font-size: 22px; line-height: 26px; padding: 8px; margin-top: 10px;}
.tab_verfuegbar   	{width: 100%; background-color: #fae581; font-size: 18px; line-height: 22px; padding: 8px; }
.tab_margin			{margin-bottom: 26px;}


.video-container	{border: 1px solid #CCC; padding: 3px;}


.padding-0			{padding: 0px;}
.padding-1			{padding: 1vw;}
.padding-2			{padding: 2vw;}
.padding-3			{padding: 3vw;}
.padding-4			{padding: 4vw;}
.padding-5			{padding: 5vw;}
.padding-6			{padding: 6vw;}
.padding-7			{padding: 7vw;}

.padding-all-4		{padding: 4vw;}
.padding-2px		{padding: 2px;}
.padding-5px		{padding: 5px;}

.padding-left1		{padding-left: 1vw;}
.padding-left2		{padding-left: 2vw;}
.padding-left3		{padding-left: 3vw;}
.padding-left4		{padding-left: 4vw;}
.padding-left5		{padding-left: 5vw;}
.padding-left6		{padding-left: 6vw;}
.padding-left7		{padding-left: 7vw;}

.padding-right1		{padding-right: 1vw;}
.padding-right2		{padding-right: 2vw;}
.padding-right3		{padding-right: 3vw;}
.padding-right4		{padding-right: 4vw;}
.padding-right5		{padding-right: 5vw;}
.padding-right6		{padding-right: 6vw;}
.padding-right7		{padding-right: 7vw;}

.padding-top0		{padding-top: 0px;}
.padding-top05		{padding-top: 0.5vw;}
.padding-top1		{padding-top: 1vw;}
.padding-top2		{padding-top: 2vw;}
.padding-top3		{padding-top: 3vw;}
.padding-top4		{padding-top: 4vw;}
.padding-top5		{padding-top: 5vw;}
.padding-top6		{padding-top: 6vw;}
.padding-top7		{padding-top: 7vw;}
.padding-top8		{padding-top: 8vw;}
.padding-top9		{padding-top: 9vw;}

.padding-bottom0		{padding-bottom: 0px;}
.padding-bottom05		{padding-bottom: 0.5vw;}
.padding-bottom1		{padding-bottom: 1vw;}
.padding-bottom2		{padding-bottom: 2vw;}
.padding-bottom3		{padding-bottom: 3vw;}
.padding-bottom4		{padding-bottom: 4vw;}
.padding-bottom5		{padding-bottom: 5vw;}
.padding-bottom6		{padding-bottom: 6vw;}
.padding-bottom7		{padding-bottom: 7vw;}
.padding-bottom8		{padding-bottom: 8vw;}
.padding-bottom9		{padding-bottom: 9vw;}

.margin-top0			{margin-bottom: 0;}
.margin-bottom0			{margin-bottom: 0;}

.margin-bottom1			{margin-bottom: 1vw;}
.margin-bottom2			{margin-bottom: 2vw;}
.margin-bottom3			{margin-bottom: 3vw;}
.margin-bottom4			{margin-bottom: 4vw;}
.margin-bottom5			{margin-bottom: 5vw;}
.margin-bottom6			{margin-bottom: 6vw;}
.margin-bottom7			{margin-bottom: 7vw;}
.margin-bottom8			{margin-bottom: 8vw;}
.margin-bottom9			{margin-bottom: 9vw;}
.margin-feature-box		{margin: 16px;}
.margin-bottom-5px		{margin-bottom: 5px;}

.margin-navbar		{margin-top: 45px;}
.margin-0			{margin: 0px;}
.margin-top1		{margin-top: 1vw;}
.margin-top2		{margin-top: 2vw;}
.margin-top3		{margin-top: 3vw;}
.margin-top4		{margin-top: 4vw;}
.margin-all-10		{margin: 10px;}
.border-last-songs	{border-bottom: 2px solid #FFF !important;}




.border-header		{border-bottom:4px solid #00acee;}

			
.font-header		{font-size: 16px; line-height: 20px;}
.font-small			{font-size: 14px; line-height: 14px;}
.font-pricetab		{font-size: 16px; line-height: 20px;}
.font_tag_wetter	{font-size: 16px; line-height: 20px;}
.font-header-icon	{font-size: 32px; line-height: 38px;}
.font-header-text	{font-size: 18px; line-height: 24px;}

@media (max-width: 767px) {
.font-5				{font-size: 22px; line-height: 28px;}	
.font_tag_wetter	{font-size: 22px; line-height: 28px;}

.font-header-icon	{font-size: 12px; line-height: 18px;}
.font-header-text	{font-size: 14px; line-height: 18px;}

.font-wetter-datum	{font-size: 10px; line-height: 16px;}
}


.line-9				{line-height: 90px;}
.line-8				{line-height: 72px;}
.line-7				{line-height: 60px;}
.line-6				{line-height: 48px;}
.line-5				{line-height: 40px;}
.line-4				{line-height: 36px;}
.line-3				{line-height: 32px;}
.line-2				{line-height: 28px;}
.line-15			{line-height: 24px;}
.line-1				{line-height: 1px;}
.line-p				{line-height: 18px;}


.hyphens				{-moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;}


.column2			{column-count: 2; column-gap: 50px;}
@media (max-width: 767px) {.column2 {column-count: 1; column-gap: 50px;}}

.td_usp				{vertical-align: top; padding-right: 15px;}








/*
 * Bootstrap Cookie Alert by Wruczek
 * https://github.com/Wruczek/Bootstrap-Cookie-Alert
 * Released under MIT license
 */
.cookiealert {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0 !important;
    z-index: 999;
    opacity: 0;
    border-radius: 0;
    transform: translateY(100%);
    transition: all 500ms ease-out;
    color: #333;
    background-color: rgba(220, 220, 220, 0.95);
	border-top: 2px solid #BBB;
}

.cookiealert.show {
    opacity: 1;
    transform: translateY(0%);
    transition-delay: 1000ms;
}

.cookiealert a {
color: #FFF; font-weight: bold; text-decoration: none;
}

.cookiealert .acceptcookies {
    margin-left: 10px;
    vertical-align: baseline;
}


/* Anfahrt */

.map-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
















.ebene2 {
position: relative;
width: 100%;
border-bottom: 1px dashed #999999;
}
.ebene2 span.datum {
position: absolute;
bottom: 0;
right: 0;
font-size: .5em;
background-color: #E9E9E9;
color: black;
padding: 2px 7px 0 7px;
}







.big-letter-text {position: absolute; left: 60%; bottom: 0; width: 100%; text-align: center; line-height: 3.3vw; font-size: 13vw; opacity: 0.12;
				  z-index: 2; -webkit-transform: translateX(-50%); transform: translateX(-50%); font-weight: bold; }




















/* Abstand zur Berechnung des Anchor-Links von oben */


#bericht:before { 
  display: block; 
  content: " "; 
  margin-top: -80px; 
  height: 80px; 
  visibility: hidden; 
}

/* Weiches Scrollen zu Anchor-Links */

html {
  scroll-behavior: smooth;
}

.lightbox {
  position:fixed;
  top:-100%;
  bottom:100%;
  left:0;
  right:0;
  background:rgba(161,4,52,.8);
  z-index:501;
  opacity:0;
}

.lightbox img {
	position:absolute;
  margin:auto;
  top:0;
  left:0;
  right:0;
  bottom:0;
  max-width:0%;
  max-height:0%;
}

#lightbox-controls {
  position:fixed;
  height:70px;
  width:70px;
  top:-70px;
  right:0;
  z-index:502;
  background:rgba(0,0,0,.1);
}

#close-lightbox {
  display:block;
  position:absolute;
  overflow:hidden;
  height:50px;
  width:50px;
  text-indent:-5000px;
  right:10px;
  top:10px;
  -webkit-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  -o-transform:rotate(45deg);
  transform:rotate(45deg);
}

#close-lightbox:before {
	content:'';
  display:block;
  position:absolute;
  height:0px;
  width:3px;
  left:24px;
  top:0;
  background:white;
  border-radius:2px;
  -webkit-transition: .5s .5s ease-in-out;
  -moz-transition: .5s .5s ease-in-out;
  -ms-transition: .5s .5s ease-in-out;
  -o-transition:.5s .5s ease-in-out;
  transition:.5s .5s ease-in-out;
}

#close-lightbox:after {
	content:'';
  display:block;
  position:absolute;
  width:0px;
  height:3px;
  top:24px;
  left:0;
  background:white;
  border-radius:2px;
  -webkit-transition: .5s 1s ease-in-out;
  -moz-transition: .5s 1s ease-in-out;
  -ms-transition: .5s 1s ease-in-out;
  -o-transition:.5s 1s ease-in-out;
  transition:.5s 1s ease-in-out;
}

.lightbox:target {
  top:0%;
  bottom:0%;
  opacity:1;
}

.lightbox:target img {
  max-width:100%;
  max-height:100%;
}

.lightbox:target ~ #lightbox-controls {
  top:0px;
}

.lightbox:target ~ #lightbox-controls #close-lightbox:after {
  width:50px;
}

.lightbox:target ~ #lightbox-controls #close-lightbox:before {
  height:50px;
}

@-webkit-keyframes wiggle {
	0% {
	  -webkit-transform:rotate(2deg);
  }
  20% {-webkit-transform:rotate(-2deg);}
  40% {-webkit-transform:rotate(2deg);}
  60% {-webkit-transform:rotate(-2deg);}
  80% {-webkit-transform:rotate(2deg);}
	100% {-webkit-transform:rotate(-2deg);}
}







/* Blend-Effekt für Mega-Menü */












/* Anweisungen für Cards, u.a. Menü-Seiten */

.card-body			{background-color: #F7F7F7;}
.stretched-link		{border: 1px solid #F00;}






/* Animation für Mega-Menü */


.dropdown .dropdown-menu{
    -webkit-animation: swing-in-top-fwd 1s cubic-bezier(0.175, 0.885, 0.320, 1.275) alternate both;
            animation: swing-in-top-fwd 1s cubic-bezier(0.175, 0.885, 0.320, 1.275) alternate both;
}
@-webkit-keyframes swing-in-top-fwd {
  0% {
    -webkit-transform: rotateX(-10deg);
            transform: rotateX(-10deg);
    -webkit-transform-origin: top;
            transform-origin: top;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
    -webkit-transform-origin: top;
            transform-origin: top;
    opacity: 1;
  }
}
@keyframes swing-in-top-fwd {
  0% {
    -webkit-transform: rotateX(-10deg);
            transform: rotateX(-10deg);
    -webkit-transform-origin: top;
            transform-origin: top;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
    -webkit-transform-origin: top;
            transform-origin: top;
    opacity: 1;
  }
}
























/* Box für include-Banner */

.banner-box			{border-left: 1px solid #EEE; border-right: 1px solid #EEE; border-bottom: 1px solid #EEE; border-top: 5px solid #28a745;
 }









.btn-ci							{background-color: #FFF; border: 1px solid #CCC;}
.btn-ci:hover					{background-color: #F5F5F5; border: 1px solid #CCC;}


.pfeil-bsh		{height: 100%; transform: skew(-10deg); margin-left: -6%; border: 100% solid #FFF;}
.pfeil-txt		{line-height: 90px; font-size: 3vw; padding-right: 2vw;} 


.row-flex {
  display: flex;
  flex-wrap: wrap;
}


/* Anweisungen für BSH-Standard-Submit-Button */

.bsh-btn	 			{background-color: rgba(33, 166, 54, 0.9); border: 2px solid #AAA; border-radius: 5px; padding: 6px 15px 6px 15px; color: #FFF; text-decoration: none;}
.bsh-btn:link			{background-color: rgba(33, 166, 54, 0.9); border: 2px solid #AAA; color: #FFF; text-decoration: none;}
.bsh-btn:visited		{background-color: rgba(33, 166, 54, 0.9); border: 2px solid #AAA; color: #FFF; text-decoration: none;}
.bsh-btn:active			{background-color: rgba(33, 166, 54, 0.9); border: 2px solid #AAA; color: #FFF; text-decoration: none;}
.bsh-btn:hover 			{background-color: rgba(33, 166, 54, 1.0); border: 2px solid #AAA; box-shadow: 15px #CCC; border-radius: 5px; color: #FFF; text-decoration: none;}
.bsh-btn:active:focus 	{background-color: rgba(33, 166, 54, 1.0); border: 2px solid #AAA; color: #FFF; text-decoration: none;}
.bsh-btn:active			{background-color: rgba(33, 166, 54, 0.9); border: 2px solid #AAA; color: #FFF; text-decoration: none;}





.video-background {
  background: #000;
  position: fixed;
  top: 0; right: 0; bottom: 0; left: 0;
  z-index: -99;
}
.video-foreground,
.video-background iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}






/* Toggle-Switch  */


.custom-control-label::before {background-color: #ed1d25; border: #ed1d25 solid 1px; box-shadow: 0px;}
.custom-switch .custom-control-label::after {background-color: #FFF; border: #EEE solid 1px; box-shadow: 0px;}
.custom-control-input:checked~.custom-control-label::before {background-color: #28a745; border: #28a745 solid 1px; box-shadow: 0px;}




/* Animation div drehen */

.rotate360 { animation: spin 10s linear infinite;}
@keyframes spin{100%{  transform: rotate(360deg)}}


/* Animation div Zoom */

.zoom-in-out { animation: zoomy 2s linear infinite;}
@keyframes zoomy{0% { transform:rotate(0) scale(1) }
0% { transform:rotate(0) scale(1) }
20% { transform:rotate(0) scale(1.05) }
40% { transform:rotate(0) scale(1.1) }
50% { transform:rotate(0) scale(1.0) }
60% { transform:rotate(0) scale(1.0) }
80% { transform:rotate(0) scale(1) }
100% { transform:rotate(0) scale(1) }}


/* Animation 3er Block */

.animation-step1 
{ animation: step1 8s linear infinite;}
@keyframes step1{0% { transform: scale(1) }
0% { transform:scale(1) }
10% { transform:scale(1) }
20% { transform:scale(1.07)}
30% { transform:scale(1)}
40% { transform:scale(1) }
50% { transform:scale(1) }
60% { transform:scale(1) }
70% { transform:scale(1) }
80% { transform:scale(1) }
90% { transform:scale(1) }
100% { transform:scale(1) }
}

.animation-step2 
{ animation: step2 8s linear infinite;}
@keyframes step2{0% { transform:scale(1) }
0% { transform:scale(1) }
10% { transform:scale(1) }
20% { transform:scale(1) }
30% { transform:scale(1) }
40% { transform:scale(1.) }
50% { transform:scale(1.07) }
60% { transform:scale(1) }
70% { transform:scale(1) }
80% { transform:scale(1) }
90% { transform:scale(1) }
100% { transform:scale(1) }
}

.animation-step3 
{ animation: step3 8s linear infinite;}
@keyframes step3{0% { transform:scale(1);}
0% { transform:scale(1);}
10% { transform:scale(1) }
20% { transform:scale(1)}
30% { transform:scale(1) }
40% { transform:scale(1)}
50% { transform:scale(1)}
60% { transform:scale(1)}
70% { transform:scale(1) }
80% { transform:scale(1.07)}
90% { transform:scale(1) }
100% { transform:scale(1)}
}







/* Anweisungen für Image Zoomer */

.image_zoom_in 					{-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; 
								 transition: all 0.5s ease-in-out; width: 100%; -ms-transform: scale(1.00); 
								 -moz-transform: scale(1.00); -webkit-transform: scale(1.00);  -o-transform: scale(1.00);  
								 transform: scale(1.00);}

.image_zoom_in:hover,  
.image_zoom_in:active,   
.image_zoom_in:focus 			{/**adjust scale to desired size, add browser prefixes**/ -ms-transform: scale(1.10); 
								 -moz-transform: scale(1.10); -webkit-transform: scale(1.10);  -o-transform: scale(1.10);  
								 transform: scale(1.10); position:relative; z-index:100;}	



/* Anweisungen für Image Zoomer */

.image_border					{border: 1px solid #BBB; padding: 2px;}
.img_border					{border: 1px solid #BBB; padding: 2px;}
.img-border					{border: 1px solid #BBB; padding: 2px;}
.img-padding				{padding: 3px;}
.img-shadow					{/* * box-shadow: versatzt_nach_RECHTS versatzt_nach_UNTEN Härte Farbe; */
							 box-shadow: 5px 5px 5px #BBB;}





/* Anweisungen für alle Formularfelder */

.help-block 	{padding-left: 12px; font-size: 14px; color: #AAA;}





/* Anweisungen für Formularanpassungen */

.switch2 label input[type=checkbox]:checked+.lever:after {
            background-color: red;
        }



.link-blau				{text-decoration: none; color: rgba(0, 172, 238, 1.0); font-weight: 700; white-space: nowrap;}
a.link-blau:link 		{text-decoration: none; color: rgba(0, 172, 238, 1.0); font-weight: 700;} 
a.link-blau:visited 	{text-decoration: none; color: rgba(0, 172, 238, 1.0);} 
a.link-blau:active 		{text-decoration: none; color: rgba(0, 172, 238, 1.0);} 
a.link-blau:hover 		{text-decoration: none; color: rgba(0, 172, 238, 0.8);}

.link-magenta				{text-decoration: none; color: rgba(233, 1, 137, 1.0); font-weight: 700; white-space: nowrap;}
a.link-magenta:link 		{text-decoration: none; color: rgba(233, 1, 137, 1.0); font-weight: 700;} 
a.link-magenta:visited 		{text-decoration: none; color: rgba(233, 1, 137, 1.0);} 
a.link-magenta:active 		{text-decoration: none; color: rgba(233, 1, 137, 1.0);} 
a.link-magenta:hover 		{text-decoration: none; color: rgba(233, 1, 137, 0.8);}

.link-diskografie				{text-decoration: none; color: rgba(233, 1, 137, 1.0); font-weight: 700; white-space: nowrap;}
a.link-diskografie:link 		{text-decoration: none; color: rgba(233, 1, 137, 1.0); font-weight: 700;} 
a.link-diskografie:visited 		{text-decoration: none; color: rgba(233, 1, 137, 1.0);} 
a.link-diskografie:active 		{text-decoration: none; color: rgba(233, 1, 137, 1.0);} 
a.link-diskografie:hover 		{text-decoration: none; color: rgba(233, 1, 137, 0.8);}



/* Anweisungen für Content-Link */

.link-rot				{text-decoration: none; color: rgba(227, 3, 14, 0.9); font-weight: 700; white-space: nowrap;}
a.link-rot:link 		{text-decoration: none; color: rgba(227, 3, 14, 0.9); font-weight: 700;} 
a.link-rot:visited 		{text-decoration: none; color: rgba(227, 3, 14, 0.9);} 
a.link-rot:active 		{text-decoration: none; color: rgba(227, 3, 14, 0.9);} 
a.link-rot:hover 		{text-decoration: none; color: rgba(227, 3, 14, 0.7);}

.link-schwarz				{text-decoration: none; color: rgba(0, 0, 0, 0.9); font-weight: 700; white-space: nowrap;}
a.link-schwarz:link 		{text-decoration: none; color: rgba(0, 0, 0, 0.9); font-weight: 700;} 
a.link-schwarz:visited 		{text-decoration: none; color: rgba(0, 0, 0, 0.9);} 
a.link-schwarz:active 		{text-decoration: none; color: rgba(0, 0, 0, 0.9);} 
a.link-schwarz:hover 		{text-decoration: none; color: rgba(0, 0, 0, 0.7);}

.link-telefon				{text-decoration: none; white-space: nowrap; color: #333;}
a.link-telefon:link 		{text-decoration: none; color: #555;} 
a.link-telefon:visited 		{text-decoration: none; color: #333;} 
a.link-telefon:active 		{text-decoration: none; color: #333;} 
a.link-telefon:hover 		{text-decoration: none; color: #333;}

.link-weiss				{text-decoration: none; color: rgba(255, 255, 255, 0.95); font-weight: 700; white-space: nowrap;}
a.link-weiss:link 		{text-decoration: none; color: rgba(255, 255, 255, 0.95); font-weight: 700;} 
a.link-weiss:visited 		{text-decoration: none; color: rgba(255, 255, 255, 0.95);} 
a.link-weiss:active 		{text-decoration: none; color: rgba(255, 255, 255, 0.95);} 
a.link-weiss:hover 		{text-decoration: none; color: rgba(255, 255, 255, 1.0);}




/* Formatierungen für Footer /-Links) */

.ol-link-footer 			{ list-style-type: none;  margin: 0;  padding: 0;  }
.link-footer				{text-decoration: none; white-space: nowrap; color: #FFF; font-weight: bold; }
a.link-footer:link 			{text-decoration: none; color: #FFF; font-weight: bold;} 
a.link-footer:visited 		{text-decoration: none; color: #FFF; font-weight: bold;} 
a.link-footer:active 		{text-decoration: none; color: #FFF; font-weight: bold;} 
a.link-footer:hover 		{text-decoration: none; color: #EEE; font-weight: bold;}


.ol-link-footer-s 			{ list-style-type: none;  margin: 0;  padding: 0;  }
.link-footer-s				{text-decoration: none; white-space: nowrap; color: #FFF; font-weight: normal; }
a.link-footer-s:link 		{text-decoration: none; color: #FFF; font-weight: normal;} 
a.link-footer-s:visited 	{text-decoration: none; color: #FFF; font-weight: normal;} 
a.link-footer-s:active 		{text-decoration: none; color: #FFF; font-weight: normal;} 
a.link-footer-s:hover 		{text-decoration: none; color: #EEE; font-weight: normal;}


.link-modal					{text-decoration: none; white-space: nowrap; color: #FFF; font-weight: 400; }
a.link-modal:link 			{text-decoration: none; color: #FFF; font-weight: 400;} 
a.link-modal:visited 		{text-decoration: none; color: #FFF; font-weight: 400;} 
a.link-modal:active 		{text-decoration: none; color: #FFF; font-weight: 400;} 
a.link-modal:hover 		{text-decoration: none; color: #EEE; font-weight: 400;}



/* Service-Box für oberen Footer */

.service-box				{border: 1px solid #666; border-radius:5px; padding: 5px; text-align: center; line-height: 60px;}



/* Anweisungen für Objekt-Fader-Animation */

@keyframes flickerAnimation {

  25%  { opacity:0.5;}
  50%  { opacity:1;}
  75%  { opacity:0.5;}
  100% { opacity:1;}
}
@-o-keyframes flickerAnimation{

  25%  { opacity:0.5;}
  50%  { opacity:1;}
  75%  { opacity:0.5;}
  100% { opacity:1;}
}
@-moz-keyframes flickerAnimation{

  25%  { opacity:0.5;}
  50%  { opacity:1;}
  75%  { opacity:0.5;}
  100% { opacity:1;}
}
@-webkit-keyframes flickerAnimation{

  25%  { opacity:0.5;}
  50%  { opacity:1;}
  75%  { opacity:0.5;}
  100% { opacity:1;}
}
.object-fader {
   -webkit-animation: flickerAnimation 4s infinite;
   -moz-animation: flickerAnimation 4s infinite;
   -o-animation: flickerAnimation 4s infinite;
    animation: flickerAnimation 4s infinite;
}

.object-fader-size {font-size: 8vw;padding-bottom: 5vw;}

@media (max-width: 767px) {.object-fader-size {font-size: 17vw; padding-bottom: 7vw;}}




/* Bild mit Textlayer Centered Bottom */

.piclayer		 				{position: relative;}

.piclayer img 					{display: block; width: 100%; padding: 0px;}

.piclayer span 					{position: absolute; bottom: 00%; left: 0%; width: 100%; color: #EEE; font-size: 1.5vw;
								text-align: center; height: 5vw; line-height: 2.0vw; padding-left: 0.5vw;
								background: transparent; /* Fallback IE 6-8 */ 
								padding-right: 0.5vw; padding-top: 0.3vw; background-color: rgba(0, 0, 0, 0.6);}
.piclayer		 				{font-size: 1.0vw; }	


.piclayer_klein		 			{position: relative;}

.piclayer_klein img 			{display: block; width: 100%; padding: 0px;}

.piclayer_klein span 			{position: absolute; bottom: 0%; left: 0%; width: 100%; color: #EEE; font-size: 28px;
								text-align: center; height: 60px; line-height: 60px; padding-left: 3px;
								background: transparent; /* Fallback IE 6-8 */ 
								padding-right: 3px; padding-top: 3px; background-color: rgba(0, 0, 0, 0.4);}
.piclayer_klein		 			{font-size: 28px; }	



@media screen and (max-width: 799px){
								.piclayer_klein span {height: 60px; font-size: 28px; text-align: left; line-height: 60px; font-weight: normal; text-align: center;}
								}







@-webkit-keyframes flash {
0%, 100%, 50% {
opacity: 1;
}
25%, 75%{
opacity: 0;
}
}
@keyframes flash {
0%, 100%, 50% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
}





/* Anweisungen für Carousel */

.layerbox {position: relative; margin: 0 auto;}

.layerbox .layertext {
  position: absolute; /* Position the background text */
  bottom: 0; /* At the bottom. Use top:0 to append it to the top */
  background: rgb(0, 0, 0); /* Fallback color */
  background: rgba(0, 0, 0, 0.5); /* Black background with 0.5 opacity */
  color: #f1f1f1; /* Grey text */
  width: 100%; /* Full width */
  padding: 20px; /* Some padding */
}

.brighter:link 		{background: -webkit-filter: brightness(0.90); filter: brightness(0.90); transition: all 0.5s ease;}
.brighter:hover 		{background: -webkit-filter: brightness(1.10); filter: brightness(1.10); transition: all 0.5s ease;}

/* Anweisungen für Carousel 

.carousel-caption 	{position: relative;  left: 0%;  right: 0%;  bottom: 0px;  z-index: 10;  padding-top: 0px;  padding-bottom: 0px;  color: #000; 
					text-shadow: none;}

.carousel 			{position: relative;}

.controllers 		{position: absolute; top: 0px;}

.carousel-control.left, .carousel-control.right {background-image: none;}

*/

.carousel-caption				{width: 50%; padding-left: 1%; height: 25%; left: 40%; bottom: 25%; background: rgba(0, 0, 0, 0.7); margin: 0px;
								display: flex;  align-items: center; justify-content: center;}

.carousel-flex					{ }

.carousel-box-ci1			{background: rgba(234, 1, 137, 0.8) !important;}	
.carousel-box-ci2			{background: rgba(0, 172, 238, 0.8) !important;}	

.bg_ci1				{background-color: #ea0189;}
.bg_ci2				{background-color: #00acee;}
.border_ci1				{border: 4px solid #ea0189;}
.border_ci2				{border: 4px solid #00acee;}


.carousel-indicators			{padding-bottom: 50px;}
.carousel-indicators-off		{display: none;}

.carousel-textwindow-head  		{color: #EEE; font-size: 66px; line-height: 70px;}
.carousel-textwindow-sub		{color: #EEE; font-size: 33px; line-height: 45px;}
.carousel-textwindow-content	{color: #EEE; font-size: 22px; line-height: 28px;}

.carousel-item {
    transition: transform 1.5s ease-in-out;
}

.carousel-caption-headline {font-size: 2.5vw; color: #FFF; text-align: center; font-weight: bold;}
.carousel-caption-dingbat {font-size: 3.5vw; color: #FFF; text-align: center; font-weight: bold;}

/* Carousel-Fade-Version anpassen */

.carousel.carousel-fade .carousel-item {
display: block; opacity: 0; transition: opacity ease-out 1.7s; left: 0; top: 0; position: absolute;}

.carousel.carousel-fade .carousel-item.active {
opacity: 1 !important;}

.carousel.carousel-fade .carousel-item:first-child {
top: auto; position: relative; transition: opacity ease-out 1.7s;}

.carousel.carousel-fade .carousel-item:second-child {
top: auto; position: relative; transition: opacity ease-out 1.7s;}

.carousel img {
opacity: 1.0; filter: alpha(opacity=100);}





/* FAQ-Style */

/* 	https://codepen.io/moso/pen/vKGxMx */






















.test-dotted					{border-top: 2px dotted #CCC; border-bottom: 2px dotted #CCC;}










.jumbotron{margin-bottom: 0;}




/* Position text in the middle of the page/image */
.bg-text {
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0, 0.4); /* Black w/opacity/see-through */
  color: white;
  font-weight: bold;
  border: 3px solid #f1f1f1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  width: 80%;
  padding: 20px;
  text-align: center;
}





/* Anweisungen für Back-to-Top */

.back-to-top {cursor: pointer; position: fixed; bottom: 20px; right: 20px; display:none; font-size: 36px; color: #CCC;
				background-color: transparent; border: 1px solid #CCC;}


a.back-to-top:link 			{background-color: transparent; border: 0px solid #FFF;} 
a.back-to-top:visited 		{background-color: transparent; border: 0px solid #FFF;} 
a.back-to-top:active 		{background-color: transparent; border: 0px solid #FFF;} 
a.back-to-top:hover 		{background-color: transparent; color: #222; border: 0px solid #FFF;}