/* 
module 
@EKS
@BRANDMISSION, 2015
*/




a,
.desktop-nav-level-1 a {
	text-decoration: none;
}


/* startseite */

.mobile-startseite-header {
	width: 50%;
	border-radius:1rem;
	margin-top:2rem;
	/*background-color:rgba(31, 47, 73, 0.8) !important;*/
	/*background-color:#0c224e !important;*/
	padding:20px 0;
	margin-left:3.5%;
	margin-left:2%;
}

.mobile-startseite-img {
	width: 100%;
	display: none;
}
@media handheld, only screen and (max-width: 1592px) {
	.mobile-startseite-header {
		
		margin-left:3.5%;
		
	}	
}


@media handheld, only screen and (max-width: 1024px) {
	.mobile-startseite-header {
		display:block;
		margin:auto;
		width:95% !important;
		padding:20px 0;
		
	}
}

@media handheld, only screen and (max-width: 880px) {
	.mobile-startseite-header {
		width: 100%;
	}
}
@media handheld, only screen and (max-width: 550px) {


	.mobile-startseite-header {
		padding-top: 50px;
		padding-bottom: 30px;
	}
}

.ticker-container-desktop {
	margin-top: 100px;
}

.startseite .stage > div > h1, 
.startseite .stage > div > p {
	margin: 0 40px;
}

.startseite .stage > div > h1 {
	margin-bottom: 20px;
}

.boxes {
	display: block;
	padding: 0 0;
	margin-top: 30px;
}
	

.boxes .col {
	width: 25%;
	margin:0 20px;
	padding: 0px 0 25px 0;
	min-height: 300px;
	position: relative;
}


@media handheld, only screen and (max-width: 1590px) {

	.boxes {
		
	}
	
	.boxes .col {
		width: 25%;
		min-height: 310px;
		margin-bottom: 40px;
	}

}
@media handheld, only screen and (max-width: 1300px) {
	.boxes .col {
		min-height: 350px;
	}
}
@media handheld, only screen and (max-width: 1200px) {
	.boxes .col {
		width: 23%;
		min-height: 400px;
	}
}



.boxes .col-1 {
	margin-left: 0;
}
.boxes .col .icon {
	display: block;
	width: 44px;
	height: 44px;
	margin: 30px 0 20px 20px;
	display: none !important;
}

.boxes h2,
.boxes p,
.boxes img {
	margin: 0 20px;
	margin-bottom: 20px;
}
.boxes .logos {
	margin-bottom: 10px;
	text-align: right;
	position: absolute;
	bottom: 20px;
	display: block;
	right:0;
}


@media handheld, only screen and (max-width: 1024px) {

	.boxes .col {
		width: 100%;
		margin-bottom: 40px;
		margin-left: 0;		
		width: 92% !important;
		margin-right:20px;
    	padding: 20px 0;
		min-height: auto !important;
	}
	
	.boxes .logos {
		bottom: -10px;
	}

}





/* +++++++++++++++++++++++++++ ticker */
.ticker-container-desktop .ticker,
.ticker-container-desktop .ticker-off {
	margin-top: 80px;
	display: block;
	padding: 5px 0;
	display: none;
}
.ticker-container-mobile {
	display: none;
}
.details .ticker {
	display: none;
}
.ticker a {
	margin: 0 40px;
}

@media handheld, only screen and (max-width: 880px) {
	.ticker-container-desktop {
		display: none;
	}
	.ticker-container-mobile {
		display: block;
		margin-top: 0px;
	}
}






@media handheld, only screen and (max-width: 550px) {

	.startseite .stage > div > h1, 
	.startseite .stage > div > p {
		margin: 0 20px;
	}
	.startseite .stage > div > h1 {
		margin-bottom: 20px;
	}
	.boxes {
		display: block;
		padding: 0 10px;
		margin-top: -30px;
	}
	
	.ticker-container-mobile {
		display: block;
		margin-top: 80px;
	}
}










