/* auva-microsites-node-group.css */

/*
rgb(28, 128, 190);  blau
*/

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

/*  HEADER logos, login, metanavi

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

/* nav2 no JS disable */

#esv-navigation {
	display:none;
}

#esv-navigation.visible {
	display: block;
}


/*undo lieferung only*/

.bigimage_teaser img,
.size_100pc {
	width: 100%;
}


html {
	background-color: #E7E7E7;
	font-size: 15px;
}

body {
	background-color: inherit;
}

/*////////////////
respond*/

/*fluid cetered frame*/

.contentline.searchlist .right,
.center {
  float: none;
  width: 1280px;
  margin: 0 auto;
}

@media (max-width: 1300px) {

	.contentline.searchlist .right,
	.center {
        width: 96%;
    }

    #esv-content_with_nav {
        width: 70%;
    }

    .left {
        width: 94%;
    }

    #esv-navigation {
        width: 30%;
    }

    .right {
        width: 97,2%;
    }


}

@media (max-width: 960px) {

	.contentline.searchlist .right,
	.contentline .center,
	footer .center,
	.center {
    width: 100%;
	float: left;
  }
}


/*application - old grid*/

.esv-application #esv-container {
    display: flex;
	width: 100%;
}

.esv-application #esv-navigation {
    width: calc(((100% - 1280px) / 2 ) + 384px);
	background: transparent;
	display: flex;
	justify-content: flex-end;
}

.esv-application #esv-navigation .left {
	width: 384px;
	background: white;
	padding: 85px 0 25px 25px;

}

.esv-application .right {
    width: 896px;
	background: white;
	padding: 25px 25px 25px 44px;
}

.esv-application .breadcrumb {
	padding: 20px 0 0 8px;
}



@media (max-width: 1300px) {

	.esv-application #esv-content_with_nav {
	width: 75%;
	}

	.esv-application #esv-navigation .left {
	width: 93%;
	}

	 .esv-application #esv-navigation {
	width: 25%;
	}

	.esv-application .right {
	width: 97.2%;
	}

}

@media (max-width: 960px) {

	.esv-application .right {
	width: 100%;
	padding: 25px;
	margin: 0;
	}

	.esv-application #esv-content_with_nav {
	width: 100%;
	background: white;
	}

	.esv-application #esv-navigation {
	display: none;
	}


}


/*header*/

#esv-header {
	border: none;
	background: none;
	margin: 0;
	box-shadow: none;
	height: auto;
}

#esv-header .center {
	border-top: 30px solid white;
	height: 230px;
	background: rgb(28, 128, 190);  /*auva*/
}

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

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

#headertitle {
	position: absolute;
	top: 10px;
	left: 300px;
	color: white;
	font-size: 1.6rem;
	width: calc(100% - 690px);
	max-width: 400px;
}

/*top navigation*/

#topnavigation {
	position: absolute;
	right: 0;
	top: -24px;
	width: 100%;
}

#topnavigation ul {
	display: flex;
	justify-content: flex-end;
}

#topnavigation li a {
	padding-right: 15px;
	text-decoration: none;
}

#topnavigation li.current-top-item a {
	color: rgb(28, 128, 190);  /*auva*/
}

#esv-header .accessicon {
	position: absolute;
	top: -35px;
}

.template_switch #esv-header .accessicon {
    position: static;
}

/*search*/

#search {
	position: absolute;
	right: 25px;
	top: 10px;
	border: none;
	width: 350px;
}

.searchbutton[type="submit"], .searchbutton {
	text-indent: 0;
	border-radius: 0;
	border: 1px solid rgb(255, 255, 255, .5);  /*auva*/
	height: 40px;
	margin-top: 0;
	background-image: none;
	background: rgb(28, 128, 190);
	padding: 0;
}

.searchbutton img {
	width: 80%;
	height: auto;
}

.searchbutton_text {
	display: none;
}

.search .searchbox {
	max-width: none;
}

/*main navigation*/

.template_switch .main {
	display:none;
}

