@charset "utf-8";
/* CSS Document
*==============================*
* fundament-smart.css          *
* root                         *
* Version 1.0.0  - 05/2018     *
*==============================*/


/* allgemein */
* {
margin:0;
padding:0;
font-size:100,01%;
font-family:Arial, Helvetica, sans-serif;
border:0;
border-image-width: 0;
}

/* allgemein Pfeil + Arcordion */
.arrow{}
.arrow-down {
width: 0; 
height: 0; 
border-left: 40px solid transparent;
border-right: 40px solid transparent;
border-top: 40px solid #8a0808;
margin:0 auto;
}
dd { display:none; }
.closed { cursor: pointer; }
.open { cursor: pointer; } 
/* --- */


a {
text-decoration:none;
}

body {
overflow: scroll;
overflow-x: hidden;
}

video {
background:none;
}

.block{
text-align: justify !important;
}
.center{
text-align: center !important;
}


.mailbutton {
color: #fff;
font-weight: bold;
background: #af8f47;
padding: 10px 20px;
display: inline-block;
margin-top: 2rem;
}
	.mailbutton:hover{
	background: #444;
	}

.rot{
color: #B40404 !important;
}
.green{
color: green !important;
}

.grau{
background: #262626 !important;
}
.cgrau{
color: #262626 !important;
}

.gold{
background: #af8f47 !important;
}
.cgold{
color: #af8f47 !important;
}
.italic{
font-style: italic;
}

.trans{
background-color: rgb(255, 255, 255, 0.75);
}

.transbox{
background-color: rgb(255, 255, 255, 0.85);
padding: 2% 0;
}


/* Bild */
.IMG{
height: auto;
width: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
margin-bottom: 0;
}
.IMGblock{
display: block;
}
	.IMGvis{
	opacity: 0.7;
	}
.nopad{
padding: 0 !important;
}
.IMG-Footer {
width: 100%;
background: #af8f47;
height: .5rem;
margin-top: -.3rem;
}
.GOLD-Footer {
width: 100%;
background: #af8f47;
height: .5rem;
}


@media only screen and (min-width: 765px) {
.blind-mxs {
  display: none;
}
	
.FLEXDIV{
display: block;
}
}

.ImgContainerRichtung {
text-align: center;
}

.ImgContainerAuto{
height: auto;
width: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
}
	.Img5Phasen{
	max-width: 300px;
	}
	.ImgDatenPendel {
	max-width: 300px;
	}
	.ImgWissen1 {
	max-width: 210px;
	}

.BoxPfeilGrau{
text-align: center;
background: #f7f7f7;
padding: 1rem 0;
}
/*===== ============================== =====*/
/*===== ============================== =====*/
/*===== allgemein für gesamtes Projekt =====*/
/*===== ============================== =====*/
h2 {
font-size:105%;
}

p {
color:#434343;
line-height:1.5;
font-size: .8rem;
}

.WECOLogo {
text-align: right;
padding-right: 2rem;
}


/*=== CONTAINER =================*/
.AC1/*AbstandContainer*/{
height: 6rem;
width: 100%;
}
.AC2/*AbstandContainer*/{
width: 100%;
height: 3rem;
}

.CB1 /*ContainerBreite*/ {
width: 100%;
margin: 0 auto;
}
	.CB1R {
	width: 100%;
	margin: 0 auto;
	}
.CB2 /*ContainerBreite*/ {
width: 90%;
margin: 0 auto;
}
.CB3 /*ContainerBreite*/ {
width: 80%;
margin: 0 auto;
}



.ContainerFooter{
width: 100%;
height: 1rem;
background: #B40404;
}

.Index-AbschnittSolution {
background:#2ea848;
padding:40px 0;
}

/*=== Angebot ===*/
.BoxAngebot{
border: 1px #777 dashed;
border:20px solid #262626;
border:20px solid #e6e6e6;
padding: 15px 10px;
text-align: center;
}

.priceboxlab{
background: #fff;
box-shadow: 5px 10px 18px #888888;
padding: .8rem;
}

