/* 
color 
@EKS
@BRANDMISSION, 2015
*/



body.startseite {
	background-image: url(/media/keyvisual-2000px_2016.jpg);
	background-image: none;
	background-repeat: no-repeat;
	background-position: left 80px;
	background-attachment: scroll; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-color: #001640;	 
}




@media handheld, only screen and (max-width: 1380px) {
	body.startseite {
		background-position: right 0px;
		background-attachment: fixed; 
	}
}


.mobile-startseite-header {
	background-color: transparent;
}
.mobile-startseite-header a{color:white;text-decoration:underline;}


.bildstreifen {
	display: none;
	background-repeat: no-repeat;
	background-position: 50% 0;
}



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

}

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

	body.startseite {
		background-image: none;
	}
	.mobile-startseite-header {
			
		margin-bottom:50px;
	}
	
	
	.bildstreifen {
		background-position: 50% bottom;
	}

}

/* grau  */
body,
input, 
textarea,
.details .content .mod-bild span,
.details .breadcrump a {
	color: #838383;
	color: #EEA9CB;
}

.details {
	color: #2b2a29;
	background-color: #666b68;
	background-color: #001640;
}

.details .col p a {
	color: #2b2a29;
}
.details .col p a:hover {
	color: #E270A8;
}

/*
@media handheld, only screen and (max-width: 880px) {
	.details {
		background-color: #ddd;
	}
}
*/

.zoom {
	background-color: #fff;
}
.zoom {
	text-align: center;
}


.details .wrapper {
	background-color: #ddd;	
	background-color: #001640;	
}



.header {
	background-color: #fff;
	background-color: rgba(0, 22, 64, 0.9);
	color:white !important;
	border-bottom: 9px solid #D2D2D2;
	border-bottom: none
}



.details .content {
	background-color: #fff;
	background-color: #001640;
	color: #fff;
	
}

/* blau */
h1,
h2,
h3 {
	color: #34498e;
	color: #fff;
}

/* rot */
a,
.col.col-a p a,
.details .presse a,
.details .funktion {
	color: #EEA9CB;
}

.details .presse a:hover,
a:hover {
	color: #990002;
	color: #E270A8;
}



/* dunkelgrau */
.details .archiv li a,
.desktop-nav-level-1 a,
.details .kontakt a,
.presse a {
	color: #2b2a29;
	color: #fff;
}


.desktop-nav-level-1 a {
	color: 575757;
}


.desktop-nav-level-1 a:hover {
	color: #838383;
	color: #BABABA;
}

.details .kontakt a.dark{
	color: #2b2a29;
}
.details .kontakt a.dark:hover{
	color: #5c5a58;
}


/* navi */

.sidr {
    background-color: #001234;
    box-shadow: none;
}

#sidr .main {
	background-color: #fff;
}
#sidr ul.meta-1 a {
	color: #a5a7a1;
}
#sidr ul.nav-1 a {
	color: #001640;
}
#sidr ul.links a {
	color: #fefffc;
}
.sidr p {
	color: #50504c;
}

#sidr ul.links ul.links-nav-2 a,
#sidr ul.meta-2 a,
#sidr p {
	color: #fefffc;
}


#sidr ul.nav-1 .aktiv a,
#sidr ul.meta-1 .aktiv a {
	color: #e270a8;
}

#sidr ul.nav-1 a:hover,
#sidr ul.meta-1 a:hover {
	color: #e270a8;
}

#sidr ul.links .aktiv a:hover,
#sidr ul.links ul.links-nav-2 a:hover,
#sidr ul.meta-2 a:hover {
	color: #fff;
}



/* desktop footer */
.desktop-footer {
    background-color: #666b68;
    background-color: #001234;
}
.desktop-footer h3,
.desktop-footer > .wrap > .col > li > a {
	color: #fff;
}
.desktop-footer > .wrap > .col-1 .links-nav-2 li > a,
.desktop-footer > .wrap > .col-3 > li > a,
.desktop-footer > .wrap > .col-2 > li > a,
.desktop-footer > .wrap > .col-4 > li > a,
.desktop-footer p {
	color: #aaadaa;
	color: #fff;
}