.main {
	height: 60px;
	background: linear-gradient(to bottom, #fdfffd, #e3e5e2);
	z-index: 10;
}

.main .menu > .menu-item > a,
.main ul.menu {
	height: 60px;
}

.main ul {
	display: flex;
	justify-content: center;
	margin-left: 0;
	width: 100%;
}

.main .menu > li.menu-item {
	padding: 0;
	height: 60px;
	font-weight: 400;
	width: 20%;
	text-transform: none;
	display: none;
}

.main .menu > li.menu-item:nth-child(1),
.main .menu > li.menu-item:nth-child(2),
.main .menu > li.menu-item:nth-child(3),
.main .menu > li.menu-item:nth-child(4),
.main .menu > li.menu-item:nth-child(5) {
	display: flex;
}


.main .menu > li > a {
	border-left-width: 1px;
	border-right-width: 0;
	border-top-width: 0;
	border-bottom-width: 0;
	border-style: solid;
	-webkit-border-image: -webkit-gradient(linear, 0 100%, 0 0, from(grey), to(rgba(0, 0, 0, 0))) 1 100%;
	-webkit-border-image: -webkit-linear-gradient(top, grey, rgba(0, 0, 0, 0)) 1 100%;
	-moz-border-image: -moz-linear-gradient(top, grey, rgba(0, 0, 0, 0)) 1 100%;
	-o-border-image: -o-linear-gradient(top, grey, rgba(0, 0, 0, 0)) 1 100%;
	border-image: linear-gradient(to bottom, grey, rgba(0, 0, 0, 0)) 1 100%;
	padding: 0 15px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.main .menu > li {
	border-left: 1px solid #fff;
	position: relative;
}

.main .menu > li.open.menu-item > a,
.main .menu > li > a:hover {
	background: rgb(28, 128, 190);
	color: #fff;
}

.main .menu > li:first-child > a {
	border: none;
}

.main .menu > li:first-child {
	border: none;
}

/*meta navigation*/

#metanavigation {
    position: absolute;
    bottom: 57px;
    right: 27px;
}

#metanavigation {
  overflow: hidden;
  width: 50%;
  margin: 0;
  padding: 0;
  list-style: none;
}

#metanavigation li {
  float: right;
  margin: 0 17px 0 0;
}

#metanavigation li:last-child {
  margin: 0 8px 0 0;
}

#metanavigation a {
  position: relative;
  background: #F5F5F5;
  background-image: linear-gradient(to bottom, #DFDFDF, #CCC9C9);
  padding: 15px 30px;
  float: left;
  text-decoration: none;
  color: #FFF;
  border-radius: 5px 0 0 0;
  box-shadow: 0 2px 2px rgba(0,0,0,.4);
  font-size: 1rem;
}

#metanavigation a:hover,
#metanavigation a:hover::after,
#metanavigation a:focus,
#metanavigation a:focus::after {
  background: #fff;
  color: rgb(28, 128, 190);  /*auva*/
}

#metanavigation a:focus {
  outline: 0;
}

#metanavigation a:after {
  content:'';
  position:absolute;
  z-index: 1;
  top: 0;
  right: -.5em;
  bottom: 0;
  width: 1em;
  background: #F5F5F5;
  background-image: linear-gradient(to bottom, #DFDFDF, #CCC9C9);
  box-shadow: 2px 2px 2px rgba(0,0,0,.4);
  transform: skew(10deg);
  border-radius: 0 5px 0 0;
}

#metanavigation .current-meta-item a,
#metanavigation .current-meta-item a::after {
  background: #fff;
  z-index: 3;
  color: rgb(28, 128, 190);  /*auva*/
  text-shadow: 0 1px 0 rgba(255,255,255,.8);
}

/*dropdown*/


.dropdown {
	background: transparent;
	box-shadow: none;
	padding: 0;
}

.dropdown > ul li > ul.submenu li > ul.submenu {
	display: none;
}

.dropdown ul {
	display: flex;
	flex-wrap: wrap;
	margin-left: 0;
	width: 100%;
	justify-content: center;
}

.dropdown ul > li > ul {
	justify-content: center;
	background: rgba(28, 128, 190, .9);  /*auva*/
	width: 20%;
	padding: 20px 10px;
	margin: 0;
	border-left: 1px solid white;
}

.dropdown ul > li:nth-child(1) > ul {
	border: none;
}
.dropdown ul > li:nth-child(2) > ul {
	margin-left: 20%;
}
.dropdown ul > li:nth-child(3) > ul {
	margin-left: 40%;
}
.dropdown ul > li:nth-child(4) > ul {
	margin-left: 60%;
}
.dropdown ul > li:nth-child(5) > ul {
	margin-left: 80%;
}

.dropdown > ul > li > ul > li {
	width: 100%;
	margin-bottom: 10px;
}

