/*
Theme Name:     enfold-child-2
Description:    
Author:         IDM3Admin
Template:       enfold

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/

/*---------------------------------------------------------------------------------------------------
CSS - Aufbau
- Allgemeines
- Kacheln und Kachel-Seiten
- sticky menu der Unterseiten
- Entfernen der Stricke zwischen den Social Bookmarks
- Schriften
- Header
- Suche
- Blog
- Sonstiges

- Hoffmann digital
- Metasuche

- Mobile Styles
-- Kacheln mit Balken
-- Burger Menü früher einschalten
-----------------------------------------------------------------------------------------------------*/

/*-------------------------------
Allgemeines
----------------------------------*/
/*verhindert dass das Menü in der Länge abgeschnitten bzw. vom PluginInhalt verdeckt wird*/
#top #wrap_all {
    overflow: visible !important;
}
#top #avia-menu li{
	overflow:visible !important;
}

/*Hintergrundfarbe*/
#main, body{
    background-color: #fff;
}

#main main{
    padding:0px;
    min-height:100px;
}

/*Farbleitsysten*/
.petrol, .tile_menu.sub_tile.petrol>section{ background-color: rgb(117, 0, 14);}

.petrol.unterseiten_menu ul.av-subnav-menu li a:focus, 
.petrol.unterseiten_menu ul.av-subnav-menu li a:hover{  background-color: #005b6b;}

.hoffmannLeben, .tile_menu.sub_tile.hoffmannLeben>section,
.unterseiten_menu.hoffmannLeben ul.av-subnav-menu li a:focus, 
.unterseiten_menu.hoffmannLeben ul.av-subnav-menu li a:hover{  background-color: rgb(133, 37, 22);}

.hoffmannErforschen, .tile_menu.sub_tile.hoffmannErforschen>section,
.unterseiten_menu.hoffmannErforschen ul.av-subnav-menu li a:focus, 
.unterseiten_menu.hoffmannErforschen ul.av-subnav-menu li a:hover{ background-color: rgb(191, 144, 42);}

.hoffmannUnterrichten, .tile_menu.sub_tile.hoffmannUnterrichten>section,
.unterseiten_menu.hoffmannUnterrichten ul.av-subnav-menu li a:focus, 
.unterseiten_menu.hoffmannUnterrichten ul.av-subnav-menu li a:hover{  background-color: rgba(0, 89, 38, 0.8);}

.hoffmannSuche, .tile_menu.sub_tile.hoffmannSuche>section{   background-color: rgba(0, 0, 0, 0.5);}
.hoffmannDigital, .tile_menu.sub_tile.hoffmannDigital>section{ background-color: rgba(93, 57, 12, 0.9);}

.tile_menu.sub_tile.hoffmannLeben	{ background-color: rgba(133, 37, 22, 0.3);}
.tile_menu.sub_tile.hoffmannErforschen	{ background-color: rgba(191, 144, 42, 0.2);}
.tile_menu.sub_tile.hoffmannUnterrichten{ background-color: rgba(0, 89, 38, 0.3);}
.tile_menu.sub_tile.hoffmannSuche	{ background-color: rgba(0, 0, 0, 0.3);}
.tile_menu.sub_tile.hoffmannDigital	{ background-color: rgba(93, 57, 12, 0.2);}

/* Rahmen bei Bildern weg */
div.wp-caption.alignnone  {
   border: none !important;
   margin-bottom: 0px !important;
 } 

/* Galerien in Marginalienspalten erhalten 100px Rand links */
div.avia-gallery {
   margin-left: 100px !important;
 } 

/* Bild/Text Verhältnis bei AJAX-Portfolio-Einträgen verändern */
div.av_table_col.first.portfolio-preview-image  {
   width: 40% !important;
 } 
div.av_table_col.portfolio-entry.portfolio-preview-content  {
   width: 60% !important;
 } 
.grid-entry .grid-content {
    min-height: 80px;
}
.div.flex_column.av_two_fifth.flex_column_div.av-zero-column-padding.avia-builder-el-8.el_after_av_two_fifth.el_before_av_one_fifth  {
   margin-left: 147px !important;
 } 


/*.page-id-1470 div.stretch_full.container_wrap.alternate_color.light_bg_color.empty_title.title_container, .page-id-1560 div.stretch_full.container_wrap.alternate_color.light_bg_color.empty_title.title_container{
   margin-bottom: -56px !important;
   background-color: rgba(255, 255, 255, 0) !important;
} */
.avia-section.sub_page{
   margin-top: -56px !important;
   position: relative;
   background-color: rgba(255, 255, 255, 0) !important;
} 

/* Breadcrumbs */
div.breadcrumb.breadcrumbs.avia-breadcrumbs {
   background-color: rgba(255, 255, 255, .7) !important;
   right: -5px;
   padding: 1px;
   padding-right: 50px;
   border-radius: 4px;
} 

/*Link in Farbsektion einer Seite*/
.av-section-color-overlay-wrap h1 a {
    font-size: 55px;
}

/*Weißraum verkleinern zwischen dem Untermenü und der ersten Überschrift*/
div#after_submenu .template-page.content.av-content-full.alpha.units{
	padding: 20px 0px;
}


