/**********
 * Allgemein
 **********/

html,
body {
		font-family: Lato!important;
}

h2,
h3,
h4 {
	color:#f5f5f5;
}

h3 {
	font-size: 1.7vw;
}

p {
	color: #333;
	font-size:16px;
}

a,
a:active,
a:checked,
a:hover,
a:focus {
			color: #016880;
}


.petrol-bg {
			background-color: #016880;
}
.petrol-bg a {color:#bbb;text-decoration: none;}
.black-bg {
			background-color: #333333;
}
.petrol {
			color: #016880;
}
.grau {
		color:#bbb;
}

.clear {

    clear: both;

}
.pb-300 {
	padding-bottom: 300px!important;
}

/***********
* Header
************/

header {
			background-color: #fff;


}



header .logo-box img {
						float:left;
						margin-right:20px;
						vertical-align:middle;
						height: 65px;
}
header .logo-box, header .hotline-box {
					display: inline-table;
}
header .logo-box h4 {
						text-align: right;
						line-height: 20px;
font-size: 24px;
}
header .url-box a, header .url-box a:hover{text-decoration: none;text-align:center;color:#fff;}

header .text-middle {
				display: table-cell;
				vertical-align: middle;
}

header a,
header a:active,
header a:checked,
header a:hover,
header a:focus {
					color:#016880;
}
header .hotline-box {
						float: right;
}
header h3 {
			font-size: 1.3vw;
			color:#016880;
}
header h4 {
			font-size: 1.35rem;
			color: #333;
}

.url-box {
    background-color: #016880;
    padding: 5px 15px;
    margin-top: -.5rem;
    border-radius: 0 0px 10px 10px;
	display:inline-block;
}

.url-box h3 {color:#fff;}

#navbarmain {
	background-color:#333333;
}

#navbarmain .nav-link {
	color: #fff!important;
    padding: 15px;
	text-decoration:underline!important;
}

#navbarmain .nav-tabs .nav-link:focus, #navbarmain .nav-tabs .nav-link:hover {
	border-color: #016880 #016880 #016880;
	background: #016880;
}

#navbarmain .nav-tabs {
	line-height: 0.6!important;
}
.newtabcontent {
	background:#fff;
}

.newtabcontent h2 {
					padding: 20px 0;
					color:#016880;
					font-size:3rem;
					font-weight:600;
					text-align:center;
}

.newtabcontent h3 {
					color:#016880;
					font-size: 1.9rem;
					font-weight: 600;
					text-align: center;
}
.newtabcontent p {
					font-size: 1.2rem;
}

/*Hotline*/
#hotline {
	float: right;
	margin:0;
	text-align:right;
	position:relative;

}
#hotline h3 {
	color:#555;
	padding:0;
	margin:0;
	line-height:34px;
	font-size:20px;
	font-weight:bold;
}
#hotline h4 {
	color:#555;
	padding:0;
	margin:0;
	line-height:28px;
	font-size:17px;
	font-weight:bold;
}
#hotline-hover {
	display:none;
	width:700px;
	text-align:left;
	position:absolute;
	top:-20px;
	right:-15px;
	padding:40px 280px 40px 40px;
	background: url(../img/hotline-alpha-institute.jpg) bottom right no-repeat #fff;
	border:1px solid #fff;
	z-index:1030;
	-moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
}
#hotline:hover #hotline-hover {
	display: block;
	animation: fadein 0.6s;
  -moz-animation: fadein 0.6s;
  -webkit-animation: fadein 0.6s;
  -o-animation: fadein 0.6s;
}
#hotline:hover #hotline-in {
	position:relative;
	margin:-20px -15px 0 0;
	z-index:1031;
	padding:18px 20px 10px 5px;
	-moz-border-radius: 0px 0px 0px 25px;
	-webkit-border-radius: 0px 0px 0px 25px;
	border-radius: 0px 0px 0px 25px;
	background:#016880;
	animation: fadein 0.6s;
  -moz-animation: fadein 0.6s;
  -webkit-animation: fadein 0.6s;
  -o-animation: fadein 0.6s;
}
#hotline:hover #hotline-in a,
#hotline:hover #hotline-in span {
	color:#fff;
	cursor:pointer;
	text-shadow:1px 1px 0 rgba(0,0,0,0.5);
}

#hotline-in a {
	margin:0;
	display: inline-block;
	font-size:26px;
	font-weight:bold;
	color:#016880;
	line-height: 20px;
}
#hotline-in span {
	text-align: left;
	display: table;
	color:#009;
	float:left;
}
#hotline .button-green {
    margin-top: 5px;
    display: inline-block;
}

#hotline-in:hover h4, #hotline-hover:hover ~ #hotline-in h4 {
	color:#ccc;
}

.sticky-top.menue {
	top: 0;
}
.sticky-top h3 {
	font-size: 1.4rem;
}

/***********
* Slider
************/

/*Slider Header*/

#masterslider .ms-slide .ms-layer {position: relative;
pointer-events: auto;
display: inline-block;}

#masterslider .ms-slide .ms-slide-layers {text-align:center;height:100%;}

#masterslider .ms-anim-layers {
    bottom: 40px;
    position: absolute;
    transform: translateX(50%);
    left: -50%;
    width: 100%;
}

.slider-titel {
				background: rgba(255,255,255,0.8);
				padding: 20px!important;
				border-radius: 15px;
}
.slider-titel p {
					margin:0;
					color: #016880;
					font-weight:600;
					font-size: 3rem;
					line-height: 1;
					text-align: center;
}
.slider-inner-box-1 {
			background: #a1a1a1;
			padding: 10px;
}

.slider-inner-box-1 p:first-child {
						color: #fff;
						background: #016880;
						margin: 0;
						padding: 10px;
						font-size: 1.5rem;
						text-align: center;
}
.slider-inner-box-1 p:last-child {
						color:#016880;
						background:#fff;
						margin: 0;
						padding: 10px;
						font-size: 1.5rem;
						text-align:center;
}

.slider-inner-box-2 {
			background: #a1a1a1;
			padding: 5px;
}

.slider-inner-box-2 p:first-child {
						color:#fff;
						background:#016880;
						margin: 0;
						padding: 10px;
						font-size: 1.5rem;
						text-align:center;
}
.slider-inner-box-2 p:last-child {
						color:#016880;
						background:#fff;
						margin: 0;
						padding: 10px;
						font-size: 1.5rem;
						text-align:center;
}

.slider-inner-box-3 {
			background: #a1a1a1;
			padding: 5px;
}

.slider-inner-box-3 p:first-child {
						color:#fff;
						background:#016880;
						margin: 0;
						padding: 10px;
						font-size: 1.5rem;
						text-align:center;
}
.slider-inner-box-3 p:last-child {
						color:#016880;
						background:#fff;
						margin: 0;
						padding: 10px;
						font-size: 1.5rem;
						text-align:center;
}

.slider-inner-box-4 {
			background: #a1a1a1;
			padding: 5px;
}

.slider-inner-box-4 p:first-child {
						color:#fff;
						background:#016880;
						margin: 0;
						padding: 10px;
						font-size: 1.5rem;
						text-align:center;
}
.slider-inner-box-4 p:last-child {
						color:#016880;
						background:#fff;
						margin: 0;
						padding: 10px;
						font-size: 1.5rem;
						text-align:center;
}

.slider-inner-box-5 {
			background: #a1a1a1;
			padding: 5px;
}

.slider-inner-box-5 p:first-child {
						color:#fff;
						background:#016880;
						margin: 0;
						padding: 10px;
						font-size: 1.5rem;
						text-align:center;
}
.slider-inner-box-5 p:last-child {
						color:#016880;
						background:#fff;
						margin: 0;
						padding: 10px;
						font-size: 1.5rem;
						text-align:center;
}


.ms-bullets.ms-dir-h {
						bottom: 10px;
}

