@charset "utf-8";

html { height: 100%; min-height: 100%; }
body { height: 100%; min-height: 100%; overflow-x: hidden; font-weight: 400; font-size: 18px; line-height: 1.68em; background: #ffffff; color: #222222; font-family: 'Saira', sans-serif; }
body.ov_hidden { overflow: hidden; }
@media only screen and (max-width: 1020px) {
	body { font-size: 16px; }
}

header { z-index: 10; position: absolute; width: 100%; background: rgba(255,255,255,0.7); -webkit-backdrop-filter: blur(0.391em); -moz-backdrop-filter: blur(0.391em); backdrop-filter: blur(0.391em); }
main { z-index: 1; position: relative; padding: 8em 0 4em; overflow: hidden; }
main.pt-100 { padding-top: 98px; }
footer { } 
@media only screen and (max-width: 1024px) {
	main.pt-100 { padding-top: 66px; }
}
@media only screen and (max-width: 1020px) {
	header { }
}

h1 { margin-bottom: 1em; font-size: 1.875rem; font-weight: 400; }
h2 { margin: 0 0 0.5em; padding: 0; font-size: 1.3em; font-weight: 400; }
h3 { }
h4 { }
h5 { }
h6 { }
@media only screen and (max-width: 767px) {
	h1 { font-size: 1.5rem; }
}

a { color: #222222; text-decoration: underline; }
a:hover { color: #222222; text-decoration: none; }
p { margin-bottom: 1.68em; }
div { position: relative; }
img { -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); backface-visibility: hidden; transform: translateZ(0); }

ul { margin-bottom: 1em; }
ul li { }

ol { margin-bottom: 1em; }
ol li {}

b, strong { font-weight: 600; }

dl.row { margin-right: 0; margin-left: 0; }
dd { margin-bottom: 0; }

.accordion, figure, .blockquote, .btn { margin-bottom: 1em; }

table { font-size: 0.8em; min-width: 940px; width: 100%; }
table td, table th { padding: .75rem 0; vertical-align: top; border-bottom: 1px solid #000000; }
@media only screen and (max-width: 1020px) {
	table { padding: 0 40px; }
}

/* Button bootstrap classes */
.btn { text-decoration: none; }

.btn-primary { background-color: #0092dd; border-color: #0092dd; color: #ffffff; border-radius: 0px; }
.btn-primary:hover { background-color: #1ba7ef; border-color: #1ba7ef; }

.btn-primary.focus, .btn-primary:focus { box-shadow: none;  }
.btn-primary.active, .btn-primary:active { box-shadow: none!important; background-color: #1ba7ef!important; border-color: #1ba7ef!important; }

.btn-outline-primary { color: #ffffff; border-color: #ffffff; }
.btn-outline-primary:hover { background-color: #ffffff; color: #000000!important; border-color: #ffffff; } 

.btn-outline-primary.focus, .btn-outline-primary:focus { box-shadow: none;  }
.btn-outline-primary.active, .btn-outline-primary:active { box-shadow: none!important; background-color: #ffffff!important; border-color: #ffffff!important; color: #000000!important; }

.bg-primary { background: #74b1ba!important; }

.alert { border-radius: 0; }
.alert-primary { background-color: #0094da; color: #ffffff; border-color: transparent; }
.alert-primary a { color: #ffffff; }

.alert-success {}
.alert-danger {}

.form-control { border-radius: 0; }
textarea.form-control { height: 180px; }

.custom-control-input:checked~.custom-control-label::before { border-color: #0092dd; background-color: #0092dd; }

/* Custom */
.overlay { position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; }

.width_basic { max-width: 1280px; padding: 0 40px; }
.width_600 { max-width: 600px; }
.width_900 { max-width: 900px; }
.width_1440 { max-width: 1440px; padding: 0 40px; }
.padding_left_2 { padding-left: 2em; }

.height_220 { height: 220px; }
.height_600 { height: 600px; }
.height_100 { height: 100%; min-height: 100%; }
.flexslider_height { height: 100%; }
.flexslider_height .overlay { background: rgba(0,0,0,0.4); }
.flexslider_height .overlay .w-100 { height: 100%; }
.flexslider_height .overlay .w-100 .width_basic { height: 100%; }
.flexslider_height .overlay .w-100 .width_basic .width_600 { position: absolute; bottom: 5em;  }
@media only screen and (max-width: 1440px) {
}
@media only screen and (max-width: 1024px) {
	.height_220 { height: 140px; }
}
@media only screen and (max-width: 767px) {
}

.cover { background-position: center; background-repeat: no-repeat; background-size: cover; }

.logo { float: left; padding: 1.5em 0 1.4em 0; text-transform: uppercase; font-size: 1.3em; letter-spacing: 0.1em; }
.logo b { display: inline-block; margin-left: 0.1em; }
.logo a { text-decoration: none; color: #222222; }
@media only screen and (max-width: 1020px) {
	.logo { float: none; padding: 1em 0 0.9em 0; }
}

.nav_container { float: right; }
@media only screen and (max-width: 1020px) {
	.nav_container { float: none; }
}

.mainnav { float: left; text-transform: uppercase; font-weight: 500; font-size: 0.9em; }
.mainnav ul { margin-bottom: 0; padding: 0; }
.mainnav ul li { float: left; list-style: none; margin-right: 40px; }
.mainnav ul li a { color: rgba(0,0,0,1); text-decoration: none; display: block; padding: 2.2em 0 1em; }
.mainnav ul li.active a { color: rgba(0,0,0,.6); }
.mainnav ul li a:hover { color: rgba(0,0,0,.6); }
.mainnav ul li:last-child { margin-right: 0; }
@media only screen and (max-width: 1020px) {
	.mainnav { float: none; display: none; padding-right: 0; padding-top: 0; font-size:1em; }
	.mainnav ul { padding: 0.5em 0 2em 0; }
	.mainnav ul li { float: none; margin-right: 0; }
	.mainnav ul li a { padding: 0.5em 0; }
}

.projekt { height: 23em; margin-bottom: 30px; }
.projekt a { text-decoration: none; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; }
.projekt .overlay { background: rgba(255,255,255,0.7); -webkit-backdrop-filter: blur(1.391em); -moz-backdrop-filter: blur(1.391em); backdrop-filter: blur(1.391em); opacity: 0.0; transition: 500ms; }
.projekt .overlay .text { -webkit-transform: scale(0.8, 0.8); transform: scale(0.8, 0.8); transition: 500ms; }
.projekt:hover .overlay { opacity: 1.0; }
.projekt:hover .overlay .text { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
@media only screen and (max-width: 1440px) {
	.projekt { height: 28.5vw; }
}
@media only screen and (max-width: 767px) {
	.projekt { height: 55vw; }
}

footer { padding: 2em 0; font-size: 0.8em; border-top: solid 1px #C0C0C0; }
footer br { display: none; clear: both; }
@media only screen and (max-width: 767px) {
	footer span { display: none; }
	footer br { display: block; }
}

.menuicon { display: none; position: absolute; right: 40px; top: 23px;  width: 25px; height: 25px; margin: 0 0 0 0; transition: 0ms; }
.menuicon .line { width: 25px; height: 2px; background: #222222; position: absolute; }
.menuicon .line:nth-of-type(1) { top: 0px; }
.menuicon .line:nth-of-type(2) { top: 8px; }
.menuicon .line:nth-of-type(3) { top: 16px; }
.menuicon.active .line:nth-of-type(1) { top: 8px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.menuicon.active .line:nth-of-type(2) { opacity: 0.0; visibility: hidden; }
.menuicon.active .line:nth-of-type(3) { top: 8px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

@media only screen and (max-width: 1020px) {
	.menuicon { display: block; }
}

.flex-control-nav { bottom: 60px; }
.flex-control-nav .flex-active { }
.flex-control-paging li a { background: #ffffff; }
.flex-control-paging li a.flex-active { background: #000000; }

.scroll_down { position: absolute; left: 50%; bottom: 15px; font-size: 2.2em; margin-left: -17px; transform: rotate(180deg); cursor: pointer; color: #ffffff; display: none; }

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

ul.square { list-style-type:square; }
ul.circle { list-style-type:circle; }
ul.square { list-style-type:square; }
ul.image { list-style-image: url('img/sqpurple.gif'); }

ol.decimal-leading-zero { list-style-type:decimal-leading-zero; }
ol.lower-alpha { list-style-type:lower-alpha; }
ol.upper-alpha { list-style-type:upper-alpha; }
ol.upper-roman { list-style-type:upper-roman; }

ul.linklist { list-style-type:none; }
ul li { position: relative; }
ul.linklist span { position: absolute; left: -20px; top: 2px; }

.custom_accordion_trigger { cursor: pointer; padding-left: 0!important; padding-right: 0!important; }
.custom_accordion_trigger_icon { position: absolute; right: 0; top: 50%; margin-top: -2px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.collapsed .custom_accordion_trigger_icon { -webkit-transform: rotate(-0deg); transform: rotate(-0deg); }
.custom_accordion_trigger_icon .line { width: 20px; height: 1px; background: #0094da; }
.custom_accordion_trigger_icon .line:nth-of-type(2) { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }

.accordion .card { overflow: inherit; margin-bottom: 2px; border-radius: 0; border-bottom: solid 1px #0094da!important; }
.accordion .card-header { background: transparent; color: #0094da; }
.accordion .card-body { padding: 0 0 2rem; }

.accordion .card:first-child .card-header { border-radius: .25rem .25rem 0 0; }
.accordion .card:last-child .card-header { border-radius: 0 0 .25rem .25rem; }

.height_250 { height: 250px; }
@media (min-width: 576px) {
	.galerieUebersicht.card-deck { -ms-flex-flow: column; flex-flow: column; margin-right: 0; margin-left: 0; }
	.galerieUebersicht.card-deck .card { margin-right: 0; margin-left: 0; margin-bottom: 15px; }
}
@media (min-width: 776px) {
	.galerieUebersicht.card-deck { -ms-flex-flow: row wrap; flex-flow: row wrap; margin-right: -15px; margin-left: -15px; }
	.galerieUebersicht.card-deck .card { margin-right: 15px; margin-left: 15px; margin-bottom: 30px; }
}

.plugin_galerie_height { height: 180px; }

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

figure video { width: 100%; height: auto; display: block; }

hr { margin: 0; border: 0 none; background-color: transparent; height: 0px; }
hr.space1 { height: 1px; }
hr.space2 { height: 2px; }
hr.space3 { height: 3px; }
hr.space4 { height: 4px; }
hr.space5 { height: 5px; }
hr.space10 { height: 10px; }

.plugin_customcontainer_full_width { display: block; left: 50%; position: relative; transform: translateX(-50%); width: 100vw; /* border:1px dotted blue; */ }

.flex-direction-nav { pointer-events: none; }
.flex-prev, .flex-next { pointer-events: auto; }​