/* Sekundäres Menü rechts oben */

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */
#header_meta {
  border-top:none;
  z-index: 10;
  min-height: 0px;
  border-bottom-width: 1px;
  margin-bottom:-1px;
  margin-top: 0px;
  top: 10px;
  height: 0px;
  border: solid 0px white;
 }
}

/*Suchergebnissseite*/

.search .template-search.content{width: 100%;}
.search .sidebar{ display: none !important;}
/*-------------------------------
Kacheln und Kachel-Seiten
----------------------------------*/

/*Kachel-Seiten: Hand bei mouseover*/
.tile_menu:hover { 
  cursor:pointer;
 }

/*Kachel-Seiten: Layout*/
.tile_menu.sub_tile{
  padding: 0px !important;
}
.tile_menu.sub_tile section{
  padding: 10px 15px;
  opacity: 0.8;
  /*filter:Alpha(Opacity=50);*/
}

/*Such Kachel*/
#top form#start_form{
    font-family: clanweb-book,​Helvetica,​Arial,​sans-serif;
}
#top form#start_form div.input_alignment{
    height: 20px;
    display: flex;
    clear: left;
    margin-bottom: 5px;
    color: #fff;
}

#top form#start_form div.input_alignment label {
    font-size: 1em;
    font-weight: normal;
}

#top .search_tile input[type="text"] {
    width: calc(100% - 51px);
    height: 34px;
    float:left;
    border-color: rgba(0, 0, 0, 0.51);
}
#mkwsButton{
    height: 34px;
    float:left;
    margin-bottom: 20px;
    background-color: #666;
    border-color: #666;
    max-width: 70px;
    padding: 7px 15px;
    font-family: entypo-fontello;
}
#mkwsSearch input[type="submit"]{
    background-color: #333;
    height: 34px;
}
#top .search_tile input[type="radio"]{
    margin-left: 0px;
}

/* Farbe des Textes der Newskachel */
.blog_tile h2.post-title.entry-title {
    color: #FFFFFF !important;
    text-transform: none;
}
.blog_tile div.entry-content {
    color: #FFFFFF !important;
    text-transform: none;
}
.blog_tile span.post-meta-infos > span,
.blog_tile span.post-meta-infos > span a, 
.blog_tile span.post-meta-infos > time,
.blog_tile div.read-more-link a{
	color: #80adb5;
}

/* Blogbild ausblenden in der Newskachel */
.blog_tile div.blog-meta  {
    display: none !important;
}

/*responsives Verhalten*/
#top .container .flex_cell.no_margin.av_one_fourth{
display: inline-block;
}
@media only screen and (max-width: 1023px) {
#top .container .flex_cell.no_margin.av_one_fourth{
	width: 50%;
	}
}
@media only screen and (max-width: 767px) {
#top .container .flex_cell.no_margin.av_one_fourth{
	width: 100%;
	}
}


/*-------------------------------
sticky menu der Unterseiten
----------------------------------*/
/* fullwidth Ebenen-Menü über die ganze breite an den Content Bereich anpassen */
#top .av-submenu-container .container {
    padding: 0 35px !important;
}

/* Seiten Sticky-Menü */
#top .av-submenu-container.unterseiten_menu{
  height:0px !important;
  min-height: 32px !important;
  background-color: #fff;
  border-width: 0px;
  z-index: 30 !important;
}

#after_submenu{
  border-color:#fff;
}

/*passt das Submenu an die notwendige Position und Größe an*/
#top .unterseiten_menu div ul{
  margin-top: 50px;
  margin-left: 0px;
  margin-right: 25px;
  position:absolute;
  visibility: visible;
  float:left;
}