/*Slider Lernmethode*/
.slider-methode-box {
		background: rgba(255, 255, 255, 0.62);
    padding: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.slider-methode-box > p {
	text-align: center;
	color: #000;
	margin-bottom:0px;
}
.slider-methode-bottom {
		height: 50px;
    background-color: #016880;
}
.slider-methode-bottom p {
	margin:0px;
	color: #fff;
	padding:10px;
}
.slider-methode-bottom .left {
	float:left;
}
.slider-methode-bottom .right {
	float:right;
}

/***********
* Forms
************/

.form-button {
				width: 100%;
				background: #005321 none repeat scroll 0% 0%;
				color: #fff;
				font-size:1.1rem;
				border: none;
}
.bottom-textbox-unten .form-button {
	font-size:1.4rem;
	padding: 10px 0;
}
.form-check-input {
    margin-top: 0.5rem;
}
#topform .form-control {
							border-radius: 0;
							border: 0;
							height:35px;
}
#topform .form-button {
						height:35px;
						cursor: pointer;
}

#bottomform {
    padding-top: 5px;
}


#bottomform .form-check-label {
						color: #fff;
						font-size:18px;
}

#bottomform .form-row {
						margin-bottom: 10px;
						font
}

#bottomform .checks{
    margin-top: 20px;
	margin-bottom:20px;
}

#bottomform .form-control {
    border-radius: 0;
    border: 0;
		line-height: 1.2;
}
#bottomform textarea.form-control {
    height: 52px;
}
#bottomform select {
	-webkit-appearance: none;
}
#bottomform a, #bottomform a:hover {
	color:#fff;
	text-decoration: underline;
}
#bottomform .form-button {
	cursor: pointer;
}
.bottom-textbox-oben {
	background-color: #fff;
	padding:10px;
	margin-bottom: 50px;

}
.bottom-textbox-unten {
	background-color: #016880;
	padding: 5px 20px 20px;
}
.bottom-textbox-oben h3, .bottom-textbox-oben h4 {
	color:#016880!important;
}
.bottom-textbox-oben .success h3, .bottom-textbox-oben h4 {
    color: #005321!important;
}
.bottom-textbox-unten .error {
    font-size: 16px;
    color: #fff;
}
.error-wrapper>span.error {
    color: #dc3545;
		font-weight: 600;
}
.error-wrapper {
    background: #fff;
    border: 2px solid #dc3545;
    padding: 14px;
}
.success-wrapper>p {
    color: #005321;
}
.sucess-wrapper {
    background: #fff;
    margin-top: 10px;
    padding: 10px;
}
.bottom-textbox-unten p {
	color:#fff;
}
#bottom {
	position: fixed;
}
/*Kontaktformular*/
.kontaktform-segment {
    border: 3px solid #016880;
		background: url('../img/kontaktperson.jpg');
		background-position: right bottom;
		background-repeat: no-repeat;
		background-size: 40%;
}
.kontaktform-segment h3 {
	text-align: left!important;
	font-size: 1.5rem!important;
  margin-top: 10px!important;
}
#kontaktform {
    padding-top: 5px;
}


#kontaktform .form-check-label {
						color: #333;
}

#kontaktform .form-row {
						margin-bottom: 10px;
}

#kontaktform .checks{
    margin-top: 20px;
	margin-bottom:20px;
}

#kontaktform .form-control {
    border-radius: 0px;
    border: 2px solid #ced4da;
		color: #ced4da;
}
#kontaktform select {
	-webkit-appearance: none;
}
#kontaktform a, #kontaktform a:hover {
	color: #333;
	text-decoration: underline;
}


/***********
* Content
************/

/*BOXES*/

#content-index.mb-3 {
	width: 100%;
	margin-bottom: 0 !important;
	margin-right: 0;
}
.three-side-box img{
	width:100%;
	}

.teaser-box {
	border: 5px solid #016880;
	border-radius: 3px;
	-webkit-box-shadow: 6px 6px 4px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 6px 6px 4px 0px rgba(0,0,0,0.75);
	box-shadow: 6px 6px 4px 0px rgba(0,0,0,0.75);
	height: 400px;
}

.teaser-box.galileo {text-align:center;display:block;font-weight: bold;margin: 20px 0 40px;}

.galileo img{ width: 60%; margin:0 auto 10px; }

.galileo h4 {color: #016880;margin: 10px 0; font-weight: bold;}

.galileo h6 {color: #016880;}

.button-lernmethode {background: #005321 none repeat scroll 0% 0%;color:#fff;width:100%; padding: 20px 0;font-size: 1.5em;cursor: pointer;font-weight:bold;border: none;}

.teaser-box.mandel {
				background: url('../img/Mandel.png');
				background-size: 90%;
				background-repeat:no-repeat;
				background-position: right bottom;
				display:block;margin: 20px 0 40px;
}

.mandel h4 {color: #016880;margin: 10px 0; font-weight: bold;text-align:center;}

.mandel p {margin: 40px;}

.mandel img {width:30%; margin-left: 20px;margin-top:30px;}

.teaser-left {
				background: url('../img/bg-teaser-box-ekomi.jpg');
				background-size: 90%;
				background-repeat:no-repeat;
				background-position: right bottom;
}
.teaser-right {
				background: url('../img/bg-teaser-box-einstufung.jpg');
				background-size: 90%;
				background-repeat:no-repeat;
				background-position: left bottom;
}
.xing-box {
				border: 3px solid #016880;
				background: url('../img/rumohr-xing.jpg');
				background-size:contain;
				background-repeat:no-repeat;
				height:145px;
				margin-top:50px;
}

.xing-box p {
				font-size: 1rem!important;
				font-weight: 600;
				margin: 3px 0px;
				width: 50%;
				float: right;
				padding: 5px 20px 5px 20px;
}



.pre-footer h2 {
			color: #016880;
			text-align: center;
			font-size: 1.8vw;
}
.pre-footer h2#tabs {
    display: inline-block;
    padding: 1.5rem 0 0;
}
.pre-footer {background:#fff}
.ekomi {

	}
.ekomi p {
		margin-top: 15px;
    font-size: 1.1em;
    line-height: 1.2em;
		color:#016880;
		text-align: center;
}
.ekomi a {text-decoration: underline;}
.ekomi h3 {
		font-size: 23px;
    color: #016880;
    text-align: center;
    font-weight: 600;
	padding-top: 10px;
}
.ekomi-box, .trustami-box {
	  display: flex;
    width: 360px;
}
.ekomi-logo, .trustami-logo {
		display: inline-grid;
	}
.ekomi-logo img, .trustami-logo img {
		width: 120px;
		margin: 10px 15px 15px;
}
.ekomi-stars {
		display: inline-grid;
}
.ekomi-stars img {
		width:150px;
	  text-align: center;
    margin-auto: 0 auto;
    margin: 20 auto;
    margin: 0 auto;
    margin-top: 20px;
}
.ekomi-claim p {
    font-size: 1.1em;
    line-height: 1.2em;
    color: #016880;
    margin: 0;
	text-align: center;
	width: 360px;
}
.bewertungen {
	margin-top: 230px;
}
.einstufung h3 {
		color: #016880;
    text-align: center;
    line-height: 1.2em;
    font-size: 33px;
    font-weight: bold;
    margin: 10px;
}
.einstufung p {
		text-align: center;
    font-size: 1.1em;
line-height: 1.2em;
		color:#016880;
}
.einstufungswahl {width: 50%; float:right;margin-top: 50px;}
.einstufungswahl a, .bewertungen a {
	text-decoration: underline;
}
.cta-button {
				padding: 1vw 3vw;
				font-size: 2rem;
				background: #005321 none repeat scroll 0% 0%;
				color: #fff!important;
				font-weight: 600;
				display: inline-block;
				margin-top:30px;
}
.tab-button {
				padding: 0.3vw 2vw;
				border: 2px solid #10A107;
				font-size: 1.6rem;
				background: #4BA614 none repeat scroll 0% 0%;
				color: #fff!important;
				font-weight: 600;
				display: inline-block;
				margin: 30px 0;
}
.referenz-button {
				padding: 0.3vw 1vw;
				font-size: 1.4rem;
				background: #005321  none repeat scroll 0% 0%;
				color: #fff!important;
				font-weight: 600;
				display: inline-block;
				margin: 30px 2.5%;
		    width: 95%;
				text-align:center;
}
.figure {
			position:relative;
			display: block;
}
.figure .extratext {
					position:absolute;
					bottom: 95px;
					left: 0;
					font-size: 1.25rem;
					font-weight:600;
					width:100%;
					color:#333;
}
.figure img:hover ~ .extratext {
							color:#00bbbb;
}
.figure img {
				max-width:200px;
				border: 5px solid #fff;
				border-radius: 50%;
}
.figure img:hover {
				border: 5px solid #00bbbb;
}
.figure .figure-caption {
							color: #f5f5f5;
							font-size: 1.2rem;
							line-height: 1.5rem;
}
.nav-tabs {
			border:none;
			font-size:1.35rem;
			font-weight:600;
}
.nav-tabs .nav-link {
						color: #f5f5f5;
						font-size: 1.35rem;
						font-weight: 600;
}

.nav-tabs .nav-link.active {
								color:#016880;
}

#haupttext, #haupttext-pre {

    clear: both;

}

#haupttext h2, #haupttext-pre h2 {
			font-size:3.8rem;
			font-weight:600;
}
#haupttext h3, #haupttext-pre h3{
			font-size:3rem;
			font-weight:600;
}
#haupttext p {
			color: #f5f5f5;
			font-size: 2.3rem;
}
#haupttext-pre h2, #haupttext-pre h3 {
		color: #016880;
}
#haupttext .infoList{
	color:#fff;
	font-size: 2rem;
	list-style-position: inside;
	text-align: left;
	max-width: 83%;
	margin: 0 auto;
}

