.mob {
	display: block;	
}

.suche, .servicenavi, .country, nav, .footernavi, #page2 .quicklinks, #page465 .quicklinks, footer .logo	{
	display:none;
}
a.related-link, .article a.external-link-new-window {
    background-image: url("../img/icon-link.png");
    background-repeat: no-repeat;
    min-height: 45px;
    padding-left: 55px;
}

.prix-svc, .fr .prix-svc, .newsletteranmeldung, .fr .newsletteranmeldung  {
	top:20px;
	left:auto;
	right:42%;
	width:20%;
	position:absolute;
	padding-right:0;
}

.navbutton	{
	float:right;
	position:relative;
	width:7%;
}
.navbutton:after	{
	position:absolute;
	content: "\f0c9";
	font-family: FontAwesome;
	width:100%;
	color:#003070;
	font-size:1.750em;
	right:0;
	top:20px;
	cursor:pointer;
}
nav.triggered	{
	display:block;
	width:100%;
	top:86px;
	left:0;
	position:absolute;
	z-index:8;
}
nav.triggered li	{
	float:none;
	text-align:center;
	padding:0;
	background-color:#003070;
	border-bottom:1px solid #fff;
}

nav.triggered li.active, nav.triggered li.active li {
    background-color: #355592;
}
nav.triggered li.active li.active, nav.triggered li.active li.active li {
    background-color: #5f7aac;
}
nav.triggered li.active .unternavi, nav.triggered li.active .navi2 {
    display:block;
}
nav.triggered a {
    color: #fff;
    font-size: 1em;
    line-height: 2.375em;
	width:40%;
	margin:0 auto;
}
nav.triggered a:hover, nav.triggered li:hover a, .navi1 li.active a {
    color: #fff;
    padding-bottom:0;
	border:none;
}
nav.triggered li li a {
	width:100%;
	line-height: 1.75em;
}


.triggered li.nav58.lv1 {
    display: block;
}
.triggered .country	{
	display:block;
	background-color:#003070;
	text-align:center;
	color:#fff;
	width:100%;
}
nav.triggered .country a {
	display:inline-block;
	width:auto;
}
.unternavi	{
	position:static;
	height:auto;
	width:100%;
	left:0;
}
.navi2 {
    position: static;
    top: 0;
	text-align:center;
}
nav.triggered .navi2 li {
    width: 100%;
	border:none;
}
.navi2 a, li:hover .navi2 a {
    font-size: 1em;
    line-height: 1.75em;
    padding: 0;
}
.navi2 a.link16, .navi2 a.link21, .navi2 a.link22 {
	background:none;
}
.navi3 {
    padding: 5px 30% 10px 30%;
    width: 40%;
}
li:hover .navi2 li li  {
}
li:hover .navi2 li li a {
    font-size: 1em;
    line-height: 1.5em;
    padding: 0;
    font-weight: normal;
}

.subnaviframe	{
	background:none;
}

header {
    height: 312px;
    padding-top: 20px;
	padding-left:8.75%;
	padding-right:8.75%;
    width: 82.5%;
}
.service {
    font-size: 0.75em;
    line-height: 1em;
	width:32%;
	float:right;
	padding-top:6px;
}
.logo {
    width: 29%;
	padding-top:0;
	min-width:82px;
}
.logo img {
    max-width: 100%;
}
.banner {
    clear: both;
    height: 236px;
    top: 96px;
}

#content {
    width: 95.4%;
	padding-left:2.3%;
	padding-right:2.3%;
    padding-top: 24px;
}

h1	{
	font-size:1.125em;
	margin-bottom: 17px;	
}
.language	{
	width:100%;
	float:right;
	padding-top:19px;
	text-align:right;
}
.maintext {
    width: 100%;
	padding-left:0;
	padding-right:0;
    padding-bottom: 0;
}
.maintext h1 {
	padding-top: 50px;
}
.maintext .line {
    width: 13.9%;
    padding-bottom: 16px;
}
.maintext div {
    width: 100%;
}
.maintext .right	{
	padding-top:10px;
}
.detailblock {
    width: 100%;
	padding:0;
}
.jobicons {
    float: left;
	padding-left:30%;
    width: 70%;
    padding-top: 46px;
}
.karriere .jobicons a::before	{
  	position: absolute;
	background:url(../img/tooltip.png) no-repeat;
	background-size:100%;
	margin-top:-50px;
	width:295.4%;
	padding:7px 20% 5px 20%;
	right:-15px;
}
.joblistbewerbung {
    float: right;
	clear:both;
}
.stellen .download-link {
    float:left;
	text-align:left !important;
	width:90%;
}
.partnerblock a {
    float: left;
    display: inline-block;
    width: 40%;
    margin-right: 1.5%;
    text-align: center;
    margin-bottom: 15px;
}
.partnerdetail .infotext {
    float: left;
    width: 96.5%;
    padding-left: 1%;
    padding-bottom: 15px;
}

