/*KFA.WIEN
rgb(0, 128, 64);  kfa-grün
*/

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

/* HEADER logos, login, metanavi */

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

#esv-header {
	height: 210px;
}

#esv-header .logo {
	top: 20px;
}

#esv-header .logo img {
	height: 120px;
}

.login,
.userlinks {
	background: rgb(0, 128, 64); /*kfa*/
}

.footerlogo img {
	width: 120px;
}

.tools .column1 {
	width: 33.3%;
}

.tools .column2 {
	width: 66.6%;
}

.extra {
	display: block;
}

.extra img  {
	height: 25px;
}

.others, .extra, .login, .contact {
	width: 33.3%;
}

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

/*  IMGNAVI */

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

.imgnavitext {
	background: rgba(0, 128, 64, 0.9); /*kfa*/
}

.imgnavitext h2 a,
.imgnavitext .text,
.imgnavitext .text a,
.imgnavitext a:visited,
.imgnavitext a:focus, 
.imgnavitext a:active {
	color: rgb(255, 255, 255); /*white*/
}

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

/* LINKS */

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

a, 
a:active,
a:focus,
a:hover,
nav a:hover,
.current-menu-item a,
.current-menu-item a:hover,
nav.main .menu-item.open a,
nav.main .current-menu-ancestor a,
nav.meta .current-menu-ancestor a,
#esv-nav_portal_detail .where a {
	color: rgb(0, 128, 64);  /*kfa*/
}

.letter a:hover {
    background-color: rgb(0, 128, 64);  /*kfa*/
}

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

/* ELEMENTS */

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

.contentline.grey {
}

#esv-nav_portal_detail,
#esv-navigation,
#nav,
.showsub,
.blog.sidebar  {
	background: rgba(0, 128, 64, 0.1);  /*kfa*/
}

hr,
hr.zonecloser {
	background: rgba(0, 128, 64, 0.2);  /*kfa*/
}

.titelzone h1, /* old */
.titlezone h1,
.landing .lead,
.scores {
	color: rgb(0, 128, 64);  /*kfa*/
}

.esv_infobox,.tippbox,
.inpagenavi a {
    background: rgba(0, 128, 64, 0.1); /*kfa*/
    color: rgb(0, 128, 64);  /*kfa*/
}

a.feedback,
.landingitem h2,
.esv-td-header,
.score {
    background: rgba(0, 128, 64, 0.1);  /*kfa*/
}

a.feedback {
	color: #475256;
}
a.feedback:hover {
	color: rgb(0, 128, 64);  /*kfa*/
}

td,
.linkbox.links_dropdown {
	border: 1px solid rgba(0, 128, 64, 0.2); /*kfa*/
}

.esv-bullet li:before, .esv-karo li:before, .esv-arrow li:before {
	border-color: rgb(0, 128, 64); /*kfa*/
}

.dotted, .dashed { 
	border-color: rgba(0, 128, 64, 0.2); /*kfa*/
}

.linkbox, .landingitem,
.pager b, .pager a:hover { 
	border-bottom: 1px solid rgba(0, 128, 64, 0.2); /*kfa*/
}

.linkbox.links_dropdown {
	border: 1px solid rgba(0, 128, 64, 0.2); /*kfa*/
}

.list.images .textbox h3 {
	border-top: 1px solid rgba(0, 128, 64, 0.2); /*kfa*/
}

.morestories a {
}

#esv-footer {
}


/* kfa-jobs */

.kfa-jobs {
	display: flex;
	flex-direction: column;
	gap: 20px;
	hyphens: auto;
	margin-bottom: 20px;
}

.kfa-jobs .loading-icon {
	text-align: center;
}

.kfa-job {
	align-items: center;
	border-radius: 5px;
	border: 1px solid var(--g-carrier-color);
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding: 5px 15px;
}

.kfa-job .job-icon {
	background-position: left;
	background-repeat: no-repeat;
	background-size: 40px;
	content: '';
	margin-right: 10px;
	min-height: 40px;
	min-width: 50px;
}

.kfa-job .icon-amz {
	background-image: url('/cdscontent/load?contentid=10008.785671&version=1707404443');
}

