@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;
}
.left{
text-align: left !important;
}
.IMG {
height: auto;
width: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
}
.IMG-Footer {
width: 100%;
background: #af8f47;
height: .5rem;
margin-top: -.3rem;
}
.GOLD-Footer {
width: 100%;
background: #af8f47;
height: .5rem;
}


.mailbutton {
color: #fff;
font-weight: bold;
background: #af8f47;
padding: 10px 20px;
display: inline-block;
margin-top: 2rem;
}
	.mailbutton:hover{
	background: #444;
	}
.detailbutton {
color: #fff;
font-weight: bold;
background: #af8f47;
padding: 10px 20px;
display: inline-block;
}
	.detailbutton: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;
}
.hgrau{
background: #f5f5f5;
}
.goldborder{
border-bottom: 1px solid #af8f47;
border-top: 1px solid #af8f47;
}
.goldbordertop{
border-top: 1px solid #af8f47;
}

.opacity {
-webkit-filter: opacity(.5);
filter: opacity(.5);
}







.dropup,
.dropend,
.dropdown,
.dropstart,
.dropup-center,
.dropdown-center {
  position: relative;
}

.dropdown-toggle {
  white-space: nowrap;
}
.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}
.dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropdown-menu {
  position: absolute;
  z-index: var(--bs-dropdown-zindex);
  display: none;
  min-width: 20rem;
  /*padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);*/
  margin: 0;
  /*font-size: ;*/
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border-left: 1px solid #af8f47;
	border-right: 1px solid #af8f47;
	border-bottom: 1px solid #af8f47;
}
.dropdown-menu[data-bs-popper] {
  top: 100%;
  left: 0;
  margin-top: var(--bs-dropdown-spacer);
}

.dropdown-menu-start {
  --bs-position: start;
}
.dropdown-menu-start[data-bs-popper] {
  right: auto;
  left: 0;
}

.dropdown-menu-end {
  --bs-position: end;
}
.dropdown-menu-end[data-bs-popper] {
  right: 0;
  left: auto;
}



@media only screen and (max-width: 1201px) {
.blind-lg {
display: none;
}	
}
@media only screen and (min-width: 1201px) {
.blind-mlg {
display: none;
}	
}

@media only screen and (min-width: 970px) {
.blind-md {
display: none;
}	
}
@media only screen and (max-width: 969px) {
.blind-mmd {
display: none;
}	
}
@media only screen and (max-width: 764px) {
.blind-xs {
display: none;
}	
}
@media only screen and (min-width: 765px) {
.blind-mxs {
display: none;
}	
}


@media only screen and (min-width: 765px) {
.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*/ 
.CBref{
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;
}





.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;
}

/*=== NEWS - QM ===*/
.newscontainer{
margin-bottom: 2%;
}
.newscontainer:hover{
background: #f1f1f1;
}



/*=== JOBS - QM ===*/
.newscontainerjob{
padding: 1.5% 0%;
border-bottom: .1rem solid #af8f47;
}
	.newscontainerjob:nth-child(even){
	background: #f1f1f1;
	}

.listjob li,
.listjobH li{
font-size: .8rem;
margin-bottom: 1rem;
margin-left: 2rem;
color: #444;
list-style: url(../Bilder/root/pfeil.png);
}
.listjobH li {
list-style: url(../Bilder/root/haken.png) !important;
}

.listjobtitel{
font-size: 1rem;
font-weight: bold;
margin-bottom: .5rem;
}

.adcontainerjob{
padding: 1.5% 0%;
border-bottom: .1rem solid #af8f47;
height: 150px;
}


