@charset "UTF-8"; /*
Theme Name: Talfrisch
Author: Talfrisch GmbH, Manuel Isenschmid
Author URI: http://www.talfrisch.ch
Description: Main theme for the official website of Talfrisch GmbH
Version: 1.1.0 */

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Typography
# Elements
# Lazy/Progressive Loading
# Helper
# Fixed
# Menue
# Navigation
# Forms
# Boltforms
# Animation
# SVG
# Bootstrap Extension
# Google
# Media Queries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
@font-face {
	font-weight:bold; font-style:normal;
	font-family: 'Larsseit'; src: url('../source/font/larsseit-bold-webfont.eot?') format('eot'), url('../source/font/larsseit-bold-webfont.woff') format('woff'), url('../source/font/larsseit-bold-webfont.ttf') format('truetype'); }
@font-face {
	font-weight:500; font-style:normal;
	font-family: 'Larsseit'; src: url('../source/font/larsseit-medium-webfont.eot?') format('eot'), url('../source/font/larsseit-medium-webfont.woff') format('woff'), url('../source/font/larsseit-medium-webfont.ttf') format('truetype'); }
@font-face {
	font-weight:normal; font-style:normal;
	font-family: 'Larsseit'; src: url('../source/font/larsseit-regular-webfont.eot?') format('eot'), url('../source/font/larsseit-regular-webfont.woff') format('woff'), url('../source/font/larsseit-regular-webfont.ttf') format('truetype'); }
@font-face {
	font-weight:normal; font-style:italic;
	font-family: 'Larsseit'; src: url('../source/font/larsseit-italic-webfont.eot?') format('eot'), url('../source/font/larsseit-italic-webfont.woff') format('woff'), url('../source/font/larsseit-italic-webfont.ttf') format('truetype'); }

body{
	background-color:rgba(249,249,249,1); /* dunkelblau:304d9a, türkis:00a2be, gelb:F4cc00, beige:e6ddd3 */
  margin:0;
}

body, button, input, select, textarea {
	color:rgba(34,34,34,1);
	font-family:'Larsseit', sans-serif;
  font-weight:normal;
	font-size:14px;
  line-height:1.5;
  /*-moz-font-feature-settings: "frac";
  -webkit-font-feature-settings: "frac";
  font-feature-settings: "frac";
  font-variant-numeric: ordinal;
  -moz-font-feature-settings: "ordn";
  -webkit-font-feature-settings: "ordn";
  font-feature-settings: "ordn"*/
}
input, select, textarea {
	font-size:15px;
	font-weight:bold;
}

html{
	quotes: "\00AB" "\00BB" "\2039" "\203A";
	quotes: "«" "»" "‹" "›";
}

::selection{
	color:#f5f5f5; background-color:#00a2be; text-shadow:0; }
::-moz-selection{
	color:#f5f5f5; background-color:#00a2be; text-shadow:none;
}

blockquote, dd, div, dl, dt, form, h1, h2,
h3, h4, h5, h6, li, ol, p, pre, td, th, ul {
	margin: 0; padding: 0; }
a, b, em, i, small, strong {
	line-height: inherit; }
dl, ol, p, ul {
  margin-bottom:22px;
}

hr{
	margin:10px 0;
	border:0;
	border-top:3px solid rgba(238,238,238,1); }
.entry hr{
	width:auto;
	margin:0;
}

h1, h2, h3, h4, h5,
.banner span{
	font-family:'Larsseit', 'Helvetica', sans-serif;
  font-weight:bold;
  text-align:left;
  color:#304d9a;
	text-rendering: optimizeLegibility;
}

h1{
	/*font-family:'Minion Pro', 'Palatino', serif;*/
  font-size:33px;
	font-weight:900;
  line-height:1.25;
  letter-spacing:-.5px;
  margin-top:50px;
  margin-bottom:50px;
}

h2, .banner span{
  font-size:25px;
  line-height:1.3;
  letter-spacing:-.25px;
  margin-top:50px;
  margin-bottom:15px; }
.banner span{
	color:#fff;
}

h3{
  font-size: 16px;
  line-height: 1.4;
	letter-spacing:0;
  margin:0 0 10px 0; }
.type-news .content h3, .type-angebote .content h3{
  font-size:17px;
}

h4{
  font-size: 14px;
  line-height: 1.4;
  letter-spacing:0;
  margin:0 0 10px 0; }
.type-news .content h4, .type-angebote .content h4{
	font-size:17px;
}

h5{
  font-size: 14px;
	font-weight:500;
  line-height: 1.4;
  letter-spacing:0;
  margin:0;
}

p{
	/*letter-spacing:-.15px;*/
  -ms-hyphens: manual;
  -webkit-hyphens: manual;
  hyphens: manual;
  text-rendering: optimizeLegibility;
}

.type-news .header .teaser,
.type-angebote .header .teaser{
	font-size:16px;
	font-weight:500;
	line-height:1.4;
	margin-bottom:10px;
}
.lead, div.lead p{
	color:#304d9a;
  font-size:16px;
  font-weight:500;
  line-height:1.5;
  margin-bottom:25px;
}

.type-news .font-body,
.type-angebote .font-body{
	font-size:16px;
}

small, small p, .meta,
.type-news .quellen{
  font-size:12.75px;
	letter-spacing:.3px; }
.meta{
	font-weight:500;
	color:#304d9a;
  margin-bottom:0; }
.meta-large{
	font-size:14px;
	margin-bottom:15px;
}
.meta-desc{
	margin-top:10px;
	max-width:500px;
	margin-left:auto;
	margin-right:auto;
}

footer *, .top-bar-site-nav *{
	font-weight:500;
  font-size:12.25px!important;
	letter-spacing:.3px;
  line-height: 16px;
	color:#304d9a; }
footer .info .info-title{
	font-weight:bold;
}

@media screen and (min-width: 768px) {
	a{
		-webkit-transition: color .25s, border-color .25s, padding .25s;
		-moz-transition: color .25s, border-color .25s, padding .25s;
		-ms-transition: color .25s, border-color .25s, padding .25s;
		-o-transition: color .25s, border-color .25s, padding .25s;
		transition: color .25s, border-color .25s, padding .25s;
	}
}
a, .menu li a, .nav-element a{
	color:#304d9a; /*inherit;*/
	text-decoration:none; }
a{
	border-bottom:2px solid rgba(47,162,190,.25);
}
p a{
	padding:0 1px; margin:0 -1px;
}
a:hover, a:focus,
.menu li a:hover, .menu li a:focus,
.nav-element a:hover, .nav-element a:focus{
	color:#00a2be;
	border-color:rgba(0,162,190,.65);
	text-decoration:none; }
a:hover{
	cursor:pointer!important;
}
@media screen and (min-width: 640px) {
	.active a, a.active,
	.menu li a.active, .menu li.active a,
	.nav-element a.active, .nav-element.active a{
		color:#F4cc00;
		border-color:transparent;
	}
}
.top-bar a, footer a{
	border:none; text-decoration:none;
}

h1 a, .font-h1 a{
	display:inline-block;
  line-height:.95;
	border-width:3px;
	padding:0 2px; margin:0 -2px;
}
h2 a, h3 a{
	display:inline-block;
  line-height:1.1;
	border-width:1px;
	padding:0 1px; margin:0 -1px;
}

blockquote, blockquote p{
	font-size:30px;
  font-weight:900;
  color:#304d9a;
  line-height:1.25;
	margin:0; padding:0; border:0;
}

blockquote i{
	display:block;
	font-size:14px!important;
	letter-spacing:0;
	text-align:right;
	margin-top:8px; }
blockquote i::before{
	position:absolute;
  content:"\2015";
  margin-left:-16px;
}
blockquote p::before{
	content:"«";
	margin-right:3px; }
@media screen and (min-width: 640px) {
	blockquote p::before{ margin-left:-16px; }
}
blockquote p::after{
	content:"»";
	margin-left:3px;
}

blockquote.large{
	text-align:center;
	margin:60px auto 90px;
}
blockquote.large p{
	color:#304d9a;
}



/* Change List Bullet Icon*/
.main-content ul {
  list-style-type: none!important;
  padding-left:20px; text-indent:-20px; }
.main-content .font-body ul{
	padding-left:18px; }
.main-content ul > li {
	margin-bottom:5px; }
.main-content ul > li:before {
  content: "\2014\a0";
}

code, kbd, pre, samp {
  font-family: 'Larsseit Mono', monospace;
  font-size: 1em;
  color: #0a0a0a }
abbr {
  border-bottom: 1px dotted #0a0a0a;
  color: #0a0a0a;
  cursor: help; }
code {
  padding: .125rem .3125rem .0625rem;
  border: 1px solid #cacaca;
}

mark{
	color:#000;
  background-color:#F4CC00;
	padding:2px 4px;
}


/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/

*, ::after, ::before {
  box-sizing: inherit;
}
html {
  box-sizing: border-box;
  font-size: 100%; }
body {
	/*-webkit-transform:translate3d(0,0,0); verträgt sich nicht mit position:fixed; */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
body, html{
  overflow-x: hidden;
}

img {
  display:inline-block;
  border-style:none; height:auto;
  -ms-interpolation-mode:bicubic;
  max-width:100%;
 	font-size:12.75px;
	text-align:center;
	color:rgba(10,10,10,.3);
	background-color:rgba(238,238,238,1); }
.transparent img,
img.transparent{
	background-color:transparent; }
img.empty{
	width:100%;
	padding-bottom:30%;
}

/* 0. Ebene */
a.skip-main:focus, a.skip-main:active {
  z-index:999999999999; }
/* 1. Ebene */
#branding, #bubble-overlay, #menu-toggle{
  z-index:99999999; }
/* 2. Ebene */
#menu, .overlay{
  z-index:9999999; }
/* 3. Ebene */
#top-bar{
  z-index:999999; }
/* 4. Ebene */
.top-bar-site-nav{
  z-index:99999;
}

.container-fluid{
  padding:0;
}
.main-content .container-fluid{
  margin-top:50px;
	margin-bottom:80px;
}
.container-fluid.site-nav{
  margin:75px auto 0 auto!important;
}
.main-content .container-fluid .row:not(.list) > div:last-of-type,
.main-content .container-fluid .row:not(.list) > p:last-of-type{
	margin-bottom:0;
}
.main-content > .container-fluid h1{
	margin-top:0;
}
.container-fluid > .row > div > h1:first-child, .container-fluid > .row > div > h2:first-child,
.container-fluid > .row > div > h3:first-child, .container-fluid > .row > div > h4:first-child{
  margin-top:0;
}
.main-content h1 + .container-fluid, .main-content h2 + .container-fluid,
.main-content h3 + .container-fluid, .main-content h4 + .container-fluid,
.main-content h5 + .container-fluid, .main-content h6 + .container-fluid{
  margin:30px 0 60px;
}

.row {
  /*max-width: 75rem;*/
  margin-right: auto;
  margin-left: auto; }
.row::after, .row::before {
  display: table;
  content: ' '; }
.row::after { clear: both; }
.row .row{
	margin-right: -15px;
	margin-left: -15px;
}

.column:last-child:not(:first-child),
.columns:last-child:not(:first-child) {
	float: right; }
.column.end:last-child:last-child,
.end.columns:last-child:last-child {
	float: left; }
.column.row.row, .row.row.columns {
	float: none;
}

.row .column.row.row, .row .row.row.columns {
  margin-right:0; margin-left:0;
  padding-right:0; padding-left:0;
}

.row.eq-height {
  display: flex;
  flex-wrap: wrap;
}
.row.eq-height > [class*='col-'] {
  display: flex;
  flex-direction: column;
}


/* Blocks Site */
.columns .columns { padding:0; }
.Blocks > .row{ margin:0; }
.Blocks h1{
	text-align:center;
	width:100%;
}

/*#lightbox{  FOR LATER USE
  position:fixed;
  top:40px;left:40px;
  height:calc(100% - 80px);width:calc(100% - 80px);
  background-color: #2f486d;
  background-image: url("../images/content/IMG_6998-3000px.jpg");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  z-index: 9999;
}*/

.top-bar::after { clear:both; }
.top-bar::after, .top-bar::before { display:table; }
.clearfix::after, .clearfix::before, .tabs::after, .tabs::before,
.title-bar::after, .title-bar::before, .top-bar::after, .top-bar::before{ content:' '; }

.top-bar{
  position:fixed;
	top:0; left:0; right:0;
  width:100%;
  height:75px;
	margin: 0 auto;
	background-color: rgba(249,249,249,.925);
  -webkit-transition: top 0.15s;
  -moz-transition: top 0.15s;
  -ms-transition: top 0.15s;
  -o-transition: top 0.15s;
  transition: top 0.15s; }
.top-bar-up {
	top:-75px;
}
.top-bar-site-nav{
  position:absolute; top:0; left:0; right:0;
	margin:0 auto;
}
.top-bar > .container-fluid,
footer > .container-fluid,
.top-bar-site-nav{
	padding: 0 60px;
}

.main-content{
	outline:0;
	min-height:calc(100vh - 62px); /* 62px=footer */
  margin-right:auto; margin-left:auto;
	padding: 90px 60px 60px;
}
.main-content, .top-bar > .container-fluid,
.top-bar-site-nav, footer > .container-fluid{
	max-width:1300px;
}


.menu li,
.top-bar .nav-element{
  height:75px;
  line-height:75px;
  white-space:nowrap;
}


.branding{
	position:fixed;
}
.branding a, .branding p{
	float:left;
  height:60px;
  line-height:60px;
	font-weight:500;
  -webkit-transition: color 0.25s;
  -moz-transition: color 0.25s;
  -ms-transition: color 0.25s;
  -o-transition: color 0.25s;
  transition: color 0.25s; }
.white .branding{
	color:#fff;
}
#svg-logo{
	fill:rgba(34,34,34,1);
  margin:10px 7px 25px -1px;
  -webkit-transition: fill 0.25s;
  -moz-transition: fill 0.25s;
  -ms-transition: fill 0.25s;
  -o-transition: fill 0.25s;
  transition: fill 0.25s; }
