@import url('https://fonts.googleapis.com/css?family=Barlow+Semi+Condensed:300,400,500,600,700');

/* logo blau: #007fc2; */
/* altes blau: background:#007fc2; */

body { font-family:'Barlow Semi Condensed';font-size:18px;line-height:1.5;background:#E7E8EC;font-weight:400;color:#444;-webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing: grayscale; }

#site-wrap { padding:0; }
#site-container { background:#FEFEFE;box-shadow:0px 0px 3px rgba(0,0,0,.1);border-radius:1px;margin-top:0;margin-bottom:00px; }
#content-wrap { min-height:40vh; }

h1,h2,h3,h4 { color:#007fc2;font-weight:400; }
h1 { font-size:4rem;font-weight:500; }
h2 { font-size:3.4rem;font-weight:400; }
h3 { font-size:3rem;font-weight:500; }
h4 { font-size:2.4rem; }

h1,h2,h3,h4,h5,h6 { margin-top:10px; }

.text-lg { font-size:1.2em; }
.text-xl { font-size:1.4em; }

a, a:focus, a:active, a:hover { text-decoration:none;color:inherit; }

header { position:relative;margin:0 -15px;height:300px;overflow:hidden; }
header nav#main-nav { position:absolute;bottom:0;left:0;right:0;/*background:rgba(121,189,255,.35);background:#EFEFEF;*/z-index:10;display:flex;flex-wrap:wrap;justify-content:center;antialiased;overflow:hidden;max-width:750px;margin:0 auto; }
header nav#main-nav ul { display:block;list-style:none;margin:0;padding:0;display:flex;flex-grow:1;flex-wrap:wrap;justify-content:center;background:rgba(255,255,255,.8);antialiased;overflow:hidden;width:100%; }
header nav#main-nav ul li { display:block;list-style:none;margin:0;padding:0;flex-grow:1; }
header nav#main-nav ul li a { display:block;color:#444;padding:8px 30px;margin:0 0px;text-decoration:none;font-weight:600;font-size:24px;position:relative;z-index:1;text-transform:uppercase;text-align:center;/*text-shadow:0px 1px 0 rgba(255,255,255,.75);*/ }
header nav#main-nav ul li a:hover,
header nav#main-nav ul:not(:hover) li.active a { color:#FFF; }

/* header nav#main-nav ul li a.active { color:#FFF; }*/
/* header nav#main-nav ul li a.active:after { background:#007fc2;opacity:0.8; }*/

/* header nav#main-nav ul li:not(:first-child) a:before { content:" ";display:block;height:8px;width:8px;background:#007fc2;position:absolute;top:50%;left:0;transform:translateY(-50%) translateX(-50%) rotate(45deg) skew(-10deg, -10deg); }*/
header nav#main-nav ul li:not(:first-child) a:before { content:" ";display:block;height:64px;width:0px;background:#007fc2;position:absolute;top:50%;left:0;transform:translateY(-50%) translateX(-50%) skew(-20deg); }
header nav#main-nav ul li a:after { content:" ";position:absolute;left:0;right:0;top:0;bottom:0;z-index:-1;transform:skew(0deg);background:#007fc2;opacity:0;transition:all .15s linear;box-shadow:0px 0px 2px rgba(0,0,0,.1); }

/* header nav#main-nav ul:not(:hover) li.active a:after { opacity:1; } */
header nav#main-nav ul li a:hover:after,
header nav#main-nav ul:not(:hover) li.active a:after { opacity:1;transform:skew(-20deg); }


header nav#main-nav ul li:first-child a:after { left:-20px; }
header nav#main-nav ul li:last-child a:after { right:-20px; }

header .logo { position:absolute;top:15px;left:50%;transform:translateX(-50%);z-index:10;width:200px; }
header .logo a { display:block; }
header .logo img { max-width:100%; }

.home header .logo { display:none; }

.header-images { margin:0; }
.header-images .image-item { background-size:cover;background-position:center center;width:100%;position:absolute;z-index:1;top:0;bottom:0; }
.header-images .image-item:after { content:" ";position:absolute;bottom:0;left:0;right:0;top:0px;z-index:-1;background:-webkit-linear-gradient(top, rgba(0,0,0,.1) 0%, rgba(0,0,0,.1) 40%, rgba(0,0,0,.4) 100%); }

#content-wrap { margin:0;padding:0; }
#content-wrap #content > .container { width:auto;padding:0;margin:0; }


.tiles-wrap { padding:100px 0;display:flex;flex-wrap:wrap;justify-content:center; }
.tiles-wrap .tile { display:block;margin:-20px 50px;background:#007fc2;height:180px;width:180px;color:#FFF;text-align:center;transform:rotate(-45deg);float:left;background:#007fc2;position:relative;transition:all .32s ease-out;overflow:hidden; }
.tiles-wrap .tile:hover { cursor:pointer; }
.tiles-wrap .tile .front, 
.tiles-wrap .tile .back { position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%) rotate(45deg);z-index:1;display:block; } 

.tiles-wrap .tile:nth-child(1) { background:#65b7e0; }
.tiles-wrap .tile:nth-child(5) { background:#5ba2c7; }
.tiles-wrap .tile:nth-child(2) { background:#1b73a0; }
.tiles-wrap .tile:nth-child(6) { background:#1b73a0; }
.tiles-wrap .tile:nth-child(3) { background:#007fc2; }
.tiles-wrap .tile:nth-child(7) { background:#3ba7e0; }
.tiles-wrap .tile:nth-child(4) { background:#31a4de; }

.tiles-wrap .tile .back { display:none; }
.tiles-wrap .tile:hover .back { display:block; }
/* .tiles-wrap .tile:hover .front { display:none; } */

.tiles-wrap .tile .tile-title { font-size:32px;font-weight:500;margin:0;color:#FFF; }
.tiles-wrap .tile .back { width:150%;height:150%;top:50%;left:50%; }
.tiles-wrap .tile .tile-background { position:absolute;top:0;bottom:0;left:0;right:0;background-size:cover;background-position:center center;z-index:-1;}

.gallery-thumbnail { margin:15px 0;display:block; }

.gallery-wrap { margin:0 -5px;}
.gallery-wrap:after { content:" ";display:block;clear:both; }
.gallery-wrap .gallery-item { float:left;width:50%;padding:5px; }
.gallery-item .gallery-item-thumb { width:100%;height:100%;background-size:cover; }

.gallery-item.squarify { overflow:hidden;text-align:center; }
.gallery-item.squarify img { width:0;height:0; }

#content > div > .row { display:flex;align-items:center;justify-content:center;align-items:flex-start; }
.flex-row { padding:45px 0;display:block; }
.display-style-flex .article-section { display:flex;align-items:center;justify-content:center;flex-flow:row wrap; }
.display-style-flex .article-section > .article-col { float:none;flex:0 1 auto;}
/* .flex-row:last-of-type { padding:45px 0;border:none; }*/
.flex-row.align-stretch { align-items:stretch; }
.flex-row article { padding:0; }

article.align-top .display-style-flex .article-section { align-items:normal; }

.display-style-flex .article-col { padding:0 15px;margin:0;width:50% !important; }
/* .display-style-flex .image-col { padding:15px 30px; }*/
.display-style-flex .article-default-contents { margin:0;padding:0; }

/* #content-wrap > #content > div .row { border-bottom:1px solid rgba(0,0,0,.15); }*/
/* #content-wrap > #content > div:last-child .row { border-bottom:none; } */

#content-wrap > #content > .container-fluid  .flex-row { display:block;margin:0 -15px;padding:0; }
#content-wrap > #content > .container-fluid  .flex-row article { margin:0;padding:0; }

#content .module-3 .display-style-flex .article-section { display:block; }

hr { border-top:1px solid rgba(0,0,0,.15);margin:0 -15px;padding:0; }

.flex-row h1,
.flex-row h2,
.flex-row h3,
.flex-row h4,
.flex-row p {  }

.col-image { text-align:center; }
article .image-col { text-align:center;padding:0 0;margin:0; }
.rhombus-image, article .image-wrap { /*filter: drop-shadow(0 1px 2px rgba(0,0,0,.15));*/display:inline-block;overflow:hidden;position:relative;transform:rotate(45deg) scale(0.67);box-shadow:1px 1px 3px rgba(0,0,0,.15); 
	/*-webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);*/
}
.rhombus-image img, article .image-wrap img { max-width:100%;transform:rotate(-45deg) scale(1.5);position:relative;/*width:200%;top:50%;left:50%;*/  }

.map-wrap { margin:0 -15px -22px; }

.btn { border-radius:0; }
.btn.btn-main { background:#1491d4;color:#FFF;font-weight:600;font-size:1em;padding:6px 20px;text-transform:uppercase;margin:15px 0;box-shadow:0px 1px 1px rgba(0,0,0,.15); }
.btn.btn-lg.btn-main { font-size:1em;padding:14px 42px;margin:30px 0 0;  }

footer { background:#007fc2;margin:15px -15px 0;padding:15px;color:#EFEFEF;font-size:16px;font-weight:500;min-height:180px; }
footer nav ul { display:block;list-style:none;padding:0;margin:0; }
footer nav ul li { display:block;list-style:none; }
footer nav ul li a { display:block;padding:4px 0;font-weight:600; }
footer .footer-nav-wrap { float:right;text-align:right; }

.below-footer { font-size:14px;font-weight:500;text-align:center;padding:5px; }
.below-footer a { margin:0 10px; }

.modal-dialog,
.modal-content { width:920px;max-width:95vw; }

.modal-dialog { z-index:1048; }
.modal-content { border-radius:2px;border:none; }

.lg-backdrop { z-index:1050 !important; }

img { max-width:100%; }
#nav-toggle { display:none;float:right;margin:0 15px;width:24px;height:24px;position:relative;z-index:100;position:absolute;right:0; }
#nav-toggle .menu-bar { display:block;height:2px;width:100%;background:#007fc2;margin:2px 0 5px;border-radius:3px;overflow:hidden;/*transition:all .32s ease-out;*/ }

body:not(.nav-open) .page-5 #nav-toggle .menu-bar { background:#FFF; }

.nav-open #nav-toggle .menu-bar { margin:0;height:0;overflow:hidden;opacity:0; }
.nav-open #nav-toggle .menu-bar:first-child { display:block;margin:9px 0 0 0;height:2px;opacity:1;transform:rotate(45deg); }
.nav-open #nav-toggle .menu-bar:last-child { display:block;margin:-2px 0 0 0;height:2px;opacity:1;transform:rotate(-45deg); }

.modal-close-button-wrap { padding:30px 0 0 ; }
.btn.btn-wide { padding-left:32px;padding-right:32px; }

.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover { border-color:#007fc2; }

article.module-jumbotron .article-inner 	{ position:relative;padding:0 70px 70px; }
article.module-jumbotron .jumbo.jumbo-sm { margin:0;width:100%;height:auto;aspect-ratio:16/6; }

@media screen and (min-width:1380px) {
	/* .container { width:1340px; }*/
}

@media screen and (max-width:1200px) {
	.tiles-wrap { padding:20px 0 80px 0; }
	.tiles-wrap .tile { height:140px;width:140px;margin:-18px 36px; }
	.tiles-wrap .tile .tile-title { font-size:22px;font-weight:600; }

}

@media screen and (max-width:992px) {

	.tiles-wrap .tile { height:112px;width:112px;margin:-13px 30px; }
	.tiles-wrap .tile .tile-title { font-size:18px;font-weight:600; }

	#content > div > .row > .flex-row.col-sm-4 { width:40% !important; }

	.image-wrap { max-width:400px;margin:0 auto; }

	#content-wrap { min-height:calc( 100vh - (170px + 180px) ); }
	footer {  }

}

@media screen and (max-width:768px) {
	.home header .logo { display:inline-block;opacity:0; }

	.header-top { background:rgba(255,255,255,.0);height:64px;z-index:80;position:relative;display:block;transition:background .32s ease-out;text-align:center; }
	.header-top .logo { position:relative;left:auto;transform:none;width:72px;margin:0 0 0 10px;display:inline-block;transition:all .32s ease-out;float:none; }
	.nav-open .header-top { background:rgba(255,255,255,.9);height:64px; }

	#nav-toggle { display:block;top:23px; }

	header { transition:all .32s ease-out;height:170px; }
	header nav#main-nav { top:0;bottom:100%;opacity:0;transition:all .0s .5s linear, opacity .32s ease-out;position:relative;height:0;/*flex-wap:unset;justify-content:unset;*/display:flex;align-items:center;background:rgba(255,255,255,.9);z-index:-1; }

	.nav-open #site-wrap { height:100vh;overflow:hidden; }
	.nav-open header { height:100vh; }
	.nav-open header nav#main-nav { bottom:0;opacity:1;z-index:999;transition:all 0s linear, opacity .32s ease-out;height:calc(100vh - 64px); }
	.nav-open .home header .logo { opacity:1; }

	.nav-open header .header-images { /*filter:blur(2px);*/ z-index:-1; }
	/* .nav-open #content-wrap { filter:blur(4px);opacity:.25; }*/

	header nav#main-nav ul { display:block;width:100%;background:none;position:relative;top:-64px; }
	header nav#main-nav ul li { float:none;margin:5px 0; }
	header nav#main-nav ul li a { font-weight:600;font-size:24px;padding:25px 10px;text-align:center;margin:0 35px; }

	header nav#main-nav ul li a:after { transform:skew(-20deg); }

	header nav#main-nav ul li:first-child a:after { left:0; }
	header nav#main-nav ul li:last-child a:after { right:0; }

	.flex-row, .display-style-flex .article-section { flex-direction:column; }
	.display-style-flex .article-col { width:80% !important;padding-bottom:25px;order:2; }
	.display-style-flex .article-col.article-text { order:1; }
		
	.flex-row article { width:100%; }
	.article-default-contents .article-section { width:100%; }
	.article-default-contents .article-text,
	.article-default-contents .article-col { width:80% !important;padding:0 15px; }
	.article-default-contents .article-text { width:100% !important; }

	article .article-inner .display-style-flex { max-width:80% !important;margin:0 auto; }

	.article-default-contents .article-section .image-center { width:auto !important;max-width:40% !important;}

	#content-wrap > #content > .container-fluid  .flex-row { display:block;width:100%; }
	#content > div > .row > .flex-row.col-sm-4 { width:100% !important; }
	
	.tiles-wrap { max-width:534px;margin:0 auto;padding:0 0 50px; }
	.tiles-wrap .tile { height:152px;width:152px;margin:-38px 38px; }
	.tiles-wrap .tile:nth-child(3n-2) { margin:0 80px;/*background:pink !important;*/ }

	.tiles-wrap .tile .tile-title { font-size:22px;font-weight:600; }

}

@media screen and (max-width:530px) {
	.tiles-wrap { width:auto;padding:0 0 50px; }
	.tiles-wrap .tile { height:136px;width:136px;margin:-34px 34px; }
	.tiles-wrap .tile:nth-child(3n-2) { margin:0 80px;/*background:pink !important;*/ }

	.flex-row { padding:10px 0; }
	#content-wrap > #content > .container > .row { display:block !important;justify-content:unset;align-items:unset; }
}

@media screen and (max-width:448px) {
	.tiles-wrap .tile { height:120px;width:120px;margin:-30px 30px; }
	.tiles-wrap .tile:nth-child(3n-2) { margin:0 60px; }
}

@media screen and (max-width:398px) {

	.tiles-wrap .tile { height:110px;width:110px;margin:-26px 28px; }
	.tiles-wrap .tile:nth-child(3n-2) { margin:0 96px; }
	.tiles-wrap .tile .tile-title { font-size:16px;font-weight:600; }

	.col-xs-6 { width:100%; }
	
	footer { text-align:center; }
	footer .footer-nav-wrap { text-align:center;float:none; }
	footer nav ul { padding:0;margin:0; }

}

@media screen and (max-width:362px) {

	.tiles-wrap .tile { height:84px;width:84px;margin:-21px 21px; }
	.tiles-wrap .tile .tile-title { font-size:16px;font-weight:600; }

}


.carousel-fade .carousel-inner .item {
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  transform: translate3d(0, 0, 0);
}