/*=== INDEX Lauf ===*/
.counterzahl{
color: #262626;
font-weight: bold;
font-size: .9rem;
text-align: center;
}
	.count {
	font-size: 3rem;
	}

.animateme{
opacity: 0;
}

.animation{
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}

.animation.slide{
opacity: 1;
-moz-transform: translateX(0px) translateY(0px);
-webkit-transform: translateX(0px) translateY(0px);
-o-transform: translateX(0px) translateY(0px);
-ms-transform: translateX(0px) translateY(0px);
transform: translateX(0px) translateY(0px);
}


/*=== Kontaktformular =================*/	

.kinput{
height:3rem; 
width: 100%; 
padding:1rem; 
box-sizing: border-box;	
color:#444;
font-size:.9rem;
border: .1rem solid #f1f1f1;
margin-bottom: 1rem;
}
.ktextarea{
width: 100%; 
padding:1rem; 
box-sizing: border-box; 
height:250px;	
color:#444;
font-size:.9rem;
border: .1rem solid #f1f1f1;
margin-bottom: 1rem;
}
	.kinput:focus,
	.ktextarea:focus {
	background:#262626;
	color:#fff;
	}

.formdata {
text-align:center;
}
	.klink {
	color:#ccc; 
	font-weight:bold;
	}
		.klink:hover {
		color:#262626;
		}

.nomailsent{
display: none;
}

.kontaktformularh{
width:100%;
padding:2rem 0;
ma rgin-bottom:2rem;
bo rder-bottom:1px solid #ccc;
text-align:left;
}
	.kontaktformularh h2 {
	color:#888;
	font-size:1rem;
	}
	.kontaktformularh p {
	color:#888;
	font-size:.8rem;
	letter-spacing: 1px;
	}


.nomailsent{
display: none;
}

/*===== ============================== =====*/
/*===== ============================== =====*/


/*=== NAV =================*/
.menuband {
display:none;
}

.headerband {
background-color:rgba(255,255,255,0.9);
background: #fff;
border-bottom: 1px solid #ccc;
width:100%;
height:4rem;
height: auto;
padding-top:20px;
position:fixed;
z-index:100;
text-align: center;
}

.menu-abstand-oben {
height:9rem;
width:100%;
}
.menu-abstand-oben-kurz {
height:4rem;
width:100%;
}


/*=== MAIN =================*/

/* -- Rote Leiste Index Head --*/
.Index-startimg {
width:100%;
background-color:#3c3c3b;
position: relative;
text-align: center;
padding: 3% 0;
}
	.Indexslogan {
	color: #af8f47 ;
	font-size: 110%;
	letter-spacing: 4px;
		background: rgba(255,255,255,0.7);
		padding: 2rem 0;
	}