.dropdown ul > li > a {
	text-align: center;
	text-transform: none;
}

.dropdown a {
	color: rgb(255,255,255);
}

.dropdown a:hover {
	color: rgba(255,255,255,.5);
}

.closedropdown {
	display: none;
}


/*subnavi*/

.left .menu-item a {
	line-height: 1.2rem;
	font-weight: 400;
}

.left .menu-item .sub-menu a {
	font-weight: 400;
	/*color: rgb(28, 128, 190);*/
}



/*grid*/


.center .breadcrumb {
	padding: 0;
	width: 100%;
	display: block;
	height: 30px;
}

.breadcrumb li:last-child:after {
    content: '';
}

.contentline .center {
	background: white;
	padding: 25px;
}

.esv-columns {
	display: flex;
	width: 100%;
	justify-content: space-between;
}

.center.with_nav #esv-navigation {
    width: 25%;
	background: none;
}


#esv-navigation .left {
	width: 100%;
}


.right {
    width: 896px;
}

.center.with_nav .esv-content {
	padding-left: 5%;
	width: 75%;
}

.esv-content {
	width : 100%;
}

.sidebar {
	padding: 0;
	width: 28%;
}

/*title-zones*/

.titlezone {
	display: block;
	float: left;
	padding-bottom: 30px;
}

.titlebar {
	background-image: linear-gradient(to bottom, #ccc, #fff);
	position: relative;
	z-index: 4;
	padding: 0 0 80px 0;
	margin-bottom: -30px;
	overflow: hidden;
}

.titlezone h1 {
	background: #fff;
	position: relative;
	z-index: 4;
	padding: 0 0 0 30%;
	font-size: 2.5rem;
	line-height: 2.6rem;
}

.titlezone h1 span {
	display: block;
    position: relative;
    top: 20px;
}

.pagetools {
	position: absolute;
	top: 3px;
	right: 0;
	z-index: 5;
}


.titlebar .icon_small {
	width: 22px;
}

.titlebar:before {
  content:'';
  position:absolute;
  z-index: -1;
  bottom: 35px;
  left: 25%;
  width: 75%;
  height: 80px;
  background: #fff;
  transform: skew(30deg);
  border-radius: 0 0 0 7px;
}

.titlebar:after {
    content: '';
    position: absolute;
    z-index: -1;
    height: 80px;
    left: -50px;
    bottom: -80px;
    width: calc(25% + 80px);
    background: #fff;
    transform: skew(30deg);
    box-shadow: 0 -50px 40px white;
}

.titleimage img {
	width: 100%;
	padding-top : 18px;
}

/*content elements*/

.contentheader_img {
	width: 100%;
	height: auto;
}

.esv-content .text {
	font-size: 1.05rem;
	padding-top: 18px;
}

.detail .inpagenavi {
	margin-top: 0;
}

.detail .text h2 {
	font-size: 1.2rem;
}

.detail .text h2:first-of-type {
	margin-top: 0px;
}

.detail .text .toc ul {
	display: block;
	padding: 0;
}

.detail .text ul {
	display: block;
}

.inpagenavi a {
	width: 100%;
}

.up {
	margin: 0;
}

.up + h2 {
	padding-right: 40px;
}


.esv-subpagelinks ul {
	padding: 15px 0;
	display: flex;
	flex-wrap: wrap;
}

.esv-subpagelinks li {
	padding: 5px 10px 5px 0;
	width: 50%;
}

.esv-subpagelinks a {
	text-decoration: none;
}

.esv-subpagelinks a:hover {
	color: #475256;
}

.esv-subpagelinks li:before {
content: "";
display: inline-block;
border-color: rgb(28, 128, 190);
border-style: solid;
border-width: 1px;
border-bottom: none;
border-left: none;
margin: 0 8px 2px 0;
width: 5px;
height: 5px;
-webkit-transform: rotate(45deg) skew(15deg, 15deg);
-moz-transform: rotate(45deg) skew(15deg, 15deg);
-o-transform: rotate(45deg) skew(15deg, 15deg);
transform: rotate(45deg) skew(15deg, 15deg);
}

/* ============================================ */
/*  Consent Dialog */
/* ============================================ */

#consent-container .consent-opt-in-button,
#consent-container .switcher.default .textYes {
	background-color: rgb(28, 128, 190);
}

#consent-container .consent-right {
	border-bottom-color: rgb(28, 128, 190);
}