.white #svg-logo{
	fill:#fff; }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { /* IE10+ */
  #svg-logo{ width:100px; }
}
.signet #svg-logo{
	margin-top:23.08px; /* 10 + 40 - 26.92 */
	margin-left:.05px;
}

#svg-logo .letters{fill:#304d9a;} /* #304D9A */
#svg-logo .blitz{fill:#F4CC00;}
/*.signet #svg-logo .blitz{fill:#fff;}*/


footer{
  padding: 15px 0;
	margin-bottom:25px;
	/*background-color:#f5f5f5;*/
}

.banner{
	position:relative;
	display:block;
	overflow:hidden;
	background-color:#304d9a;
}
.banner .aspect-ratio{
	width:100%; height:0; padding-bottom:100%; }
@media screen and (min-width:640px) and (max-width:992px) {
	.banner .aspect-ratio{ padding-bottom:50%; } }
@media screen and (min-width: 480px) and (max-width:639px) {
	.banner .aspect-ratio{ padding-bottom:70%; }
}
.banner h1{
	position:absolute;
	top:50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
	width:100%;
	margin:0;
	color:#fff; /*#00a2be;*/
}


/* Homepage */
/************/
.banner span{
	position:absolute; top:0;
	margin:15px 20px; }
.banner .durchdacht{
	display:inline-block;
  -webkit-transform: translateX(calc(-100% - 5px)) translateY(5px) rotate(-90deg);
  -moz-transform: translateX(calc(-100% - 5px)) translateY(5px) rotate(-90deg);
  -ms-transform: translateX(calc(-100% - 5px)) translateY(5px) rotate(-90deg);
  -o-transform: translateX(calc(-100% - 5px)) translateY(5px) rotate(-90deg);
  transform: translateX(calc(-100% - 5px)) translateY(5px) rotate(-90deg);
  -webkit-transform-origin: top right;
  -moz-transform-origin: top right;
  -ms-transform-origin: top right;
  -o-transform-origin: top right;
  transform-origin: top right; }
.banner .begriff{
	right:0;
	display:none; }
.banner .begriff-1{
	display:block;
}

.index-elem{
	margin-bottom:80px;
}
.index-elem.mitarbeiter{
	/*margin-top:60px;*/
}
.index-elem.mitarbeiter .progressive{
	margin:0 auto 20px; }
.index-elem.mitarbeiter img{
	display: block;
	margin: 0 auto 20px;
	max-height:350px;
	max-width:350px;
}
.index-elem.mitarbeiter h2{
	margin-bottom:5px;
}

@media screen and (min-width: 480px) {
	.index-elem.aktuell{
		margin-bottom:0!important;
	}
}

/*#rowIndexNews { visibility: hidden; }
#rowIndexNews.masonry { visibility: visible; }*/



/* Page Width */
.type-news .main-content{
	max-width:1000px;
}


/* Nothing Found Text */
.text-empty{
	text-align:center;
	max-width:400px;
	margin-left:auto!important; margin-right:auto!important;
}
.slug-404-not-found h1,
.slug-404-not-found h1+div{
	text-align:center;
}
.slug-404-not-found img{
	margin-bottom:15px;
}