.IMGtitelindex{
width:100%;
position: relative;
text-align: center;
padding: 10% 0 15% 0;
background-image: url(../Bilder/root/titel-interim-system.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}

.IMGtitelinterimUN{
background-image: url(../Bilder/interim-unternehmen/titel-interim-unternehmen.jpg);
}
.IMGtitelinterimUNSystem{
background-image: url(../Bilder/interim-unternehmen/titel-interim-system.jpg);
}
.IMGtitelinterimUNVorteil{
background-image: url(../Bilder/interim-unternehmen/titel-interim-vorteile.jpg);
}
.IMGtitelFAQ{
background-image: url(../Bilder/interim-unternehmen/titel-faq.jpg);
}

.IMGtitelinterimM{
background-image: url(../Bilder/interim-manager/titel-interim-manager.jpg);
}
.IMGtitelinterimMsystem{
background-image: url(../Bilder/interim-manager/titel-interim-system.jpg);
}
.IMGtitelinterimMseminar{
background-image: url(../Bilder/interim-manager/titel-seminar.jpg);
}
.IMGtitelinterimMbewerbung{
background-image: url(../Bilder/interim-manager/titel-interim-bewerbung.jpg);
}

.IMGtitelCase{
background-image: url(../Bilder/case-study/titel-case-study.jpg);
}

.HansWeber{
background-image: url(../Bilder/root/Hans-Weber.jpg);
}

.IMGtitelinterimUN,
.IMGtitelinterimUNSystem,
.IMGtitelinterimUNVorteil,
.IMGtitelFAQ,
.IMGtitelinterimM,
.IMGtitelinterimMsystem,
.IMGtitelinterimMseminar,
.IMGtitelinterimMbewerbung,
.IMGtitelCase,
.Akademie-JHQ,
.HansWeber{
width:100%;
position: relative;
text-align: center;
padding: 5% 0 15% 0;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}

.HansWeber{
padding: 10% 0 !important;
background-position: top center !important;
}

.Akademie-DQM,
.Akademie-ReQ,
.Akademie-PBQ,
.Akademie-interim,
.Akademie-JHQ{
padding: 5% 0 !important;
}


.index-auto{
background-image: url(/Bilder/branchen/index-auto.png);
}
.index-anlagenbau{
background-image: url(/Bilder/branchen/index-anlagenbau.png);	
}
.index-raumfahrt{
background-image: url(/Bilder/branchen/index-raumfahrt.png);	
}
.index-medizin{
background-image: url(/Bilder/branchen/index-medizin.png);	
}
.index-chemie{
background-image: url(/Bilder/branchen/index-chemie.png);	
}
.index-nahrung{
background-image: url(/Bilder/branchen/index-nahrung.png);	
}
.index-digital{
background-image: url(/Bilder/branchen/index-digital.png);	
}
.index-pharma{
background-image: url(/Bilder/branchen/pharma.jpg);	
}
.index-logistik{
background-image: url(/Bilder/branchen/index-logistik.png);	
}
.index-elektro{
background-image: url(/Bilder/branchen/index-elektro.png);	
}

.index-auto,
.index-anlagenbau,
.index-raumfahrt,
.index-medizin,
.index-chemie,
.index-nahrung,
.index-digital,
.index-pharma,
.index-elektro,
.index-logistik{
height: 150px;
width: 100%;
}



.BildHWFooter{
background-image: url(../Bilder/HW/HW-Footer.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
}
/*ENDE*/


/* -- Leistung --*/
.ContainerLeistung{
margin: 0 auto;
text-align: center;
transform: translateY(-4rem);
}
	.Head1LeistungIndex{
	color: #fff;
	font-weight: bold;
	font-size: 2.2rem;
	letter-spacing: .3rem;
	padding: 2rem 0;
	}
	.Head2LeistungIndex{
	color: #fff;
	font-size: 1.3rem !important;
	padding: 1rem 0 !important;
	}
	.Head2Leistung{
	color: #fff;
	font-size: 1.3rem;
	}
.Leistung{
mar gin-bottom: 2rem;
background: #222;
padding: .8rem;
height: 100%;
}
	.Leistung > p {
	color: #fff;
	letter-spacing: .1rem;
	
	font-size: .8rem;
	}
/*ENDE*/

/* -- ZwischenÜ Index --*/
/*ENDE*/

/* -- Slogan --*/
.SloganAbschnitt {
width: 100%;
text-align: center;
padding: 2rem 0;
background: #ccc;
}
.slogan {
color: #7a7d6d;
color: #fff;
font-size: 110%;
}
/*ENDE*/

/* -- Counter --*/
.ZeitCounter {
width:100%;
text-align:center;
padding: 2rem 0;

}
	#ZeitCounterInhalt {
	color:#B40404;
	font-weight: bold;
	}
	.head2Counter{
	color:#fff;
	}
.TextCounter {
font-size:85%;
color:#fff;
}
/*ENDE*/


/* -- BoxRot --*/
.BoxRot {
background: #B40404;
}
.BoxRot4Container{
background: #B40404;
}

.BoxRot4{
background: #B40404;
padding: 1rem 15px 0 15px !important;
}
	.BoxRot4Inhalt{
	background: #fff;
	margin-bottom:.5rem;
	padding: 2rem;
	text-align: center;
	}
.BoxRotHead{
color: #fff;
text-align: center !important;
font-weight: lighter;
letter-spacing: .2rem;
padding: .5rem 0;
}
.BoxRotInhaltHead{
color: #333;
font-size: 1.2rem;
text-align: center !important;
padding-bottom: 1rem;
}
	
	.BoxRotPfeil{
	text-align: center;
	}
/*ENDE*/


/* -- Pfeile --*/
.arrow-down {
width: 0; 
height: 0; 
border-left: 40px solid transparent;
border-right: 40px solid transparent;
border-top: 40px solid #af8f47;;
margin:0 auto;
}
.PfeilW{
position:relative;
}
.PfeilW::before {
content: "";
width:0;
height:0;
border-style:solid;
border-width: 40px 50px 0 50px;
border-color: #fff transparent transparent transparent;
position:absolute;
top:0;
left:50%;
box-sizing:border-box;
-moz-transform: translate(-50%, 0%);
-webkit-transform: translate(-50%, 0%);	
-ms-transform: translate(-50%, 0%);
-o-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);
}