.details .content ul {
	margin: 20px 0;
}
.details .content > div > ul li {
	padding-left: 0;
	margin-bottom: 7px;
}
.details .content .breadcrump ul li {
	padding-left: 0;
}

.details h1 {
	margin-top: 15px;
	margin-bottom: 40px;
}

.details .content .col-a .mod-bild {
	margin: 20px 0 30px 0;
	width: 100%;
}
.details .content .col-b .mod-bild {
	margin-bottom: 10px;
}
.details .content .col-b .img-caption {
	margin: 0;
	width: 100%;
}
.details .content .col-a .bild-100-0 {
	margin: 20px 0 10px 0;
	width: auto;
	display: inline-block;
	max-width: 100%;
}

.details .content .mod-bild img {
	width: 100%;
}
.details .content .bild-100-0 img {
	width: 100%;
}


.details .content .mod-bild span {
	width: 100%;
	display: block;
	text-align: center;
	padding: 4px 0;
}

.details .kontakt {
	margin-top: 15px;
}
.details .col-a .kontakt {
	margin-bottom: 35px;
}

.details .kontakt a.lebenslauf {
	margin-top: 10px;
	margin-left: -10px;
	display: block;
}

.details .col-b {
	margin-top: 30px;
}


.details .top-icon {
	margin-top: 60px;
	margin-bottom: 20px;
}
.details .top-icon:first-child {
	margin-top: 0;
}

.details a.linksolo {
	margin-top: 30px;
}







/* seitenspalten */

.archiv,
.txtbox {
	padding: 10px;
}
.archiv .icon {
	margin-bottom: 5px;
}
.details .content .archiv ul {
	margin: 5px 0;
}
.archiv li {
	display: inline-block;
	margin-right: 10px;
}


.txtbox {
	margin-top: 30px;
}
.txtbox p {
	margin-top: 20px;
}
.txtbox p:first-child {
	margin-top: 0;
}



/* icon */
.icon,
a.lebenslauf {
	/** display: block; **/
	display: none !important;
	width: 44px;
	height: 44px;
}

a.lebenslauf {
	padding: 10px 0 0 50px;
}







/* presse */

.presse {
	margin-bottom: 20px;
}
.presse .col {
	display: inline-block;
	vertical-align: top;
}
.presse .col-1 {
	width: 20%;
}
.presse .col-2 {
	width: 78%;
}
.presse .col-1 img {
	width: 80%;
}

.presse .txtbox {
	margin-top: 0px;
	background-color: transparent;
	padding: 0;
}

@media handheld, only screen and (max-width: 550px) {
	.presse .col-1 {
		width: 100%;
		margin-bottom:10px;
	}
	.presse .col-1 img {
		width: auto;
	}
	.presse .col-2 {
		width: 100%;
	}
}




/* suche */

.details .content .searchresults li {
	margin-bottom: 25px;
}



/* kontakt, ansprechpartner */

.kontakt {
	margin-bottom: 30px;
}
.kontaktbild {
	margin-bottom: 15px;
	background-color: #e9e9e4;
}
.kontaktbild img {
	background-color: #fff;
	padding-right: 10px;
}
.kontaktbild img,
.kontaktbild span {
	display: inline-block;
	vertical-align: middle;
}
.kontaktbild span {
	padding-left: 15px;
}

.col-a .kontaktbild span {
	display: none;
}



@media handheld, only screen and (max-width: 1180px) {

	.kontaktbild span {
		display: none;
	}

}
@media handheld, only screen and (max-width: 880px) {

	.kontaktbild {
		margin-top: 20px;
	}
	.kontaktbild span {
		display: inline;
	}

	.details .content .mod-bild {
		width: 40%;
		display: inline-block;
		vertical-align: top;
		margin-right: 20px;
	}

}