.partnerdetail a {
	width:60%;	
}

#content .produktportfolio .trigger {
    color: #FFF;
    font-size: 1em;
    display: block;
    width: 100%;
    height: 100%;
    padding: 15px 0px;
}
.produktportfolio.drittel, .produktportfolio.drittelklein {
    width: 100%;
    margin-right: 0;
}
#content .produktportfolio.drittel .trigger {
    padding: 15px 20%;
    width: 60%;
}
.detailblock.last {
    border:none;
}
.detailblock .text {
    width: 100%;
    padding-right: 0%;
}
.detailblock .info {
    width: 100%;
	padding-top:40px;
	margin-bottom:-15px;
}
.detailblock .info li {
    width: 50%;
	float:left;
}
.detailblock .info a {
    font-size: 0.625em;
    line-height: 1.25em;
    padding-left: 36%;
    background-repeat: no-repeat;
    padding-bottom: 0;
	margin-bottom:15px;
}
.detailblock .info a.dokument {
	height:30px;
	background-size:auto 100%;
}
.detailblock .info a.grafik, .detailblock .info a.kontakt {
	height:30px;
	background-size:auto 100%;
	padding-top:5px;
}
.overview, #page465 .overview {
    padding: 0;
    border-top:none;
	width:100%;
}
.overview h1	{
	display:none;
}
.line {
    width: 20%;
    padding-bottom:14px;
}
.sparte, #page465 .sparte, #page465 .sparte.last {
    width: 74.4%;
    padding: 24px 12.8%;
    text-align: center;
	border-bottom: 1px solid #7E7E7E;
}
.sparte.last	{
	padding-bottom:47px;
}
.sparte h2, .karriere h2 {
    line-height:1em;
}
.sparte img {
    padding-bottom: 40px;
}
.mehr a {
    width: 48%;
}
h2 {
    font-size: 1em;
    line-height: 1.5em;
    padding-left: 2.5%;
    left: -2.5%;
    padding-right: 2.5%;
}
.subtitel {
    width: 100%;
    min-height: 2.75em;
	height:auto;
    padding-bottom: 40px;
	float:left;
}
.subtitel h2 {
	line-height:2em;
	float:left;
}
#ansprechpersonen .subtitel, #ansprechpersonen .subtitel h2 {
	float:none;
}
.frage .question {
    padding-left: 7%;
	width:90%;
}
h3.iconed img {
	padding-bottom:10px;
}
h3.iconed {
    line-height: 1.75em;
    margin-bottom: 10px;
}
.news	{
	border:none;
	padding-top:8px;
	padding-bottom:0;
}
.news h1	{
	display:none;
}
.news .stellentext h1	{
	display:block;
}
.article, .article.nopic {
    width: 94%;
    padding: 20px 3%;
}

.news .article.first {
	display:block;
	margin-bottom: 10px;
}
.article img {
    float: left;
    max-width: 42%;
}
.article .newstext {
    float: left;
    width: 100%;
    text-align: center;
    padding-bottom: 10px;
}
.article.history .newstext {
    text-align: left;
}
#pressespiegel .news .article, #pressehistory .news .article, #events .news .article {
    padding-bottom: 20px;
}
.newsfiles {
    padding-top: 0;
}
.date {
    width: 24%;
	float:left;
	left:38%;
}
.date.start {
    left: 25%;
}
.date.year {
    font-size: 1.5em;
    line-height: 1.25em;
}
#events .news .event-year .article {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

#eventhistory .news .article {
    width: 100%;
	padding:0;
}
.akademie h2 {
    width: 100%;
	line-height:1.5em;
	position:relative;
	line-height: 24px;
	padding: 4px 2.5% 0 2.5%;
}

input#schulungssuche {
	max-width:25%;
	margin-bottom:5px;
	float:left;
}
#content .akademie p.hinweis {
	margin-bottom:5px;
	width:100%;
}