#top .unterseiten_menu ul.av-subnav-menu li{
  display: block !important;
  margin-top: 5px;
  padding: 0px;
  border: 0px solid #ccc;
  border-radius: 3px;
}

/*verbirgt das umliegenden Container Element und macht den eigentliche Inhalt der Seite nutzbar*/
#top .unterseiten_menu .container{
  visibility: hidden;
  padding: 0 50px;
}

/*optische Verbesserungen an den Links*/
#top .unterseiten_menu ul.av-subnav-menu li a{
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 3px;
}
#top .unterseiten_menu ul.av-subnav-menu li a:focus, 
#top .unterseiten_menu ul.av-subnav-menu li a:hover{
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #ffffff;
}
#top .unterseiten_menu ul.av-subnav-menu li a span.avia-menu-text{
   letter-spacing: 0px;
}

/*für kleinere Ansicht*/
@media only screen and (max-width: 767px) {
  #top .av-submenu-container .container {
    padding: 0 !important;
  }
  #top .av-submenu-container.unterseiten_menu{
    width: 100%;
    height:auto;
    background-color: #ffffff;
  }
#top .unterseiten_menu div ul{
	margin-left: 0px;
	margin-right: 0px;
    width: 100%;
}
 .responsive #top .unterseiten_menu .container{
    padding: 0px;
  }
}
/*für mittlere Ansicht*/
@media only screen and (min-width: 768px) and (max-width: 1375px) {
  #top .av-submenu-container.unterseiten_menu div ul{
    max-width: 220px;
    width: 17%;
  }
}

/*für größere Ansicht*/
@media only screen and (min-width: 1376px) {
  #top .av-submenu-container.unterseiten_menu div ul{
    max-width: 220px;
    width: 23%;
  }
  #top .unterseiten_menu .container{
    padding: 0px 20px;
    max-width: 1310px;
    width: 100%;
    border:solid 9px pink;
    margin: 0 auto;
  }
}




/* -------------------------------
Entfernen der Striche zwischen den Social Bookmarks
------------------------------- */

#top .social_bookmarks li {
    border-right-style: none;
    border-right-width: 1px;
    display: block;
    float: left;
    height: 100%;
    padding: 0;
    transition: all 0.2s ease-in-out 0s;
    width: 30px;
}

/* Etwas Abstand über dem Logo zum oberen Rand */
strong.logo {
  margin-top: 12px;
}

/* Höhe des Footers anpassen */
#socket .container {
     padding-top: 30px;
     padding-bottom: 30px;
}

/* News-Teaser auf Startseite linksbündig */
#top .fullsize .template-blog .post-title {
   text-align: left;
}
#top .fullsize .template-blog .post-meta-infos {
   text-align: left;
}


/* Farbe des Auf-Zuklapp Icons*/
.toggle_icon .hor_icon {
   border-color: #80adb5;
}
.toggle_icon .vert_icon {
   border-color: #80adb5;
}

.js_active .toggler { 
border-width:0px; 
}

.toggle_content {
border-width:0px;
}

#top .fullsize .template-blog .post .entry-content-wrapper {
text-align: left;
font-size: 13px;
line-height: 21px;
}

body .column-top-margin {
margin-top: 0px;
}

/* Abstände zwischen den Partner-Logos im Footer verringern */

#media_image-2 {
margin-bottom: 0px !important;
}

#media_image-3 {
margin-top: 0px !important; 
}

/*-------------------------------
 Schriften
--------------------------------- */
/* Clan definieren */
/*
    @font-face {
      font-family: ClanScWebBook;
      font-style: normal;
      font-weight: 400;
      src: url(http://staatsbibliothek-berlin.de/fileadmin/hb/ClanScWeb-Book.woff) format('woff');
    }
    
    @font-face {
      font-family: ClanWebBook;
      font-style: normal;
      font-weight: 400;
      src: url(http://staatsbibliothek-berlin.de/fileadmin/hb/ClanWeb-Book.woff) format('woff');
    }
 
    p.test { font-family: Helvetica, Arial, sans-serif }
    p.clanscwebbook { font-family: ClanScWebBook, Arial, Helvetica, sans-serif }
    p.clanwebbook { font-family: ClanWebBook, Arial, Helvetica, sans-serif }
*/   

