/* CHIPKARTE/[Layout]/chipkarte-node-group.css


rgb(0, 138, 87) / #008a57;  chipcard_dark
rgb(189, 215, 211);  chipcard_light
*/


/* ============================================ */
/* base settings                        - Start */
/* ============================================ */

/* color definition */

:root {
	--g-carrier-color: #008a57;

	--gr-text-color: #008a57;

	--g-bundeslandweiche-text-color: rgb(228, 48, 55);

	--g-link-text-color: #008a57;

	--gr-link-text-color: #475256;

	--gr-bg-color: rgb(0, 138, 87);
	--gr-bg-color-02: rgba(0, 138, 87, 0.1);
	--gr-bg-color-03: rgba(0, 138, 87, 0.2);
	--gr-bg-color-04: rgba(0, 138, 87, 0.3);
	--gr-bg-color-05: rgba(0, 138, 87, 0.9);
	--gr-bg-color-06: rgb(189, 215, 211);
	--gr-bg-color-07: rgba(189, 215, 211, 0.3);

	--g-border-color-10: #008a57;

	--gr-border-color: rgba(0, 138, 87, 0.2);
	--gr-border-color-02: rgb(0, 138, 87);

	--g-fill-color: rgb(228, 48, 55);
}


/* font */

.titelzone h1,
.titlezone h1 {
	color: var(--gr-text-color);
}


/* links */

a,
a:active,
a:focus,
a:hover,
#esv-nav_portal_detail .where a {
	color: var(--g-link-text-color);
}


/* table */

.esv-td-header {
	background: var(--gr-bg-color-04);
}

td {
	border: 1px solid var(--gr-border-color);
}


/* list */

.esv-bullet li:before,
.esv-karo li:before,
.esv-arrow li:before {
	border-color: var(--gr-border-color-02);
}


/* pagination */

.pager b,
.pager a:hover {
	border-bottom: 1px solid var(--gr-border-color);
}


/* elements */

#esv-nav_portal_detail {
	background: var(--gr-bg-color-07);
}

.blog.sidebar {
	background: var(--gr-bg-color-07);
}

a.feedback {
	background: var(--gr-bg-color-04);
	color: var(--g-link-text-color);
}

a.feedback:hover {
	color: var(--gr-link-text-color);
}

.score {
	background: var(--gr-bg-color-04);
}

.scores {
	color: var(--gr-text-color);
}

.list.images .textbox h3 {
	border-top: 1px solid var(--gr-border-color);
}


/* ============================================ */
/* header                               - Start */
/* ============================================ */

#esv-header {
	height: 170px;
}

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

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

.tools .column1 {
	width: 33.3%;
}

.tools .column2 {
	width: 66.6%;
}

.others,
.extra,
.contact {
	width: 40%;
}

.extra a {
	font-size: 0;
	padding: 0;
}

.extra img {
	display: block;
	height: 35px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	top: 0;
}

.login {
	width: 20%;
}

.login,
.userlinks {
	background: var(--gr-bg-color);
}


@media (max-width: 960px) {

	#esv-header {
		height: 51px;
	}

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

	#esv-header .logo img {
		height: 48px;
		width: auto;
	}

	.tools {
		width: auto;
	}

	.tools .column1,
	.tools .column2 {
		display: table-cell;
		float: none;
		width: auto;
	}

	.menuicon,
	.accessicon,
	.login,
	.searchicon,
	.extra {
		width: 51px;
	}

	.extra {
		width: 80px;
	}

}

@media (max-width: 405px) {

	#esv-header .logo img {
		height: auto;
		margin-top: 8px;
		max-width: 85px;
	}

}

@media (max-width: 368px) {

	#esv-header .logo img {
		height: auto;
		margin-top: 10px;
		max-width: 70px;
	}

}

@media (max-width: 349px) {

	#esv-header .logo img {
		height: auto;
		margin-top: 12px;
		max-width: 60px;
	}

}

@media (max-width: 340px) {

	#esv-header {
		height: 100px;
	}

	#esv-header.searching {
		height: 150px;
		transition: height 0.2s;
	}

	#esv-header .logo img {
		max-width: 110px;
		position: absolute;
		top: 10px;
	}

	#esv-header .accessicon,
	#esv-header .searchicon {
		position: absolute;
		top: 48px;
	}

	#esv-header .accessicon {
		right: 51px;
	}

	.tools .column2 {
		background: var(--g-bg-color-02);
	}

	#esv-header .searchicon {
		right: 0;
	}

	#esv-header .extra {
		border: none;
		position: absolute;
		right: 100px;
	}

	#esv-header .login {
		position: absolute;
		right: 51px;
	}

	#esv-header #search {
		top: 100px;
	}

}