.tab-content h2 {
					margin-top: 20px;
					color:#016880;
					font-size:3rem;
					font-weight:600;
					text-align:center;
}

.tab-content h3 {
					color:#016880;
					font-size: 1.9rem;
					font-weight: 600;
					text-align: center;
}
.tab-content p {
					font-size: 1.2rem;
}
.flaglist li {
				    display: inline-block;
						width: 100%;
}
.flaglist img {
					float: left;
					margin-right: 20px;
					width: 70px;
					position: relative;
					bottom: 7px;
}
.brain-segment {
	background: #016880;
}
.brain-segment h2 {
	color: #fff;
}
.brain-image {
	padding: 0px 20px;
  max-height: 250px;
	display: flex;
	margin: 0 auto;
}

.brain {
	background: url(../img/turbo-fremdsprache.jpg) bottom left;
	background-size: 100%;
	background-repeat:no-repeat;

}
.brain-segment > div {
	min-height:auto;
}
.foerder-segment h2 {
	font-size: 2.5rem!important;
}
.foerder-image {
    padding: 0px 20px;
    max-height: 300px;
    display: flex;
    margin: 0 auto;
}
.business-segment h2 {
	font-size: 1.9rem!important;
}
.business-segment p {
	font-size: 1.2rem;
  color: #333333;
	padding-left:30px;
}
.business-image {
    padding-top: 10px;
    max-height: 500px;
    display: flex;
    margin: 0 auto;
		border-radius:50%;
		height:420px;
}
.business-text p {
	background-color: #dadada;
	padding:10px;
	margin-bottom: .25rem;
}
.firmen-segment p {
	font-size: 1.2rem;
  color: #fff;
	padding:10px;
	margin-bottom: 0px;
}
.kurs-segment h2 {
    color: #016880;
    font-size: 1.8rem;
    font-weight: 600;
    text-align: center;
    color: #fff;
    font-weight: 600;
    background: #016880;
    padding: 10px 0 10px 0;
    width: 100%;
		margin:0px;
}
.kurs-segment h3 {
	  color: #000;
    font-size: 1.8rem;
    font-weight: 600;
    text-align: center;
    color: #000;
    font-weight: 600;
    background: #dadada;
    padding: 10px 0 10px 0;
    width: 100%;
		margin:0px;
		margin-bottom:4px;
}
.kurs-segment > div {
	background:#dadada;
	padding-bottom: 4px;
}
.kurs-segment > div:nth-child(10) {
	margin-bottom: 0px;
}
.kurs-segment > div:nth-child(11) {
	margin-bottom: 0px;
}
.kurs-image {
		float: left;
    padding: 5px 15px 5px 0px;
}
.kurs-check {
		float: left;
    padding: 5px 15px 5px 0px;
}
.kurs-check + p {
    padding-top: 1rem;
    margin: 0;
    font-size: 1.2rem;
    line-height: 1.3;
}
.kurs-button {
    background: #005321 none repeat scroll 0% 0%;
    color: #fff;
    width: 350px;
    font-size: 1.2rem;
    cursor: pointer;
    border: 2px solid #005321;
    font-weight: 600;
	margin-top: 0.2rem;
}
.kurs-block {
		display:inline-block;
		padding: 10px 0;
}
.kurs-block p, .kurs-block-rechts p {
	margin-bottom: 0px;
	line-height: 1.3;
	margin-top: 5px;
}
.kurs-block-rechts {
	padding: 10px 0;
}
.kurs-ref {
	border-radius: 50%;
  border: 3px solid #ff6500;
  float: left;
	margin: 10px 25px 10px 0px;
}
.kurs-ref + p {
    padding-top: 1rem;
    margin: 0;
    font-size: 1.2rem;
    line-height: 1.3;
}

.kurs-segment {/*margin-bottom: 40px;*/}

.firmen-image {
		float: left;
    padding: 0px 20px 0px 0px;
}
.firmen-ref p {
	margin-top: 5px;
	margin-bottom: 0px;
}
.referenz-ref p {
		margin-top: 15px;
    margin-bottom: 0px;
    line-height: 1.4;
}

.referenz-segment p:first-child {
	margin-top:20px;
}
.referenz-segment p {
	font-size: 1.8rem;
	line-height:1.3;
	color: #016880;
  text-align: center;
}
.referenz-segment > div {
	padding-left:0px;
}
.referenz-image {
	padding: 8px;
	max-height: 380px;
	display: flex;
	margin: 0 auto;
}
.referenz-block {
	background: #016880;
}
.referenz-block p {
	color: #fff;
	font-size: 1.7rem;
  margin: 0;
  padding: 10px 0px;
}
.referenz-header-image {
	  margin: 10px auto;
    display: block;
}
.referenz-image {
	float: left;
	margin: 5px 25px 5px 0px;
}
.referenz-rund-image {
	border-radius: 50%;
  border: 5px solid #016880;
  float: left;
	margin: 10px 40px 10px 0px;
}
#kontakt h2 {
	  color: #000;
    font-size: 2rem;
}
.kontakt-header {
	background: url('../img/kontaktheader.jpg');
	background-size:cover;
	background-repeat:no-repeat;
}
.kontakt-header-text {
		margin: auto;
		padding-top: 230px;
}
.kontakt-header-text h2 {
	  color: #016880!important;
		font-size: 3rem!important;
}
.kontakt-header-text h3 {

}
.kontakt-header-text p {
	  font-size: 1.9rem;
    font-weight: 600;
    text-align: center;
		color:#333;
}
.kontakt-segment h2 {
	color:#fff;
}
.kontakt-segment h3 {
	color:#fff;
	font-size: 1.6rem;
  margin-top: 10px;
	text-align: left;
}
.kontakt-segment p {
	color:#fff;
}
.kontakt-segment a {
	color:#fff;
	text-decoration: underline;
}
.cc_container .cc_message {
	color:#fff!important;
}
.cc_container a, .cc_container a:visited {
	color:#016880!important;
}