/* Schrift im Menü etwas gesperrt */
span.avia-menu-text {
   letter-spacing: 0.1em;
}
/*
strong{
  font-weight: 900 !important; 
  font-family: Fzyzbejlixsbizzjgwcwpldepxp, ClanWebBook, Helvetica, Arial, sans-serif ;
}*/

.avia-menu-text, h1, h2, h3, h4, h5, h6, #top .title_container .main-title, tr.pricing-row td, #top .portfolio-title, .callout .content-area, .avia-big-box .avia-innerbox, .av-special-font, .av-current-sort-title {
/* font-family: Calibri, 'PT Sans', 'Lucida Grande', Arial, sans-serif; */
  font-family: clanweb-medium, helvetica, arial, sans-serif; 
  font-weight: initial !important;
}


.av_textblock_section { 
  font-family: NotoSans, clanweb-book, Helvetica, Arial, sans-serif ;
  font-size: 14px;
}

.template-page .entry-content-wrapper h1, .template-page .entry-content-wrapper h2 {
   text-transform: none;
}

/* Schrift latest news widget im footer und in der Sidebar des Blogs*/
.recentcomments a, .widget_recent_entries li a{
  font-family: Arial,Helvetica,sans-serif;
  font-style: normal;
  font-size: 13px;
  line-height: 1.5em;
}

/* Schrift Startseite Newsbereich Fließtext */
.entry-content, .iconlist_content {
  font-size: 13px;
  font-family: NotoSans, clanweb-book, Helvetica, Arial, sans-serif;
  line-height: 1.5em;
}

.single_toggle {
  font-family: NotoSans,clanweb-book, Helvetica, Arial, sans-serif;
  font-size: 14px;
}


/*Portfolio Schriftgrößen anpassen*/
.portfolio_font_small{
	font-size: 10px;
}

/*Akkordeon Schriftgrößen anpassen*/
.akkordeon_font_small .toggle_wrap {
    font-size: 12px;
}

/*Reiter Schriftgrößen anpassen*/
.tab_titles > div {
    font-size: 16px !important;
}



/* ---------------------------
Header 
-----------------------------*/

.html_header_top.html_header_sticky #top #wrap_all #main {
 padding-top: 0 !important;
}
#header .widget {
  float:right;
  right: 19%;
  /*left: 75%;*/
  height:100px;
  padding-top: 0;
  /*position: absolute;*/
  top: 26px;
 /* transform: translate(-75%);*/
  z-index:1;
}
#header .widget img{
  float:right;
  min-width: 227px;
}
#header_main {
  border-top: 0;
}
#header_main_alternate .container {
padding-right: 1px;
padding-left: 35px;
} 

/* Links oben rechts */
ul#avia2-menu {
    font-size: 20px;
    font-family: clanweb-book;
    letter-spacing: 0.1em;
    color: #454063 !important;
}

#top .header_color .main_menu .menu .avia_mega_div ul .current-menu-item > a  { font-weight: bold !important; }

/* Hoffmann-Logo tiefer */
span.logo{
  margin-top: 35px; 
}

/*-------------------------------
Suche
------------------------------- */
#top #menu-item-search{
 margin-right: 50px;
}


/*-------------------------------
Blog
------------------------------- */

/* Blog Einzelanzeige Anfang nach unten */
/* .template-single-blog, .category-term-description  {
  margin-top: 100px; 
} 

.extralight-border  {
  margin-top: 100px;
} */

/* Blog Datum Abstand */
.flex_column .template-blog .post-meta-infos {
  margin-bottom: 0px;
}

h5 {
  font-size: 16px;
  line-height: 1.4em;
}

h2 {
  text-decoration: none;
}

#top .main_color.fullsize .template-blog .post_delimiter {
 border: 0;
}

/* Hintergrund Logos weg*/
.main_color .avia-content-slider .slide-image {
  background: none;
}

/* Abstand H1 Überschrift Newsseite */
.entry-content-wrapper .post-title {
  margin-top: 24px;
}

#top .av_inherit_color a {
    text-decoration: none;
}


/*-------------------------------
Sonstiges
------------------------------- */

/*Eingangs-Animation von Masonry ausschalten*/
.avia_desktop.avia_transform3d .av-masonry-entry.av-masonry-item-loaded .av-inner-masonry{
-webkit-animation: none; /* Safari 4+ */
-moz-animation: none; /* Fx 5+ */
animation: none; /* IE 10+ */
}
.av-masonry-entry {
opacity: 1 !important;
visibility: visible !important;
}

