/*######## FONTS START###################*/
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');

/*######## FONTS END###################*/
.noneDisplay {visibility: hidden; display: none}
.hidden-mobile {visibility: visible; display: block}
.hidden-temp {visibility: hidden; display: block}
.hidden {visibility: hidden; display: none}
.hidden-main {visibility: hidden; display: none}
.spacer-left {padding-left:0px;}
.spacer-right {padding-right:0px;}
.spacer-top {padding-top:40px;}

.frame-layout-8 {visibility: hidden; display: none}
.frame-layout-9 {visibility: visible; display: block}

@media screen and (max-width:480px) {
    
    .frame-layout-8 {visibility: visible; display: block}
    .frame-layout-9 {visibility: hidden; display: none}

    .hidden-mobile {visibility: hidden; display: none}
    .hidden-main {visibility: visible; display: block}
}

/*######## FONTS END###################*/
html, body, div, applet, object, spyn,
h1, h2, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, 
footer, hgroup, menu, nav, section {
  display: block;
}


body, html {
  background-color: #EDEDF5; 
  color: #08080f;    
  font-family: "DM Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  -webkit-font-smoothing: antialiased; 
  font-size: 1.1vw; line-height:1.65vw;
  overflow-x: hidden;
}


::-moz-selection {
  color:#FFF; background:#DF2454;
}

::selection {
  color:#FFF; background:#DF2454;
}


@media screen and (max-width:480px) {
	 
    body { font-size: 4.8vw; line-height:7.2vw;}
    
}

b {}


ol, ul {
  list-style: square;
  margin: 0 0 0.5em;
}

blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

p {
  margin: 0 ;
  }

table {
  border-collapse: collapse;
  border-spacing: 0;
}

img{
  max-width:100%;
  width: 100%;
  height:auto;
}


em {font-style: italic;}

h1 {font-style: normal;}

strong {font-weight: 900;}

.frame-space-before-medium .ce-div {float: left; width: 100%;border: 0; padding: 0.0em 0 12em 0; margin: 0;}

.uniq-solutions-stoerer {position: fixed; z-index: 99; right: 0; bottom: 2.0em; width: 13em; height: auto; opacity: 1;transition:all 0.8s ease;}

@media screen and (max-width:480px) {
    
    .uniq-solutions-stoerer {position: absolute; z-index: 99; right: 0; bottom: 0.5em; width: 10em; height: auto; opacity: 1;transition:all 0.8s ease;}
    
}

/*video*/
/*OVERLAY*/
.video-box {position: relative;padding: 1em 0;}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0px;
    height: 0;
    overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ce-div {border: none;height: 6em; width: 100%;}

/*PANEL*/