.schuldetails h2, .formsml h2 {
    width: 91%;
	padding: 4px 2.5% 0 0 !important;
}
.akademie iframe {
    width: 100%;
}
.academyliste, .standortliste, .medienliste {
    display:none;
}

.formsml .field input[name="plz"] {
    width: 24%;
}

.formsml .field input[name="city"] {
    width: 60%;
	margin-right:0;
}

.confirm {
    width: 96%;
    padding: 20px 2%;
    left: 0;
}

.article .mehr a {
    width: 68%;
}
.ansprechpersonen, #ansprechpersonen.contenu {
	padding-bottom:0;
}
.personentext {
    opacity: 1;
}
/*.slick-arrow {
	display:none !important;
	width:0 !important;
}*/
.slick-arrow {
	left:0;
}
.slick-arrow.slick-next {
    right: 10px;
}
.personeninfo {
    width: 88%;
    padding-left: 6%;
    padding-right: 6%;
}
.article h2 {
	background:none;
	padding-left:5%;
	padding-right:0;
	width:95%;
	left:0;
}
.top	{
	float:left;
	width:100%;
	background-color:#003070;
	margin-bottom:5px;
	position:static;
	margin-top:15px;
	color:#fff;
}
.standort {
    float: left;
    width: 100%;
}
.addinfo {
    float: left;
    width: 100%;
	padding-top:20px;
}
#content .docs {
    margin-bottom: 0px;
}
footer {
    padding-top: 32px;
    padding-bottom: 25px;
    margin-top: 0;
    width: 83.6%;
	padding-left:8.2%;
	padding-right:8.2%;
}

footer h3 {
	margin-top:0px !important;	
}

footer .places {
    width: 26%;
    border-top: none;
    padding-top: 0;
    padding-bottom: 0;
	float:right;
}
footer .adresse {
	float:left;
	font-size:0.75em;
	line-height:1.5em;
	color:#fff;
}
footer h3 {
    font-size: 1em;
    color: #fff;
}
.places li, .en .places li, .fr .places li {
    font-size: 0.75em;
	line-height:1.45em;
	padding:0;
	float:none;
}
footer .social {
    width: 65%;
    padding-top: 20px;
}
footer .social a	{
	max-height:40px;
	max-width:40px;
}
footer .social a img	{
	width:100%;
}
.flexslider .flex-caption {
    width:90%;
    padding: 40px 5% 0 5%;
    font-size: 2em;
    line-height: 1.125em;
	top:0;
}
.flexslider .flex-caption h3 {
	display:block;
	font-size:0.8em;
	line-height:1.125em;
	text-transform:uppercase;
	font-family:'Ubuntu-Bold';
	font-weight:normal;
	color:#fff;
}

.flexslider .flex-caption div {
	display:none;
}

.flexslider .slides li {
    overflow:hidden;
}
.flexslider .slides img {
    height:236px;
	width:auto;
	overflow:hidden;
}

#page2 .news, #page465 .news {
    padding-bottom: 45px;
    border-top: none;
    width: 98%;
    padding-top: 30px;
}
#page2 .article, #page465 .article {
    width: 96%;
    padding: 20px 1.7% 55px 1.7%;
    border-radius: 10px;
    float: left;
    margin-top: 0px;
}

.gauche {
    float: left;
    display: block;
    width: 60%;
    margin-bottom: 15px;
    text-align: left;
}
.droit {
    float: left;
    width: 100%;
    padding-right: 0;
    padding-bottom: 15px;
}

#content #servicepartner .jumpToContact, #content #technologiepartner .jumpToContact, #content #outsourcingpartner .jumpToContact, #content #weiterepartner .jumpToContact {
    margin-top:15px;
	float:left;
}

.meilenstein {
    background: transparent url("../img/meilenstein-bg.png") repeat-y;
	background-position:left 35px top;
}
.meilenstein .zeitinfo, .meilenstein .zeitinfo.evenyear {
    float: left;
    clear: both;
    width: 70%;
    padding-left: 5%;
	padding-right:0;
    display: none;
    margin-top: -39px;
	margin-left:22%;
	text-align:left;
}
.slick-slide .personentext {
    width: 100%;
    opacity:1;
}
.meilenstein .evenyear h4 {
    padding-left: 5%;
    padding-right: 0px;
}
#page2 .news.space, #page465 .news.space {
    padding-top: 20px;
	padding-left:0;
}
.meilenstein span, .meilenstein span:hover, .meilenstein span.show {
    width: 22%;
	line-height: 3em;
    margin-left: 0;
}
.meilenstein span {
    width: 15%;
	margin-left:3.8%;
	line-height:2.8em;
}
.produktinfo {
		width: 80%;
		padding: 20px 2% 10px;
		left: 8%;
		top: 50px;
		max-height: 480px;
	}