.kfa-job .icon-hera {
	background-image: url('/cdscontent/load?contentid=10008.746020&version=1618594094');
}

.kfa-job .icon-kfa {
	background-image: url('/cdscontent/load?contentid=10008.673457&version=1549268977');
}

.kfa-job .job-title {
	align-content: center;
	color: var(--g-carrier-color);
	font-size: 1.1rem;
	font-weight: 400;
	min-height: 40px;
	min-width: calc((100% - 60px) * 0.41);
	padding: 8px 20px 8px 0;
}

.kfa-job .job-range {
	min-width: calc((100% - 60px) * 0.25);
	padding-right: 20px;
}

.kfa-job .job-link-wrapper {
	hyphens: manual;
	min-width: calc((100% - 60px) * 0.34);
	text-align: right;
}

.kfa-job a.job-link {
	display: inline-block;
	padding: 10px 40px 10px 0;
	position: relative;
    text-decoration-color: var(--g-carrier-color);
    text-underline-offset: 3px;
}

.kfa-job a.job-link:hover {
	text-decoration: none;
}

.kfa-job a.job-link .sv-arrow_long_r {
	font-size: 1.5rem;
	padding-left: 10px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}


@media (max-width: 500px) {
	
	.kfa-job {
		flex-wrap: wrap;
		padding-top: 15px;
	}

	.kfa-job .job-icon,
	.kfa-job .job-title,
	.kfa-job .job-range,
	.kfa-job .job-link-wrapper {
		width: 100%;
	}

	.kfa-job .job-title {
		padding-right: 0;
		padding-top: 10px;
	}

	.kfa-job .job-range {
		padding-right: 0;
	}

	.kfa-job .job-link-wrapper {
		width: 100%;
	}

}


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

/* RESPOND */

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

@media (max-width: 960px) {

    #esv-header {
        height: 51px;
    }

    #esv-header .logo {
        top: 0px;
		margin-left: 1%;
    }

    #esv-header .logo img {
        width: auto;
        height: 50px;
    }
    
    .tools {
		width: 205px;
	}

	.searching .tools .column2 {
		width: 154px;
	}
	
	.tools .column1, .tools .column2 {
		width: auto;
	}
	
	.others, .extra, .login, .contact {
		width: 51px;
	}
	
	.extra img {
		top: 12px;
		right: 12px;
	}
	
	
	.column1 .linkbox,
    .column2 .linkbox {
        background-color: rgba(0, 128, 64, 0.1);  /*kfa*/
    }

    .newslist .column1 h3.linkblock_title {
        background-color: rgba(0, 128, 64, 0.1);  /*kfa*/
    }
	
	.landing .center .sidebar {
		border-top: 1px solid rgba(0, 128, 64, 0.2); /*kfa*/
	}

}

@media (max-width: 600px) {

	.sidebar {
	    border-top: 1px solid rgba(0, 128, 64, 0.2); /*kfa*/
	}
	
}

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

/* PORTLET */

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

button, .button, .btn,
.btn_2spalten, .btn_3spalten, .btn_4spalten, .btn_5spalten, .btn_6spalten, .btn_7spalten, .btn_8spalten, .btn_9spalten,
a.a_btn_3spalten, a.a_btn_4spalten, a.a_btn_5spalten, a.a_btn_6spalten, a.a_btn_7spalten {
	background: rgb(0, 128, 64);  /*kfa*/
}

.titel, .titel_detail,
.top_header, h2.top_header,
.beachtensie_1, .beachtensie_1_klein, .beachtensie_sternchen,
.sternchen,
#esv-main .termin h2,
.bestellung_preis,
#nav a:hover, #nav #nav_punkt_active a, #active a {
	color: rgb(0, 128, 64);  /*kfa*/
}

@media (max-width: 600px) {
	
	#esv-links { 
		border-top: 1px solid rgba(0, 128, 64, 0.2); /*kfa*/
	}
	
}

.ui-datepicker-prev, .ui-datepicker-next {
	background: rgb(0, 128, 64); /*kfa*/
}