/* ============================================ */
/* Accordion 									*/
/* ============================================ */

.accordion dt {
	background-color: rgb(28, 128, 190);
}

.accordion dt.open {
	background-color: rgb(28, 128, 190);
}



/*sidebar elements*/

.sidebar {
	padding-top: 18px;
}

.linkbox {
	 border: none !important;
}

.linkbox.helpbox {
	background: linear-gradient(to right, #ebeea1, #dae145);
	border: none;
	padding: 0;
}

.linkbox.helpbox ul.esvlinks {
	margin: 0;
}

.linkbox.helpbox li .esvlink img {
	margin: 0 10px -3px 0;
	width: 30px;

}

.helpbox.linkbox .esvlinks li {
	padding: 15px 10px;
	border-bottom: 1px solid #fff;
}

.helpbox li a {
	color: #464646;
	font-size: 1.2rem;
	font-weight: 700;
}


.linkbox.blue {
	background: rgb(28, 128, 190);
	color: #fff;
	padding: 15px;
	font-size: .9rem;
	font-weight: 300;
}

.linkbox.blue a {
	color: #fff;
}

.linkbox.blue hr {
	background: #fff;
	margin: 20px 0;
}

.sidebar .linkbox ul.esvlinks{
    margin-top : 0px
}

/*SEARCHLIST /////////////////////////////////////////////////////*/

.contentline.searchlist .right {
  background: #fff;
  padding: 25px;
}

.searchlist .titlezone .titletext {
	display: block;
	padding: 0;
}

.searchlist .titlezone h1 {
	padding: 20px 0;
}

.searchlist .titlezone h1 span {
	display: inline-block;
	top: auto;
}

.searchlist hr.zonecloser {
	margin: 0;
}

.searchlist .onlydetail,
.searchlist .pagetools {
	padding: 0;
	float: left;
}

.searchlist .search {
	width: 100%;
}

.searchlist .search .searchbutton {
	width: 100px;
	margin-left: 0;
}

.searchlist .pager,
.searchlist .list {
	padding-right: 0;
	padding-left: 0;
}

.searchlist .list {
	float: none;
}


.searchlist .pager {
	float: none;
}


/*TEMPLATE WITHOUT_NAVI /////////////////////////////////////////////////////*/

.without_navigation #esv-navigation {
	display: none;
}

.center.bigimage_teaser {
	padding: 3px 0 0 0;
}

.detail .titlebar:before {
	transform: skew(-30deg);
	left: auto;
	right: 50%;
	width: 50%;
	bottom: 30px;
	border-radius: 0 0 5px 0;
	height: 50px;
}

.detail .titlebar:after {
	transform: skew(-30deg);
    left: auto;
    right: 0;
    width: calc(50% + 40px);
    bottom: -60px;
    height: 50px;
    box-shadow: 0 -50px 40px white;
}

.detail .titlebar h2 {
	background: #fff;
	padding: 10px 0 0 0;
	margin: 0;
	font-size: 1.5rem;
	line-height: 1.5rem;
	margin-bottom: -23px;
}

.titlebar h2 a {
	text-decoration: none;
}

/*slider*/

.esv-slider {
	position: relative;
	margin: 40px 0;
}

.esv-slider_container {
	width: 100%;
	height: 250px;
	overflow: hidden;
	position: relative;
}

.esv-slider_container li {
	position: absolute;
	width: 100%;
	height: 100%;
	padding: 0 40px;
	display: none;
}


.esv-slider_container li.current-item {
	margin: 0 0 0 0;
}

.esv-slider_container li:first-child {
	display: block;
}


.slider_arrow_prev, .slider_arrow_next {
	position: absolute;
	top: calc(50% - 20px);
	width: 40px;
	height: 40px;
	left: 0;
	font-size: 0;
	overflow: hidden;
	background: rgba(255,255,255,.3);
}

.slider_arrow_prev img, .slider_arrow_next img {
	height: 90%;
	width: auto;
}

.slider_arrow_next {
	left: auto;
	right: 0;
}

/*slider item styles*/

.esv-slider .textbox {
	font-size: 1rem;
}

.esv-slider .textbox h3 {
	font-size: 1.3rem;
}

.esv-slider .textbox h3 a {
	text-decoration: none;
}

/*two columns news and faqs*/


.tile .linkbox .linkblock_title	{
	width: 100%;
	padding: 15px;
}