/* Deaktivieren der Link-Funktion der Überschriften bei Portfolio-Vorschau, da kein Inhalt dahinter */
.portfolio-preview-title.entry-title  a{
     pointer-events: none; 
}

/*Icons im Textblock */
#top #wrap_all .avia_textblock p .av_font_icon {
display: inline-block;
text-align: initial;
float: none;
margin: 0;
}
[data-avia-tooltip] {
    display: inline-block;
}

/* ------------------
Hoffmann digital
------------------ */
/*Pagination*/
.result_pages ul.pager li.active a,
#result-grid.detail_view ul.pager li.active a{
    color: #11202a;
    border-color: #e1e1e1;
}
.result_pages ul.pager .pagination li a:hover,
#result-grid.detail_view ul.pager .pagination li a:hover{
    background-color: rgba(93, 57, 12, 0.9) !important;
}

/*Suchergebnisse*/
.av-special-heading.category_heading_h5,
.av-special-heading.category_heading_h5 h5{
    color: rgb(93, 57, 12);
}
#thumb-link a{
    color: rgb(93, 57, 12);
}

/*Überschrift auf der Detailseite*/
#result-grid.detail_view h2{
	color: rgb(93, 57, 12);
}
/*HoDi Toolbar*/
#toolbar{
    border-color: #e1e1e1 #ffffff #ffffff;
    border-image: none;
    border-style: solid;
    /*border-width: 1px;*/
    margin-top: 10px;
    padding-top: 10px;
    font-family: ​Helvetica,​Arial,​sans-serif;
}
.hodiIcon{
    color: #539399;
    width: 15px;
    margin-right: 5px;
    text-align:center;
    cursor: pointer;
}

/* HoDi Akkordion */
.togglecontainer.detail_data{
    margin: 48px 0 0 0;
    border-top: solid 1px #e1e1e1;
}
.togglecontainer.filter_data .single_toggle p.toggler,
.togglecontainer.detail_data .single_toggle p.toggler{
    color: rgb(93, 57, 12);
    padding-left: 25px;
}
.togglecontainer.filter_data .single_toggle p.toggler span.toggle_icon,
.togglecontainer.detail_data .single_toggle p.toggler span.toggle_icon{
    left: 0px;
}
.togglecontainer.filter_data .single_toggle div.toggle_content,
.togglecontainer.detail_data .single_toggle div.toggle_content{
    padding: 0 5px 11px 25px;
}
.togglecontainer.detail_data .single_toggle{
    border: solid 1px #e1e1e1;
    border-left: solid 1px #ffffff;
    border-top: solid 1px #ffffff;
    padding-left: 5px;
}
.togglecontainer.filter_data .single_toggle{
    border: solid 1px #ffffff;
    border-bottom: solid 1px #e1e1e1;
}

/* HoDi Button  */
#top form#tool_form button, 
#top form#tool_form label {
    color: #005b6b;
}
#top form#tool_form button:hover, 
#top form#tool_form label:hover{
    color: #80adb5;
}
#top .sub_tile #thumbnail ~ p button,
#top .sub_tile #thumbnail ~ p span span{
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: rgba(93, 57, 12, 0.9);
    border-color: rgba(0, 0, 0, 0);
    padding: 0px 5px; 
}

#top .sub_tile #thumbnail ~ p span span:hover{
    /*background: rgba(93, 57, 12, 0.3) none repeat scroll 0 0;    
    border: solid 1px rgba(93, 57, 12, 0.9);*/
}

input#hoDiSuche + input[type='submit']{
    background-color:rgba(93, 57, 12, 0.9);
}

