@charset "utf-8";
/* CSS Document */
/* heebo-200 - 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: 'Heebo';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/heebo-v21-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* heebo-300 - 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: 'Heebo';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/heebo-v21-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* heebo-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: 'Heebo';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/heebo-v21-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* heebo-500 - 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: 'Heebo';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/heebo-v21-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* heebo-600 - 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: 'Heebo';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/heebo-v21-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* heebo-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: 'Heebo';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/heebo-v21-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* heebo-800 - 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: 'Heebo';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/heebo-v21-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* heebo-900 - 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: 'Heebo';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/heebo-v21-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
:root {
--color-red: #D32929;
--color-yellow: #fff000;
--color-black: #060606;
--color-white: #ffffff;
--color-green: #6EBC6E;
--color-lila: #d11175;
--color-light-blue:#DCEAF7;
--color-blue: #00B0F0;
--color-blue2: #2083BC;
--color-dark-blue: #01205F;
--color-grey: #6c7986;
--color-icon: #ffab35;
--font-size: 20px;
--line-height: 140%;
--font: 'Heebo', sans-serif;
--700: 700;
--courier: 'Courier New', Courier, 'Lucida Sans Typewriter', 'Lucida Typewriter', monospace;
--fire: 'Merriweather', serif;
--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.15));
}
body {
    font-family: var(--font);
    font-size: var(--font-size);
    line-height: var(--line-height);
    overflow-x: hidden !important;
    overflow-y: scroll !important;
}
.container {max-width: 1070px;}
u, .underline {
    text-decoration-color: var(--color-icon);
}
b, strong {
font-weight:var(--700);
}
h1 {
    font-size: 42px;
font-weight:var(--700);
}
h2 {
    font-size: 38px;
font-weight:var(--700);
}
h3 {
    font-size: 30px;
font-weight:var(--700);
}
h4 {
    font-size: 24px;
font-weight:var(--700);
}
.underline {
    text-decoration-color: var(--color-icon);
}
ul.arrow {
    list-style-type: none;
    margin-left: 30px;
}
ul.arrow li {
    padding-left: 15px;
    position: relative;
}
a, a:active {
    color: var(--color-blue);
}
.courier {
    font-family: var(--courier);
}
ul.arrow li:before {
    content: "\f178";
    font-weight: 900;
    font-family: "Font Awesome 5 Pro";
    position: absolute;
    left: -30px;
    top: 0px;
    font-size: 38px;
    color: var(--color-icon);
}
ul.dot {
    list-style-type: none;
    margin-left: 30px;
}
ul.dot li {
    padding-left: 15px;
    position: relative;
}
ul.dot li:before {
    content: "\f111";
    font-weight: 900;
    font-family: "Font Awesome 5 Pro";
    position: absolute;
    left: -30px;
    top: 0px;
    font-size: 18px;
    color: var(--color-icon);
}
ul.chart {
    list-style-type: none;
    margin-left: 30px;
}
ul.chart li {
    padding-left: 15px;
    position: relative;
}
ul.chart li:before {
    content: "\f201";
    font-weight: 400;
    font-family: "Font Awesome 5 Pro";
    position: absolute;
    left: -30px;
    top: 5px;
    font-size: 38px;
    color: var(--color-icon);
}
ul.checka {
    list-style-type: none;
    margin-left: 30px;
}
ul.checka li {
    padding-left: 15px;
    position: relative;
}
ul.checka li:before {
    content: "\f00c";
    font-weight: 400;
    font-family: "Font Awesome 5 Pro";
    position: absolute;
    left: -30px;
    top: 0px;
    font-size: 28px;
    color: rgba(91,186,6,1);
}
ul.video {
    list-style-type: none;
    margin-left: 30px;
}
ul.video li {
    padding-left: 15px;
    position: relative;
}
ul.video li:before {
    content: "\f03d";
    font-weight: 400;
    font-family: "Font Awesome 5 Pro";
    position: absolute;
    left: -30px;
    top: 5px;
    font-size: 30px;
    color: var(--color-icon);
}
ul.checka-line {
    list-style-type: none;
    margin-left: 0px;
    display: inline-flex;
    padding-left: 0px;
}
ul.checka-line li {
    padding-left: 40px;
    position: relative;
    font-size: 20px
}
ul.checka-line li:before {
    content: "\f00c";
    font-weight: 400;
    font-family: "Font Awesome 5 Pro";
    position: absolute;
    left: 12.5px;
    top: 0.5px;
    font-size: 20px;
    color: var(--color-dark-blue);
}
.btn-primary {
   font-family: Open Sans,sans-serif;
    font-weight: 700;
    font-size: 17px;
    line-height: 1.6;
	display: flex;
    letter-spacing: 0px;
	margin: 0 auto;
    color: rgba(0,0,0,1);
    border: 0px solid rgba(173,173,173,0);
    border-radius: 5px;
    background-color: rgba(237,219,21,1);
    box-shadow: 1px 2px 4px 0px rgba(28,28,28,1);
	padding: 14px 42px;
    flex-flow: row-reverse nowrap;
	 transition-duration: .5s;
	    width: fit-content;
}
	.btn-primary svg {display: inline-block;
    width: 1em;
    height: 1em;
    stroke: none;
    max-width: none;
    position: relative;
    fill: currentColor;
		color: currentColor;
	font-size: 16px;
    margin-left: 10px;
    margin-right: 0;
    stroke-width: 1;
		align-self: center;
	}
.btn-primary:hover {
     color: rgba(255,255,255,1);
     background-color: rgba(91,186,6,.8);
    cursor: pointer;
}
.fa-ul li {
	padding-bottom:15px;
}
	.fa-li {
    left: -2.5em !important;
    position: absolute;
    text-align: center;
    width: 2em;
    line-height: inherit;
}
.einzeilig .fa-li {
	top: -10px !important;
}
	.fa-li svg {
		    color: rgba(91,186,6,1);
    font-size: 38px;
		    transition-duration: .5s;
	}
	.fa-li svg:hover {
		color:rgba(189,225,244,1);
	}
.blockqoute {
    position: relative;
    border: solid 4px var(--color-icon);
    padding: 1em;
    margin: 1rem auto;
}
.blockqoute > * {
    z-index: 1;
    position: relative;
}
.blockqoute:before {
    background-color: #262626;
    bottom: -.5em;
    content: "";
    left: 2em;
    position: absolute;
    right: 2em;
    top: -.5em;
}
.font-blue {color:var(--color-blue2);}
.bg-tuerkis {    background-color: #c8fff9;
    padding: 3px;
    border-radius: 3px;}
.bg-orange {
    background-color: var(--color-icon);
}
.bg-red {background: rgba(198,4,4,.25) !important;}
.bg-red2 {background: var(--color-red) !important; padding:3px; border-radius:5px;}
.bg-green {background-color: rgba(91,186,6,.33) !important;}
.border-red {
	    border: 4px solid rgba(210,45,45,1);
}
.border-green {
	border: 4px solid rgba(91,186,6,1);
}
.border-blue {
	border: 4px solid #01205F;
}
.text-red {color:rgba(210,45,45,1)}
.text-green {color:#2DAD00;}
.bg-dark-blue {
    background-color: #01205F;
}
.bg-blue {background-color: var(--color-light-blue) !important;}
.bg-yellow {
    background-color: var(--color-yellow);
	padding: 3px;
    border-radius: 3px;
}
.orange {
    color: var(--color-icon);
}
.dark-blue {
    color: var(--color-dark-blue);
}
.round-img {
    position: relative;
}
.round-img>* {
    position: relative;
    z-index: 1;
}
.round-img:before {
    position: absolute;
    content: "";
    background-color: var(--color-icon);
    width: 200px;
    height: 200px;
    right: 50px;
    top: 10px;
    border-radius: 50%;
}
.w-60 {max-width: 60%;}	
#the-final-countdown2 {
    margin-top: 0px!important;
    margin-bottom: 0.5rem!important;
	color:var(--color-red);
}
#the-final-countdown2>p {
    font-size: 40pt!important;
    color:var(--color-red);
}
/*#the-final-countdown2>p:before {
    bottom: -14.5px!important;
}*/
#the-final-countdown2>p:before {
    position: absolute;
    content: ""!important;
    font-size: 20px;
    bottom: -34.5px!important;
    left: 23%!important;
    color: rgba(210,45,45,1)!important;
}
#the-final-countdown2>div span {
    font-size: 20px;
    color: rgba(210,45,45,1)!important;
    font-weight: bold;
}
.bg-3 {
    background-image: url("../screenshot1.png");
    background-position: center -105px;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 530px;
}