.newslist .linkbox,
.faqs .linkbox {
	margin: 0;
	background: #f1f1f1;
	border: none;
	padding: 15px;
	line-height: 1.2rem;
}

.newslist .linkbox .esvlink,
.faqs .linkbox .esvlink {
	margin: 0;
	display: block;
}

.newslist .linkbox {
	font-size: 90%;
	margin-bottom: 15px;
}

.newslist .linkbox a {
	font-size: 1rem;
}

.faqs .esvlink img {
	margin-left: -20px;
}

.newslist .linkbox {
	margin-bottom: 10px;
}

.tile .linkbox h3 {
	margin: 0;
	font-family: 'Roboto', sans-serif;
	padding: 0 0 0 15px;
}

.tile .linkbox h3 img {
	margin-left: -20px;
}

.detail .tile .date {
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	text-align: left;
	padding-left: 15px;

}



/*TEMPLATE SWITCH /////////////////////////////////////////////////////*/

.template_switch #esv-header .center {
	height: 130px;
	border-top: 3px solid white;
}

.template_switch #topnavigation,
.template_switch #metanavigation,
.template_switch #navigation,
.template_switch .search {
	display: none;
}


.freetext h2, .free_column h2 {
	font-size: 1.7rem;
	line-height: 1.7rem;
	color: rgb(28, 128, 190);  /*auva*/
}

.tile .titlebar {
	margin-bottom: 0;
	padding-bottom: 50px;
}

.tile .titlebar:before {
	bottom: 20px;
}

.tile .titlebar h2 {
	background: #fff;
	text-align: right;
	padding: 0 25px 0 0;
	margin: 0;
}

.tile .titlebar a {
	text-decoration: none;
}

.esvlink_button_right {
	position: relative;
	display: block;
}

.template_switch .esvlink_button_right img {
	position: absolute;
	right: 0px;
	width: 25px;
	top: -90px;
}

.tile .tippbox {
	margin: 30px 0;
	padding: 15px;
	float: left;
	background: rgb(28, 128, 190);  /*auva*/
	color: #fff;
	font-size: 1.05rem;
}

.tile .tippbox a {
	color: #fff;
}

.tile .tippbox.tobelbad {
  float:left;
  width:65%;
  margin:0px;
}

.tile .helpbox_tobelbad {
  float:right;
  width:30%;
}

.tile .tippbox.tobelbad .left {
  float: left;
}

.tile .tippbox.tobelbad .right {
  float: right;
}

/*////////////////
column_layouts*/


.column1_layout,
.columns2_layout,
.columns3_layout,
.columns4_layout {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
}

.column1_layout > div,
.column1_layout > li {
  width: 100%;
}

.columns2_layout > div,
.columns2_layout > li {
  width: 49%;
}

.columns2_layout > div.free_column,
.columns2_layout > li.free_column {
  width: 48%;
}

.columns3_layout > div,
.columns3_layout > li {
  width: 32%;
}

.columns3_layout > div.free_column,
.columns3_layout > li.free_column {
  width: 31%;
}

.columns4_layout > div,
.columns4_layout > li {
  width: 23.5%;
}

/*tiles*/

.tile {
  margin-bottom: 18px;
  position: relative;
  overflow: hidden;
}

div.columns2_layout div.tile:last-child,
div.columns2_layout div.tile:nth-last-child(2),
ul.columns2_layout li.tile:last-child,
ul.columns2_layout li.tile:nth-last-child(2) {
  margin-bottom: 0px;
}

a.tilelink, a.tilelink a {
  text-decoration: none;
}

.tile .tileimg {
  display: block;
  margin: 0 auto;
}

.freetext,
.tile .text, .tile:not(.free_column) h3 {
  padding-left: 18px;
  padding-right: 18px;
}

.tile:not(.free_column) h3 {
  margin: 18px 0;
}

.tile .text {
  padding-bottom: 60px;
  float: left;
  width: 100%;
  font-size: 1.05rem;
}

.tile .text .subtext {
  padding-right:20px;
  min-height: 400px;
}

.tile .text small {
  font-size: 0.8426rem;
}

.tile .more_link {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 1rem;
}


/*articles*/

.article {
	padding: 30px 0;
}

.article .imagebox,
.article .textbox {
	height: 250px;
}

.article .textbox .text {
	padding: 0;
}


.article .imagebox {
	width: 48%;
	overflow: hidden;

}

