@charset "UTF-8";

/* Fonts */

/* pt-sans-narrow-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: 'PT Sans Narrow';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/pt-sans-narrow-v18-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* pt-sans-narrow-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: 'PT Sans Narrow';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/pt-sans-narrow-v18-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* Animations */

a, a:hover { -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; transition:all 0.2s ease; text-decoration: none; }

.mittig { display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; -webkit-box-align: center;	-ms-flex-align: center; align-items: center; justify-content: space-between; }

.fullsize { position:relative; width: 100%;	min-height: 100%;	height: auto !important; height: 100%; overflow: hidden !important; }

.zoom { overflow: hidden; position: relative; line-height: 0; }
.zoom img { width: 100%; height:auto; overflow: hidden; position: relative; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.zoom:hover img {	-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

.hide { opacity: 0; margin-left: 30px; margin-right: -30px; -webkit-transition:all 0.7s ease; -moz-transition:all 0.7s ease; -o-transition:all 0.7s ease; transition:all 0.7s ease; }
.hide.visible { opacity: 1; margin-left: 0; margin-right: 0; }

.hidestart { opacity: 0; margin-top: 100px; margin-bottom: -100px; -webkit-transition:all 2s ease; -moz-transition:all 2s ease; -o-transition:all 2s ease; transition:all 2s ease; }
.hidestart.visible { opacity: .25; margin-top: 0; margin-bottom: 0; }

.hidepage { opacity: 0; margin-top: 100px; margin-bottom: -100px; -webkit-transition:all 1s ease; -moz-transition:all 1s ease; -o-transition:all 1s ease; transition:all 1s ease; }
.hidepage.visible { opacity: 1; margin-top: 0; margin-bottom: 0; }

.stopit { position: absolute; margin: 6vw; z-index: 2000; font-size: 3rem; }
.stopit.stop { position: fixed; top: 0; left: 0; }
.stopit .small { font-size: 1.25rem; }

.goforit.go { position: absolute; margin: 0 0 -3rem 0; padding: 6vw; z-index: 2000; font-size: 3rem; display: block; }
.goforit { position: fixed; bottom: 0; left: 0; display: none; }

.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 6vw;
  z-index: 2000;
}
.sticky .texteffect {
  font-size: 3rem; 
}

sub { vertical-align: -12%; font-size: .7em; }

/* Colors */

.font-white { color: #ffffff; }
.font-black { color: #000000; }
.font-leightgrey { color: #edf0f2; }
.font-grey { color: #647a84; }
.font-red { color: #e50051; }
.font-orange { color: #f39200; }
.font-green { color: #46bab8; }
.font-blue { color: #009fe3; }
.font-grass { color: #95c121; }

.bg-white { background: #ffffff; }
.bg-black { background: #000000; }
.bg-leightgrey { background: #edf0f2; }
.bg-grey { background: #647a84; }
.bg-red { background: #e50051; }
.bg-orange { background: #f39200; }
.bg-green { background: #46bab8; }
.bg-blue { background: #009fe3; }
.bg-grass { background: #95c121; }

.bg-white-trans { background: rgba(255,255,255,0.85); }
.bg-black-trans { background: rgba(0,0,0,.6); }
.bg-grey-trans { background: rgba(38,43,44,.8); }

.has-white-color { color: #ffffff; }
.has-black-color { color: #000000; }
.has-grey-color { color: #647a84; }
.has-red-color { color: #e50051; }
.has-orange-color { color: #f39200; }
.has-green-color { color: #46bab8; }
.has-blue-color { color: #009fe3; }
.has-grass-color { color: #95c121; }

.has-white-background-color { background-color: #ffffff; }
.has-black-background-color { background-color: #000000; }
.has-grey-background-color { background-color: #647a84; }
.has-lightgrey-background-color { background-color: #edf0f2; }
.has-red-background-color { background: #e50051; }
.has-orange-background-color { background: #f39200; }
.has-green-background-color { background: #46bab8; }
.has-blue-background-color { background: #009fe3; }
.has-grass-background-color { background: #95c121; }

.bg-gradient { background: linear-gradient(180deg, #edf0f2 0%, #ffffff 100%); }
.bg-gradient-dark { background: linear-gradient(180deg, #647a84 0%, #edf0f2 100%); }

/* Typo */

h1 { font-size: 5.3vw; line-height: 1.2em; font-weight: 300;}
h2 { font-size: 3.7vw; line-height: 1.15em; }
h3 { font-size: 3.3vw; line-height: 1.15em; }
h4 { font-size: 2.4rem; line-height: 1.25em; }
h5 { font-size: 1.85rem; line-height: 1.25em; }
h6 { font-size: 1.25rem; line-height: 1.25em; }

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #000000 !important; }

.content h1 { font-size: 2.8rem; margin-bottom: 1em; }
.content h2 { font-size: 2.4rem; margin-bottom: 1em; }
.content h3 { font-size: 1.9rem; margin-bottom: 1em; }
.content h4 { font-size: 1.6rem; margin-bottom: 1em; }
.content h5 { font-size: 1.4rem; margin-bottom: 1em; }
.content h6 { font-size: 1.2rem; margin-bottom: 1em; }

b, strong { font-weight: 600; }
em { font-style: italic; }
u { text-decoration: underline;}
i { font-size: .9em; margin-right: 0.4em; }
.nobr { white-space : nowrap; }
.round { border-radius: 5px; }
.roundtop { border-radius: 5px 5px 0 0; }
.roundbottom { border-radius: 0 0 5px 5px; }
.font-spacing { letter-spacing: .1em; }
.border { border: 1px solid #edf0f2; }
sup { vertical-align: super !important; font-size: .65em !important; }

/* Typo Effekte */

.texteffect,
.texteffect p { color: transparent; }

.texteffect.go,
.texteffect.go p {
  display: inline;
  color: transparent;
  background-position: left;
  background-size: 0% 100%;
  background-image: linear-gradient(#000000, #000000);
  background-repeat: no-repeat;
  animation: wipe .75s .3s forwards;
}
@keyframes wipe {
  50% {
    color: transparent;
    background-size: 100% 100%;
  }
  51% {
    color: #000000;
  }
  100% {
    color: #000000;
    background-size: 0% 100%;
  }
}

.texteffect.white.go,
.texteffect.white.go p {
  background-image: linear-gradient(#ffffff, #ffffff);
  animation: wipewhite 1.2s .3s forwards;
}
@keyframes wipewhite {
  50% {
    color: transparent;
    background-size: 100% 100%;
  }
  51% {
    color: #ffffff;
  }
  100% {
    color: #ffffff;
    background-size: 0% 100%;
  }
}

/***** General stuff *****/

.grecaptcha-badge { display: none !important; }

hr { border: 0 !important; margin: 1.8vw 0; height: 14px; width: 100px; background: transparent url('../images/hr.svg') center center no-repeat; background-size: 100px 14px; margin-left: -50px; }
.font-white hr, hr.white { background: transparent url('../images/hr_white.svg') center center no-repeat;}
hr.small { margin: 1.3rem 0; height: 8px; width: 60px; background: transparent url('../images/hr.svg') center center no-repeat; background-size: 60px 8px; margin-left: -30px; }
.font-white hr.small, hr.white.small { margin: 1.3rem 0; height: 8px; width: 60px; background: transparent url('../images/hr_white.svg') center center no-repeat; background-size: 60px 8px; margin-left: -30px; }
hr.large { margin: 2.5rem 0; height: 20px; width: 140px; background: transparent url('../images/hr.svg') center center no-repeat; background-size: 140px 20px; margin-left: -70px;}

.right { text-align: right; }
.left { text-align: left; }
.center { text-align: center; }
.justify { text-align: justify; }

.uppercase { text-transform: uppercase; }

.shadow { box-shadow: 0 0 15px rgba(0,0,0,0.25); }

.col2 { column-count: 2; column-gap:50px; }

.content a[href *=".pdf"],
.content .wp-block-file a[href *=".pdf"] { padding: 6px 0 4px 30px; margin-bottom: .5rem;	background: transparent url(../images/pdf.png) no-repeat left; line-height: 2em; }
.content img { width: 100%; height: auto; }

.content.text .col_l_sp_8 figure.alignleft.size-full { width: calc(50% - 15px); margin-right: 30px; }
.content.text .col_l_sp_8 figure.alignright.size-full { width: calc(50% - 15px); margin-left: 30px; }
.content.text .col_l_sp_8 figure.alignleft.size-full figcaption,
.content.text .col_l_sp_8 figure.alignright.size-full figcaption { margin: 0; }
.content.text .col_l_sp_8 figure.alignleft.size-full.is-resized { width: auto; margin-right: 30px; }
.content.text .col_l_sp_8 figure.alignright.size-full.is-resized { width: auto; margin-left: 30px; }

/* Text */

.text { font-size: 1.25rem; line-height: 1.5em; }
.text p { margin-bottom: 1.3rem; }
.text p:last-child { margin-bottom: 0; }
.text p.has-background { padding: 20px 25px 25px; }
.text ul { margin: 0 0 1.3rem 1.25rem; padding: 0; }
.text ul li { list-style-type: square; list-style-position: outside; }
.text ul ul { margin-bottom: 0; margin-left: 2rem; }
.text ol { margin: 0 0 1.3rem 1.25rem; padding: 0; }
.text ol li { list-style-type: decimal; list-style-position: outside;  }
.text ol ol { margin-bottom: 0; margin-left: 2rem; }
.text .small, .text.small { font-size: 1rem; line-height: 1.35em; }
.text .verysmall, .text.verysmall, .has-small-font-size { font-size: .85rem; line-height: 1.4em; }
.text .wp-block-pullquote, .text .wp-block-pullquote.is-style-solid-color blockquote { max-width: 100% !important; text-align: left; }
.text blockquote { font-size: 1.3em; line-height: 1.25em; margin-bottom: 1.75rem; font-weight: 300; color: #000000; }
.text blockquote p { margin-bottom: 1.1rem; }
.text blockquote cite { font-size: 1rem; line-height: 1.15em; font-style: normal; display:inline-block; }
.text .wp-block-pullquote { margin: 0 0 1.1rem 0 !important; padding: 0 !important; }
.text .wp-block-columns { margin-bottom: 1.1rem; }
.text .wp-block-columns .wp-block-column,
.text .wp-block-columns .wp-block-column .wp-block-columns { margin-bottom: 0; margin-top: 0; }
.text .wp-block-columns .wp-block-column .wp-block-columns .wp-block-column { margin-top: .55rem; margin-bottom: .55rem; }
.text .wp-block-image figcaption { margin-top: 0.3em; margin-bottom: 1em; font-size: 1rem; }
.text a { color: #000000; text-decoration: none; }
.text a:hover { color: #647a84 !important; }
.text.content.font-white .col_l_sp_8 a { text-decoration: underline; color: #ffffff; }
.text.content .col_l_sp_8 a { text-decoration: underline; color: #647a84; }
.text.content .col_l_sp_8 a:hover { color: #000000; }
.font-white .text a, .font-white.text a, .font-white .text a:visited, .font-white.text a:visited { color: #ffffff; }
.font-white .text a:hover, .font-white.text a:hover { color: rgba(255,255,255,.65) !important; }

/* Table */

table { display: table; width: 100%; max-width: 100%; border-spacing: 0; border-collapse: collapse; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: .9rem; }
table tr { display: table-row; border-bottom: 1px dotted #000000; }
table tr:last-child { border-bottom: none; }
table thead { border-bottom: 3px solid #000000; }
table tr th { display: table-cell; text-align: left; font-weight: 600; padding: 0 10px 10px 10px; }
table tr th:first-child { padding: 0 10px 10px 0; }
table tr th:last-child { padding-right: 0; }
table tbody { display: table-row-group; border-bottom: 1px solid #000000; }
table tr td { display: table-cell; padding: 10px; border-right: 1px dotted #000000; line-height: 1.35em; }
table tr td:first-child { padding-left: 0; }
table tr td:last-child { border-right: 0; padding-right: 0; vertical-align: middle; }
table tfoot { display: table-row-group; border-bottom: 1px solid #000000; }

.is-style-stripes { border-spacing: 0; border-collapse: inherit; background-color: transparent; border-bottom: 0; }
.is-style-stripes table tr { display: table-row; border-bottom: 1px dotted #000000; }
.is-style-stripes table tr:nth-child(odd) { background: #ededed; }
.is-style-stripes table tr td { border-right: 1px dotted #000000; }
.is-style-stripes table tr td:first-child { padding-left: 10px; }
.is-style-stripes table tr td:last-child { padding-right: 10px; border-right: 0; }

/* Button */

a.btn { color: #000000; font-size: 1rem; text-decoration: none !important; text-transform: uppercase; letter-spacing: .15em; border-radius: 4px; display: inline-block; }
a.btn.small { font-size: .9rem; }
a.btn:hover { color: #e50051 !important; }

a.btn.ani::after,
a.btn.ani::before {
  font-family: "Font Awesome 5 Free" !important; font-weight: 900 !important; font-size: .9em !important; font-style: normal; content: "\f0da"; color: #e50051;
  -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; }
a.btn.ani::after { margin-left: 12px; }
a:hover.btn.ani::after { opacity: 0; margin-left: 0; }
a.btn.ani::before { margin-left: -7px; margin-right: 0; opacity: 0; }
a:hover.btn.ani::before { margin-left: 2px; margin-right: 10px; opacity: 1; 
  font-family: "Font Awesome 5 Free" !important; font-weight: 900 !important; font-size: .9em !important; font-style: normal; content: "\f0da"; color: #e50051;
}

a.btn.ani.back::after,
a.btn.ani.back::before {
  font-family: "Font Awesome 5 Free" !important; font-weight: 900 !important; font-size: .9em !important; font-style: normal; content: "\f0d9"; color: #e50051;
  -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; }
a.btn.ani.back::after { margin-left: -5px; opacity: 0; }
a.btn.ani.back:hover::after { opacity: 1; margin-left: 11px; }
a.btn.ani.back::before { margin-left: 0; margin-right: 10px; opacity: 1; }
a.btn.ani.back:hover::before { margin-right: -7px; margin-left: 0; opacity: 0; 
  font-family: "Font Awesome 5 Free" !important; font-weight: 900 !important; font-size: .9em !important; font-style: normal; content: "\f0d9"; color: #e50051;
}

.font-white a.ani,
.font-white a.ani:hover,
.font-white a.btn.ani::after,
.font-white a.btn.ani::before,
.font-white a:hover.btn.ani::before { color: #ffffff !important; }

/* OWL */

.owl-dots { position: relative; text-align: center; z-index: 9000; margin-top: 15px; }
button.owl-dot { display: inline-block; margin: 0 10px 0 0; }
button.owl-dot:last-child { margin: 0; }
.owl-dot span { display: block; width: 10px; height: 10px; background: rgba(0,0,0,.15); }
.owl-dot.active span { background: #000000; }
.owl-dot:hover span { background: rgba(0,0,0,.35); }

.owl-nav { position: absolute; bottom: 30px; right: 3vw; display: inline-block; z-index: 9000; }
.owl-nav button { display: inline-block; line-height: 0; color: rgba(8,83,134,0.65); }
.owl-nav button:hover { color: rgba(8,83,134,1); }
.owl-nav button i { margin: 0 0 0 15px; font-size: 1.5rem; }

/* Forms */

.content .wpforms-container .wpforms-field { padding: 0 0 .5rem 0; }
.content div.wpforms-container-full .wpforms-field-label { font-size: .95rem; font-weight: 400; display: block; margin: 10px 0 5px 0; padding: 0; }
.content .font-white div.wpforms-container-full .wpforms-field-label { color: #ffffff; }
.wpcf7 form input { border: 0; }
.content div.wpforms-container-full input[type=text], .content div.wpforms-container-full input[type=email], .content div.wpforms-container-full input[type=tel], .content div.wpforms-container-full input[type=url] { 
  font-family: 'PT Sans Narrow', 'Verdana', 'Geneva', sans-serif;
  font-weight: 400;
  width: 100%; 
  padding: 10px 12px; 
  box-sizing: border-box; 
  font-size: 1.1rem; 
  background: #ffffff; 
  outline: none;
  border-radius: 5px;
  border: 1px solid #647a84;
}
.content div.wpforms-container-full .wpforms-form textarea { 
  font-family: 'PT Sans Narrow', 'Verdana', 'Geneva', sans-serif;
  font-weight: 400;
  width: 100%; 
  height: 150px; 
  padding: 10px 12px; 
  box-sizing: border-box; 
  font-size: 1.1rem; 
  background: #ffffff; 
  outline: none; 
  border: 0;
  border-radius: 5px;
  border: 1px solid #647a84;
}
.content div.wpforms-container-full button[type=submit]:not(:hover):not(:active),
.content div.wpforms-container-full button[type=submit] {
  font-family: 'PT Sans Narrow', 'Verdana', 'Geneva', sans-serif;
  font-weight: 400;
  display: inline-block; 
  font-size: 1rem; 
  font-weight: 400; 
  line-height: 1em;
  letter-spacing: .15em;
  margin-top: 1rem;
  text-decoration: none;
  text-transform: uppercase;
  color: #ffffff; 
  padding: 10px 15px; 
  background: #647a84; 
  cursor: pointer;
  border-radius: 5px;
  -webkit-transition:ease 0.3s; -moz-transition:ease 0.3s; -o-transition:ease 0.3s; transition:ease 0.3s;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: auto;
}
.wpforms-container .wpforms-field.wpforms-field-checkbox { padding: .75rem 0 0 0; }
.content div.wpforms-container-full input[type=checkbox], .content div.wpforms-container-full input[type=radio] {
  border: 1px solid #647a84;
  background-color: #fff;
  width: 14px;
  height: 14px;
  -webkit-appearance: checkbox !important;
  -moz-appearance: checkbox !important;
  appearance: checkbox !important;
  margin: 0;
  display: inline-block;
  vertical-align: baseline;
}
.wpcf7 .wpcf7-date, .wpcf7 .wpcf7-select {
  font-family: 'PT Sans Narrow', 'Verdana', 'Geneva', sans-serif;
  font-weight: 400;
  width: 100%; 
  padding: 12px; 
  box-sizing: border-box; 
  font-size: 1.1rem; 
  background: #edf0f2; 
  outline: none;
}
.content div.wpforms-container-full button[type=submit]:hover { background: #000000; color: #ffffff; }
.content div.wpforms-container-full .wpforms-form .wpforms-submit-container::before { content: "*Pflichtfelder, bitte ausfüllen."; display: block; font-size: .8em; color: #647a84; }
.content .font-white div.wpforms-container-full .wpforms-form .wpforms-submit-container::before,
.content .font-white .wpforms-container .wpforms-required-label { color: #ffffff; }

form select { -moz-appearance: none; -webkit-appearance: none; appearance: none; }
form select::-ms-expand { display: none; }
form select:focus::-ms-value { background-color: transparent; }
form select {
  font-family: 'PT Sans Narrow', 'Verdana', 'Geneva', sans-serif;
  font-weight: 400;
  font-style: normal;
  width: 100%; 
  padding: 9px 12px; 
  font-size: 1.2rem;
  line-height: 1.4em; 
  border-radius: 5px; 
  box-sizing: border-box; 
  outline: none; 
  cursor: pointer;
  color: #647a84;
  border: 1px solid #647a84;
  background-color: #ffffff;
  background-image: linear-gradient(45deg, transparent 50%, #647a84 50%), linear-gradient(135deg, #647a84 50%, transparent 50%);
  background-position: calc(100% - 17px) 50%, calc(100% - 12px) 50%;
  background-size: 5px 5px, 5px 5px;
  background-repeat: no-repeat;
}
form select:hover { background-image: linear-gradient(45deg, transparent 50%, #009fe3 50%), linear-gradient(135deg, #009fe3 50%, transparent 50%); border: 1px solid #009fe3; }

/* Wordpress Stuff */

.wp-block-button { margin: 0!important; display: inline-block; }
.wp-block-button__link {
  background-color: #647a84 !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  cursor: pointer !important;
  display: inline-block !important;
  font-size: 1rem !important;
  line-height: 1rem !important; 
  margin: 0 0 1em 0 !important;
  padding: 10px 15px 10px 10px !important;
  text-align: center !important;
  text-decoration: none !important;
  overflow-wrap: break-word !important;
  text-transform: uppercase !important;
  letter-spacing: .15em !important;
}

.wp-block-button__link:before { 
  font-family: 'simple-line-icons';
  font-size: .8em !important;
  content: "\e606";
  margin-right: .5em;
 }
.wp-block-button__link:hover { color: #ffffff !important; background: #e50051 !important; }

.font-white .wp-block-button__link.wp-element-button { background-color: #ffffff !important; color: #647a84 !important; }
.font-white .wp-block-button__link.wp-element-button:hover { color: #e50051 !important; }

/* Borlabs YouTube Videos */

.wp-block-embed__wrapper, .video-container { position: relative; padding-bottom: 56.25% !important; height: 0; }
.wp-block-embed__wrapper iframe,
.video-container iframe,
.video-container .brlbs-cmpnt-content-blocker,
.wp-block-embed__wrapper .brlbs-cmpnt-content-blocker { position: absolute; top:0; left:0; width: 100%; height:100%; }
.wp-block-embed__wrapper .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker a.brlbs-cmpnt-cb-provider-toggle { color: #ffffff !important; }
.wp-block-embed__wrapper .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker a.brlbs-cmpnt-cb-provider-toggle:hover { color: #d60b51 !important; }
.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-c .brlbs-cmpnt-cb-main { margin: 4vw !important; padding: 4vw !important; }