@import "https://font.nicdn.de/asap.css?v1.0";
@import "https://lib.nicdn.de/fa/6.1.1/css/all.min.css?v1.0";

/* Frameworks */
/* ----------------------------------------------------------- */
/* == tingle v0.13.2 */
/* ----------------------------------------------------------- */
.tingle-modal * { box-sizing: border-box; }

.tingle-modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000; display: -webkit-box; display: -ms-flexbox; display: flex; visibility: hidden; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden; -webkit-overflow-scrolling: touch; background: rgba(0, 0, 0, 0.8); opacity: 0; cursor: pointer; -webkit-transition: -webkit-transform .2s ease; transition: -webkit-transform .2s ease; transition: transform .2s ease; transition: transform .2s ease, -webkit-transform .2s ease; }

/* confirm and alerts
-------------------------------------------------------------- */
.tingle-modal--confirm .tingle-modal-box { text-align: center; }

/* modal
-------------------------------------------------------------- */
.tingle-modal--noOverlayClose { cursor: default; }

.tingle-modal--noClose .tingle-modal__close { display: none; }

.tingle-modal__close { position: fixed; top: 10px; right: 28px; z-index: 1000; padding: 0; width: 5rem; height: 5rem; border: none; background-color: transparent; color: #f0f0f0; font-size: 6rem; font-family: monospace; line-height: 1; cursor: pointer; -webkit-transition: color .3s ease; transition: color .3s ease; }

.tingle-modal__closeLabel { display: none; }

.tingle-modal__close:hover { color: #fff; }

.tingle-modal-box { position: relative; -ms-flex-negative: 0; flex-shrink: 0; margin-top: auto; margin-bottom: auto; width: 60%; border-radius: 4px; background: #fff; opacity: 1; cursor: auto; -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); transition: -webkit-transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); }

.tingle-modal-box__content { padding: 3rem 3rem; }

.tingle-modal-box__footer { padding: 1.5rem 2rem; width: auto; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; background-color: #f5f5f5; cursor: auto; }

.tingle-modal-box__footer::after { display: table; clear: both; content: ""; }

.tingle-modal-box__footer--sticky { position: fixed; bottom: -200px; /* TODO : find a better way */ z-index: 10001; opacity: 1; -webkit-transition: bottom .3s ease-in-out .3s; transition: bottom .3s ease-in-out .3s; }

/* state
-------------------------------------------------------------- */
.tingle-enabled { position: fixed; overflow: hidden; left: 0; right: 0; }

.tingle-modal--visible .tingle-modal-box__footer { bottom: 0; }

.tingle-enabled .tingle-content-wrapper { -webkit-filter: blur(8px); filter: blur(8px); }

.tingle-modal--visible { visibility: visible; opacity: 1; }

.tingle-modal--visible .tingle-modal-box { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

.tingle-modal--overflow { overflow-y: scroll; padding-top: 8vh; }

/* btn
-------------------------------------------------------------- */
.tingle-btn { display: inline-block; margin: 0 .5rem; padding: 1rem 2rem; border: none; background-color: grey; box-shadow: none; color: #fff; vertical-align: middle; text-decoration: none; font-size: inherit; font-family: inherit; line-height: normal; cursor: pointer; -webkit-transition: background-color .4s ease; transition: background-color .4s ease; }

.tingle-btn--primary { background-color: #3498db; }

.tingle-btn--danger { background-color: #e74c3c; }

.tingle-btn--default { background-color: #34495e; }

.tingle-btn--pull-left { float: left; }

.tingle-btn--pull-right { float: right; }

/* responsive
-------------------------------------------------------------- */
@media (max-width: 540px) { .tingle-modal { top: 0px; display: block; padding-top: 60px; width: 100%; }
  .tingle-modal-box { width: auto; border-radius: 0; }
  .tingle-modal-box__content { overflow-y: scroll; }
  .tingle-modal--noClose { top: 0; }
  .tingle-modal--noOverlayClose { padding-top: 0; }
  .tingle-modal-box__footer .tingle-btn { display: block; float: none; margin-bottom: 1rem; width: 100%; }
  .tingle-modal__close { top: 0; right: 0; left: 0; display: block; width: 100%; height: 60px; border: none; background-color: #2c3e50; box-shadow: none; color: #fff; line-height: 55px; }
  .tingle-modal__closeLabel { display: inline-block; vertical-align: middle; font-size: 1.5rem; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; }
  .tingle-modal__closeIcon { display: inline-block; margin-right: .5rem; vertical-align: middle; font-size: 4rem; } }

@supports (-webkit-backdrop-filter: blur(12px)) or (backdrop-filter: blur(12px)) { .tingle-modal { -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); }
  @media (max-width: 540px) { .tingle-modal { -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); } }
  .tingle-enabled .tingle-content-wrapper { -webkit-filter: none; filter: none; } }

/* Own Style */
body, html, h1, h2, h3, h4, p, ol, ul, li { margin: 0; padding: 0; }

ul, ol { list-style-type: none; }

body, html, .tingle-content-wrapper { height: 100%; }

html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: transparent; }

body { text-rendering: optimizeLegibility; }

@-ms-viewport { width: device-width; }


html { font-size: 18px; }

body { font-family: 'Asap', sans-serif; font-size: 100%; line-height: 1.5; -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }

a { text-decoration: none; color: #154e7c; }

a:hover { color: #0a253b; }

.btn { display: inline-block; border: 2px solid #154e7c; padding: 0.25rem 0.75rem; border-radius: 0.25rem; }

.btn:hover { color: #fff; border-color: #154e7c; background-color: #154e7c; }

.container { max-width: 1160px; margin: 0 auto; }

.row { display: flex; flex-direction: row; flex-wrap: wrap; }

.row .col { flex: 1; }

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

.mb-0 { margin-bottom: 0 !important; }

.mr { margin-right: 1rem; }

.pr { padding-right: 1rem; }

.pl { padding-left: 1rem; }

header { background-color: #0a253b; color: #fff; }

header .logo { padding: 1.5rem; width: 240px; margin: 0 auto; }

header .logo svg .a { fill: #fff; }

#scrolltop { opacity: 0; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; position: fixed; bottom: 1.5rem; left: 50%; margin-left: -2rem; }

#scrolltop.active { opacity: 1; }

#scrolltop a { display: inline-block; width: 4rem; height: 4rem; line-height: 4rem; border-radius: 50%; background-color: rgba(255, 255, 255, 0.75); text-align: center; }

#scrolltop a svg { display: inline-block; margin-top: 0.5rem; height: 3rem; width: 3rem; }

.matomo-iframe { border: 1px solid #ccc; width: 100%; height: 200px; background: #f4f4f4; }

#video, .video-shadow { box-shadow: 0 0 32px rgba(0, 0, 0, 0.25); }

.video-shadow video { display: block; }

.video { position: relative; padding-bottom: 54%; /* 16:9 */ padding-top: 25px; height: 0; box-shadow: 0 0 32px rgba(0, 0, 0, 0.25); }

.video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.content { color: #303336; }

.content p, .content h1, .content h2, .content h3, .content h4, .content ul { margin-bottom: 1rem; }

.content h1 { font-size: 2rem; font-weight: normal; margin-bottom: 3rem; line-height: 1.25; }

.content h2 { font-size: 1.5rem; line-height: 1.25; font-weight: normal; }

.content h3 { font-size: 1.25rem; font-weight: 600; }

.content h4 { font-weight: 100; font-size: 0.75rem; text-transform: uppercase; opacity: 0.5; }

.content ul { list-style-type: square; }

.content ul li { margin-left: 2rem; }

.content ul.check { list-style-type: none; }

.content ul.check li { margin-left: 0; padding-left: 1.5rem; margin-bottom: 0.5rem; font-weight: 600; }

.content ul.check li svg { height: 1rem; position: absolute; margin-top: 0.25rem; margin-left: -1.5rem; fill: currentColor; fill: #282; }

.content ul.questions { list-style-type: none; margin-top: 2rem; }

.content ul.questions li { margin-left: 0; padding-left: 2.5rem; opacity: 0.5; position: relative; margin: 0.5rem 0; }

.content ul.questions li svg { height: 1.5rem; position: absolute; margin-top: 0.12rem; margin-left: -2.5rem; fill: #fff; top: 0; }

.content ul.questions li h3 { font-weight: 100; line-height: 1.4; }

.content ul.questions li h3 a { display: block; }

.content ul.questions li:hover { opacity: 0.75; }

.content ul.questions li.active, .content ul.questions li.active:hover { opacity: 1; }

.content ul.questions li.accordion .accordion-content { height: 0; overflow: hidden; -webkit-transition: height 0.25s; transition: height 0.25s; }

.content ul.questions li.accordion .accordion-content svg { display: none; }

.content ul.questions li.accordion.active p svg { opacity: 1; }

.content ul.questions li.accordion.active h3 a svg { display: none; }

.content ul.questions li.accordion.active .accordion-content { height: auto; -webkit-transition: height 0.25s; transition: height 0.25s; /* -webkit-transition: max-height 1s;  transition: max-height 1s; */ }

.content ul.questions li.accordion.active .accordion-content svg { display: block; }

.bg-light { background-color: #eee; }

.bg-blue { background-color: #154e7c; color: #fff; }

.bg-blue .content, .bg-blue a { color: #fff; }

.bg-blue .content .btn, .bg-blue a .btn { border-color: #fff; color: #fff; }

.bg-blue .content .btn:hover, .bg-blue a .btn:hover { background: #fff; color: #154e7c; }

.hero-half { display: flex; }

.hero-half .left, .hero-half .right { /*
    display:inline-block;
    width:50%;
   
*/ flex: 1; }

.hero-half .left .container, .hero-half .right .container { max-width: 652px; width: 100%; margin: 0; display: inline-block; text-align: left; height: 100%; }

.hero-half .left { text-align: right; }

.hero-half .left .container .inside { padding: 4rem; }

.hero-half .right .container .inside { padding: 4rem; }

.hero { position: relative; padding: 4rem; }

.hero.hero-full { height: 100vh; min-height: 320px; padding: 0 3rem; }

.hero.hero-full .bottom { position: absolute; z-index: 999; bottom: 2rem; left: 50%; margin-left: -2rem; }

.hero.hero-full .bottom a { display: inline-block; width: 4rem; height: 4rem; line-height: 4rem; text-align: center; }

.hero.hero-full .bottom a svg { display: inline-block; height: 4rem; margin-top: 0; fill: #fff; }

.hero.hero-light { background-color: #f4f4f4; }

.hero.hero-dark { background-color: #0a253b; color: #fff; }

.hero.hero-dark .content { color: #fff; }

.hero.hero-dark .logo { position: absolute; top: 50%; left: 50%; max-width: 320px; height: 178px; margin-top: -89px; margin-left: -160px; text-align: center; }

.hero.hero-dark .logo svg { width: 320px; height: 177.017px; }

.hero.hero-dark .logo svg .a { fill: #fff; }

.hero.hero-dark .logo h1 { text-transform: uppercase; font-weight: 100; font-size: 2rem; letter-spacing: 0.5px; line-height: 1.25; }

.hero.hero-dark .logo h1 strong { font-weight: 700; }

.hero.hero-dark .logo h2 { font-weight: 100; font-size: 1rem; letter-spacing: 6px; text-transform: uppercase; }

footer { border-top: 1px solid #ccc; padding: 3rem; }

footer .right { float: right; }

@media screen and (max-width: 960px) { html { font-size: 16px; }
  .hero, footer { padding: 2rem; }
  .hero-half .left .container .inside, .hero-half .right .container .inside { padding: 2rem; } }

@media screen and (max-width: 640px) { .hero-half { display: block; }
  .hero-half .left, .hero-half .right { text-align: left; }
  .hero-half .left .container, .hero-half .right .container { max-width: auto; }
  .row { display: block; }
  .row .pr, .row .pl { padding: 1rem 0; }
  footer { text-align: center; padding-bottom: 7rem; }
  footer .right { float: none; } }



.btn-red {
  background-color: #be1622 !important;
  border-color: #be1622 !important;

}
.btn-red:hover {
  color:white !important;
  background-color: #2b90c2 !important;
  border-color: #2b90c2 !important;
}