.article .imagebox img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}


.textbox {
	width: 48%;
	float: none;
}

.textbox h3 {
	font-size: 1.619rem;
	line-height: 1.81rem;
	margin: 5px 0 18px;
}


/*images in tiles and articles*/

.image_right .imagebox {
	float: right;
}

.image_right .textbox {
	float: left;
}


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

/* START OLD */

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



.contact a {
	color: #fff;
}

a:hover .userinfo,
a:hover .logintext,
.contact a:hover {
	color: #8ac5e3;
}

.footerlogo img {
	width: 100px;
}

.login_portal .mysv.table-row {
	display: none;
}

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

/*  IMGNAVI */

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

.imgnavitext {
	background: rgba(28, 128, 190, 0.9);
}

.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,
nav.esv-subpagelinks a {
	color: rgb(28, 128, 190);  /*auva*/
}

.letter a:hover {
    background-color: rgb(28, 128, 190);  /*auva*/
}

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

/*  ELEMENTS */

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

#esv-nav_portal_detail,
#nav,
.showsub,
.blog.sidebar  {
	background: rgba(28, 128, 190, 0.15); /*auva*/
}

.showsub  {
	background: rgba(28, 128, 190, 0.5); /*auva*/
}

hr,
hr.zonecloser {
	background: rgba(28, 128, 190, 0.4);  /*auva*/
}

.titlezone h1,
.landing .lead,
.scores {
	color: rgb(28, 128, 190);  /*auva*/
}

.esv_infobox,.tippbox,
.inpagenavi a {
    background: rgba(28, 128, 190, 0.1); /*auva*/
    color: rgb(28, 128, 190);  /*auva*/
}

a.feedback,
.landingitem h2,
.esv-td-header,
.score {
    background-color: rgba(28, 128, 190, 0.3); /*auva*/
}

td,
.linkbox.links_dropdown {
	border: 1px solid rgba(28, 128, 190, 0.4); /*auva*/
}

.esv-bullet li:before, .esv-karo li:before, .esv-arrow li:before {
	border-color: rgb(28, 128, 190); /*auva*/
}

.dotted, .dashed {
	border-color: rgba(28, 128, 190, 0.4); /*auva*/
}

.linkbox, .landingitem,
.pager b, .pager a:hover {
	border-bottom: 1px solid rgba(28, 128, 190, 0.4); /*auva*/
}

.linkbox.links_dropdown {
	border: 1px solid rgba(28, 128, 190, 0.4); /*auva*/
}

.list.images .textbox h3 {
	border-top: 1px solid rgba(28, 128, 190, 0.4); /*auva*/
}

#esv-footer {
	background: none;
	border: none;
	min-height: 300px;
	padding: 0;
}

#esv-footer > .center {
	background: var(--g-footer-bg-color);
	min-height: 300px;
	padding: 0 30px;
}

.top {
	margin: 0;
}


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

/* RESPOND */

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

