/* sh_googlefont */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/sh_semibold_webfont.eot'); /* IE9 Compat Modes */
  src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'),
       url('../fonts/sh_semibold_webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/sh_semibold_webfont.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/sh_semibold_webfont.woff') format('woff'), /* Modern Browsers */
       url('../fonts/sh_semibold_webfont.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/sh_semibold_webfont.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v16-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../fonts/open-sans-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v16-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-regular - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/source-sans-pro-v16-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'),
       url('../fonts/source-sans-pro-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v16-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

.footer_gbr_br {
	background: rgba(0,0,0,0.8);
}

.bb-left {
	border-right: 3px solid #F0F0F0;
	margin-bottom: 60px; 
	padding-right: 2px;
}

.border_banner {
	border-top: 30px solid silver;
	margin-top: 20px; 
}


.active, .color-orange a:not(.link-white) {
	color: rgb(233,73,0)!important
}


/* =============================================================================
 * ce_linkbox
 * ========================================================================== */

.ce_linkbox {
	position: relative;
}

.ce_linkbox .ce_linkbox_image {
	position: relative;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
}

.ce_linkbox .ce_linkbox_image .image_container img {
	width: 100%;
}

.ce_linkbox .ce_linkbox_overlay {
	position: absolute;
	left: 0; 
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: rgba(0,0,0,0.5);
	opacity: 0;
	transition: opacity 0.3s ease;
	-webkit-transition: opacity 0.3s ease;	
}

.ce_linkbox:hover a .ce_linkbox_overlay {
	opacity: 1;
}

.ce_linkbox a i {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -20px;
	margin-left: -20px;
	background: rgba(000,255,255,0.9);
	height: 40px;
	width: 40px;
	transform: scale(0);
	transition: All 0.3s ease;
	-webkit-transition: All 0.3s ease;	
}

.ce_linkbox a i:before {
	content: '';
	width: 30px;
	height: 1px;
	background: rgb(255,255,255);
	position: absolute;
	top: 50%;
	margin-left: -15px;
	left: 50%;
}

.ce_linkbox a i:after {
	content: '';
	width: 30px;
	height: 1px;
	background: rgb(255,255,255);
	position: absolute;
	top: 50%;
	margin-left: -15px;
	left: 50%;
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
}

.ce_linkbox:hover a i {
	transform: scale(1);
	-webkit-transform: scale(1);
}

.ce_linkbox .headline {
	margin-top: 20px;
	margin-bottom: 20px;
	line-height: 1.0;
}

.ce_linkbox h4.headline {
	margin-top: 50px;
	margin-bottom: 15px;

}

.ce_linkbox .text {
	margin-top: 5px;
}

.ce_linkbox.version2 {
	text-align: center;
}

.ce_linkbox.version3 .content {
	background: rgb(255,255,255);
	padding: 15px 15px 10px 15px;
}

.ce_linkbox h4 {
	font-family: inherit;
	font-size: inherit;
}

.ce_linkbox h5 {
	font-family: inherit;
	font-size: inherit;
}

.ce_linkbox h6 {
	font-family: inherit;
	font-size: inherit;
	color: rgb(152,152,152);
}

.ce_linkbox.version4 .content {
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	text-align: center;
	color: rgb(255,255,255);
	padding-left: 30px;
	padding-right: 30px;
}

.ce_linkbox.version4 .content h1,
.ce_linkbox.version4 .content h2,
.ce_linkbox.version4 .content h3,
.ce_linkbox.version4 .content h4,
.ce_linkbox.version4 .content h5,
.ce_linkbox.version4 .content h6 {
	border-top: 2px solid rgb(255,255,255);
	border-bottom: 2px solid rgb(255,255,255);
	display: inline-block;
	padding: 20px 0;
	color: rgb(255,255,255);
	margin-bottom: 1em;
}

.ce_linkbox.version5 .content {
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	text-align: center;
	color: rgb(255,255,255);
	padding-left: 30px;
	padding-right: 30px;
	z-index: 10;
}

.ce_linkbox.version5 .content .headline {
	display: block;
	color: rgb(255,255,255);
	margin-bottom: 10px;
	transition: transform .4s ease-out,opacity .4s ease-out;
	-webkit-transition: transform .4s ease-out,opacity .4s ease-out;
}

.ce_linkbox.version5:hover .content .headline {
	transform: translateY(-15px);
	-webkit-transform: translateY(-15px);
	opacity: 0;
}

.ce_linkbox.version5 .content p {
	display: inline-block;
	color: rgb(255,255,255);
	transition: transform .4s ease-out,opacity .4s ease-out;
	-webkit-transition: transform .4s ease-out,opacity .4s ease-out;
}

.ce_linkbox.version5:hover .content p {
	transform: translateY(15px);
	-webkit-transform: translateY(15px);
	opacity: 0;
}

.ce_linkbox.version5 .ce_linkbox_overlay {
	background: rgba(0,0,0,0.4);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	transition: opacity 0.3s ease;
	-webkit-transition: opacity 0.3s ease;	
	opacity: 1;
}

.ce_linkbox.version5:hover .ce_linkbox_overlay {
	opacity: 0;
}

.ce_linkbox.version5 .image_container img {
	transition: All 0.5s ease;
	-webkit-transition: All 0.5s ease;	
}

.ce_linkbox.version5:hover .image_container img {
	transform: scale(1.1);
}

.ce_linkbox.version5 .ce_linkbox_link {
	display: block;
}

.ce_linkbox.version6 .attribute.headline {
	margin-top: -1rem;
	position: relative;
	margin-bottom: 1rem;
}

.ce_linkbox.frame-1-dark .ce_linkbox_image {
	border: 1px solid rgb(220,220,220);
}

.ce_linkbox.frame-5-dark .ce_linkbox_image {
	border: 5px solid rgb(220,220,220);
}

.ce_linkbox.frame-10-dark .ce_linkbox_image {
	border: 10px solid rgb(220,220,220);
}

.ce_linkbox.frame-1-light .ce_linkbox_image {
	border: 1px solid rgb(255,255,255);
}

.ce_linkbox.frame-5-light .ce_linkbox_image {
	border: 5px solid rgb(255,255,255);
}

.ce_linkbox.frame-10-light .ce_linkbox_image {
	border: 10px solid rgb(255,255,255);
}

.ce_linkbox .ce_linkbox_banner {
	transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-moz-transform:rotate(45deg); 
	-webkit-transform:rotate(45deg);
	color: rgb(255,255,255);
	background: rgb(0,0,0);
	font-size: 0.8rem;
	position: absolute;
	right: -2.4rem;
	top: 2rem;
	text-align: center;
	min-width: 11rem;
	z-index: 30;
	padding: 0.2rem;
}

.bg_light_gray {
	background: rgb(255,255,255);
background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 32%, rgba(255,255,255,1) 66%);
}

