/*SVC/[Layout]/portal.css
rgb(249, 184, 18); SVC yellow
rgb(116, 115, 120); grey_dark
rgb(240, 242, 243); light_grey
*/
/*
	15px = 1rem; (base)
    16px = 1.067rem;
    18px = 1.2rem;
    24px = 1.6rem;
    27px = 1.8rem;
    38px = 2.533rem;
    43px = 2.867rem;
*/
/* ============================================ */
/* base settings                        - Start */
/* ============================================ */

:root {
	--g-carrier-color: rgb(249, 184, 18);

	--p-text-color: rgb(249, 184, 18);

	--g-link-text-color: rgb(249, 184, 18);

	--p-link-text-color: rgb(71, 82, 86);
	--p-link-text-color-02: rgb(116, 115, 120);

	--g-accordion-bg-color: rgba(249, 184, 18, 0.8);
}

/* body */

body, html {
	color: var(--g-text-color);
	font-size: 15px;
	font-weight: 400;
	line-height: 24px;
}

/* font */

.freetext.text {
	font-size: 1rem;
	font-weight: 300;
	line-height: 1.6rem;
}

.template-Standardzeilenkonzept h1,
.template-Standardzeilenkonzept .text h1 {
	color: rgb(249, 184, 18);
	font-size: 2.533rem;
	font-weight: 400;
	line-height: 2.867rem;
}

.template-Standardzeilenkonzept h2,
.template-Standardzeilenkonzept .text h2 {
	font-size: 1.2rem;
	line-height: 1.8rem;
}

.template-Standardzeilenkonzept h3,
.template-Standardzeilenkonzept .text h3 {
	font-size: 1.067rem;
	line-height: 1.6rem;
	letter-spacing: 0.033rem;
}

.template-Standardzeilenkonzept h4,
.template-Standardzeilenkonzept .text h4 {
	font-size: 1.2rem;
	line-height: 1.8rem;
}

.template-Standardzeilenkonzept h5,
.template-Standardzeilenkonzept .text h5 {
	font-size: 1rem;
	line-height: 1.6rem;
	letter-spacing: 0.033rem;
}

.template-Standardzeilenkonzept h6,
.template-Standardzeilenkonzept .text h6 {
	font-size: 1rem;
	line-height: 1.6rem;
	letter-spacing: 0.033rem;
	text-transform: uppercase;
}

.mobilenavi .menu-item {
	font-size: 1.067rem;
}


/* ============================================ */
/* HEADER logos, login, metanavi                */
/* ============================================ */

#esv-header {
	height: 175px;
}

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

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

.login,
.userlinks {
	background: rgb(249, 184, 18); /*SVC yellow*/
}

.tools .column2, nav.main, .line.grey, .dropdown {
    background: rgb(240, 242, 243); /*SVC light_grey*/
}

nav.main .menu-item.open {
	background-color: rgb(240, 242, 243); /*SVC light_grey*/
}

.mobilenavi li {
	border-bottom: 1px solid var(--g-border-color);
}

.mobilenavi li li:first-child {
	border-top: 1px solid var(--g-border-color);
}

.mobilenavi .menu-item.current-menu-item a {
	color: var(--p-link-text-color);
}

.mobilenavi .menu-item.current-menu-item a:hover {
	color: var(--p-link-text-color-02);
}

.left .menu-item a {
	color: var(--p-link-text-color);
}

.footerlogo img {
	width: 120px;
}

.others, .contact {
	width: 100%;
	background: rgb(249, 184, 18); /*SVC yellow*/
}

.contact .esvlink:hover {
	color: var(--g-link-text-color-02);
}

.tools {
	top: 0px;
	width: 50%;
}


/* ============================================ */
/*  IMGNAVI                                     */
/* ============================================ */

.imgnavitext {
	background: rgba(249, 184, 18, 0.9); /*SVC*/
}


/* ============================================ */
/* LINKS                                        */
/* ============================================ */

a {
	color: rgb(116, 115, 120); /*SVC dark_grey*/
}

nav a:hover,
.menu-item.current-menu-item > a,
.left .menu-item.current-menu-item a:hover,
.left .menu-item a:hover,
.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(116, 115, 120); /*SVC dark_grey*/
}

.letter a:hover {
    background-color: rgb(249, 184, 18); /*SVC yellow*/
}

.left .current-menu-item a {
	text-decoration: underline;
}

.left .current-menu-item li a {
	text-decoration: none;
}

.left .current-menu-item li a:hover {
	text-decoration: underline;
}

.landingitem .text li a:hover,
.linkbox a:hover,
a:active,
a:focus,
a:visited,
a:hover,
.column1 .linkbox li a:hover.esvlink {
	color: rgb(71, 82, 86);
}

.column1 .linkbox li a.esvlink img {
	opacity: 1;
	-ms-filter: alpha(opacity=100); /* For IE8 and earlier */
}

.column1 .linkbox li a:hover.esvlink img {
	opacity: .4;
	-ms-filter: alpha(opacity=40); /* For IE8 and earlier */
}

