/* VAN/[Layout]/van-node-group.css


14px = 0.7rem
16px = 0.8rem
18px = 0.9rem
19px = 0.95rem
20px = 1rem (base)
24px = 1.2rem
36px = 1.8rem
*/


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

/* color definition */

:root {
  --g-carrier-color: rgb(29, 79, 130);

  --p-link-text-color: #F4F8FB;

  --p-nav-text-color: #1C5787;
  --g-nav-text-color-02: rgb(29, 79, 130);

  --g-nav-bg-color-04: #D2DDEB;
}


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

/* metanavi */

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


h1,
h2,
h2,
h3,
h4 {
  color: rgb(29, 79, 130);
  font-weight: 400;
}

.text h1,
.tile h1,
.free_column h1 {
  font-size: 2.4rem;
  line-height: 2.3rem;
}

.text h2,
.tile h2,
.free_column h2 {
  font-size: 2rem;
  line-height: 2.2rem;
}

.text>h2:first-child,
.text>h3:first-child {
  margin-top: 0;
}

.tile h3 {
  font-size: 2.4rem;
  line-height: 2.6rem;
}

.free_column h3 {
  font-size: 1.8rem;
  line-height: 2rem;
}

.text {
  line-height: 1.4rem;
}

.footerlogo img {
  width: 120px;
}

footer .menu-others {
  display: none;
}


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

.main {
  background: var(--g-bg-color-02);
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  height: 58px;
  position: absolute;
  width: 100%;
}

.main>ul {
  justify-content: flex-end;
  padding: 0 98px 0 245px;
}

.main .menu-item {
  padding: 0 20px;
  text-transform: none;
}

.main a,
.main a:visited,
.main a:active,
.main a:focus,
.main a:hover {
  color: var(--p-nav-text-color);
  font-size: 0.7rem;
  line-height: 0.95rem;
}

.main .menu-item a {
  height: 58px;
  letter-spacing: initial;
}

.main .menu-item a:hover {
  border-bottom: 3px solid var(--g-carrier-color);
}


/* fixed header */

.fixed .main,
.fixed .main .menu-item a {
  height: 50px;
}


/* ============================================ */
/* mobile-navigation                    - Start */
/* ============================================ */

@media (max-width: 960px) {

  body.esv-application #esv-navigation.show {
    z-index: 11 !important;
  }

  #esv-navigation.lightbox {
    background: rgba(255, 255, 255, .98);
  }

  .mobilenavi li {
    border-bottom: none;
    text-transform: none;
  }

  #esv-container #esv-navigation .mobilenavi>ul>.hide-in-sub>a {
    display: none;
  }

  .mobilenavi li.hide-in-sub>ul.sub-menu {
    margin: 0;
    padding: 0;
  }

  .mobilenavi li a {
    padding-left: 0;
  }

  .mobilenavi .menu-item a {
    color: var(--lc-link-text-color);
    font-family: 'Roboto', sans-serif;
    font-size: 1.2rem;
    text-align: center;
    text-decoration: none;
  }

  .mobilenavi .current-menu-item>a,
  .mobilenavi .current-menu-item>a:focus,
  .mobilenavi .menu-item>a:focus,
  .mobilenavi .menu-item>a:hover,
  .mobilenavi .menu-item.open a,
  .mobilenavi .current-menu-ancestor .current-menu-ancestor .current-menu-ancestor>a {
    color: var(--g-nav-text-color-02);
  }

  .mobilenavi li li {
    padding-bottom: 0;
    padding-top: 15px;
  }

  .mobilenavi li li:first-child {
    border-top: none;
    margin-top: 0;
  }

  .mobilenavi li li li li.menu-item a {
    font-size: 1rem;
  }
}

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

@media (min-width: 961px) {

  #esv-navigation {
    display: none;
  }
}


/* ============================================ */
/* content                              - Start */
/* ============================================ */

.content {
  margin-top: 0;
}

/* ============================================ */
/* content                                - End */
/* ============================================ */

/* breadcrumb */

.standardlineconcept .lc_navigations {
  display: none;
}

/*lines*/

.custom1>.center {
  padding: 0 7%;
}

.meta_container.bg_color2 {
  background-color: rgba(29, 79, 130, .1);
}

.bg_color2 a,
.bg_color1 a {
  color: rgba(29, 79, 130, 1);
}


/* ============================================ */
/* zeilenkonzeptpageheader              - Start */
/* ============================================ */

.lc_pageheader,
.lc_pageheader_slider.slick-carousel-tagtyp-wrapper {
  margin-top: 0;
}


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

/* 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(29, 79, 130);
  /*van*/
}

.letter a:hover {
  background-color: rgb(29, 79, 130);
  /*van*/
}

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

/* ELEMENTS */

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


/*tiles*/


.custom2 .tileimg {
  width: 90px;
}