/*=== 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);
}


.backHW1{
background-image: url("/Bilder/HW/Bild2-1.jpg");
background-size: cover;
background-repeat: no-repeat;
padding: 5.5rem 0;
}
.backHW2{
background-image: url("/Bilder/HW/Bild3-1.jpg");
background-size: cover;
background-repeat: no-repeat;
padding: 5.5rem 0;
}
.backHW3{
background-image: url("/Bilder/HW/Bild4-4.jpg");
background-size: cover;
background-repeat: no-repeat;
padding: 5.5rem 0;
}
.backHW4{
background-image: url("/Bilder/HW/Bild5-2.jpg");
background-size: cover;
background-repeat: no-repeat;
padding: 5.5rem 0;
}

/*=== 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 =================*/
@media only screen and (max-width: 929px) {
.menuband,
.menubandZeile{
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;
	}

.Index-Schmiede{
width:100%;
position: relative;
text-align: center;
padding: 5% 0 15% 0;
background-image: url(../Bilder/root/Schmiede.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}

.titel-artikel{
background-image: url(../Bilder/titel/artikel.jpg);
}
.titel-aktuelles{
background-image: url(../Bilder/titel/aktuelles.jpg);
}
.titel-news{
background-image: url(../Bilder/titel/news.jpg);
}
.titel-expertise{
background-image: url(../Bilder/titel/expertise.jpg);
}
.titel-karriere{
background-image: url(../Bilder/titel/karriere.jpg);
}
.titel-suche{
background-image: url(../Bilder/titel/personalberatung.jpg);
}
.titel-qz-job{
background-image: url(../Bilder/titel/qz-job.jpg);
}
.titel-qz-job-intern{
background-image: url(../Bilder/titel/qz-job-intern.jpg);
}
.titel-qm-leistung{
background-image: url(../Bilder/titel/news.jpg);
}
.Personal{
background-image: url(../Bilder/PersonalBranding/PersonalBranding.jpg);
}
.Akademie{
background-image: url(../Bilder/Akademie/Akademie.jpg);
}
.Karriere{
background-image: url(../Bilder/Karriere/Karriererfolg.jpg);
}
.Infothek{
background-image: url(../Bilder/root/infothek.jpg);
}
.Literatur{
background-image: url(../Bilder/Literatur/Literatur.jpg);
}
.Akademie-DQM{
background-image: url(../Bilder/Akademie/Akademie-DQM.jpg);
}
.Akademie-ReQ{
background-image: url(../Bilder/Akademie/Akademie-ReQ.jpg);
}
.Akademie-PBQ{
background-image: url(../Bilder/Akademie/Akademie-PBQ.jpg);
}
.Akademie-interim{
background-image: url(../Bilder/Akademie/Akademie-interim.jpg);
}
.Akademie-JHQ{
background-image: url(../Bilder/Akademie/Akademie-JHQ.jpg);
}
.HansWeber{
background-image: url(../Bilder/root/Hans-Weber.jpg);
}
.HansWeberQM{
background-image: url(../Bilder/root/Hans-Weber.jpg);
}

.titel-suche,
.titel-news,
.titel-karriere,
.titel-artikel,
.titel-expertise,
.titel-aktuelles,
.titel-qz-job,
.titel-qz-job-intern,
.titel-qm-leistung,
.Personal,
.Akademie,
.Karriere,
.Infothek,
.Literatur,
.Akademie-DQM,
.Akademie-ReQ,
.Akademie-PBQ,
.Akademie-interim,
.Akademie-JHQ,
.HansWeber,
.HansWeberQM{
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;
}






.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;
	padding: 1rem 0;
	}
	.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;
	}

	
/*===== ============================== =====*/
/*===== ============================== =====*/
/*===== 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;
		}


.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;
	}
.Dh31{
color: #777;
font-weight: bold;
font-size: 1rem;
letter-spacing: .05rem;
padding: 2rem 0 .8rem 0;
}
.DBoxInfo{
margin-bottom: 25px;
}
/*ENDE*/

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

/* Buch - Magazin */
.BuchDQM {
height:150px;
background-image:url(../Bilder/Buch/Buch-DQW.jpg);
background-position: center center;
background-repeat: no-repeat;
}



.IndexBild1{
height:350px;
background-image:url(../Bilder/index/Karriererfolg.jpg);
background-position: center center;
background-repeat: no-repeat;
 background-size: cover;
}
/*ENDE*/