.PGrau {
border-top: 40px solid #f7f7f7 !important;
}

/*ENDE*/
/*=== TEXT =================*/
.TextRot{
color: #8a0808;
font-weight: bold;
}

.HeadRot {
color: #8a0808;
 }

.ConReinBild/*BilderContainerZentriert*/{
text-align:center;
margin-bottom:1.7rem;
}

.HeadAbschnitt h2 {
width: 100%;
padding: 1rem 0;
color: #8a0808;
color: #af8f47;
text-align: center;
font-size: 2rem;
}

.HeadAbschnittGrau {
padding: 1rem 0;
color: #333;
font-size: 1.3rem;
}

.ul1 {
list-style: none;
margin: 2rem 0;
}
.ul1 li {
margin-left: 2rem;
lis t-style: url(../Bilder/Leistungen/Ja.png);
list-style-type: square;
margin-bottom: 1rem;
margin-left: 1.2rem;
font-size: .9rem;
color: #555;
}

/* -- Index News --*/
.h1newsbox {
color:#777;
font-style:italic;
font-weight:bold;
}
.Index-AbschnittNews {
width:100%;
background:#ccc;
}
.Index-AbschnittNews {
width:100%;
background:#ccc;
}
.NewsAbschnittBox {
padding:2% 0 5% 0 ;
}
	.newsDatumText {
	font-size:85%;
	color:#777;
	font-style:italic;
	}
	.h1newsbox {
	font-size:150%;
	}


/* grüner Container Index */
	.IndexSolutionHead {
	color:#fff;
	font-weight:bold;
	font-size:130%;
	}
	.IndexSolutionText {
	color:#fff;
	}
/* ENDE grüner Container Index */


/*=== FOOTER =================*/	
footer {
background:#f9f9f9;
background:#444;
background: #262626;
padding-bottom:8%;
}

.footerLinkInhalt > a,
.footerSlogan > p,
.footerSlogan > p > a,
.footerMWReferenz > p,
.footerCopyright > p,
.footerLinkRecht > a {
color:#fff;
color: #878787;
}

.footerLinkInhalt {
text-align:center;
padding:10px;
}
	.footerLinkInhalt a {
	display:block;
	padding:5px;
	font-size:80%;
	font-weight:bold;
	}

.footerSlogan {
text-align:right;
font-size:90%;
padding:2px 0;
font-weight:bold;
}
.footerMWReferenz {
text-align:right;
font-size:80%;
padding:2px 0;
}

.footerCopyright {
text-align:center;
font-size:70%;
padding:15px 0;
}

.footerLinkRecht {
text-align:right;
}
	.footerLinkRecht > a {
	padding:0 3px;
	font-size:80%;
	}

.footer-con{
padding: .5rem;
padding-top: 2rem;
}
	.footer-conimg{
	text-align: center;
	}
	.footer-context{
	letter-spacing: .1rem;
	line-height: 75px;
	vertical-align: middle;
	color: #fff;
	text-align: center;
	}
		.footer-context > h1 {
		font-size: 1rem;
		}


/*=== LINK =================*/
/* grüner Container Index */
.LinkInfoWeiter {
	color:#fff;
	font-weight:bold;
	background:#666;
	padding:10px 20px;
	display: inline-block;
	}
	.LinkInfoWeiter:hover{
	background: #af8f47;
	}
