/* roboto-slab-regular - latin */
@font-face {
    font-family: 'Roboto Slab';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/roboto-slab-v22-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''), url('../fonts/roboto-slab-v22-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/roboto-slab-v22-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/roboto-slab-v22-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/roboto-slab-v22-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/roboto-slab-v22-latin-regular.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}
/* roboto-slab-700 - latin */
@font-face {
    font-family: 'Roboto Slab';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/roboto-slab-v22-latin-700.eot'); /* IE9 Compat Modes */
    src: local(''), url('../fonts/roboto-slab-v22-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/roboto-slab-v22-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/roboto-slab-v22-latin-700.woff') format('woff'), /* Modern Browsers */ url('../fonts/roboto-slab-v22-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/roboto-slab-v22-latin-700.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}
/* roboto-regular - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/roboto-v29-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''), url('../fonts/roboto-v29-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/roboto-v29-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/roboto-v29-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/roboto-v29-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/roboto-v29-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-italic - latin */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 400;
    src: url('../fonts/roboto-v29-latin-italic.eot'); /* IE9 Compat Modes */
    src: local(''), url('../fonts/roboto-v29-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/roboto-v29-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/roboto-v29-latin-italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/roboto-v29-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/roboto-v29-latin-italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/roboto-v29-latin-700.eot'); /* IE9 Compat Modes */
    src: local(''), url('../fonts/roboto-v29-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/roboto-v29-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/roboto-v29-latin-700.woff') format('woff'), /* Modern Browsers */ url('../fonts/roboto-v29-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/roboto-v29-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700italic - latin */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 700;
    src: url('../fonts/roboto-v29-latin-700italic.eot'); /* IE9 Compat Modes */
    src: local(''), url('../fonts/roboto-v29-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/roboto-v29-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/roboto-v29-latin-700italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/roboto-v29-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/roboto-v29-latin-700italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* neuton-regular - latin */
@font-face {
    font-family: 'Neuton';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/neuton-v16-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''), url('fonts/neuton-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/neuton-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/neuton-v16-latin-regular.woff') format('woff'), /* Modern Browsers */ url('fonts/neuton-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/neuton-v16-latin-regular.svg#Neuton') format('svg'); /* Legacy iOS */
}
/* neuton-italic - latin */
@font-face {
    font-family: 'Neuton';
    font-style: italic;
    font-weight: 400;
    src: url('fonts/neuton-v16-latin-italic.eot'); /* IE9 Compat Modes */
    src: local(''), url('fonts/neuton-v16-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/neuton-v16-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/neuton-v16-latin-italic.woff') format('woff'), /* Modern Browsers */ url('fonts/neuton-v16-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/neuton-v16-latin-italic.svg#Neuton') format('svg'); /* Legacy iOS */
}
/* neuton-700 - latin */
@font-face {
    font-family: 'Neuton';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/neuton-v16-latin-700.eot'); /* IE9 Compat Modes */
    src: local(''), url('fonts/neuton-v16-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/neuton-v16-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/neuton-v16-latin-700.woff') format('woff'), /* Modern Browsers */ url('fonts/neuton-v16-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/neuton-v16-latin-700.svg#Neuton') format('svg'); /* Legacy iOS */
}
:root {
--color-red: #cc0000;
--color-yellow: #ffff00;
--color-black: #333333;
--color-white: #ffffff;
--color-green: #009999;
--color-blue: #004f6c;
--color-icon: #fbe4d5;
--color-lightblue: rgba(11,109,174,0.4);
--color-grey: #666666;
--font-size: 20px;
--line-height: 140%;
--font: 'Roboto', sans-serif --700: 700;
--courier: "courier", sans-serif;
--fire: "Fira Sans", sans-serif;
}
html, body {
    margin: 0;
    padding: 0;
	overflow-x: hidden;
}
body {
    font-family: Segoe, 'Segoe UI', 'DejaVu Sans', 'Trebuchet MS', Verdana, 'sans-serif';
    font-size: 18px;
    line-height: 1.3em;
    background-color: #FFF;
}
section {
    width: 100%;
}
img {
    max-width: 100%;
    height: auto;
}
h1 {
    font-family: Segoe, 'Segoe UI', 'DejaVu Sans', 'Trebuchet MS', Verdana, 'sans-serif';
    font-weight: 700;
    font-size: 2.2em;
    line-height: 1.3em;
}
h2 {
    font-family: Segoe, 'Segoe UI', 'DejaVu Sans', 'Trebuchet MS', Verdana, 'sans-serif';
    font-weight: 700;
    font-size: 1.75em;
    line-height: 1.3em;
}
h3 {
    font-family: Segoe, 'Segoe UI', 'DejaVu Sans', 'Trebuchet MS', Verdana, 'sans-serif';
    font-weight: 700;
    line-height: 1.3;
    font-size: 1.45em;
}
h4 {
    font-family: Segoe, 'Segoe UI', 'DejaVu Sans', 'Trebuchet MS', Verdana, 'sans-serif';
    font-weight: 700;
    line-height: 1.3;
    font-size: 1.25em;
}
b {
    font-weight: 700;
}
a {
    color: #4077aa;
    font-weight: 700;
}
a:hover {
    text-decoration: none;
}
.content {
    max-width: 960px;
    margin: auto;
}
.container {
    max-width: 1140px;
    margin: auto;
}
.container1 {
    max-width: 960px;
    margin: auto;
    padding-left: 1.0rem;
    padding-right: 1.0rem;
}
.container2 {
    max-width: 1400px;
    margin: auto;
}
.container3 {
    max-width: 1200px;
    margin: auto;
}
.columns {
    display: flex;
    flex-direction: column;
}
.columns2 {
    display: flex;
    flex-direction: row;
}
.lnkImage {
    display: block;
    line-height: 0;
}
.txt {
    flex: 1 0 0;
}
.columns .txt {
    flex: 1 0 0;
}
.img {

    text-align: center;
}
.more-right-margin {
    margin-right: 0;
}
.more-margin2 {
    margin: 1em 0 !important;
}
.center {
    align-self: center;
}
.order-bottom {
    order: 2;
}
.order-top {
    order: 1;
}
.top .txt p {
    font-size: 1.0em!important;
    color: #555;
    margin: 0;
}
.top {
    background-color: #F1F1F1;
    padding: 1em;
    font-size: .7em;
    line-height: normal;
}
.top .logo {
    width: 90px;
}
.top .txt:last-child {
    text-align: right;
}
.top .txt:last-child span:last-child {
    padding-left: 1em;
}
.top .out {
    display: none;
}
.top .out-inline {
    display: none;
}
.top a {
    font-weight: 400;
    color: black;
    text-decoration: none;
}
.top a:hover {
    text-decoration: underline;
}
.top .txt p {
    font-size: .75em;
    color: #555;
    margin: 0;
    padding: .5em
}
.head {
	padding-top:0 !important;
    padding-bottom: 1em;
	background-color:#00475C !important;
}
.head .txt {
    order: 2;
}
.head .img {
    order: 1;
}
.head h3 {
    font-weight: 300;
}

    div.layer{background:linear-gradient(180deg,rgba(255,255,255,0.75) 50%,rgba(255,255,255,0.75) 100%);}
            div.layer>*{position:relative;z-index:1}
            
.beige {
    background: #faf27c;
    padding: .1em .2em;
}
.red {
    color: #b40000;
}
.ticker{color:#ffffff; background-color:#b40000; text-align: center; padding:.5em; font-size: 1.3em;}
.green {
    color: #019920;
    font-weight: 700;
}
.smaller {
    font-size: .9em;
    line-height: normal;
}
.light {
    background: #f1f1f1;
}

.bg-orange {background-color: #f6a600}
.light h3 {
    color: #004171;
}
.lightblue {
    background: #d4e5f6;
}
.white {
    color: white !important;
}
.orange {
    color: #ffaa51;
}
.middle {
    text-align: center;
}
/*
.arrow {
    margin-bottom: -80px
}
*/
.arrow1 {
    margin-bottom: -80px;
    margin-left: 100px
}
.innerBox {
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 6px;
    background-color: #b5e3f6;
    color: #02577a;
    height: 100%;
    padding: 1em;
    display: none;
    text-align: left;
    font-size: .9em;
    line-height: 1.4em;
}
.innerBox .list2 li {
    background-position: left .5em;
}
.innerBox b, .lnkBlue {
    color: #02577a;
}
.minHeight {
    min-height: 480px;
}
.box3 {
    background: #02577a;
    color: white;
    text-align: center;
    border-radius: 6px;
    padding: 1em;
    margin-bottom: 1em;
    transition: all .25s;
}
.box3 h4 {
    margin-top: .75em;
    font-weight: 400;
}
.box6 {
    background: url(../img/quote.png) no-repeat bottom right;
    background-color: #FFD966;
    color: #000000;
    text-align: center;
    padding: 1em;
    margin-bottom: 1em;
    border-radius: 10px;
    transition: all .25s;
}
.box6:hover {
    background: #FFD966;
    box-shadow: 0px 7px 14px #0008;
    color: #000000;
}
.box4 {
    background: #d4e5f6;
    color: #004171;
}
.box4:hover {
    box-shadow: 0px 1px 10px #999;
}
.unten {
    margin-bottom: 7%
}
.comment {
    background: url(images/quotes.png) left top no-repeat;
    padding-left: 3.8em;
    color: #000000;
}
.comment b {
    color: #000000;
}
.comment p:last-child {
    text-align: right;
    font-size: .7em;
    font-weight: 700;
}
.impressum {
    list-style-type: none;
    text-align: center;
    font-size: .8em;
    color: #665;
    padding-left: 0;
    margin-bottom: 0;
}
.impressum li {
    display: inline;
}
.impressum li a {
    color: #665;
    font-weight: normal;
}
.copy {
    color: #665;
    font-size: .6em;
    text-align: center;
    margin-top: 0;
    margin-bottom: 2em;
}
.out-block {
    display: none;
}
.out-flex {
    display: none;
}
.out-desk {
    display: block;
}
.close {
    display: none;
    margin-top: 2em;
}
.btnOpen {
    display: inline-block;
    margin-top: 1em;
    background: url(../images/on.png) right center no-repeat;
    padding-right: 2em;
}
.box2 {
    display: none;
    background: #F8F8F8;
    padding: 1em;
    margin-bottom: 1em;
    font-weight: 300;
}
.box2 b {
    font-weight: 500;
}
.box2 p:first-child {
    margin: .25em 0;
}
.box2 ul {
    list-style-type: disc;
    padding-left: 3em;
}
.title {
    margin-bottom: 2px;
    padding: .5em 1em;
    background: #F1F1F1;
    display: flex;
}
.title:hover {
    cursor: pointer;
    background: #EEE;
}
.first {
    border-radius: 6px 6px 0 0;
}
.last {
    border-radius: 0 0 6px 6px;
}
.title h3 {
    color: #666;
    font-size: 1em;
    font-weight: 400;
    flex: 1;
    margin: 0;
}
.title img {
    align-self: center;
}
.turn {
    transform: rotate(180deg);
    transition: all .5s;
}
.turnBack {
    transform: rotate(0deg);
    transition: all .5s;
}
.headline h2 {
    margin: 0;
    border-left: 10px solid #043978;
    padding-left: .5em;
}
.author {
    font-weight: 300;
    font-size: .9em;
    text-align: left;
    line-height: 1.5em;
}
.ui-widget-content {
    border: 0 !important;
}
.ui-tooltip {
    background: rgba(0,65,113,.8);
    color: white;
    font-size: .8em;
    line-height: 1.4em;
}
.cut {
    color: red;
    text-decoration: line-through;
}
.black {
    color: #333;
}
.move {
    animation-name: jump;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}
@keyframes jump {
from {
transform:translateY(0%);
}
5% {
transform:translateY(-5%);
}
10% {
transform:translateY(-0%);
}
15% {
transform:translateY(-3%);
}
20% {
transform:translateY(-0%);
}
25% {
transform:scale(1.1);
}
30% {
transform:scale(1);
}
to {
transform:translateY(-0%);
}
}

@media only screen and (min-width: 640px) {
.blue .columns {
    flex-direction: row;
}
.blue .box {
    min-width: 48%;
    max-width: 48%;
}
.blue .box:first-child, .blue .box:nth-child(3), .blue .box:nth-child(5) {
    margin-right: 1em;
}
.more-top-padding {
    padding-top: 3em;
}
}

@media only screen and (min-width: 960px) {
body {
    font-size: 18px;
}
.top .logo {
    width: 182px;
}
.top .txt:last-child {
    text-align: right;
}
.top .txt:last-child span:last-child {
    padding-left: .5em;
}
.top .out {
    display: block;
}
.top .out-inline {
    display: inline;
}
.top .block {
    display: block;
    margin: .75em 0;
}
.top .block img {
    vertical-align: bottom;
}
.top .mail {
    padding-left: .5em;
}
.order-bottom {
    order: 1;
}
.order-top {
    order: 2;
}
.columns {
    flex-direction: row;
}
.head .txt {
    order: 1;
}
.head .img {
    order: 2;
}
.txt *:first-child {
    margin-top: 0;
}
.txt *:last-child {
    margin-bottom: 0;
}
.img {
    padding-top: .4em;
}
.more-right-margin {
    margin-right: 2em;
}
.more-right-margin2 {
    margin-right: 3em;
}
.more-top-margin {
    margin-top: 2em;
}
.more-top-margin2 {
    margin-top: 1em;
}
.more-top-margin3 {
    margin-top: 3em;
}
.more-bottom-margin {
    margin-bottom: 2em;
}
.box3 {
    margin-bottom: 0;
}
.imgSize {
    width: 312px;
    text-align: center;
}
.out-block {
    display: block;
}
.out-flex {
    display: flex;
}
.out-desk {
    display: none;
}
.author {
    max-width: 245px;
}
.widthCover {
    max-width: 312px;
}
.centerDesk {
    align-self: center;
}
}
.bg7 {
    background: #ffffff;
}
.bg3 {
    background: #ccebeb;
}
.bg4 {
    background: #E2F0D9;
}
.bg5 {
    background: #bbbbbb;
}
.bg6 {
    background: #f1f1f1;
}
.video-teaser {
    background-color: #F4DE34;
    padding: 20px;
    border-radius: 10px;
    margin: 1rem auto;
    box-shadow: 0px 0px 5px #808080;
}
.video-teaser1 {
    background-color: rgba(255,255,255,1);
    padding: 20px;
    border-radius: 10px;
    margin: 1rem auto;
    box-shadow: 0px 0px 5px #808080;
}
.video-teaser-body {
    margin-bottom: 0px;
    padding-top: 1rem!important;
}
.video-teaser-body > p {
    margin-bottom: 0px;
    text-align: left;
    border-right: 1px solid #eee;
    padding-right: 30px;
    margin-left: 30px;
}
.video-teaser-body > p:last-child {
    border-right: unset;
    padding-right: 0px;
    text-align: center!important;
    padding-top: 10px;
}
ul.green-check {
    margin-left: 1.5em;
    list-style: none;
    list-style: none;
}
ul.green-check li {
    position: relative;
    line-height: 1.3;
    padding-left: 20px;
    padding-bottom: 25px;
    list-style: none;
    word-break: break-word;
}
ul.green-check li::before {
    position: absolute;
    left: -1.5em;
    top: -0.3em;
    content: url(  "../images/check_icons_green.png") " ";
}
ul.green-check1 {
    margin-left: 1.5em;
    list-style: none;
    list-style: none;
}
ul.green-check1 li {
    position: relative;
    line-height: 1.3;
    padding-left: 20px;
    padding-bottom: 25px;
    list-style: none;
    word-break: break-word;
}
ul.green-check1 li::before {
    position: absolute;
    left: -1.5em;
    top: -0.3em;
    content: url(  "../images/check_icons_009999.png") " ";
}
ul.green-check2 {
    margin-left: 1.5em;
    list-style: none;
    list-style: none;
}
ul.green-check2 li {
    position: relative;
    line-height: 1.3;
    padding-left: 15px;
    padding-bottom: 10px;
    list-style: none;
    word-break: break-word;
}
ul.green-check2 li::before {
    position: absolute;
    left: -1.5em;
    top: 0.3em;
    content: url(  "../img/list.png") " ";
}
ul.green-check3 {
    margin-left: 1.5em;
    list-style: none;
    list-style: none;
}
ul.green-check3 li {
    position: relative;
    line-height: 1.3;
    padding-left: 20px;
    padding-bottom: 25px;
    list-style: none;
    word-break: break-word;
}
ul.green-check3 li::before {
    position: absolute;
    left: -1.5em;
    top: -0.3em;
    content: url(  "../img/list2.png") " ";
}
ul.dot {
    margin-left: 1.5em;
    list-style: none;
    list-style: none;
}
ul.dot li {
    position: relative;
    line-height: 1.3;
    padding-left: 20px;
    padding-bottom: 20px;
    list-style: none;
    word-break: break-word;
}
ul.dot li::before {
    position: absolute;
    left: -1.0em;
    top: -0.0em;
    content: url(  "../images/dot.png") " ";
}
.mobile {
    display: none;
}
.comment {
    background: url( "../images/quotes.png") left top no-repeat;
    padding-left: 3.8em;
    color: #000000;
}
.comment b {
    color: #000000;
}
.comment p:last-child {
    text-align: right;
    font-size: .7em;
    font-weight: 700;
}
.big14 {
    font-size: 14px
}
}
.bg-orange {
    background-color: var(--color-icon)
}
.orange {
    color: var(--color-icon);
}
.border-orange {
    border: 3px solid #FFFFFF;
}
.bg-black {
    background-color: var(--color-black);
}
.black {
    color: var(--color-black);
}
.bg-yellow {
    background-color: var(--color-yellow);
}
.yellow {
    color: var(--color-yellow);
}
.bg-blue {
    background-color: var(--color-blue);
}
.bg-lightblue {
    background-color: var(--color-lightblue);
}
.blue {
    color: var(--color-blue);
}
.bg-red {
    background-color: var(--color-red);
}
.red {
    color: var(--color-red);
}
.green {
    color: #00B050;
}
.rand1 {
    margin-bottom: -13%;
}
video.responsive-video {
    max-width: 800px;
    width: 100%;
    height: auto;
    margin: 0 auto;
}
.btn-primary1 {
    border: 0px;
    margin: 0.5rem auto;
    color: #403c3c;
    box-shadow: 2px 2px 8px rgba(26,26,26,.8);
    font-size: 1.2em;
    letter-spacing: 1px;
    padding: .5em 2em;
    position: relative;
    font-weight: 500;
    word-break: break-word;
    white-space: normal;
    background-color: #3C669E;
    border: 2px solid #3C669E;
    border-radius: 10px;
    line-height: 130%;
}
.btn-primary1:hover {
    word-break: break-word;
    white-space: normal;
    background-color: #305382;
    border: 2px solid #305382;
    box-shadow: 4px 4px 10px rgba(26,26,26,.8);
    color: #005C9E;
}
.btn-primary1:active {
    word-break: break-word;
    white-space: normal;
    background-color: #3C669E;
    border: 2px solid #3C669E;
    border-bottom: 3px solid #3C669E;
    border-right: 3px solid #3C669E;
    box-shadow: 4px 4px 10px rgba(26,26,26,.8);
    color: #005C9E;
}
button.btn-primary1::after {
    content: url( "../images/")"";
    position: absolute;
    transform: rotate(-30deg);
    right: -15px;
    word-break: break-word;
    white-space: normal;
}
.rotate90 {
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
}
img {
    max-width: 100%;
    height: auto;
}
.head .img {
    align-self: center;
    text-align: center;
    margin-top: 1em;
}
.head {
    background-color:#00475C !important;
    background-size: cover;
    padding: 0;
    position: relative;
}
.head .txt {
    background: rgba(91, 112, 132, .9);
    color: white;
    align-self: center;
    padding: 1em 2em;
    border-radius: 3px;
    box-shadow: 0 8px 6px -6px #000;
    width: 95%;
}
.head .img {
    align-self: center;
    text-align: center;
    margin-top: 1em;
}
.head h1 {
    color: #ffffff;
}
.head h2 {
    color: #ffffff;
}
.head h3 {
    color: #cccccc;
    font-size: 1.2em;
    margin-bottom: .5em;
}
.more-right-margin {
    margin-right: 1em;
}
.img-shadow {
    border: 10px solid #ffffff;
    -webkit-box-shadow: 0 0 10px #cccccc;
    box-shadow: 0 0 10px #cccccc;
}
ul {
    list-style-type: none;
    padding-left: 0;
    max-width: 800px;
    margin: 1em auto;
}
li {
    background: url() left .55em no-repeat;
    padding: .5em 0 .5em 2em;
}
.list5 li {
    background-image: url(https://www.tipps-fuer-personalleiter.de/bilder/kanaele/list5.png);
    padding-left: 3em;
}
.list6 li {
    background-image: url(https://www.tipps-fuer-personalleiter.de/bilder/kanaele/list6.png);
    min-height: 69px;
}
.box {
    box-shadow: 1px 1px 5px #333333;
    padding: 1em;
    max-width: 90%;
    margin: 1em auto;
}

/* Media Queries */
@media screen and (max-width: 3840px) and (min-width:1024px) {
.font1 {
    font-size: 0.8em;
}
}

@media only screen and (min-width: 1200px) {
.font1 {
    font-size: 0.8em;
}

.btn {
    padding: .5em 2em;
    font-size: 1.1em;
}
.blue .box {
    min-width: 355px;
    max-width: 355px;
}
.more-right-margin2 {
    margin-right: 3em;
}
.box:nth-child(3) {
    margin-right: 0em;
}
.img {
    align-self: auto;
}
.blue .box:first-child, .blue .box:nth-child(2), .blue .box:nth-child(4) {
    margin-right: 1em;
}
.ui-tooltip {
    min-width: 358px;
}
}

@media only screen and (min-width: 960px) {
.columns {
    flex-direction: row;
}
.more-right-margin2 {
    margin-right: 1em;
}
.top .txt:last-child {
    text-align: right;
}
.top .logo {
    width: 182px;
}
.top .txt:last-child {
    text-align: right;
}
.top .txt:last-child span:last-child {
    padding-left: .5em;
}
.top .out {
    display: block;
}
.top .out-inline {
    display: inline;
}
.top .block {
    display: block;
    margin: .75em 0;
}
.top .block img {
    vertical-align: bottom;
}
.top .mail {
    padding-left: .5em;
}
.txt *:first-child {
    margin-top: 0;
}
.txt *:last-child {
    margin-bottom: 0;
}
.font1 {
    font-size: 0.8em;
}
}
.head {
    min-height: auto;
}
.head {
    padding: 1em 0;
}

@media screen and (max-width: 1024px) and (min-width:769px) {
.mobile {
    display: none;
}
}
.font1 {
    font-size: 0.8em;
}
.head .txt {
    background: rgba(91, 112, 132, .9);
    color: white;
    align-self: center;
    padding: 1em 2em;
    border-radius: 3px;
    box-shadow: 0 8px 6px -6px #000;
    width: 70%;
}
.head .btn {
    margin-top: 0;
}
}

@media screen and (max-width: 768px) and (min-width: 669px) {
.mobile {
    display: none;
}
.mobile1 {
    display: none;
}
.font1 {
    font-size: 1em;
}
}

@media screen and (max-width: 668px) and (min-width: 0px) {
.mobile {
    display: grid;
}
video.responsive-video {
    max-width: 640px;
}
.mobile1 {
    display: none;
}
.font1 {
    font-size: 1em;
}
.container {
    max-width: 550px;
    margin: auto;
}
.container1 {
    max-width: 5500px;
    margin: auto;
}
.container2 {
    max-width: 550px;
    margin: auto;
}
}

@media screen and (max-width: 550px) and (min-width: 0px) {
.font1 {
    font-size: 1em;
}
.mobile {
    display: grid;
}
.container {
    max-width: 550px;
    margin: auto;
    padding: 10px;
}
.container1 {
    max-width: 550px;
    margin: auto;
    padding: 10px;
}
.container2 {
    max-width: 550px;
    margin: auto;
    padding: 10px;
}
.btn-primary1 {
    max-width: 300px;
    border: 0px;
    margin: 0.5rem auto;
    color: #403c3c;
    box-shadow: 2px 2px 8px rgba(26,26,26,.8);
    font-size: 1em;
    letter-spacing: 1px;
    padding: 10px 40px;
    position: relative;
    font-weight: 500;
    word-break: break-word;
    white-space: normal;
    background-color: #3C669E;
    ;
    border: 2px solid #3C669E;
    ;
    border-radius: 10px;
    line-height: 130%;
}
.plus {
    position: absolute !important;
    top: inherit !important;
    right: inherit !important;
    z-index: 100 !important;
    bottom: -100px;
    left: 125px;
}
}
.plus {
    position: absolute;
    top: 150px;
    right: -75px;
    z-index: 100;
}
.checkboxes {
  max-width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}
.checkboxes__row {
  display: flex;
}
.checkboxes__row:not(:last-child) {
  /*border-bottom: 1px solid #eee;*/
}
.checkboxes__item {
  padding: 10px;
  width: 100%;
}
.checkbox.style-h {
  display: block;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.checkbox.style-h input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;

}
.checkbox.style-h input:checked ~ .checkbox__checkmark {
  background-color: #f7cb15;
}
.checkbox.style-h input:checked ~ .checkbox__checkmark:after {
  opacity: 1;
  top: -3px;
}
.checkbox.style-h input:checked ~ .checkbox__body {
  background-position: 0 0;
  color: #fff;
}
.checkbox.style-h:hover input ~ .checkbox__checkmark {
  background-color: #f7cb15;
}
.checkbox.style-h:hover input:checked ~ .checkbox__checkmark {
  background-color: #f7cb15;
}
.checkbox.style-h:hover .checkbox__body {
  box-shadow: 5px 5px 10px rgba(0,0,0,0.2);
}
.checkbox.style-h .checkbox__checkmark {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 15px;
  height: 22px;
  width: 22px;
  background-color: #f7cb15;
  transition: background-color 0.25s ease;
  border-radius: 4px;
  box-shadow: inset 2px 2px 4px rgba(0,0,0,0.3), inset -2px -2px 4px rgba(255,255,255,0.6);
}
.checkbox.style-h .checkbox__checkmark:after {
  content: "";
  position: absolute;
  left: 10px;
  top: -15px;
  width: 10px;
  height: 20px;
  border: solid #fff;
  border-width: 0 4px 4px 0;
  transform: rotate(45deg);
  opacity: 0;
  transition: opacity 0.25s ease, top 0.25s ease;
}
.checkbox.style-h .checkbox__body {
  color: #333;
  line-height: 1.4;
  font-size: 16px;
  transition: font-weight 0.25s ease;
  font-weight: bold;
  	color:#000000;
  background: linear-gradient(45deg, #ff0070 0%, #f7cb15 50%, #f7cb15 50%, #f7cb15 100%);
  background-size: 200% 100%;
  background-position: 100% 0;
  padding: 15px;
  padding-left: 52px;
  border-radius: 10px;
  box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
  transition: box-shadow 0.25s ease, background 1s ease, color 0.25s ease;
}
.arrow-l {position:relative;}
.arrow-l img {position:absolute; max-width:60px; bottom:-4em; left:0;}
.achtung {
  border: 4px solid #F54A4A;
  border-radius: 10px;
  padding: .5em .2em;
	font-size: 1.3em;
	line-height: 1.3;
	max-width: 95%;
	margin:0 auto;
}
.achtung2 {
  border: 4px solid #7ADA36;
  border-radius: 10px;
  padding: .5em .2em;
	font-size: 1.3em;
	line-height: 1.3;
	max-width: 95%;
	margin:0 auto;
}

.achtung-icon {
  max-width: 120px;
  position: absolute;
  left: -60px;
  top: -50px;
}
.bu {font-size:.8em; text-align:center; padding-top:.3em;}
.round {border-radius:50%;}
.box-quote {
    max-width:90%;
    margin:2em auto 1em;
	font-size: 1.3em;
	line-height: normal;
    background: rgba(48,83,130,.15);
    padding:2em;
    position: relative;
}
.box-quote:before{f
  content: '';
  background:url('../img/icon_quote_99.svg');
  width: 80px;
  height: 60px;
  display: block;
background-repeat: no-repeat;
    position: absolute;
    top:-1em;
    left:-2em;
}
.text-right {text-align:right !important;}
.bgteaser{
    border: 50px solid !important;
    border-image-source: url("../img/bg_2.png") !important;
    border-image-slice: 100 !important;
    padding: 0px;
	margin: 0px 0px;}
@media screen and (max-width: 768px){
	.arrow-l img {
    position: absolute;
    max-width: 34px;
    bottom: -4em;
    left: 0;
}
	.achtung-icon {
    max-width: 100px;
    position: absolute;
    left: -24px;
    top: -50px;
}
}
/* Anpassungen umbau auf Work-Life-Balance 06.2024 */
.img-dropshadow {
	filter: drop-shadow(0 0 3px #808080);
}
.txt-red {
	color: var(--color-red) !important;
}
.p-spacer p {
	margin-bottom: 2rem;
}
.highlighter {
	font-size: 1.2rem;
	font-weight: 500;
	background-color: var(--color-yellow);
	box-shadow: 0 0 12px 8px var(--color-yellow);
}
.head p {
	font-weight: 600;
	line-height: 1.4;
}
.head .zitat {
	font-size: 1.7rem !important;
	font-weight: 400;
	font-style: italic;
	color: #FE7D09;
}
.bp1-g {
	background-color: #B1D3A2;
	border: 2px solid #70AC47;
}
/* List Styles */
/* ? */
ul.lister-questionmark {
	list-style: none;
}
ul.lister-questionmark li {
	position: relative;
}
ul.lister-questionmark li:before {
	position: absolute;
	content: '?';
	top: .5rem;
	left: 1rem;
	font-weight: bold;
	font-size: 1.2rem;
	color: var(--color-red);
}
/* /? */
/* :-) */
ul.lister-smylie {
	list-style: none;
	margin-left: 1rem !important;
}
ul.lister-smylie li {
	position: relative;
}
ul.lister-smylie li:first-child::before {
	position: absolute;
	content: '\1F61E';
	top: 1.1rem;
	left: -1rem;
	font-size: 1.8rem;
}
ul.lister-smylie li:last-child::before {
	position: absolute;
	content: '\1F60A';
	top: 1.1rem;
	left: -1rem;
	font-size: 1.8rem;
}
/* /:-) */
/* /List Styles */
.center-p {
	max-width: 83%;
	margin: 0 auto;
}
.img-fixer {
		padding: 1em;
    max-width: 90%;
    margin: 1em auto;
	}
.boxing {
	box-shadow: 1px 1px 5px #333333;
	padding: .3rem;background-color: #FFFFFF
}
.grid-headline {
	font-weight: bold;
}
/* Scales */
#scales .lightning {
	position: relative;
}
#scales .lightning img {
	position: absolute;
	top: -6.5rem;
	left: 50%;
	transform: translate(-50%);
	max-height: 230px;
}
@media (max-width:768px) {
	#scales .lightning img {
		top: -8.5rem;
		max-height: 110px;
	}
}
/* /Scales */
/* ist... */
#pic .grid-container {
	display: grid;
	grid-template-rows: repeat(2, 1fr);
	grid-template-columns: 2fr, 1fr, 2fr;
	grid-template-areas: 
		'top-l top top-r'
		'mid-l mid mid-r'
		'bottom bottom bottom';
	grid-gap: 3rem;
	justify-items: center;
	align-items: center;
}
#pic .item-5 {
	position: relative;
}
#pic .item-5 .sphere {
	--sphere: 140px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: #3C669E;
	border: solid 2px #000000;
	border-radius: 50%;
	height: var(--sphere);
	width: var(--sphere);
	z-index: 1;
}
#pic .sphere a {
	position: absolute;
	display: block;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	width: 120px;
}
#pic .item-7 {
	grid-area: bottom;
}
/* /ist... */
/* Pfeilhagel */
.arrow {
	position: absolute;
	max-width: 100px;
	height: 130px;
}
#arrow-1 {
	top: 1rem;
	left: -7rem;
	transform: rotate(35deg);
}
#arrow-2 {
	top: -0rem;
	left: 6.5rem;
	transform: scaleX(-1) scale(1.2) rotate(70deg);
}
#arrow-3 {
	top: -3rem;
	left: -10.8rem;
	transform: rotate(90deg) scaleX(-1) scale(1.4);
}
#arrow-4 {
	top: -4.5rem;
	left: 6.5rem;
	transform: scaleX(-1) scale(1.2) rotate(90deg);
}
#arrow-5 {
	top: -11.5rem;
	left: -10rem;
	transform: scaleX(-1) rotate(-115deg);
	max-width: 40px;
	height: 250px;
}
#arrow-6 {
	top: -188px;
	left: 121px;
	transform: rotate(-109deg);
	max-width: 40px;
	height: 250px;
}
#arrow-7 {
	top: -0.6rem;
	left: -10rem;
	transform: rotate(50deg);
	max-width: 40px;
	height: 200px;
}
#arrow-9 {
	top: -8rem;
	left: .5rem;
	transform: rotate(159deg);
}
#arrow-9 {
	top: -8rem;
	left: .5rem;
	transform: rotate(159deg);
}


/* /Pfeilhagel */
.m-h1-wlb {
	text-align: center;
	background-color: #3C669E;
	color: orange;
	padding: 1rem;
	border-radius: 10px;
}