/**
 * Styles for Multi-Screen.js demo page
 * @author Ian de Vries <ian@ian-devries.com>
 * @license MIT License <http://opensource.org/licenses/MIT>
 */
em {font-size:10px;padding-bottom:20px;display:block;font-weight:bold;}
html, body {
	width: 100%;
	height: 100%;
	font-family: 'Raleway', sans-serif;
	text-align:left;line-height:20px;font-weight:400;letter-spacing:0.8px;background-color:#9CA087;font-size:14px;
}
h1, h2,h3 {
	font-family: 'Raleway', sans-serif;line-height:40px;font-weight:600;-moz-hyphens: auto;
}
.extralink {text-align:right;background-color:#B0007C;display:block;width:100%;}
.extralink a:link,.extralink a,.extralink a:visited {text-align:right;font-size:1.1em!important;text-transform:uppercase;color:#EF7B00;font-weight:500;}
.extralink p {padding:2px 5px;display:block}
p {}
.active {color: #B9007C!important;background-color:#EF7B00;transition: background 1s linear;}
.ms-nav-link-active1 {color: #B9007C;background-color:#EF7B00;transition: background 1s linear;border-bottom:10px solid #B9007C;}
h2,h3 {
	font-size: 25px;color:#B9007C;
}
h4 {font-size:17px;color:#B9007C;margin-top:12px;font-weight: 500;}
h5 {font-size:16px;color:#B9007C;max-width:600px;margin-top:20px;}
h3 {line-height:38px;margin:20px 0 10px 0;
    background-position: center right; }
h1 {
	font-size:30px;
	color: #B9007C;padding-top:2px;margin-bottom:10px;margin-top:-166px;padding-left:5px;
}
#kontakt h1,#kontakt1 h1, #news h1 {color:#7C8182}
.logo {text-align:right;position:absolute;z-index:33333;right:3%;top:-20px;}
.logo_t {text-align:left;position:fixed;top:350px;left:0px;background-color: #9CA087;}
.logo_t img {width:100%;max-width:230px;}

td {padding-left:4px;}
h6 {font-size:14px;text-align:right;margin-top:0px;max-width: 440px;
font-weight: bold;}
#angebote h2,#angebote h4,#angebote h5,#angebote1 h2,#angebote1 h4,#angebote1 h5,#jobcoaching h2,#jobcoaching h4,#jobcoaching h5,#langzeit h2,#langzeit h4,#langzeit h5 {color:#4F7070}
#philosophie h2,#philosophie h4,#philosophie h5,#philosophie1 h2,#philosophie1 h3,#philosophie1 h4,#philosophie1 h5 {color:#1D4F6B}
#team h2,#team h4,#team h5 {color:#1D4F6B}
#partnerfirmen h2,#partnerfirmen h4,#partnerfirmen h5,#partnerfirmen1 h2,#partnerfirmen1 h4,#partnerfirmen1 h5 {color:#657572}
#stellenportal h4 {color:#527F90}
#kontakt h2,#kontakt h4,#kontakt h5 {}
.logo h2 {font-size:50px;text-align: right;
max-width: 500px;
margin: 0 auto;}
.logo p {text-align:right;max-width:500px;margin:5px auto 0 auto;color:#65665C;font-size:18px;}
td {border-bottom:1px solid #577D7F;font-size:12px;text-align:left;}
.logo1 p {
    margin: 5px auto 0px;
    color: #65665C;
    font-size: 18px;
}
.text-intro1 a:link{padding:0px;font-size:14px;color:#333;font-weight:400;}
.logo1 h2 {font-size:49px;}
.pink {background-color:#577D7F;color:#A7AA94;font-weight:500;}
.pink1 {color:#577D7F;border-bottom:3px solid #577D7F;font-weight:500;padding-top:5px;}
.text_breit {margin:0 auto;width:100%;}
.text_breit_l {float:left;}
.text_breit_l div {max-width:600px;}
.text_breit_r {float:right;width:49%}
.ms-container {
	width: 100%;
	min-height: 100%;margin-top:125px;
}
.text {-moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;max-width: 600px;text-align: justify;}
.text p{max-width:600px;font-size:13px;padding-top:8px;}
.text_kontakt{max-width:600px;margin:0 auto;padding-top: 100px;}

.text-intro{max-width:500px;font-size:22px;color:#B9007C;margin:0 auto;width:100%;padding-top:190px;font-weight:400;line-height:34px;text-align:left;clear:both;display:block;}
.text-intro p {margin-top:20px;}
#top-screen1 {
	background-color: #9CA087;text-align:center;
}
#top-screen1 img,.logo img {width:100%;max-width:400px;}
#center-screen {
	background-color: #666666;
}

#top-screen,#philosophie,#philosophie1,#leitbild,#organigramm {
	border-top:20px solid #1D4F6B;color:#000;background-color: #9CA087;
}

#right-screen {
	background-color: #26b4ca;
}
strong {font-weight:600;}
#bottom-screen,#angebote,#angebote1,#langzeit,#jobcoaching,#angebote2,#coaching,#lebenslauf {
	border-top:20px solid #577D7F;color:#000;background-color: #9CA087;
}
.float-left {float:left;width:25%;}
.float-right {float:right;width:72%;font-size:12px;}.float-right img {width:25%;max-width:150px;}
.float-right div img {width:100%;max-width:600px;}
.float-right div.portrait img {
    width:360px;padding-right:5px;margin-top:0px;}
.portrait {margin-bottom:15px;display:flex;text-align:left;width:100%;-moz-hyphens: none;
hyphens: none;align-items: start;}
.logo-klein img {width:100%;max-width:250px!important;vertical-align:top;margin:10px;position:fixed;bottom:0px;left:0px;}
.angebot_ecke {width: 0;
height: 0;
border-style: solid;
border-width: 150px 150px 0 0;
border-color: #577D7F transparent transparent}
.leitbild_ecke {width: 0;
height: 0;
border-style: solid;
border-width: 150px 150px 0 0;
border-color: #D68338 transparent transparent}
.philosophie_ecke {width: 0;
height: 0;
border-style: solid;
border-width: 150px 200px 0 0;
border-color: #1D4F6B transparent transparent}
.team_ecke {width: 0;
height: 0;
border-style: solid;
border-width: 150px 150px 0 0;
border-color: #76876F transparent transparent}
.partnerfirmen_ecke {width: 0;
height: 0;
border-style: solid;
border-width: 150px 250px 0 0;
border-color: #789690 transparent transparent}
.stellenportal_ecke {width: 0;
height: 0;
border-style: solid;
border-width: 150px 250px 0 0;
border-color: #527F90 transparent transparent}
.kontakt_ecke {width: 0;
height: 0;
border-style: solid;
border-width: 150px 150px 0 0;
border-color: #B0007C transparent transparent}
#left-screen {
	background-color: #808ef7;
}
.logo1 {margin:40px 0 40px 0;}
.adresse {
    margin-top:0px;
    text-align:right;
    color: #65665C;
    font-size:16px;
    float: right;
    max-width: 300px;
}
.logo1 img {width:100%;max-width:350px;}
#topleft-screen {
	border-top:20px solid #D68338;color:#000;background-color: #9CA087;
}

#topright-screen,#team,#team1,#vertretung {
	border-top:20px solid #76876F;color:#000;background-color: #9CA087;
}

#bottomright-screen,#kontakt,#kontakt1 {
		color:#000;background-color: #9CA087;border-top:20px solid #B0007C;
}

#stellenportal {
		color:#000;background-color: #9CA087;border-top:20px solid #527F90;
}

#bottomleft-screen,#partnerfirmen,#partnerfirmen1 {
		border-top:20px solid #789690;color:#000;background-color: #9CA087;}

.line-height {
	line-height:24px;text-transform:uppercase;
}

.vertical-margin,.vertical-margin1 {
	padding:0px 0 0px 0;
}
.vertical-margin1 {background-color:#B0007C;min-height:125px;width:100%;position:fixed;}
.margin-top {
	margin-top:10px;
}
.vertical-margin1 a:link,.vertical-margin1 a:visited {color:#EF7B00;font-weight: bold;text-decoration: none;
font-size: 1.5em;
display: inline-block;
margin: 0px;
padding: 5px 8px;}
.vertical-margin-angebot .ms-nav-link-active1 {color:#577D7F!important;font-size: 1em;background-color: #9CA087;border-bottom:3px solid #577D7F!important;padding:0px 0 0 5px;display: inline-block;}
.vertical-margin-angebot .ms-nav-link-active2 {border-bottom:2px solid #577D7F!important;color:#577D7F!important;display: inline-block;}
.vertical-margin-angebot a:link,.vertical-margin-angebot a,.vertical-margin-angebot a:visited {color:#B0007C;font-size: 1em;background-color: #9CA087;border-bottom:3px solid #B0007C;padding:0px 5px 0 10px;display: inline-block;}

.vertical-margin-philosophie .ms-nav-link-active1 {color:#1D4F6B!important;font-size: 1em;background-color: #9CA087;border-bottom:3px solid #1D4F6B!important;padding:0px 0 0 5px;display: inline-block;}
.vertical-margin-philosophie a:link,.vertical-margin-philosophie a,.vertical-margin-philosophie a:visited {color:#B0007C;font-size: 1em;background-color: #9CA087;border-bottom:3px solid #B0007C;padding:0px 0 0 5px;min-width:120px;display: inline-block;}

.vertical-margin-team .ms-nav-link-active1 {color:#6E7C69!important;;font-size: 1em;background-color: #9CA087;border-bottom:3px solid #6E7C69!important;padding:0px 0 0 5px;display: inline-block;}
.vertical-margin-team a:link,.vertical-margin-team a,.vertical-margin-team a:visited {color:#B0007C;font-size: 1em;background-color: #9CA087;border-bottom:3px solid #B0007C;padding:0px 0 0 5px;min-width:120px;display: inline-block;}

.vertical-margin-partnerfirmen .ms-nav-link-active1 {color:#657572!important;;font-size: 1em;background-color: #9CA087;border-bottom:3px solid #657572!important;padding:0px 0 0 5px;display: inline-block;}
.vertical-margin-partnerfirmen a:link,.vertical-margin-partnerfirmen a,.vertical-margin-partnerfirmen a:visited {color:#B0007C;font-size: 1em;background-color: #9CA087;border-bottom:3px solid #B0007C;padding:0px 0 0 5px;min-width:120px;display: inline-block;}

.vertical-margin-stellenportal .ms-nav-link-active1 {color:#527F90!important;;font-size: 1em;background-color: #9CA087;border-bottom:3px solid #527F90!important;padding:0px 0 0 5px;display: inline-block;}
.vertical-margin-stellenportal a:link,.vertical-margin-stellenportal a,.vertical-margin-stellenportal a:visited {color:#B0007C;font-size: 1em;background-color: #9CA087;border-bottom:3px solid #B0007C;padding:0px 0 0 5px;min-width:120px;display: inline-block;}

.vertical-margin-kontakt .ms-nav-link-active1 {color:#789690!important;;font-size: 1em;background-color: #9CA087;border-bottom:3px solid #789690!important;padding:0px 0 0 5px;display: inline-block;}
.vertical-margin-kontakt a:link,.vertical-margin-kontakt a,.vertical-margin-kontakt a:visited {color:#B0007C;font-size: 1em;background-color: #9CA087;border-bottom:3px solid #B0007C;padding:0px 0 0 5px;min-width:120px;display: inline-block;}
.text a:link {font-size:14px;color:#000;padding:0px;font-weight:400;text-decoration:underline;}
a:link {
	color:#B0007C;
	font-weight:600;
	text-decoration: none;
	font-size:14px;
}
.vertical-margin a:link {
	background-color: #EF7B00;
	font-weight: bold;
	text-decoration: none;
	font-size: 1em;display:inline-block;padding:0px 0 0 10px;margin:0px;text-transform:uppercase;
}
a:visited {
	color: #B0007C;margin:0px;
}
.ms-nav-link-active {color:#333;margin:0px;}
a:hover {
}
@media screen 
and (min-device-width : 481px) 
and (max-device-width : 800px)  {
	.float-left {width:25%;}
.float-right,.text_kontakt {width:60%;}.float-right img {width:25%;}
h1,h2,h3 {font-size:1.5em}
.logo {right:0px!important;max-width:300px}
#kontakt .logo,#kontakt1 .logo {right:0px!important;max-width:250px;top: -12px;}
.text-intro {font-size:20px;line-height:28px;margin: 0px auto 0px;}
.text_kontakt {float:right;margin-right:0px;padding-top:50px;}
iframe {margin:0 40px 0 40px;width:80%!important;}
.vertical-margin1 a:link {
    font-weight: 600;
    text-decoration: none;
    font-size: 1em;
    display: inline-block;
    padding: 5px;
}
.text-intro {font-size:20px;line-height:28px;margin:0px auto 0px;}
}
@media screen 
and (min-device-width : 320px) 
and (max-device-width : 480px)  {
	iframe {margin:0 40px 0 40px;width:80%!important}
	#kontakt .logo, #kontakt1 .logo {display:none;}
.text_kontakt p{padding:0 5px 0 5px;}
.vertical-margin1 a:link{
	font-weight:600;
	text-decoration: none;
	font-size: 1em;display:inline-block;padding:5px;}
	.vertical-margin1 {min-height:100px;}
	.float-left {float:left;width:100%!important;}
	.float-right img {width:25%;max-width:25%!important;}
.float-right,.text_kontakt {float:right;width:100%;padding-top:20px;}
.float-right div img {
    width: 100%!important;
    max-width: 550px!important;}
.float-right div.portrait img {
    width: 100%;
    max-width: 130px!important;
    float: left;
    padding-right: 5px;
    margin-top: 0px;}
	
.extralink {display:none;}
.text-intro {padding-top:40px;}
.logo {right:0px;max-width:240px;top: -12px;}
h1 {font-size:2.1em;margin-top: -111px;line-height:30px;}.ms-container {margin-top:110px;}
h2,h3 {font-size:1.5em;padding-left:5px;}
.kontakt_ecke,.partnerfirmen_ecke,.team_ecke,.philosophie_ecke,.leitbild_ecke,.angebot_ecke {border-width: 100px 100px 0 0;}
.logo p {margin-top:0px;font-size:16px;}
.float-right img {width:25%;max-width:inherit!important}
.logo1 img,.logo1 img {width:100%;max-width:300px;}
.logo-klein {display:none;}
.text-intro {font-size:20px;line-height:28px;margin:20px auto 0px;text-align:center}
.text-intro h6 {font-size:15px;margin-right:10px;}
#top-screen1 img {max-width:280px;}
.vertical-margin-angebot a:link,.vertical-margin-philosophie a:link {font-size:0.9em}
.vertical-margin-angebot .ms-nav-link-active1 {min-width:inherit;}
h4 {font-size:16px;padding-left:5px;}
.text {padding-left:5px;}
h3 {margin-top:5px;}
.text h4 {padding-left:0px;}
.vertical-margin-angebot,.vertical-margin-philosophie,.vertical-margin {}
.angebot_ecke {border-width: 100px 100px 0 0;}
.leitbild_ecke {border-width: 100px 100px 0 0;}
.philosophie_ecke {border-width: 100px 100px 0 0;}
.team_ecke {border-width: 100px 100px 0 0;;}
.partnerfirmen_ecke {border-width: 100px 100px 0 0;}
.kontakt_ecke {border-width: 100px 100px 0 0;}
.kopartnerfirmen_ecke {border-width: 100px 100px 0 0;}
.stellenportal_ecke {border-width: 100px 100px 0 0;}

#left-screen {
	background-color: #808ef7;}
.logo1 p,.text-intro1 {padding-left:5px;}
	}
 @media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) {
.logo {right:0px!important;}
.float-right img {width:25%!important;max-width:180px!important;}
.float-right div img {
    width: 100%!important;
    max-width: 550px!important;
}
.float-left {width:25%;}
h1 {font-size:1.5em;}
.ms-container {
    width: 100%;
    min-height: 100%;
    margin-top: 110px;
}
}