.custom2 .textbox>h3 {
  font-size: 1.8rem;
  line-height: 2rem;
  font-weight: 400;
  text-align: center;
}

.custom2 .tile {
  padding-bottom: 60px;
}

.custom2 .textbox .text {
  padding-bottom: 0;
}

.custom2 .tile .more_link {
  width: 100%;
  text-align: center;
  font-weight: 700;
  text-transform: uppercase;
  font-size: .8rem;
}

.custom3 .image_right .imagebox,
.image_left .imagebox {
  width: 10%;
}

.custom3 .image_right .textbox,
.image_left .textbox {
  width: 89%;
}


/*reducer*/

.reducer,
.reducerend {
  width: 100%;
  text-align: center;
  display: block;
  cursor: pointer;
}

.reducerend img,
.reducer img {
  width: 15px;
}

.reducerend:hover img,
.reducer:hover img {
  transform: rotate(90deg);
}

/*accordion*/


.accordion {
  margin-top: 40px;
}

.accordion dt {
  list-style: none;
  background-color: rgba(29, 79, 130, 0.7);
  margin-bottom: 10px;
  position: relative;
}

.accordion dt.open {
  background-color: rgb(29, 79, 130);
}


a:visited,
a:active,
a:focus,
a:hover {
  color: rgba(29, 79, 130, 1);
}

dl.accordion dt a {
  font-weight: 300;
  color: white;
  display: block;
  width: 100%;
  padding: 12px 70px 12px 12px;
  text-decoration: none;
}

dl.accordion dt a span.sv-down {
  top: 0;
}

img {
  width: fit-content;
}


/*DESIGN2.0 ELEMENTS*/

hr,
hr:not(.dashed):not(.dotted):not(.hidden_clearer),
hr.zonecloser {
  background: rgba(29, 79, 130, 0.2);
  /*van*/
  border-bottom: 1px solid rgb(29, 79, 130);
}

.titelzone h1,
/* old */
.titlezone h1,
.landing .lead,
.scores {
  color: rgb(29, 79, 130);
  /*van*/
}

.esv_infobox,
.tippbox,
.inpagenavi a {
  background: rgba(29, 79, 130, 0.1);
  /*van*/
  color: rgb(29, 79, 130);
  /*van*/
}

a.feedback,
.landingitem h2,
.esv-td-header,
.score {
  background: rgba(29, 79, 130, 0.1);
  /*van*/
}

a.feedback {
  color: #475256;
}

a.feedback:hover {
  color: rgb(29, 79, 130);
  /*van*/
}

td,
.linkbox.links_dropdown {
  border: 1px solid rgba(29, 79, 130, 0.2);
  /*van*/
}

.esv-bullet li:before,
.esv-karo li:before,
.esv-arrow li:before {
  border-color: rgb(29, 79, 130);
  /*van*/
}

.dotted,
.dashed {
  border-color: rgba(29, 79, 130, 0.2);
  /*van*/
}

.linkbox,
.landingitem,
.pager b,
.pager a:hover {
  border-bottom: 1px solid rgba(29, 79, 130, 0.2);
  /*van*/
}

.linkbox.links_dropdown {
  border: 1px solid rgba(29, 79, 130, 0.2);
  /*van*/
}

.list.images .textbox h3 {
  border-top: 1px solid rgba(29, 79, 130, 0.2);
  /*van*/
}

#esv-footer {
  min-height: 0px;
}

#esv-footer .top {
  margin-bottom: 0px;
}


/* ============================================ */
/* Suchergebnisseite                    - Start */
/* ============================================ */

.searchlist .searchbutton[type="submit"]:after {
  color: var(--g-carrier-color);
  content: "\e9ee";
  font-family: "sv_icons" !important;
  font-size: 36px;
  height: 40px;
  position: absolute;
  right: 2px;
  top: 0;
  transform: rotate(-90deg);
  width: 42px;
}


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

/* RESPOND */

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

@media (max-width: 960px) {

  .column1 .linkbox,
  .column2 .linkbox {
    background-color: rgba(29, 79, 130, 0.1);
    /*van*/
  }

  .newslist .column1 h3.linkblock_title {
    background-color: rgba(29, 79, 130, 0.1);
    /*van*/
  }

  .landing .center .sidebar {
    border-top: 1px solid rgba(29, 79, 130, 0.2);
    /*van*/
  }

}

@media (max-width: 600px) {

  .sidebar {
    border-top: 1px solid rgba(29, 79, 130, 0.2);
    /*van*/
  }

}

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

/* 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(29, 79, 130);
  /*van*/
}

.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(29, 79, 130);
  /*van*/
}

@media (max-width: 600px) {

  #esv-links {
    border-top: 1px solid rgba(29, 79, 130, 0.2);
    /*van*/
  }

}

.ui-datepicker-prev,
.ui-datepicker-next {
  background: rgb(29, 79, 130);
  /*van*/
}