/*KFA.SALZBURG
rgb(207, 7, 47);  kfa-rot
*/

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

/* HEADER logos, login, metanavi */

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

#esv-header {
  height: 210px;
}

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

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

.login,
.userlinks {
  background: rgb(207, 7, 47); /*kfa*/
}

.footerlogo img {
  width: 120px;
}

.tools .column1 {
  width: 33.3%;
}

.tools .column2 {
  width: 66.6%;
  background: #e6e6e6;
}

.extra {
  display: block;
  line-height: 24px;
}

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

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

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

.login {
    width: 20%;
}

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

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

/*  IMGNAVI */

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

.imgnavitext {
  background: rgba(207, 7, 47, 0.9); /*kfa*/
}

.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:visited, 
a:active,
a:focus,
a:hover,
nav a:hover,
.lc_showsub 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(207, 7, 47);  /*kfa*/
}

nav a,
nav a:visited {
    color: #475256;
}

.current-menu-item a,
.current-menu-item a:visited  {
	color: rgb(207, 7, 47); /*kfa*/
}

.letter a:hover {
    background-color: rgb(207, 7, 47);  /*kfa*/
}

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

/* ELEMENTS */

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

.main  {
  background: #e6e6e6;
}

.lc_showsub {
  top: 6px;
}

#esv-nav_portal_detail,
#esv-navigation,
#nav,
.showsub,
.lc_showsub,
.blog.sidebar  {
  background: #fafafa;
}

hr,
hr.zonecloser,
.text hr {
  background: rgba(207, 7, 47, 0.2);  /*kfa*/
}

hr:not(.dashed):not(.dotted):not(.hidden_clearer) {
    border-bottom: 1px solid rgb(207, 7, 47);  /*kfa*/
}

.titelzone h1, /* old */
.titlezone h1,
.landing .lead,
.scores {
  color: rgb(207, 7, 47);  /*kfa*/
}

.esv_infobox,.tippbox,
.inpagenavi a {
    background: rgba(207, 7, 47, 0.1); /*kfa*/
    color: rgb(207, 7, 47);  /*kfa*/
}

a.feedback,
.landingitem h2,
.esv-td-header,
.score {
    background: rgba(207, 7, 47, 0.1);  /*kfa*/
}

a.feedback {
  color: #475256;
}
a.feedback:hover {
  color: rgb(207, 7, 47);  /*kfa*/
}

td,
.linkbox.links_dropdown {
  border: 1px solid rgba(207, 7, 47, 0.2); /*kfa*/
}

.esv-bullet li:before, .esv-karo li:before, .esv-arrow li:before {
  border-color: rgb(207, 7, 47); /*kfa*/
}

.dotted, .dashed { 
  border-color: rgba(207, 7, 47, 0.2); /*kfa*/
}

.linkbox, .landingitem,
.pager b, .pager a:hover { 
  border-bottom: 1px solid rgba(207, 7, 47, 0.2); /*kfa*/
}

.linkbox.links_dropdown {
  border: 1px solid rgba(207, 7, 47, 0.2); /*kfa*/
}

.list.images .textbox h3 {
  border-top: 1px solid rgba(207, 7, 47, 0.2); /*kfa*/
}

.accordion dt {
	background-color: rgba(207, 7, 47, .8); /*kfa*/
}

.accordion dt.open {
	background: rgb(207, 7, 47); /*kfa*/
}

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

/* Zeilenkonzept */

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

.meta_container.bg_grey, 
.meta_container.grey {
    background-color: #f9f9f9;
}

.lc_columnContainer h2 {
  font-size: 1.8rem;
  line-height: 1.8rem;
}

@media(min-width:600px){
  .tile .text, .tile h3{
    padding-left: 0px;
  }
}

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

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

    .menuicon, .searchicon {
        background: #e6e6e6;
    }

    .searching .tools .column2 {
        width: 234px;
    }
    
    .tools .column1, .tools .column2 {
        width: auto;
    }
    
    .others, .extra, .login, .contact {
        width: 51px;
    }

    .extra {
        width: 80px;
        line-height: 14px;
    }
    
    .extra img {
        top: 6px;
    }    
    
    .column1 .linkbox,
    .column2 .linkbox {
        background-color: rgba(207, 7, 47, 0.1);  /*kfa*/
    }

    .newslist .column1 h3.linkblock_title {
        background-color: rgba(207, 7, 47, 0.1);  /*kfa*/
    }
    
    .landing .center .sidebar {
        border-top: 1px solid rgba(207, 7, 47, 0.2); /*kfa*/
    }

}

@media (max-width: 600px) {

  .sidebar {
      border-top: 1px solid rgba(207, 7, 47, 0.2); /*kfa*/
  }
  
}

@media (max-width:340px) {
 
  .searching .tools .column2 {
    width: 204px;
  }

  #esv-header .extra {
    width: 51px;
  }

}

@media (max-width:310px) {

  #esv-header .extra,
  #esv-header .others,
  #esv-header .login,
  #esv-header .contact {
    width: 45px;
  }

  .searching .tools .column2 {
    width: 192px;
  }

}

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

/* 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(207, 7, 47);  /*kfa*/
}

.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(207, 7, 47);  /*kfa*/
}

@media (max-width: 600px) {
  
  #esv-links { 
    border-top: 1px solid rgba(207, 7, 47, 0.2); /*kfa*/
  }
  
}

.ui-datepicker-prev, .ui-datepicker-next {
  background: rgb(207, 7, 47); /*kfa*/
}


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

/*LC */

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

.image_background .textbox {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: white;
}

.image_background .textbox a {
  color: white;
}

.image_background .text {
  padding: 0;
}

.image_background .tilelink > h3 {
  text-transform: uppercase;
  font-weight: 300;
  font-size: 1.2rem;
  font-family: 'Roboto', sans-serif;
  padding-top: 30px;
  letter-spacing: .05rem;
}

.image_background.tile .more_link {
  color: white;
  font-size: .875rem;
  color: white;
}

.image_background.tile .more_link:after {
  content: "\e969";
  font-family: 'sv_icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: -4px;
  padding: 0 5px;
  font-size: 1.1rem;
}

@media (max-width: 800px) {

  .columns3_layout {
    max-width: 440px;
    margin: 0 auto;
  }

}