/* Angebot Grid */
/*****************/
.angebot-list .entry{
	margin-bottom:0;
}
.angebot-list .entry h4{
	display:block;
	text-align:center;
	background-color:#fff; }
.angebot-list .entry h4:hover{
	box-shadow:0 10px 30px rgba(34,34,34,.04);
}
.angebot-list .entry a{
	display: block;
	line-height:40px;
	border:0;
	-webkit-transition: color .25s ease-in-out;
	-moz-transition: color .25s ease-in-out;
	-ms-transition: color .25s ease-in-out;
	-o-transition: color .25s ease-in-out;
	transition: color .25s ease-in-out;
}

.angebot-illu{
	padding:0;
}
.angebot-illu-wrapper{
	padding-bottom:76%; /* 546px x 416px */
}
.angebot-illu svg{
	position:absolute;
	display:block;
	width:100%;
	margin:-60px auto 0; }
@media screen and (max-width: 991px) {
	.angebot-illu svg{
		margin-top:-40px;
	}
}

.angebot-illu svg g{
	cursor:pointer; }
.angebot-illu svg g[id=""]{
	cursor:inherit;
}

.angebot-illu svg .active polygon:nth-of-type(3n-2),
.angebot-illu svg .active path:nth-of-type(3n-2),
.angebot-illu svg .active rect:nth-of-type(3n-2){
	fill:#F4cc00;
	stroke:#F4cc00; }
.angebot-illu svg .active polyline:nth-of-type(3n-2){
	stroke:#F4cc00;
}
.angebot-illu svg .active polygon:nth-of-type(3n-1),
.angebot-illu svg .active path:nth-of-type(3n-1),
.angebot-illu svg .active rect:nth-of-type(3n-1){
	fill:#dfba00;
	stroke:#dfba00; }
.angebot-illu svg .active polyline:nth-of-type(3n-1){
	stroke:#dfba00;
}
.angebot-illu svg .active polygon:nth-of-type(3n),
.angebot-illu svg .active path:nth-of-type(3n),
.angebot-illu svg .active rect:nth-of-type(3n){
	fill:#ffd70b;
	stroke:#ffd70b; }
.angebot-illu svg .active polyline:nth-of-type(3n){
	fill:#ffd70b;
	stroke:#ffd70b;
}

.angebot-illu svg [id*='drohne']{
  -webkit-transition: transform .75s ease-in-out;
  -moz-transition: transform .75s ease-in-out;
  -ms-transition: transform .75s ease-in-out;
  -o-transition: transform .75s ease-in-out;
  transition: transform .75s ease-in-out;
}
.angebot-illu svg [id*='drohne'].active.hover{
	-webkit-transform: translateX(-100px) translateY(40px);
	-moz-transform: translateX(-100px) translateY(40px);
	-ms-transform: translateX(-100px) translateY(40px);
	-o-transform: translateX(-100px) translateY(40px);
	transform: translateX(-100px) translateY(40px);
}

.angebot-illu svg [id*='blitzschutz'] polygon,
.angebot-illu svg [id*='blitzschutz'] polyline,
.angebot-illu svg [id*='blitzschutz'] path,
.angebot-illu svg [id*='blitzschutz'] line{
	opacity:0; display:none;
	fill:transparent!important;
	stroke-miterlimit:0;
	vector-effect:non-scaling-stroke; }
.angebot-illu svg [id*='blitzschutz'].active polygon,
.angebot-illu svg [id*='blitzschutz'].active polyline,
.angebot-illu svg [id*='blitzschutz'].active path,
.angebot-illu svg [id*='blitzschutz'].active line{
	opacity:1; display:block;
}


/* News & Angebot Record */
/***************************/
.type-news .header,
.type-angebote .header{
	margin-bottom:50px; }
.type-news .header-title,
.type-angebote .header-title{
	margin-top:0;
	margin-bottom:75px; }
.type-news .content{
	margin-bottom:100px; }
.type-angebote .content{
	margin-bottom:150px; }

.type-news .header-image .loaded,
.type-news .header-image .loaded img{
	background-color: transparent;
}

.type-news .header .meta,
.type-angebote .header .meta{
	margin-bottom:10px; }
}
.type-news .content h2, .type-angebote .content h2{
	margin:50px 0 20px; }
.type-news .content h3, .type-angebote .content h3{
	margin:30px 0 15px;
}

.type-news .quellen{
	margin-top:30px; }
.type-news .quellen .quellen-title{
	margin-top:0;
}

.type-news .font-body > p,
.type-angebote .font-body > p{
  margin-bottom:22px;
	line-height:1.6;
}
.type-news .font-body > p:last-of-type::after{
	position:absolute;
	content:"\2015";
	color:#304d9a;
	padding-left:7px;
}
.type-news .font-body img{
	/*display:block;*/
  margin:40px auto;
	text-align: center;
}
.type-news .quellen p{
  line-height:1.4;
  margin-bottom:8px;
}

.type-news blockquote,
.type-angebote blockquote{
  margin:80px auto; }
.type-news blockquote,
.type-angebote blockquote{
  max-width:80%; }
@media screen and (min-width: 640px) {
	.type-angebote blockquote{
		margin-left:27px;
	}
}

/* */
.type-angebote .element{
	margin-bottom:40px;
}
.type-angebote .element-content{ }

/* Angebot-Bilder Options */
.type-angebote .image-small,
.type-angebote .image-large{ }



/* Lists / Entries */
/*******************/
@media screen and (min-width: 992px) {
	.container-fluid.list-container{
		margin-top:0;
		margin-bottom:0;
	}
}

.list p.teaser{
	margin:0; padding:0; }
.list p.meta{
	margin:0 0 1px;
}

.entry{
  margin-bottom:60px;
}

@media screen and (min-width: 640px) {
	.entry{
		opacity:0;
	  -webkit-animation: fade-in .5s cubic-bezier(.5,0,0,.5) forwards;
	  -moz-animation: fade-in .5s cubic-bezier(.5,0,0,.5) forwards;
	  -ms-animation: fade-in .5s cubic-bezier(.5,0,0,.5) forwards;
	  -o-animation: fade-in .5s cubic-bezier(.5,0,0,.5) forwards;
	  animation: fade-in .5s cubic-bezier(.5,0,0,.5) forwards; }
	@-webkit-keyframes fade-in {
	  0% { opacity:0; -webkit-transform:translateY(30px); }
	  100% { opacity:1; -webkit-transform:translateY(0); } }
	@-moz-keyframes fade-in {
	  0% { opacity:0; -moz-transform:translateY(30px); }
	  100% { opacity:1; -moz-transform:translateY(0); } }
	@keyframes fade-in {
	  0% { opacity:0; transform:translateY(30px); }
	  100% { opacity:1; transform:translateY(0); } }
	.entry:nth-of-type(2){ -webkit-animation-delay:0.1s; -moz-animation-delay:0.1s; -o-animation-delay:0.1s; animation-delay:0.1s; }
	.entry:nth-of-type(3){ -webkit-animation-delay:0.2s; -moz-animation-delay:0.2s; -o-animation-delay:0.2s; animation-delay:0.2s; }
	.entry:nth-of-type(4){ -webkit-animation-delay:0.3s; -moz-animation-delay:0.3s; -o-animation-delay:0.3s; animation-delay:0.3s; }
	.entry:nth-of-type(5){ -webkit-animation-delay:0.4s; -moz-animation-delay:0.4s; -o-animation-delay:0.4s; animation-delay:0.4s; }
	.entry:nth-of-type(6){ -webkit-animation-delay:0.5s; -moz-animation-delay:0.5s; -o-animation-delay:0.5s; animation-delay:0.5s; }
	.entry:nth-of-type(7){ -webkit-animation-delay:0.6s; -moz-animation-delay:0.6s; -o-animation-delay:0.6s; animation-delay:0.6s; }
	.entry:nth-of-type(8){ -webkit-animation-delay:0.7s; -moz-animation-delay:0.7s; -o-animation-delay:0.7s; animation-delay:0.7s; }
	.entry:nth-of-type(9){ -webkit-animation-delay:0.8s; -moz-animation-delay:0.8s; -o-animation-delay:0.8s; animation-delay:0.8s; }
	.entry:nth-of-type(10){ -webkit-animation-delay:0.9s; -moz-animation-delay:0.9s; -o-animation-delay:0.9s; animation-delay:0.9s; }
	.entry:nth-of-type(11){ -webkit-animation-delay:1.0s; -moz-animation-delay:1.0s; -o-animation-delay:1.0s; animation-delay:1.0s; }
	.entry:nth-of-type(12){ -webkit-animation-delay:1.1s; -moz-animation-delay:1.1s; -o-animation-delay:1.1s; animation-delay:1.1s; }
	.entry:nth-of-type(13){ -webkit-animation-delay:1.2s; -moz-animation-delay:1.2s; -o-animation-delay:1.2s; animation-delay:1.2s; }
	.entry:nth-of-type(14){ -webkit-animation-delay:1.3s; -moz-animation-delay:1.3s; -o-animation-delay:1.3s; animation-delay:1.3s; }
	.entry:nth-of-type(15){ -webkit-animation-delay:1.4s; -moz-animation-delay:1.4s; -o-animation-delay:1.4s; animation-delay:1.4s; }
}

.list > div{
	border:0; }
.list > div:hover{
  cursor:pointer;
}
.list .entry:not(.entry-info):hover > div {
  background-color:#fff;
	box-shadow:0 10px 30px rgba(34,34,34,.04);
}

.list .entry-title{
	display:inline;
	line-height:1.2!important; }
.list .entry-title,
.list .entry-title a{
	border:0;
}

@media screen and (min-width: 768px) {
	.entry *{
		-webkit-transition: box-shadow .25s ease-in-out;
		-moz-transition: box-shadow .25s ease-in-out;
		-ms-transition: box-shadow .25s ease-in-out;
		-o-transition: box-shadow .25s ease-in-out;
		transition: box-shadow .25s ease-in-out;
	}
}
.entry-text{
	padding:13px 10px 15px 13px;
}
.search-list .entry-text{
	padding-top:10px;
}
.entry:hover .entry-text * {
  color:#00a2be; fill:#00a2be; stroke:#00a2be;
	text-decoration: none;
}

.list .entry > a{
  position:relative;
	display:block;
}



/* Wir */
.mitarbeiter-entry{
	margin-bottom:60px;
}
.mitarbeiter-name{
	margin-bottom:3px;
}
.mitarbeiter-funktion{
	margin-bottom:0;
}
.mitarbeiter-image{
	position:relative;
	overflow:hidden;
	margin-bottom:20px;
	height:250px;
}
.mitarbeiter-image img{
	background-color: transparent;
	max-height:250px;
}
@media screen and (max-width: 768px) {
	.mitarbeiter-image { height:210px; }
	.mitarbeiter-image img{ max-height:210px; }
}
@media screen and (max-width: 639px) {
	.mitarbeiter-image { height:160px; }
	.mitarbeiter-image img{ max-height:160px; }
}
.mitarbeiter-image .secondary{
	display:none;
	position:absolute; top:0;
	height:100%; width:100%;
	background-position: center center;
	background-size: cover; }
.mitarbeiter-image:hover .secondary{
	display:block;
	z-index:999;
}

.item, .item-hidden{
	opacity:0;
  -webkit-animation: fade-in .5s ease-in-out forwards;
  -moz-animation: fade-in .5s ease-in-out forwards;
  -ms-animation: fade-in .5s ease-in-out forwards;
  -o-animation: fade-in .5s ease-in-out forwards;
  animation: fade-in .5s ease-in-out forwards; }
@-webkit-keyframes fade-in {
  0% { opacity:0; } 100% { opacity:1; } }
@-moz-keyframes fade-in {
  0% { opacity:0; } 100% { opacity:1; } }
@keyframes fade-in {
  0% { opacity:0; } 100% { opacity:1; } }
.item:nth-of-type(2){ -webkit-animation-delay:0.1s; -moz-animation-delay:0.1s; -o-animation-delay:0.1s; animation-delay:0.1s; }
.item:nth-of-type(3){ -webkit-animation-delay:0.2s; -moz-animation-delay:0.2s; -o-animation-delay:0.2s; animation-delay:0.2s; }
.item:nth-of-type(4){ -webkit-animation-delay:0.3s; -moz-animation-delay:0.3s; -o-animation-delay:0.3s; animation-delay:0.3s; }
.item-hidden:nth-of-type(2){ -webkit-animation-delay:0.1s; -moz-animation-delay:0.1s; -o-animation-delay:0.1s; animation-delay:0.1s; }
.item-hidden:nth-of-type(3){ -webkit-animation-delay:0.2s; -moz-animation-delay:0.2s; -o-animation-delay:0.2s; animation-delay:0.2s; }
.item-hidden:nth-of-type(4){ -webkit-animation-delay:0.3s; -moz-animation-delay:0.3s; -o-animation-delay:0.3s; animation-delay:0.3s; }
.item-hidden:nth-of-type(5){ -webkit-animation-delay:0.4s; -moz-animation-delay:0.4s; -o-animation-delay:0.4s; animation-delay:0.4s; }
.item-hidden:nth-of-type(6){ -webkit-animation-delay:0.5s; -moz-animation-delay:0.5s; -o-animation-delay:0.5s; animation-delay:0.5s; }
.item-hidden:nth-of-type(7){ -webkit-animation-delay:0.6s; -moz-animation-delay:0.6s; -o-animation-delay:0.6s; animation-delay:0.6s; }
.item-hidden:nth-of-type(8){ -webkit-animation-delay:0.7s; -moz-animation-delay:0.7s; -o-animation-delay:0.7s; animation-delay:0.7s; }
.item-hidden:nth-of-type(9){ -webkit-animation-delay:0.8s; -moz-animation-delay:0.8s; -o-animation-delay:0.8s; animation-delay:0.8s; }
.item-hidden:nth-of-type(10){ -webkit-animation-delay:0.9s; -moz-animation-delay:0.9s; -o-animation-delay:0.9s; animation-delay:0.9s; }
.item-hidden:nth-of-type(11){ -webkit-animation-delay:1.0s; -moz-animation-delay:1.0s; -o-animation-delay:1.0s; animation-delay:1.0s; }
.item-hidden:nth-of-type(12){ -webkit-animation-delay:1.1s; -moz-animation-delay:1.1s; -o-animation-delay:1.1s; animation-delay:1.1s; }
.item-hidden:nth-of-type(13){ -webkit-animation-delay:1.2s; -moz-animation-delay:1.2s; -o-animation-delay:1.2s; animation-delay:1.2s; }
.item-hidden:nth-of-type(14){ -webkit-animation-delay:1.3s; -moz-animation-delay:1.3s; -o-animation-delay:1.3s; animation-delay:1.3s; }
.item-hidden:nth-of-type(15){ -webkit-animation-delay:1.4s; -moz-animation-delay:1.4s; -o-animation-delay:1.4s; animation-delay:1.4s; }

.item-hidden.hide{
	display:none!important;
}

.box{
	background-color: #fff;
	padding:25px 30px; }
.box *{
	color: #00a2be;
}

.history-header{
	background-color: rgba(0,162,190,.04);
	padding-bottom:20px;
}
.history-header p{
	margin-bottom:0;
}

.history-year{
	color:#00a2be;
	font-weight:bold;
}

.history{
	padding-top:15px;
}
.history ul {
  padding-left:45px; text-indent:-45px; }
.history ul > li {
	margin-bottom:5px; }
.history ul > li:before {
  content: ""; }
.history ul, .history li:last-of-type{
	margin-bottom:0;
}


/* Search */
.search h1 b{
	font-style:italic;
	word-break:break-all;
}

a.skip-main {
  left:-999px; top:auto;
  position:absolute;
  width:1px; height:1px;
  overflow:hidden;
  z-index:-999; }
a.skip-main:focus, a.skip-main:active {
  color:#fff;
  background-color:#304d9a;
  left:auto; top:auto;
  width:18%; height:45px;
  overflow:auto;
  margin:15px 41%;
  text-align:center;
  font-size:14px;
  line-height:45px;
	outline:none;
}



/*--------------------------------------------------------------
# Lazy/Progressive Loading
--------------------------------------------------------------*/

.progressive-wrapper{
	z-index:1; }
.progressive{
	z-index:10;
}
.eye-on-hover a.loaded:before,
.eye-on-hover a.loaded:after,
.eye-on-hover-circle:before,
.eye-on-hover-circle:after,
.color-on-hover:before{
	z-index:99; }
.entry .progressive:before,
.entry .progressive:after{
	z-index:100;
}

/* progressive image CSS */
.progressive {
  position: relative;
  display: block;
  overflow: hidden;
  outline: none;
	background-color:rgba(34,34,34,.03); }
.transparent .progressive,
.progressive.transparent{
	background-color:transparent;
}
.progressive img {
	position:absolute;
  left:0; top:0;
  display: block;
  width: 100%;
  max-width: none;
  height: auto;
  border: 0 none;
  will-change: opacity;
	-webkit-animation: progressiveReveal 1s ease-in-out;
	-moz-animation: progressiveReveal 1s ease-in-out;
	-ms-animation: progressiveReveal 1s ease-in-out;
	-o-animation: progressiveReveal 1s ease-in-out;
	animation: progressiveReveal 1s ease-in-out; }
.progressive.loaded img {
	-webkit-animation: none;
	-moz-animation: none;
	-ms-animation: none;
	-o-animation: none;
	animation: none; }
@-webkit-keyframes progressiveReveal { 0% { opacity:0; } 100% { opacity:1; } }
@-moz-keyframes progressiveReveal { 0% { opacity:0; } 100% { opacity:1; } }
@keyframes progressiveReveal { 0% { opacity:0; } 100% { opacity:1; } }


.entry .progressive:before,
.entry .progressive:after{
	content:' ';
	position:absolute;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out; }
.entry .progressive:after{
	/*content:url('../images/Icon_Affe.svg');*/
	top:50%; left:50%;
	-webkit-transform:translateX(-50%) translateY(-50%);
	-moz-transform:translateX(-50%) translateY(-50%);
	transform:translateX(-50%) translateY(-50%);
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-ms-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out; }
.entry .progressive:before{
	top:0; left:0;
	width:100%; height:100%;
	background-color:rgba(238,238,238,1); }
.entry .progressive.loaded:before,
.entry .progressive.loaded:after{
	opacity:0;
}


/*--------------------------------------------------------------
# Helper
--------------------------------------------------------------*/

.show{
	display:inherit;
}
.hide{
	display:none;
}

@media screen and (min-width: 640px) {
	.mobile-only { display:none!important; }
}
@media screen and (max-width: 639px) {
	.desktop-only{ display:none!important; }
}

.only-xs, .only-ms, .only-sm, .only-md, .only-lg{ display:none; }
@media screen and (max-width: 479px) {
	.only-xs{ display:inherit; }
}
@media screen and (min-width: 480px) and (max-width: 767px) {
	.only-ms{ display:inherit; }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.only-sm{ display:inherit; }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.only-md{ display:inherit; }
}
@media screen and (min-width: 1200px) {
	.only-lg{ display:inherit; }
}

.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.text-justify { text-align: justify; }
.text-nowrap { white-space: nowrap; }
.text-lowercase { text-transform: lowercase; }
.text-uppercase { text-transform: uppercase; }
.text-capitalize { text-transform: capitalize; }

.align-left{ text-align:left!important; margin-left:0!important; margin-right:auto!important; }
.align-right{ text-align:right!important; margin-left:auto!important; margin-right:0!important; }
.align-center{ text-align:center!important; margin-left:auto!important; margin-right:auto!important; }
.align-bottom{ vertical-align:bottom!important; }
.inline{ display:inline!important; }
.no-border{ border:0!important; }
.no-float{ float:none!important; }

span.line { display: inline-block; }

@media (max-width: 639px) {  .full-width{ margin-left:-20px!important; margin-right:-20px!important; } }
@media (min-width: 640px) {  .full-width{ margin-left:-60px!important; margin-right:-60px!important; } }
@media (min-width: 1023px) { .full-width{ margin-left:-60px!important; margin-right:-60px!important; } }
@media (min-width: 1400px) {
	.full-width{
		margin-left: calc(-100vw / 2 + 1280px / 2)!important; /* 1400px - 2 x 60px */
	  margin-right: calc(-100vw / 2 + 1280px / 2)!important;
	}
}

.margin-top-10{ margin-top:10px!important; }
.margin-top-25{ margin-top:25px!important; }
.margin-top-40{ margin-top:40px!important; }
.margin-top-50{ margin-top:50px!important; }
.margin-top-75{ margin-top:75px!important; }
.margin-top-100{ margin-top:100px!important; }
.margin-top-120{ margin-top:120px!important; }
.margin-top-150{ margin-top:150px!important; }
.no-margin-top{ margin-top:0!important; }
@media screen and (max-width: 479px) {
	.margin-top-100{ margin-top:75px!important; }
	.margin-top-120{ margin-top:75px!important; }
	.margin-top-150{ margin-top:75px!important; }
}

.margin-bottom-10{ margin-bottom:10px!important; }
.margin-bottom-25{ margin-bottom:25px!important; }
.margin-bottom-40{ margin-bottom:40px!important; }
.margin-bottom-50{ margin-bottom:50px!important; }
.margin-bottom-75{ margin-bottom:75px!important; }
.margin-bottom-100{ margin-bottom:100px!important; }
.margin-bottom-120{ margin-bottom:120px!important; }
.margin-bottom-150{ margin-bottom:150px!important; }
.no-margin-bottom{ margin-bottom:0!important; }
@media screen and (max-width: 479px) {
	.margin-bottom-100{ margin-bottom:75px!important; }
	.margin-bottom-120{ margin-bottom:75px!important; }
	.margin-bottom-150{ margin-bottom:75px!important; }
}
@media screen and (min-width: 992px) {
	.margin-right-md-10{ margin-right:10px!important; }
	.margin-right-md-25{ margin-right:25px!important; }
	.margin-right-md-50{ margin-right:50px!important; }
	.margin-right-md-75{ margin-right:75px!important; }
}
@media screen and (min-width: 992px) {
	.margin-left-md-10{ margin-left:10px!important; }
	.margin-left-md-25{ margin-left:25px!important; }
	.margin-left-md-50{ margin-left:50px!important; }
	.margin-left-md-75{ margin-left:75px!important; }
}

.no-margin{ margin:0!important; }

@media screen and (max-width: 479px) {
	.xs-no-margin{ margin:0!important; }
	.xs-no-margin-bottom{ margin-bottom:0!important; }
	.hidden-xs{ display:none; }
}

.no-padding{ padding:0!important; }

@media screen and (min-width: 640px) {
	.spacing-10 > .row > div{ padding-left:5px; padding-right:5px; }
	.spacing-10 > .row{ margin-left:-5px; margin-right:-5px; }
	.spacing-20 > .row > div{ padding-left:10px; padding-right:10px; }
	.spacing-20 > .row{ margin-left:-10px; margin-right:-10px; }
	.spacing-40 > .row > div{ padding-left:20px; padding-right:20px; }
	.spacing-40 > .row{ margin-left:-20px; margin-right:-20px; }
	.spacing-60 > .row > div{ padding-left:30px; padding-right:30px; }
	.spacing-60 > .row{ margin-left:-30px; margin-right:-30px; }
	.spacing-80 > .row > div{ padding-left:40px; padding-right:40px; }
	.spacing-80 > .row{ margin-left:-40px; margin-right:-40px; }
	.spacing-100 > .row > div{ padding-left:50px; padding-right:50px; }
	.spacing-100 > .row{ margin-left:-50px; margin-right:-50px; }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	.md-width-smaller{ width:66%; }
}

@media screen and (min-width: 992px) {
	.columns-2{
	  column-count: 2;
	  column-gap: 40px;
	}
}


/*--------------------------------------------------------------
# Fixed
--------------------------------------------------------------*/

.is-static{
	position:static!important; }
.is-fixed{
	position:fixed!important; }
.is-absolute{
	position:absolute!important; }
.is-absolute-bottom{
	position:absolute!important;
	bottom:0!important;
	top:auto!important; }
@media screen and (max-width: 479px) { .xs-fixed{ position:fixed; } }
@media screen and (min-width: 480px) { .ms-fixed{ position:fixed; } }
@media screen and (min-width: 768px) { .sm-fixed{ position:fixed; } }
@media screen and (min-width: 992px) { .md-fixed{ position:fixed; } }
@media screen and (min-width: 1200px) { .lg-fixed{ position:fixed; } }


/*--------------------------------------------------------------
# Menue
--------------------------------------------------------------*/

/* General */
.navbar-toggle, .navbar-toggle:hover {
  margin:0;
  background-color:transparent;
  outline:none;
	border:0;
	box-shadow:none!important; }
.icon-bar {
  display: block;
  height:3px; width:30px!important;
  position: relative;
  background-color:#304d9a;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
  -webkit-border-radius:0!important;
  -moz-border-radius:0!important;
  border-radius:0!important;
}

/* Nav Toggle */
.navbar-toggle{ /* height 14px */
	position:fixed;
	right:0;
  padding:25.5px 18px 25.5px 12px;
}
.navbar-toggle .icon-bar:nth-of-type(1){
	left:0; top:-3px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform:rotate(0deg); }
.navbar-toggle .icon-bar:nth-of-type(3){
	left:0; top:3px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform:rotate(0deg); }
.navbar-toggle .icon-bar:nth-of-type(2){
	width:27px!important; margin-left:0; opacity:1;
}
.navbar-toggle.toggled .icon-bar:nth-of-type(1){
	top:3px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform:rotate(45deg); }
.navbar-toggle.toggled .icon-bar:nth-of-type(2){
	width:0; opacity:0; }
.navbar-toggle.toggled .icon-bar:nth-of-type(3){
	top:-3px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform:rotate(-45deg);
}

.menu {
  position:absolute;
  background-color: transparent;
  list-style-type: none; }
.top-bar .menu {
	right:0;
}
@media screen and (min-width: 40em) {
  .menu > li {
    display: table-cell;
  }
}

.js-drilldown-back>a::before, .menu-icon, .menu-icon.dark,
.menu>li, .menu>li>a i, .menu>li>a i+span, .menu>li>a img,
.menu>li>a img+span, .menu>li>a svg, .menu>li>a svg+span {
  vertical-align: middle;
}
.menu li, .top-bar .nav-element{
	padding:4px 8px;
  -webkit-transition: color .25s;
  -moz-transition: color .25s;
  -ms-transition: color .25s;
  -o-transition: color .25s;
  transition: color .25s;
}
.menu > li > a {
  display: block;
  line-height: 1;
}
.menu li a, .nav-element a{
	font-weight: bold;
  font-size: 16px;
	letter-spacing:-.05px;
  text-decoration: none;
  border:0;
	text-shadow:none;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}
.menu li a:hover, .nav-element a:hover{
}


footer .info{
	position:absolute;
	bottom:0;
	float:left; }
footer .info p{
	display:inline-block;
	margin-right:20px;
	margin-top:6px;
	margin-bottom:0;
}
footer .menu{
	position: absolute;
	float:right;
	right:0; bottom:0;
	margin:0;
  -webkit-transform: translateX(100%) rotate(-90deg);
  -moz-transform: translateX(100%) rotate(-90deg);
  -ms-transform: translateX(100%) rotate(-90deg);
  -o-transform: translateX(100%) rotate(-90deg);
  transform: translateX(100%) rotate(-90deg);
  -webkit-transform-origin: bottom left;
  -moz-transform-origin: bottom left;
  -ms-transform-origin: bottom left;
  -o-transform-origin: bottom left;
  transform-origin: bottom left;
}
footer .menu li{
	display: table-cell;
	padding: 0 12px 5px 0;
	height:auto;
}
@media screen and (max-width: 639px) {
	footer .info .info-title{
		display:block;
	}
	footer .menu{
		right:5px;
	}
}


/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/

.scroll-left, .scroll-right, .scroll-down{
	position:absolute;
	opacity:1; border:0; }
.scroll-left, .scroll-right{
  top:0; bottom:0;
  width:20%; height:100%;
  background-image:none!important; }
.scroll-down{
  bottom:0; left:20%; right:20%;
  width:60%; height:50px;
	text-align:center; }

.scroll-left svg, .scroll-right svg{
  position:fixed;
	bottom:50%;
	margin:30px; }
.scroll-left svg{
  left:17px;
  -webkit-transform: rotate(90deg) translateX(35px);
  -moz-transform: rotate(90deg) translateX(35px);
  -ms-transform: rotate(90deg) translateX(35px);
  transform:rotate(90deg) translateX(35px); }
.scroll-right svg{
  right:17px;
  -webkit-transform: rotate(-90deg) translateX(-35px);
  -moz-transform: rotate(-90deg) translateX(-35px);
  -ms-transform: rotate(-90deg) translateX(-35px);
	transform:rotate(-90deg) translateX(-35px); }
.scroll-down svg{
  position:absolute;
  left:calc(50% - 7.5px);
 	bottom:15px;
  -webkit-transition: bottom .25s ease-in-out;
  -moz-transition: bottom .25s ease-in-out;
  -ms-transition: bottom .25s ease-in-out;
  -o-transition: bottom .25s ease-in-out;
  transition: bottom .25s ease-in-out; }
.scroll-down:hover svg{
	bottom:-0px;
}
.scroll-left svg .longerOnHover,
.scroll-right svg .longerOnHover,
.scroll-down svg .longerOnHover{
	-webkit-transform: scale(1, .1);
	-moz-transform: scale(1,.1);
	-ms-transform: scale(1,.1);
	transform: scale(1,.1);
  -webkit-transition: transform 0.25s ease-in-out;
  -moz-transition: transform 0.25s ease-in-out;
  -ms-transition: transform 0.25s ease-in-out;
  -o-transition: transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out;
  transform-origin: bottom; }
.scroll-left:hover svg .longerOnHover,
.scroll-right:hover svg .longerOnHover{
	-webkit-transform: scale(1,3);
	-moz-transform: scale(1,3);
	-ms-transform: scale(1,3);
	transform: scale(1,3); }
.scroll-down:hover svg .longerOnHover{
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-ms-transform: scale(1,1);
	transform: scale(1,1);
}
@-moz-document url-prefix() {
  .scroll-left:hover svg .longerOnHover,
  .scroll-right:hover svg .longerOnHover,
  .scroll-down:hover svg .longerOnHover{
    transform: none; }
}


/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/

button, input, optgroup, select, textarea {
  display:block;
	outline:0!important;
}
button, .button, button:after, .button:after{
	-webkit-transition: box-shadow .25s ease-in-out, transform .25s ease-in-out;
	-moz-transition: box-shadow .25s ease-in-out, transform .25s ease-in-out;
	-ms-transition: box-shadow .25s ease-in-out, transform .25s ease-in-out;
	-o-transition: box-shadow .25s ease-in-out, transform .25s ease-in-out;
	transition: box-shadow .25s ease-in-out, transform .25s ease-in-out;
}

button, .button{
	color:#fff;
	font-weight:bolder;
  line-height:40px;
	background-color:#304d9a;
  padding: 0 20px 1px;
	border:0;
}
button:hover, .button:hover{
	color:#fff;
	background-color:#00a2be;
	box-shadow:0 0 30px rgba(34,34,34,.04);
}
button:active, .button:active{
	color:#000;
}

button.diagonal, .button.diagonal{
  position:relative;
  overflow:hidden;
  z-index: 1; }
button.diagonal:after, .button.diagonal:after{
  content:"";
  position:absolute; top:0; left:0;
  width:150%; height:400%;
  background: #00a2be;
  z-index: -1;
  transform-origin: 0% 0%;
	-webkit-transform: translateX(79%) rotate(39deg);
	-moz-transform: translateX(79%) rotate(39deg);
	transform: translateX(79%) rotate(39deg); }
button.diagonal:hover::after, .button.diagonal:hover::after {
	-webkit-transform: translateY(-55%) translateX(25%) rotate(39deg);
	-moz-transform: translateY(-55%) translateX(25%) rotate(39deg);
	transform: translateY(-55%) translateX(25%) rotate(39deg);
}

button.show-more,
.button.show-more{
	display:table;
	margin:0 0 0 auto;
	padding:3px 8px 4px;
	line-height:1.5;
	font-size:13px; letter-spacing:.1px;
	vertical-align:middle;
}
button.show-more:not(.show) .text-less,
.button.show-more:not(.show) .text-less,
button.show-more.show .text-more,
.button.show-more.show .text-more{
	display:none;
}
h1 button.show-more, h1 .button.show-more,
h2 button.show-more, h2 .button.show-more,
h3 button.show-more, h3 .button.show-more,
h4 button.show-more, h4 .button.show-more{
	display:inline-block;
	margin:0;
}

.btn-search, .btn-search.active, .btn-search:active{
	width:35px; height:35px;
  background: url(../images/Icon_Search_dark.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 16px;
	background-color:transparent!important;
	box-shadow:none!important;
}
.btn-erase{
	padding:0;
}
.btn-close{
	background-color:#f4e9dd;
}

.boltform button{
	float:right;
}
.boltform .boltforms-btn-send-row{
	margin-top:25px;
}
.boltforms-row{
	margin-bottom:10px;
}
.boltforms-row.boltforms-one-line-row{
	display:table;
}
.boltforms-one-line-row .boltforms-label {
	display:table-cell;
	white-space: nowrap;
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
  color: #0a0a0a;
}
.boltforms-one-line-row .boltforms-value{
	display:table-cell;
	width:100%;
	padding-left:10px;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color:rgba(34,34,34,.2); }
input::-moz-placeholder, textarea::-moz-placeholder { color:rgba(34,34,34,.2); }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color:rgba(34,34,34,.2); }
input::placeholder, textarea::placeholder { color:rgba(34,34,34,.2); }
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { color:rgba(255,255,255,.5); }
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder { color:rgba(255,255,255,.5); }
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder { color:rgba(255,255,255,.5); }
input:focus::placeholder, textarea:focus::placeholder { color:rgba(255,255,255,.5); }

[type=text], [type=password], [type=date], [type=datetime],
[type=datetime-local], [type=month], [type=week], [type=email],
[type=number], [type=search], [type=tel], [type=time],
[type=url], [type=color], textarea, select, input {
  box-sizing: border-box;
  box-shadow: none;
  height:30px; width:100%;
  padding:2px 9px 3px; margin-bottom:10px;
  border:none;
	background-color:#fff;
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;
}
.bubble [type=text], .bubble [type=password], .bubble [type=date], .bubble [type=datetime],
.bubble [type=datetime-local], .bubble [type=month], .bubble [type=week], .bubble [type=email],
.bubble [type=number], .bubble [type=search], .bubble [type=tel], .bubble [type=time],
.bubble [type=url], .bubble [type=color], .bubble textarea, .bubble select, .bubble input {
	background-color:rgba(34,34,34,.03);
}
[type=text]:focus, [type=password]:focus, [type=date]:focus, [type=datetime]:focus,
[type=datetime-local]:focus, [type=month]:focus, [type=week]:focus, [type=email]:focus,
[type=number]:focus, [type=search]:focus, [type=tel]:focus, [type=time]:focus,
[type=url]:focus, [type=color]:focus, textarea:focus, select:focus, input:focus {
	color:#fff;
	outline:0;
	background-color:#00a2be;
}

textarea{
  overflow: auto;
  min-height:75px;
  max-width:100%;
	padding:6px 9px;
	margin-top:10px; }
textarea[rows] {
	height: auto;
}

/* Search Form */
@media print, screen and (max-width: 991px) {
	.form{
	  width: 500px;
		margin: 0 auto;
	}
}
.form .input-search-wrapper{
	display: block;
	overflow: hidden;
	padding-right: 25px;
}
.form .input-search{
	width: 100%;
}
.form .btn-search{
  float: right;
}

/* Filter */
.aktuell-filter p, .aktuell-filter a{
  font-size:13px;
  font-weight:bold; }
.aktuell-filter p{
  margin-bottom:0;
}
.aktuell-filter a{
	margin-left:5px; }
@media print, screen and (min-width: 640px) {
	.aktuell-filter a{
		line-height:44px;
	}
}
@media print, screen and (min-width: 480px) and (max-width: 991px) {
	.aktuell-filter{
		text-align:right;
	}
}



/*--------------------------------------------------------------
# Bolt Forms
--------------------------------------------------------------*/

@media print, screen and (min-width: 640px) {
  .boltform{
    /*max-width:500px;*/
    margin:0 auto;
  }
	/*.boltform .boltforms-row:nth-of-type(1),
	.boltform .boltforms-row:nth-of-type(2){
		float:left;
		width:calc(50% - 7.5px); }
	.boltform .boltforms-row:nth-of-type(2){
		margin-left:15px;
	}*/
}

.boltform label.required:after {
  content:" *";
  color:#F4cc00;
  font-weight:bold;
}
p.boltform-error,
li.boltform-error,
p.boltform-message {
  padding: 8px 35px 8px 14px;
  margin-bottom: 20px;
	background-color:rgba(0,162,190,.04);
}
p.boltform-error {
  color: #B94A48;
}
li.boltform-error {
  color: #B94A48;
}
p.boltform-message {
  color: #304d9a;
}



/*--------------------------------------------------------------
# Animation
--------------------------------------------------------------*/

.animate-fade-in{
	opacity:0;
}
.animate-fade-in.start{
	-webkit-animation: animate-fade-in 1s cubic-bezier(0,.48,.19,1) forwards;
	-moz-animation: animate-fade-in 1s cubic-bezier(0,.48,.19,1) forwards;
	-ms-animation: animate-fade-in 1s cubic-bezier(0,.48,.19,1) forwards;
	-o-animation: animate-fade-in 1s cubic-bezier(0,.48,.19,1) forwards;
	animation: animate-fade-in 1s cubic-bezier(0,.48,.19,1) forwards;
}
@-webkit-keyframes animate-fade-in {
	0% { opacity:0; -webkit-transform:translateX(-15px); }
	100% { opacity:1; -webkit-transform:translateX(0); } }
@-moz-keyframes animate-fade-in {
	0% { opacity:0; -moz-transform:translateX(-15px); }
	100% { opacity:1; -moz-transform:translateX(0); } }
@keyframes animate-fade-in {
	0% { opacity:0; transform:translateX(-15px); }
	100% { opacity:1; transform:translateX(0); } }


/*--------------------------------------------------------------
# SVG
--------------------------------------------------------------*/

p svg, a svg{
	display:inline-block;
}

.meta polygon{
	fill:#304d9a;
	stroke:#304d9a;
}

.line{
	stroke:#304d9a;
  stroke-width:2px;
  stroke-miterlimit:0;
  vector-effect:non-scaling-stroke;
	fill:transparent;
}
.line-white{
	stroke:#fff;
}


/*--------------------------------------------------------------
# Bootstrap Extension
--------------------------------------------------------------*/

/* add functionality to bootstrap grid
   - col width 20% + 40% (5 elements per line)
	 - offset 20% + 40%
	 - offset 1.5 */
@media screen and (max-width: 479px) {
	.col-xs-20pct{ position:relative; float:left; width:20%; }
	.col-xs-40pct{ position:relative; float:left; width:40%; }
	.col-xs-offset-20pct{ margin-left:20%; }
	.col-xs-offset-40pct{ margin-left:40%; }
  .col-xs-offset-1-5 { margin-left:12.5%; }
}
@media screen and (min-width: 480px) {
	.col-ms-20pct{ position:relative; float:left; width:20%; }
	.col-ms-40pct{ position:relative; float:left; width:40%; }
	.col-ms-offset-20pct{ margin-left:20%; }
	.col-ms-offset-40pct{ margin-left:40%; }
  .col-ms-offset-1-5 { margin-left:12.5%; }
}
@media screen and (min-width: 768px) {
	.col-sm-20pct{ position:relative; float:left; width:20%; }
	.col-sm-40pct{ position:relative; float:left; width:40%; }
	.col-sm-offset-20pct{ margin-left:20%; }
	.col-sm-offset-40pct{ margin-left:40%; }
  .col-sm-offset-1-5 { margin-left:12.5%; }
}
@media screen and (min-width: 992px) {
	.col-md-20pct{ position:relative; float:left; width:20%; }
	.col-md-40pct{ position:relative; float:left; width:40%; }
	.col-md-offset-20pct{ margin-left:20%; }
	.col-md-offset-40pct{ margin-left:40%; }
  .col-md-offset-1-5 { margin-left:12.5%; }
}
@media screen and (min-width: 1200px) {
	.col-lg-20pct{ position:relative; float:left; width:20%; }
	.col-lg-40pct{ position:relative; float:left; width:40%; }
	.col-lg-offset-20pct{ margin-left:20%; }
	.col-lg-offset-40pct{ margin-left:40%; }
  .col-lg-offset-1-5 { margin-left:12.5%; }
}

/* add col-ms to bootstrap grid (medium small: 480-767px) */
.col-ms-1, .col-ms-2, .col-ms-3, .col-ms-4, .col-ms-5, .col-ms-6,
.col-ms-7, .col-ms-8, .col-ms-9, .col-ms-10, .col-ms-11, .col-ms-12
	{position:relative; padding-left:15px; padding-right:15px;}
@media (min-width: 480px) and (max-width: 767px) {
  .container {max-width:748px;}
  .col-ms-1, .col-ms-2, .col-ms-3, .col-ms-4,   .col-ms-5, .col-ms-6,
	.col-ms-7, .col-ms-8, .col-ms-9, .col-ms-10, .col-ms-11 {float:left;}
  .col-ms-1 {width:8.33333333%;}
  .col-ms-2 {width:16.66666667%;}
  .col-ms-3 {width:25%;}
  .col-ms-4 {width:33.33333333%;}
  .col-ms-5 {width:41.66666667%;}
  .col-ms-6 {width:50%;}
  .col-ms-7 {width:58.33333333%;}
  .col-ms-8 {width:66.66666667%;}
  .col-ms-9 {width:75%;}
  .col-ms-10 {width:83.33333333%;}
  .col-ms-11 {width:91.66666667%;}
  .col-ms-12 {width:100%;}
  .col-ms-pull-0 {right:auto;}
  .col-ms-pull-1 {right:8.33333333%;}
  .col-ms-pull-2 {right:16.66666667%;}
  .col-sm-pull-3 {right:25%;}
  .col-sm-pull-4 {right:33.33333333%;}
  .col-sm-pull-5 {right:41.66666667%;}
  .col-sm-pull-6 {right:50%;}
  .col-sm-pull-7 {right:58.33333333%;}
  .col-ms-pull-8 {right:66.66666667%;}
  .col-ms-pull-9 {right:75%;}
  .col-ms-pull-10 {right:83.33333333%;}
  .col-ms-pull-11 {right:91.66666667%;}
  .col-ms-pull-12 {right:100%;}
  .col-ms-push-0 {left:auto;}
  .col-ms-push-1 {left:8.33333333%;}
  .col-ms-push-2 {left:16.66666667%;}
  .col-ms-push-3 {left:25%;}
  .col-ms-push-4 {left:33.33333333%;}
  .col-ms-push-5 {left:41.66666667%;}
  .col-ms-push-6 {left:50%;}
  .col-ms-push-7 {left:58.33333333%;}
  .col-ms-push-8 {left:66.66666667%;}
  .col-ms-push-9 {left:75%;}
  .col-ms-push-10 {left:83.33333333%;}
  .col-ms-push-11 {left:91.66666667%;}
  .col-ms-push-12 {left:100%;}
  .col-ms-offset-0 {margin-left:0;}
  .col-ms-offset-1 {margin-left:8.33333333%;}
  .col-ms-offset-2 {margin-left:16.66666667%;}
  .col-ms-offset-3 {margin-left:25%;}
  .col-ms-offset-4 {margin-left:33.33333333%;}
  .col-ms-offset-5 {margin-left:41.66666667%;}
  .col-ms-offset-6 {margin-left:50%;}
  .col-ms-offset-7 {margin-left:58.33333333%;}
  .col-ms-offset-8 {margin-left:66.66666667%;}
  .col-ms-offset-9 {margin-left:75%;}
  .col-ms-offset-10 {margin-left:83.33333333%;}
  .col-ms-offset-11 {margin-left:91.66666667%;}
  .col-ms-offset-12 {margin-left:100%;}
}

/* add col-xl to bootstrap grid (extra large: 1600px-*) */
.col-xl-1, .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-10, .col-xl-11, .col-xl-12
	{position:relative; padding-left:15px; padding-right:15px;}
@media (min-width: 1600px) {
  .col-xl-1, .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-10, .col-xl-11 {float:left;}
  .col-xl-1 {width:8.33333333%;}
  .col-xl-2 {width:16.66666667%;}
  .col-xl-3 {width:25%;}
  .col-xl-4 {width:33.33333333%;}
  .col-xl-5 {width:41.66666667%;}
  .col-xl-6 {width:50%;}
  .col-xl-7 {width:58.33333333%;}
  .col-xl-8 {width:66.66666667%;}
  .col-xl-9 {width:75%;}
  .col-xl-10 {width:83.33333333%;}
  .col-xl-11 {width:91.66666667%;}
  .col-xl-12 {width:100%;}
  .col-xl-pull-0 {right:auto;}
  .col-xl-pull-1 {right:8.33333333%;}
  .col-xl-pull-2 {right:16.66666667%;}
  .col-xl-pull-3 {right:25%;}
  .col-xl-pull-4 {right:33.33333333%;}
  .col-xl-pull-5 {right:41.66666667%;}
  .col-xl-pull-6 {right:50%;}
  .col-xl-pull-7 {right:58.33333333%;}
  .col-xl-pull-8 {right:66.66666667%;}
  .col-xl-pull-9 {right:75%;}
  .col-xl-pull-10 {right:83.33333333%;}
  .col-xl-pull-11 {right:91.66666667%;}
  .col-xl-pull-12 {right:100%;}
  .col-xl-push-0 {left:auto;}
  .col-xl-push-1 {left:8.33333333%;}
  .col-xl-push-2 {left:16.66666667%;}
  .col-sm-push-3 {left:25%;}
  .col-sm-push-4 {left:33.33333333%;}
  .col-sm-push-5 {left:41.66666667%;}
  .col-sm-push-6 {left:50%;}
  .col-sm-push-7 {left:58.33333333%;}
  .col-xl-push-8 {left:66.66666667%;}
  .col-xl-push-9 {left:75%;}
  .col-xl-push-10 {left:83.33333333%;}
  .col-xl-push-11 {left:91.66666667%;}
  .col-xl-push-12 {left:100%;}
  .col-xl-offset-0 {margin-left:0;}
  .col-xl-offset-1 {margin-left:8.33333333%;}
  .col-xl-offset-2 {margin-left:16.66666667%;}
  .col-xl-offset-3 {margin-left:25%;}
  .col-xl-offset-4 {margin-left:33.33333333%;}
  .col-xl-offset-5 {margin-left:41.66666667%;}
  .col-xl-offset-6 {margin-left:50%;}
  .col-xl-offset-7 {margin-left:58.33333333%;}
  .col-xl-offset-8 {margin-left:66.66666667%;}
  .col-xl-offset-9 {margin-left:75%;}
  .col-xl-offset-10 {margin-left:83.33333333%;}
  .col-xl-offset-11 {margin-left:91.66666667%;}
  .col-xl-offset-12 {margin-left:100%;}
}



/*--------------------------------------------------------------
# Google
--------------------------------------------------------------*/

#map {
	height: 450px;
}
#map img{
	background-color: transparent;
}




/*--------------------------------------------------------------
# Media Queries
--------------------------------------------------------------*/

@media print, screen and (min-width: 640px) {
  .no-js .title-bar,
}


@media screen and (min-width: 768px) {
	a.meta-tag-link{
		font-size:16px;
		padding: 5px 8px;
	}
}

@media screen and (min-width: 1024px) {
  .main-content, .main-content:last-child:not(:first-child) {
    float:none; clear:both;
  }
}

@media screen and (min-width: 992px) {
	.main-content{
		padding-top:120px;
	}
}

@media screen and (max-width: 767px) {
	.type-news h1{
		font-size:40px;
		margin-bottom:20px;
	}
  .news-list > div{
    margin-bottom:40px!important;
  }

	.type-angebote .opt-text-center,
	.type-angebote .opt-text-left,
	.type-angebote .opt-text-right{
		margin-top:50px;
		margin-bottom:50px; }
	.type-angebote .opt-image-small,
	.type-angebote .opt-image-medium,
	.type-angebote .opt-image-large{
		margin-top:50px;
		margin-bottom:50px;
	}
}


@media screen and (max-width: 639px) {
	#svg-logo{
		margin-left:-2px;
	}

  .main-content {
		padding-left:20px; padding-right:20px;
	}
	.top-bar > .container-fluid,
	footer > .container-fluid,
	.top-bar-site-nav{
		padding: 0 20px;
	}

  h1, .font-h1,
	.type-news h1, .top-bar .menu li a{
		font-size:25px;
		letter-spacing:-.5px;
		line-height:1.25;
		margin-bottom:30px;
	}
	.top-bar .menu li a{
		margin-bottom:0;
	}
  h2{
    font-size:20px;
    line-height:1.2;
  }

  #menu{
    position:fixed; top:0; right:0;
		height:100vh; width:50vw;
    background-color:#304d9a;
	  -webkit-transform: translateX(120%);
	  -moz-transform: translateX(120%);
	  transform: translateX(120%);
		box-shadow:none;
		opacity:0;
		overflow:hidden;
		-webkit-transition: transform .25s ease-in-out, box-shadow .25s ease-in-out, opacity 1.5s;
		-moz-transition: transform .25s ease-in-out, box-shadow .25s ease-in-out, opacity 1.5s;
		-ms-transition: transform .25s ease-in-out, box-shadow .25s ease-in-out, opacity 1.5s;
		-o-transition: transform .25s ease-in-out, box-shadow .25s ease-in-out, opacity 1.5s;
		transition: transform .25s ease-in-out, box-shadow .25s ease-in-out, opacity 1.5s; }
	#menu.in{
		-webkit-transform: translateX(0%);
		-moz-transform: translateX(0%);
		transform: translateX(0%);
		box-shadow:0 0 100px rgba(34,34,34,.8);
		opacity:1;
		-webkit-transition: transform .25s ease-in-out, box-shadow .25s ease-in-out;
		-moz-transition: transform .25s ease-in-out, box-shadow .25s ease-in-out;
		-ms-transition: transform .25s ease-in-out, box-shadow .25s ease-in-out;
		-o-transition: transform .25s ease-in-out, box-shadow .25s ease-in-out;
		transition: transform .25s ease-in-out, box-shadow .25s ease-in-out;
	}
	#menu::before{
		content:'Menü'; color:#fff; font-weight:900;
		position:absolute; top:0; left:20px;
		line-height:75px;
	}

	.top-bar .menu{
		position:relative;
		right:auto; bottom:0;
		margin:140px auto 10px;
		padding:0 5px;
	}
  .top-bar .menu li{
		height:auto;
		margin:0 20px 15px;
		padding:0;
	}
  .top-bar .menu li a{
    color:#fff;
		font-weight:bold;
		padding:0; }
  .top-bar .menu li.active a{
    color:#F4cc00;
		border:0;
  }

	.white .top-bar .menu li,
	.white .top-bar .nav-element{
		color:#fff;
	}
	.white .icon-bar{
		background-color:#fff;
		border-color:#fff!important;
	}

  .form{
    width:100%;
  }

  .type-news .font-body, .type-news h3{
    font-size:15px;
  }

	blockquote, blockquote p{
		font-size:23px;
		letter-spacing:-.25px; }
  .type-news blockquote{
    max-width:90%;
    margin:60px auto;
  }

	small, small p, .meta,
	.type-news .quellen{
	  font-size:12px; }
	.meta-large{
		font-size:13px;
	}

}

@media screen and (max-width: 479px) {
	.main-content{
		padding-top:70px;
	}

	.type-news h1,
	.type-angebote h1{
		font-size:25px;
	}
	h2{
		font-size:17px;
		margin-top:30px;
	}
	.type-news .header .teaser,
	.type-angebote .header .teaser{
		font-size:16px;
	  letter-spacing:0;
	}

	.container-fluid.showcase-wrapper{
		margin-bottom:50px;
	}

	.branding .client,
	.main-content:not(.search) .entry p.teaser{
		display:none;
	}

	.container-fluid > .row > div{ padding-left:10px; padding-right:10px; }
	.container-fluid > .row{ margin-left:-10px; margin-right:-10px; }
	/*.list-container > .row > div{ padding-left:10px; padding-right:10px; }
	.list-container > .row{ margin-left:-10px; margin-right:-10px; }*/

	.index-elem{
		margin-bottom:40px;
	}

	.news-list > div,
	.aktuell-list > div{
		margin-bottom:25px!important;
	}
	.news-list > div:last-of-type,
	.news-list > div:nth-last-of-type(2){
		margin-bottom:0!important;
	}
}