.LinkInfoWeiterKauf {
	color:#fff;
	font-weight:bold;
	background:#666;
	padding:20px 0px;
	display: inline-block;
	width: 100%;
	}
	.LinkInfoWeiterKauf:hover{
	background: green;
	}

.LinkInfoWeiterErfolg {
	color:#fff;
	font-weight:bold;
	background:green;
	padding:10px 20px;
	padding:20px 0px;
	display: inline-block;
	}
.LinkWarenkorbWeiter{
	color:#fff;
	font-weight:bold;
	background:#999;
	padding:10px 20px;
	display: inline-block;
}
	.LinkWarenkorbWeiter:hover{
	background:#222;
	}
/* ENDE grüner Container Index */

.LinkBuchDown {
cursor: pointer;
padding: 15px 30px;
margin-top: 15px;
background: #8a0808;
color: #fff;
font-weight: bold;
letter-spacing: 1px;
font-size: 105%;
display: inline-block;
}

.NewsIndexWeiterLink {
font-style: italic;
color: #444;
padding: 1% 4%;
font-weight: bold;
display: inline-block;
}

.LinkWeiter {
font-style: italic;
color: #8a0808;
padding: .7rem 1.5rem;
font-weight: bold;
display: inline-block;
font-size: 1.2rem;
}

.BuchM-Link{
background: #444;
color: #fff;
padding: 1rem 2rem;
letter-spacing: 1px;
display: inline-block;
margin: .5rem 0;
}
	.BuchM-Link:hover {
	background: #8a0808;
	}


.index-link-weco {
color: #fff;
text-decoration: underline;
}
.index-link-weco:hover {
color: #af8f47;
}
/*===== ============================== =====*/
/*===== ============================== =====*/
/*===== Unterseiten - NAV 			   =====*/
/*===== ============================== =====*/

/* Index */
.IndexUns{
padding: 2rem 0;
}

.IUH1{
color:#878787;
font-size:1.4rem;
padding:.5rem 0;
}
.IUH2{
font-size:1rem;
color:#fff;
}
.IUP1{
font-size:.9rem;
color:#fff;
}
.IUP1index{
font-size:.9rem;
color:#878787;
}


.IndexBox{}
	.IndexBox1{
	background: #262626;
	padding:3rem;
	color: #fff;
	}
	.IndexBox2{
	background: #af8f47;	
	padding:3rem;
	color: #fff;
	}
	.IndexBox3{
	background: #f7f7f7;
	background: #0B0B61;
	padding:3rem;
	color: #fff;
	}
		.IndexBox1 > p,
		.IndexBox2 > p,
		.IndexBox3 > p {
		color:#fff;
		}
		.IndexBox1 > h1,
		.IndexBox2 > h1,
		.IndexBox3 > h1 {
		padding-bottom:1rem;
		}
		
		.IndexBoxHover:hover > .IndexBox1 {
		background: #af8f47;
		}
		.IndexBoxHover:hover > .IndexBox1 > h1,
		.IndexBoxHover:hover > .IndexBox1 > p {
		color:#fff;
		}
			.IndexBoxHover:hover > .IMGindex1,
			.IndexBoxHover:hover > .IMGindex2{
			opacity: 0.4;
			}


.goldindex{
height: 15rem;
margin-top: 5rem;
box-shadow: 0px 10px 5px silver;
}
	.goldindex > p {
	margin: 10% auto;
	text-align: center;
	font-size: 1.5rem;
	font-weight: bold;
	color: #fff;
	}


.fadeinleft {
 opacity:0;
 margin-left:-300px; 
 max-width:100%;
}
.fadeinright {
 opacity:0;
 margin-left:300px; 
 max-width:100%;
}
.fadein {
opacity:0;
}
/*ENDE*/