/* ============================================ */
/* main-navigation                      - Start */
/* ============================================ */

#nav {
	background: var(--gr-bg-color-07);
}

nav a:hover,
.current-menu-item a,
.current-menu-item a:hover,
nav.main .menu-item.open a,
nav.meta .current-menu-ancestor a,
nav.main .current-menu-ancestor a {
	color: var(--g-link-text-color);
}


/* ============================================ */
/* sub-navigation                       - Start */
/* ============================================ */

#esv-navigation {
	background: var(--gr-bg-color-07);
}


/* ============================================ */
/* breadcrumb                           - Start */
/* ============================================ */

.showsub {
	background: var(--gr-bg-color-07);
}


/* ============================================ */
/* esvbildnavigation                    - Start */
/* ============================================ */

.imgnavitext {
	background: var(--gr-bg-color-05);
}

.imgnavitext h2 a,
.imgnavitext .text,
.imgnavitext .text a,
.imgnavitext a:visited,
.imgnavitext a:focus,
.imgnavitext a:active {
	color: var(--g-link-text-color-03);
}

.inpagenavi a {
	background: var(--gr-bg-color-07);
	color: var(--g-link-text-color);
}


/* ============================================ */
/* esvtrennlinie                        - Start */
/* ============================================ */

hr,
hr.zonecloser {
	background: var(--gr-bg-color-03);
}

.dotted,
.dashed {
	border-color: var(--gr-border-color);
}


/* ============================================ */
/* esvlinkbox                           - Start */
/* ============================================ */

.linkbox {
	border-bottom: 1px solid var(--gr-border-color);
}

.linkbox.links_dropdown {
	border: 1px solid var(--gr-border-color);
}

.column1 .linkbox li a.esvlink img {
	height: auto;
	opacity: 1;
	width: 100%;
}


@media (max-width: 960px) {

	.column1 .linkbox,
	.column2 .linkbox {
		background-color: var(--gr-bg-color-02);
	}

	.column1 .linkbox .esvlink img:not([href=""]) {
		display: block;
		margin: auto;
	}

	.column1 .linkbox li a.esvlink img.icon_small {
		height: auto;
		width: 18px;
	}

}


/* ============================================ */
/* esvleistungsoverview                 - Start */
/* ============================================ */

.letter a:hover {
	background-color: var(--gr-bg-color-06);
}


/* ============================================ */
/* esvcoloredtextbox                    - Start */
/* ============================================ */

.esv_infobox,
.tippbox {
	background: var(--gr-bg-color-07);
	color: var(--gr-text-color);
}


/* ============================================ */
/* esvlandingpageblockbox               - Start */
/* ============================================ */

.landingitem {
	border-bottom: 1px solid var(--gr-border-color);
}

.landingitem h2 {
	background: var(--gr-bg-color-04);
}


/* ============================================ */
/* esvsidebarboxcontainer               - Start */
/* ============================================ */

@media (max-width: 600px) {

	.sidebar {
		border-top: 1px solid var(--gr-border-color);
	}

}


/* ============================================ */
/* Startseite                           - Start */
/* ============================================ */

@media (max-width: 960px) {

	.newslist .column1 h3.linkblock_title {
		background-color: var(--gr-bg-color-02);
	}

}


/* ============================================ */
/* Landingpage                          - Start */
/* ============================================ */

.landing .lead {
	color: var(--gr-text-color);
}


@media (max-width: 960px) {

	.landing .center .sidebar {
		border-top: 1px solid var(--gr-border-color);
	}

}


/* ============================================ */
/* webapp                               - Start */
/* ============================================ */

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: var(--gr-bg-color);
}

.titel,
.titel_detail,
.top_header,
h2.top_header,
.beachtensie_1,
.beachtensie_1_klein,
.beachtensie_sternchen,
.sternchen,
#esv-main .termin h2,
.bestellung_preis {
	color: var(--gr-text-color);
}

#nav a:hover,
#nav #nav_punkt_active a,
#active a {
	color: var(--g-link-text-color);
}

.ui-datepicker-prev,
.ui-datepicker-next {
	background: var(--gr-bg-color);
}


@media (max-width: 600px) {

	#esv-links {
		border-top: 1px solid var(--gr-border-color);
	}

}


/* ============================================ */
/* footer                               - Start */
/* ============================================ */

.footerlogo img {
	width: 120px;
}