/*OEGK

blau: #001e50;
gruen: #00B56E;


.custom2: line without padding-bottom

*/

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

/* HEADER logos, login, metanavi */

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


/*remove condensed style*/
h1,
h2,
h3,
h4,
h5,
h6,
a.more_link,
button,
.button,
.btn,
.tools,
nav,
#esv-nav_portal_detail,
#esv-navigation,
.latest li a,
.imgnavitext .text,
.column1 .linkbox .esvlinks li a,
.date,
.scores,
.morestories a,
.list .listline h2 a,
.letter,
.initial,
.a-z_search,
.lead,
.keywords,
a.feedback,
.links_news h4,
.contact_name,
.contact_function,
.tel_link,
.top,
.addresstitle,
#esv-footer .others,
#esv-footer .partner,
.youtube_video_wrapper .youtube_video_trigger .youtube_privacy {
  font-family: 'Roboto', sans-serif;
}

body,
input,
textarea,
select,
.searchbox:focus,
.searchbox,
nav a,
.current-menu-item .sub-menu a,
.dropdown a,
.left a,
.imgnavitext h2 a,
.imgnavitext .text a,
.imgnavitext .text,
.neutral .imgnavitext h2 a,
.neutral .imgnavitext .text a,
.neutral .imgnavitext .text,
.landingitem .text li a:hover,
.list .listline h2 a:hover,
.letter,
.initial,
.a-z_search,
.pager a:hover,
a.toc_anchor,
.linkbox a:hover,
.inpagenavi a:hover,
#esv-footer .carrier_dropdown a,
#esv-footer .bkk h2,
#esv-footer a.carrierajaxurl,
#esv-footer .carrier_dropdown a:hover {
  color: #001e50;
}

.button_cookiecheck {
  color: #001e50 !important;
}

.searching .searchbutton,
.searching .searchbutton[type="submit"],
.context_menu {
  background-color: #001e50;
}


label,
input,
select {
  max-width: none;
  min-width: 0;
}

/*header*/


#esv-header {
  height: 220px;
}

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

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

.login,
.userlinks {
  background: rgb(0, 181, 110);
  /*oegk*/
}

.userlinks {
  width: 250%;
}

.footerlogo img {
  width: 200px;
}

.tools .column1 {
  width: 33.3%;
}

.tools .column2 {
  width: 66.6%;
}

#district {
  display: flex;
  flex-wrap: wrap;
  width: 50%;
  float: left;
  height: 40px;
  position: relative;
  text-transform: uppercase;
  z-index: 2;
}

#esv-header .extra .esvlink {
  line-height: 24px;
}

@media (min-width: 961px) {

  .others {
    width: 30%;
  }

  .extra {
    width: 30%;
  }

  .login {
    width: 20%;
  }

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

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

  #district {
    display: flex;
    flex-wrap: wrap;
    width: 50%;
    float: left;
    height: 40px;
    position: relative;
    text-transform: uppercase;
    z-index: 2;
  }
}

.districtcontainer.roof>li:nth-child(2) {
  display: none;
}

.districtcontainer.room>li:first-child {
  display: none;
}

.austria_dark {
  width: 37px;
  height: auto;
  position: absolute;
  top: 8px;
  right: 8px;
}

.districtcontainer {
  height: 40px;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  overflow: hidden;
  transition: all .3s;
  background: rgb(242, 245, 245);
  padding: 0;
  margin: 0;
}

#district .districtcontainer.hover,
#district:hover .districtcontainer {
  height: 520px;
}

#district_dg #district .districtcontainer.hover,
#district_dg #district:hover .districtcontainer {
  height: 560px;
}

.districtcontainer li {
  border-bottom: 1px solid white;
  list-style: none;
  padding: 0 18px;
  height: 40px;
  order: 2;
  width: 100%;
}

.districtcontainer li a {
  text-decoration: none;
  display: flex;
  width: 100%;
  font-weight: 400;
  align-items: center;
  height: 40px;
  color: rgb(0, 181, 110);
  font-size: 14px;
  line-height: 15px;
}

.districtcontainer li a:focus,
.districtcontainer li a:hover {
  color: #001e50;
}

.districtcontainer li.selected {
  order: 1;
  width: 88%;
}

.districtcontainer li.selected a {
  font-weight: 500;
  color: #001e50;
  font-size: 16px;
}

.districtcontainer>li:last-child {
  height: 120px;
  order: 3;
  text-align: center;
}

.districtcontainer>li:last-child svg {
  height: auto;
  width: 90%;
  max-width: 170px;
  margin: 10px 0;
}