/* Fragebögen */
.ContainerFragenDigital {
width: 80%;
margin: 0 auto;
text-align: center;
}
	.ContainerFragenDigitalHead{
	font-size: 110%;
	}
	input[type=submit]{
	border:1px solid #999;
	padding: 10px 20px;
	margin: 20px 20px;
	font-weight: bold;
	font-size: 99%;
	cursor: pointer;
	}
		input[type=submit]:hover {
		background: #999;
		}
			.ContainerFragenDigitalHinweis{
			text-align: left;
			margin-top: 4em;
			padding-top:1em;
			font-size: 75%;
			border-top:1px solid #ccc;
			}
			.ContainerFragenDigitalDetailText{
			margin-top: 2em;
			text-align: left;
			font-size: 90%;
			}
			.DigitalButtonDetailsText{ 
			display:none; 
			text-align:left;
			}
		.DigitalButtonDetails{
		border-bottom:1px solid #ccc;
		padding: 10px 30px;
		margin: 20px 20px;
		font-weight: bold;
		font-size: 80%;
		background:#fff;
		}
			.DigitalButtonDetails:hover {
			background:#ccc;
			}


.hoverFrage {
background: #444;
padding: 2rem 0;
width: 100%;
display: inline-block;
text-align: center !important;
}
.hoverFrage:hover {
background: #8a0808;
}
.hoverFrageBox{
}

.Fragen {
margin: 2rem 1rem;
}

	.TextFrageNr {
    color: #777;
    font-size: .8rem;
    margin: 2rem 0 .4rem 0;
	}
	.TextFrageTitel {
    color: #444;
    font-size: .9rem;
	}
	.LabelFrage {
    padding: .6rem .5rem;
    display: inline-block;
	font-size: .9rem;
	cursor: pointer;
	}
		.LabelFrage:hover {
		background: #ccc;
		}
		.InputFrage {
		margin-right: 1rem;
		}

.FrageRichtig{
color: #0B610B;
font-weight: bold;
}
.FragenDivFalsch{
background: #F8E0E0;
}


.ImgFrageAuswertung{
height: auto;
width: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
max-width: 300px;
}

/*ENDE*/


/* News / Blog */
/*ENDE*/

/* VIP - Inhalte */
.VIP-Code{
padding: 15px 20px;
border: 2px solid #999;
width: 25%;
font-weight: bold;
font-size: 1.5rem;
color: #B40404;
text-align: center;
}

.FormMitte{
text-align: center;
}

.VIP-Input,
.DigitalBonusMail,
.DigitalBonusNachricht {
backgro und:#CCC;
border: 1px solid #999;
padding: 10px 20px;
}

.DigitalBonusFormFehler{
border: solid 2px #B40404;
text-align: center;
padding: 10px 20px;
width: 75%;
margin: 0 auto;
}
	.DigitalBonusFormFehler p {
	color: #B40404;
	font-weight: bold;
	font-size: 1.1rem;
	}

.DBFh1 {
color: #444;
font-weight: bold;
font-size: 1.9rem;
}
.DBFh2 {
color: #444;
font-size: 1.5rem;
}
.DBFp,
.DBFa {
font-size: .7rem;
color: #111;
}
/*ENDE*/


/* News / Informationsquellen */
.BoxInfoContainerDetail {
margin-bottom: 1rem;
}
	.BoxInfoContainerDetail dd {
    padding: .8rem 1.1rem;
	}

.InfoContainerLink{
background: #f1f1f1;
display: inline-block;
cursor: pointer;
padding: .8rem 1.1rem;
width: 100%;
font-size: 1.2rem;
letter-spacing: .1rem;
fon t-weight: bold;
color: #888;
border-bottom: .1rem solid #af8f47;
}
/*ENDE*/

/* Studie */
/* -- Box --*/
.StudieGrau {
margin-bottom: 2rem;
}
.BoxRot4Container{
}

.StudieContainerGrau{
background: #333;
padding: 1rem 15px 1rem 15px !important;
}
.StudieContainer{
padding: 1rem 15px 1rem 15px !important;
}
	.StudieInhalt{
	background: #fff;
	padding: 2rem;
	text-align: center;
	}
.BoxRotHead{
color: #fff;
text-align: center !important;
font-weight: lighter;
letter-spacing: .2rem;
padding: .5rem 0;
}
.StudieHead{
color: #333;
font-size: 1.2rem;
text-align: center !important;
padding-bottom: 1rem;
}
/*ENDE*/