/*===== ============================== =====*/
/*===== ============================== =====*/
/*===== =========== VIDEO ============ =====*/
/*===== ============================== =====*/
/* VIDEOS */
.adcontainerjobVIDEO{
hei ght: 100%;
wid th: 100%;
ba ckground-position: center center;
bac kground-repeat: no-repeat;
bac kground-size: 100% 100%;
ove flow: hidden;
}
/*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;
}
.BildHW2 {
background-image:url(/Bilder/HW/Bild1-2.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/HansWeberCoach1.jpg);
background-position: center center;
background-repeat: no-repeat;
t ransform: translateY(-20rem);
}

.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/logistik.png);	
}
.index-elektro{
background-image: url(/Bilder/branchen/elektro.png);	
}
.index-gesundheit{
background-image: url(/Bilder/branchen/index-gesundheit.png);	
}


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

.img-ort{
max-width: 250px;
margin: 0 auto;
}


.refimg{
height: 50px;
bo rder-top: 1px solid #777;
border-bottom: 1px solid #777;
background-position: center center;
background-repeat: no-repeat;
background-size: 100px auto;
padding: 0 3px;
margin-bottom: 25px;
}

.R1{
background-image: url(/Bilder/referenzen/benteler.png);
}
.R2{
background-image: url(/Bilder/referenzen/borgwarner.png);
}
.R3{
background-image: url(/Bilder/referenzen/continental.png);
}
.R4{
background-image: url(/Bilder/referenzen/cooperstandard.jpg);
}
.R5{
background-image: url(/Bilder/referenzen/denso.png);
}
.R6{
background-image: url(/Bilder/referenzen/faurecia.png);
}
.R7{
background-image: url(/Bilder/referenzen/freudenberg.png);
}
.R8{
background-image: url(/Bilder/referenzen/hella.jpg);
}
.R9{
background-image: url(/Bilder/referenzen/Joyson.png);
}
.R10{
background-image: url(/Bilder/referenzen/knorr-bremse.png);
}
.R11{
background-image: url(/Bilder/referenzen/kostal.png);
}
.R12{
background-image: url(/Bilder/referenzen/leoni.png);
}
.R13{
background-image: url(/Bilder/referenzen/magna.png);
}
.R14{
background-image: url(/Bilder/referenzen/mann-hummel.png);
}
.R15{
background-image: url(/Bilder/referenzen/recaro.png);
}
.R16{
background-image: url(/Bilder/referenzen/sew-eurodrive.png);
}
.R17{
background-image: url(/Bilder/referenzen/stihl.png);
}
.R18{
background-image: url(/Bilder/referenzen/te-connectivity.png);
}
/*-----*/
.R19{
background-image: url(/Bilder/referenzen/thyssenkrupp.png);
}
.R20{
background-image: url(/Bilder/referenzen/valeo.png);
}
.R21{
background-image: url(/Bilder/referenzen/voith.png);
}
.R22{
background-image: url(/Bilder/referenzen/webasto.jpg);
}
.R23{
background-image: url(/Bilder/referenzen/woco.jpg);
}
.R24{
background-image: url(/Bilder/referenzen/zf-lenksysteme.png);
}

.R25{
background-image: url(/Bilder/referenzen/bundesdruckerei.png);
}
.R26{
background-image: url(/Bilder/referenzen/jost.png);
}
.R27{
background-image: url(/Bilder/referenzen/schmiedag.png);
}
.R28{
background-image: url(/Bilder/referenzen/siemens.png);
}