.ms-slide .ms-slide-bgcont img, .ms-container, .ms-inner-controls-cont{
	max-width: 100%;
}
/***********
* Presse
************/

#press {
		width: 100%;
		background-color: #333333;
		margin: 0 auto;
		clear: both;
		padding: 50px 0 20px;
}

#press img {
    margin: 0 auto;
    max-width: 100%;
    padding: 5px;
}

#press h3 {text-align:center;}
#zdf {width:12.5%; float:left;}
#zdf-hover {display: none;}
#zdf:hover ~ div#zdf-hover {display: block; clear:both;}

#mm {width:12.5%; float:left;}
#mm-hover {display: none;}
#mm:hover ~ div#mm-hover {display: block; clear:both;}

#ft {width:12.5%; float:left;}
#ft-hover {display: none;}
#ft:hover ~ div#ft-hover {display: block; clear:both;}

#sz {width:12.5%; float:left;}
#sz-hover {display: none;}
#sz:hover ~ div#sz-hover {display: block; clear:both;}

#ze {width:12.5%; float:left;}
#ze-hover {display: none;}
#ze:hover ~ div#ze-hover {display: block; clear:both;}

#ww {width:12.5%; float:left;}
#ww-hover {display: none;}
#ww:hover ~ div#ww-hover {display: block; clear:both;}

#gl {width:12.5%; float:left;}
#gl-hover {display: none;}
#gl:hover ~ div#gl-hover {display: block; clear:both;}

#fc {width:12.5%; float:left;}
#fc-hover {display: none;}
#fc:hover ~ div#fc-hover {display: block; clear:both;}

#press p {
			text-align: center;
			padding: 10px 0;
			color: #fff;
			font-size: 1.5em;
}
#pr2 {display:none;}
#zdf:hover #pr2 {display:block;}
#pr {display:block;}
#zdf:hover #pr {display:none;}
#pr4 {display:none;}
#ww:hover #pr4 {display:block;}
#pr3 {display:block;}
#ww:hover #pr3 {display:none;}
#pr6 {display:none;}
#ft:hover #pr6 {display:block;}
#pr5 {display:block;}
#ft:hover #pr5 {display:none;}
#pr8 {display:none;}
#fc:hover #pr8 {display:block;}
#pr7 {display:block;}
#fc:hover #pr7 {display:none;}
#pr10 {display:none;}
#mm:hover #pr10 {display:block;}
#pr9 {display:block;}
#mm:hover #pr9 {display:none;}
#pr12 {display:none;}
#ze:hover #pr12 {display:block;}
#pr11 {display:block;}
#ze:hover #pr11 {display:none;}
#pr14 {display:none;}
#gl:hover #pr14 {display:block;}
#pr13 {display:block;}
#gl:hover #pr13 {display:none;}
#pr16 {display:none;}
#sz:hover #pr16 {display:block;}
#pr15 {display:block;}
#sz:hover #pr15 {display:none;}

/***********
/*Accordion
************/
.accordion-lernmethode {
	padding-top: 20px;
}
.accordion-lernmethode .card {
		margin-bottom:5px;
		background: #dadada;
		border-radius:0;
}
.accordion-lernmethode .card-header {
    padding:0;
    margin-bottom: 0;
    background-color: #dadada;
    border-bottom: 0;
}
.accordion-lernmethode .card-header button:hover {
	color: #016880!important;
	text-decoration: none;
}
.accordion-lernmethode .card-header button.btn.btn-link {
	color: #016880!important;
	text-decoration: none;
	font-size:1.2rem;
}
.accordion-lernmethode .card-header button.btn.btn-link.collapsed {
	color: #333!important;
	text-decoration: none;
}
.accordion-lernmethode .card-body p {
	text-align: left;
	line-height: 1.2;
	font-size: 1em;
	margin-bottom: 5px;
	color: #333;
}
.accordion-lernmethode .card-body {
	padding: 1% 2%;
}





.accordion-section {
 margin-bottom:5px;
	background: #333;
}
.accordion {
    overflow: hidden;
    padding: 0%;
    float: right;
    width: 100%;
	box-sizing: border-box;
	padding-top: 20px;
}
.accordion > h3 {
    color: #aaa;
    font-size: 1.7em;
    text-align: left;
    margin-bottom: 0px;
}

a.accordion-section-title {
    width: 100%;
    display: inline-block;
    transition: none;
    outline: none;
    color: #fff;
    position: relative;
    text-decoration: none;
    border-radius: 5px;
    border-bottom: none;
   	padding: 10px;
    font-size: 1.2rem;
    text-align: justify;
	  font-weight: 400;
}

.accordion-section-content {
    padding: 0vw 0.8vw;
		display: none;
}
a.accordion-section-title::after {
    font-size: 0.9vw;
    padding: 0.2vw 0.4vw;
    border-radius: 5px;
    text-shadow: 0px 1px 0px rgba(0,0,0,0.1);
    font-size: 0.89vw;
    font-weight: normal;
    color: #ff6600;
    position: absolute;
    top: 0;
    right: 0;
    float: right;
    display: block;
    padding: 0.8vw 0.5vw;
	font-weight:400;
}