nav.triggered {
	top: 73px;
}
.filtergruppe, .schulungsname, .sin, .dex, .details .left, .details .right {
    width: 100%;
}
.akademie .iconed img {
    padding-bottom: 10px;
}
.schulungslink {
    float: left;
    padding-left: 0;
    width: 35%;
}
.schulungnext {
    width: 65%;
}
.nextkurs {
	width: 65%;
}
.personentext {
	width:100%;
}
.standardfront2 {
    width: 100%;
}
.standardfront2 .schulungsname {
    width: 100%;
}
.standardfront2 .schulungslink {
    float: left;
    width: 35%;
}
.standardfront2 .schulungslink .anmeldung {
    float: left;
}
#page46 .personeninfo, #page433 .personeninfo {
	padding-right:0;
}
.schuldetails, .zertdetails, .adminPopUpLayer, .kursdetails {
    width: 88%;
    max-width: 875px;
    padding: 20px 2%;
	left:4% !important;
    top: 20px;
    max-height: 450px;
}
.kurslink.showedit {
    width: 200px;
}

.schulungAnmeldung, .zertAnmeldung {
    width: 96%;
    padding: 20px 2%;
    top: 10px;
    max-height: 465px;
	left:0 !important;
}
.formsml {
    width: 96%;
}

.date.year:after {
	left: 30%;	
	text-align: center;
	width:40%;
}
#content #nlarchiv ul li.jahr {
    padding-bottom: 85px;
}
#newsletter form {
    width: 100%;
}

#content ul, #content ol {
    padding-left: 18px;
    clear: both;
}

.formsml input[type=text], .formsml select {
		width:95%;
		margin-right: 5%;
}

.nextformtable .formlabel {
    width: 100%;
    margin-bottom: 10px;
}
.nextformtable .formdata {
    width: 100%;
	margin-bottom: 15px;
}
.formdata input[type=file] {
	width:95%;
}

.nextformtable #plz {
    width: 18%;
    margin-right: 1.9%;
}
.nextformtable .form-submit {
    margin-left: 0;
    margin-top: 20px;
}
.medienblock .text {
    float: left;
    width: 100%;
    padding-right: 0;
    padding-bottom: 15px;
}

.newscontent, .newsfiles {
    width: 100%;
}

#kursreihenfolge .modalinfo {
	max-width:96%;
}


@media screen and (min-width: 620px)  {
	
	
	
    header {
		height: 336px;
		padding-left:4.75%;
		padding-right:4.75%;
		width: 90.5%;
	}
	.prix-svc, .fr .prix-svc, .newsletteranmeldung, .fr .newsletteranmeldung {
		top:43px;
		left:auto;
		right:43%;
		width:10%;
		min-width:92px;
		position:absolute;
		padding-right:0;
	}
	.nextformtable .formlabel {
		width: 30%;
		margin-bottom: 20px;
	}
	.nextformtable .form-submit {
		margin-left: 30%;
		margin-top: 20px;
	}
	.nextformtable .formdata {
		width: 70%;
	}
	.nextformtable #plz {
		width: 19%;
		margin-right: 1.9%;
	}
	.filtergruppe {
		width:33%;
	}
	.meilenstein {
		background-position:left 35px top;
	}
	.meilenstein .zeitinfo, .meilenstein .zeitinfo.evenyear {
		float: left;
		clear: both;
		width: 70%;
		padding-left: 15%;
		padding-right:0;
		display: none;
		margin-top: -39px;
		margin-left:12%;
		text-align:left;
	}
	.meilenstein .evenyear h4 {
		padding-left: 5%;
		padding-right: 0px;
	}
	#page2 .news.space, #page465 .news.space {
		padding-top: 20px;
		padding-left:0;
	}
	.meilenstein span, .meilenstein span:hover, .meilenstein span.show {
		width: 10%;
		margin-left: 0;
	}
	.meilenstein span {
		width: 8%;
		margin-left:0.75%;
		line-height:3.25em;
	}
	.logo {
		width: 12%;
		min-width:82px;
	}
	.logo img {
		max-width: 100%;
	}
	.banner {
		height: 160px;
	}
		
	.produktinfo {
		width: 60%;
		padding: 20px 2% 10px;
		left: 18%;
		top: 200px;
		max-height: 500px;
	}
	.sparte {
		width: 45.8%;
		padding: 24px 1.75%;
		text-align: center;
		border-bottom:none;
	}
	#page2 .date, #page465 .date {
		left: 46%;
		width: 12%;
	}
	#page2 .news, #page465 .news {
		padding-bottom: 25px;
		width: 100%;
	}
	#page2 #content .article .mehr a, #page465 #content .article .mehr a {
		width: 19%;
		margin: 20px auto 0px 40.5%;
	}
	.personeninfo {
		width: 30.4%;
		padding-bottom:20px;
	}
	#page46 .personeninfo, #page433 .personeninfo {
		padding-right: 9%;
		padding-bottom: 20px;
	}
	.personentext {
		width: 100%;
	}
	.newscontent, .newsfiles {
    	width: 70%;
	}

}