@media (max-width: 960px) {

    #esv-header {
		height: 53px;
    }

	.template_switch #esv-header .center,
	#esv-header .center {
		border-top: 3px solid white;
		height: 53px;
	}

    #esv-header .logo {
        top: -1px;
		transition: all 1s;
    }

    #esv-header .logo img {
        height: 50px;
		transition: all 1s;
    }

	.main,
	#search,
	#metanavigation,
	#topnavigation {
		display: none;
	}

	#esv-header .accessicon {
		position: static;
	}

	#headertitle {
		left: 150px;
		font-size: 1rem;
		line-height: 1.2rem;
		width: calc(100% - 290px);
		margin: 0;
		top: 5px;
		transition: all 1s;
	}

	.menuicon,
	.searchicon {
		background: #349cd1;
		float: right;
		display: block;
	}

	.menuicon, .accessicon, .login, .searchicon {
		border-right: 1px solid #1c80be;  /*auva*/
	}

	.searching #search {
		max-width: none;
		right: 0;
		padding:10px 15px;
		height: 60px;
	}

	.searching #search form {
		display: flex;
	}

	.searching .searchbutton, .searching .searchbutton[type="submit"] {
		position: relative;
		height: 40px;
		margin: 0;
		background: rgb(28, 128, 190);
	}

	.searching .searchbutton img {
		display: none;
	}

	.searching .searchbutton .searchbutton_text {
		display: block;
	}

	#esv-navigation.visible,
	#esv-navigation {
		display: none;
	}

	.esv-application #esv-navigation.lightbox,
	.center.with_nav #esv-navigation.lightbox {
		width: 100%;
		background: rgba(242, 245, 245, 0.98);
	}

	.titlezone h1 {
		padding-left: 15%;
	}

	.titlezone .titlebar {
		padding: 0 0 70px 0;
	}

	.titlebar:before {
		left: 10%;
		width: 90%;
	}

	.titlebar:after {
		width: calc(10% + 80px)
	}

	.center.with_nav .esv-content {
		padding: 0;
		width: 100%;
	}

	.esv-content {
		display: flex;
		flex-direction: row-reverse;
		flex-wrap: wrap;
	}

	.esv-content aside {
		width: 100%;
	}

	.without_navigation .esv-content aside {
		order: 1;
	}

	.esv-content .detail {
		width: 100%;
	}

	.without_navigation .esv-content .detail {
		order: 2;
	}


	.column1 .linkbox,
    .column2 .linkbox {
        background-color: rgba(28, 128, 190, 0.1);  /*auva*/
    }

    .newslist .column1 h3.linkblock_title {
        background-color: rgba(28, 128, 190, 0.1);  /*auva*/
    }

	.landing .center .sidebar {
		border-top: 1px solid rgba(28, 128, 190, 0.4); /*auva*/
	}

    .right {
        width: 98%;
    }

    #esv-content_with_nav {
        width: 100%;
    }

	.columns2_layout > div.free_column {
		width: 100%;
	}

	.searchlist .search .searchbox {
	width: calc(100% - 100px);
	padding-right: 10px;
	}

	a.esvlink-arrow-left:before {
		bottom: -0.1rem;
	}

}

@media (max-width: 600px) {

	#esv-header .logo {
		left: 2px;
		transition: all 1s;
    }

	#headertitle {
		left: 138px;
	}

	.detail .titlebar:after {
    	width: calc(20% + 40px);
	}

	.detail .titlebar:before {
		right: 20%;
		width: 80%;
	}

	.esv-slider_container {
		height: 500px;
	}

	.article .textbox,
	.article .imagebox {
		width: 100%;
	}

	.detail .columns2_layout,
	.esv-content aside {
		flex-wrap: wrap;
		display: flex;
	}

	.detail .columns2_layout > div,
	.esv-content aside > div {
		width: 100%;
	}

	.sidebar {
	    border-top: 1px solid rgba(28, 128, 190, 0.4); /*auva*/
	}

	.esv-subpagelinks li {
		width: 100%;
		padding: 5px 0;
	}

}

@media (max-width: 485px) {

	#esv-header,
	#esv-header .center {
		height: 101px;
	}

	#headertitle {
		width: calc(100% - 140px);
	}

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

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

	.searchicon {
		right: 51px;
	}

	.menuicon {
		right: 0;
	}

	.searching #search {
		top: 98px;
	}

	.template_switch #esv-header,
	.template_switch #esv-header .center {
		height: 53px;
	}

	.template_switch #esv-header #headertitle {
		width: calc(100% - 290px);
	}

	.template_switch #esv-header .accessicon,
	.template_switch #esv-header .searchicon,
	.template_switch #esv-header .menuicon {
		position: static;
	}

	.template_switch #esv-header.searching #search {
		top: 50px;
	}

}

@media (max-width: 430px) {

	.template_switch #esv-header,
	.template_switch #esv-header .center {
		height: 101px;
	}

	.template_switch #esv-header #headertitle {
		width: calc(100% - 140px);
	}

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

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

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

	.template_switch #esv-header .menuicon {
		right: 0;
	}

	.template_switch #esv-header.searching #search {
		top: 98px;
	}

}


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

/* 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(28, 128, 190);
}

.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(28, 128, 190);
}

@media (max-width: 600px) {

	#esv-links {
		border-top: 1px solid rgba(28, 128, 190, 0.4);  /*sv*/
	}

}

.ui-datepicker-prev, .ui-datepicker-next {
	background: rgb(28, 128, 190);
}

/* FIX TITLEIMAGE esvbild1 */
.titleimage img{
     width:66.6%;
}
.titleimage picture img{
     width:100%;
}

/* sidebarimage Startseite */
.sidebarimage img {
	margin-bottom : 30px;
}

/* FIX FG Without Navigation width */

body.esv-application .no_sidebar .detail {
    float : none;
}