/* Kachel-Seiten: Hoffmann Digital start-Category Filter */
.werkausgaben{
    background-image: url("https://etahoffmann.staatsbibliothek-berlin.de/wp-content/uploads/Bamberg_Fantasiestücke_csm_L_g_o_1135_1_Titelbl_07c89cbb5f_kachel_hodi_werkausgaben.jpg");
}
.briefe{
    background-image: url("https://etahoffmann.staatsbibliothek-berlin.de/wp-content/uploads/UF_SBB_Autogr.-I.2749_Brief_an_Richter_1820_kachel_hodi_briefe.jpg");
}
.musikalien, .musik, .musiknoten, .musikhandschriften, .musikdrucke {
    background-image: url("https://etahoffmann.staatsbibliothek-berlin.de/wp-content/uploads/PPN799948454_00000001_kachel_hodi_musikalien.jpg");
}
.literarische{
    background-image: url("https://etahoffmann.staatsbibliothek-berlin.de/wp-content/uploads/PPN860674614_00000005_kachel_hodi_literarische.jpg");
}
.autographe{
    background-image: url("https://etahoffmann.staatsbibliothek-berlin.de/wp-content/uploads/Bamberg_Tagebuchfragment_csm_Sel_235a_Tagebuch_670be8b425_kachel_hodi_autographe.jpg");
}
.illustrationen{
    background-image: url("https://etahoffmann.staatsbibliothek-berlin.de/wp-content/uploads/UF_SBB_50-MA-50113_Hoffmann_SM_Lalauze_Coppelius_kachel_hodi_illustrationen.jpg");
}
.zeichnungen{
    background-image: url("https://etahoffmann.staatsbibliothek-berlin.de/wp-content/uploads/Abb.42-Kat.77_Art.f.23ga_26-oben_kachel_hodi_zeichnungen.jpg");
}
.portraets{
    background-image: url("https://etahoffmann.staatsbibliothek-berlin.de/wp-content/uploads/Hoffmann_porträt_farbig_kachel_hodi_portraets.jpg");
}
.theaterzettel{
    background-image: url("https://etahoffmann.staatsbibliothek-berlin.de/wp-content/uploads/00000001_kachel_hodi_theaterzettel.jpg");
}
.exlibris{
    background-image: url("https://etahoffmann.staatsbibliothek-berlin.de/wp-content/uploads/00000001_kachel_hodi_exlibris.jpg");
}
.bibliothek{
    background-image: url("https://etahoffmann.staatsbibliothek-berlin.de/wp-content/uploads/00000002_kachel_hodi_bibliothek.jpg");
}
.biographisches{
    background-image: url("https://etahoffmann.staatsbibliothek-berlin.de/wp-content/uploads/00000002_kachel_hodi_biographisches.jpg");
}
.forschung{
    background-image: url("https://etahoffmann.staatsbibliothek-berlin.de/wp-content/uploads/00000002_kachel_hodi_forschung.jpg");
}
.juristisches{
    background-image: url("https://etahoffmann.staatsbibliothek-berlin.de/wp-content/uploads/00000002_kachel_hodi_juristisches.jpg");
}
.lesestoffe{
    background-image: url("https://etahoffmann.staatsbibliothek-berlin.de/wp-content/uploads/00000002_kachel_hodi_lesestoffe.jpg");
}
.rezeption{
    background-image: url("https://etahoffmann.staatsbibliothek-berlin.de/wp-content/uploads/00000002_kachel_hodi_rezeption.jpg");
}
.umfeld{
    background-image: url("https://etahoffmann.staatsbibliothek-berlin.de/wp-content/uploads/00000002_kachel_hodi_umfeld.jpg");
}
.sprachen, .historische, .kinder-, .einblattdrucke, .porträts, .nachlässe, .handschriften{
    background-image: url("https://etahoffmann.staatsbibliothek-berlin.de/wp-content/uploads/Bamberg_Zeichnung_Hoffmann_Kunz_Pfeufer_V_A_227_kachel_hodi_sprachen.jpg");
}

/*Vergleichs- und Merkliste*/
#top #result-grid .compare_column{
    border-color: rgba(93, 57, 12, 0.9);
}

#hoDi_grid div.flex_column.no_margin{
   background-position: center top;
   background-repeat: no-repeat;
}

ul.collectionList li{
    color: #005b6b;
    font-family: clanweb-book, ​Helvetica, ​Arial, ​sans-serif;
}

@media only screen and (max-width: 766px){
    /*Kachel auf 100% breite*/
    #hoDi_grid div.flex_cell.no_margin{
        Display:block;
        Width:100%;
    }
    /*Suchschlitz auf 100% breite*/
    #wordpressDigitalSearchForm, div#anz_resultate{
        width: 100%;
    	padding: 0 10px;
    }
    #hoDiSuche {
    	width:calc(100% - 82px) !important;
    }
}


/*-----------------
Metasuche
------------------ */

#top .mkwsSearch input.mkwsButton,
#top .mkws-search input.mkws-button{
    background-color: rgba(0,0,0,0.61);
}
#top.mkwsProgress .mkwsDone, .mkws-progress .mkws-done {
    color: #005b6b !important;
}
#top .mkws-facets-container-wide{
}