/* ============================================ */
/* ELEMENTS                                     */
/* ============================================ */

.contentline.grey {
	background: rgba(240, 242, 243, 0.5); /*SVC light_grey*/
}

#esv-nav_portal_detail,
#esv-navigation,
#nav,
.showsub,
.blog.sidebar  {
	background: rgba(249, 184, 18, 0.15); /*SVC yellow*/
}

.esv_infobox,.tippbox,
.inpagenavi a {
    background: rgba(249, 184, 18, 0.15); /*SVC yellow*/
    color: rgb(116, 115, 120); /*SVC dark_grey*/
}

a.feedback,
.landingitem h2,
.esv-td-header,
.score {
    background: rgb(240, 242, 243); /*SVC light_grey*/
}

hr,
hr.zonecloser {
	background-color: rgba(116, 115, 120, 0.4);  /*SVC dark_grey*/
}

.titelzone h1, /* old */
.titlezone h1 {
	color: rgb(249, 184, 18); /*SVC yellow*/
	font-weight : 400;
}

.landing .lead,
.scores {
	color: rgb(116, 115, 120);  /*SVC dark_grey*/
}

.listline h3 a {
	color: rgb(116, 115, 120);  /*SVC dark_grey*/
}
.listline h3 a:hover {
	color: rgb(71, 82, 86);  /*default text*/
}


a.feedback {
	color: rgb(116, 115, 120);  /*SVC dark_grey*/
}
a.feedback:hover {
	color: rgb(71, 82, 86);  /*default text*/	
}

td,
.linkbox.links_dropdown {
	border: 1px solid rgba(116, 115, 120, 0.4); /*SVC dark_grey*/
}

.esv-bullet li:before, .esv-karo li:before, .esv-arrow li:before {
	border-color: rgb(249, 184, 18); /*SVC yellow*/
}

.dotted, .dashed { 
	border-color: rgba(116, 115, 120, 0.4);  /*SVC dark_grey*/
}

.linkbox, .landingitem,
.pager b, .pager a:hover { 
	border-bottom: 1px solid rgba(116, 115, 120, 0.4);  /*SVC dark_grey*/
}

.linkbox.links_dropdown {
	border: 1px solid rgba(116, 115, 120, 0.4);  /*SVC dark_grey*/
}

.list.images .textbox h3 {
	border-top: 1px solid rgba(116, 115, 120, 0.4);  /*SVC dark_grey*/
}

.morestories a {
	background: rgba(116, 115, 120, .7); /*SVC dark_grey*/
}


/* ============================================ */
/* esvlink                                      */
/* ============================================ */

.esvlink:hover {
	color: var(--g-link-text-color);
}

.esvlink:visited {
	color: var(--g-link-text-color);
}


/* ============================================ */
/* lctile                              - Start  */ 
/* ============================================ */

.tile:not(.tile_type01) h1,
.tile:not(.tile_type01) h2,
.tile:not(.tile_type01) h3,
.tile:not(.tile_type01) h4,
.tile:not(.tile_type01) h5,
.tile:not(.tile_type01) h6 {
	color: var(--p-text-color);
}

.tile:not(.tile_type01) .tilelink *,
.tile:not(.tile_type01) .text .esvlink,
.tile:not(.tile_type01) .more_link, 
.tile:not(.tile_type01) .tilelink *:hover,
.tile:not(.tile_type01) .text .esvlink:hover,
.tile:not(.tile_type01) .more_link:hover {
	color: var(--g-link-text-color);
} 

/* ============================================ */
/* accordion                            - Start */
/* ============================================ */

.accordion dt.open {
	background: var(--g-carrier-color);
}  

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

/* 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: 154px;
	}

	.searching .tools .column2 {
		width: 103px;
	}	
	
	.column1 .linkbox,
    .column2 .linkbox {
        background-color: rgba(116, 115, 120, 0.1);  /*SVC dark_grey*/
    }
	
	.column1 .linkbox a,
    .column2 .linkbox a {
        color: rgb(116, 115, 120);  /*SVC dark_grey*/
    }

    .newslist .column1 h3.linkblock_title {
        background-color: rgba(116, 115, 120, 0.1);  /*SVC dark_grey*/
    }
	
	.landing .center .sidebar {
		border-top: 1px solid rgba(116, 115, 120, 0.4);  /*SVC dark_grey*/
	}

}

@media (max-width: 600px) {

	.sidebar {
	    border-top: 1px solid rgba(116, 115, 120, 0.4);  /*SVC dark_grey*/
	}
	
}

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

/* 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(249, 184, 18);  /*SVC yellow*/
}

.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(116, 115, 120); /*SVC dark_grey*/
}

@media (max-width: 600px) {
	
	#esv-links { 
		border-top: 1px solid rgba(116, 115, 120, 0.4);  /*SVC dark_grey*/
	}
	
}

.ui-datepicker-prev, .ui-datepicker-next {
	background: rgb(249, 184, 18); /*SVC yellow*/
}