@media all {
	/* raleway-300 - 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: 'Raleway';
	  font-style: normal;
	  font-weight: 300;
	  src: url('/fileadmin/_shared/fonts/raleway-v28-latin/raleway-v28-latin-300.eot'); /* IE9 Compat Modes */
	  src: url('/fileadmin/_shared/fonts/raleway-v28-latin/raleway-v28-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	       url('/fileadmin/_shared/fonts/raleway-v28-latin/raleway-v28-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
	       url('/fileadmin/_shared/fonts/raleway-v28-latin/raleway-v28-latin-300.woff') format('woff'), /* Modern Browsers */
	       url('/fileadmin/_shared/fonts/raleway-v28-latin/raleway-v28-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
	       url('/fileadmin/_shared/fonts/raleway-v28-latin/raleway-v28-latin-300.svg#Raleway') format('svg'); /* Legacy iOS */
	}

	/* raleway-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: 'Raleway';
	  font-style: normal;
	  font-weight: 400;
	  src: url('/fileadmin/_shared/fonts/raleway-v28-latin/raleway-v28-latin-regular.eot'); /* IE9 Compat Modes */
	  src: url('/fileadmin/_shared/fonts/raleway-v28-latin/raleway-v28-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	       url('/fileadmin/_shared/fonts/raleway-v28-latin/raleway-v28-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
	       url('/fileadmin/_shared/fonts/raleway-v28-latin/raleway-v28-latin-regular.woff') format('woff'), /* Modern Browsers */
	       url('/fileadmin/_shared/fonts/raleway-v28-latin/raleway-v28-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
	       url('/fileadmin/_shared/fonts/raleway-v28-latin/raleway-v28-latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */
	}

	/* raleway-500 - 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: 'Raleway';
	  font-style: normal;
	  font-weight: 500;
	  src: url('/fileadmin/_shared/fonts/raleway-v28-latin/raleway-v28-latin-500.eot'); /* IE9 Compat Modes */
	  src: url('/fileadmin/_shared/fonts/raleway-v28-latin/raleway-v28-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	       url('/fileadmin/_shared/fonts/raleway-v28-latin/raleway-v28-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
	       url('/fileadmin/_shared/fonts/raleway-v28-latin/raleway-v28-latin-500.woff') format('woff'), /* Modern Browsers */
	       url('/fileadmin/_shared/fonts/raleway-v28-latin/raleway-v28-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
	       url('/fileadmin/_shared/fonts/raleway-v28-latin/raleway-v28-latin-500.svg#Raleway') format('svg'); /* Legacy iOS */
	}
	
	/* raleway-600 - 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: 'Raleway';
	  font-style: normal;
	  font-weight: 600;
	  src: url('/fileadmin/_shared/fonts/raleway-v28-latin/raleway-v28-latin-600.eot'); /* IE9 Compat Modes */
	  src: url('/fileadmin/_shared/fonts/raleway-v28-latin/raleway-v28-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	       url('/fileadmin/_shared/fonts/raleway-v28-latin/raleway-v28-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
	       url('/fileadmin/_shared/fonts/raleway-v28-latin/raleway-v28-latin-600.woff') format('woff'), /* Modern Browsers */
	       url('/fileadmin/_shared/fonts/raleway-v28-latin/raleway-v28-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
	       url('/fileadmin/_shared/fonts/raleway-v28-latin/raleway-v28-latin-600.svg#Raleway') format('svg'); /* Legacy iOS */
	}

	/* raleway-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: 'Raleway';
	  font-style: normal;
	  font-weight: 700;
	  src: url('/fileadmin/_shared/fonts/raleway-v28-latin/raleway-v28-latin-700.eot'); /* IE9 Compat Modes */
	  src: url('/fileadmin/_shared/fonts/raleway-v28-latin/raleway-v28-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	       url('/fileadmin/_shared/fonts/raleway-v28-latin/raleway-v28-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
	       url('/fileadmin/_shared/fonts/raleway-v28-latin/raleway-v28-latin-700.woff') format('woff'), /* Modern Browsers */
	       url('/fileadmin/_shared/fonts/raleway-v28-latin/raleway-v28-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
	       url('/fileadmin/_shared/fonts/raleway-v28-latin/raleway-v28-latin-700.svg#Raleway') format('svg'); /* Legacy iOS */
	}
	
}	

/* ======================= */
/* RESET BTSTRP */
body { line-height: inherit; font-weight: inherit; }

a { color: inherit; text-decoration: none; transition: color .5s; }
a:hover { color: inherit; text-decoration: underline; }

sub { font-size: 66%; bottom: 0; }

figure { margin-bottom: 0; }

.rounded-lg { border-radius: .6rem !important; }

.text-highlight { color: #D40818 !important; font-weight: 500; }
.text-light 	{ color: #999999 !important; }
.text-secondary { color: #666666 !important; }
.text-important { color: inherit !important; font-size: 1.3rem !important; font-weight: 400; line-height: 1.8; }
.text-dark { color: #3F4E54 !important; }

img.border { border: 1px solid #859eb5 !important }

/* GRID */
.row { margin-right: -30px; margin-left: -30px; }
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
	padding-left: 30px; padding-right: 30px;
}

.container-fluid { max-width: 1100px; padding-left: 1rem; padding-right: 1rem; }
@media(min-width: 768px){
	.container-fluid { padding-left: 30px; padding-right: 30px; }
}
.container-fluid .container-fluid { padding-left: 0; padding-right: 0; }


/* === WEBSITE-LAYOUT GENERELL ========================================== */
body { overflow-y: scroll; background: #FFFFFF; margin: 0; padding: 0; }
#page { }

/* POSITIONIERUNGEN */
#canvas, #page, #header  { position: relative; }
#nav, #main, #footer, #content { position: static; }
/*#header { position: sticky; top: 20px; }*/

/* Z-INDEXES */
#header 	{ z-index: initial; }
.logo 		{ z-index: 1; }	
#nav 		{ z-index: 1; }
#main 		{ z-index: initial; }
#footer 	{ z-index: 1; }
#content 	{ z-index: initial; }

#canvas { }
#page 	{ 
	margin-left: 0; 
	margin-right: auto; 
	background: transparent; 
	padding: 0 !important;
}



/* === HEADER === */
#header { height: auto; }

#header { background: url('../img/header__bg--s.jpg') no-repeat 50% 100%; background-size: 150%; background-color: #3F4E54; background-color: #B2B8BB;  }
#header:after { content: ''; position: absolute; top: auto; right: 0; left: 0; bottom:0; background: linear-gradient(rgba(0,0,0,0) 0, rgba(0,0,0,.6) 100%); height: 40%; }	

@media(min-width: 576px){
	#header { background-image: url('../img/header__bg--md.jpg'); background-position: center 85%; background-size: 110%; }
	#header:after { height: 60%; }
	
	/* META */
	.kat314 #header { background-position: center 55%; background-size: 100%; }
	.kat314 #header:after { height: 80%; }
}
@media(min-width: 1200px){
	#header { background-image: url('../img/header__bg--l.jpg'); }
}
@media(min-width: 1600px){
	#header { background-image: url('../img/header__bg--xl.jpg'); }
}


	

/* HEADER: LOGO */
.logo { position: relative; min-height: 80vw; }
.logo a:hover { text-decoration: none !important; }
.logo a:focus { outline: 1px dotted #ccc; }

.logo__title 		{ height: 0; overflow: hidden; padding-bottom: 100%; background: url('../img/logo_vg-loewenmarke.svg') no-repeat center center, linear-gradient(transparent, transparent); background-size: 80%; text-indent: -999em; background-color: #fff; border-radius: 50%; }
.logo__subtitle 	{ font-size: 19px; line-height: 1.5; color: #FFFFFF; margin: 0; text-transform: uppercase; font-weight: 500; text-align: left }
.logo__subtitle	span { display: block;  }
.logo__subtitle b 	{ font-weight: inherit; margin-right: .5em; display: inline-block; }

.logo__subtitle b {
 opacity:0;
 animation:fadeInLeft 2s cubic-bezier(0,0.53,0,1) 1 forwards
}
.logo__subtitle span:first-child b:nth-child(1) {
 animation-delay:1s
}
.logo__subtitle span:first-child b:nth-child(2) {
 animation-delay:2s
}
.logo__subtitle span:last-child b:nth-child(1) {
 animation-delay:3s
}
.logo__subtitle span:last-child b:nth-child(2) {
 animation-delay:4s
}


@media(min-width: 576px){
	.logo { min-height: 52vw; }
	.logo:after { content: ''; position: absolute; top: auto; right: auto; left: 0; bottom: 1rem; background: #FFFFFF; height: 3px; width: 220px; border-radius: 2px; }
	
	.logo__subtitle { white-space:nowrap; }
	.logo__subtitle 	{ font-size: 3.8vw; }
	
	/* META */
	.kat314 .logo { min-height: 15vw; }
	
}

@media(min-width: 900px){
}

@media(min-width: 1200px){
	.logo__subtitle 	{ font-size: 2.8rem; }
}


.logo a:hover { text-decoration: none !important; }
.logo a:focus { outline: none; }


/* HEADER: MENU */
#nav {  }
#primarynav {  }
 
.menu { text-transform:none; }

.menu, .menu ul { list-style: none; margin: 0; padding: 0; line-height: 1; position: relative;  }
.menu__item { margin: 0; padding: 0; white-space: nowrap; }
.menu__item { position: relative; }
.menu__item a { text-decoration: none; display: block; position: relative; }
.menu__item b { font-weight: inherit; }

.menu--primary { padding: 0; position: relative; color: #999999; margin: 0; font-size: 16px; font-weight: 300 !important; text-transform:uppercase;  }

.menu--primary a {  outline: 0; }
.menu--primary a:hover { text-decoration: none; color: inherit; }
.menu--primary a { padding: .5rem 20px; }
.menu--primary a b { position: relative; display: block; padding: .5rem 0; }

.menu--primary b + b { display: none; }



@media(max-width: 767px){
	#canvas { overflow: hidden; }
	
	/* PRIMARYNAV */
	.navbar-toggle { display: block !important;}
	
	#nav { 
		position: absolute; z-index: 4; top: 100%; bottom: auto; left: 0; width: auto; right: 0; margin: 0 0 0 0; padding: .5rem 2rem; background: #8CB2BF;
	}
	#nav { 
		-webkit-transition: -webkit-transform .3s;
		transition: transform .3s;
		
		transform: translateX(100%);
		-webkit-transform: translateX(100%);
	}	
	.menu--is-active #nav { 
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	
	.menu--primary { color: #fff;   }
}


@media(min-width: 768px){ 
	.menu--primary { margin: 0 -.8rem; font-size: 19px; }
	.menu--primary a { padding: .5rem .8rem; }
	
	.menu--primary li b + b  { position:absolute; top: 50%; right:0; height:16px; margin: -7px 0 0 0 !important; width:1px; background: #666; border: 0 !important; overflow: hidden; padding:0 !important; }
	.menu--primary li:last-child b + b { display: none !important; }
	
	.menu--primary .l2 { display: none; }
	.menu--primary .cur .l2 { display: block; }
	/*
	
	.menu--primary a b { border-bottom: 1px solid #004064; padding: 0 0 10px 0; }
	.menu--primary a:hover b { border-bottom: 1px solid #ccd9e0; padding: 0; }
	.menu--primary a b { 
		-webkit-transition: all 0.3s ease-out;
		   -moz-transition: all 0.3s ease-out;
		     -o-transition: all 0.3s ease-out;
		        transition: all 0.3s ease-out;
	}

	.menu--primary .act a b { border-bottom: 1px solid #EC1A3B; padding-bottom: 0; }
	.menu--primary a b { display: block; line-height: 90%; margin-bottom: -10px;  }
	.menu--primary a:hover b { margin-bottom: 0; }
	.menu--primary a b + b { display: inline; }
	.menu--primary .act a b { margin-bottom: 0; }
	*/
	
	/*
	.menu--primary a b:before { position: absolute; bottom: 0; height: 2px; left: 0; right: 0; overflow: hidden; content:''; border-radius: 1px; background: #8CB2BF; transition: all .3s; opacity: 0; transform: scaleX(0); transform-origin: center center; }
	.menu--primary a:focus b:before,
	.menu--primary a:hover b:before { transform: scaleX(1); opacity: 1; }

	.menu--primary li.act > a b:before, 
	.menu--primary li.cur > a b:before { transform: none; opacity: 1; }
	*/
	
	.menu--primary li.act > a, 
	.menu--primary li.cur > a { color: #111; }
}


/* ==================================== */
.navbar-toggle {
	position: absolute;

	top: -.5rem;
	right: 1rem;
	z-index: 999;
	padding: 15px 17px;
	height: 60px;
	width: 60px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	background: transparent;
	border-radius: 0;
	
	display: none;
	border: 0;
}

.navbar-toggle:before { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(255,255,255,.05); z-index: 0; }
.menu--is-active .navbar-toggle:before {  }

.navbar-toggle:focus { outline: 0; }

.navbar-toggle .icon-bar {
	display: block;
	width: auto;
	height: 3px;
	border-radius: 0;
	background:  #7b9e65;
	background:  #555555;
	transition: all .3s;
	position: relative;
	opacity: 1;
	transform: rotate(0) translateY(0);	
}

.navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; }

.menu--is-active .navbar-toggle .icon-bar { opacity: 0;  }
.menu--is-active .navbar-toggle .sr-only + .icon-bar,
.menu--is-active .navbar-toggle .icon-bar:last-child 		{ opacity: 1; }
.menu--is-active .navbar-toggle .sr-only + .icon-bar 		{ transform: translateY(7px) rotate(45deg) }
.menu--is-active .navbar-toggle .icon-bar:last-child 		{ transform: translateY(-7px) rotate(-45deg)  }


/* === FOOTER === */
#footer { color: #fff; }
#footer { background-color:#3F4E54 !important; }

#footer { 
}


.footer__content, .footer__footer {  }
.footer__content { position: relative; }
.footer__content a { color: inherit; }
.footer__content a:hover { text-decoration: underline; }
footer { color: #ffffff; }
.footer__content div, .footer__content p { margin: 0; }
footer a:hover { color: #ffffff;  }


/* METANAV */
.menu--mn { margin-left: -.7em; }
.menu--mn a { padding: 0 .7em; border-left: 1px solid #FFF;  }

@media(max-width: 575px){
	.menu--mn li:first-child a { border-left: 0; }	
}
	
@media(min-width: 576px){
	.footer__content div, .footer__content p  { display: inline-block; }
	.menu--mn { margin-left: .7em; }
	.menu--mn a { padding: 0 .7em; }	
}


/* TOPLINK*/
#toTopLink { 
	position: absolute; left: auto; right: 1em; top: auto; bottom: .7em; z-index: 100;
	text-indent: 0; display: block; font-size: 1.2em; line-height: 1; text-transform: uppercase;
	
	background: transparent;
	padding: .2em .15em;
	width: 1.4em;
	overflow: hidden;
	border-radius: 50%;
	border: 1px solid #fff;
}

#toTopLink b { font-weight: 400; white-space: nowrap; float: right; }

#toTopLink b:after { content: '';
	display: inline-block; vertical-align: top;
	width: 1em; height: 1em; margin-left: 2em; margin-top: -.1em; 
	border: 0;
	background: transparent no-repeat center center;
	outline: 0; 
	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16px' height='10px' xml:space='preserve'%3E%3Cpolyline style='fill:none;stroke:%23FFFFFF;stroke-width:1;stroke-linecap:round' points='2,8 8,4 14,8'/%3E%3C/svg%3E");
	background-size: 100%;
	
}

/* ============================================== */



/* BODYTEXT */
/* === TEXTSTILE ======================================= */
body { 
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #3F4E54;
	font-family: 'Raleway', Arial, Verdana, Tahoma, Helvetica, sans-serif;

		-webkit-font-feature-settings: "lnum";
		       -moz-font-feature-settings: "lnum";
		        -ms-font-feature-settings: "lnum";
		         -o-font-feature-settings: "lnum";
		            font-feature-settings: "lnum";
}

.font-weight-bold, 
strong,
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {  }

/* FONTSIZES ALL TOGETHER */
html 		{ font-size: 16px; line-height: 1.6; font-weight: 400; }

@media(min-width: 992px){
	html 		{ font-size: 19px; }
}

.text-size--xxl { font-size: 2.00rem; }
.text-size--xl 	{ font-size: 1.50rem; }
.text-size--l 	{ font-size: 1.06rem; }
@media(min-width: 1px){
	.text-size--s 	{ font-size: 0.85rem; }
}
@media(min-width: 992px){
	.text-size--xs 	{ font-size: 0.72rem; }	
}

.text-size--rel { font-size: 1vw; }
.text-size--rel .text-size--xxl { font-size: 2.00em; }
.text-size--rel .text-size--xl 	{ font-size: 1.50em; }
.text-size--rel .text-size--l 	{ font-size: 1.30em; }
.text-size--rel .text-size--s 	{ font-size: 0.72em; }
.text-size--rel .text-size--xs 	{ font-size: 0.72rem; }

@media(min-width: 1680px){
	.text-size--rel { font-size: .9rem; }
}

@media(max-width: 767px){
	.text-size--rel { font-size: 2vw; }
}


/* HEADINGS */
.header { line-height: 1; font-weight: 400; }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-bottom: 0.7em; font-weight: 600; line-height: 1;  }

.h1, h1 { color: inherit; font-size: 2.10rem;  }
.h2, h2 { font-size: 1.5rem; text-transform: uppercase; letter-spacing: 0.05em; }
.h3, h3 { font-size: 1.2rem; margin-top: 1.5em; }
.h4, h4 { font-size: 1em; font-weight: normal; line-height: 1 }

.csc-text-text h2 { margin-top: 2rem; }


.ctype-header .header, 
.ctype-header .header * { margin-bottom: 0; }

.ctel.text-white .header * {  color: #fff; }

.wsh { font-weight: 300; }
.wsh * { margin-top:0; }
.wsh p { margin-bottom: .4em; }

.text-justify .header { text-align: center; }

/* === CTEL === */
.ctel { }
.ctel__layout {  }

[class^="icon-"]::before, [class*=" icon-"]::before { vertical-align: baseline; font-size: 1em; margin-left: 0; }

.text-justify p { -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; }

.hyph-off { word-wrap: unset; -moz-hyphens: none; -webkit-hyphens: none; hyphens: none; text-align: left; } 

/* PARAGRAPHS */
p { margin-bottom: .7em; }

/* AUFLISTUNGEN IN CONTENT-ELEMENTEN */
ul,ol { padding: 0; margin-bottom: 1.2em; }
li { padding: 0; margin: 0; }


.table { color: inherit; margin-bottom: 1em; }
.table td, .table th { padding: .2em 0 .2em 0; }
.table thead th, .table td, .table th { border: 0; background:transparent; }
.table td.label,
.table .table__label { padding-right: 1em; width: 1%; }
@media(min-width: 768px){ 
	.table td.label,
	.table .table__label { white-space: nowrap; }
}
.table caption { text-align: left; }


/* AUFLISTUNGEN IN CONTENT-ELEMENTEN */
ul,ol { padding: 0; margin-bottom: 1.2em; }
li { padding: 0; margin: 0; }

.csc-text-text ul li, 
.csc-text-text ol li { margin-left: 0; padding-left: 1.2em; margin-bottom: .3em; position: relative; }
.csc-text-text ul li { list-style: none; }
.csc-text-text ul li:before {
	content:"•";
	font-family: Arial;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: -.03em;
	font-size: 1.6rem;
	line-height: 1;
	color: #8DB9AF;
	color: #8CB2BF;
	opacity: 1;
}
.csc-text-text ul.list-unstyled { margin-bottom: 0; }
.csc-text-text ul.list-unstyled li { padding-left: 0; position: static; }
.csc-text-text ul.list-unstyled li:before { content: none; }

.csc-text-text ul.list--1 { margin: 0 -3rem; font-weight: 600;  }
.csc-text-text ul.list--1 li { border-top: 3px solid #E5E4E2; padding: 1rem 3rem 1rem 4.8rem; margin-bottom: 0; }
.csc-text-text ul.list--1 li:before { margin-top: 1rem; margin-left: 3rem; }

.csc-text-text  ol {counter-reset: root; padding-left: 0;}
.csc-text-text  ol > li { display: block; margin-left: 0; position: relative; padding-left: 1.6em; }
.csc-text-text  ol > li:before { position: absolute; line-height: inherit; left:0; top: 0; content: counter(root) ". "; counter-increment: root; font-weight: 600;}

.csc-text-text ol.ol--big-numbers > li { padding-left: 2.4em; }
.csc-text-text ol.ol--big-numbers > li:before { color: #f9b82b; font-size: 2em; }

.csc-text-text .links ul li { margin-bottom: 0; }

/* BTNs */
.btn--1 { display: inline-block; padding: 1.2em 1.5em; margin: 0.2em 0; text-align: center; border-radius: 50rem; background: #D40818; text-decoration: none; transition: all .3s; border: 0 !important; letter-spacing: 1px; }
.btn--1 { word-wrap: break-word; -moz-hyphens: none; -webkit-hyphens: none; hyphens: none; } 
.btn--1, .btn--1:link, .btn--1:visited, .btn--1:active { color: #fff !important; font-weight: 700; font-size: .80em; line-height: 1; text-transform: uppercase; }
.btn--1:hover { text-decoration: none; }

.ctel--links-dark .btn--1, 
.btn--1-dark { background: #718B8B; }
.ctype-gridelements_pi1.ctel--links-dark .btn--1 { margin: 5px; }

/* LINKS */
.link-internal::after, .link-internal-new-window::after, .link-external::after, .link-external-new-window::after, .download::after, .mail::after, .link-down::after, .link-download::after {
	background: transparent;
	width: 1em;
	margin-right: 0;
	margin-left: .4em;
	margin-top: 0;
	text-align: center;
	vertical-align: middle;
	display: inline-block;
	text-decoration: none !important;
	color: inherit;
	font-size: .8em;
	font-family: 'fontello' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	
	transition: all .2s;
}


.link-internal { text-decoration: none !important; border-bottom: 1px dotted #aaa; }

.link-internal::after, 
.link-down::after { content: '\e81f'; top: -.07em; margin-left: 0.1em; }

.btn--1.link-internal::after, 
.link-down::after { font-size: 1.2em; position: relative; }

.btn--1.link-internal:hover::after { transform: translateX(.2em); }

.link-down::after { transform: rotate(90deg); }

.link-external {  }
.link-external::after { content: '\f08e'; }

.link-download::after { content: '\e820'; }

.mail::after { content: '\e826'; }


/* LIST@TEAM */
.profile__images { max-width: 190px !important; }
.profile__text { line-height: 1.2; margin-top: 1rem; }

.profile__title { font-weight: 700; margin: 0 0 0 0; }

.profile--person .profile__images img {  border: 1px solid #859eb5 !important }

/* === FANCYBOX ===*/
.fancybox-bg {  background: rgba(125,125,125,0.9); }
.fancybox-is-open .fancybox-bg { opacity: 1; }

.fancybox-slide--html {
    padding: 10px;
}

.fancybox-slide--html .fancybox-content {
	margin: 3em auto !important;
	overflow: hidden;
	background: #ffffff;
}

@media(min-width: 768px){
	.fancybox-slide--html .fancybox-content { width: 768px; }
	.fancybox-slide--html .fancybox-content { padding: 44px 44px !important; }
	
}

/* CTEL: DECORATION */
/* PEARLS */ 
.decoration--line-above { position: relative; padding-top: 3rem; margin-top: -3rem; }
.decoration--line-above::after { content: ''; position: absolute; top: 0; right: auto; left: 0; bottom: auto; background: #D40818; height: 3px; width: 220px; border-radius: 2px; }

.decoration--pearls-below { position: relative; }
.decoration--pearls-below::after {  content: ''; position: absolute; height: 70px; width: 10px; left: 50%; bottom: 0; margin-bottom: -35px; margin-left: -5px;
	background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='4' height='6' xml:space='preserve' preserveAspectRatio='none slice'%3E%3Cline fill='none' stroke='%238CB2BF' stroke-width='3' stroke-linecap='round' x1='2' y1='2' x2='2' y2='2'/%3E%3C/svg%3E");
	background-size: contain;
}

/* === COLL START === */
#collage_start { position: relative; background: url('/fileadmin/creactiv/media/Abbildungen/start/start_collage.jpg') no-repeat center center; background-size:cover; height: 0; width: 100%; padding-bottom: 80%; overflow: hidden; }
#collage_start .hover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0;  }
#collage_start .hover, 
#collage_start .notice { 
-webkit-transition: opacity 0.6s ease-out;
   -moz-transition: opacity 0.6s ease-out;
     -o-transition: opacity 0.6s ease-out;
        transition: opacity 0.6s ease-out;
}

#collage_start .hover:hover { opacity: 1;  }
#collage_start .notice { position: absolute; top: 0; left: 0; opacity: 1; }
#collage_start:hover .notice { opacity: 0.1; }
#collage_start:hover .notice:hover { opacity: 1; }

#collage_start .hover img { width: 100%; object-fit: cover; }


/*2017-08*/
#collage_start { background-image: url('/fileadmin/creactiv/media/Abbildungen/start/start_collage_2017-08.jpg'); }



/* === OSM === */
#osm_1468	 { width: 100% !important; height: 40vw !important; min-height: 360px !important; z-index: 0;}

/* === SLICK SLIDES === */
.slick-slider {  }
.slick-dots { position: static; margin-top: 0;  }
.slick-dots li button::before { content: none; }

.slick-dots li {
  display: inline-block;
  vertical-align: top;
  margin: 0;
  padding: .75rem 1rem;
  width: auto;
  height: auto; 
}
.slick-dots li button {
	    font-size: 0;
	    line-height: 0;
		
  width: 1em;
  height: 1em;
  border: none;
  cursor: pointer;
  border-radius: 50%;
  border: 0;
  padding: 5px;
  
  vertical-align: middle;
  color: #fff;
  background-color: #004064;
  transition: all 0.3s ease;
  opacity: 1;
}
.slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover {
  opacity: 1;
}
.slick-dots li.slick-active button {
  background: #EC1A3B;
  background: #dc3545;
  opacity: 1;
}


/* === IMAGE-GRID === */
.grid-sizer { width: 0.1%; }
.grid-item { width: 33.3%; overflow: hidden; }
.grid-item--width33 { width: 33.3%; }
.grid-item--width66 { width: 66.6%; }

.grid-item--width50 { width: 50%; }
.grid-item--width25 { width: 25%; }

.grid-item > div { background: transparent; position: relative; overflow: hidden; height: 0; padding-bottom: 60%; }
.grid-item--width66 > div { padding-bottom: 59.909%;  /* (66/67) * 60% */ padding-bottom: 60%; }
.grid-item--width50 > div { padding-bottom: 39.96%; }
.grid-item--width25 > div { padding-bottom: 80%; }

.grid-item--height2 > div { padding-bottom: 120%; }
.grid-item--height1 > div { padding-bottom: 30%; }

.grid-item img { margin: 0 auto; object-fit: cover; width: 100%; height: 100%; /*display: none;*/ }


.gallery.grid { margin-left: -6px; margin-right: -6px; }
.grid-item > div img { position: absolute; top: 0; left: 0;  }
.grid-item > div > div { position: absolute; top: 6px; left:6px; right: 6px; bottom: 6px; overflow: hidden; background: #eee; }

@media(max-width: 1023px){
	.gallery.grid { margin-left: -4px; margin-right: -4px; }
	.grid-item > div > div { top: 4px; left:4px; right: 4px; bottom: 4px; }
}

@media(max-width: 767px){
	.gallery.grid { margin-left: -3px; margin-right: -3px; }
	.grid-item > div > div { top:3px; left:3px; right:3px; bottom:3px; }
	
	.grid-item { width: 100% !important; }
}

/* REVEAL@SCROLL */
/* TRANSTION FADE */
.js-reveal-top { transition: all .7s; }
.js-reveal-top { transform: translateY(0); opacity: 1; }

.js-reveal-top.js-reveal--hidden { transition: none; }
.js-reveal-top.js-reveal--hidden { transform: translateY(10vh); opacity: 0; }

/* TRANSTION FADE OPACITY */
.js-reveal-fade { transition: all 1.5s; }
.js-reveal-fade { opacity: 1; }

.js-reveal-fade.js-reveal--hidden { transition: none; }
.js-reveal-fade.js-reveal--hidden { opacity: 0; }


/* EFFECTS */
@keyframes fadeInLeft {
 from {
  opacity:0;
  transform:translate(-100px)
 }
 to {
  opacity:1;
  transform:translate(0)
 }
}
@keyframes fadeInTop {
 from {
  opacity:0;
  transform:translateY(-70px)
 }
 to {
  opacity:1;
  transform:translateY(0)
 }
}

/* === MAILFORM ========================== */
#cntctfrm {  }

#cntctfrm fieldset {
	border: 0;
	background: transparent;
    display: block;
    margin: 0 0 0 0;
    padding: 0;
}

#cntctfrm fieldset + fieldset {  margin-top: 1.5em; }
	
#cntctfrm legend {
	font-size: inherit;
	margin: 1em 0 0 0;
	font-weight: 700;
}
#cntctfrm .frow { padding: 0 0 .5em 0; position: relative; } 

#cntctfrm label { font-weight: 400; margin-bottom: 0; }

#cntctfrm input[type=text], 
#cntctfrm textarea { padding: .3em; margin: .2em 0 0 0; width: 100%; background: #FFFFFF; border-radius: .5rem; border: 0; -webkit-appearance: none; }

#cntctfrm textarea { height: 5.1em; }

#cntctfrm input[type=submit] { border: 0; }
#cntctfrm input[type=submit]:hover { text-decoration: none; color: #fff }

::-webkit-input-placeholder{ color:#3F4E54; font-size: .8em; left: .5em; }
    :-ms-input-placeholder { color:#3F4E54; font-size: .8em; left: .5em; }
        ::-moz-placeholder { color:#3F4E54; font-size: .8em; left: .5em; }
         :-moz-placeholder { color:#3F4E54; font-size: .8em; left: .5em; }

.row_tasty { display: none; }

#cntctfrm input[type=text], #cntctfrm textarea {
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
	transition: all 0.30s ease-in-out;
	outline: 0;
	border: 0;
}
 
#cntctfrm input[type=text]:focus, #cntctfrm textarea:focus {
  outline: 0;
}




#cntctfrm .has-error { color: #EC6501; }
#cntctfrm .big { vertical-align: top; }