#top .mkwsTermlists, #top .mkws-facets{
    border-radius:0px;
    background-color: #ffffff;
    padding: 0px;
}
#top .mkwsFacet, #top .mkws-facet{
    border-radius:0px;
    background-color: #ffffff;
    border-bottom: 1px solid #ffffff;
    padding: 0 0 20px;
}
#top .mkws-facet-title, #top .mkwsFacetTitle{
    border-bottom: 1px solid #e1e1e1;
}

.mkwsPager, .mkws-pager {
    background: #ffffff none repeat scroll 0 0;
    padding: 7px;
}

/*Metasuche-Suchergebnis-Anzeige*/
.mkwsSummary, .mkws-summary {
    padding: 7px 0px;
}
#top .mkws-field-data, .metasuche-portfolio{
    border: solid 1px #e1e1e1;
    background-color: #f9f9f9;
    padding: 13px 10px;
}
#top .mkwsDetails, .mkws-details {
    border-radius: 0px;
    box-shadow: none;
    margin-top: 0;
    padding: 5px;
    background-color: #fcfcfc;
}
#top .mkwsDetails table{
    margin-bottom: 10px;
}
#top .mkwsDetails table th, #top .mkws-details table th{
    width: 20%;
    text-transform: none;
    letter-spacing: normal;
}

/*Datenbank-Liste*/
#top .mkwsTargets table thead tr td, 
#top .mkws-targets table thead tr td{
  background-color: rgba(0, 0, 0, 0.61);
}

#zotbtn, .metasuche-portfolio button {
    color: #539399;
}

/* Korrektur des DSGVO Line für die Comment-Form */
#commentform label{
	padding-top: 0px;
}

/* Header fuer ETAH2022 */

	/* Menue durchscheinend, Farbgebung */
	.etah2022_submenu.av-submenu-container{
		min-height: 100px !important;
		background-color: #96bac2;  
	}

	/* Logos anpassen */
	#logo_etah2022.submenu_logo{
		width: 300px;
		height: auto;
		overflow: hidden;
		position: absolute;
		vertical-align: auto;
		right: 14.5%;
		top:5%;
	}
	#logo_etah2022.submenu_logo img {
		image-rendering: auto !important;
		width: 80%;
	}
    #logo_etah2022_2.submenu_logo{
		width: 400px;
		height: auto;
		overflow: hidden;
		position: absolute;
		vertical-align: auto;
		left: 18%;
		top: 15%;
		z-index: 1;
	}
	#logo_etah2022_2.submenu_logo img {
		image-rendering: auto !important;
	}

	/*Menu enger, nach rechts */
	 #sub_menu1.etah2022_submenu .container{
		/* width: 60vw; */
	    Z-index: 10;
		margin-top: 6.0%;
	} 

	/* Hintergrund Menueintraege blau, schrift weiss */
	.etah2022_submenu #menu-etah2022 li a {
		background-color: #96bac2;
		border-color: #cfdfe3;
		color: #005b6b;
		font-family: clanweb-medium, helvetica, arial, sans-serif; 
		font-weight: initial !important;
	}
	/* letter-spacing */
    .etah2022_submenu #menu-etah2022 li a .avia-menu-text {
		letter-spacing: 0.07rem;
    }
	
	#sub_menu1.etah2022_submenu{
		border: none !important;
	}
	#sub_menu1.etah2022_submenu ul.sub-menu{
		border-color: #96bac2;
	}
	#sub_menu1.etah2022_submenu .sub-menu li.menu-item{
		border-color: #96bac2;
	}

	/* Burgermenu Farben angleichen und positionieren*/
	.etah2022_submenu .mobile_menu_toggle{
		background-color: #96bac2 !important;
		border: none !important;
		color: #fff !important;
		float: right;
	}

	/* Schrift auf kleinen Bildschirmen kleiner */
	@media only screen and (max-width: 1281px) {
		.etah2022_submenu #menu-etah2022{
			padding-top: 10px;
		}
		.etah2022_submenu #menu-etah2022 .menu-item-top-level-1 {
			font-size: 0.725em !important;
			display: inline;
		  }
		.etah2022_submenu #menu-etah2022 .menu-item-top-level-1 ~ * {
			font-size: 0.725em !important;
		}

		.etah2022_submenu .av-open-submenu{
			padding-top: 5em !important;
		}
	}
	/* Logo verkleinern/ausblenden */
	@media only screen and (max-width: 980px) {
		#logo_etah2022_2.submenu_logo{
			width: 200px;
			height: auto;
			overflow: hidden;
			position: absolute;
			top: 10%;
			left: 10%;
		}
		#logo_etah2022_2.submenu_logo img{
			min-height: 50px;
			min-width: 200px;
		}
		#logo_etah2022.submenu_logo{
			display: none;
	
	}