/* HEADER INTRO */
.logo-intro {float: left; width:8.5em; height:auto; padding: 1.0em 0% 0.8em 5%;}
.header-menu-intro { position:relative; width: 100%; height: 2.5em; margin:0 auto; padding:0 0 0 0; display:block;}
.header-menu-intro { border-bottom: solid 2px #2b3161;}
.header-menu-intro { background: #08080f;}
.header-menu-intro-wrapper {float: right; width: auto;padding: 0.4em 5% 0 0;}
.header-menu-intro-wrapper li{list-style: none; color: #FFF; display: inline-block; font-size: 0.7vw; line-height:0.7vw;letter-spacing: 0.1vw;}
.header-menu-intro-wrapper li {padding:0 0 0 2.0em; cursor: pointer;}
.header-menu-intro-wrapper .nav {color: #FFF; text-transform: uppercase; text-decoration: none;}
.header-menu-intro-wrapper .act {color: #3B4082; text-transform: uppercase; text-decoration: none;}
.header-menu-intro-wrapper .nav a{color: #FFF; text-transform: uppercase; text-decoration: none;}
.header-menu-intro-wrapper .act a{color: #3B4082; text-transform: uppercase; text-decoration: none;}

.header-menu-sub-intro { position:relative; width: 100%; margin:0 0 0 0%; padding:0 0 0 0; display:block;}
.header-menu-sub-intro { background: #08080f;height:auto;}

.support-box {float: right; padding: 0 5% 0 0;}

.search-container {float: left; width:8em; height:auto; padding: 1.2em 0% 0.8em 19.3em;}

@media screen and (max-width:480px) {
    
    .logo-intro {float: left; width:8.5em; height:auto; padding: 0.0em 0% 0.8em 5%; margin: 0.1em 0 0 0;}
    .content-menu-container li {list-style: none; color: #FFF; display: block; font-size: 4.8vw; line-height:4.8vw;letter-spacing: 0.1vw;}
    .content-menu-container li {padding:0 0 1.0em 0em; cursor: pointer;}
    .content-menu-container .nav {color: #FFF; text-transform: uppercase; text-decoration: none;}
    .content-menu-container .act {color: #6E73B5; text-transform: uppercase; text-decoration: none;}
    .content-menu-container .nav a{color: #FFF; text-transform: uppercase; text-decoration: none;}
    .content-menu-container .act a{color: #6E73B5; text-transform: uppercase; text-decoration: none;}
    .search-container {float: left; width:8em; height:auto; padding: 0 0% 0.8em 0; margin: 5.0em 0 0 -8.7em;}
    .support-box {float: right; padding: 3.8em 0% 0 0;text-align: right;}
    .header-menu-sub-intro {height:3.5em; border-bottom: solid 1px rgba(50,74,103,1.00); }
    
    
}

/* HEADER MAIN */
.header-intro {position: relative; float: left; z-index: 3;width: 100%; display: block; height:auto; background: #08080f;}
.header-main {position: relative; float: left; z-index: 3;width: 100%; display: block; height:auto;}
.header-main .header-menu-intro { background:none;}
.header-main .header-menu-intro { border-bottom: solid 2px #d9dbed;}
.header-main .header-menu-intro-wrapper .nav a{color: #08080e; text-transform: uppercase; text-decoration: none;}
.header-main .header-menu-intro-wrapper .nav {color: #08080e; text-transform: uppercase; text-decoration: none;}
.header-main .header-menu-sub-intro { background: #EDEDF5;height: auto;}

.header-detail {position: relative; float: left; z-index: 3;width: 100%; display: block; height:auto;}
.header-detail .header-menu-intro { background:none;}
.header-detail .header-menu-intro { border-bottom: solid 0px #d9dbed;}
.header-detail .header-menu-intro-wrapper .nav a{color: #08080e; text-transform: uppercase; text-decoration: none;}
.header-detail .header-menu-sub-intro { background: #EDEDF5; height: auto;}

@media screen and (max-width:480px) {
    
    .header-main .header-menu-sub-intro {height:3.5em; border-bottom: solid 1px rgba(50,74,103,0.5); }  
    
}

/*FOOTER*/
.main-footer-container {position: relative; float: left; width: 90%;  padding: 2.0em 5% 4.0em 5%; color: #FFF; height: auto; background: #08080f;}
.logo-footer {float: left; width:8.5em; height:auto; padding: 1.0em 0% 0.8em 0;}
.footer-header-box {float: left; width: 100%;padding: 0 0 2em 0;}
.footer-box {float: left; width: 25%;}
.footer-box a {color: #FFF; border-bottom: solid 1px #9196c7; text-decoration: none;}
.footer-box h3{color: #9196c7; font-weight: 300; font-size: 0.9vw; line-height: 0.9vw; text-transform: uppercase;padding: 0 0 1.0em 0;}
.footer-zertifikate {float: left; width: 3.7em; height: auto;padding: 0 1.2em 0 0;}
.footer-social-icons {float: left; width: 1.9em; height: auto;padding: 0 1.2em 0 0;}
.footer-sub-box {float: left; width: 100%; background: #1a1e3b; text-align: center; color: #FFF; padding: 1.0em 0 1.2em 0;font-size: 0.9vw; line-height: 0.9vw;}
.footer-sub-box {white-space: nowrap;display: block;}
.footer-sub-box a{text-decoration: none; color: #FFF;margin: 0 0 0 1.2em;border-bottom: solid 1px #9196c7;}

@media screen and (max-width:480px) {
    
    .footer-box {float: left; width: 100%;}
    .footer-sub-box {width: 90%; padding: 2.0em 5% 2.2em 5%; font-size: 3.8vw; line-height:6.2vw;}
    .footer-sub-box {white-space: inherit; display: block;}
    .footer-box h3{color: #9196c7; font-weight: 300; font-size: 3.8vw; line-height:6.2vw;}

}
/*HEADER*/
h1 {font-size: 5.0vw; line-height: 5.6vw; font-weight: 700; padding: 0 0 0.1em 0;}
h2 {font-size: 2.2vw; line-height: 2.4vw; font-weight: 700; padding: 0 0 0.1em 0;}

/*CONTAINER*/
 .container {float: left; text-align: left;}
 .panel {width: 100%; padding: 0 0%; margin: 0 auto;}

@media screen and (max-width:480px) {
    
    h1 {font-size: 11.0vw; line-height: 13.6vw; font-weight: 700; padding: 0 0 0.1em 0;}
    h2 {font-size: 7.2vw; line-height:8.2vw;font-weight: 700; padding: 0 0 0.5em 0;}

}


/*GRIDELEMENTS*/


/*1-INTRO-HEADER-BOX-UNIQ*/
.intro-header-box {position: relative; float: left; width: 80%; background: #08080f; padding: 2.0em 0 8.0em 20%;}
.intro-header-box .zwei-spalten-left {position: relative; float: left; width: 35%; color: #FFF; margin: 0 14% 0 0;}
.intro-header-box .zwei-spalten-right {position: relative; float: right; width: 51%; margin: 0 0.0em 0 0;}
.intro-header-box .zwei-spalten-right img{ border-radius: 50% 0% 0 50%;}
.intro-header-box .zwei-spalten-left h1 {padding: 0 0 0.2em 0;}
.intro-header-box .zwei-spalten-left h1 spam {color: #DF2454;}
.content-text-box {margin: 0 0 0 -6.75em;}
.intro-header-box {
   display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; 
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
}
.intro-header-box .stoerer {position: absolute; z-index: 1; right:32.0em; top: 9.0em; width: 10.5em; height: 10.5em;}
.intro-header-box .stoerer img { border-radius: 100%; background: #DF2454;}


@media screen and (max-width:480px) {
    
    .intro-header-box {position: relative; float: left; width: 95%; background: #08080f; padding: 2.0em 0 4.0em 5%;}
    .intro-header-box .zwei-spalten-left {position: relative; float: left; width: 100%; color: #FFF; margin: 1em 0% 0 0;}
    .intro-header-box .zwei-spalten-right {position: relative; float: right; width: 95%; margin: 0 0.0em 2em 5%;}
    .intro-header-box {display: block;}
    .content-text-box {margin: 0 0 0 0;}
    
    .intro-header-box .stoerer {position: absolute; z-index: 1; right:inherit; left: 5%; top: 14.0em; width: 7.5em; height: 7.5em;}
    .intro-header-box .stoerer img { border-radius: 100%; background: #DF2454;}
    
    
}


/*2-CONTENT-BOX-BLUE-UNIQ*/
.content-box-blue {position: relative; float: left; width: 100%; padding: 0.0em 0 0.0em 0%;}
.content-box-blue {
background: #08080f;  
}
.content-box-blue-inner {position: relative; float: left; background: #0d0f21; width: 75%; margin: 0 12.5%; border-radius: 0.3em 0.3em 0 0;}

@media screen and (max-width:480px) {
    
    .content-box-blue-inner {position: relative; float: left;width: 90%; margin: 0 5%; border-radius: 0.3em 0.3em 0 0;}
    
}

/*3-ZWEI-SPALTEN-CONTENT-BOX-MIT-HEADER-UNIQ*/
.zwei-spalten-content-box  {position: relative; float: left; width: 80%; margin: 2em 10%;}
.zwei-spalten-content-box .header {float: left; width: 50%; color: #4752a3; margin: 0 50% 0 0;}
.zwei-spalten-content-box .header h2 {text-transform: uppercase;font-size: 0.9vw; line-height:1.1vw; font-weight: 500; padding: 0 0 0.7em 0}
.zwei-spalten-content-box .header p {clear: left; padding: 1em 0 0em 0;}
.zwei-spalten-content-box .zwei-spalten-left {float: left; width: 50%;margin: 0 0% 0 0;color: #FFF;}
.zwei-spalten-content-box .zwei-spalten-left h2{padding: 0 10% 0 0;}
.zwei-spalten-content-box .zwei-spalten-left .frame-layout-4 h2 {color: #4752a3;text-transform: uppercase;font-size: 0.9vw; line-height:1.1vw; font-weight: 500; padding: 0 0 1.5em 0;}
.zwei-spalten-content-box .zwei-spalten-left .frame-layout-4 h3 {font-size: 2.2vw; line-height: 2.4vw; color: #08080f; padding: 0 30% 0 0; margin: 0;}
.zwei-spalten-content-box .zwei-spalten-right {float: right; width: 50%; margin: 0 0.0em 0 0;color: #08080f; }
.zwei-spalten-content-box .frame-layout-2 {color: #FFF;}

.zwei-spalten-content-box .btn-overview {top: -8.5em;}

@media screen and (max-width:480px) {
    
    .zwei-spalten-content-box  {position: relative; float: left; width: 90%; margin: 0em 5%;}
    .zwei-spalten-content-box .header {float: left; width: 100%; color: #4752a3; margin: 0.8em 0% 0 0; padding: 0;}
    .zwei-spalten-content-box .header h2 {font-size: 4.8vw; line-height:5.8vw; font-weight: 500; padding: 0 0 0.7em 0}
    .zwei-spalten-content-box .zwei-spalten-left h2{padding: 0 0% 1em 0;}
    .zwei-spalten-content-box .zwei-spalten-left h3 {color: #08080f; padding: 0 0% 0 0; margin: 0; }
    .zwei-spalten-content-box .zwei-spalten-left {float: left; width: 100%;margin: 0 0% 0 0;color: #FFF;}
    .zwei-spalten-content-box .zwei-spalten-right {float: right; width: 100%; margin: 0 0.0em 2em 0; padding: 1em 0 0 0;}
    
    .zwei-spalten-content-box .zwei-spalten-left .frame-layout-4 h2 {font-size: 4.8vw; line-height:5.8vw; font-weight: 500; padding: 0 0 1.5em 0}
    .zwei-spalten-content-box .zwei-spalten-left .frame-layout-4 h3 {font-size: 7.8vw; line-height: 8.8vw; padding: 0 0% 0 0; margin: 0; }
    
    .zwei-spalten-content-box .frame-layout-4 {margin: 0 -5%;}
    
}

/*4-CONTENT-BOX-BLUE-WITH-UNIQ*/
.content-box-blue-2 {position: relative; float: left; width: 100%; padding: 0.0em 0 0.0em 0%;}
.content-box-blue-2 {
background: linear-gradient(180deg, rgba(8, 8, 15, 1) 0%, rgba(8, 8, 15, 1) 50%, rgba(237, 237, 245, 1) 50%, rgba(237, 237, 245, 1) 100%);
}
.content-box-blue-inner-2 {position: relative; float: left; background: #0d0f21; width: 75%; margin: 0 12.5%; border-radius: 0 0 0.3em 0.3em;}
.content-box-blue-2 .content-box {position: relative; float: left; width: 100%; width: 80%; margin: 0em 10.0% 4em 10.0%; color: #FFF;}
.content-box-blue-2 .content-box img {border-radius: 0.5em;}

@media screen and (max-width:480px) {
    
    .content-box-blue-inner-2 {position: relative; float: left; background: #0d0f21; width: 90%; margin: 0 5%; border-radius: 0 0 0.3em 0.3em;}
    .content-box-blue-2 .content-box {position: relative; float: left; width: 100%; width: 90%; margin: 0em 5.0% 2em 5.0%; color: #FFF;}

}

/*5-CONTENT-BOX-MAIN-UNIQ*/
.content-box-main {position: relative; float: left; width: 94%; padding: 4.0em 3%; border-radius: 0.3em 0.3em 0 0;} 
.content-box-main .zwei-spalten-content-box  {position: relative; float: left; width: 100%; width: 80%; margin: 2em 10.0%;color: #FFF;}
.content-box-main .zwei-spalten-content-box .header {float: left; width: 80%; color: #4752a3; margin: 2.0em 20% 0 0;}
.content-box-main .zwei-spalten-content-box .header h2 {text-transform: uppercase;font-size: 0.9vw; line-height:1.1vw; font-weight: 700; 
padding: 0 0 0.7em 0;margin: 0 0 0 0;}
.content-box-main .zwei-spalten-content-box .header h3 {font-size: 3.8vw; line-height: 3.8vw; color: #08080f; padding: 0 0 0 0; margin: 0 0 0 0;}
.content-box-main .zwei-spalten-content-box .zwei-spalten-left {float: left; width: 50%; color: #FFF; margin: 0 0% 0 0;}
.content-box-main .zwei-spalten-content-box .zwei-spalten-right {float: right; width: 50%; margin: 0 0.0em 0 0;}

@media screen and (max-width:480px) {
    
    .content-box-main {position: relative; float: left; width: 94%; padding: 1.0em 3%; border-radius: 0.3em 0.3em 0 0;} 
    .content-box-main .zwei-spalten-content-box .header {float: left; width: 100%; color: #4752a3; margin: 1.0em 0% 0 0;}
    .content-box-main .zwei-spalten-content-box .header h2 {text-transform: uppercase;font-size: 4.8vw; line-height:5.8vw; font-weight: 700;}
    .content-box-main .zwei-spalten-content-box .header h3 {font-size: 8.8vw; line-height: 9.8vw; color: #08080f; padding: 0 0 0 0; margin: 0 0 0 0;}

    .content-box-main .zwei-spalten-content-box .zwei-spalten-left {float: left; width: 100%; color: #FFF; margin: 0 0% 0 0;}
    .content-box-main .zwei-spalten-content-box .zwei-spalten-right {float: right; width: 100%; margin: 0 0.0em 0 0;}
    
}


/*6-ZWEI-SPALTEN-EYECATCHER-BOX-UNOQ*/
.eyecatcher-box {position: relative; float: left; width: 85%;  padding: 0 7.5%; display: flex;} 
.eyecatcher-box .zwei-spalten-left {float: left; width: 48.5%; color: #FFF; margin: 0 1.5% 0.3% 0; background: #0c0e21;}
.eyecatcher-box .frame-type-text {padding: 0 5% 0 10%;}
.eyecatcher-box .zwei-spalten-left {
    border-radius: 1.4em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; 
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
}
.eyecatcher-box .zwei-spalten-left h2 {font-size: 5.0vw; line-height: 5.0vw; font-weight: 700; padding: 0 0 0.4em 0;}
.eyecatcher-box .zwei-spalten-left h2 spam {color: #19a953;}
.eyecatcher-box .zwei-spalten-right {float: left; width: 48.5%; margin: 0 0% 0 1.5%;}
.eyecatcher-box .zwei-spalten-right img {border-radius: 1.4em 18.0em 18.0em 1.4em;}
.eyecatcher-box .stoerer {position: absolute; z-index: 2; right: 4.0em; top: 0.0em; width: 10.5em; height: 10.5em;}
.eyecatcher-box .stoerer img { border-radius: 100%; background: #19a953;}

@media screen and (max-width:480px) {
    
    .eyecatcher-box {position: relative; float: left; width: 90%;  padding: 0 5%; display: block;}
    .eyecatcher-box .zwei-spalten-left {float: left; width: 98.5%; color: #FFF; padding: 3em 0; margin: 0 1.5% 0.5em 0; background: #0c0e21;}
    .eyecatcher-box .zwei-spalten-left h2 {font-size: 11.0vw; line-height: 12.0vw; font-weight: 700; padding: 0 0 0.4em 0;}
    .eyecatcher-box .zwei-spalten-right {float: left; width: 98.5%; margin: 1.0em 0% 0 1.5%;}
    .eyecatcher-box .stoerer {position: absolute; z-index: 2; right:inherit; left: 0.5em; top: inherit; bottom: -1em; width: 7.5em; height: 7.5em;}
    .eyecatcher-box .zwei-spalten-right img {border-radius: 2.0em;}
    
    
}

/*7-MAIN-HEADER-BOX-UNIQ*/
.main-header-box {position: relative; float: left; width: 80%; background: #EDEDF5; padding: 3.0em 0 8.0em 20%;}
.main-header-box .zwei-spalten-left {position: relative; float: left; width: 40%; color: #08080f; margin: 0 10% 0 0;}
.main-header-box .zwei-spalten-left a {color: #08080f; text-decoration: none;}
.main-header-box .zwei-spalten-left a.btn-default {color: #FFF; text-decoration: none;}
.main-header-box .zwei-spalten-right {position: relative; float: right; width: 40%; margin: 0 6% 0 4%;}
.main-header-box .zwei-spalten-right img{ border-radius: 1.4em;}
.main-header-box .zwei-spalten-left h1 spam {color: #DF2454;}
.main-content-text-box {margin: 0 0 0 -6.75em;}
.main-header-box {
   display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; 
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
}
.main-header-box .stoerer {position: absolute; z-index: 1; right:35.0em; top: 3.0em; width: 5.5em; height: 5.5em;}
.main-header-box .stoerer img { border-radius: 1.4em; background: #d9dbed;}
.main-header-box .stoerer-2 {position: absolute; z-index: 1; right:4.5%; top: 35.0em; width: 15.5em; height: 15.5em;}
.main-header-box .stoerer-2 img { border-radius: 1.4em; background: #d9dbed;}

@media screen and (max-width:480px) {
    
    .main-header-box {position: relative; float: left; width: 95%; background: #EDEDF5; padding: 1.0em 0 4.0em 5%;}
    .main-header-box .zwei-spalten-left {position: relative; float: left; width: 95%; color: #08080f; margin: 0 5% 0 0;}
    .main-header-box .zwei-spalten-right {position: relative; float: right; width: 95%; margin: 0 5% 2em 0%;}
    .main-content-text-box {margin: 0 0 0 0;}
    .main-header-box {display: block;}
    .main-header-box .zwei-spalten-left h1 { padding: 0 0 0.2em 0;}
    
}

/*8-CONTENT-BOX-WHITE-UNIQ*/
.content-box-white {position: relative; float: left; width: 100%; padding: 20.0em 0 0.0em 0%;}
.content-box-white {background: #0d0f21; }
.content-box-white-inner {position: relative; float: left; background: #FFF; width: 75%; margin: 0 12.5%; border-radius: 0.3em 0.3em 0 0;}

.frame-layout-1  {color: #08080f;}
.frame-layout-2 .zwei-spalten-content-box .zwei-spalten-left {color: #FFF;}

@media screen and (max-width:480px) {
    
    .content-box-white {position: relative; float: left; width: 100%; padding: 2.0em 0 0.0em 0%;}
    .content-box-white-inner {position: relative; float: left; background: #FFF; width: 90%; padding: 1.5em 0 0 0; margin: 0 5%; border-radius: 0.3em 0.3em 0 0;}

}

/*9-CONTENT-BOX-BLUE-WHITE-UNIQ*/
.content-box-white-2 {position: relative; float: left; width: 100%; padding: 0.0em 0 0.0em 0%; margin: -0.4em 0 0 0;}
.content-box-white-2 {
background: linear-gradient(180deg, rgba(8, 8, 15, 1) 0%, rgba(8, 8, 15, 1) 50%, rgba(237, 237, 245, 1) 50%, rgba(237, 237, 245, 1) 100%);
}
.content-box-white-inner-2 {position: relative; float: left; background: #FFF; width: 75%; margin: 0 12.5%; border-radius: 0 0 0.3em 0.3em;}
.content-box-white-2 .content-box {position: relative; float: left; width: 100%; width: 80%; margin: 0em 10.0% 4em 10.0%;;color: #FFF;}

@media screen and (max-width:480px) {
    
    .content-box-white-inner-2 {position: relative; float: left; background: #FFF; width: 90%; margin: 0 5%; border-radius: 0 0 0.3em 0.3em;}
    .content-box-white-2 .content-box {position: relative; float: left; width: 100%; width: 90%; margin: 0em 5% 2em 5%;;color: #FFF;}

}

/* 10-IMAGE-TEXT-GRID-LEFT-UNIQ */
.image-text-grid-box {position: relative; float: left; width: 80%; background: #EDEDF5; padding: 4.0em 0 4.0em 10%;font-size: 1.0vw; line-height: 1.4vw;}
.image-text-grid-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; 
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
}
.image-text-grid-box .zwei-spalten-left {position: relative; float: left; width: 48%; color: #08080f; margin: 0 2% 0 0; }
.image-text-grid-box .zwei-spalten-right {position: relative; float: left; width: 36%; margin: 0em 0% 0 14%;}
.image-text-grid-box-content {float: left; width: 100%; margin: 0 0 0 0;}
.image-text-grid-box-content h2 {text-transform: uppercase;font-size: 0.9vw; line-height:1.1vw; font-weight: 400; color: #4752a4; padding: 1.7em 0 1.8em 0}
.image-text-grid-box-content h3 {text-decoration: none; color: #08080f; font-size: 2.4vw; line-height: 2.6vw; margin: 0; padding: 0 0 0.8em 0;}
.image-text-grid-box-content h4 { color: #08080f; font-size: 2.4vw; line-height: 2.6vw; margin: 0; padding: 0.8em 0 0.8em 0; font-weight: 800;}

.image-text-grid-box .grafik {position: absolute; z-index: 2; left: -7.0em; bottom: -3.5em; width: 19.5em; height: auto;}
.image-text-grid-box .grafik img { border-radius: 1.4em; background: #d9dbed;}
.image-text-grid-box .icon {width: 3.7em; height: 3.7em;}
.image-text-grid-box .icon img { border-radius: 0.4em; background: #d9dbed;}
.image-text-grid-box .image img {border-radius: 1.0em;}

.image-text-grid-box ul {padding: 0 0 0 1em;}
.image-text-grid-box li {
  list-style: disc; color: #2b3061; 
}

@media screen and (max-width:480px) {
    
    .image-text-grid-box {width: 90%; padding: 2.0em 5% 2.0em 5%;  font-size: 4.8vw; line-height:7.2vw; display: block;}
    .image-text-grid-box .zwei-spalten-left {position: relative; float: left; width: 98%; color: #08080f; margin: 0 2% 0 0; }
    .image-text-grid-box .zwei-spalten-right {position: relative; float: left; width: 98%; margin: 0em 2% 0 0%;}
    .image-text-grid-box-content h2 {text-transform: uppercase; font-size: 4.8vw; line-height:7.2vw; font-weight: 400; color: #4752a4; padding: 1.7em 0 1.0em 0}
    .image-text-grid-box-content h3 {text-decoration: none; color: #08080f; font-size: 7.8vw; line-height: 8.8vw; margin: 0; padding: 0 0 0.8em 0;}
    .image-text-grid-box-content h4 {font-size: 7.8vw; line-height: 8.8vw; padding: 0.9em 0 0.8em 0; font-weight: 800;}
    
    .image-text-grid-box .icon {padding: 1.7em 0 0 0;}
    .image-text-grid-box .frame-space-before-medium {padding: 1.7em 0 0 0;}
    
}

/* 11-IMAGE-TEXT-GRID-RIGHT-UNIQ */
.image-text-grid-box-2 {position: relative; float: left; width: 80%; background: #EDEDF5; padding: 4.0em 0 4.0em 10%;font-size: 1.0vw; line-height: 1.4vw;}
.image-text-grid-box-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; 
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
}
.image-text-grid-box-2 .zwei-spalten-left {position: relative; float: left;  width: 36%; margin: 0.0em 14% 0 0%;}
.image-text-grid-box-2 .zwei-spalten-right {position: relative; float: left; width: 48%; color: #08080f; margin: 0 0% 0 2%;}
.image-text-grid-box-2 .grafik {position: absolute; z-index: 2; right: -7.0em; bottom: -3.5em; width: 19.5em; height: auto;}
.image-text-grid-box-2 .grafik img { border-radius: 1.4em; background: #d9dbed;}
.image-text-grid-box-2 .icon {width: 3.7em; height: 3.7em;}
.image-text-grid-box-2 .icon img { border-radius: 0.4em; background: #d9dbed;}
.image-text-grid-box-2 .image img {border-radius: 1.0em;}

.image-text-grid-box-2 ul {padding: 0 0 0 1em;}
.image-text-grid-box-2 li {
  list-style: disc; color: #2b3061; 
}

@media screen and (max-width:480px) {
    
    .image-text-grid-box-2 {width: 90%; padding: 2.0em 5% 2.0em 5%;  font-size: 4.8vw; line-height:7.2vw; display: block;}
    .image-text-grid-box-2 .zwei-spalten-left {position: relative; float: left;  width: 98%; margin: 0.0em 2% 0 0%;}
    .image-text-grid-box-2 .zwei-spalten-right {position: relative; float: left; width: 98%; color: #08080f; margin: 0 2% 0 0%;}
    .image-text-grid-box-2 .frame-space-before-medium {padding: 1.7em 0 0 0;}
    .image-text-grid-box-2 .icon {padding: 1.7em 0 0 0;}
    
}

/* 12-ZWEI-SPALTEN-EYECATCHER-BOX-RIGHT-UNOQ */
.eyecatcher-box-2 {position: relative; float: left; width: 85%;  padding: 0 7.5% 4em 7.5%; display: flex;} 
.eyecatcher-box-2 .zwei-spalten-left {float: left; width: 48.0%; color: #FFF; margin: 0 0 0.3% 2.0%; background: #0c0e21;}
.eyecatcher-box-2 .frame-type-text {padding: 0 10%;}
.eyecatcher-box-2 .zwei-spalten-left {
    border-radius: 1.4em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; 
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
}
.eyecatcher-box-2 .zwei-spalten-left h2 {font-size: 5.0vw; line-height: 5.0vw; font-weight: 700; padding: 0 0 0.4em 0;}
.eyecatcher-box-2 .zwei-spalten-left h2 spam {color: #19a953;}
.eyecatcher-box-2 .zwei-spalten-right {float: left; width: 48.5%; margin: 0 1.5% 0 0%;}
.eyecatcher-box-2 .zwei-spalten-right img {border-radius: 18.0em 1.4em 1.4em 18.0em;}
.eyecatcher-box-2 .stoerer {position: absolute; z-index: 2; left: 4.0em; top: 0.0em; width: 10.5em; height: 10.5em;}
.eyecatcher-box-2 .stoerer img { border-radius: 100%; background: #19a953;}

@media screen and (max-width:480px) {
    
    .eyecatcher-box-2 {position: relative; float: left; width: 90%;  padding: 0 5%; display: block;}
    .eyecatcher-box-2 .zwei-spalten-left {float: left; width: 98.5%; color: #FFF; padding: 3em 0; margin: 0 1.5% 0.3% 0; background: #0c0e21;}
    .eyecatcher-box-2 .zwei-spalten-left h2 {font-size: 11.0vw; line-height: 12.0vw; font-weight: 700; padding: 0 0 0.4em 0;}
    .eyecatcher-box-2 .zwei-spalten-right {float: left; width: 98.5%; margin: 1.0em 0% 1em 1.5%;}
    .eyecatcher-box-2 .stoerer {position: absolute; z-index: 2; right:inherit; left: 0.5em; top:-1em;  width: 7.5em; height: 7.5em;}
    .eyecatcher-box-2 .zwei-spalten-right img {border-radius: 2.0em;}
    
    
}

/* 13-COUNTER-BOX-4-COLUMNS-UNIQ */
.counter-box-four-columns {position: relative; float: left; width: 90%; color: #FFF; margin: 4em 0; padding: 4.0em 5% 2.0em 5%;background: #08080f;} 
.counter-header-container {float: left; width: 100%; padding:0 0 5% 0; margin: -1em 0 0 0; color: #FFF;}
.counter-box-container {float: left; width: 25%; }
/* COUNT */
.counter-box {float: left; width: 100%; padding: 0 0em 1em 0; text-align: center;}
.counter-box h3 {font-size: 1.2vw; line-height: 1.5vw; font-weight: 300;text-align: center;}
.counter {
  text-align: center;
  padding: 0 0 0 1.0em;
  margin:0 0 1em 0;
  position: relative;
    width: 100%;    
}
.count-icon {width: 2.6em; height: auto; padding: 0 0 1.0em 0;}
.counter {
   display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; 
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
}


.counter .counter-value {
  padding: 0 0.2em 0 0;
  margin: 0 0 0 0;
  display: block;  
}
.counter .counter-value {font-size: 3.9vw; line-height: 3.9vw;text-align: center;}

.counter .counter-value-text {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  display: block;  
}
.counter .counter-value-text {font-size: 14.9vw; line-height: 14.9vw;text-align: center;}

.counter p {color: #FFF; font-size: 1.9vw; line-height: 1.9vw;padding: 0.8em 0 0 0;}


@media screen and (max-width:480px) {

    .counter-box-four-columns { margin: 4em 0 0 0; padding: 4.0em 5% 2.0em 5%;} 
    .counter-header-container {float: left; width: 100%; padding:0 0 2.3em 0; margin: -1em 0 0 0; color: #FFF; text-align: center;}
    .counter-box-container {float: left; width: 100%; }
    .count-icon {width: 4.0em; height: auto; padding: 0 0 1.0em 0;}
    .counter-box h3 {font-size: 4.8vw; line-height: 6.8vw; color: #FFF;width: 100%; display: block}
    .counter .counter-value {font-size: 12.9vw; line-height: 12.9vw;text-align: center;}
    .counter p {color: #FFF; font-size: 4.8vw; line-height:4.8vw;padding: 0.8em 0 0 0;}


}

/* 14-FULL-CONTAINER-BOX-UNIQ */
.full-container-box {position: relative; float: left; width: 90%; padding: 6.0em 5%;} 
.full-container-box h2 {text-decoration: none; color: #08080f; font-size: 3.8vw; line-height: 4.2vw; }

@media screen and (max-width:480px) {
    
    .full-container-box {position: relative; float: left; width: 90%; padding: 1.0em 5% 3.0em 5%;} 
    .full-container-box h2 {text-decoration: none; color: #08080f; font-size: 9.8vw; line-height: 11.2vw; }

}

/* 15-CALL-TO-ACTION-PERSON-UNIQ */
.call-to-action-box {position: relative; float: left;  width: 80%; margin: 0 5% 10em 5%;  padding: 2em 5.0%; } 
.call-to-action-box { display: flex; border-radius: 1.0em; background: #0c0f21;}
.call-to-action-text {float: left; width: 50%; padding: 2em 0%;color: #FFF;}
.call-to-action-icon {position: absolute; z-index: 2; right:30%; bottom: 2.2em; width: 8.5em; height: 8.5em;}
.call-to-action-icon img { border-radius: 100%; background: #efa91a;}
.call-to-action-person {position: absolute; z-index: 1; right:5%; top: -2.0em; width: 24em; height: 24em;}
.call-to-action-person img { border-radius: 100%; background: #efa91a;}
.call-to-action-text h2 {font-size: 5.0vw; line-height: 5.0vw; font-weight: 700; padding: 0 0 0.0em 0;}
.call-to-action-text h3 {font-size: 1.0vw; line-height: 1.0vw; color: #9196c7;font-weight: 300; text-transform: uppercase;}
.call-to-action-text a{text-decoration: none; color: #FFF;margin: 0 0 0 0;border-bottom: solid 1px #9196c7;}
.call-to-action-text strong {font-weight: 900; padding: 0 0 0.5em 0;}
.call-to-action-text .frame-layout-5 h2 spam {color: #DF2454;}
.call-to-action-text .frame-layout-6 h2 spam {color: #eeaa1b;}

@media screen and (max-width:480px) {
    
    .call-to-action-text h2 {font-size: 11.0vw; line-height: 13.6vw; font-weight: 700; padding: 0 0 0.0em 0;}
    .call-to-action-box {position: relative; float: left;  width: 80%; margin: 8em 5% 10em 5%;  padding: 2em 5.0%; } 
    .call-to-action-text {float: left; width: 100%; padding: 2em 0%;color: #FFF;}
    .call-to-action-person {position: absolute; z-index: 1; right:-0.9em; top: -9.0em; width: 14em; height: 14em;}
    .call-to-action-icon {position: absolute; z-index: 2; right:inherit; left: -0.5em; bottom: -6.2em; width: 8.5em; height: 8.5em;}
    
}
/* 16-DETAIL-CONTENT-BOX-UNIQ */
.detail-content-box {position: relative; float: left; width: 54%; margin: 2.0em 23% 3em 23%}
.detail-content-box h1 {font-size: 3.2vw; line-height:3.6vw; padding: 0em 0 0.2em 0; margin: 0;}
.detail-content-box h2 {padding: 0.3em 0 1.0em 0; width: 100%; display: block;font-weight: 600;}
.detail-content-box h2 {font-size: 0.8vw; line-height: 0.8vw; text-transform: uppercase; color: #08080f;}
.detail-content-box img {border-radius: 0.3em;}
.detail-content {float: left; width: 100%; display: block; padding:0 0 3em 0;}
.detail-content .frame-layout-3 {float: left; background: #FFF; margin: 0.0em 0; padding: 2.0em 2em 4em 2em;border-radius: 0.3em;}
.detail-content .frame-layout-3 h2 { padding: 0 0 1.5em 0;font-size: 1.6vw; height: 2.0vw; text-transform: none;}

.detail-content ul {padding: 0 0 0 1em;}
.detail-content li {
  list-style: disc; color: #08080f; 
}

.detail-content a{color: #08080f; text-decoration: none; border-bottom: solid 1px #9196C7;}

@media screen and (max-width:480px) {
    
    .detail-content-box {position: relative; float: left; width: 90%; margin: 2.0em 5% 3em 5%}
    .detail-content-box h1 {font-size: 7.8vw; line-height: 8.8vw; padding: 0em 0 0.2em 0; margin: 0;}
    .detail-content-box h2 {font-size: 3.2vw; line-height: 3.2vw; text-transform: uppercase; color: #08080f;}
    .detail-content .frame-layout-3 h2 { padding: 0 0 3.5em 0;font-size: 6.8vw; line-height: 7.8vw; text-transform: none;}
    
}

/*17-SOLUTION-OVERVIEW-INTRO-UNIQ*/
.zwei-spalten-solutions {position: relative; float: left; width: 80%; margin: 0 10%;  padding: 6.0em 0 8.0em 0;} 
.zwei-spalten-solutions .zwei-spalten-left {float: left; width: 50%; color: #FFF; margin: 0 0% 0 0;}
.zwei-spalten-solutions .zwei-spalten-left h2 {}
.zwei-spalten-solutions .zwei-spalten-right {float: right; width: 50%; margin: 0 0.0em 0 0;}
.zwei-spalten-solutions .zwei-spalten-right img {border-radius: 0.5em;}

@media screen and (max-width:480px) {
    
    .zwei-spalten-solutions {position: relative; float: left; width: 96%; margin: 0 2%;  padding: 3.0em 0 3.0em 0;} 
    .zwei-spalten-solutions .zwei-spalten-left {float: left; width: 100%; color: #FFF; margin: 0 0% 0 0;}
    .zwei-spalten-solutions .zwei-spalten-left h2 {}
    .zwei-spalten-solutions .zwei-spalten-right {float: right; width: 100%; margin: 0 0.0em 0 0;}
    .zwei-spalten-solutions .zwei-spalten-right img {border-radius: 0.5em;}
    
}

/*18-CONTENT-BOX-BLUE-WHITE-ZWEI-SPALTEN-UNIQ*/
.zwei-spalten-box-blue-white {position: relative; float: left; width: 100%; margin: 0 0%;  padding: 1.0em 0 0.5em 0;color: #08080f;} 
.zwei-spalten-box-blue-white .zwei-spalten-left {float: left; width: 50%; margin: 0 0% 0 0;}
.zwei-spalten-box-blue-white .zwei-spalten-right {float: right; width: 50%; margin: 0 0.0em 0 0;}
.zwei-spalten-box-blue-white .zwei-spalten-right img {border-radius: 0.5em;}

.zwei-spalten-box-blue-white ul {padding: 0 0 0 1.5em;font-size: 1.0vw; line-height:1.4vw;}
.zwei-spalten-box-blue-white li {
  list-style: disc; color: #2b3061; 
}

@media screen and (max-width:480px) {
    
    .zwei-spalten-box-blue-white .zwei-spalten-left {float: left; width: 100%; margin: 0 0% 0 0;}
    .zwei-spalten-box-blue-white .zwei-spalten-right {float: right; width: 100%; margin: 0 0.0em 0 0;}
    .zwei-spalten-box-blue-white ul {padding: 0 0 0 1.5em;font-size: 4.0vw; line-height:5.8vw;}
    
}
/* 19-SERVICES-LIST-UNIQ */
.icon-text-grid-box {position: relative; float: left; width: 80%; background: #EDEDF5; padding: 4.0em 0 3.0em 10%;font-size: 1.0vw; line-height: 1.4vw;}
.icon-text-grid-box .zwei-spalten-left-icon-box {position: relative; float: left; width: 38%; color: #08080f; margin: 0 12% 0 0;}
.icon-text-grid-box .zwei-spalten-left-icon-box h2{font-size: 2.2vw; line-height: 2.4vw; padding: 0.5em 10% 0.7em 0; margin: 0;}
.icon-text-grid-box .zwei-spalten-right-icon-box {position: relative; float: left; width: 38%; margin: 0.0em 12% 0 0%;}
.icon-text-grid-box .zwei-spalten-right-icon-box h2{font-size: 2.2vw; line-height: 2.4vw; padding: 0.5em 10% 0.7em 0; margin: 0;}
.icon-text-grid-box-content {float: left; width: 100%; margin: 0 0 0 0;}
.icon-text-grid-box-content p {width: 90%; padding: 0 10% 0 0}

.icon-text-grid-box .icon {width: 3.7em; height: 3.7em;}
.icon-text-grid-box .icon img { border-radius: 0.4em; background: #d9dbed;}

.icon-text-grid-box ul {padding: 0 0 0 1em;}
.icon-text-grid-box li {
  list-style: disc; color: #2b3061; 
}

@media screen and (max-width:480px) {
    
    .icon-text-grid-box {position: relative; float: left; width: 90%; background: #EDEDF5; padding: 0.0em 0 0.0em 5%;}
    .icon-text-grid-box { font-size: 4.8vw; line-height:7.2vw;}
    .icon-text-grid-box .zwei-spalten-left-icon-box {position: relative; float: left; width: 98%; margin: 0 2% 2em 0;}
    .icon-text-grid-box .zwei-spalten-left-icon-box h2{font-size: 7.8vw; line-height: 8.8vw; padding: 0.5em 10% 0.7em 0; margin: 0;}
    .icon-text-grid-box .zwei-spalten-right-icon-box {position: relative; float: left; width: 98%; margin: 0.0em 2% 2em 0%;}
    .icon-text-grid-box .zwei-spalten-right-icon-box h2{font-size: 7.8vw; line-height: 8.8vw; padding: 0.5em 10% 0.7em 0; margin: 0;}
    
}

/* 20-HEADER-BOX-UNIQ */
.simpel-header-box {position: relative; float: left; width: 90%; background: #EDEDF5; padding: 1.0em 5% 1.0em 5%;}
.simpel-header-box h2 {font-size: 3.2vw; line-height: 3.4vw; padding: 0; margin: 0;}

@media screen and (max-width:480px) {
    
    .simpel-header-box {position: relative; float: left; width: 90%; background: #EDEDF5; padding: 0.0em 5% 0em 5%;}
    .simpel-header-box h2 {font-size: 9.2vw; line-height: 11.2vw; padding: 0; margin: 0;}
    
}

/* 21-DREI-SPALTEN-BOX-UNIQ */
.drei-spalten-box {position: relative; float: left; width: 75%; background: #EDEDF5; padding: 5.0em 12.5% 10.0em 12.5%;}
.drei-spalten-box h2 {padding: 0; height: 2.8em;}
.drei-spalten-box-left {float: left; width: 29%; padding: 0 4% 0 0;}
.drei-spalten-box a{text-decoration: none; color: #08080f; border-bottom: solid 1px #6E73B5;}

@media screen and (max-width:480px) {
    
    .drei-spalten-box {position: relative; float: left; width: 90%; background: #EDEDF5; padding: 1.0em 5% 10.0em 5%;}
    .drei-spalten-box-left {float: left; width: 100%; padding: 0 0% 2em 0;}
    .drei-spalten-box h2 {padding: 0 0 0.7em 0; height: auto;}
    
}

/* 22-ZWEI-SPALTEN-BOX-UNIQ */
.zwei-spalten-box {position: relative; float: left; width: 75%; background: #EDEDF5; padding: 0.0em 12.5% 0.0em 12.5%;display: flex;}
.zwei-spalten-box h2 {padding: 0 0 0.5em 0;}
.zwei-spalten-box-left {float: left; width: 46%; padding: 2em 4% 4em 0;}
.zwei-spalten-box a{text-decoration: none; color: #08080f; border-bottom: solid 1px #6E73B5;}

@media screen and (max-width:480px) {
    
    .zwei-spalten-box {position: relative; float: left; width: 90%; background: #EDEDF5; padding: 0.0em 5% 0.0em 5%;display: block;}
    .zwei-spalten-box-left {float: left; width: 96%; padding: 2em 4% 2em 0;}

}


/* MOBILE-MENU */
.nav-icon-box { position:absolute; z-index:100;right: 7.5%; top:3.8em;margin:0px 0px 8 0%; padding:0px 0 0 0; display:none;}
.nav-icon-box {font-size: 1.6vw; line-height:1.6vw;transition:all 0.8s ease;}

.nav-icon-box-open { position:fixed; z-index:100;left:43%; margin:0px 0px 0% 0%; padding:0 0 0 0; display:block;}

.close-box {position: absolute; z-index: 2; left: 5em; top: 5em; background: rgba(221,83,85,1.00)}


@media screen and (max-width:480px) {
	
    .nav-icon-box {position:absolute; z-index:100;right:5%;  top:2.6em;margin:0px 0px 0% 0%; padding:0px 0 0 0; display:block; width: 10%;}
    .nav-icon-box {font-size: 5.9vw; line-height:5.9vw;}
    .nav-icon-box-2 { z-index:100;right:7.5%;  top:3.2em;margin:0px 0px 0% 0%; padding:0px 0 0 0; display:block;width: 20%;}
    .nav-icon-box-2 {font-size: 5.9vw; line-height:5.9vw;}
    .nav-icon-box-open { position:fixed; z-index:100;left:7.5%; margin:0px 0px 0% 0%; padding:0px 0 0 0; display:block;}
    
}

/*NAVIGATION BEGINN */

.menu-panel{position: fixed; z-index:99; top:0;left:0%; width:100%; height:100vh; padding:0% 0 0 0%; background:#08080F; display: none;}

.menu-panel-close {position: fixed; z-index: 98;top:0;right:0%;width:100vw; height:100vh; padding:0% 0 0 0%; display: none;cursor:pointer;}

.content-menu-panel {
	display: -webkit-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -moz-box-flex;
	display: flex;
	-webkit-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	text-align: left;
	align-items: center;
	justify-content: center;
}

.content-menu-panel {position: relative; width: 70%;height:100vh; padding:0em 22% 5% 8% ; background:#000;}
.content-menu-container {display: none;}

.nav-box {float:left; display:block;width:50%; padding:0 0 30px 0;}
.nav-titel {text-transform:uppercase;color:#FFF;}
.nav-titel a{color:#FFF; font-size: 2.2vw; line-height: 2.2vw; text-decoration: none;}
.nav-titel a:hover {color: #cc454d;opacity: 1.0;}
.nav-titel-active a {color: #cc454d;opacity: 1.0; text-transform:none; text-decoration:none;font-size: 4.2vw; line-height: 4.8vw;}
.nav-titel {padding:0.3em 0 0.3em 0; cursor: pointer;}
.nav-titel-active {padding:0.3em 0 0.3em 0; cursor: pointer;}

/*
.black .nav-titel a{  font-weight: 400; text-transform:none;color:#FFF; font-size:1.2vw; line-height: 1.2vw; background: #111;}
*/

@media screen and (max-width:480px) {
	
    .logo-menu {position: absolute; z-index: 10; left: 0; top: 1.7em; width:8.5em; height:auto; padding: 1.0em 0% 0.8em 5%;}
    .menu-panel{position: fixed; z-index:99; top:0;right:0%;width:100%; min-height:100vh; padding:0% 0 0 0%;display: none;}
    
    .content-menu-panel {position: relative; display: block; width: 75%; padding:8em 20% 0em 5%;text-align:left; margin: 0em 0 0 0;}
    .menu-panel-close {position: fixed; z-index: 98;top:0;right:0%;width:100vw; height:100vh; padding:0% 0 0 0%;display: none;visibility: visible;}
    

    .content-menu-line {float: left; width: 100%; padding: 0 0 3% 0;}
    .content-menu-row {float: left; width: 100%; padding: 0 0% 0 0%;font-size: 4.4vw; line-height: 5.4vw; }
    .content-menu-container-1 {float: left; width: 98%; border-right: dotted 0px #999;}
    .content-menu-border {border-right: dotted 0px #999;} 


}
/* NAVIGATION END */

/* NEWS-ELEMENTE START  */

/* solutions-home */
.solutions-home-container {position: relative; float: left; width: 100%; margin: 0%; padding: 0em 0 0em 0; text-align: left; color: #08080f;}
.solutions-home-container h2 {padding: 0 0 0.3em 0;}
.solutions-home-container h2 a{text-decoration: none; color: #08080f; font-size: 1.8vw; line-height: 2.2vw;  }
.solutions-home-container .article {position: relative; float: left;width: 100%; padding: 0 0% 7.5em 0;}
.solutions-home-container .border-box {float: left;width: 100%; margin: 0 0 0 5%; border-left: solid 1px #08080f; }
.solutions-home-container .border-box-2 {float: left;width: 100%; margin: 0 0 0 5%; border-left: solid 0px #08080f; }
.solutions-home-container .content {float: left; width: 75%; padding: 0 10% 0 10%; margin: 0 0 0 0%}
.news-list-tags {position: absolute; z-index: 2; left: 0; top: 0; background: #DF2454; color: #FFF; border-radius: 100%;font-weight: 500;}
.news-list-tags {font-size: 1.2vw; line-height: 1.2vw; width: 3.5em; height: 3.5em; margin: 0 0 0 -1.7em}
.news-list-tags {
	display: -webkit-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -moz-box-flex;
	display: flex;
	-webkit-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	text-align: left;
	align-items: center;
	justify-content: center;
}
.solutions-home-container .first .news-list-tags {background: #DF2454;}
.box-line-top {background: #EDEDF5; width: 3.5em; height: 6em;position: absolute; z-index: 1; left: -1.7em; top: 0.0em;}
.box-line-bottom {background: #EDEDF5; width: 3.5em; height: 2.5em;position: absolute; z-index: 1; left: -1.7em; bottom: 0.0em;}

.frame-layout-7 .solutions-home-container .btn-solutions{display: none; visibility: hidden;}

@media screen and (max-width:480px) {
    
    .news-list-tags {font-size: 4.2vw; line-height: 4.2vw; width: 3.0em; height: 3.0em; margin: 0 0 0 -1.7em}
    .solutions-home-container .article {position: relative; float: left;width: 95%; padding: 0 0% 4.0em 5%;}
    .box-line-top {background: #EDEDF5; width: 3.5em; height: 4em;position: absolute; z-index: 1; left: -1.7em; top: 0.0em;}
    .box-line-bottom {background: #EDEDF5; width: 3.5em; height: 2.5em;position: absolute; z-index: 1; left: -1.7em; bottom: 0.0em;}
    
}

/* products-home */
.products-home-container {position: relative; float: left; width: 80%; margin: 0%; padding: 6em 10% 4em 10%; text-align: left; color: #08080f;}
.products-home-container .article {position: relative; float: left; width: 100%; padding: 0 0 8.0em 0;}
.products-home-container h2 {padding: 0 0 0.8em 0;}
.products-home-container h2 a{text-decoration: none; color: #08080f; font-size: 1.8vw; line-height: 2.2vw;}
.products-home-container .products-shape {width: 3.6em; height: auto;padding: 0 0 0.5em 0}
.products-home-container .products-main-box {position: relative; float: left; width: 100%;}

.products-home-container .news-img-wrap {float: left; width: 40%; margin: 0 10% 0 0%;}
.products-home-container .news-img-wrap img{border-radius: 0.7em;}
.products-home-container .zwei-spalten-left h2 {font-size: 2.0vw; line-height: 2.4vw; font-weight: 700; padding: 0 0 0.4em 0;}
.products-home-container .news-text-right {float: left; width: 40%; margin: 0 0% 0 10%;}
.products-home-container .teaser-text {float: left; padding: 0 0 2.0em 0;}
.products-home-container .news-text-wrap {float: left; padding: 0 0 1.0em 0;}

.products-home-container .products-home-right .news-img-wrap {float: left; width: 40%; margin: 0 0% 0 10%;}
.products-home-container .products-home-right .news-text-right {float: left; width: 40%; margin: 0 10% 0 0%;}

.products-home-container ul {padding: 0 0 0 1em;}
.products-home-container li {
  list-style: disc; color: #4752a3; font-size: 1.0vw; line-height: 1.4vw;
}

@media screen and (max-width:480px) {
    
    .products-home-container {position: relative; float: left; width: 90%; margin: 0%; padding: 2em 5% 2em 5%; text-align: left; color: #08080f;}
    .products-home-container .article {position: relative; float: left; width: 100%; padding: 0 0 3.0em 0;}
    .products-home-container .news-img-wrap {float: left; width: 100%; margin: 0 0% 0 0%;}
    .products-home-container .zwei-spalten-left h2 {font-size: 7.0vw; line-height: 9.4vw; font-weight: 700; padding: 0 0 0.4em 0;}
    .products-home-container .products-shape {width: 3.6em; height: auto;padding: 1.0em 0 0.5em 0}
    .products-home-container h2 a{font-size: 7.0vw; line-height: 8.4vw;}
    .products-home-container .news-text-right {float: left; width: 100%; margin: 0 0% 0 0%;}
    
    .products-home-container .products-home-right .news-img-wrap {float: left; width: 100%; margin: 0 0% 0 0%;}
    .products-home-container .products-home-right .news-text-right {float: left; width: 100%; margin: 0 0% 0 0%;}
    
    .products-home-container .teaser-text {float: left; padding: 0 0 0.0em 0;}
    .products-home-container .news-text-wrap {float: left; padding: 0 0 0.0em 0; }
    
    .products-home-container ul {padding: 0 0 0 1em;}
    .products-home-container li {
      list-style: disc; color: #4752a3; font-size: 4.0vw; line-height: 5.4vw;
    }

    
}
/* partner scroller */
.scroller-box {position: relative; float: left; width: 80%; margin: 4.5em 10% 0em 10%; padding: 0 0 1.0em 0; text-align: left;}
.scroller-box {border-bottom: solid 1px #2b3061;}
.scroller {
  max-width: 100%;
    padding: 0 0%;
}

.scroller img {width: 5em; padding: 0 2.0em 0 0;}

.scroller__inner {
  padding-block: 0rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0rem;
}

.scroller[data-animated="true"] {
  overflow: hidden;
  -webkit-mask: linear-gradient(
    90deg,
    transparent,
    white 0%,
    white 100%,
    transparent
  );
  mask: linear-gradient(90deg, transparent, white 0%, white 100%, transparent);
}

.scroller[data-animated="true"] .scroller__inner {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  flex-wrap: nowrap;
  -webkit-animation: scroll var(--_animation-duration, 40s)
    var(--_animation-direction, forwards) linear infinite;
          animation: scroll var(--_animation-duration, 40s)
    var(--_animation-direction, forwards) linear infinite;
}

.scroller[data-direction="right"] {
  --_animation-direction: reverse;
}

.scroller[data-direction="left"] {
  --_animation-direction: forwards;
}

.scroller[data-speed="fast"] {
  --_animation-duration: 60s;
}

.scroller[data-speed="slow"] {
  --_animation-duration: 120s;
}

@-webkit-keyframes scroll {
  to {
    transform: translate(calc(-50% - 0.5rem));
  }
}

@keyframes scroll {
  to {
    transform: translate(calc(-50% - 0.5rem));
  }
}

@media screen and (max-width:480px) {
    
    .scroller-box {position: relative; float: left; width: 90%; margin: 2.5em 5% 0em 5%; padding: 0 0 1.0em 0; text-align: left;}
    
}

/*HAMBURGER*/
.c-hamburger:focus {
  outline: none;
}

.c-hamburger {
  display: block;
  position: relative;
    float: left;
  overflow: hidden;
  margin: -0.5em 0.5em 0 0;
  padding: 0 0 0 0;
  width: 1.4em;
  height: 1.5em;
  text-indent: -9999px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  -webkit-transition: background 0.3s;
          transition: background 0.3s; 
}

.c-hamburger span {
    display: block;
  position: absolute;
   top: 1em;
  left: 0px;
  right: 0px;
  height: 2px;
  background: #DF2454;
}

.c-hamburger span::before{
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 2px;
  background: #DF2454;
  content: "";
}
.c-hamburger span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 2px;
  background: #DF2454;
  content: "";
}

.main .c-hamburger span {
    display: block;
  position: absolute;
   top: 1em;
  left: 0px;
  right: 0px;
  height: 2px;
  background: #000;
}
.main .c-hamburger span::before {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 2px;
  background: #000;
  content: "";
}
.main .c-hamburger span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 2px;
  background: #000;
  content: "";
}

/**/   

/**/
/**/	

.c-hamburger span::before {
  top: -0.3em;
}

.c-hamburger span::after {
  bottom: -0.3em;
}


/**
 * Style 2
 * 
 * Hamburger to "x" (htx). Takes on a hamburger shape, bars slide
 * down to center and transform into an "x".
 */

.c-hamburger--htx span {
  -webkit-transition: background 0s 0.3s;
          transition: background 0s 0.3s;
}

.c-hamburger--htx span::before,
.c-hamburger--htx span::after {
  -webkit-transition-duration: 0.3s, 0.3s;
          transition-duration: 0.3s, 0.3s;
  -webkit-transition-delay: 0.3s, 0s;
          transition-delay: 0.3s, 0s;
}

.c-hamburger--htx span::before {
  -webkit-transition-property: top, -webkit-transform;
          transition-property: top, transform;
}

.c-hamburger--htx span::after {
  -webkit-transition-property: bottom, -webkit-transform;
          transition-property: bottom, transform;
}

/* active state, i.e. menu open */
.c-hamburger--htx.is-active {
}

.c-hamburger--htx.is-active span {
  background: none;
}

.c-hamburger--htx.is-active span::before {
  top: 0;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
		  background:#DF2454;
}

.c-hamburger--htx.is-active span::after {
  bottom: 0;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
		   background:#DF2454;
}

.c-hamburger--htx.is-active span::before,
.c-hamburger--htx.is-active span::after {
  -webkit-transition-delay: 0s, 0.3s;
          transition-delay: 0s, 0.3s;
}

.hyphenate {
   hyphenate-limit-chars: auto 5;
   hyphenate-limit-lines: 2;    
      }



/* preloader animation*/

.load-bar {
  position: relative;
  margin: 0 auto;
  width: 100%;
  height: 1px;
  background-color: #FFF;
}
.bar {
  content: "";
  display: inline;
  position: absolute;
  width: 0;
  height: 100%;
  left: 50%;
  text-align: center;
}
.bar:nth-child(1) {
  background-color: #df2354;
  -webkit-animation: loading 6s linear ;
          animation: loading 6s linear ;
}
.bar:nth-child(2) {
  background-color:#FFF;
  -webkit-animation: loading 0s linear 1s ;
          animation: loading 0s linear 1s ;
}
.bar:nth-child(3) {
  background-color: #91a958;
  -webkit-animation: loading 3s linear 2s;
          animation: loading 3s linear 2s;
}

@keyframes loading {
    from {left: 50%; width: 0;z-index:100;}
    33.3333% {left: 0; width: 100%;z-index: 10;}
    to {left: 0; width: 100%;}
}
@-webkit-keyframes loading {
    from {left: 50%; width: 0;z-index:100;}
    33.3333% {left: 0; width: 100%;z-index: 10;}
    to {left: 0; width: 100%;}
}

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background:#FFF;  
  z-index: 999999;}

#status {
  width: 50%;
  height: 1px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: 0px 0 0 -25%; }

@media screen and (max-width:480px) {
	
#status {
  width: 80%;
  height: 1px;
  position: absolute;
  left: 20%;
  top: 50%;
  margin: 0px 0 0 -10%; }	

}
/*BTN background:#a9c566; #91a958*/
.btn-default {
  background-color:#DF2454;
  border: solid 1px #DF2454;
  color:#FFF;
  padding:0.8em 3.0em 0.8em 1.5em;
  margin:0.0em 0 0 0;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  transition: .5s ease-in-out;
  font-size: 1.0vw; line-height:1.0vw;
  text-transform: none;
    border-radius: 2.0em;
    font-weight: 400;
    letter-spacing: 0.0vw;
}
.btn-default {
    background-image:url(../images/icons/arrow-default.png); background-repeat:no-repeat;background-size: 0.3em auto;
    background-position: right 1.5em center;
}
a.btn-default {color: #FFF;border: none;}

.btn-newsletter-anmelden {
  background-color:#DF2454;
  border: solid 1px #DF2454;
  color:#FFF;
  padding:0.8em 3.0em 0.8em 1.5em;
  margin:0.0em 0 0 0;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  transition: .5s ease-in-out;
  font-size: 1.0vw; line-height:1.0vw;
  text-transform: none;
    border-radius: 2.0em;
    font-weight: 400;
    letter-spacing: 0.0vw;
}
.btn-newsletter-anmelden {
    background-image:url(../images/icons/newsletter.png); background-repeat:no-repeat;background-size: 1.1em auto;
    background-position: right 1.0em center;
}

.btn-more {
  background-color: none;
  border: solid 1px #9196c7;
  color:#FFF;
  padding:0.8em 3.0em 0.8em 1.5em;
  margin:0.0em 0 0 0;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  transition: .5s ease-in-out;
  font-size: 1.0vw; line-height:1.0vw;
  text-transform: none;
    border-radius: 2.0em;
    font-weight: 400;
    letter-spacing: 0.0vw;
}
.btn-more {
    background-image:url(../images/icons/arrow-default.png); background-repeat:no-repeat;background-size: 0.4em auto;
    background-position: right 1.5em center;
}

.btn-support {
  background:#DF2454;
  border: solid 1px #DF2454;
  color:#FFF;
  padding:0.8em 1.5em;
  margin:1.8em 0 0 0;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  transition: .5s ease-in-out;
  font-size: 0.8vw; line-height:0.8vw;
  text-transform: uppercase;
    border-radius: 2.0em;
    font-weight: 400;
    letter-spacing: 0.1vw;
}
.btn-jobs {
  background:none;
  border: solid 1px #9195c6;
  color:#9195c6;
  padding:0.8em 1.5em;
  margin:1.8em 0 0 1.0em;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  transition: .5s ease-in-out;
  font-size: 0.8vw; line-height:0.8vw;
  text-transform: uppercase;
    border-radius: 2.0em;
    font-weight: 400;
    letter-spacing: 0.1vw;
}
.btn-overview {
  position: absolute;
  right: 0;
  top: 0;
  background:none;
  border: solid 1px #4752a4;
  color:#08080f;
  padding:0.8em 1.5em;
  margin: 0em 0 0 0;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  transition: .5s ease-in-out;
  font-size: 1.1vw; line-height:1.1vw;
  text-transform: none;
  border-radius: 2.0em;
  font-weight: 400;
  letter-spacing: 0.1vw;
}

.btn-solutions {
  background-color:none;
  border-bottom: solid 1px #2b3161;
  color:#2b3161;
  padding:0.2em 1.5em 0.2em 0em;
  margin:0.5em 0 0 0;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  transition: .5s ease-in-out;
  font-size: 1.2vw; line-height:1.2vw;
  text-transform: none;
    font-weight: 400;
    letter-spacing: 0.0vw;
}
.btn-solutions {
    background-image:url(../images/icons/arrow-down-blue.png); background-repeat:no-repeat;background-size: 0.7em auto;
    background-position: right 0.0em center;
}

.btn-blog {
  background-color:none;
  border-bottom: solid 1px #2b3161;
  color:#2b3161;
  padding:0.2em 1.5em 0.2em 0em;
  margin:0.5em 0 0 0;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  transition: .5s ease-in-out;
  font-size: 1.2vw; line-height:1.2vw;
  text-transform: none;
    font-weight: 400;
    letter-spacing: 0.0vw;
}
.btn-blog {
    background-image:url(../images/icons/arrow-right-blue.png); background-repeat:no-repeat;background-size: 0.4em auto;
    background-position: right 0.0em center;
}

@media screen and (max-width:480px) {
    
    .btn-default {font-size: 3.8vw; line-height:3.8vw;} 
    .btn-support {font-size: 3.6vw; line-height:3.6vw;float: right; margin:1.5em 10% 0 0;} 
    .btn-blog {font-size: 3.6vw; line-height:3.6vw;} 
    .btn-solutions {font-size: 3.6vw; line-height:3.6vw;margin:1.2em 0 0 0;} 
    .btn-more {font-size: 3.6vw; line-height:3.6vw;margin:1.2em 0 0 0;} 
    .btn-newsletter-anmelden {font-size: 3.6vw; line-height:3.6vw;margin:1.2em 0 0 0;} 
    
}

/* NEWS-MASONRY */
/* ---- grid ---- */
.slot-grid {position: relative; float: left; width: 82%; margin: 0 0%; padding: 2em 9%; text-align: left;}

.grid {
  position: relative;float: left;
  width: 100%; margin: 0 0%;
}

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- .grid-item ---- */
.grid-sizer,
.grid-item {	
width: 31.33333333333%;
  margin: 1.0%;
  padding:0% 0 1.0em 0; 
  position: relative;
  float: left;
  display: block;
  overflow: hidden;
    clear: both;
}

.team .grid-sizer,
.team .grid-item {	
width: 23%;
  margin: 1.0%;
  padding:0% 0 1.0em 0; 
  position: relative;
  float: left;
  display: block;
  overflow: hidden;
    clear: both;
}

.grid-item {
  float: left;  
  text-align: left;
}

.grid-item img {
  display: block;
  max-width: 100%;
}

@media screen and (max-width:480px) {
	
	.grid-sizer,
	.grid-item {
	  width: 100%;
	  margin: 0.5% 0.5% 1.5em 0.5%;
	}
    
    .team .grid-sizer,
    .team .grid-item {	
      width: 98%;
      margin: 1.0%;
      padding:0% 0 1.0em 0; 
      position: relative;
      float: left;
      display: block;
      overflow: hidden;
        clear: both;
    }

}
/* BLOG-OVERVIEW-CONTAINER */
.category-box {position: absolute; z-index: 1; left: 1.0em; top: 1.0em; background: #df2454; color: #FFF;}
.category-box {font-size: 0.8vw; line-height: 0.8vw; text-transform: uppercase; padding: 0.7em 1.2em; border-radius: 1.2em;}

.news-overview-container {position: relative; float: left; width: 102%; padding: 2.0em 0% 2em 0%; margin: 0 -1.0%;}
.news-overview-container-box {float: left; width:100%; }
.news-overview-container .teaser-text {width: 90%; padding: 0 10% 0 0;}
.news-overview-container h3 {padding: 0;margin: 0.2em 0 0.5em 0;font-size: 1.8vw; line-height: 2.2vw;font-weight: 800;}
.news-overview-container h3 a{text-transform: none; text-decoration: none; color: #08080f;}
.news-overview-container .header {padding: 1em 0 0 0;}
.news-overview-container .news-img-wrap {overflow: hidden; transition: all 0.8s ease-in-out;}

.news-content-box {width: 100%; padding:0 0% 0% 0%;}
.news-content-box a:hover {color: #000;}

.news-overview-container .news-list-category {padding: 0.3em 0 0.5em 0;width: 100%; display: block;font-weight: 600;}
.news-overview-container .news-list-category {font-size: 0.8vw; line-height: 0.8vw; text-transform: uppercase; color: #4752a4;}
.news-overview-container .news-list-category div{display: inline-block;text-transform: uppercase; padding: 0 0.1em 0 0;}
.news-overview-container .date { float: right;}

.jobs .teaser-text { display: none; visibility: hidden;}
.jobs .news-list-category { display: none; visibility: hidden;}

.jobs h3 {padding: 0;margin: 0.2em 0 0.5em 0;font-size: 1.2vw; line-height: 1.6vw;font-weight: 800;}

.frame-space-after-extra-small .news-overview-container {position: relative; float: left; width: 102%; padding: 2.0em 0% 0em 0%; margin: 0 -1.0% -6em -1.0%;}

.news-overview-container .news-img-wrap { border-radius: 0.6em; }
.news-overview-container .news-img-wrap img{ transition: all 0.8s ease-in-out; }
.news-overview-container .news-img-wrap:hover img {
	transform: scale(1.1);
	-ms-transform: scale(1.1);
	-webkit-transform: scale(1.1);
}

@media screen and (max-width:480px) {
    
    .category-box {position: absolute; z-index: 1; left: 1.0em; top: 1.0em; background: #df2454; color: #FFF;}
    .category-box {font-size: 3.2vw; line-height: 3.2vw;}
    .news-overview-container {position: relative; float: left; width: 100%; padding: 1.5em 0% 2em 0%; margin: 0 0%;}
    .news-overview-container h3 {padding: 0;margin: 0.2em 0 0.5em 0;font-size: 7.8vw; line-height: 8.8vw;}
    .news-overview-container .news-list-category {font-size: 3.2vw; line-height: 3.2vw;}

}
.team-overview-container {position: relative; float: left; width: 92%; padding: 0.5em 4% 2em 4%;}
.team-overview-container a{color: #000;font-weight: 800; text-decoration: none;}
.team-overview-container h3{padding: 0 0 0 0; margin: 0;font-size: 1.4vw; line-height:1.4vw;}
.team-overview-container img{border-radius: 0.7em;}
.jobbeschrieb {color: #4751a3; text-transform:uppercase; font-size: 0.8vw; line-height:0.8vw; padding: 1.2em 0;}
.jobbeschrieb {font-weight: 600;}

@media screen and (max-width:480px) {
    
    .team-overview-container h3{font-size: 5.8vw; line-height:5.8vw;padding: 0 0 0.5em 0;}
    .jobbeschrieb { font-size: 3.8vw; line-height:3.8vw; padding: 0.8em 0;}
    
}
/*NEWS-ARTIKEL-DETAIL*/
.news-main-container {position: relative; float: left; width: 85%; padding: 0 7.5% 3em 7.5%}
.news-main-container-box {width: 100%;}
.news-main-container-left {float: left; width: 50%;padding: 2em 50% 2em 0;}
.news-main-container-right {float: right; width: 50%;}
.news-main-container-left h3 {font-size: 2.8vw; line-height:3.6vw; padding: 0 0 0.3em 0; margin: 0;  font-weight: 300;}
.news-main-container .news-img-wrap {float: left; width: 100%; padding: 0.5em 0 0 0;}
.news-main-container .teaser-text {float: left; width: 100%; padding: 1em 0 0 0;}

.news-detail-author-date {padding: 0.3em 0 1.0em 0; width: 100%; display: block;font-weight: 600;}
.news-detail-author-date {font-size: 0.8vw; line-height: 0.8vw; text-transform: uppercase; color: #08080f;}

/*NEWS-SINGLE*/
.first-media-container {padding: 0.8em 0 0 0;}
.first-media-container img {border-radius: 0.3em;}
.news-detail-container {position: relative; float: left; width: 60%; margin: -2.0em 20% 3em 20%}
.news-detail-container a{color: #0d0f21; text-decoration: none; border-bottom: solid 1px #9196c7;}
.news-detail-header {float: left; width: 50%;padding: 3% 50% 0 0;}
.news-detail-container h1 {font-size: 3.2vw; line-height:3.6vw; padding: 0em 0 0.2em 0; margin: 0;}
.news-detail-container h2 {font-size: 2.8vw; line-height:3.0vw; padding: 0.5em 0 0.3em 0; margin: 0;}
.news-detail-container .zwei-spalten-left {float: left; width: 47.5%; padding:1% 2.5% 5% 0;}
.news-detail-container .zwei-spalten-right {float: right; width: 47.5%; padding:5% 0% 5% 2.5%;}
.single-news-more-images {float: left; width: 102%; margin: 0 -1.0%;}
.detail-container {position: relative; float: left; width: 100%; padding: 1.0em 0 0 0;}
.detail-container .teaser-text {font-weight: 800;}

.detail-category-box {position: absolute; z-index: 1; left: 0.0em; top: -4.0em; background: #df2454; color: #FFF;}
.detail-category-box {font-size: 0.8vw; line-height: 0.8vw; text-transform: uppercase; padding: 0.7em 1.2em; border-radius: 1.2em;}

.news-text-wrap {padding: 1em 0 0 0;}

.news-content-element-wrap {position: relative; float: left; width: 100%; padding: 1.0em 0;}
.news-content-element-wrap h2 {font-size: 1.6vw; height: 2.0vw; padding: 0 0 0.5em 0;}

.news-content-element-wrap .frame-layout-3 {float: left; background: #FFF; margin: 4.0em 0; padding: 2.0em 2em 4em 2em;border-radius: 0.3em;}
.news-content-element-wrap .frame-layout-3 h2 { padding: 0 0 1.5em 0;}

.news-detail-container ul {padding: 0 0 0 1.5em;}
.news-detail-container li {
  list-style: disc; padding: 0 0 0 0.2em;
}


.news-related-files ul {
   text-align: left;
    list-style: none;
    margin-left: 0.5em;
    padding-left: 0.5em;
}
.news-related-files li {display: block;text-align: left;}

.news-related-files ul > li:before {
    content: "";
    width: 1em;
    margin-left: -0.8em;
    padding: 0 1.1em 0 0;
    background-image:url(../images/icons/download-icon.png); background-repeat:no-repeat;background-size: 0.6em auto;
    background-color:none;
    background-position: left 0.0em center;
}
.news-related-files {padding: 2em 0 1em 0;}
a.news-related-files-link {background: #FFF;}
.news-related-files-link a{}


@media screen and (max-width:480px) {
    
    .news-detail-container {position: relative; float: left; width: 100%; margin: 2.0em 0% 3em 0%}
    .detail-category-box {font-size: 3.2vw; line-height: 3.2vw; text-transform: uppercase; padding: 0.7em 1.2em; border-radius: 1.2em;}
    .news-detail-author-date {font-size: 3.2vw; line-height: 3.2vw;}
    .news-detail-container h1 {font-size: 7.8vw; line-height: 8.8vw;}
    
}

/*TAGS-MENU*/
.news-tags-menu {position: relative; float: left; width: 90%;padding:4em 5% 0em 5%;  color: #000;}
.news-tags-menu li {padding: 0 0em 0 0; display: inline-block; text-align: center;}
.news-tags-menu a{text-decoration: none; color: #111;}
.news-tags-menu .active {color: #000;}

.news-tags-menu a{
  background-color:#FFF;
  border: solid 1px #FFF;
  color:#2b3061;
  padding:0.6em 1.0em;
  margin:0.0em 0.4em 0 0em;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  transition: .5s ease-in-out;
  font-size: 0.9vw; line-height:0.9vw;
  text-transform: none;
    border-radius: 2.0em;
    font-weight: 400;
    letter-spacing: 0.0vw;
    white-space: nowrap;
}
.news-tags-menu a.active{
    background-color:#2b3061;
    border: solid 1px #2b3061;
    color:#FFF;

}

@media screen and (max-width:480px) {
    
    .news-tags-menu {position: relative; float: left; width: 90%;padding:2em 5% 0em 5%;  color: #000;}
    .news-tags-menu a{font-size: 3.2vw; line-height:3.2vw;margin:0.0em 0.4em 0.5em 0em;}

}

/*CLOSE-ICON*/
.close {
    position: absolute;
    z-index: 101;
    right: 2%;
    top: 4.3em;    
    width: 2.2em;
    height: 2.2em;
    opacity: 1;
    display:block;
    cursor: pointer;
}
.close:hover {
  opacity: 1;
}
.close:before, .close:after {
  position: absolute;
  right: 0.6em;
  content: ' ';
  height: 1.2em;
  width: 2px;
  background-color: #9196C7;
}
.newsletter-panel .close:before {
  position: absolute;
  right: 0.6em;
  content: ' ';
  height: 1.2em;
  width: 2px;
  background-color: #9196C7;
}
.newsletter-panel .close:after {
  position: absolute;
  right: 0.6em;
  content: ' ';
  height: 1.2em;
  width: 2px;
  background-color: #9196C7;
}


.close:before {
   -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.close:after {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.close:hover:before {
  transform: rotate(90deg);
}

.close:hover:after {
  transform: rotate(90deg);
}
/*CLOSE-ICON-2*/
.close-2 {
    position: absolute;
    z-index: 9;
    right: 2%;
    top: 4.3em;    
    width: 1.2em;
    height: 1.2em;
    opacity: 1;
    display: none;
    cursor: pointer;
}
.close-2:hover {
  opacity: 1;
}
.close-2:before, .close-2:after {
  position: absolute;
  right: 0.6em;
  content: ' ';
  height: 1.2em;
  width: 2px;
  background-color: #FFF;
}
.menu-overlay-default .close-2:before {
  position: absolute;
  right: 0.6em;
  content: ' ';
  height: 1.2em;
  width: 2px;
  background-color: #2B3061;
}
.menu-overlay-default .close-2:after {
  position: absolute;
  right: 0.6em;
  content: ' ';
  height: 1.2em;
  width: 2px;
  background-color: #2B3061;
}


.close-2:before {
   -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.close-2:after {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.close-2:hover:before {
  transform: rotate(90deg);
}

.close-2:hover:after {
  transform: rotate(90deg);
}

@media screen and (max-width:480px) {
    
   .close-2 {
        position: absolute;
        z-index: 999;
        right: 7.0%;
        top: 3.0em;    
        width: 2.2em;
        height: 2.2em;
        opacity: 1;
        display: none;
        cursor: pointer;
    }
    .close-2:before, .close-2:after {background-color: transparent;  height: 1.8em; width: 2px; }
    .menu-overlay-default .close-2:before {
      position: absolute;
      right: 0.6em;
      content: ' ';
      height: 1.2em;
      width: 2px;
      background-color: transparent;
    }
    .menu-overlay-default .close-2:after {
      position: absolute;
      right: 0.6em;
      content: ' ';
      height: 1.2em;
      width: 2px;
      background-color: transparent;
    }
    .close-2 {
        background-image:url(../images/icons/arrow-left-w.jpg); background-repeat:no-repeat;background-size: 2.0em auto;
        background-position: center center; background-color: #000;
    }
    
    }
/* OVERLAY-NAVIGATION */
.overlay-menu h3 {font-size: 3.0vw; line-height: 3.4vw; color: #df2454; list-style: none; padding: 0; margin: 0;}
.menu-main-0 {position: absolute; z-index: 2; width: 100%; height: 600%; background: #08080f;display:none;}
.menu-main-1 {position: absolute; z-index: 2; width: 100%; height: 600%; background: #08080f;display:none;}
.menu-main-2 {position: absolute; z-index: 2; width: 100%; height: 600%; background: #08080f;display:none;}
.menu-main-4 {position: absolute; z-index: 2; width: 100%; height: 600%; background: #08080f;display:none;}
.menu-main-box {margin:13% 5%; background: #D0696B;}
.menu-main-box-left {float: left; width: 30%;}
.menu-main-box-right {float: left; width: 65%; padding: 0 0 0 3.2em}
.overlay-menu-wrapper li {display: block;}
.overlay-menu-wrapper li {padding: 0 0 1.5em 0; list-style: none;}
.overlay-menu-wrapper .nav a {color: #FFF; text-decoration: none;}
.overlay-menu-wrapper .nav a:hover {color: #4752a3; text-decoration: none;}
.overlay-menu-wrapper .act a {color: #4752a3; text-decoration: none;}

.menu-overlay-default .overlay-menu-wrapper .nav a {color: #08080f; text-decoration: none;}
.menu-overlay-default .overlay-menu-wrapper .nav a:hover {color: #4752a3; text-decoration: none;}
.menu-overlay-default .menu-main-0 {position: absolute; z-index: 2; width: 100%; height: 600%; background: #EDEDF5;display:none;}
.menu-overlay-default .menu-main-1 {position: absolute; z-index: 2; width: 100%; height: 600%; background: #EDEDF5;display:none;}
.menu-overlay-default .menu-main-2 {position: absolute; z-index: 2; width: 100%; height: 600%; background: #EDEDF5;display:none;}
.menu-overlay-default .menu-main-4 {position: absolute; z-index: 2; width: 100%; height: 600%; background: #EDEDF5;display:none;}

@media screen and (max-width:480px) {
    
    .overlay-menu h3 {font-size: 7.2vw; line-height:8.2vw; color: #df2454; list-style: none; padding: 0 0 0.5em 0; margin: 0;}
    .menu-main-0 {position: absolute; z-index: 200; top: 5em; width: 100%; height: 600%; background: #08080f;display:none;}
    .menu-main-1 {position: absolute; z-index: 200; top: 5em; width: 100%; height: 600%; background: #08080f;display:none;}
    .menu-main-2 {position: absolute; z-index: 200; top: 5em; width: 100%; height: 600%; background: #08080f;display:none;}
    .menu-main-4 {position: absolute; z-index: 200; top: 5em; width: 100%; height: 600%; background: #08080f;display:none;}
    .menu-main-box-left {float: left; width: 100%;}
    .menu-main-box-right {float: left; width: 95%; padding: 0 0 0 0%;}
    .overlay-menu-wrapper li {padding: 0 0 0.5em 0; list-style: none;display:block;}
    
    .menu-overlay-default .overlay-menu-wrapper .nav a {color: #FFF; text-decoration: none;}
    .overlay-menu-wrapper .act a {color: #6E73B5; text-decoration: none;}
    .menu-overlay-default .overlay-menu-wrapper .nav a:hover {color: #6E73B5; text-decoration: none;}
    .menu-overlay-default .menu-main-0 {position: absolute; z-index: 200; width: 100%; height: 600%; background: #08080f;display:none;}
    .menu-overlay-default .menu-main-1 {position: absolute; z-index: 200; width: 100%; height: 600%; background: #08080f;display:none;}
    .menu-overlay-default .menu-main-2 {position: absolute; z-index: 200; width: 100%; height: 600%; background: #08080f;display:none;}
    .menu-overlay-default .menu-main-4 {position: absolute; z-index: 200; width: 100%; height: 600%; background: #08080f;display:none;}  
    
    }

/*NEWSLETTER*/

.newsletter-panel-content {
    padding: 3em 0 0 0;
    width:100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; 
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
}

@media screen and (max-width:480px) {
    
    .newsletter-panel-content {padding: 0em 0 0 0; margin: -1em 0 0 0;}
    
}

    
/*POWERMAIL*/ 
.container-fluid {text-align: left; padding:2em 1em; margin: 0 0 4em 0; background: #FFF;border-radius: 0.4em}
.frame-type-powermail_pi1 {position: relative; float: left;  text-align: left;}
.frame-type-powermail_pi1 { width: 75%; margin: 0 12.5%; padding: 0em 0% 1em 0%;}
.frame-type-powermail_pi1 table {text-align: left;}
.frame-type-powermail_pi1 h2 {font-size: 3.2vw; line-height:3.6vw;}

.tx-powermail input::placeholder {
  font-weight: 300;
  opacity: 0.4;
  color: #08080f;
    font-size: 0.7vw; line-height:0.7vw; 
}
.tx-powermail textarea::placeholder {
  font-weight: 300;
  opacity: 0.4;
  color: #08080f;
  font-size: 0.7vw; line-height:0.7vw;    
}

.powermail_label{font-weight: 300;text-align: left;}
.tx-powermail li{list-style: none; color: #08080f; padding: 3em 0 0.5em 0; margin: 0; text-align: left; display: block;font-size: 0.9vw; line-height:0.9vw;}
.tx-powermail ul {padding: 0; margin: 0;}

.tx-powermail {float: left; text-align:left; width:100%;padding:3em 0% 4em 0% ;}

.tx-powermail h3 {font-size: 3.2vw; line-height: 3.6vw; font-weight: 800; text-align: left; padding: 0 0 1.5em 0; display: none;}

.powermail_legend {display: none; visibility: hidden;}
.powermail_label {font-size: 0.9vw; line-height:0.9vw; font-weight: 900; }

.powermail_input {width: 100%; }
.powermail_fieldwrap_type_submit {float: left; display: block; width: 100%;}
.powermail_fieldwrap_type_radio {}

.btn-primary {
  background-color:#DF2454;
  border: solid 1px #DF2454;
  color:#FFF;
  padding:0.8em 3.0em 0.8em 1.5em;
  margin:2.0em 0 0 1%;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  transition: .5s ease-in-out;
  font-size: 1.0vw; line-height:1.0vw;
  text-transform: none;
    border-radius: 2.0em;
    font-weight: 400;
    letter-spacing: 0.0vw;
}
.btn-primary {
    background-image:url(../images/icons/arrow-default.png); background-repeat:no-repeat;background-size: 0.3em auto;
    background-position: right 1.5em center;
}

.powermail_fieldwrap_type_input .powermail_field{float: left; width: 47%; padding:1% 1.0% 1% 1.0%;}
.powermail_fieldwrap_type_textarea .powermail_field{float: left; width: 94%; padding:1% 1% 1% 1%;}
.powermail_fieldwrap_type_check {float: left; width: 98%; padding:1% 1.0% 1% 1.0%;}
.powermail_fieldwrap_type_check .powermail_label{display: block; padding:0 0 1.0em 0;}

.layout1 .powermail_field{float: left; width: 97%; padding:1% 1.0% 1% 1.0%;}
.layout1 .powermail_label{display: none;}
#powermail_field_freiestelle{ cursor: not-allowed; pointer-events: none; height: 2em; display:none;}
#powermail_field_freiestelle {font-size: 2.4vw; line-height:2.9vw;border: none; font-weight: 700;}
.layout1 .powermail_input {background: #FFF; padding: 1.2em 0.0em;}

.powermail_fieldwrap_freiestelle .powermail_fieldwrap_type_input{float: left; width: 97%; padding:1% 1.0% 1% 1.0%;}

.powermail_input {
  float: left;
  display: block;
  width: 100%;
  margin: 0% 0 1em 0;
  border: 1px solid #b0bfc5;
  padding: 1.2em 1.6em;
  background:none;
  color: #000052; 
    font-size: 0.9vw;line-height:0.9vw;
     font-weight: 300;
    border-radius: 0.5em;
    box-sizing: border-box;
    outline: none;
}

.tx-powermail input:focus {
  border: 1px solid #DF2454;
}
.tx-powermail textarea:focus {
  border: 1px solid #DF2454;
}
.powermail_textarea {
  float: left;
  display: block;
  width: 100%;
  margin: 0.2em 0 0 0;
    min-height: 14.5em;
  border: 1px solid #b0bfc5;
   padding: 1.2em 1.6em;
   background:none;
  color: #000052;
 font-size: 0.9vw;line-height:1.3vw;
    font-weight: 300;
     border-radius: 0.5em;
    outline: none;
    font-family: "DM Sans", sans-serif;
}

.powermail_fieldwrap_type_radio {float: left; display:block;min-height: 2em; width: 98%; padding:0 1%;}
.powermail_radiowrap {float: left;}
.powermail_fieldwrap_persoenlichedaten .powermail_label {display: none;}
.form-check-label {padding:0 1.5em 0 0; font-size: 0.9vw; line-height:0.9vw;}
.powermail_fieldwrap_persoenlichedaten_01 {width: 98%; padding:0 1% 1.5em 1%; font-weight: 900; font-size: 0.9vw; line-height:0.9vw;}


input[type=radio] {
  position: relative; 
	border: 1px solid #8b979c;
	border-radius: 2em;
	background: none;
	cursor: pointer;
	line-height: 0;
	margin: 0 .6em 0 0;
	outline: 0;
	padding: 0 !important;
	vertical-align: text-top;
	height: 2.5em;
	width: 2.5em;
	-webkit-appearance: none;
  opacity: .7;
}


input[type=radio]:hover {
  opacity: 1;
}

input[type=radio]:checked {
  background-color: #DF2454;
  opacity: 1;
}

input[type=radio]:before {
  content: '';
  position: absolute;
  right: 50%;
  top: 50%;
  width: 4px;
  height: 10px;
  border: solid #FFF;
  border-width: 0 2px 2px 0;
  margin: -1px -1px 0 -1px;
  transform: rotate(45deg) translate(-50%, -50%);
  z-index: 2;
}

input[type=checkbox] {
  position: relative;
	border: 1px solid #8b979c;
	border-radius: 2px;
	background: none;
	cursor: pointer;
	line-height: 0;
	margin: 0 .6em 0 0;
	outline: 0;
	padding: 0 !important;
	vertical-align: text-top;
	height: 2.5em;
	width: 2.5em;
	-webkit-appearance: none;
  opacity: .7;
}

@media screen and (max-width:1500px) {
    
    input[type=radio] {	height: 2.0em; width: 2.0em; margin: -0.4em .6em 0 0;}
    input[type=checkbox] {	height: 2.0em; width: 2.0em; margin: 0em .6em 0.2em 0;}

}

input[type=checkbox]:hover {
  opacity: 1;
}

input[type=checkbox]:checked {
  background-color: #DF2454;
  opacity: 1;
}

input[type=checkbox]:before {
  content: '';
  position: absolute;
  right: 50%;
  top: 50%;
  width: 4px;
  height: 10px;
  border: solid #FFF;
  border-width: 0 2px 2px 0;
  margin: -1px -1px 0 -1px;
  transform: rotate(45deg) translate(-50%, -50%);
  z-index: 2;
}


@media screen and (max-width:480px) {
    
    .container-fluid { margin: 0 0 0em 0; }
    
    .powermail_input {
      padding: 0.7em 1.0em;
      font-size: 3.8vw; line-height:4.2vw; 
    }
    .powermail_textarea {
        min-height: 8.5em;
        padding: 0.7em 1.0em;
        font-size: 3.8vw; line-height:4.2vw; 
        width: 90%;
    }
    .btn-primary {
      padding:0.8em 3.0em 0.8em 1.5em;
      margin:2.0em 0 0 1%;
      font-size: 3.2vw; line-height:6.2vw;
    }
    
    .frame-type-powermail_pi1 { width: 90%; margin: 0 5%; padding: 0em 0% 1em 0%;}
    .powermail_fieldwrap_type_input{float: left; width: 98%; padding:1% 1.0% 1% 1.0%;}
    .powermail_label {font-size: 3.2vw; line-height:3.9vw; font-weight: 900; }
    .frame-type-powermail_pi1 h2 {font-size: 7.8vw; line-height: 8.8vw; padding: 0;}
    .form-check-label {padding:0 1.5em 0 0; font-size: 3.2vw; line-height:6.2vw;}
    .powermail_fieldwrap_persoenlichedaten_01 { font-size: 3.2vw; line-height:6.2vw;}
    
    .powermail_fieldwrap_type_input .powermail_field{float: left; width: 97%; padding:1% 1.0% 1% 1.0%;}
    
    input[type=radio] {
        margin: 0.3em .6em 0 0;
        height: 1.5em;
        width: 1.5em;
    }
    input[type=checkbox] {
        margin: 0.3em .6em 0 0;
        height: 1.5em;
        width: 1.5em;
    }
    
}

/*DATENSCHUTZ*/
.cookie-box {
  position: fixed;
  z-index: 9999;
  left: 0;
  right: 0;
  bottom: -12em;
  text-align: center;
  padding: 2em 1em 2.5em 1em;
  background: #2B3061;
  transition : all 1.5s ease;
}

.slot-cookie-box{ position:relative;width: 76%;padding: 0 12%; margin: 0 0 0 0%; text-align:left;}
.cookie-box-left { float: left; width: 68%; padding: 0 2% 0 0%; text-align: left; color: #D9DBED; font-size: 1.0vw; line-height:1.4vw;}
.cookie-box-left a{color: #D9DBED; text-decoration: none; border-bottom: solid 1px #6E73B5;}
.cookie-box-right { float: left; width: 30%; text-align: right;}

.cookie-box--hide {
  opacity: 0;
  display: none;
  bottom: -100%;
}

.cookie-button {
  background-color:#DF2454;
  border: solid 1px #DF2454;
  color:#FFF;
  padding:0.8em 1.5em 0.8em 1.5em;
  margin:0.0em 0 0 0;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  transition: .5s ease-in-out;
  font-size: 1.0vw; line-height:1.0vw;
  text-transform: none;
    border-radius: 2.0em;
    font-weight: 400;
    letter-spacing: 0.0vw;
}


@media screen and (max-width:480px) {	
	
	.cookie-box {width:90%;padding: 2em 5% 4em 5%;bottom: -32em;}
	.slot-cookie-box{ position:relative;width:90%;padding:0 5% 0% 5%; margin: 0 0 0 0%; text-align:left;}
	.cookie-box-left { float: left; width: 100%; padding: 0 0% 2em 0%; text-align: left;font-size: 4.8vw; line-height:6.4vw;}
	.cookie-box-right { float: left; width: 100%; text-align: left;}
    
    .cookie-button {
      font-size: 4.0vw; line-height:4.0vw;
    }
	
}