.desktop-footer > .wrap > .col-1 .links-nav-2 li > a:hover,
.desktop-footer > .wrap > .col-3 > li > a:hover,
.desktop-footer > .wrap > .col-4 > li > a:hover {
	color: #848684;
	color: #fff;
}



/* desktop-meta */
.desktop-meta {	
	background-color: #b2b2b2;
	background-color: #A1A1A1;
}
.desktop-meta .col-1 li a {
	color: #fff;
}
.wrap .search input {
	background-color: #d4d4d4;
	border-radius:5px;


}

.wrap .search input,
#sidr .search input {
	color: #2b2a29;
}



/* ticker */
.ticker {
	background-color: #cb1b22;
	background-color: #E270A8;
	display:none;
}
.ticker,
.ticker a {
	color: #fff;
}


/* seitenspalten */

.archiv,
.txtbox {
	background-color: #fbfbfb;
}


/* form */
.formsubmit input {
	background-color: #34498e;
	color: #fff;
}
label.form_warning {
	color: #ff0000;
}
.form_warning {
	color: #ff0000;
}

.nav-trigger {
	background-image: url(/css/assets/menu-navi-1@1x.png);
	background-repeat: no-repeat;
}

#sidr input {
	background-color: #E9E9E9;
}

.boxes .col {
	background-color: #0c224e;
	padding:30px 20px;
	border-radius: 1rem;
	background-image: url(/css/assets/trans-95-fff.png);
	background-image: none;
	background-repeat: repeat;
	color: white;
	font-size: 1rem;;	
}
.boxes .col .icon {
	background-repeat: no-repeat;
	background-position: 0 0;
}
.boxes .col a{
	margin-top:2rem;
	display:inline-block;
	margin-bottom:1rem;
	background-color: #E270A8;
	color: #000000;
	padding:10px 10px;	
	border-radius:2rem;
}


/* icons */
.ic-siegel {
	background-image: url(/css/assets/icon_lizenz_r@1x.gif);
}
.ic-schloss {
	background-image: url(/css/assets/icon_sicherheit_r@1x.gif);
}
.ic-chart {
	background-image: url(/css/assets/icon_vermarktung_r@1x.gif);
}
.ic-presse {
	background-image: url(/css/assets/icon_pressemitteilung@1x.png);
}
.ic-kontakt {
	background-image: url(/css/assets/icon_kontakt1@1x.gif);
}
.ic-impressum {
	background-image: url(/css/assets/icon_impressum@1x.gif);
}
.ic-sitemap {
	background-image: url(/css/assets/icon_sitemap@1x.gif);
}
.ic-link {
	background-image: url(/css/assets/icon_link@1x.gif);
}
.ic-datenschutz {
	background-image: url(/css/assets/icon_datenschutz@1x.gif);
}
.ic-history {
	background-image: url(/css/assets/icon_history@1x.gif);
}
.ic-geschaeftsbereiche {
	background-image: url(/css/assets/icon_geschaeftsbereiche@1x.gif);
}
.ic-gesellschaft {
	background-image: url(/css/assets/icon_gesellschaft@1x.gif);
}

.ic-mastercard {
	background-image: url(/css/assets/icon_mastercard_r@1x.gif);
}
.ic-kreditkarteninfo {
	background-image: url(/css/assets/icon_kreditkarteninfo_r@1x.gif);
}
.ic-wechselkurse {
	background-image: url(/css/assets/icon_wechselkurse_r@1x.gif);
}
.ic-kontaktlos {
	background-image: url(/css/assets/icon_kontaktlos@1x.gif);
}
.ic-karte {
	background-image: url(/css/assets/icon_karte@1x.gif);
}


a.lebenslauf,
.ic-lebenslauf {
	background-image: url(/css/assets/icon_cv@1x.gif);
}



.sidr ul li.c {
	/** background-image: url(/css/assets/ico_dropdown@1x.png); **/
	background-position: 100% 50%;
}

.sidr ul li.open {
	/** background-image: url(/css/assets/ico_dropup@1x.png); **/
	background-position: 100% 50%;
}

.details .content .col-a ul {
	list-style-type: disc;
}

.details .content .col-a ul li {	
	background-repeat: no-repeat;
}

.details .content .breadcrump ul li {
	background-image:none;
}