@media handheld, only screen and (max-width: 550px) {

	.details .content .mod-bild {
		width: 100%;
		display: block;
		margin-right: 0;
	}
	
}


/* share */

.details .content ul.social {
	margin: 40px 0 0 -10px;
}
.social li {
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
}
.social a {
	display: block;
	width: 30px;
	height: 30px;
}

@media handheld, only screen and (max-width: 550px) {
	.details .content ul.social {
		margin: 40px auto;
		width: 90%;
		text-align: center;
	}
	
	.social li {
		margin-left: 20px;
		margin-right: 20px;
	}
}



/* video */

.content-video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}

.content-video-0 {
	width: inherit;
	height: inherit;
}
 
.content-video iframe,
.content-video object,
.content-video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



@media handheld, only screen and (max-width: 780px) {
	.content-video-0 {
		width: 100% !important;
		height: auto !important;
		position: relative;
    	padding-bottom: 56.25%;
    	padding-top: 30px; height: 0; overflow: hidden;
	}
	
	.content-video-0 iframe,
	.content-video-0 object,
	.content-video-0 embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

}





/* form */

.xform p {
	margin-bottom: 10px;
}
label,
input,
textarea {
	display: inline-block;
	vertical-align: top;
}

label {
	width: 30%;
}
input,
textarea {
	width: 60%;
	border: 1px solid #c0c0c0;
	padding: 2px;
}
.formsubmit input {
	width: auto;
	border: none;
	margin-left: 30.5%;
	padding: 5px 15px;
}

.kontaktbox{
	border-radius: 1rem;
	/** background-color:#283583; **/
	background-color:#0c224e;
	padding:20px;
}
.kontaktbox h3{
	color:white;
}

.faq_container{
	margin-bottom:2em;
}

.faq_container .question span.nr{
	width:30px;
	display:inline-block;
	position:absolute;
	margin-left:-30px;
}

.accordionButton {
	font-family:"Inter";
	font-size: 12pt;
	font-weight: 300;
	text-align: left;
	line-height: 1.5em;
	color: #EEA9CB;
	border: none;
	background: transparent;
}

.accordionButton:hover {
	cursor: pointer;
	color: #E270A8;
}

.faq_container .question .accordionButton span.nr {
	margin-left: -38px;
}



.accordionButton,
.faq_container .question a{
	display:block;
	padding-left:30px;

}
.faq_container .answer{
	padding-left: 30px;
}

.loginseitenspalte{
	margin: 20px 0;
}


@media handheld, only screen and (max-width: 550px) {
	label,
	input,
	textarea {
		width: 95%;
	}
	.formsubmit input {
		width: auto;
		margin-left: 0;
	}
	
	.loginseitenspalte{
		display:none;
	}
	
	
}	


/**** anpassung startseite***/
.mobile-startseite-header.floatleft {
	float:left;
	margin:20px 20px;
}
.mastercard-special{
	min-height:100px;
	width:20%;
	max-width:200px;
	background-color:rgba(31, 47, 73, 0.95);
	float:right;
	padding:20px;
	margin-right:5%;
	line-height:1.5em;text-align:center;
}
.mastercard-special h2{
	font-size:1.5em;
	color:white;
}
.mastercard-special a{
	font-size:1em;
}
@media  screen and (max-width: 1024px) {
	.mastercard-special{
		display:block;
		margin:20px auto;
		width:60%;
		max-width:60%;

		float:none;
	}
	.mobile-startseite-header.floatleft {
		float:none;

	}
}
@media  screen and (min-width: 1600px) {
	.mastercard-special{
	float:right;
	margin-right:18.5%;
	}

}
@media  screen and (max-width: 550px) {
		.mastercard-special{
		display:block;
		margin:-30px 10px 50px 10px;
		width:auto;
		max-width:100%;
	}
	.mobile-startseite-header.floatleft {
		margin-right:10px;
		margin-left:10px;
		max-width:100%;
		width:auto !important;
	}
}