/* Leistung */
/*2*/
.PaketWarenkorbWeiter{
visibility: hidden;
he ight: 4rem;
}
	.PaketWarenkorbWeiterAktiv{
	visibility: block;
	hei ght: 4rem;
	}
.BoxNeben2Container{
width: 100%;
background: #f4f4f4;
padding: 5rem 0;
}
.BoxNeben2{
width: 40%;
margin-bottom: 5rem;
}
	.BoxNeben2Header{
	background: #B40404;
	background: #444;
	width: 100%;
	text-align: center;
	padding: 4rem 0;
	}
		.BN2Hheadline{
		color: #fff;
		font-weight: bold;
		letter-spacing: .2rem;
		font-size: 1.6rem;
		}
	.BoxNeben2Main{
	height: auto;
	background: #fff;
	padding: 2rem 3rem;
	}
		.BN2Mheadline{
		color: #222;
		font-size: 1.5rem;
		text-align: center !important;
		}
.BN2List {
list-style: none;
margin-top: 2rem;
}
.BN2List li{
list-style:url(../Bilder/Leistungen/Ja.png);
font-size: 1.1rem;
margin-bottom: 1rem;
}

/*3*/
.BoxNeben3Container{
width: 100%;
background: #f4f4f4;
padding: 5rem 0;
}
.BoxNeben3{
padding: 0 15px !important;
margin-bottom: 5rem;
}
	.BoxNeben3Header{
	background: #333;
	width: 100%;
	text-align: center;
	padding: 2rem 0;
	}
		.BN3Hheadline{
		color: #fff;
		font-weight: bold;
		letter-spacing: .2rem;
		font-size: 1.2rem;
		}
	.BoxNeben3Main{
	height: auto;
	background: #f4f4f4;;
	padding: 2rem 3rem;
	}
		.BN3Mheadline{
		color: #222;
		font-size: 1.7rem;
		text-align: center !important;
		}
.BN3List {
list-style: none;
margin-top: 2rem;
}
.BN3List li{
list-style:url(../Bilder/Leistungen/Ja.png);
font-size: 1.1rem;
margin-bottom: 1rem;
}

/*---*/
.ContainerBreit{
background: #fff;
margin-bottom: 2rem;
padding: 1rem 2rem;
}
/*ENDE*/


/* Arbeitshilfen */
.RatgeberBild {
text-align:center;
}

.imgTF{
text-align: center;
}

ul.register{
			margin: 0px;
			padding: 0px;
			list-style: none;
		}
		ul.register li{
			background:#B40404;
			color: #fff;
			display: inline-block;
			padding: 10px 20px;
			cursor: pointer;
		}
		ul.register li.current{
			background:#444;
			color: #fff;
			position: relative;
		}
		ul.register li.current::after {
		content: url(../Bilder/root/PfeilRegisterUnten3.jpg);
		position:absolute;
  		height:40px;
  		left:0px;
  		bottom:-40px;
		}
		.register-content{
			display: none;
			padding: 15px;
		}
		.register-content.current{
			display: inherit;
		}

.TextContainerRegister{
text-align: center;
}
/*ENDE*/


/* Akademie */
.BoxAkaRot{
background: #8a0808;
width: 100%;
}

.AkaContainerBreit{
margin: 1rem 0;
padding: 1rem 0;
}
.AkaBack{
}

.AkaBox{
background: #fff;
box-shadow: rgba(0, 0, 0, 0.4) 6px 6px 35px;
height: 100%;
}
.AkaBoxBox1 {
padding: 1rem;
padding-bottom: 2rem;
}
.AkaBoxBox2{
pos ition: absolute;
bot tom: 1rem;
hei ght: auto;
}
/*ENDE*/

/* Digital */
.DBoxHead{
text-align: center;
}
.Dh11{
color: #777;
font-weight: bold;
font-size: 1.5rem;
letter-spacing: .2rem;
padding: 1rem 0;
}
.Dh21{
color: #777;
font-weight: bold;
font-size: 1.2rem;
letter-spacing: .1rem;
padding: 1rem 0;
}
	.Dh21::after{
	background-color: #af8f47;
	content: '';
	width: 50%;
	height: 3px;
	display: block;
	margin: 5px 0 10px 0;
	}