.esv_noe .austria_dark .esv_noe,
.esv_sbg .austria_dark .esv_sbg,
.esv_wien .austria_dark .esv_wien,
.esv_stm .austria_dark .esv_stm,
.esv_ktn .austria_dark .esv_ktn,
.esv_vbg .austria_dark .esv_vbg,
.esv_ooe .austria_dark .esv_ooe,
.esv_tirol .austria_dark .esv_tirol,
.esv_bgl .austria_dark .esv_bgl {
  fill: #00B56E;
}

.selectmap .esv_oe {
  stroke: #00B56E;
}

.selectmap polygon,
.selectmap path {
  stroke: #00B56E;
  stroke-width: 1;
}

.contentline.district_switch h3 {
  color: #00B56E;
}

.contentline.district_switch .selectmap .esv_oe {
  stroke: #00B56E;
  stroke-width: 2;
}

.searchbox {
  background: transparent;
  box-shadow: none;
  border: none;
  text-align: left;
}

#search {
  border-bottom: 1px solid #001e50;
}

/*frontpage*/


.newslist .column2>h3,
.newslist .column1 h3 {
  font-weight: 700;
  text-transform: uppercase;
  margin: 30px 0 20px;
  letter-spacing: 1px;
}

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

/*  IMGNAVI */

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

.imgnavitext {
  background: rgba(0, 181, 110, 0.9);
  /*oegk*/
}

.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, 181, 110);
  /*oegk*/
}

nav a:visited,
a:visited {
  color: inherit;
}

.letter a:hover {
  background-color: rgb(0, 181, 110);
  /*oegk*/
}


.context_menu a {
  color: white;
  text-decoration: underline;
}


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

/* ELEMENTS */

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

/* breadcrumb */

.standardlineconcept .lc_navigations {
  display: none;
}

/*lines*/

.meta_container.bg_grey {
  margin: 0;
}

.meta_container.bg_grey>.contentline:first-child {
  padding-top: 40px;
}

.contentline.custom2 {
  padding-bottom: 0px;
}

/*lc*/

.text h1 {
  font-size: 1.8rem;
  line-height: 2rem;
}

.freetext h2 {
  font-size: 1.2rem;
  line-height: 1.4rem;
}

/*end lc*/




.contentline.grey {
  background: rgba(206, 206, 206, 0.2);
  /*oegk_grau*/
}

#esv-nav_portal_detail,
#esv-navigation,
#nav,
.showsub,
.blog.sidebar {
  background: rgba(164, 200, 196, 0.2);
  /*oegk_blau*/
}

hr,
hr.zonecloser {
  background: rgba(0, 181, 110, 0.2);
  /*oegk*/
}

h1,
.titelzone h1,
/* old */
.titlezone h1,
.landing .lead,
.scores {
  color: rgb(0, 181, 110);
  /*oegk*/
}

.esv_infobox,
.tippbox,
.inpagenavi a {
  background: rgba(206, 206, 206, 0.2);
  /*oegk_grau*/
  color: rgb(0, 181, 110);
  /*oegk*/
}

a.feedback,
.landingitem h2,
.esv-td-header,
.score {
  background: rgba(206, 206, 206, 0.2);
  /*oegk_grau*/
}

a.feedback {
  color: #475256;
}

a.feedback:hover {
  color: rgb(0, 181, 110);
  /*oegk*/
}

td,
.linkbox.links_dropdown {
  border: 1px solid rgba(0, 181, 110, 0.2);
  /*oegk*/
}

.esv-bullet li:before,
.esv-karo li:before,
.esv-arrow li:before {
  border-color: rgb(0, 181, 110);
  /*oegk*/
}

.dotted,
.dashed {
  border-color: rgba(0, 181, 110, 0.2);
  /*oegk*/
}

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

.linkbox.links_dropdown {
  border: 1px solid rgba(0, 181, 110, 0.2);
  /*oegk*/
}

.list.images .textbox h3 {
  border-top: 1px solid rgba(0, 181, 110, 0.2);
  /*oegk*/
}


/*accordion*/

.accordion dt,
.accordion dd {
  position: relative;
  background: white;
  -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, .4);
  -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, .4);
  box-shadow: 0px 2px 4px rgba(0, 0, 0, .4);
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#ccc')";
  /* For IE 8 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#ccc');
  /* For IE 5.5 - 7 */
}

.accordion dt a {
  font-weight: 400;
  color: rgb(0, 181, 110);
  font-size: 1rem;
  position: relative;
  padding-right: 50px;
}

.accordion dt {
  list-style: none;
  margin-bottom: 18px;
  position: relative;
}

.accordion dt.open {
  background-color: white;
  margin-bottom: 0;
}

.accordion dt>a:before {
  content: '';
  background-color: rgb(0, 181, 110);
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 15px;
  position: absolute;
  top: calc(50% - 15px);
  right: 18px;
}

.accordion dt>a:after {
  content: '';
  display: block;
  width: 14px;
  height: 14px;
  border-radius: 2px;
  position: absolute;
  top: calc(50% - 12px);
  right: 25px;
  border: 2px solid white;
  transform: rotate(45deg);
  border-top: none;
  border-left: none;
}