.social li a {
	background-repeat: no-repeat;
	background-position: center center;
}
.social li.fb a {
	background-image: url(/css/assets/icon_fb@1x.gif);
}
.social li.tw a {
	background-image: url(/css/assets/icon_twitter@1x.gif);
}
.social li.pi a {
	background-image: url(/css/assets/icon_pinterest@1x.gif);
}


/* icons */
.ic-archiv {
	background-image: url(/css/assets/icon_archiv@1x.png);
	width: 35px;
	height: 34px;
}


/* @group Retina compatibility */
@media only screen 
and (-webkit-min-device-pixel-ratio: 2), 
and (min-resolution: 144dpi) {

	.nav-trigger {
		background-image: url(/css/assets/menu-navi-1@2x.png);
		background-size: 30px 16px;
	}
	.search input,
	.desktop-meta .search input {
		
		
	}
	.boxes .col .icon {
		background-repeat: no-repeat;
		background-size:44px 44px;
	}
	.icon {
		background-repeat: no-repeat;
		background-size:44px 44px;
	}
	.ic-siegel {
		background-image: url(/css/assets/icon_lizenz_r@2x.gif);
	}
	.ic-schloss {
		background-image: url(/css/assets/icon_sicherheit_r@2x.gif);
	}
	.ic-chart {
		background-image: url(/css/assets/icon_vermarktung_r@2x.gif);
	}
	.ic-presse {
		background-image: url(/css/assets/icon_pressemitteilung@2x.png);
	}
	.ic-kontakt {
		background-image: url(/css/assets/icon_kontakt1@2x.gif);
	}
	.ic-impressum {
		background-image: url(/css/assets/icon_impressum@2x.gif);
	}
	.ic-sitemap {
		background-image: url(/css/assets/icon_sitemap@2x.gif);
	}
	.ic-link {
		background-image: url(/css/assets/icon_link@2x.gif);
	}
	.ic-datenschutz {
		background-image: url(/css/assets/icon_datenschutz@2x.gif);
	}
	.ic-history {
		background-image: url(/css/assets/icon_history@2x.gif);
	}
	.ic-geschaeftsbereiche {
		background-image: url(/css/assets/icon_geschaeftsbereiche@2x.gif);
	}
	.ic-gesellschaft {
		background-image: url(/css/assets/icon_gesellschaft@2x.gif);
	}
	.ic-karte {
	background-image: url(/css/assets/icon_karte@2x.gif);
}
	a.lebenslauf,
	.ic-lebenslauf {
		background-image: url(/css/assets/icon_cv@2x.gif);
	}


	
	.sidr ul li.c {
		/** background-image: url(/css/assets/ico_dropdown@2x.png); **/
		background-size: 18px 18px;
	}
	.sidr ul li.open {
		/** background-image: url(/css/assets/ico_dropup@2x.png); **/
		background-size: 18px 18px;
	}
	.details .content ul li {
		background-image: url(/css/assets/icon_bullet@2x.gif);
		background-size: 23px 23px;
		background-image: none !important;
	}
	
	.icon {
		background-repeat: no-repeat;
		display: none !important;
	}
	.ic-archiv {
		background-image: url(/css/assets/icon_archiv@2x.png);
		background-size:35px 34px;
	}
	
	.social li.fb a {
		background-image: url(/css/assets/icon_fb@2x.gif);
		background-size: 13px 24px;
	}
	.social li.tw a {
		background-image: url(/css/assets/icon_twitter@2x.gif);
		background-size: 29px 20px;
	}
	.social li.pi a {
		background-image: url(/css/assets/icon_pinterest@2x.gif);
		background-size: 19px 24px;
	}

}





.eks-logo {
	background-image: url(/css/assets/EURO-Kartensysteme_Logo_berry-white.svg);
	background-repeat: no-repeat;
}
@media handheld, only screen and (max-width: 550px) {

	.eks-logo {
		background-image: url(/css/assets/EURO-Kartensysteme_Logo_berry-white.svg);
		background-repeat: no-repeat;
	}
	
}


@media 
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 550px), 
only screen and (           min-resolution: 144dpi) and (max-width: 550px){

	.eks-logo {
		background-image: url(/css/assets/EURO-Kartensysteme_Logo_berry-white.svg);
		background-size: 126px 29px;
	}
	
}