/*Load google font*/
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700');



/* Reset Styles */

html, body, div, span, applet, object, iframe,
h1, h2, h3, 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, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
a{
	text-decoration: none;
	text-transform: none;
	color: #0044d7;
}

.resp_menu { display:none;}

body {
	line-height: 1;
	font-family: lato, ubuntu,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;
	text-rendering : optimizeLegibility;
	-webkit-font-smoothing : antialiased;
	font-size: 19px;
	background-color: #FFF;
	color: #04143A;
	
	 display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;

	  
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

p {
	color: #15171a;
	font-size: 17;
	line-height: 31px;
}

strong {
	font-weight: 600;
}

div , footer {
	box-sizing: border-box;
}

#c233,
#c260 { height:75vh;}
#c233 a,
#c260 a { padding: 10px 15px;
border: 1px solid #0044d7;
border-radius: 10px;
margin-right:30px;
background:#0044d7;
color:#fbff47;

transition: .1s ease-out;
  -moz-transition: .1s ease-out;
  -webkit-transition: .1s ease-out;
  -o-transition: .1s ease-out;
}

#c233 a:hover,
#c260 a:hover {
	border: 1px solid #0044d7;
	background:#fbff47;
	color:#0044d7;
	}


/* Reset ends */

.marker a { padding:10px 20px; background:#fbff47; border: 1px solid #0044d7; color:#0044d7; display:inline-block; margin-top:30px; border-radius:10px;}

.clear { clear:both;}

.text-right { text-align:right;}
.text-left { text-align:left;}
.text-center { text-align:center;}
 
.display__none { display:none;}
.display__block { display:block;}

.preloader { position: fixed;
	background-color:#FFF;
	width:100vw;
	height:100vh;
	z-index:1000;
	}
.preloader .brand { padding:30px; color:#0044d7;}

.not__loaded { 
	opacity:0;
	visibility:visible;
	
	transition: .1s ease-out;
  -moz-transition: .1s ease-out;
  -webkit-transition: .1s ease-out;
  -o-transition: .1s ease-out;
	}
	
.is__loaded { 
	opacity:1;
	visibility:visible;
	
	transition: .1s ease-out;
  -moz-transition: .1s ease-out;
  -webkit-transition: .1s ease-out;
  -o-transition: .1s ease-out;
}


.block-color-1 { 
	background-color:#0044d7;
	color:#FFF;
	}
.block-color-1 p,
.block-color-1 a { color:#FFF;}	 


.block-color-2{ 
	background-color:#FFF;
	}
	
.block-color-2 a {
	padding:8px 15px;
	color:#0044d7;
	font-weight:300;
	border:1px solid #0044d7;
	border-radius:50px;
	display:inline-block;
	position:relative;
	margin-top:30px;}

.block-color-3 { 
	background-color:#FFF;
	}
	
.block-color-4 {
	background:#fbff47;
	color:#04143A;
	}	

.block-color-4 p { }	
.block-color-4 h1 { font-size:22px; color:#0044d7; font-weight:400; text-align:center; margin-top:30px; margin-bottom:30px;}

.block-color-4 h1 .check-icon {
	background-image:url(../images/Check_green_icon.svg);
	background-position:right center;
	background-repeat:no-repeat;
	background-size:100%;
	
	display:block;
	width:80px;
	height:80px;
	border-radius:80px;
	position: absolute;
	top:-40px; right:50%;
	margin-right:-40px;
	}

.block-color-4 .col:last-child .ce-textpic { margin-left:15px; margin-right:0px;}
.block-color-4 .col:first-child .ce-textpic { margin-right:15px; margin-left:0px;}
.block-color-4 .col .ce-textpic { margin-right:10px; margin-left:10px; padding:30px; }

.row-eq-height .block-color-1,
.row-eq-height .block-color-2,
.row-eq-height .block-color-3,
.row-eq-height .block-color-4,
.row-eq-height .block-color-5 { height:100%;}


body.body__dark { }
body.body__dark .main {}

.body__dark .marker { color:#FFF;}

.body__dark header{
	transition: .2s ease-out;
  -moz-transition: .2s ease-out;
  -webkit-transition: .2s ease-out;
  -o-transition: .2s ease-out;
  }
.body__dark header.dark,
.body__dark header {
	background:#000; color:#FFF !important;}
.body__dark header.light {background:#FFF; color:#000 !important;}

.body__dark header.dark p {
		color:#000;
		}
.body__dark header.light p {
		color:#000;
		}

.inner { 
	padding:60px;
	
	}

header { background:#fbff47; padding-top:20vh; color:#0044d7;}
header .inner { padding:0;}	
header .ce-gallery img { margin-bottom:-2px;}	
header h1 {  margin-bottom:30px;}
header p {  color:#0044d7;}
header .ce-bodytext { }


header ul { position: absolute; top:-30vh; left:-10vw;}
header ul li {
  position:relative;
  padding:5vw;
  width:auto;
  display:inline-block;
  margin:0;
  border:1px solid #0044d7;
  text-align:center;
  color:#333;
  background:#fff;
  /* css3 */
  /*
  NOTES:
  -webkit-border-radius:240px 140px; // produces oval in safari 4 and chrome 4
  -webkit-border-radius:240px / 140px; // produces oval in chrome 4 (again!) but not supported in safari 4
  Not correct application of the current spec, therefore, using longhand to avoid future problems with webkit corrects this
  */

  border-radius:50%;
}

/* creates the larger circle */
header ul li:before {
  content:"";
  position:absolute;
  z-index:10;
  bottom:-40px;
  left:50px;
  width:50px;
  height:50px;
  border:1px solid #0044d7;
  background:#fff;
  /* css3 */
  -webkit-border-radius:50px;
  -moz-border-radius:50px;
  border-radius:50px;
  /* reduce the damage in FF3.0 */
  display:block;
}

/* creates the smaller circle */
header ul li:after {
  content:"";
  position:absolute;
  z-index:10;
  bottom:-60px;
  left:25px;
  width:25px;
  height:25px;
  border:1px solid #0044d7;
  background:#fff;
  /* css3 */
  -webkit-border-radius:25px;
  -moz-border-radius:25px;
  border-radius:25px;
  /* reduce the damage in FF3.0 */
  display:block;
}






.frame-indent { padding-left:10vw; padding-right:10vw;}
.frame-indent-left { padding-left:60px;}

.frame-space-before-extra-small { margin-top:5vh;}
.frame-space-before-small  { margin-top:15vh;}
.frame-space-before-medium  { margin-top:25vh;}
.frame-space-before-large { margin-top:50vh;}

.frame-space-after-extra-small { padding-bottom:5vh;}
.frame-space-after-small { padding-bottom:10vh;}
.frame-space-after-medium { padding-bottom:20vh;}
.frame-space-after-large { padding-bottom:40vh;}
.frame-space-after-extra-large { padding-bottom:80vh;}


.card {}

.card ul { margin:0px; padding:0px;}
.card ul li { 
	display:inline-block; 
	position:relative;
	height:50vh; 
	margin-top:30px; 
	background:#fbff47; 
	padding:30px;
	border:1px solid transparent;
	
	transition: .2s ease-out;
  -moz-transition: .2s ease-out;
  -webkit-transition: .2s ease-out;
  -o-transition: .2s ease-out;
  }
.card ul li a { position: absolute; top:0px; left:0px; width:100%; height:100%; padding:30px; color:#15171a;} 
 
.card ul li:nth-of-type(1) { margin-right:15px; width: calc(33.333333% - 15px);
background-image:url(../images/menschen/marktanalyse.svg);
	background-position:right bottom;
	background-repeat:no-repeat;
	background-size:100%;
}
.card ul li:nth-of-type(2) { margin-right:15px; margin-left:15px; width: calc(33.333333% - 30px);
background-image:url(../images/menschen/warentest.svg);
	background-position:right bottom;
	background-repeat:no-repeat;
	background-size:100%;
	}
.card ul li:nth-of-type(3) { margin-left:15px; width: calc(33.333333% - 15px);
background-image:url(../images/menschen/newsletter.svg);
	background-position:right bottom;
	background-repeat:no-repeat;
	background-size:100%;
}
.card ul li:nth-of-type(4) { margin-left:15px; width: calc(50% - 15px);}

.card ul li:hover {
	 -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3);
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3);
border:1px solid #0044d7;
}

.card ul li.active { position: fixed; width:100%; height:100%; top:0px; left:0px; display:block;}

.card ul li a .marker { display:block; margin-top:30px; font-size:19px; line-height:1.3; color:#15171a; opacity:0.5;}

.card .inner { 
	padding:0px; 
	
	transition: .2s ease-out;
  -moz-transition: .2s ease-out;
  -webkit-transition: .2s ease-out;
  -o-transition: .2s ease-out;
  }
 .card:hover .inner { }
.card H1 { padding:30px; padding-top:40vh;}
.card .inner img { width:100%; height:auto;}


H1 {
	font-size: 38px;
	font-weight: 300;
	margin-bottom:60px;
	margin-top:0px;
	line-height: 55px;

}
H1 a {font-size:22px; border-bottom:1px solid rgba(255, 255, 255, 0.0);
transition: .2s ease-out;
  -moz-transition: .2s ease-out;
  -webkit-transition: .2s ease-out;
  -o-transition: .2s ease-out;
}
H1 a:hover {border-bottom:1px solid rgba(255, 255, 255, 0.3);}


H2 {
	font-size: 38px;
	font-weight: 300;
	margin-top: 25vh;
	margin-bottom:20vh;
	line-height: 55px;

}

H3 { font-size:13px; margin-bottom:60px;}

.marker {
	font-size:22px;
	color:#0044d7;
	display:block;
	margin-bottom:30px;
	font-weight:400;
	}

ol {}
ol li { display:block; position:relative;}
ol li h2 { margin:0px; padding:0px; line-height:normal;}
ol li h2 a {
	display:block;
	position:relative;
	font-size:22px;
	font-weight:400;
	text-decoration:none;
	padding-top:15px; 
	padding-bottom:15px;
	border-bottom:1px solid rgba(255, 255, 255, 0.3);
	
	background-image:url(../images/pfeil-nach-rechts.svg);
	background-position:right center;
	background-repeat:no-repeat;
	background-size:7%;
	
	transition: .2s ease-out;
  -moz-transition: .2s ease-out;
  -webkit-transition: .2s ease-out;
  -o-transition: .2s ease-out;
	}
	
ol li h2 a:hover {background-position:95% center;}	

ol li a {
	display:block;
	position:relative;
	font-size:22px;
	font-weight:300;
	text-decoration:none;
	padding-top:15px; 
	padding-bottom:15px;
	border-bottom:1px solid rgba(255, 255, 255, 0.3);
	
	background-image:url(../images/pfeil-nach-rechts.svg);
	background-position:right center;
	background-repeat:no-repeat;
	background-size:7%;
	
	transition: .2s ease-out;
  -moz-transition: .2s ease-out;
  -webkit-transition: .2s ease-out;
  -o-transition: .2s ease-out;
	}
ol li a:hover {background-position:95% center;}


.exit { 
	opacity:1;
	transition: .2s ease-out;
  -moz-transition: .2s ease-out;
  -webkit-transition: .2s ease-out;
  -o-transition: .2s ease-out;
  }
.enter {
	opacity:0;
transition: .2s ease-out;
  -moz-transition: .2s ease-out;
  -webkit-transition: .2s ease-out;
  -o-transition: .2s ease-out;
  }

.dark { color:#FFF;}

.icon-down { 
	background-image:url(../images/pfeil-nach-unten.svg);
	background-position:center 30%;
	background-repeat:no-repeat;
	background-size:20%;
	height:calc(70vh - 120px);
	position:relative;}
.icon-down.enter {background-position:top;}

.container {
	max-width: 100vw;
	height: auto;
	padding:30px;
	
	margin:30px 30px;
	z-index:1;
	position:relative;
	
}

.main { width:100vw;}
	
.top { padding:30px; z-index:10; position: fixed; width:100vw; background:#FFF;
 -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
}

/* 
.lang { 
display:block;
font-size:13px;
float:right;
}
.lang ul { padding:0px; margin:0px; text-align:right;}
.lang ul li { list-style:none;
	position:relative;
	display:inline-block;
	margin-left:60px;
}
.lang ul li a { color:#04143A; display:block; position:relative; padding-bottom:4px; padding-top:4px;}		
.lang ul li.current { color:#0044d7; border-bottom:1px solid #0044d7;}
.lang ul li.current a { color:#0044d7; }
*/


.nav_main { 
display: block;
font-size:17px;
position:relative;
text-align:right;
}
.nav_main ul { 
	padding:0px; 
	margin:0px; 
	text-align:right; 
	display: inline;
	width:auto;
	}
.nav_main ul li { list-style:none;
	position:relative;
	display:inline-block;
	margin-left:60px;
}
.nav_main ul li a { color:#04143A; display:block; position:relative; padding-bottom:4px; padding-top:4px;}		
.nav_main ul li.current-lv1 { color:#0044d7; border-bottom:1px solid #0044d7;}
.nav_main ul li.current-lv1 a { color:#0044d7; }

.nav_main ul li.current { color:#0044d7; border-bottom:1px solid #0044d7;}
.nav_main ul li.current a { color:#0044d7; }

.nav_main .lang li {
	margin-left: 30px;
	}
.nav_main .nav-lv1 { margin-right:30px;}

.nav_main .nav-lv2 { display:none;}

.brand {
	font-size: 38px;
	font-weight: 300;
	display:block;
	line-height:22px;
	color:#0044d7;
	
	transition: .2s ease-out;
  -moz-transition: .2s ease-out;
  -webkit-transition: .2s ease-out;
  -o-transition: .2s ease-out;

}
.dark .brand { 
	color:#FFF !important;
	transition: .2s ease-out;
  -moz-transition: .2s ease-out;
  -webkit-transition: .2s ease-out;
  -o-transition: .2s ease-out;
	}

.nav-icon { 
width:100%;

}

.nav-icon SPAN { 
	height:2px; 
	background-color:#04143A; 
	margin-bottom:7px; 
	display:block;
	margin-left:50%;
	}

nav .nav { 
	height:100vh; 
	width:0px; 
	background:#0044d7;
	position:fixed;
	top:0px;
	right:0px;
	opacity:0;
	transition: .1s ease-out;
  -moz-transition: .1s ease-out;
  -webkit-transition: .1s ease-out;
  -o-transition: .1s ease-out;
  visibility: hidden;
  
  -webkit-box-shadow: -200px 0px 1000px 2000px rgba(255,255,255,0.7);
-moz-box-shadow: -200px 0px 1000px 2000px rgba(255,255,255,0.7);
box-shadow: -200px 0px 1000px 2000px rgba(255,255,255,0.7);
	}
	
nav:hover .nav { 
	visibility: visible;
	opacity:1;
	width:50%;
	}	

.navoverlay { 
	position:fixed; 
	top:0px;
	right:0px;
	background:#000;
	width:100vw;
	height:100vh;
	display:none;
	}
	
.nav ul	{}
.nav ul.nav-lv1 { padding:30px;}
.nav ul	li { 
	position:relative;
	display: inline-block;
	color:#FFF;
	font-size:22px;
	font-weight:300;
	}
nav .nav ul	li a {
	position:relative;
	display:block;
	color:#FFF;
	padding:15px 0px;
	border-bottom:1px solid rgba(255, 255, 255, 0.5);
	}
nav .nav ul	li.ifsub { padding:30px 0px; color:#FFF; font-size:12px}	
	
nav .nav ul.nav-lv2 { margin-left:15px; border-left:1px solid rgba(255, 255, 255, 0.5);}
nav .nav ul.nav-lv2	li { }
nav .nav ul.nav-lv2	li a { padding-left:15px;}





.contentnav { position:relative;}
.contentnav ul { margin:0; padding:0;}
.contentnav ul li { 
	list-style:none; 
	margin:0; 
	padding:0; 
	display:block; 
	position:relative;
	width:100%;
	}
.contentnav ul li a {
	border-bottom:1px solid #C0D0EA;
	display:block;
	position:relative;
	padding-bottom:30px;
	padding-top:30px;
	font-size: 44px;
font-weight: 300;
line-height:55px;
color:#04143A;

	}	


.leistungen-video {
	position:relative;
	z-index:2;
}

footer { 
	background-color:#eee; 
	height:auto;
	padding:60px 30px;
	font-size:13px;
	
	

	}
footer.footerup { 
	}	

footer .brand {
	margin-bottom:60px;
	font-size:38px;
	font-weight:300;
	opacity:0.3;
	color:#000 !important;
	display:inline-table;
	}	
footer p { opacity:0.4;}		

footer .nav ul	{ margin-bottom:30px;}
footer .nav ul.nav-lv1 { padding:30px; padding-left:0px;}
footer .nav ul	li { 
	list-style:none;
	position:relative;
	display:inline-block;
	margin-right:60px;
	}
footer .nav ul	li a {
	color:#04143A; display:block; position:relative; padding-bottom:4px; padding-top:4px; font-size:13px; font-weight:normal;
	}
	
footer .nav ul li.current {
		color:#0044d7; border-bottom:1px solid #0044d7;
	}
footer .nav ul li.current a {
		color:#0044d7;
	}	
		
footer .nav ul	li.ifsub { }	
footer .nav ul	li.ifsub a {}	
footer .nav ul	li.ifsub .nav-lv2 a { display:block;}

footer .nav ul.nav-lv2 { display:none;}	
	
footer .nav ul.nav-lv2 { }
footer .nav ul.nav-lv2	li { }
footer .nav ul.nav-lv2	li a { }




.slider-team {
  margin:0px;
  width:100%;
  position:relative;
}

.slide_viewer-team {
  height: 60vh;
  overflow: hidden;
  position: relative;
}

.slide_group-team {
  height: 100%;
  position: relative;
  width: 100%;

}

.slide-team .name {
	position:relative;
	padding:30px;
	font-size:13px;
	 opacity:0.5;
   }
   
   
.slide-team .zitat {
	 position:relative;
	 padding:60px 30px 0px 30px;
	 font-weight:300;
	 line-height:1.5;
	 font-style:italic;

   }  


.slide-team {
  display: none;
  height: 100%;
  position: absolute;
  width: 100%;
  
}

.slide-team:first-child {
  display: block;
  
}

.slide-team:nth-of-type(1) {
	
  background: #eee;
  background-image:url(../images/bs.jpg);
  	background-position:top left;
	background-repeat:no-repeat;
	background-size: 100%;
background-attachment:;

}


.slide-team:nth-of-type(2) {
	
  background: #eee;
   background-image:url(../images/mh.jpg);
   	background-position:top left;
	background-repeat:no-repeat;
	background-size: 100%;
background-attachment:;
}

.slide-team:nth-of-type(3) {
  background: #eee;
}

.slide-team:nth-of-type(4) {
  background: #eee;
}

.slide_buttons-team {
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
}

a.slide_btn-team {
  color: #474544;
  font-size: 42px;
  margin: 0 0.175em;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.slide_btn-team.active, .slide_btn-team:hover {
  color: #428CC6;
  cursor: pointer;
}

.directional_nav-team {
  height: auto;
  margin: 0 auto;
  width:100%;
  position: absolute;
  bottom:135px;
  left:0px;
  z-index:3;
}

.previous_btn-team {
  bottom: 0;
  left: -22.222%;
  margin: 0px;
  position: absolute;
  top: 0;
  
  background-image:url(../images/prev.svg);

}

.next_btn-team {
  bottom: 0;
  margin: 0px;
  margin-left:70px;
  position: absolute;
  left: -22.222%;
  top: 0;
  
  background-image:url(../images/next.svg);
}

.previous_btn-team, .next_btn-team {
  cursor: pointer;
  height: 65px;
  opacity: 0.3;
  -webkit-transition: opacity 0.4s ease-in-out;
  -moz-transition: opacity 0.4s ease-in-out;
  -ms-transition: opacity 0.4s ease-in-out;
  -o-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
  width: 65px;
  
  background-position:center center;
	background-repeat:no-repeat;
	background-size: 70%;
}

.previous_btn-team:hover, .next_btn-team:hover {
  opacity: 1;
}


.full_height_container { 
	width:100vw;
	height:50vh;
	position:relative;
}

.full_height_container .inner{ margin-top:;}




.ce-gallery {}
.ce-gallery img { width:100%; height:auto; padding:0px; margin:0px;}

.timeline-a ul {}
.timeline-a ul li { padding:60px 120px; display:block;}





.timeline{
	position:relative;
	display:flex;
	flex-direction:column;
	list-style:none;
	padding-top: 0px;
	padding-bottom: 0px;
}
/* the timeline's center vertical line */


.timeline li{
	border-top:1px solid #FFF;
	position:relative;
	width:75%;
	min-height:100px;
	margin-bottom:20px;
	padding: 20px 30px;
	text-align: center;
	height:30vh;
	margin:0 auto;
	
}
/* 
.timeline li:before {
	content:"";
	width: 10px;
	height: 10px;
	position: absolute;
	top: 0;
	right:50%;
	background: #ccc;
	border-radius:50%;
	box-sizing:border-box;

}
*/
.timeline h3 {
	font-size:28px;
	margin-bottom: 10px;
	background:#EEE;
	
	display:block;
	width:80px;
	height:80px;
	border-radius:80px;
	position: relative;
	margin:0 auto;
	
	text-align:center;
	line-height:80px;
}
.timeline p {
  
}
.timeline li:nth-child(2n) {
	

}
.timeline li:nth-child(2n):before {
	left:-5px;

}
.timeline li.visible {
	opacity:1;
	
}

.timeline li .abschluss {
	
	background-image:url(../images/Check_green_icon.svg);
	background-position:right center;
	background-repeat:no-repeat;
	background-size:100%;
	
	display:block;
	width:80px;
	height:80px;
	border-radius:80px;
	position: relative;
	margin:0 auto;

	}
	
.timeline li .abschluss-bild {
	
	background-image:url(../images/abschluss.svg);
	background-position:right center;
	background-repeat:no-repeat;
	background-size:50%;
	
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:-100%;
	}
		





.header-animation { width:100vw; height:75vh; position:relative; 
 background : #fbff47; 
     
       animation : Gradient 15s ease infinite; 
}

/* Animate Background*/
@keyframes Gradient {
    0% {
         background-position: 0% 50%
       }
   50% { 
         background-position: 100% 50%
       }
  100% {
      background-position: 0% 50%
      }
}

.header-animation img {width:60%; height:auto; z-index:9; position:absolute; bottom:0px; left:0px;}

.header-animation .text {position:absolute; bottom:10vh; left:50%; z-index:9; font-size:44px; font-weight:300; color:#0044d7; margin-right:8.333333%;}

.header-animation .text a { text-decoration:underline; color:#0044d7; font-weight:300;}
.header-animation .text SPAN { font-size:22px; position:relative; display:block; margin-top:30px; text-decoration:none; color:#0044d7; line-height:1.5;}


#poster {
	position:absolute;
	display:block;
	top:0px;
	left:0px;
	width:100%;
	height:100%;}

.bubble-x {
  background-color:#fbff47;
  border:1px solid #0044d7;
  color:#0044d7;
  border-radius: 50%;
   display: inline-block;
  position: absolute;
    z-index: 10;
	text-align:center;
	font-size:19px;
   
}


.bubble {
  display:flex;
  background-color: #FFF;
  color:#0044d7;
  
  padding:20px;
  border-radius:50%;
  min-width:40px;
  max-width:220px;
  min-height:40px;
  margin:20px;
  position: absolute;
  align-items:center;
  justify-content:center;
  text-align:center;
  z-index: 10;
}




.bubble-x SPAN { display:block; position:relative; margin-top:35%;}


.bubble-1 {
	width:140px;
	height:140px;
	top:23%;

  left:10%;


}

.bubble-2 {
	width:140px;
	height:140px;
	
	top:5%;

  left:23%;
  
    -webkit-box-shadow: 0px -30px 40px 0px rgba(0,0,0,0.05);
-moz-box-shadow: 0px -30px 40px 0px rgba(0,0,0,0.05);
box-shadow: 0px -30px 40px 0px rgba(0,0,0,0.05);


}


.bubble-3 {
	width:140px;
	height:140px;
	top:16%;

  left:37%;


}

.bubble-in {
	  background-color:#0044d7;
  color:#FFF;
  border-radius: 50%;
   display: inline-block;
  position: absolute;
    z-index: 10;
	text-align:center;
	
	width:40px;
	height:30px;
	opacity:0.3;
	display:none;
	
	}

.bubble-1 .bubble-in { bottom:-40px; left:30%;}

.bubble-2 .bubble-in { bottom:-40px; right:20%;}

.bubble-3 .bubble-in { bottom:30%; left:-40px;}




.scale-in-center-1 {
	-webkit-animation: scale-in-center 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 2.5s both;
	        animation: scale-in-center 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 2.5s both;
}

.scale-in-center-2 {
	-webkit-animation: scale-in-center 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.5s both;
	        animation: scale-in-center 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.5s both;
}

.scale-in-center-3 {
	-webkit-animation: scale-in-center 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 2s both;
	        animation: scale-in-center 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 2s both;
}




.sprechblase {
	  background-color:FFF;
  border-radius: 10px;
  border:1px solid #0044d7;
  
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3);
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3);
  
}

.sprechblase a { background-color:#0044d7; padding:10px; color:#fbff47; border-radius:10px;
margin-top:60px;
position:relative;
display:inline-block;
}



.sprechblase-gross {
background: #fbff47;
padding: 0px 8.333333%;
    padding-bottom: 0px;
padding-bottom: 0px;
position: relative;
z-index: 9;
	}

.sprechblase-gross .inner { 
border-radius: 10px;
padding: 60px;
box-shadow: 0 -50px 500px #FFF;
background: #FFF;
}


.XXsprechblase-gross {
	background:#fbff47;
	padding:0px 8.333333%;
	padding-bottom:0px;
	position:relative;

	z-index:9;
	}
.XXsprechblase-gross .inner { 
border:2px solid #0044d7;
border-radius:10px;
padding:30px;
}


.sprechblase-gross h1 { margin-bottom:30px; color:#0044d7;}

.teiler-verlauf {
	position:relative;
	height:25vh;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fbff47+0,ffffff+100 */
background: #fbff47; /* Old browsers */
background: -moz-linear-gradient(top,  #fbff47 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #fbff47 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #fbff47 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbff47', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

	}





.generating-list {
  list-style-type: none;
}
.generating-list li {
  position: relative;
}
.generating-list li:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -33px;
  margin: auto;
  line-height: 32px;
  font-size: 18px;
  font-family: FontAwesome;
}
.generating-list .loading:before {
  content: '';
  color: #007DAB;
  animation: loading 1.2s linear infinite;
}
.generating-list .success:before {
  content: '';
  left: -56px;
  width: 64px;
  height: 44px;
  top: 5px;
  animation: tickPop 0.4s;
  background: url(https://images2.imgbox.com/de/7c/pHHdRTWX_o.png) no-repeat left top/2900%;
  animation: tickPop 1s steps(28) forwards;
}

@keyframes tickPop {
  from {
    background-position: left top;
  }
  to {
    background-position: right top;
  }
}
@keyframes loading {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes tick {
  0% {
    -webkit-transform: scale(1.4) rotate(-35deg);
  }
  30% {
    -webkit-transform: rotate(30deg);
  }
  60% {
    -webkit-transform: scale(1) rotate(-20deg);
  }
  70% {
    -webkit-transform: rotate(10deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
  }
}




/* ----------------------------------------------
 * Generated by Animista on 2020-5-4 13:45:21
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation scale-in-center
 * ----------------------------------------
 */
@-webkit-keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}



.vibrate-1 {
	-webkit-animation: vibrate-1 3s linear 0s infinite both;
	        animation: vibrate-1 3s linear 0s infinite both;
}
.vibrate-2 {
	-webkit-animation: vibrate-1 2.5s linear 0.5s infinite both;
	        animation: vibrate-1 2.5s linear 0.5s infinite both;
}
.vibrate-3 {
	-webkit-animation: vibrate-1 3.5s linear 0.3s infinite both;
	        animation: vibrate-1 3.5s linear 0.3s infinite both;
}
.vibrate-4 {
	-webkit-animation: vibrate-1 3.2s linear 0.2s infinite both;
	        animation: vibrate-1 3.2s linear 0.2s infinite both;
}

@-webkit-keyframes vibrate-1 {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  20% {
    -webkit-transform: translate(-2px, 2px);
            transform: translate(-2px, 2px);
  }
  40% {
    -webkit-transform: translate(-2px, -2px);
            transform: translate(-2px, -2px);
  }
  60% {
    -webkit-transform: translate(2px, 2px);
            transform: translate(2px, 2px);
  }
  80% {
    -webkit-transform: translate(2px, -2px);
            transform: translate(2px, -2px);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}
@keyframes vibrate-1 {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  20% {
    -webkit-transform: translate(-2px, 2px);
            transform: translate(-2px, 2px);
  }
  40% {
    -webkit-transform: translate(-2px, -2px);
            transform: translate(-2px, -2px);
  }
  60% {
    -webkit-transform: translate(2px, 2px);
            transform: translate(2px, 2px);
  }
  80% {
    -webkit-transform: translate(2px, -2px);
            transform: translate(2px, -2px);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}


#tabs {
  padding-top: 0px;
  position:relative;
}

.mehr-optimizing {
	background:#0044d7;
	color:#FFF;
	padding:15px 30px;
	border-radius:10px;
	position:absolute; 
	bottom:-25px; 
	right:30px;
	font-size:44px;
	font-weight:300;}

.c-tabs-nav {
  list-style: none;
  padding: 0;
  position: relative;
  margin-bottom: 0px;
}

.c-tabs-nav__link {
  text-decoration: none;
  color: #0044d7;
  opacity: 1;
  width:33.333333%;
  padding: 30px 20px;
  font-size:44px;
  font-weight:300;
  display:inline-block;
  cursor:pointer;
  border-bottom: 1px solid #0044d7;
  text-align:center;
  
}

.c-tabs-nav__link.is-active {
  opacity: 1;
  
  border-left: 1px solid #0044d7;
border-right: 1px solid #0044d7;
border-top: 1px solid #0044d7;
border-bottom: 1px solid #fbff47;

-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;

-webkit-box-shadow: 0px -29px 51px -34px rgba(0,0,0,0.4);
-moz-box-shadow: 0px -29px 51px -34px rgba(0,0,0,0.4);
box-shadow: 0px -29px 51px -34px rgba(0,0,0,0.4);
}

/**
 * Tab
 */
.c-tab {
  display: none;
  border-top: none;
  
   border-left: 1px solid #0044d7;
border-right: 1px solid #0044d7;
border-bottom: 1px solid #0044d7;
padding:0px;
  
}

.c-tab.is-active {
  display: block;
}

.c-tab__content {
  padding: 30px;
  position: relative;
  animation: showTab 300ms ease-in-out both;
}

.c-tab__content img { width:90%; height:auto; margin-bottom:-30px; margin-left:-60px;}

@keyframes showTab{
  from {opacity: 0; top: 5px}
  to {opacity: 1; top: 0;}
}

.c-tab-nav-marker {
  min-height: 4px;
  background-color: #FFF;
  position: absolute;
  bottom: -10px;

  transition: all 0.3s ease-out;
  display:none;
}







.klaus {
	position:absolute;
	width:80%;
	height:auto;
	-ms-flex-align: center;
  -ms-flex-direction: column;
  -ms-flex-pack: center;
  -o-transition: opacity 0s 0s linear;
  -webkit-box-align: center;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-box-pack: center;
  -webkit-transition: opacity 0s 0s linear;
  align-items: center;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  flex-direction: column;

  justify-content: center;
  bottom:10%;
	}

.leer { opacity:0;}









.controls { display:none;}

.opt {
	
background:#fbff47;
}

.slider {
  width: 100%;
  height:80vh;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding:0px 0px;
  background-color:;
  position:relative;
  z-index:0;}

.circular-slider {
	padding-top:0px;
	padding-bottom:0px;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
   }
  .circular-slider .wrapper {
    margin: 0px auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 20px 20px 0px 20px;
    overflow: hidden; }
    .circular-slider .wrapper .controls__left, .circular-slider .wrapper .controls__right, .circular-slider .wrapper .controls__autoplay {
      position: absolute;
      z-index: 101;
      -webkit-transition: .6s all;
      -o-transition: .6s all;
      transition: .6s all; }
      .circular-slider .wrapper .controls__left:hover .icon-wrapper, .circular-slider .wrapper .controls__right:hover .icon-wrapper, .circular-slider .wrapper .controls__autoplay:hover .icon-wrapper {
        font-size: 1.7em;
        opacity: 1; }
      .circular-slider .wrapper .controls__left .icon-wrapper, .circular-slider .wrapper .controls__right .icon-wrapper, .circular-slider .wrapper .controls__autoplay .icon-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        width: 100%;
        height: 100%;
        color: #0044d7;
        font-size: 1.5em;
        opacity: .7; }
    .circular-slider .wrapper .controls__left, .circular-slider .wrapper .controls__right {
      top: 50%; }
    .circular-slider .wrapper .controls__left {
      left: 0;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%); }
      .circular-slider .wrapper .controls__left:hover {
        left: 0; }
    .circular-slider .wrapper .controls__right {
      right: 0;
      -webkit-transform: translate(0%, -50%);
          -ms-transform: translate(0%, -50%);
              transform: translate(0%, -50%); }
    .circular-slider .wrapper .controls__autoplay {
      bottom: 0;
      left: 50%;
      -webkit-transform: translate(-50%, 0%);
          -ms-transform: translate(-50%, 0%);
              transform: translate(-50%, 0%); }
      .circular-slider .wrapper .controls__autoplay_running .pause {
        display: block; }
      .circular-slider .wrapper .controls__autoplay_running .run {
        display: none; }
      .circular-slider .wrapper .controls__autoplay_paused .pause {
        display: none; }
      .circular-slider .wrapper .controls__autoplay_paused .run {
        display: block; }
    .circular-slider .wrapper .slides-holder {
      border-radius: 50%;
      border: 2px solid #0044d7;
      -webkit-transform-origin: center;
          -ms-transform-origin: center;
              transform-origin: center;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      position: relative;
      z-index: 9; }
      .circular-slider .wrapper .slides-holder__item {
        border-radius: 50%;
        border: 0px solid #0044d7;
        position: absolute;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        -webkit-transform-origin: center;
            -ms-transform-origin: center;
                transform-origin: center;
        background-color: #0044d7;
        -webkit-transition: .3s linear all;
        -o-transition: .3s linear all;
        transition: .3s linear all;
        -webkit-filter: brightness(130%);
                filter: brightness(130%); }
        .circular-slider .wrapper .slides-holder__item img {
          width: 100%;
          height: 100%;
          border-radius: 50%;
          -webkit-user-select: none;
             -moz-user-select: none;
              -ms-user-select: none;
                  user-select: none;
				  opacity:0.5;
				  -webkit-transition: .6s all;
      -o-transition: .6s all;
      transition: .6s all; 
	  }
        .circular-slider .wrapper .slides-holder__item_active {
          -webkit-filter: brightness(100%);
                  filter: brightness(100%); }
		.circular-slider .wrapper .slides-holder__item_active img {
          width: 100%;
          height: 100%;
          border-radius: 50%;
          -webkit-user-select: none;
             -moz-user-select: none;
              -ms-user-select: none;
                  user-select: none;
				  opacity:1;
				   -webkit-transition: .3s linear all;
        -o-transition: .3s linear all;
        transition: .3s linear all;}		  
				  
    .circular-slider .wrapper .descriptions {
		display:none;
      position: absolute;
      top:20%;
      z-index: 10;
	  height:100%;
	  width:50%;}
      .circular-slider .wrapper .descriptions__item {
        width: 100%;
        height:;
		position:absolute;
		top:0px;
        opacity: 0;
       
        -webkit-transition: opacity 0s 0s linear;
        -o-transition: opacity 0s 0s linear;
        transition: opacity 0s 0s linear; }
        .circular-slider .wrapper .descriptions__item_visible {
          height: 100%;
          opacity: 1;
          -webkit-transition: opacity .6s 0s linear;
          -o-transition: opacity .6s 0s linear;
          transition: opacity .6s 0s linear; }
        .circular-slider .wrapper .descriptions__item h1, .circular-slider .wrapper .descriptions__item .description {
          text-align: center;
		  line-height:31px;
		  }
        .circular-slider .wrapper .descriptions__item h1 {
          padding: 5px;
		  background:#FFF;
		  font-size:19px;
		  border-radius:15px;
		  font-weight:400;
		 -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3);
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3);
		  }
        .circular-slider .wrapper .descriptions__item .description {
          font-size: 100%;
          margin-top: 5px;
          padding: 0% 10%;
          -o-text-overflow: ellipsis;
             text-overflow: ellipsis;
          overflow-y: hidden; }








#c168 { height:100%;}

:root{--pricingTable-yellow:#0044d7;--pricingTable-purple:#be4f91;--pricingTable-blue:#0192af}

.pricingTable5 img { position:relative; width:75%; height:auto;}

.pricingTable5{height:100%;border-radius:10px;padding-bottom:7px;background:#eee; text-align:center;overflow:hidden;position:relative;}

.pricingTable5:before{content:"";width:100%;height:50%;background:var(--pricingTable-yellow);position:absolute;top:-150px;left:0;transform:skewY(-20deg)}
.pricingTable5 .price-value:after,.pricingTable5 .price-value:before,.pricingTable5 .value:after,.pricingTable5 .value:before,.pricingTable5 .year:after,.pricingTable5 .year:before{content:"";left:50%;transform:translateX(-50%) scaleY(.5) rotate(45deg)}
.pricingTable5 .pricingTable-header{padding:30px 30px 60px;text-align:center;position:relative}
.pricingTable5 .title{font-size:38px;font-weight:300;color:#fff;margin:0; margin-bottom:30px;}
.pricingTable5 .sub-title{display:block;font-size:16px;color:#fff;text-transform:uppercase}
.pricingTable5 .value,.pricingTable5 .year{color:var(--pricingTable-yellow);background:#fff}
.pricingTable5 .year{width:80px;height:55px;padding:7px 0;font-size:15px;font-weight:600;font-style:italic;text-align:center;position:absolute;top:30px;right:20px;z-index:1}
.pricingTable5 .year:after,.pricingTable5 .year:before{width:57px;height:57px;background:#fff;position:absolute;top:-28px;z-index:-1}
.pricingTable5 .year:after{top:auto;bottom:-28px}
.pricingTable5 .price-value{display:inline-block;width:170px;height:110px;padding:15px;border:2px solid var(--pricingTable-yellow);border-top:none;border-bottom:none;position:relative}
.pricingTable5 .price-value:after,.pricingTable5 .price-value:before{width:121px;height:121px;border:3px solid var(--pricingTable-yellow);border-right:none;border-bottom:none;position:absolute;top:-60px}
.pricingTable5 .price-value:after{border-top:none;border-left:none;border-bottom:3px solid var(--pricingTable-yellow);border-right:3px solid var(--pricingTable-yellow);top:auto;bottom:-60px}
.pricingTable5 .value{width:100%;height:100%;border:2px solid var(--pricingTable-yellow);border-top:none;border-bottom:none;z-index:1;position:relative}
.pricingTable5 .value:after,.pricingTable5 .value:before{width:97px;height:97px;background:#fff;border:3px solid var(--pricingTable-yellow);border-bottom:none;border-right:none;position:absolute;top:-48px;z-index:-1}
.pricingTable5 .value:after{border-right:3px solid var(--pricingTable-yellow);border-bottom:3px solid var(--pricingTable-yellow);border-top:none;border-left:none;top:auto;bottom:-48px}
.pricingTable5 .currency{display:inline-block;font-size:30px;margin-top:7px;vertical-align:top}
.pricingTable5 .amount{display:inline-block;font-size:40px;font-weight:600;line-height:65px}
.pricingTable5 .amount span{display:inline-block;font-size:30px;font-weight:400;vertical-align:top;margin-top:-7px}
.pricingTable5 .month{display:block;font-size:16px;line-height:0}
.pricingTable5 .pricing-content1{padding:50px 0 0 80px;margin-bottom:20px;list-style:none;text-align:left;transition:all .3s ease 0s}
.pricingTable5 .pricing-content1 li{padding:7px 0;font-size:16px;color:grey;position:relative}
.pricingTable5 .pricing-content1 li.disable:before,.pricingTable5 .pricing-content1 li:before{content:"✓";font-weight:900;width:25px;height:25px;line-height:25px;border-radius:50%;background:#98c458;text-align:center;color:#fff;position:absolute;left:-50px}

.pricingTable5 .pricing-content1 li.disable:before{background:#fe6c6c;}


#opt.pricingTable5 .pricing-content1 li.disable:nth-child(1n):before {content:"1"; background:#ccc ; opacity:0.5;}
#opt.pricingTable5 .pricing-content1 li.disable:nth-child(2n):before {content:"2"; background:#ccc ; opacity:0.5;}
#opt.pricingTable5 .pricing-content1 li.disable:nth-child(3n):before {content:"3"; background:#ccc ; opacity:0.5;}
#opt.pricingTable5 .pricing-content1 li.disable:nth-child(4n):before {content:"4"; background:#ccc ; opacity:0.5;}
#opt.pricingTable5 .pricing-content1 li.disable:nth-child(5n):before {content:"5"; background:#ccc ; opacity:0.5;}
#opt.pricingTable5 .pricing-content1 li.disable:nth-child(6n):before {content:"6"; background:#ccc; opacity:0.5;}
#opt.pricingTable5 .pricing-content1 li.disable:nth-child(7n):before {content:"7"; background:#fe6c6c; opacity:1;}
#opt.pricingTable5 .pricing-content1 li.disable:nth-child(8n):before {content:"8"; background:#fe6c6c; opacity:1;}
#opt.pricingTable5 .pricing-content1 li.disable:nth-child(9n):before {content:"9"; background:#fe6c6c; opacity:1;}

#opt.pricingTable5 .pricing-content1 li SPAN { color:#04143A;}
#opt.pricingTable5 .pricing-content1 li SPAN.bold { font-weight:600;}
#opt.pricingTable5 .pricing-content1 li.padding-no {}

.pricingTable5 .pricing-content1 li.disable:nth-child(1n):before {content:"1";}
.pricingTable5 .pricing-content1 li.disable:nth-child(2n):before {content:"2";}
.pricingTable5 .pricing-content1 li.disable:nth-child(3n):before {content:"3";}
.pricingTable5 .pricing-content1 li.disable:nth-child(4n):before {content:"4";}
.pricingTable5 .pricing-content1 li.disable:nth-child(5n):before {content:"5";}
.pricingTable5 .pricing-content1 li.disable:nth-child(6n):before {content:"6";}
.pricingTable5 .pricing-content1 li.disable:nth-child(7n):before {content:"7";}
.pricingTable5 .pricing-content1 li.disable:nth-child(8n):before {content:"8";}
.pricingTable5 .pricing-content1 li.disable:nth-child(9n):before {content:"9";}

.pricingTable5 .pricingTable-signup{display:inline-block;width:60%;height:50px;line-height:50px;font-size:22px;font-weight:700;color:var(--pricingTable-yellow);text-transform:uppercase;border:2px solid var(--pricingTable-yellow);margin:0 auto 10px;position:relative;transition:all .3s ease 0s}
.pricingTable5.purple .price-value:before,.pricingTable5.purple .value:before{border-left-color:var(--pricingTable-purple);border-top-color:var(--pricingTable-purple)}
.pricingTable5.purple .price-value,.pricingTable5.purple .price-value:after,.pricingTable5.purple .value,.pricingTable5.purple .value:after{border-right-color:var(--pricingTable-purple)}
.pricingTable5.purple,.pricingTable5.purple .price-value:after,.pricingTable5.purple .value:after{border-bottom-color:var(--pricingTable-purple)}
.pricingTable5 .pricingTable-signup:hover{background:var(--pricingTable-yellow);color:#fff}
.pricingTable5.purple .value,.pricingTable5.purple .year{color:var(--pricingTable-purple)}
.pricingTable5.purple:before{background:var(--pricingTable-purple)}
.pricingTable5.purple .price-value{border-left-color:var(--pricingTable-purple)}
.pricingTable5.purple .value{border-left-color:var(--pricingTable-purple)}
.pricingTable5.purple .pricingTable-signup{color:var(--pricingTable-purple);border-color:var(--pricingTable-purple)}
.pricingTable5.blue .price-value:before,.pricingTable5.blue .value:before{border-left-color:var(--pricingTable-blue);border-top-color:var(--pricingTable-blue)}
.pricingTable5.blue .price-value,.pricingTable5.blue .price-value:after,.pricingTable5.blue .value,.pricingTable5.blue .value:after{border-right-color:var(--pricingTable-blue)}
.pricingTable5.blue,.pricingTable5.blue .price-value:after,.pricingTable5.blue .value:after{border-bottom-color:var(--pricingTable-blue)}
.pricingTable5.purple .pricingTable-signup:hover{color:#fff;background:var(--pricingTable-purple)}
.pricingTable5.blue .value,.pricingTable5.blue .year{color:var(--pricingTable-blue)}
.pricingTable5.blue:before{background:var(--pricingTable-blue)}
.pricingTable5.blue .price-value{border-left-color:var(--pricingTable-blue)}
.pricingTable5.blue .value{border-left-color:var(--pricingTable-blue)}
.pricingTable5.blue .pricingTable-signup{color:var(--pricingTable-blue);border-color:var(--pricingTable-blue)}
.pricingTable5.blue .pricingTable-signup:hover{color:#fff;background:var(--pricingTable-blue)}
@media only screen and (max-width:990px){.pricingTable5{margin-bottom:30px}
}
@media only screen and (max-width:767px){.pricingTable5:before{transform:skewY(-15deg)}
.pricingTable5 .title{font-size:22px}
}



table { width:100%;}

th {
  color:#D5DDE5;;
  background:#1b1e24;
  border-bottom:4px solid #9ea7af;
  border-right: 1px solid #343a45;
  
  padding:24px;
  text-align:left;
  vertical-align:top;
}

th:first-child {
  border-top-left-radius:3px;
}
 
th:last-child {
  border-top-right-radius:3px;
  border-right:none;
}
  
tr {
  border-top: 1px solid #C1C3D1;
  border-bottom-: 1px solid #C1C3D1;
  color:#666B85;
  width:20%;
}
 
tr:hover td {
  background:#4E5066;
  color:#FFFFFF;
  border-top: 1px solid #22262e;
}
 
tr:first-child {
  border-top:none;
}

tr:last-child {
  border-bottom:none;
}
 
tr:nth-child(odd) td {
  background:#EBEBEB;
}
 
tr:nth-child(odd):hover td {
  background:#4E5066;
}

tr:last-child td:first-child {
  border-bottom-left-radius:3px;
}
 
tr:last-child td:last-child {
  border-bottom-right-radius:3px;
}
 
td {
  background:#FFFFFF;
  padding:20px;
  text-align:left;
  vertical-align:middle;
  font-weight:300;
  font-size:18px;
  text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);
  border-right: 1px solid #C1C3D1;
}

td:last-child {
  border-right: 0px;
}

th.text-left {
  text-align: left;
}

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

th.text-right {
  text-align: right;
}

td.text-left {
  text-align: left;
}

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

td.text-right {
  text-align: right;
}




#c229 .ce-gallery img { margin-top:30px;}
#c229 .ce-gallery { text-align:center;}



@media only screen and (max-width: 767px) {
	
.if_mobile { display:none !important;}	
ul.lang { display:none !important;}	

	
.resp_menu { display:block !important;}	

.resp_menu .nav-lv2 { display:none;}

.resp_menu input{ /*Hidden checkbox*/
	display:none;
}

.resp_menu label{ /*Selectable Item Menu button*/
	width:50px;
	height:50px;
	border:none;
	background:#FFF;
	color:#0044d7;
	line-height:50px;
	text-align:center;
	font-size:50px;
	font-weight:300;
	cursor:pointer;
	position: fixed;
	top:15px;
	right:15px;
	-webkit-transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
	-ms-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;
	z-index:999;
}


.resp_menu label:hover{ /*Menu button hover effects here*/
	background:#0044d7;
	color:#FFF;
}

#menu_icon:checked  ~ .menu_container{ /*When checked condition*/
	top:65px;
	opacity:1;
	visibility: visible;
}

.menu_container{ /*Main Menu Container*/
padding-top:15vh;
padding-bottom:15vh;
	color:#fff;
	position: fixed;
	width:100%;
	z-index:998;
	top:65px;
	background:#0044d7;
	-webkit-transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
	-ms-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;
	opacity:0;
	visibility:hidden;
	
-webkit-box-shadow: 0px 50px 50px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 50px 50px 0px rgba(0,0,0,0.3);
box-shadow: 0px 50px 50px 0px rgba(0,0,0,0.3);
}

.menu_container ul{ /*Primary Menu: Parent*/
	width:100%;
	float:left;
	margin:0px;
	padding:0px;
	list-style:none;
	font-family:Arial;
	font-size:18px;
}


.menu_container ul li{
	position:relative;
	width:100%;
	display:inline-block;
}


.menu_container ul li a{
	text-decoration:none;
	color:#FFF;
	background:;
	display:inline-block;
	position:Relative;
	padding:15px 30px;
	width:100%;
	text-align:left;
	border-bottom:1px solid rgba(220,231,235,0);
}

.menu_container ul ul li a{ /*Primary Menu: Childs*/
	text-decoration:none;
	color:#FFF;
	background:#0044d7;
	display:inline-block;
	position:Relative;
	padding:15px 60px;
}


.menu_container ul li a:hover{ /*Primary Menu: Hover*/
	background:#2266f9;
	color:#fff;
}







	
	
	
	
	.row {-ms-flex-align: end !important;
align-items: flex-end !important;}
	.main { margin-left:0; margin-right:0;}
	.inner { padding:15px;}
	.frame-indent {
		padding-left: 0px !important;
		padding-right: 0px !important;
		}

	H1 { font-size:1.2em !important; line-height:normal;}
	H2 { font-size:1.2em !important; line-height:normal; margin-bottom:10vh;}
	
	H2 br {
    display: none;
}

p { font-size:17px; line-height:1.7;}

.ce-bodytext { margin-left:30px; margin-right:30px;}



.frame-indent { padding-left:10vw; padding-right:10vw;}
.frame-indent-left { padding-left:60px;}

.frame-space-before-extra-small { margin-top:5vh;}
.frame-space-before-small  { margin-top:10vh;}
.frame-space-before-medium  { margin-top:20vh;}
.frame-space-before-large { margin-top:25vh;}

.frame-space-after-extra-small { padding-bottom:5vh;}
.frame-space-after-small { padding-bottom:5vh;}
.frame-space-after-medium { padding-bottom:5vh;}
.frame-space-after-large { padding-bottom:5vh;}
.frame-space-after-extra-large { padding-bottom:5vh;}


	
  .previous_btn {
    left: 50px;
  }
  .next_btn {
    right: 50px;
  }
  .top { }
  .nav_main {}
  .nav-lv1 { display:none !important;}

header .ce-bodytext { position:relative;}  
header .ce-bodytext p { }

footer .nav  ul.nav-lv1 li { display:block;}
footer p { text-align:left !important;}

.sprechblase {
    background-color: #eee;
    border-radius: 0px !important;
    border:0 !important;
    -webkit-box-shadow:none !important;
    -moz-box-shadow:none !important;
    box-shadow:none !important;
}

.sprechblase .inner { padding:15px !important;}



.card ul li:nth-of-type(1) { margin-right:15px; margin-left:15px; width: calc(100% - 30px);
background-image:url(../images/menschen/marktanalyse.svg);
	background-position:right bottom;
	background-repeat:no-repeat;
	background-size:100%;
}
.card ul li:nth-of-type(2) { margin-right:15px; margin-left:15px; width: calc(100% - 30px);
background-image:url(../images/menschen/warentest.svg);
	background-position:right bottom;
	background-repeat:no-repeat;
	background-size:100%;
	}
.card ul li:nth-of-type(3) { margin-right:15px; margin-left:15px; width: calc(100% - 30px);
background-image:url(../images/menschen/newsletter.svg);
	background-position:right bottom;
	background-repeat:no-repeat;
	background-size:100%;
}

.sprechblase-gross { padding:0px;}
.sprechblase-gross .inner { padding:15px; background:#fbff47 !important; box-shadow: none !important;}

.pricingTable5 { margin-right:0px !important; margin-left:0px !important; background:#fff !important;}

#c233 { background-size:130%; background-position:bottom right;}
#c233 a { position:relative; display:inline-block; margin-bottom:15px; min-width:60%;}

#c229 { margin-top:15vh;}
  
}