/*-------------------------------
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 790px) {
 
/*Blendet mobil die Karte der Zeitleiste aus*/
	
.map-pane  {
  display: none !important;
}
	
h1 {
  font-size: 28px !important;
}
/*Verkleinerung des Logos auf mobilen Geräten*/

	.responsive #top .logo{
 height: 60px !important;
 margin-top: 0px;
}
.responsive .logo img{
 height: 40px !important;
 object-fit: scale-down;
}
.responsive #advanced_menu_toggle, 
#advanced_menu_hide{
 top: 5%;
}
	
	#header .widget{
		top: 0;
		height: 70px;
	}
/*bradcrumb*/

.responsive div.breadcrumb.breadcrumbs.avia-breadcrumbs{
min-height:20px;
}
/*Anpassen der widget position auf mobilen Geräten*/
.responsive  #header .widget{
  float:left;
  left:8px;
  right: 0;
}
#header .widget img{
  min-width: 182px;
}
.widget .textwidget a#advanced_menu_toggle{
  display:none;
  visibility: hidden;
}

#advanced_menu_toggle, #advanced_menu_hide{
 margin-top: 0px;
}

.responsive #top .mkwsDetails table tr th{
   /* display:none;*/
	width: 100%;
	text-align: left;
}
.mkws-details table th, 
.mkws-details table td{
	float:left;
}
tr:first-child th, tr:first-child td{
	border-right-width: 0px !important;
}

/*-------------------
Kacheln mit Balken
--------------------*/
.responsive #top #wrap_all .av-flex-cells .no_margin .tile_menu.sub_tile{
	padding-left:0px !important;
	padding-right:0px !important;
}
.responsive .tile_menu.sub_tile section{
	padding: 10px 8%;
}
}

/*-------------------  
Burger Menü schon bei einer Bildschirmbreite von 1024px einblenden 
--------------------*/
@media only screen and (max-width: 830px) and (min-width: 767px)  {
	#header_main #text-6.widget.clearfix.widget_text {
		position: absolute;
		top: 34px;
		left: 8px;
		order: 1;
	}
	#header_main #text-6.widget.clearfix.widget_text div strong.logo a img{
		width: 70% ;
		min-width: 60%;
		float: left;
	}
	div.av-logo-container div.inner-container{
	    display: flex;
		flex-direction: column;
	}
	div.av-logo-container div.inner-container span.logo{
		order: 2;	
		width: 70%;
		margin-top: 0;
	}
	div.av-logo-container div.inner-container span.logo a img{
		width: 70%;
	}
}
@media only screen and (max-width: 1024px) {
	#mobile-advanced,
	#advanced_menu_toggle,
	#advanced_menu_hide {
		display: block;
	}
	nav.main_menu {
		display: none;
	}
    #header_main #text-6.widget.clearfix.widget_text {
         right: 30%;
	}
	.av-burger-menu-main{
		display:block;
	}
	.html_header_top .av_bottom_nav_header .av-logo-container .main_menu {
    display: block;
    position: absolute;
    right: 0 !important;
	left: auto !important;
	}

}
	
/*
Links umbrechen, wichtig für mobile devices
*/
.mkws-results a{
    word-break: break-all;
}

/*
Kleine Bootstrap-Adaption
*/
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .visible-xs {
    display: none !important;
  }
  .hidden-xs {
    display: block !important;
  }
}

/* Fix der Blog-Titel */
.av-heading-wrapper .blog-categories{
  display: none !important;
}

.post-title.entry-title{
  text-transform: initial !important;
  font-size: 18px !important;
}

/* disable button for newsletter */
input[disabled]{
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}

input[disabled]:focus,
input[disabled]:hover{
  outline-width: 0;
  background-color: #005b6b !important;
}

/* Padding über Blog-Beitraege */
div.container.template-blog.template-single-blog {
	padding-top: 20px;	
}

div.container_wrap.container_wrap_first.main_color.sidebar_right{
	border-top-style: none;	
}