a.accordion-section-title.active,
a.accordion-section-title:active,
a.accordion-section-title:hover {color:#e25a6a!important;}

div.accordion-section:last-of-type,
a.accordion-section-title {
	border-bottom:none;
}
.accordion-section-content {
	padding: 1% 2%;
	display: none;
}
.accordion-section-content p {
	text-align: left;
	line-height: 1.2;
	font-size: 1em;
	margin-bottom: 5px;
	color: #fff;
}
.accordion-section-content.open {
	display: block;
	animation: fadein 0.6s;
	-moz-animation: fadein 0.6s;
	-webkit-animation: fadein 0.6s;
	-o-animation: fadein 0.6s;
}

.accordion-section.bottom-margin {
  margin-bottom:20px;
}

/***********
* Footer
************/
.bild_unten img {width:100%;}

.bild_unten {
    text-align: center;
}

footer {
			background-color: #444444;
}

.footer-padding {padding: 25px 0;}

.footer-angebot-links {}
.footer-angebot-frau-links {width:21%; float:left;}
.footer-angebot-frau-links img {width: 100%;}
.footer-angebot-links-div {width:79%; float:left;}
.footer-angebot-links-bg {background-color:#016880;padding:20px;}
.footer-seminar-angebot-oben {display: inline-block;margin-bottom: 40px;width: 100%;background: #fff;padding: 10px;border-radius: 10px;}
.footer-seminar-angebot-unten {display: inline-block;margin-bottom: 36px;width: 100%;background: #fff;padding: 10px;border-radius: 10px;}
.footer-sprechblase {
	background-color:#fff;
	font-weight:bold; text-align: center;
	font-size: 1.4vw;
	margin-bottom: 50px;
	line-height: 1.4em;
	color: #016880;
	padding: 10px;
	}
.footer-35 {text-align: center; font-weight:bold; font-size: 2vw; color: #fff;margin-top: -15px;margin-bottom: 10px;}
.footer-seminar-angebot-rechts {
    float: left;
    font-size: 0.9vw;
    line-height: 1.5em;
	width: 75%;
}
.footer-seminar-angebot-links {
    float: left;
    clear: both;
  	font-size: 0.9vw;;
    line-height: 1.5em;
	width: 25%;
}

#footer-angebot-button.form-button {
    width: 100%;
    border: 2px solid #10a107;
    background: #4ba614 none repeat scroll 0% 0%;
    color: #fff;
    font-size: 1.1vw;
		margin: 0px;
		display: block;
		cursor: pointer;
}

.footer-angebot-links {}
.footer-angebot-rechts ul {margin-bottom:0;font-size: 0.9vw;padding:0 15px}
.footer-angebot-frau-rechts {width:21%; float:left;}
.footer-angebot-frau-rechts img {width: 100%;}
.footer-angebot-rechts-div {width:79%; float:left;}
.footer-angebot-rechts-bg {background-color:#016880;padding:20px;height: auto !important;}
.footer-angebot-rechts #footer-angebot-button.form-button{cursor: unset;}
.footer-angebot-rechts img.siegel {display: block; margin: 0 auto;max-width: 150px;}
.footer-software-angebot-oben {display: inline-block;margin-bottom: 5px;width: 100%;background: #fff;padding: 10px;border-radius: 10px;}
.footer-software-angebot-unten {display: inline-block;margin-bottom: 20px;width: 100%;background: #fff;padding: 10px;border-radius: 10px;}
.footer-software-untertitel {margin-top:-10px;text-align: center;font-size: 1vw;margin-bottom: 0px;}
.footer-software-inhalt p {margin-left: 0px;margin-bottom: 5px;font-size: 0.9vw; max-width: 98%; margin: 0 auto;}
.footer-software-inhalt p.megabundle {font-size: 1.5vw; font-weight: bold;text-align: center;margin-left: 0px;margin-bottom: 0;margin-top: -10px;}
.megabundle b{color:#016880;}
.footer-software-gutschein-titel {color:#fff; text-align: center; font-weight: bold;font-size: 1vw;margin: 5px 0;}
.footer-software-gutschein {
		text-align:center;
		font-weight: 600;
    font-size: 21px;
}
.footer-software-gutschein span{ font-size: 18px;}
.footer-bildunsscheck, .form-seminar-angebot-text{
	display: inline-block;
	width: 100%;
	background: #fff;
	padding: 10px;
	border-radius: 10px;
	text-align:center;
	font-weight: 600;
	font-size: 21px;
}
.footer-software-inhalt {
	text-align: center;
}
/*footer.py-4 {
    padding-top: 120px !important;
}*/
footer h3 {
    font-size: 1.4vw;
	font-weight:bold;
	text-align: center;
}
footer h4 {
    font-size: 1.1vw;
	text-align: center;
}

footer h5 {
	font-size: 1.2vw;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
	line-height: 1;
	margin-bottom: 10px;
}



.copyright {
		padding: 10px 0;
}
.copyright p {
		margin:0px;
		color:#fff;
}
.copyright a {
    color: #fff;
		text-decoration: underline;
}
/*Firmenslider*/
.firmen-slider {
	padding: 20px 0;
}
.slick-slide {
	margin-right:50px;
}
.slider-rahmen {
	border-top: 4px solid #016880;
  padding: 0 0px;
}

/*PopUp*/
/*
.popup p {
            text-align:center;
            line-height: 1.5rem;
            font-size: 1.3rem;
}
.popup .rabatt {
                    font-size:2rem;
                    color:#009;
                    font-weight:600;
}
.popup .popupbox {
                    border: 3px solid #009;
                    margin:5px;
}
 .popup .tel {
                background:#000;
                color:#fff;
                text-align:center;
                padding: 5px 0 5px 0;
 }
 .popup .tel a {
                font-size: 1.5rem;
                cursor: pointer;
                color: #fff;
 }
 .popup .tel i {
                    width: 36px;
                    height: 36px;
                    display: inline-block;
                    background: url(../img/icon-tel-hover.png) center center no-repeat;
                    background-size: 36px 36px;
                    padding-bottom: 10px;
}
.popup .button {
                    padding: 5px;
                    border: 0.14vw solid #10A107;
                    font-size: 15px;
                    background: #10A107;
                    color: #fff;
}

*/


/*IPAD Portrait
 *
 */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {

/********************
 * Allgemein Portrait
 ********************/

h2 {
	font-size: 30px;
}




/****************
* Header Portrait
*****************/

.sticky-top {
    border-bottom: 1px solid #333;
}
.sticky-top h3 {
	 font-size: 16px;
}
header .logo-box h4 {
    font-size: 13px;
		line-height: 15px;
}


header h3 {
    font-size: 11px;
}
header .logo-box h4 {font-size: 12px;}
/* header.container-fluid.py-2 {margin-top: -7px;} */
element.style {
}

header .logo-box img {
    height: 42px;
}

.url-box h3 {
	font-size:14px;
}

#hotline-in .fa-2x {
    font-size: 1.34em;
}

#hotline h4 {
    font-size: 13px;
    line-height: 15px;
}
#hotline-in a {
    font-size: 21px;
}
#hotline h3 {
    line-height: 23px;
		margin-bottom: 0.5rem;
}
#haupttext .infoList {
  font-size: 1.3rem;
}

/*****************
* Slider Portrait
******************/

.slider-inner-box-1 {
			padding: 4px;
}

.slider-inner-box-1 p:first-child {
						padding: 11px;
						font-size: 14px;
}
.slider-inner-box-1 p:last-child {
						padding: 11px;
						font-size: 14px;
}

.slider-inner-box-2 {
			padding: 5px;
}

.slider-inner-box-2 p:first-child {
						padding: 10px;
						font-size: 14px;
}
.slider-inner-box-2 p:last-child {
						padding: 10px;
						font-size: 14px;
}

.slider-inner-box-3 {
			padding: 5px;
}

.slider-inner-box-3 p:first-child {
						padding: 10px;
						font-size: 14px;
}
.slider-inner-box-3 p:last-child {
						padding: 10px;
						font-size: 14px;
}

.slider-inner-box-4 {
				padding: 5px;
}

.slider-inner-box-4 p:first-child {
				padding: 10px;
				font-size: 14px;
}
.slider-inner-box-4 p:last-child {
					padding: 10px;
						font-size: 14px;
}

.slider-inner-box-5 {

					padding: 5px;
}

.slider-inner-box-5 p:first-child {
						padding: 10px;
						font-size: 14px;
}
.slider-inner-box-5 p:last-child {
						padding: 10px;
						font-size: 14px;
}


.ms-bullets.ms-dir-h {
						bottom: -2px;
}



/***************
* Forms Portrait
****************/

.form-control {
		font-size: 9px;
}

.form-control::-webkit-input-placeholder {
    font-size: 11px
}

.form-control::-moz-placeholder {
    font-size: 11px;
}

.form-control::-moz-placeholder {
     font-size: 11px;
}

.form-control::-ms-input-placeholder {
    font-size: 11px;
}



#topform .form-control {
    height: 30px;
}
#topform .form-button {
    height: 30px;
		font-size: 10px;
}

#bottomform .form-control {
    height: 25px;
}
#bottomform .form-check-label {
	font-size: 9px;
}
#bottomform textarea.form-control {
    height: 70px!important;
}

/*****************
* Content Portrait
******************/
.teaser-box {
	height: 36.4rem;
}
.teaser-box.galileo, .teaser-box.mandel {
	height: 22rem;
}
.ekomi-logo img {
    width: 130px;
}
.ekomi-logo img {
    width: 130px;
}
.newtabcontent h2{
	font-size: 2.2rem;
}
.newtabcontent h3{
	font-size: 1.5rem;
}
.mandel h4, .galileo h4 {
    font-size: 1.2rem;
}
.slider-methode-bottom .left, .slider-methode-bottom .right{
	text-align: center;
	width: 100%;
}
.einstufungswahl a, .bewertungen a {
	text-decoration: underline;
}
.figure img{
	max-width: 160px;
}
.figure .extratext {
    bottom: 77px;
    font-size: 1rem;
}
.figure .figure-caption {
    font-size: 1rem;
    line-height: 1.25rem;
}
#haupttext h2 {
    font-size: 40px;
}
#haupttext h3 {
    font-size: 35px;
}
#haupttext p {
    font-size: 25px;
}
.cta-button {
	font-size: 26px;
}
.onlineBewertung{font-size: 1.3rem;}

.nav-tabs .nav-link {
    font-size: 11px;
}

.tab-content h2 {
					font-size:40px;
}

.tab-content h3 {
					font-size: 24px;
}
.tab-content p {
					font-size: 14px;
}