/*--------------------------------------------------------------
      Newsbutton in Hauptnavigation hervorheben
--------------------------------------------------------------*/


.mainmenu .news_button {
	background-color:#a38f84;
	-webkit-border-top-left-radius:1px;
	-moz-border-radius-topleft:1px;
	border-top-left-radius:1px;
	-webkit-border-top-right-radius:1px;
	-moz-border-radius-topright:1px;
	border-top-right-radius:1px;
	-webkit-border-bottom-right-radius:1px;
	-moz-border-radius-bottomright:1px;
	border-bottom-right-radius:1px;
	-webkit-border-bottom-left-radius:1px;
	-moz-border-radius-bottomleft:1px;
	border-bottom-left-radius:1px;
text-indent:0;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
height:46px;
	line-height:46px;
width:64px;
	text-decoration:none;
	text-align:center;
}

.mainmenu .news_button a:hover {
	background-color:#dfdfdf;
	color:#000000;
}
/*.mainmenu .news_button a:active {
	 color:#000000;
	 background-color: rgb(189,33,48);
}
.mainmenu .news_button a:focus {
	 color:#000000;
	 background-color: rgb(189,33,48);
} 

.aktive a:active {
	color:#000000;
	background-color:#888888;
	position:relative;
	top:1px;
	
}*/

/*.mlist .mm-selected .news_button {
	color:#000000;
	background-color:#888888;
	position:relative;
	top:1px;
	
} */

.button-pulse {
	button {
		background: var(--bg-color);
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
	}
	.button__wrapper:hover .pulsing {
		&:before {
			animation: pulsing 0.2s linear infinite;
		}
		&:after {
			animation: pulsing1 0.2s linear infinite;
		}
	}
}

.pulsing {
	width: 99%;
	height: 99%;
	border-radius: 50px;
	z-index: 1;
	position: relative;

	&:before,
	&:after {
		width: 100%;
		height: 100%;
		border: inherit;
		top: 0;
		left: 0;
		z-index: 0;
		background: #fff;
		border-radius: inherit;
		animation: pulsing 2.5s linear infinite;
	}
	&:after {
		animation: pulsing1 2.5s linear infinite;
	}
}

@keyframes pulsing {
	0% {
		opacity: 1;
		transform: scaleY(1) scaleX(1);
	}
	20% {
		opacity: 0.5;
	}
	70% {
		opacity: 0.2;
		transform: scaleY(1.8) scaleX(1.4);
	}
	80% {
		opacity: 0;
		transform: scaleY(1.8) scaleX(1.4);
	}
	90% {
		opacity: 0;
		transform: scaleY(1) scaleX(1);
	}
}
@keyframes pulsing1 {
	0% {
		opacity: 1;
		transform: scaleY(1) scaleX(1);
	}
	20% {
		opacity: 0.5;
	}
	70% {
		opacity: 0.2;
		transform: scaleY(1.3) scaleX(1.15);
	}
	80% {
		opacity: 0;
		transform: scaleY(1.3) scaleX(1.15);
	}
	90% {
		opacity: 0;
		transform: scaleY(1) scaleX(1);
	}
}