.R29{
background-image: url(/Bilder/referenzen/alstom.png);
}
.R30{
background-image: url(/Bilder/referenzen/baumuller.jpg);
}
.R31{
background-image: url(/Bilder/referenzen/bhtc.png);
}
.R32{
background-image: url(/Bilder/referenzen/emerson.png);
}
.R33{
background-image: url(/Bilder/referenzen/fujitsu.png);
}
.R34{
background-image: url(/Bilder/referenzen/Gentherm.jpg);
}
.R35{
background-image: url(/Bilder/referenzen/hartmann.png);
}
.R36{
background-image: url(/Bilder/referenzen/iwis.jpg);
}
.R37{
background-image: url(/Bilder/referenzen/kaco.png);
}
.R38{
background-image: url(/Bilder/referenzen/kathrein.png);
}
.R39{
background-image: url(/Bilder/referenzen/luk.png);
}
.R40{
background-image: url(/Bilder/referenzen/polytec.png);
}
.R41{
background-image: url(/Bilder/referenzen/rieter.png);
}
.R42{
background-image: url(/Bilder/referenzen/semikron.png);
}
.R43{
background-image: url(/Bilder/referenzen/shw.png);
}
.R44{
background-image: url(/Bilder/referenzen/siematic.png);
}
.R45{
background-image: url(/Bilder/referenzen/sulzer.png);
}
.R46{
background-image: url(/Bilder/referenzen/trw.png);
}
.R47{
background-image: url(/Bilder/referenzen/vestas.png);
}
.R48{
background-image: url(/Bilder/referenzen/vibracoustic.jpg);
}
.R49{
background-image: url(/Bilder/referenzen/gardena.png);
}
.R50{
background-image: url(/Bilder/referenzen/lear.png);
}
.R51{
background-image: url(/Bilder/referenzen/schleich.jpg);
}
.R52{
background-image: url(/Bilder/referenzen/trelleborg.png);
}
.R53{
background-image: url(/Bilder/referenzen/ABMGreiffenbergerde.png);
}
.R54{
background-image: url(/Bilder/referenzen/arvin.jpg);
}
.R55{
background-image: url(/Bilder/referenzen/at-s.png);
}
.R56{
background-image: url(/Bilder/referenzen/baumer.png);
}
.R57{
background-image: url(/Bilder/referenzen/blank.jpg);
}
.R58{
background-image: url(/Bilder/referenzen/boco.png);
}
.R59{
background-image: url(/Bilder/referenzen/burkert.png);
}
.R60{
background-image: url(/Bilder/referenzen/demmel.png);
}
.R61{
background-image: url(/Bilder/referenzen/enayati.png);
}
.R62{
background-image: url(/Bilder/referenzen/eta.jpg);
}
.R63{
background-image: url(/Bilder/referenzen/ferrostaal.png);
}
.R64{
background-image: url(/Bilder/referenzen/flowserve.png);
}
.R65{
background-image: url(/Bilder/referenzen/guntner.jpg);
}
.R66{
background-image: url(/Bilder/referenzen/hawe.png);
}
.R67{
background-image: url(/Bilder/referenzen/hitech.jpg);
}
.R68{
background-image: url(/Bilder/referenzen/ideal.png);
}
.R69{
background-image: url(/Bilder/referenzen/inergy.jpg);
}
.R70{
background-image: url(/Bilder/referenzen/kaltenbach.png);
}
.R71{
background-image: url(/Bilder/referenzen/kob.png);
}
.R72{
background-image: url(/Bilder/referenzen/leiber.jpg);
}
.R73{
background-image: url(/Bilder/referenzen/linde.png);
}
.R74{
background-image: url(/Bilder/referenzen/lisi.png);
}
.R75{
background-image: url(/Bilder/referenzen/lkh.png);
}
.R76{
background-image: url(/Bilder/referenzen/manroland.jpg);
}
.R77{
background-image: url(/Bilder/referenzen/mayser.png);
}
.R78{
background-image: url(/Bilder/referenzen/metaldyne.png);
}
.R79{
background-image: url(/Bilder/referenzen/murdter.jpg);
}
.R80{
background-image: url(/Bilder/referenzen/nd-satcom.png);
}
.R81{
background-image: url(/Bilder/referenzen/ntn.png);
}
.R82{
background-image: url(/Bilder/referenzen/odw.jpg);
}
.R83{
background-image: url(/Bilder/referenzen/oeltechnik.jpg);
}
.R84{
background-image: url(/Bilder/referenzen/oetiker.png);
}
.R85{
background-image: url(/Bilder/referenzen/omnium.png);
}
.R86{
background-image: url(/Bilder/referenzen/ondal.png);
}
.R87{
background-image: url(/Bilder/referenzen/parker.jpg);
}