.accordion dt.open>a:before {
  background-color: rgba(0, 30, 80, .4);
}

.accordion dt.open>a:after {
  transform: rotate(-135deg);
  top: calc(50% - 4px);
}

.accordion dt>a img {
  width: 0;
}

.accordion dd {
  padding: 18px;
}

.accordion dd .freetext.text {
  font-size: .88rem;
  line-height: 1.2rem;
}


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

/* RESPOND */

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

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
  .extra img {
    margin-top: 0px;
  }

  .austria_dark {
    top: 0px;
  }
}

@media (min-width: 961px) {

  #search {
    display: block !important;
  }

}

@media (max-width: 960px) {
  #esv-header {
    height: 41px;
  }

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

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

  .tools {
    width: calc(100% - 170px);
    height: 40px;
    display: flex;
    justify-content: flex-end;
  }

  .searching .tools .column2,
  .tools .column1,
  .tools .column2 {
    width: auto;
    display: flex;
    justify-content: flex-end;
  }

  .menuicon,
  .accessicon,
  .login,
  .searchicon,
  .extra {
    width: 51px;
    height: 40px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  #district {
    width: 170px;
  }

  .districtcontainer li.selected {
    width: 75%;
  }

  .extra {
    width: 80px;
  }

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

  .extra img {
    top: 5px;
    right: 12px;
  }

  .login img {
    top: 6px;
  }

  .accessicon img,
  .searchicon img,
  .menuicon img {
    height: 30px;
    padding-top: 3px;
  }

  .userlinks {
    top: 40px;
  }

  .districtcontainer li a,
  .districtcontainer li.selected a {
    font-size: 10px;
    line-height: 12px;
  }

  .districtcontainer li,
  .districtcontainer li.selected {
    padding: 0 8px;
  }

  .searching #search {
    top: 40px;
  }

  #esv-header.searching {
    height: 80px;
    margin-bottom: 10px;
  }

  .imagenavi ul {
    margin-top: 0;
  }

  .column1 .banner .links_banner,
  .boxline_second,
  .boxline {
    width: 100%;
    padding: 0 10%;
    margin: 0;
  }

  .newslist .column2>h3 {
    text-align: center;
  }

  .newslist .column2 {
    padding: 0 2%;
  }

  .newslist ul.listlines {
    border: none;
  }

  .listline.featured .imagebox {
    width: 50%;
  }

  .column1 .linkbox,
  .column2 .linkbox {
    background-color: rgba(164, 200, 196, 0.2);
    /*oegk_blau*/
  }

  .column1 .linkbox a,
  .column2 .linkbox a {
    color: #475256;
  }

  .column1 .linkbox a:hover,
  .column2 .linkbox a:hover {
    color: rgb(0, 181, 110);
    /*oegk*/
  }

  .newslist .column1 h3.linkblock_title {
    background-color: rgba(164, 200, 196, 0.2);
    /*oegk_blau*/
  }

  .landing .center .sidebar {
    border-top: 1px solid rgba(0, 181, 110, 0.2);
    /*oegk*/
  }

}

@media (max-width: 600px) {

  #esv-header .logo img {
    max-width: none;
  }

  .tools {
    width: 100%;
  }

  .sidebar {
    border-top: 1px solid rgba(0, 181, 110, 0.2);
    /*oegk*/
  }

  #district {
    border-right: 1px solid white;
  }

  .listline.featured .imagebox {
    width: 25%;
  }

}

@media (max-width: 590px) {

  #esv-header {
    height: 82px;
  }

  .tools {
    top: 42px;
  }

  .accessicon,
  .menuicon {
    position: absolute;
    top: -41px;
  }

  .accessicon {
    right: 51px;
  }

  .menuicon {
		right: 0;
	}

}

@media (max-width: 400px) {

  .four.square.big .li1,
  .big.four.square.special .li2,
  .imagenavi .big.four.square.special4 .li4,
  .four li,
  .big.four li,
  .four.square li,
  .big.four.square li {
    width: 100%;
    padding-bottom: 100%;
  }
}

@media (max-width: 360px) {
  
  #district {
    width: 130px;
  }

  .austria_dark {
    display: none;
  }

}


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

/* 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, 181, 110);
}

.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, 181, 110);
}

@media (max-width: 600px) {

  #esv-links {
    border-top: 1px solid rgba(0, 181, 110, 0.2);
    /*oegk*/
  }

}

.ui-datepicker-prev,
.ui-datepicker-next {
  /*oegk*/
  background: rgb(0, 181, 110); /*oegk*/
}


/*  Content CMS editor fix (OEGK) */
.contentline {
  line-height: 24px;
}

body{
  font-size: 15px;
}