@media (max-width: 786px) {
.bg-3 {
    background-image: none;
    min-height: auto;
    padding-right: 0;
    padding-left: 0;
}
}
.bg-4 {
    background-image: url("../screenshot2.png");
    background-position: center -45px;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 530px;
}

@media (max-width: 786px) {
.bg-4 {
    background-image: none;
    min-height: none;
    padding-right: 0;
    padding-left: 0;
}
}
.bg-1 {
    background-image: url(../einstieg.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 400px;
}
.bg-2 {
    background-image: url(../papier.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 400px;
}
.bg-5 {
    background-image: url("../einstieg.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.bg-6 {
    background-image: url("img/senior.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 600px;
}

@media (max-width: 786px) {
.bg-6 {
    background-image: none;
    min-height: auto !important;
    padding-right: 0;
    padding-left: 0;
}
}
.bg-7 {
    background-image: url("../screenshot3.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 530px;
}

@media (max-width: 786px) {
.bg-7 {
    background-position: center -40px
}
}
.bg-8 {
    background-image: url("../screenshot4.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 530px;
}

@media (max-width: 786px) {
.bg-3, .bg-4, .bg-7, .bg-8 {
    background-image: none;
    min-height: auto !important;
    padding-right: 0;
    padding-left: 0;
}
}
.arrow-middle {
    margin: 0 auto;
    width: 100%;
    margin-top: 0px;
    top: 15px;
}
.big23 {
    font-size: 80px;
}
.mh-200 {max-height: 200px; width: auto;}
.accordion-button {
    color: #ffffff;
    font-size: .6em;
    border: 1px solid #ddd;
}
.accordion-button::after {
    -webkit-filter: invert(100%); /* Safari/Chrome */
    filter: invert(100%);
}
.accordion-body {
    border: 1px solid #dddddd;
}
.accordion-item {
    border-bottom: 1px solid #ddd;
}
.accordion-item:not(:last-child) {
    margin-bottom: 1em;
}
.accordion-item:not(:first-child) {
    border-top: 1px solid #ddd;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}
.copy {
    font-size: .6em;
}
.margin-top2 {
    margin-top: 145px;
}
.text-mobile-center {
    text-align: left;
}
.bu {
    font-size: 16px!Important;
}
.bu-header {
    font-size: 14px!Important;
}

@media (max-width: 1024px) {
.text-mobile-center {
    text-align: center;
}
h1, h2, h3 {
    font-size: 30px
}
.round-img:before {
    display: none
}
}

@media (max-width:1440px) {
ul.checka-line li {
    font-size: 16px;
    padding-left: 38px;
}
ul.checka-line {
    margin-left: 0px
}
}

@media screen and (min-width: 1024px) and (max-width:1811px) {
.bg-3, .bg-4 {
    background-position: center center!important;
    min-height: 640px;
}
}

@media (min-width: 1024px) {
.position-absolute-1 {
    position: absolute;
}
}

@media (max-width: 786px) {
.bu {
    font-size: 14px!Important;
}
.bu-header {
    font-size: 10px!Important;
}
.margin-top2 {
    margin-top: 85px;
}
	.btn-primary svg {
    display: inline-block;
    width: 1em;
    height: 1em;
    stroke: none;
    max-width: none;
    position: relative;
    fill: currentColor;
    color: currentColor;
    font-size: 50px;
    margin-left: 10px;
    margin-right: 0;
    stroke-width: 2;
    align-self: center;
}
	ul.checka {
    list-style-type: none;
    margin-left: 0px;
}
	.w-90px {
		width:90px !important;
		text-align: right;
	}
}

@media(max-width:355px) {
.margin-top2 {
    margin-top: 155px;
}
}
.hidden {
    display: none !important;
}
.visible {
    display: flex !important;
    opacity: 0;
    animation: fadeInDown 1s ease 2s forwards;
}
@keyframes fadeInDown {
from {
opacity: 0;
transform: translateY(-20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}

@media(min-width:1650px) {
.kachel-img {
    max-height: 550px;
    width: auto !important;
}
}
	.fa-2x {
		font-size: 1.3em !important;
	}