.formsml input[type=text], .formsml select ,.akademie input.button, .nextformtable input[type=text], .tx-indexedsearch-searchbox-sword, .login input[type=text], .login input[type=password],.login input[type=submit],
#newAnm input{
    -webkit-border-radius:0; 
    border-radius:0;
	 -webkit-appearance: none;
	 border: 1px #a9a9a9 solid;
}
div.field label {
    width: 100%;
	margin-top: 15px;
    margin-bottom: 5px;
}

.login input[type=submit], .tx-felogin-pi1 input[type=submit],.akademie input.button, .schulungAnmeldung input.button {
	border: 1px solid #00326A;
	-webkit-border-radius:0; 
    border-radius:0;
}

.powermail_label {
	width:100%;
}
.tx-powermail input[type="text"] {
	width: calc(100% - 22px);
	margin-bottom:20px;
}
#powermail_fieldwrap_88 {
	padding-left:0;
}
.tx-powermail input[type="submit"] {
	margin-left:0;
}
.formbox label {
   width: 100%;
}
.formbox input[type="text"] {
    width: calc(100% - 22px);
}
.submit_container {
	float:left;
	width:100%;
}
.formbox .cr_button {
	margin-left:0;
}


@media screen and (max-width: 620px) and (min-width: 320px)  {
	.prix-svc, .fr .prix-svc, .newsletteranmeldung, .fr .newsletteranmeldung  {
		top: 45px;
		left:auto;
		right: 33%;
		width: 10%;
		min-width:92px;
		position:absolute;
		padding-right:0;
	}
	.logo {
		width: 12%;
		min-width:82px;
	}
	.logo img {
		max-width: 100%;
	}
	.dascaptcha {
		float: left;
	}
	.board, #geschaeftsleitung p, #direction p, #executive-board p  {
		text-align:center;
	}
	.board .gauche {
		margin-left:20%;
		text-align:center;
	}
	.teaser-text div {
		float:left !important;
		margin-bottom:16px;
		width: 100% !important;
	}
	.teaser-text div img {
		float:left !important;
		padding-left:0 !important;
	}
	#page99 .news h1 {
		display:block;
	}
	.jobicons {
		width:60%;
		padding-left:21%;
	}
	.change-view {
		float: left;
		width: 100%;
		cursor:pointer;
	}
	.nextformtable select, .nextformtable option {
		width:100%;
	}
	.nextformtable input[type="text"], .nextformtable textarea {
		width:94%;
	}
	.nextformtable #plz {
		width: 23%;
		margin-right: 1.9%;
	}
	.nextformtable #ort {
		width: 60.9%;
	}
}
@media screen and (max-width: 620px) and (orientation: landscape)  {
		#kursreihenfolge .modalinfo {
			top:30px !important;
		}
	}

@media screen and (max-width: 620px) and (min-width: 410px)  {
	.jobicons {
		padding-left:24%;
	}
}
@media screen and (max-width: 340px)  {
	.jobicons {
		width:70%;
		padding-left:17%;
	}
}

@media screen and (max-width: 783px)  { 
.sparte  {
    width: 74.4%;
    padding: 24px 12.8%;
    text-align: center;
    border-bottom: 1px solid #7E7E7E;
}
}