.DBoxInfo{
margin-bottom: 25px;
}
/*ENDE*/

/*===== ============================== =====*/
/*===== ============================== =====*/
/*===== Container Bilder Global Gesamt =====*/
/*===== ============================== =====*/


.IMGindex1{
height:300px;
background-image:url(../Bilder/index/test1.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
	position: relative;
}
.IMGindex2{
height:300px;
background-image:url(../Bilder/index/test2.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
	position: relative;
}


.test123{
background: rgba(38,38,38,0.5);
position: absolute;
bottom: 0;
width: 100%;
}
	.test123 p {
	color: #fff;
	font-weight: bold;
	font-size: 1.4rem;
	padding: 1rem 0;
	text-align: center;
	letter-spacing: .1rem;
	}



/*ENDE*/

/*===== ============================== =====*/
/*===== ============================== =====*/
/*===== =========== Bilder =========== =====*/
/*===== ============================== =====*/
.Bild {
position:relative;	
overflow: hidden;
box-sizing: border-box;
width: 100%;
height: 10rem;
margin: .5rem;
}
.BildHW1 {
background-image:url(/Bilder/HW/HansWeberKarriere.jpg);
background-position: center center;
background-repeat: no-repeat;
back ground-size: cover;
}
.BildHWInterim {
background-image:url(/Bilder/HW/Hans-Weber-Coach.jpg);
background-position: center center;
background-repeat: no-repeat;
back ground-size: cover;
}
	.BildInhalt{
	position:absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	}



.BildHWCoach {
height:450px;
background-image:url(/Bilder/HW/HansWeberCoach.jpg);
background-position: center center;
background-repeat: no-repeat;
t ransform: translateY(-20rem);
}
/*ENDE*/


/*====================*//*====================*/

.BalkenInfoSeiteGoldText > h1,
.BalkenInfoSeiteGoldText > p{
color: #af8f47;
text-align: center;
font-size: 2.5rem;
letter-spacing: .2rem;
}
	.Balk enInfoSeiteGrauText > h1 {
	padding:.6rem 0;
	font-size: 1.7rem;
	}

.ImgPfeil {
  display: inline-block;
  height: 50px;
  width: 50px;
  font-size: 1px;
  padding: 1px;
  color: white;
  margin-right: 5px;
  margin-left: 5px;
  animation: roll 4s infinite linear;
  transform: rotate(30deg);
}

@keyframes roll {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

.ContainerPfeil{
text-align: center;
padding:0 2rem;
}

/*====================*//*====================*/





/*====================*//*====================*/
/*====================*//*====================*/
/*====================*//*====================*/
/*====================*//*====================*/

/* 420 bis 767 */
@media only screen and (min-width: 420px) {
/* allgemein */
p {
font-size: .9rem;
}
	
.IndexSolutionHead {
font-size:150%;
}


/*=== FOOTER =================*/
footer {
padding-bottom:6%;
}

.footerLinkInhalt {
padding:12px;
}
		.footer-context > h1 {
		font-size: 1.3rem;
		}

/*=== Kontaktformular =================*/	
.kontakth1{
font-size:1.4rem;
}
	
}



/*===== ============================== =====*/
/*===== ============================== =====*/
/*===== =========== Videos =========== =====*/
/*===== ============================== =====*/
.Video {
position:relative;	
overflow: hidden;
box-sizing: border-box;
width: 100%;
height: 10rem;
margin: .5rem;
}
	.VideoInhalt{
	position:absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	}
/*ENDE*/


/*====================*//*====================*/
/*====================*//*====================*/
/*====================*//*====================*/
/*====================*//*====================*/

@media only screen and (min-width: 930px) {
/*=== NAV =================*/
.menuband {
display:inline;
}
	.menuband .nav li {
	display:inline-block;
	}
	
	.menuband .nav li .subnav ul li {
	display: inline;
	}
	
.headerband{
height: 5rem;
height: auto;
}
	
}