.xing-box img, .tabletPic img {
    max-width: 100%;
}
.xing-box p {
    font-size: 0.55rem!important;
}
.button-lernmethode {
    font-size: 0.9em;
		padding: 1vw;
		border: none;
}
.kurs-block {
    width: 64%;
}
.kurs-button {
    width: 225px;
    font-size: 0.9rem;
}
.business-segment h2 {
    font-size: 20px!important;
}
#kontakt h2 {
    font-size: 30px;
}
.brain-image {
    max-height: 320px;
}
.foerder-segment h2 {
    font-size: 27px!important;
}
.foerder-image {
    max-height: 370px;
}
.kurs-check + p {
    font-size: 18px!important;
}
.kurs-segment h2 {
    font-size: 25px!important;
}
.kurs-segment h3 {
    font-size: 1.6rem;
}
.kurs-check {
    margin: 5px 0;
}
.kurs-ref {
    margin: 10px 25px 10px 0px;
}
.footer-software-gutschein-titel {
    font-size: 2.2vw;
}
.business-image {
    padding: 20px 0px;
    height: auto;
}
.business-segment p{
	font-size: 0.9rem;
}
.kontakt-header-text {
    padding-top: 150px;
}
.ms-slide .ms-slide-bgcont img, .ms-container, .ms-inner-controls-cont {
    max-width: 100%;
		max-height: fit-content;
}
/****************
* Footer Portrait
*****************/

footer h3 {
    font-size: 13px;
}
footer h4 {
    font-size: 8px;
}
.copyright p {
    font-size: 10px;
}

/******************
* Presse Portrait
******************/
#press h3 {
	font-size: 13px;
}
#press p {
    font-size: 12px;
}

#press img {
    width: 80px;
}

/******************
* Accordion Portrait
******************/
a.accordion-section-title {
 font-size:14px;
 text-align:left;
}

.brain-segment > div {
	min-height:auto;
}

}



/*IPAD Landscape
 *
 */

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {

/*********************
 * Allgemein Landscape
 *********************/

h2 {
	font-size: 30px;
}



/*****************
* Header Landscape
******************/

.sticky-top {
    border-bottom: 1px solid #333;
}
.sticky-top h3 {
	 font-size: 19px;
}

header .logo-box h4 {
    font-size: 15px;
		line-height: 15px;
}

header h3 {
    font-size: 18px;
}

element.style {
}

header .logo-box img {
    height: 42px;
	margin-right:10px;
}

.url-box h3 {
	font-size:18px;
	margin: 0 5px;
	display:inline-flex;
}

#hotline-in .fa-2x {
    font-size: 1.34em;
}

#hotline h4 {
    font-size: 13px;
    line-height: 15px;
}
#hotline-in a {
    font-size: 21px;
}
#hotline h3 {
    line-height: 23px;
		margin-bottom: 0.5rem;
}
.button-lernmethode {
    font-size: 0.9em;
		padding: 1vw;
		border: none;
}
.kurs-block {
    width: 64%;
}
.kurs-button {
    width: 225px;
    font-size: 0.9rem;
}
.business-segment h2 {
    font-size: 20px!important;
}
#kontakt h2 {
    font-size: 30px;
}
.brain-image {
    max-height: 320px;
}
.foerder-segment h2 {
    font-size: 27px!important;
}
.foerder-image {
    max-height: 370px;
}
.kurs-check + p {
    font-size: 18px!important;
}
.kurs-segment h2 {
    font-size: 25px!important;
}
.kurs-segment h3 {
    font-size: 1.6rem;
}
.kurs-check {
    margin: 5px 0;
}
.kurs-block strong {
    font-size: 14px;
}
.kurs-ref {
    margin: 10px 25px 10px 0px;
}
.footer-software-gutschein-titel {
    font-size: 2.2vw;
}
.business-image {
    padding: 20px 0px;
    height: auto;
}
.business-segment p{
	font-size: 0.9rem;
}
.kontakt-header-text {
    padding-top: 150px;
}
.newtabcontent h2{
	font-size: 2.2rem;
}
.newtabcontent h3{
	font-size: 1.5rem;
}
.mandel h4, .galileo h4 {
    font-size: 1.2rem;
}
.slider-methode-bottom .left, .slider-methode-bottom .right{
	text-align: center;
	width: 100%;
}
.einstufungswahl a, .bewertungen a {
	text-decoration: underline;
}
.figure img{
	max-width: 160px;
}
.figure .extratext {
    bottom: 77px;
    font-size: 1rem;
}
.figure .figure-caption {
    font-size: 1rem;
    line-height: 1.25rem;
}
#haupttext .infoList {
    font-size: 1.3rem;
}
.kurs-image {
    padding: 10px 15px 10px 0px;
    width: 20%;
}
/*****************
* Slider Landscape
******************/

.slider-inner-box-1 {
			padding: 4px;
}

.slider-inner-box-1 p:first-child {
						padding: 11px;
						font-size: 20px;
}
.slider-inner-box-1 p:last-child {
						padding: 11px;
						font-size: 20px;
}

.slider-inner-box-2 {
			padding: 5px;
}

.slider-inner-box-2 p:first-child {
						padding: 10px;
						font-size: 20px;
}
.slider-inner-box-2 p:last-child {
						padding: 10px;
						font-size: 20px;
}

.slider-inner-box-3 {
			padding: 5px;
}

.slider-inner-box-3 p:first-child {
						padding: 10px;
						font-size: 20px;
}
.slider-inner-box-3 p:last-child {
						padding: 10px;
						font-size: 20px;
}

.slider-inner-box-4 {
				padding: 5px;
}

.slider-inner-box-4 p:first-child {
				padding: 10px;
				font-size: 20px;
}
.slider-inner-box-4 p:last-child {
					padding: 10px;
						font-size: 20px;
}

.slider-inner-box-5 {

					padding: 5px;
}

.slider-inner-box-5 p:first-child {
						padding: 10px;
						font-size: 20px;
}
.slider-inner-box-5 p:last-child {
						padding: 10px;
						font-size: 20px;
}


.ms-bullets.ms-dir-h {
						bottom: -2px;
}



/*****************
* Forms Landscape
******************/

.form-control {
		font-size: 11px;
}
.form-control::-webkit-input-placeholder {
    font-size: 13px
}

.form-control::-moz-placeholder {
    font-size: 13px;
}

.form-control::-moz-placeholder {
     font-size: 13px;
}

.form-control::-ms-input-placeholder {
    font-size: 13px;
}


#topform .form-control {
    height: 30px;
}
#topform .form-button {
    height: 30px;
		font-size: 14px;
}

#bottomform .form-control {
    height: 25px;
		font-size:17px;

}
#bottomform .form-check-label {
	font-size: 17px;
}
#bottomform textarea.form-control {
    height: 70px!important;
}
#bottomform select#coursetype {
	padding: 0 0.75rem;
	font-size: 15px;
}

#bottomform .form-control::-webkit-input-placeholder {
    font-size: 15px
}

#bottomform .form-control::-moz-placeholder {
    font-size: 15px;
}

#bottomform .form-control::-moz-placeholder {
     font-size: 15px;
}

#bottomform .form-control::-ms-input-placeholder {
    font-size: 15px;
}
/*******************
* Content Landscape
********************/
.teaser-box {
}
.teaser-box.galileo, .teaser-box.mandel {
	height: 22rem;
}

.ekomi h3 {
    font-size: 20px;
	}

.ekomi {
    width: 100%;
}
.ekomi-logo {
	  margin-top: 0px;
}
.ekomi-logo img {
    width: 100px;
}
.ekomi p {
    line-height: 1.2;
}

.ekomi-claim p{width:70%;    margin: 10px 0;}

.trustami-logo img {
    width: 100px;
    margin: 10px 15px 15px;
}
.einstufung h3 {
		line-height: 1;
		margin-top: 12px;
}
.einstufung p {
	line-height:1.2;    font-size: 1.1rem;
}
.einstufungswahl {
    margin-top: 30px;
}
.einstufungswahl a, .bewertungen a {
	text-decoration: underline;
}
.bewertungen {
    margin-top: 197px;
}