.R88{
background-image: url(/Bilder/referenzen/ascom.png);
}
.R89{
background-image: url(/Bilder/referenzen/bidermann-motech.jpg);
}
.R90{
background-image: url(/Bilder/referenzen/bitzer.jpg);
}
.R91{
background-image: url(/Bilder/referenzen/circor-allweiler.jpg);
}
.R92{
background-image: url(/Bilder/referenzen/eacc.png);
}
.R93{
background-image: url(/Bilder/referenzen/erbe.jpg);
}
.R94{
background-image: url(/Bilder/referenzen/ITW.png);
}
.R95{
background-image: url(/Bilder/referenzen/PMG.jpg);
}
.R96{
background-image: url(/Bilder/referenzen/ronal-group.png);
}
.R97{
background-image: url(/Bilder/referenzen/transmed.jpg);
}
.R98{
background-image: url(/Bilder/referenzen/winfried-rosenberger.png);
}


.R99{
background-image: url(/Bilder/referenzen/automotive-weiss.jpeg);
}
.R100{
background-image: url(/Bilder/referenzen/eagle-ottawa.png);
}
.R101{
background-image: url(/Bilder/referenzen/heinrichs.jpg);
}
.R102{
background-image: url(/Bilder/referenzen/purkert.png);
}
.R103{
background-image: url(/Bilder/referenzen/ritter-leichtmetallguss.png);
}
.R104{
background-image: url(/Bilder/referenzen/samag.png);
}
.R105{
background-image: url(/Bilder/referenzen/sbs-feintechnik.png);
}
.R106{
background-image: url(/Bilder/referenzen/schreiner-group.png);
}
.R107{
background-image: url(/Bilder/referenzen/tmd-friction.png);
}
.R108{
background-image: url(/Bilder/referenzen/umicore.png);
}
.R109{
background-image: url(/Bilder/referenzen/ushin.png);
}
.R110{
background-image: url(/Bilder/referenzen/wethje.png);
}
.R111{
background-image: url(/Bilder/referenzen/wolverine.jpg);
}

.R112{
background-image: url(/Bilder/referenzen/bausch.png);
}
.R113{
background-image: url(/Bilder/referenzen/burgmaier.jpg);
}
.R114{
background-image: url(/Bilder/referenzen/dornier.jpg);
}
.R115{
background-image: url(/Bilder/referenzen/elotherm.jpg);
}
.R116{
background-image: url(/Bilder/referenzen/gtg.png);
}
.R117{
background-image: url(/Bilder/referenzen/hemmelrath.jpg);
}
.R118{
background-image: url(/Bilder/referenzen/hutchinson.png);
}
.R119{
background-image: url(/Bilder/referenzen/mayr.jpg);
}
.R120{
background-image: url(/Bilder/referenzen/promens.jpg);
}
.R121{
background-image: url(/Bilder/referenzen/rafi.jpg);
}
.R122{
background-image: url(/Bilder/referenzen/rsg-elotech.png);
}
.R123{
background-image: url(/Bilder/referenzen/saturn-petcare.png);
}
.R124{
background-image: url(/Bilder/referenzen/schunk.jpg);
}
.R125{
background-image: url(/Bilder/referenzen/sihi.png);
}
.R126{
background-image: url(/Bilder/referenzen/stoelzle.png);
}
.R127{
background-image: url(/Bilder/referenzen/straumann.png);
}
.R128{
background-image: url(/Bilder/referenzen/viking.png);
}
.R129{
background-image: url(/Bilder/referenzen/west.png);
}

.R130{
background-image: url(/Bilder/referenzen/ego.png);
}
.R131{
background-image: url(/Bilder/referenzen/geze.png);
}
.R132{
background-image: url(/Bilder/referenzen/gira.png);
}


/*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;
}
	
}


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

@media only screen and (min-width: 930px) {
/*=== NAV =================*/
.menu band {
display:inline;
}
	.menuband ul li {
	display:inline-block;
	}
	.navbar-nav {
		flex-direction: row;
		display: flex;
		list-style: none;
	}	
	
.menubandZeile{
display: flex;
flex-wrap: inherit;
align-items: center;
}	
.menubandMain {
display: flex !important;
flex-basis: auto;
justify-content: center !important;
flex-grow: 1;
}	
.headerband{
height: 5rem;
height: auto;
}
	
}