#haupttext-pre h2 {
		font-size: 55px;
}

#haupttext h2 {
    font-size: 40px;
}
#haupttext h3 {
    font-size: 35px;
}
#haupttext p {
    font-size: 25px;
}
.cta-button {
	font-size: 26px;
}

.nav-tabs .nav-link {
    font-size: 16px;
}

.tab-content h2 {
					font-size:40px;
}

.tab-content h3 {
					font-size: 25px;
}
.tab-content p {
					font-size: 16px;
}

.kurs-block {
    width: 70%;
}
.business-segment h2 {
    font-size: 24px!important;
}
#kontakt h2 {
    font-size: 30px;
}
.brain-image {
    max-height: 320px;
}
.foerder-segment h2 {
    font-size: 30px!important;
}
.foerder-image {
    max-height: 340px;
}
.kurs-check + p {
    font-size: 18px!important;
}
.kurs-segment h2 {
    font-size: 24px!important;
}
.kurs-block-rechts {
    padding: 15px 0;
}
.business-image {
    height: 355px;
}
.kurs-ref + p {
		font-size: 19px!important;
}
.referenz-segment p {
    font-size: 28px!important;
		padding-top: 20px;
}
.referenz-block p {
    font-size: 24px;
}
.referenz-ref p {
    margin-top: 20px;
}
.onlineBewertung{font-size: 1.3rem;}
.newtabcontent p.referenz-ref p {
    margin-top: 25px;
}
#kontakt h2 {
    font-size: 25px;
}
.kontakt-header-text {
    padding-top: 190px;
}
.kontakt-header-text p {
    font-size: 24px!important;
}
.ms-slide .ms-slide-bgcont img, .ms-container, .ms-inner-controls-cont {
    max-width: 100%;
		max-height: fit-content;
}
/******************
 *Buttons Landscape
 ******************/
.kurs-button {
    width: 100%;
    font-size: 17px
}
.referenz-button {
    font-size: 20px;
}

/******************
* Footer Landscape
******************/

footer h3 {
    font-size: 25px;
}
footer h4 {
    font-size: 17px;
}

.copyright p {
    font-size: 12px;
}


/******************
* Presse Landscape
******************/

#press h3 {
	font-size: 17px;
}
#press p {
    font-size: 16px;
}

#press img {
    width: 110px;
}

/********************
* Accordion Landscape
*********************/
a.accordion-section-title {
 font-size:14px;
 text-align:left;
}

.brain-segment > div {
	min-height:auto;
}

}


/*SLIDER ANPASSUNGEN*/
/**
 *  Master Slider
 *  Custom Skin
 */

.ms-skin-custom-eins .ms-slide .ms-slide-vpbtn,
.ms-skin-custom-eins .ms-video-btn{
	width: 50px;
	height: 51px;
	background: url(../vendors/master-slider/source/assets/css/skins/light-skin-1.png) no-repeat -14px -150px;
	top: 50%;
	left: 50%;
	margin: -25px 0 0 -25px;
}

.ms-skin-custom-eins .ms-slide .ms-slide-vcbtn {
	width: 30px;
	height: 30px;
	background: url(../vendors/master-slider/source/assets/css/skins/light-skin-1.png) no-repeat -24px -28px;
	top: 18px;
	right: 30px;
}

/* controls */

.ms-skin-custom-eins .ms-nav-next,
.ms-skin-custom-eins .ms-nav-prev {
	width: 30px;
	background: url(../vendors/master-slider/source/assets/css/skins/light-skin-1.png);
	background-position: -89px -26px;
	height: 40px;
	cursor: pointer;
	top: 50%;
	left: 30px;
	margin-top: -20px;
	position: absolute;
	z-index: 110;
}
.ms-skin-custom-eins .ms-nav-next {
	right: 30px;
	left: auto;
	background-position: -89px -103px;
}



.ms-skin-custom-eins .ms-bullet {
	width: 10px;
	height: 10px;
	background: url(../vendors/master-slider/source/assets/css/skins/light-skin-1.png) no-repeat;
	margin: 4px;
	background-position: -34px -117px;
}

.ms-skin-custom-eins .ms-bullet-selected {
	background-position: -34px -84px;
}

.ms-skin-custom-eins .ms-tooltip{
	position: absolute;
	z-index: 210;
	cursor: auto;
}

.ms-skin-custom-eins .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-custom-eins .ms-tooltip-bottom .ms-tooltip-arrow{
	border-left: solid 10px transparent;
	border-right: solid 10px transparent;
	position: absolute;
	left: 50%;
	margin-left: -10px;
}

.ms-skin-custom-eins .ms-tooltip-top .ms-tooltip-arrow{
	border-top: solid 10px;
	border-top-color: silver;
	border-top-color: rgba(240, 240, 240, 0.88);
	bottom: -10px;
}

.ms-skin-custom-eins .ms-tooltip-bottom .ms-tooltip-arrow {
	border-bottom: solid 10px;
	border-bottom-color: silver;
	border-bottom-color: rgba(240, 240, 240, 0.88);
	top: -10px;
}

.ms-skin-custom-eins .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-custom-eins .ms-tooltip-left .ms-tooltip-arrow{
	border-top: solid 10px transparent;
	border-bottom: solid 10px transparent;
	position: absolute;
	top: 50%;
	margin-top: -10px;
}

.ms-skin-custom-eins .ms-tooltip-right .ms-tooltip-arrow{
	border-right: solid 10px;
	border-right-color: silver;
	border-right-color: rgba(240, 240, 240, 0.88);
	left: -10px;
}

.ms-skin-custom-eins .ms-tooltip-left .ms-tooltip-arrow {
	border-left: solid 10px;
	border-left-color: silver;
	border-left-color: rgba(240, 240, 240, 0.88);
	right: -10px;
}

.ms-skin-custom-eins .ms-tooltip-point {cursor: pointer;}
.ms-skin-custom-eins .ms-tooltip-point .ms-point-center {
	width: 12px;
	height: 12px;
	border-radius: 15px;
	border: solid 2px #BBB;
	background: white;
	margin: -8px 0 0 -8px;
	position: absolute;
	z-index: 105;
}

.ms-skin-custom-eins .ms-tooltip-point .ms-point-border {
	width: 22px;
	height: 22px;
	background: black;
	background:rgba(0, 0, 0, 0.36);
	margin: -11px 0 0 -11px;
	position: absolute;
	border-radius: 15px;

	animation: point-anim 1.5s infinite ;
	-moz-animation: point-anim 1.5s infinite;
	-webkit-animation: point-anim 1.5s infinite;
	-o-animation: point-anim 1.5s infinite;
}

.ms-skin-custom-eins .ms-tooltip {
	max-width:200px;
}

.ms-skin-custom-eins .ms-tooltip-cont {
	padding: 10px;
	background: silver;
	background: rgba(240, 240, 240, 0.88);
	text-shadow: 0 1px 0px white;
	margin-left: -1px;
}
.ms-skin-custom-eins .ms-bullets.ms-dir-h {
	margin-bottom: -45px;
	z-index: 10;
}

/* retina */
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {

	.ms-skin-custom-eins .ms-slide .ms-slide-vpbtn,
	.ms-skin-custom-eins .ms-video-btn,
	.ms-skin-custom-eins .ms-slide .ms-slide-vcbtn,
	.ms-skin-custom-eins .ms-nav-next,
	.ms-skin-custom-eins .ms-nav-prev,
	.ms-skin-custom-eins .ms-bullet{
		background-image:url(../skins/light-skin-retina-custom-eins.png);
		background-size: 152px 225px;
	}

}

@media only screen and (min-device-width : 1280px) and (max-device-width : 1699px) {
	.footer-seminar-angebot-oben {margin-bottom: 25px;}
	.footer-seminar-angebot-links {font-size:15px;}
	.footer-seminar-angebot-rechts {font-size:15px;}
	.footer-angebot-rechts-bg {min-height:438px;}
	.footer-angebot-links-bg {min-height:438px;}
	.footer-angebot-frau-rechts {display:none;}
	.footer-angebot-rechts-div {width: 100%;}
	.footer-angebot-rechts ul {font-size: 15px;padding: 0px;list-style: none;}
	.footer-35 {font-size:30px;}
	.footer-software-inhalt p,.footer-software-gutschein span {font-size:14px;}
	.footer-software-gutschein-titel,.footer-bildunsscheck, .form-seminar-angebot-text {font-size:18px;}
	.footer-software-untertitel {font-size:13px;}
	#footer-angebot-button.form-button {font-size:18px;}
	.bottom-textbox-unten {min-height:438px;}
	#bottomform .form-row {font-size:16px;}
	#bottomform .form-check-label {font-size:15px;}
	#bottomform .form-control {height: 30px;   padding: 6px 10px;    font-size: 14px;}
	#bottomform .checks {margin-top: 15px;margin-bottom: 20px;}
	#bottomform .form-button {font-size:18px;}
	.form-check-input {    margin-top: 5px;}
	footer h3 {font-size: 18px;margin-bottom: 3px}
	footer h4 {font-size: 14px;}
	footer h5 {font-size: 18px;}
	.footer-sprechblase {font-size: 18px;}
	.bottom-textbox-unten .form-row.checks>.col, .bottom-textbox-unten .form-row.checks>[class*=col-] { padding-right: 0; padding-left: 0;}
	#bottomform textarea.form-control {height: 42px;}
	#topform .form-control,#topform .form-button,#topformbox .col-2 { height: 30px;}
	.sticky-top h3 {font-size: 1.2rem;}
	#navbarmain .nav-link { padding: 10px 15px;}
	.nav-tabs .nav-link {font-size: 1.15rem;}
	.footer-software-gutschein {line-height: 18px;}
}

@media (max-device-width : 1699px) {
	.sticky-top {
		top: 0px;
	}
	.sticky-top.menue {
		position: static;
	}
}

@media only screen and (min-device-width : 1024px) and (max-device-width : 1279px) {
	footer .col-lg-4:first-child {display:none;}
	footer .col-lg-4 {-ms-flex: 0 0 50%;     flex: 0 0 50%;    max-width: 50%;}
	.footer-seminar-angebot-oben {margin-bottom: 25px;}
	.footer-seminar-angebot-links {font-size:16px;}
	.footer-seminar-angebot-rechts {font-size:16px;}
	.footer-angebot-links-bg {min-height:460px;}
	.footer-angebot-links-div {width: 79%;}
	.footer-35 {font-size:30px;}
	#footer-angebot-button.form-button {font-size:18px;}
	.bottom-textbox-unten {min-height:460px;}
	#bottomform .form-row {font-size:14px;}
	#bottomform .form-check-label,.footer-bildunsscheck, .form-seminar-angebot-text {font-size:18px;}
	#bottomform .form-control {height: 30px;   padding: 6px 10px;    font-size: 14px;}
	#bottomform .checks {margin-top: 15px;margin-bottom: 20px;}
	#bottomform .form-button {font-size:18px;cursor: pointer;}
	.form-check-input {    margin-top: 5px;}
	footer h3 {font-size: 22px;}
	footer h4 {font-size: 16px;}
	footer h5 {font-size: 18px;}
	.footer-sprechblase {font-size: 22px;}
	.pre-footer h2 { font-size: 2.5vw;}
	.footer-angebot-frau-rechts img { display: none;}
	.footer-angebot-rechts-div {width: 100%;}
	.footer-software-inhalt p { font-size: 1.5vw;}
	.xing-box {height: 200px;}
	.newtabcontent p {font-size: 1.1rem;}
	.slider-methode-box {padding: 25px 10px;}
	.ms-skin-custom-eins .ms-bullets.ms-dir-h {margin-bottom: 0;}
	.mandel p { margin: 25px;}
	header .logo-box h4 {font-size: 17px;}
	#haupttext .infoList {font-size: 1.3rem;}
	#bottomform textarea.form-control {height: 42px;}
	#topform .form-control, #topform .form-button, #topformbox .col-2 { height: 30px;}
	.sticky-top h3 {font-size: 1.2rem;}
	#navbarmain .nav-link { padding: 10px 15px;}
	.nav-tabs .nav-link {font-size: 1.15rem;}
	.footer-software-gutschein span {font-size:14px;}
	.footer-software-gutschein {line-height: 18px;}
	.form-button { font-size: 0.9rem;}
.referenz-button { font-size: 1.2rem;}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1023px) {
	footer .col-lg-4:first-child {display:none;}
	footer .col-lg-4 {-ms-flex: 0 0 50%;     flex: 0 0 50%;    max-width: 50%;}
	.footer-seminar-angebot-oben {margin-bottom: 25px;}
	.footer-seminar-angebot-links {font-size:16px;}
	.footer-seminar-angebot-rechts {font-size:16px;}
	.footer-angebot-links-bg {min-height:460px;}
	.footer-angebot-links-div {width: 100%;}
	.footer-angebot-frau-links {display:none;}
	.footer-35 {font-size:36px;}
	#footer-angebot-button.form-button,.footer-bildunsscheck, .form-seminar-angebot-text {font-size:18px;}
	.bottom-textbox-unten {min-height:460px;}
	#bottomform .form-row {font-size:16px;}
	#bottomform .form-check-label {font-size:13px;}
	#bottomform .form-control {height: 30px;   padding: 6px 10px;    font-size: 14px;}
	#bottomform .checks {margin-top: 15px;margin-bottom: 20px;}
	#bottomform .form-button {font-size:18px;}
	.form-check-input {    margin-top: 5px;}
	footer h3 {font-size: 18px;margin-bottom: 3px;}
	footer h4 {font-size: 14px;}
	footer h5 {font-size: 18px;}
	.footer-sprechblase {font-size: 18px;}
		/* header .logo-box h4 {display:none;} */
	.pre-footer h2 { font-size: 2.5vw;}
	.footer-angebot-frau-rechts img { display: none;}
	.footer-angebot-rechts-div {width: 100%;}
	.footer-software-inhalt p { font-size: 1.5vw;}
	.xing-box {height: 200px;}
	.newtabcontent p {font-size: 1rem;margin-top: 13px;}
	.slider-methode-box {padding: 25px 10px;}
	.ms-skin-custom-eins .ms-bullets.ms-dir-h {margin-bottom: 0;}
	.mandel p { margin:25px;}
	#haupttext h2, #haupttext-pre h2 {font-size: 2.5rem; font-weight: 600;}
	#haupttext h3, #haupttext-pre h3 {font-size: 2.3rem; font-weight: 600;}
	.einstufung h3 {font-size: 23px;}
	.einstufung p {font-size: 1rem;line-height: 1.6;}
	.teaser-box {height: 400px;}
	.einstufungswahl {width: 60%;}
	.ekomi-logo img {width: 90px;}
	.non768 {display:none;}
	.ekomi-claim p {    width: 75%;}
	.trustami-logo img {width: 90px;}
	.referenz-button {font-size:1.1rem;padding: 1vw}
	.accordion-lernmethode .card-header button.btn.btn-link {font-size: 0.87rem;}
	.tab-content h2 {font-size: 30px;}
	.footer-software-gutschein span {font-size:14px;}
	.footer-software-gutschein {line-height: 18px;}
}
@media only screen and (min-device-width : 1200px) and (max-device-width : 1800px) {

	.viermalvier {
				width: 60rem;
				margin: auto;
	}
}






.top-success-wrapper >p {
    background: #fff;
    color: #000;
    border: 5px solid #128841;
    padding: 5px;
}
.bottom-textbox-oben.cs {
    border: 5px solid #128841;
    margin-bottom: 40px;
}