/* statische Brücke: Joomla/Wright-Struktur so nah wie möglich nachgebaut */
/* v5: Layout stabilisiert: rechte Spalte bleibt wirklich rechts; Original-Module bleiben vollständig sichtbar. */
html,body{min-height:100%;}
body{background:url('/images/headers/HG.png') repeat-x top center #fff; padding-top:0;}
.wrapper-toolbar{margin-bottom:150px;}
#header img.logo{max-width:100%; height:auto; display:block;}
#header{left:calc(50% - 635px); max-width:360px;}
.navbar-fixed-top{position:fixed; top:0; left:0; right:0; z-index:1030; margin-bottom:0;}
.navbar .btn-navbar{float:right; margin-top:20px;}
.navbar .nav li.dropdown:hover>.dropdown-menu{display:block;}
.dropdown-menu{display:none;}
.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0; left:100%; margin-top:-6px;}
.dropdown-submenu:hover>.dropdown-menu{display:block;}
.container.main-container{max-width:1225px; margin:0 auto;}
#main-content .container{background:transparent;}
#content{overflow:visible;}
.blog,.item-page{overflow:visible;}
.blog .items-row{display:flex; align-items:flex-start; gap:28px; margin-bottom:18px; overflow:visible;}
.blog .items-row .span6{width:calc(50% - 14px); margin-left:0;}
.blog .items-row .span12{width:100%; margin-left:0;}
.blog .item,.blog .items-leading,.item-page .article-zettel,.category-card,.module.moduletable_zettel{position:relative; box-sizing:border-box;}
.blog .item,.blog .items-leading,.item-page .article-zettel{width:100%;}
.blog .page-header h2 a{color:#6f6d05;}
.article-zettel:after,.blog .item:after,.blog .items-leading:after,.moduletable_zettel:after,.category-card:after{content:''; display:block; clear:both;}
#sidebar1 .module,#sidebar2 .module{box-sizing:border-box;}
#sidebar1 .mod_1,#sidebar1 .mod_2,#sidebar1 .mod_3,#sidebar2 .mod_1,#sidebar2 .mod_2,#sidebar2 .mod_3{width:100%;}
#sidebar2 .module{margin-bottom:24px;}
#sidebar2 .mod_1:before{content:"";position:absolute;background:url(/images/Dingsies/Z_M_L.png);left:-25px;top:-20px;height:123px;width:72px;}
#sidebar2 .mod_2:before{content:"";position:absolute;background:url(/images/Dingsies/Z_S.png);left:-25px;top:-20px;height:62px;width:76px;}
#sidebar2 .mod_3:before{content:"";position:absolute;background:url(/images/Dingsies/Z_K_E.png);left:-25px;top:-20px;height:80px;width:88px;}
#sidebar2 .module_leer,#sidebar2 .moduletable_leer{background:transparent; box-shadow:none; transform:none; padding:0; margin-bottom:12px;}
#sidebar2 img.bilder_sidebar{max-width:100%; height:auto;}
#below-content{clear:both;}
#below-content .module{margin:0 15px 35px 0; vertical-align:top;}
#below-content .module h3{margin-top:0;}
#footer{margin-top:20px; padding:20px 0;}
.categories-list .category-card{margin:20px 0 35px; padding:12px;}
.cat-children ul{list-style:none;}
.breadcrumb{margin-bottom:20px;}
.readmore a{font-family:faraco; font-size:20px;}
.skip-note{display:none;}

/* Desktop: unabhängig von Bootstrap-Float zuverlässig zwei Spalten wie im Original */
@media (min-width:800px){
  #main-content .main-container>.row-fluid{display:block; position:relative; overflow:visible;}
  #main-content .main-container>.row-fluid:before,#main-content .main-container>.row-fluid:after{content:'';display:table;clear:both;}
  #content{float:left!important; width:calc(100% - 330px)!important; max-width:860px; margin-left:0!important; display:block!important;}
  #sidebar1{float:right!important; width:285px!important; margin-left:30px!important; display:block!important; overflow:visible;}
  #sidebar2{float:right!important; width:285px!important; margin-left:30px!important; display:block!important; overflow:visible;}
  #sidebar1.hidden,#sidebar2.hidden{display:none!important;}
}
/* Post-it-Teaser werden in der statischen rechten Spalte ausgegeben, behalten aber Original-Hintergrund */
#sidebar2 .mod_1,#sidebar2 .mod_2,#sidebar2 .mod_3{position:relative; margin-bottom:50px; font-family:faraco; font-size:18.5px; line-height:22px; border-bottom-right-radius:100px 20px; display:inline-block; background:#ffff88; background:linear-gradient(135deg,#eeece6 81%,#eeece6 82%,#eeece6 82%,#fff 100%); z-index:1; max-width:100%; height:auto; padding:10px; box-shadow:10px 5px 10px rgba(0,0,0,.2); transform:matrix(1,-0.02,0,1,0,0);}
#sidebar2 .moduletable_zettel,#sidebar2 .module_zettel{margin-bottom:50px; font-family:faraco; font-size:18.5px; line-height:22px; border-bottom-right-radius:100px 20px; display:inline-block; background:linear-gradient(135deg,#eeece6 81%,#eeece6 82%,#eeece6 82%,#fff 100%); z-index:1; max-width:100%; height:auto; padding:10px; box-shadow:10px 5px 10px rgba(0,0,0,.2); transform:matrix(1,-0.02,0,1,0,0);}
#sidebar2 .mod_1:before{content:"";position:absolute;background:url(/images/Dingsies/Z_M_L.png);left:-25px;top:-20px;height:123px;width:72px;}
#sidebar2 .mod_2:before{content:"";position:absolute;background:url(/images/Dingsies/Z_S.png);left:-25px;top:-20px;height:62px;width:76px;}
#sidebar2 .mod_3:before{content:"";position:absolute;background:url(/images/Dingsies/Z_K_E.png);left:-25px;top:-20px;height:80px;width:88px;}
#sidebar2 .module_leer,#sidebar2 .moduletable_leer{background:transparent!important; box-shadow:none!important; transform:none!important; padding:0!important; margin-bottom:24px; display:block;}
#sidebar2 .module_leer:before,#sidebar2 .moduletable_leer:before{display:none!important;}
#sidebar2 .newsflash-item{margin-bottom:22px;}
#sidebar2 .bilder_sidebar{display:block; max-width:100%; height:auto; margin:0 auto 40%; opacity:.85;}
.moduletable_wolke,.module_wolke{background:url(/images/Karte_blanko.png); background-size:95%; background-repeat:no-repeat; min-height:330px; padding:55px 35px 30px; font-family:faraco;}
.static-wordcloud{position:relative; max-width:450px; min-height:270px; text-align:center;}
.static-wordcloud a{display:inline-block; margin:6px 8px; font-family:faraco; color:#6f6d05; transform:rotate(-3deg);}
.static-wordcloud a:nth-child(2n){transform:rotate(4deg); color:#824a26;}
.static-wordcloud a:nth-child(3n){transform:rotate(-8deg); color:#a8282a;}


/* rechte Teaser-Spalte: verwendet bewusst die originale Joomla-ID #sidebar1, damit die alten Post-it-Regeln greifen */
#sidebar1{margin-top:0;}
#sidebar1 .mod_1,#sidebar1 .mod_2,#sidebar1 .mod_3,#sidebar1 .moduletable_zettel,#sidebar1 .module_zettel{position:relative;}
#sidebar1 .module{width:100%; box-sizing:border-box;}
#sidebar1 .module_zettel,#sidebar1 .moduletable_zettel{margin-bottom:50px; font-family:faraco; font-size:18.5px; line-height:22px; border-bottom-right-radius:100px 20px; display:inline-block; background:linear-gradient(135deg,#eeece6 81%,#eeece6 82%,#eeece6 82%,#fff 100%); z-index:1; max-width:100%; height:auto; padding:10px; box-shadow:10px 5px 10px rgba(0,0,0,.2); transform:matrix(1,-0.02,0,1,0,0);}
#sidebar1 .module_leer,#sidebar1 .moduletable_leer{background:transparent!important; box-shadow:none!important; transform:none!important; padding:0!important; margin-bottom:24px; display:block;}
#sidebar1 .module_leer:before,#sidebar1 .moduletable_leer:before{display:none!important;}
#sidebar1 img.bilder_sidebar{display:block; max-width:100%; height:auto; margin-left:auto; margin-right:auto; margin-bottom:40%; opacity:.85;}

@media (max-width:799px){
  #header{left:10px;}
  .blog .items-row{display:block;}
  .blog .items-row .span6,.blog .items-row .span12{width:100%;}
  .nav-collapse.collapse{height:0; overflow:hidden;}
  .nav-collapse.collapse.in{height:auto; overflow:visible;}
  .navbar .nav{float:none; right:auto; margin:0;}
  .dropdown-menu{position:static; display:block; box-shadow:none; transform:none; margin:0; border:none; background:transparent;}
}
/* v7: Header-Ast/Zettel bleibt oben; eigentlicher Inhalt beginnt darunter mit mehr Luft. */
#header{position:fixed!important; top:35px!important; left:calc(50vw - 612px)!important; width:360px; z-index:1040;}
#main-content{margin-top:32px!important;}
.breadcrumb{display:none;}

/* Die früheren below-content-Module sollen im linken Textteil stehen, nicht unter/rechts neben den Teasern. */
.main-after-content{clear:both; margin-top:45px; overflow:visible;}
.main-after-content .module{display:block; margin:0 0 38px 0; max-width:100%; overflow:visible;}
.main-after-content .module h3{margin-top:0;}
.main-after-content .moduletable_wolke,
.main-after-content .module_wolke{display:block; width:min(100%,650px); min-height:335px; box-sizing:border-box; background:url(/images/Karte_blanko.png) no-repeat left top; background-size:100% auto; padding:52px 48px 42px 48px; margin:0 0 30px 0; overflow:visible; font-family:faraco;}
.main-after-content .static-wordcloud{max-width:none; width:100%; min-height:235px; line-height:1.05; text-align:left; overflow:visible;}
.main-after-content .static-wordcloud a{margin:4px 8px 4px 0; line-height:1; white-space:nowrap;}
.main-after-content img{max-width:100%; height:auto;}

@media (min-width:800px){
  #content{padding-top:10px;}
  #sidebar1{padding-top:0;}
}
@media (max-width:1240px){#header{left:0!important;}}
@media (max-width:799px){#header{position:absolute!important; left:10px!important; top:10px!important;} #main-content{margin-top:10px!important;} .main-after-content .moduletable_wolke,.main-after-content .module_wolke{padding:42px 32px 30px; min-height:280px;}}
@media (max-width:639px){body{padding-left:8px; padding-right:8px;} .wrapper-toolbar{margin-bottom:110px!important;} #header{max-width:55%;} .main-after-content .static-wordcloud a{white-space:normal;}}

/* v8: Startseite gegen Original-Joomla ausgerichtet: erster Zettel hängt am Ast, Inhalt beginnt darunter. */
body.home-page .blog.featured > .items-leading:first-child{
  position:fixed!important;
  top:96px!important;
  left:calc(50vw - 560px)!important;
  width:390px!important;
  max-width:390px!important;
  z-index:1048!important;
  margin-top:0!important;
  margin-bottom:0!important;
}
body.home-page #content{padding-top:235px!important;}
body.home-page #sidebar1{padding-top:0!important;}
.main-after-content .moduletable_wolke,
.main-after-content .module_wolke{
  width:474px!important;
  max-width:100%!important;
  min-height:420px!important;
  height:420px!important;
  padding:58px 46px 42px 46px!important;
  overflow:visible!important;
  background-size:100% 100%!important;
}
.main-after-content .static-wordcloud{
  min-height:315px!important;
  height:315px!important;
  overflow:visible!important;
  font-size:1em;
}
.main-after-content .static-wordcloud a{line-height:1.08!important;}
@media (max-width:1240px){body.home-page .blog.featured > .items-leading:first-child{left:70px!important;}}
@media (max-width:799px){
  body.home-page .blog.featured > .items-leading:first-child{position:relative!important; top:auto!important; left:auto!important; width:auto!important; max-width:100%!important;}
  body.home-page #content{padding-top:20px!important;}
}

/* v9: Startseite näher an Joomla-Screenshot */
@media (min-width:800px){
  body.home-page #main-content{margin-top:10px!important;}
  body.home-page #content{padding-top:255px!important; max-width:760px!important;}
  body.home-page .blog.featured{position:relative; overflow:visible;}
  body.home-page .blog.featured > .items-leading:first-child{
    position:absolute!important;
    top:-150px!important;
    left:140px!important;
    width:560px!important;
    max-width:560px!important;
    z-index:1048!important;
    padding:26px 24px 18px 78px!important;
    box-sizing:border-box;
  }
  body.home-page .blog.featured > .items-leading:first-child::before{
    content:"";
    position:absolute;
    left:-70px;
    top:-22px;
    width:510px;
    height:116px;
    background:linear-gradient(135deg,#eeece6 81%,#eeece6 82%,#eeece6 82%,#fff 100%);
    box-shadow:10px 5px 10px rgba(0,0,0,.12);
    z-index:-1;
  }
  body.home-page .blog.featured > .items-leading:first-child .custom::before{
    content:"";
    position:absolute;
    left:14px;
    top:22px;
    width:92px;
    height:54px;
    background:url(/images/ND_Logo_Kopf.png) no-repeat left center;
    background-size:190px auto;
    opacity:.95;
  }
  body.home-page .blog.featured > .items-leading:first-child .page-header h1,
  body.home-page .blog.featured > .items-leading:first-child .custom p{position:relative; z-index:2;}

  body.home-page .blog.featured > .item{
    margin-top:18px!important;
    width:calc(100% - 35px)!important;
    max-width:720px!important;
  }

  body.home-page .main-after-content,
  body.home-page .main-after-content .module,
  body.home-page .main-after-content .moduletable_wolke,
  body.home-page .main-after-content .module_wolke{
    width:100%!important;
    max-width:720px!important;
  }
  body.home-page .main-after-content .moduletable_wolke,
  body.home-page .main-after-content .module_wolke{
    min-height:360px!important;
    height:auto!important;
    padding:42px 44px 38px 34px!important;
    background-size:100% 100%!important;
  }
  body.home-page .main-after-content .static-wordcloud{
    display:flex;
    flex-wrap:wrap;
    align-content:flex-start;
    gap:4px 10px;
    width:100%!important;
    min-height:275px!important;
    height:auto!important;
  }
  body.home-page .main-after-content .static-wordcloud a{margin:0!important;}
}

@media (max-width:799px){
  body.home-page .blog.featured > .items-leading:first-child .custom::before{display:none;}
  body.home-page .main-after-content .moduletable_wolke,
  body.home-page .main-after-content .module_wolke{width:100%!important; max-width:100%!important;}
}

/* v10: Startseite korrigiert nach Screenshot */
@media (min-width:800px){
  /* Der Ast-Zettel ist der originale #header-Zettel und soll HINTER dem Ast liegen */
  #header{
    position:fixed!important;
    top:54px!important;
    left:136px!important;
    width:545px!important;
    max-width:545px!important;
    z-index:1015!important; /* unter navbar/ast */
  }

  /* Der eigentliche Textteil bleibt im normalen Flow und überlagert sich nicht */
  body.home-page .blog.featured > .items-leading:first-child{
    position:relative!important;
    top:auto!important;
    left:auto!important;
    width:auto!important;
    max-width:none!important;
    z-index:auto!important;
    margin:0 0 32px 0!important;
    padding:10px!important;
    box-sizing:border-box;
  }
  body.home-page .blog.featured > .items-leading:first-child::before,
  body.home-page .blog.featured > .items-leading:first-child .custom::before{
    content:none!important;
    display:none!important;
    background:none!important;
  }
  body.home-page #content{
    padding-top:170px!important;
    max-width:760px!important;
  }
  body.home-page .blog.featured > .item{
    margin-top:0!important;
    width:100%!important;
    max-width:none!important;
  }

  /* Wordcloud wieder als quadratischer Kartenblock mit verteilter Schrift */
  body.home-page .main-after-content .moduletable_wolke,
  body.home-page .main-after-content .module_wolke{
    width:470px!important;
    max-width:100%!important;
    min-height:470px!important;
    height:470px!important;
    padding:34px 34px 34px 34px!important;
    background-size:100% 100%!important;
    margin-left:0!important;
  }
  body.home-page .main-after-content .static-wordcloud{
    width:100%!important;
    min-height:390px!important;
    height:390px!important;
    display:flex!important;
    flex-wrap:wrap!important;
    justify-content:center!important;
    align-content:space-evenly!important;
    gap:6px 10px!important;
    overflow:visible!important;
    text-align:center!important;
  }
  body.home-page .main-after-content .static-wordcloud a{
    margin:0!important;
    font-family:twofold!important;
    line-height:0.95!important;
    white-space:nowrap!important;
    transform:none!important;
  }
}

@media (max-width:1240px) and (min-width:800px){
  #header{left:20px!important;}
}

@media (max-width:799px){
  body.home-page .blog.featured > .items-leading:first-child::before,
  body.home-page .blog.featured > .items-leading:first-child .custom::before{display:none!important;}
}

/* v11: Startseite weiter an Original-Joomla angenähert */
@media (min-width:800px){
  /* Ast-Zettel etwas kleiner */
  #header{
    transform:scale(.75)!important;
    transform-origin:top left!important;
    left:138px!important;
    top:56px!important;
  }
  @media (max-width:1240px){
    #header{left:18px!important;}
  }

  /* Unterer Startseitenbereich wie im Joomla-Original: Wolke links, zwei Textmodule rechts, Station darunter */
  body.home-page .main-after-content{
    display:grid!important;
    grid-template-columns: 405px 1fr!important;
    grid-template-areas:
      "wolke gesucht"
      "wolke finden"
      "station station"!important;
    column-gap:34px!important;
    row-gap:26px!important;
    align-items:start!important;
    max-width:760px!important;
  }
  body.home-page .main-after-content > .moduletable_wolke,
  body.home-page .main-after-content > .module_wolke{
    grid-area:wolke!important;
    width:405px!important;
    min-width:405px!important;
    max-width:405px!important;
    min-height:405px!important;
    height:405px!important;
    margin:0!important;
    padding:26px 24px 24px 24px!important;
    background-size:100% 100%!important;
  }
  body.home-page .main-after-content > .module:nth-of-type(2){
    grid-area:gesucht!important;
    align-self:start!important;
  }
  body.home-page .main-after-content > .module:nth-of-type(3){
    grid-area:finden!important;
    align-self:start!important;
  }
  body.home-page .main-after-content > .module:last-of-type{
    grid-area:station!important;
    margin-top:4px!important;
  }

  /* Textmodule rechts mit kleinem Deko-Bild wie im Originalcharakter */
  body.home-page .main-after-content > .module:nth-of-type(2),
  body.home-page .main-after-content > .module:nth-of-type(3){
    position:relative!important;
    margin:0!important;
    padding-top:12px!important;
    min-height:118px!important;
  }
  body.home-page .main-after-content > .module:nth-of-type(2)::before,
  body.home-page .main-after-content > .module:nth-of-type(3)::before{
    content:"";
    position:absolute;
    right:6px;
    top:-18px;
    background-repeat:no-repeat;
    background-size:contain;
    opacity:.96;
  }
  body.home-page .main-after-content > .module:nth-of-type(2)::before{
    width:78px;height:78px;background-image:url(/images/Dingsies/Schneckenhaus.png);
  }
  body.home-page .main-after-content > .module:nth-of-type(3)::before{
    width:112px;height:80px;background-image:url(/images/Dingsies/Flechtenast.png);
    right:-8px; top:-10px;
  }

  /* Wordcloud quadratisch, verteilt und mit unterschiedlichen Winkeln */
  body.home-page .main-after-content .static-wordcloud{
    position:relative!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    overflow:visible!important;
  }
  body.home-page .main-after-content .static-wordcloud a{
    position:absolute!important;
    display:block!important;
    margin:0!important;
    font-family:twofold!important;
    line-height:0.95!important;
    white-space:nowrap!important;
    text-align:center!important;
  }
  body.home-page .main-after-content .static-wordcloud a:nth-child(1){left:18px; top:18px; transform:rotate(-7deg)!important;}
  body.home-page .main-after-content .static-wordcloud a:nth-child(2){left:145px; top:18px; transform:rotate(8deg)!important;}
  body.home-page .main-after-content .static-wordcloud a:nth-child(3){left:235px; top:42px; transform:rotate(-11deg)!important;}
  body.home-page .main-after-content .static-wordcloud a:nth-child(4){left:248px; top:120px; transform:rotate(6deg)!important;}
  body.home-page .main-after-content .static-wordcloud a:nth-child(5){left:26px; top:86px; transform:rotate(-4deg)!important;}
  body.home-page .main-after-content .static-wordcloud a:nth-child(6){left:156px; top:92px; transform:rotate(12deg)!important;}
  body.home-page .main-after-content .static-wordcloud a:nth-child(7){left:108px; top:154px; transform:rotate(-10deg)!important;}
  body.home-page .main-after-content .static-wordcloud a:nth-child(8){left:18px; top:152px; transform:rotate(5deg)!important;}
  body.home-page .main-after-content .static-wordcloud a:nth-child(9){left:220px; top:182px; transform:rotate(-7deg)!important;}
  body.home-page .main-after-content .static-wordcloud a:nth-child(10){left:96px; top:225px; transform:rotate(9deg)!important;}
  body.home-page .main-after-content .static-wordcloud a:nth-child(11){left:20px; top:230px; transform:rotate(-13deg)!important;}
  body.home-page .main-after-content .static-wordcloud a:nth-child(12){left:190px; top:252px; transform:rotate(8deg)!important;}
  body.home-page .main-after-content .static-wordcloud a:nth-child(13){left:262px; top:230px; transform:rotate(-4deg)!important;}
  body.home-page .main-after-content .static-wordcloud a:nth-child(14){left:18px; top:300px; transform:rotate(6deg)!important;}
  body.home-page .main-after-content .static-wordcloud a:nth-child(15){left:118px; top:310px; transform:rotate(-9deg)!important;}
}

@media (max-width:799px){
  body.home-page .main-after-content{display:block!important;}
  body.home-page .main-after-content > .moduletable_wolke,
  body.home-page .main-after-content > .module_wolke{width:100%!important; min-width:0!important; max-width:100%!important; height:auto!important; min-height:320px!important;}
  body.home-page .main-after-content .static-wordcloud{position:relative!important; min-height:290px!important; height:290px!important;}
}


/* v12: Startseite Feinschliff */
@media (min-width:800px){
  body.home-page .main-after-content{
    display:grid!important;
    grid-template-columns:405px 1fr!important;
    grid-template-areas:
      "gesucht ."
      "wolke finden"
      "station station"!important;
    column-gap:34px!important;
    row-gap:20px!important;
    align-items:start!important;
    max-width:760px!important;
  }
  body.home-page .main-after-content > .module:nth-of-type(2){
    grid-area:gesucht!important;
    position:relative!important;
    margin:0 0 2px 0!important;
    padding-top:6px!important;
    min-height:92px!important;
  }
  body.home-page .main-after-content > .module:nth-of-type(2)::before{
    content:""; position:absolute; right:2px; top:-14px; width:78px; height:78px;
    background:url(/images/Dingsies/Schneckenhaus.png) no-repeat center center; background-size:contain; opacity:.96;
  }
  body.home-page .main-after-content > .moduletable_wolke,
  body.home-page .main-after-content > .module_wolke{
    grid-area:wolke!important;
    width:405px!important; min-width:405px!important; max-width:405px!important;
    min-height:405px!important; height:405px!important; margin:0!important;
    padding:18px 16px 16px 16px!important; background-size:100% 100%!important;
  }
  body.home-page .main-after-content > .module:nth-of-type(3){
    grid-area:finden!important;
    position:relative!important;
    margin:22px 0 0 0!important;
    padding-top:12px!important;
    min-height:118px!important;
    align-self:start!important;
  }
  body.home-page .main-after-content > .module:nth-of-type(3)::before{
    content:""; position:absolute; right:-8px; top:-8px; width:112px; height:80px;
    background:url(/images/Dingsies/Flechtenast.png) no-repeat center center; background-size:contain; opacity:.96;
  }
  body.home-page .main-after-content > .module:last-of-type{grid-area:station!important; margin-top:4px!important;}
  body.home-page .main-after-content .static-wordcloud{position:relative!important; width:100%!important; height:100%!important; min-height:0!important; overflow:visible!important;}
  body.home-page .main-after-content .static-wordcloud a{position:absolute!important; display:block!important; margin:0!important; transform-origin:center center!important; font-family:twofold!important; line-height:0.95!important; white-space:nowrap!important; text-align:center!important;}
}


/* v13: requested homepage refinements */
@media (min-width:800px){
  /* full-width text modules within left content column */
  body.home-page .home-inline{
    display:block!important;
    position:relative!important;
    width:100%!important;
    max-width:760px!important;
    margin:0 0 24px 0!important;
    padding:0!important;
    overflow:visible!important;
  }
  body.home-page .home-inline h3{margin:0 0 10px 0!important;}
  body.home-page .home-inline-gesucht{margin-top:6px!important; margin-bottom:26px!important;}
  body.home-page .home-inline-gesucht::before{
    content:""; position:absolute; right:128px; top:-8px; width:78px; height:78px;
    background:url(/images/Dingsies/Schneckenhaus.png) no-repeat center center; background-size:contain; opacity:.96;
  }
  body.home-page .home-inline-finden{margin-top:18px!important; margin-bottom:18px!important;}
  body.home-page .home-inline-finden::before{
    content:""; position:absolute; right:88px; top:-8px; width:112px; height:80px;
    background:url(/images/Dingsies/Flechtenast.png) no-repeat center center; background-size:contain; opacity:.96;
  }

  /* now only wordcloud + station in main-after-content */
  body.home-page .main-after-content{
    display:block!important;
    max-width:760px!important;
  }
  body.home-page .main-after-content > .moduletable_wolke,
  body.home-page .main-after-content > .module_wolke{
    width:405px!important; min-width:405px!important; max-width:405px!important;
    min-height:405px!important; height:405px!important; margin:0 0 28px 0!important;
    padding:24px 22px 22px 22px!important; background-size:100% 100%!important;
  }
}
@media (max-width:799px){
  body.home-page .home-inline-gesucht::before, body.home-page .home-inline-finden::before{right:0!important;}
}


/* v14: top inline modules side-by-side; no deco on station */
@media (min-width:800px){
  body.home-page .home-top-modules{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    column-gap:36px!important;
    align-items:start!important;
    max-width:760px!important;
    margin:8px 0 26px 0!important;
  }
  body.home-page .home-inline{
    display:block!important;
    position:relative!important;
    width:auto!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    min-height:90px!important;
    overflow:visible!important;
  }
  body.home-page .home-inline h3{margin:0 0 8px 0!important;}
  body.home-page .home-inline p{margin-right:62px!important;}
  body.home-page .home-inline-gesucht::before{
    content:""; position:absolute; right:10px; top:-2px; width:52px; height:52px;
    background:url(/images/Dingsies/Schneckenhaus.png) no-repeat center center; background-size:contain; opacity:.96;
  }
  body.home-page .home-inline-finden::before{
    content:""; position:absolute; right:0; top:2px; width:84px; height:46px;
    background:url(/images/Dingsies/Flechtenast.png) no-repeat center center; background-size:contain; opacity:.96;
  }
  /* remove the older spacing overrides and keep content tidy */
  body.home-page .home-inline-gesucht, body.home-page .home-inline-finden{margin-top:0!important; margin-bottom:0!important;}
  body.home-page .main-after-content{display:block!important; max-width:760px!important;}
  body.home-page .main-after-content > .module:last-of-type::before{content:none!important; background:none!important; display:none!important;}
}
@media (max-width:799px){
  body.home-page .home-top-modules{display:block!important; margin:8px 0 20px 0!important;}
  body.home-page .home-inline{margin:0 0 18px 0!important;}
}


/* v15: closer top text columns */
@media (min-width:800px){
  body.home-page .home-top-modules{column-gap:18px!important;}
}


/* v16: kompakterer oberer Textteil */
@media (min-width:800px){
  body.home-page .home-top-modules{
    column-gap:18px!important;
    margin:4px 0 14px 0!important;
  }
  body.home-page .home-inline{
    min-height:72px!important;
  }
  body.home-page .home-inline h3{
    margin:0 0 4px 0!important;
    line-height:1.0!important;
  }
  body.home-page .home-inline p{
    margin:0 62px 0 0!important;
    line-height:1.25!important;
  }
  body.home-page .blog.featured > .items-leading:first-child{margin:0 0 16px 0!important;}
  body.home-page .blog.featured > .item{margin:0 0 14px 0!important;}
  body.home-page .main-after-content > .moduletable_wolke,
  body.home-page .main-after-content > .module_wolke{margin:0 0 16px 0!important;}
  body.home-page .main-after-content > .module:last-of-type{margin-top:0!important;}
}


/* v17: homepage spacing + slightly wider text area site-wide */
@media (min-width:800px){
  body.home-page .home-top-modules{
    margin:0 0 24px 0!important;
  }
  body.home-page .home-inline-finden p{
    font-family: inherit!important;
    font-size: inherit!important;
    color: inherit!important;
  }
}

@media (min-width:1200px){
  /* Give content a bit more breathing room on all pages */
  #main-content .container.main-container{
    width:1240px!important;
    max-width:1240px!important;
  }
  main#content.span9{
    width:72%!important;
  }
  aside#sidebar1.span3, aside#sidebar2.span3, #sidebar1.span3, #sidebar2.span3{
    width:23%!important;
    margin-left:5%!important;
  }
}
@media (min-width:980px) and (max-width:1199px){
  #main-content .container.main-container{
    width:1080px!important;
    max-width:1080px!important;
  }
  main#content.span9{
    width:71%!important;
  }
  aside#sidebar1.span3, aside#sidebar2.span3, #sidebar1.span3, #sidebar2.span3{
    width:24%!important;
    margin-left:5%!important;
  }
}


/* v18: align content left edge with header note, align menu right with teaser cards */
@media (min-width:1200px){
  body.home-page .wrapper-toolbar .navbar .container{
    width:1240px!important;
    max-width:1240px!important;
    margin:0 auto!important;
  }
  body.home-page .nav-collapse{
    display:flex!important;
    justify-content:flex-end!important;
  }
  body.home-page .nav{
    float:none!important;
    margin-right:225px!important;
  }
  body.home-page #content{
    margin-left:132px!important;
    width:760px!important;
    max-width:760px!important;
  }
  body.home-page #sidebar1{
    margin-left:85px!important;
  }
}
@media (min-width:980px) and (max-width:1199px){
  body.home-page .wrapper-toolbar .navbar .container{
    width:1080px!important;
    max-width:1080px!important;
    margin:0 auto!important;
  }
  body.home-page .nav-collapse{
    display:flex!important;
    justify-content:flex-end!important;
  }
  body.home-page .nav{
    float:none!important;
    margin-right:165px!important;
  }
  body.home-page #content{
    margin-left:132px!important;
    width:720px!important;
    max-width:720px!important;
  }
  body.home-page #sidebar1{
    margin-left:70px!important;
  }
}


/* v19: keep teaser column beside content; push top menu further right */
@media (min-width:1200px){
  body.home-page #main-content .row-fluid{
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:flex-start!important;
  }
  body.home-page #content{
    float:none!important;
    flex:0 0 760px!important;
    width:760px!important;
    max-width:760px!important;
    margin-left:54px!important;
    margin-right:58px!important;
  }
  body.home-page #sidebar1{
    float:none!important;
    flex:0 0 280px!important;
    width:280px!important;
    margin-left:0!important;
    margin-top:0!important;
  }
  body.home-page .wrapper-toolbar .navbar .container{
    width:1240px!important;
    max-width:1240px!important;
    margin:0 auto!important;
  }
  body.home-page .nav-collapse{
    display:flex!important;
    justify-content:flex-end!important;
  }
  body.home-page .nav{
    float:none!important;
    margin-right:0!important;
  }
}
@media (min-width:980px) and (max-width:1199px){
  body.home-page #main-content .row-fluid{
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:flex-start!important;
  }
  body.home-page #content{
    float:none!important;
    flex:0 0 700px!important;
    width:700px!important;
    max-width:700px!important;
    margin-left:54px!important;
    margin-right:42px!important;
  }
  body.home-page #sidebar1{
    float:none!important;
    flex:0 0 255px!important;
    width:255px!important;
    margin-left:0!important;
    margin-top:0!important;
  }
  body.home-page .wrapper-toolbar .navbar .container{
    width:1080px!important;
    max-width:1080px!important;
    margin:0 auto!important;
  }
  body.home-page .nav-collapse{
    display:flex!important;
    justify-content:flex-end!important;
  }
  body.home-page .nav{
    float:none!important;
    margin-right:0!important;
  }
}


/* v20: station beside wordcloud on homepage */
@media (min-width:800px){
  body.home-page .main-after-content{
    display:grid!important;
    grid-template-columns:405px 1fr!important;
    column-gap:34px!important;
    align-items:start!important;
    max-width:760px!important;
  }
  body.home-page .main-after-content > .moduletable_wolke,
  body.home-page .main-after-content > .module_wolke{
    grid-column:1!important;
    margin:0!important;
  }
  body.home-page .main-after-content > .module:last-of-type{
    grid-column:2!important;
    margin:0!important;
  }
  body.home-page .home-station-item h4{margin:0 0 10px 0!important;}
  body.home-page .home-station-item p{margin:0 0 14px 0!important;}
  body.home-page .home-station-item img{display:block!important; max-width:100%!important; height:auto!important; margin:0 0 14px 0!important;}
  body.home-page .home-station-item .readmore{display:none!important;}
}
@media (max-width:799px){
  body.home-page .main-after-content{display:block!important;}
}


/* v21: homepage station beside wordcloud; unify spacing across pages */
@media (min-width:980px){
  /* Startseite: Wolke + Draußenstation sicher nebeneinander */
  body.home-page .main-after-content{
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:flex-start!important;
    gap:34px!important;
    max-width:760px!important;
  }
  body.home-page .main-after-content > .moduletable_wolke,
  body.home-page .main-after-content > .module_wolke{
    flex:0 0 405px!important;
    width:405px!important;
    min-width:405px!important;
    max-width:405px!important;
    margin:0!important;
  }
  body.home-page .main-after-content > .module:last-of-type{
    flex:1 1 auto!important;
    min-width:0!important;
    width:auto!important;
    margin:0!important;
    align-self:flex-start!important;
  }
  body.home-page .home-station-item{
    max-width:100%!important;
  }
  body.home-page .home-station-item img{
    width:100%!important;
    max-width:300px!important;
  }

  /* Einheitlichere vertikale Abstände allgemein, Spaltenstruktur bleibt erhalten */
  #content .items-leading,
  #content .item,
  #content .category-desc,
  #content .contact,
  #content .newsflash-item,
  #content .item-page{
    margin-bottom:18px!important;
  }
  #content .page-header{
    margin:0 0 8px 0!important;
  }
  #content p{
    margin:0 0 10px 0!important;
  }
  #sidebar1 .module,
  #sidebar2 .module,
  aside .module{
    margin-bottom:44px!important;
  }
}
@media (max-width:979px){
  body.home-page .main-after-content{display:block!important;}
}


/* v22: homepage final tiny station-link tweak; all other pages aligned/spacing normalized */
@media (min-width:1200px){
  body:not(.home-page) #main-content .row-fluid{
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:flex-start!important;
  }
  body:not(.home-page) main#content,
  body:not(.home-page) #content{
    float:none!important;
    flex:0 0 760px!important;
    width:760px!important;
    max-width:760px!important;
    margin-left:54px!important;
    margin-right:58px!important;
  }
  body:not(.home-page) aside#sidebar1,
  body:not(.home-page) aside#sidebar2,
  body:not(.home-page) #sidebar1,
  body:not(.home-page) #sidebar2{
    float:none!important;
    flex:0 0 280px!important;
    width:280px!important;
    margin-left:0!important;
    margin-top:0!important;
  }
}
@media (min-width:980px) and (max-width:1199px){
  body:not(.home-page) #main-content .row-fluid{
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:flex-start!important;
  }
  body:not(.home-page) main#content,
  body:not(.home-page) #content{
    float:none!important;
    flex:0 0 700px!important;
    width:700px!important;
    max-width:700px!important;
    margin-left:54px!important;
    margin-right:42px!important;
  }
  body:not(.home-page) aside#sidebar1,
  body:not(.home-page) aside#sidebar2,
  body:not(.home-page) #sidebar1,
  body:not(.home-page) #sidebar2{
    float:none!important;
    flex:0 0 255px!important;
    width:255px!important;
    margin-left:0!important;
    margin-top:0!important;
  }
}
@media (min-width:980px){
  body:not(.home-page) #content .categories-list,
  body:not(.home-page) #content .blog,
  body:not(.home-page) #content .item-page,
  body:not(.home-page) #content .contact,
  body:not(.home-page) #content .category-desc{
    margin-top:0!important;
  }
  body:not(.home-page) #content .category-card,
  body:not(.home-page) #content .item,
  body:not(.home-page) #content .items-leading,
  body:not(.home-page) #content .items-row,
  body:not(.home-page) #content .item-page,
  body:not(.home-page) #content .newsflash-item,
  body:not(.home-page) #content .contact-category{
    margin-bottom:18px!important;
  }
  body:not(.home-page) #content .page-header{
    margin:0 0 8px 0!important;
  }
  body:not(.home-page) #content p{
    margin:0 0 10px 0!important;
  }
}


/* v24: alles (Textteil + Teaserleiste) gemeinsam nach rechts, damit links bündig mit dem Ast-Zettel */
@media (min-width:1200px){
  #main-content .row-fluid{
    margin-left:80px!important;
  }
}
@media (min-width:980px) and (max-width:1199px){
  #main-content .row-fluid{
    margin-left:40px!important;
  }
}


/* v25: finale Vereinheitlichung aller Unterseiten nach Startseiten-Layout */
@media (min-width:980px){
  /* Unterseiten: Textteil beginnt unter dem Ast-Zettel, nicht dahinter */
  body:not(.home-page) main#content,
  body:not(.home-page) #content{
    padding-top:170px!important;
    box-sizing:border-box!important;
  }

  /* Kategorien: saubere vertikale Zettel, kein Aneinanderkleben */
  body:not(.home-page) #content .categories-list .category-card{
    display:block!important;
    width:auto!important;
    max-width:100%!important;
    margin:0 0 28px 0!important;
    box-sizing:border-box!important;
  }
  body:not(.home-page) #content .categories-list .category-card:last-child{
    margin-bottom:0!important;
  }

  /* Blog-Zweispalter: gleichbreit über die komplette Textteilbreite */
  body:not(.home-page) #content .blog .items-row.cols-2,
  body:not(.home-page) #content .blog .items-row.row-fluid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:28px!important;
    align-items:start!important;
    overflow:visible!important;
    margin:0 0 28px 0!important;
  }
  body:not(.home-page) #content .blog .items-row.cols-2 > .item,
  body:not(.home-page) #content .blog .items-row.row-fluid > .item,
  body:not(.home-page) #content .blog .items-row .span6{
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    box-sizing:border-box!important;
  }
  body:not(.home-page) #content .blog .items-row.cols-1,
  body:not(.home-page) #content .blog .items-row.cols-1 > .item,
  body:not(.home-page) #content .blog .items-row .span12{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
  }

  /* Einzelne Beitrags-/Kartenabstände ruhiger und einheitlicher */
  body:not(.home-page) #content .blog > .page-header,
  body:not(.home-page) #content .categories-list > .page-header{
    margin:0 0 18px 0!important;
  }
  body:not(.home-page) #content .item,
  body:not(.home-page) #content .items-leading,
  body:not(.home-page) #content .item-page,
  body:not(.home-page) #content .article-zettel,
  body:not(.home-page) #content .moduletable_zettel{
    margin-bottom:28px!important;
  }
  body:not(.home-page) #content .item .page-header,
  body:not(.home-page) #content .items-leading .page-header,
  body:not(.home-page) #content .item-page .page-header,
  body:not(.home-page) #content .article-zettel .page-header{
    margin:0 0 8px 0!important;
  }

  /* Bilder nicht aus den Spalten drücken */
  body:not(.home-page) #content img{
    max-width:100%!important;
    height:auto!important;
  }

  /* Teaser-/Postit-Spalte unverändert rechts, aber Abstände einheitlich */
  body:not(.home-page) #sidebar1 .module,
  body:not(.home-page) #sidebar2 .module,
  body:not(.home-page) aside .module{
    margin-bottom:44px!important;
  }
}

/* Tablet/Handy: responsive Stapelung, Postits behalten Stil, nichts überlappt */
@media (max-width:979px){
  body{padding-left:10px!important; padding-right:10px!important;}
  #main-content .container.main-container,
  .container.main-container,
  .navbar .container,
  .navbar-fixed-top .container{
    width:auto!important;
    max-width:100%!important;
  }
  #main-content .row-fluid{
    margin-left:0!important;
    display:block!important;
  }
  main#content,
  #content,
  aside#sidebar1,
  aside#sidebar2,
  #sidebar1,
  #sidebar2{
    float:none!important;
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-top:0!important;
    box-sizing:border-box!important;
    display:block!important;
  }
  body:not(.home-page) main#content,
  body:not(.home-page) #content{
    padding-top:95px!important;
  }
  #header{
    position:absolute!important;
    left:12px!important;
    top:42px!important;
    width:min(72vw,360px)!important;
    max-width:min(72vw,360px)!important;
    transform:scale(.75)!important;
    transform-origin:top left!important;
  }
  .wrapper-toolbar{margin-bottom:120px!important;}
  .navbar-fixed-top{position:absolute!important;}
  .navbar .nav{float:none!important; right:auto!important; margin:0!important;}
  .navbar .nav > li > a{padding:8px 12px!important;}
  .dropdown-menu{position:static!important; display:block!important; box-shadow:none!important; border:none!important; margin:0 0 6px 14px!important; background:transparent!important;}
  .blog .items-row,
  body:not(.home-page) #content .blog .items-row.cols-2,
  body:not(.home-page) #content .blog .items-row.row-fluid{
    display:block!important;
    margin:0 0 18px 0!important;
  }
  .blog .items-row .span6,
  .blog .items-row .span12,
  body:not(.home-page) #content .blog .items-row.cols-2 > .item,
  body:not(.home-page) #content .blog .items-row.row-fluid > .item{
    width:100%!important;
    max-width:100%!important;
    margin:0 0 18px 0!important;
  }
  .blog .item,
  .blog .items-leading,
  .item-page .article-zettel,
  .category-card,
  .module.moduletable_zettel,
  #sidebar1 .module_zettel,
  #sidebar1 .moduletable_zettel,
  #sidebar1 .mod_1,
  #sidebar1 .mod_2,
  #sidebar1 .mod_3{
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  img{max-width:100%!important; height:auto!important;}
}

@media (max-width:520px){
  body{font-size:13px!important; line-height:1.45!important;}
  h1{font-size:24px!important;}
  h2,h3,h4{font-size:21px!important;}
  .wrapper-toolbar{margin-bottom:95px!important;}
  #header{width:82vw!important; max-width:82vw!important; top:48px!important;}
  .blog .item,
  .blog .items-leading,
  .item-page .article-zettel,
  .category-card,
  .moduletable_zettel{
    padding:10px!important;
  }
  #sidebar1 .mod_1,
  #sidebar1 .mod_2,
  #sidebar1 .mod_3,
  #sidebar1 .module_zettel,
  #sidebar1 .moduletable_zettel{
    font-size:16px!important;
    line-height:1.25!important;
  }
}


/* v26: Unterseiten oben kompakter + echte Zweispalter */

/* Oberster Abstand im Textteil auf Unterseiten ca. halbiert. Startseite bleibt unverändert. */
@media (min-width:980px){
  body:not(.home-page) main#content,
  body:not(.home-page) #content{
    padding-top:85px!important;
  }
}

/* Tablet: ebenfalls weniger Luft oben, aber noch Abstand zum Ast-Zettel. */
@media (max-width:979px){
  body:not(.home-page) main#content,
  body:not(.home-page) #content{
    padding-top:48px!important;
  }
}

/* Echte Zwei-Spalten-Darstellung für Joomla-Blog-Zeilen, sobald genug Platz im Textteil ist.
   Das überschreibt die alte responsive Regel, die bei manchen Breiten wieder alles untereinander zog. */
@media (min-width:700px){
  body:not(.home-page) #content .blog .items-row.cols-2,
  body:not(.home-page) #content .blog .items-row.row-fluid.cols-2{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    column-gap:28px!important;
    row-gap:22px!important;
    align-items:start!important;
    width:100%!important;
    margin:0 0 26px 0!important;
    overflow:visible!important;
  }
  body:not(.home-page) #content .blog .items-row.cols-2 > .item,
  body:not(.home-page) #content .blog .items-row.row-fluid.cols-2 > .item,
  body:not(.home-page) #content .blog .items-row.cols-2 > .span6,
  body:not(.home-page) #content .blog .items-row.row-fluid.cols-2 > .span6{
    display:block!important;
    float:none!important;
    clear:none!important;
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    box-sizing:border-box!important;
  }
  body:not(.home-page) #content .blog .items-row.cols-2 > .column-1,
  body:not(.home-page) #content .blog .items-row.row-fluid.cols-2 > .column-1{
    grid-column:1!important;
  }
  body:not(.home-page) #content .blog .items-row.cols-2 > .column-2,
  body:not(.home-page) #content .blog .items-row.row-fluid.cols-2 > .column-2{
    grid-column:2!important;
  }
}

/* Auf Handy bleiben Zweispalter bewusst einspaltig lesbar. */
@media (max-width:699px){
  body:not(.home-page) #content .blog .items-row.cols-2,
  body:not(.home-page) #content .blog .items-row.row-fluid.cols-2{
    display:block!important;
  }
}

/* Aktuell-Kategorieseite: erster Zettel einspaltig, Kundenstimmen + Spezial nebeneinander. */
@media (min-width:700px){
  body:not(.home-page) #content .categories-list{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    column-gap:28px!important;
    row-gap:26px!important;
    align-items:start!important;
  }
  body:not(.home-page) #content .categories-list > .page-header{
    grid-column:1 / -1!important;
    margin-bottom:0!important;
  }
  body:not(.home-page) #content .categories-list > .category-card{
    width:auto!important;
    max-width:none!important;
    margin:0!important;
    box-sizing:border-box!important;
  }
  body:not(.home-page) #content .categories-list > .category-card:first-of-type{
    grid-column:1 / -1!important;
  }
}
@media (max-width:699px){
  body:not(.home-page) #content .categories-list{display:block!important;}
  body:not(.home-page) #content .categories-list > .category-card{margin-bottom:18px!important;}
}


/* v27: spezifische Seitenregeln nach Abnahme Startseite */

/* Unterseiten: ganz oben weniger Luft als v26, Startseite bleibt unverändert. */
@media (min-width:980px){
  body:not(.home-page) main#content,
  body:not(.home-page) #content{
    padding-top:42px!important;
  }
}
@media (max-width:979px){
  body:not(.home-page) main#content,
  body:not(.home-page) #content{
    padding-top:24px!important;
  }
}

/* Echte Blog-Zweispalter: paarweise nebeneinander, kein links/rechts versetztes Untereinander. */
@media (min-width:700px){
  body:not(.home-page) #content .blog .items-row.cols-2,
  body:not(.home-page) #content .blog .items-row.row-fluid.cols-2{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    column-gap:28px!important;
    row-gap:22px!important;
    align-items:start!important;
    width:100%!important;
    margin:0 0 24px 0!important;
    overflow:visible!important;
  }
  body:not(.home-page) #content .blog .items-row.cols-2 > .item,
  body:not(.home-page) #content .blog .items-row.row-fluid.cols-2 > .item,
  body:not(.home-page) #content .blog .items-row.cols-2 > .span6,
  body:not(.home-page) #content .blog .items-row.row-fluid.cols-2 > .span6{
    float:none!important;
    clear:none!important;
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    box-sizing:border-box!important;
  }
  body:not(.home-page) #content .blog .items-row.cols-2 > .column-1,
  body:not(.home-page) #content .blog .items-row.row-fluid.cols-2 > .column-1{grid-column:1!important;}
  body:not(.home-page) #content .blog .items-row.cols-2 > .column-2,
  body:not(.home-page) #content .blog .items-row.row-fluid.cols-2 > .column-2{grid-column:2!important;}
}

/* Aktuell-Übersicht: alle Artikel/Kategorie-Zettel einspaltig über die volle Textbreite. */
@media (min-width:700px){
  body.itemid-105 #content .categories-list{
    display:block!important;
  }
  body.itemid-105 #content .categories-list > .page-header,
  body.itemid-105 #content .categories-list > .category-card{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0 0 20px 0!important;
    box-sizing:border-box!important;
  }
}

/* Konzepte-Übersicht: alle Artikel/Kategorie-Zettel zweispaltig, nebeneinander. */
@media (min-width:700px){
  body.itemid-109 #content .categories-list{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    column-gap:28px!important;
    row-gap:24px!important;
    align-items:start!important;
  }
  body.itemid-109 #content .categories-list > .page-header{
    grid-column:1 / -1!important;
    margin:0!important;
  }
  body.itemid-109 #content .categories-list > .category-card{
    grid-column:auto!important;
    width:auto!important;
    max-width:none!important;
    margin:0!important;
    box-sizing:border-box!important;
  }
}

/* Kontakt: Ralf-Stallforth-Zettel rechts, Holzbrösel als kompakte Zeile im Textteil. */
@media (min-width:980px){
  body.contact-page #main-content .row-fluid{
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:flex-start!important;
  }
  body.contact-page #content{
    float:none!important;
    flex:0 0 760px!important;
    width:760px!important;
    max-width:760px!important;
    margin-left:54px!important;
    margin-right:58px!important;
  }
  body.contact-page #sidebar1{
    float:none!important;
    flex:0 0 280px!important;
    width:280px!important;
    max-width:280px!important;
    margin-left:0!important;
    margin-top:0!important;
    overflow:visible!important;
  }
}
body.contact-page #sidebar1 .kontakt-ralf{
  position:relative;
  font-family:faraco;
  font-size:18.5px;
  line-height:22px;
  border-bottom-right-radius:100px 20px;
  background:linear-gradient(135deg,#eeece6 81%,#eeece6 82%,#eeece6 82%,#fff 100%);
  box-shadow:10px 5px 10px rgba(0,0,0,.2);
  transform:matrix(1,-0.02,0,1,0,0);
  padding:12px;
  box-sizing:border-box;
}
body.contact-page #sidebar1 .kontakt-ralf img{
  max-width:100%;
  height:auto;
}
body.contact-page .holzbroesel-inline{
  display:flex;
  align-items:center;
  gap:18px;
  margin:0 0 24px 0;
  font-family:faraco;
  font-size:22px;
  line-height:1.25;
  color:#8d897d;
}
body.contact-page .holzbroesel-inline img{
  width:88px;
  height:auto;
  flex:0 0 auto;
}
@media (max-width:979px){
  body.contact-page #main-content .row-fluid{display:block!important;}
  body.contact-page #content,
  body.contact-page #sidebar1{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  body.contact-page .holzbroesel-inline{
    font-size:20px;
    align-items:flex-start;
  }
}

/* Impressum etwas ruhiger, lesbarer. */
body.impressum-page .article-zettel h2{
  font-size:22px;
  margin-top:20px;
  margin-bottom:8px;
}
body.impressum-page .article-zettel p{
  margin-bottom:12px!important;
}



/* v28: Korrektur nach Quercheck: Unterseiten-Abstand, Menü-Ausrichtung, echte Zweispalten */

/* 1) Menü auf allen Seiten rechtsbündig an die Gesamtbreite/Teaser-Kante setzen. */
@media (min-width:1200px){
  .wrapper-toolbar .navbar .container{
    width:1240px!important;
    max-width:1240px!important;
    margin:0 auto!important;
  }
  .navbar .nav-collapse{
    display:flex!important;
    justify-content:flex-end!important;
  }
  .navbar .nav{
    float:none!important;
    right:0!important;
    margin-right:0!important;
  }
}
@media (min-width:980px) and (max-width:1199px){
  .wrapper-toolbar .navbar .container{
    width:1080px!important;
    max-width:1080px!important;
    margin:0 auto!important;
  }
  .navbar .nav-collapse{
    display:flex!important;
    justify-content:flex-end!important;
  }
  .navbar .nav{
    float:none!important;
    right:0!important;
    margin-right:0!important;
  }
}

/* 2) Unterseiten: oberer Abstand wieder sichtbar, aber nicht so groß wie frühe Varianten. Startseite bleibt ausgenommen. */
@media (min-width:1200px){
  body:not(.home-page) main#content,
  body:not(.home-page) #content{
    padding-top:92px!important;
  }
}
@media (min-width:980px) and (max-width:1199px){
  body:not(.home-page) main#content,
  body:not(.home-page) #content{
    padding-top:78px!important;
  }
}
@media (min-width:700px) and (max-width:979px){
  body:not(.home-page) main#content,
  body:not(.home-page) #content{
    padding-top:48px!important;
  }
}

/* 3) Layout-Grundgerüst Unterseiten: Textteil + Teaser bleiben sauber nebeneinander. */
@media (min-width:1200px){
  body:not(.home-page) #main-content .row-fluid{
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:flex-start!important;
    margin-left:80px!important;
  }
  body:not(.home-page) main#content,
  body:not(.home-page) #content{
    float:none!important;
    flex:0 0 760px!important;
    width:760px!important;
    max-width:760px!important;
    margin-left:54px!important;
    margin-right:58px!important;
    box-sizing:border-box!important;
  }
  body:not(.home-page) aside#sidebar1,
  body:not(.home-page) aside#sidebar2,
  body:not(.home-page) #sidebar1,
  body:not(.home-page) #sidebar2{
    float:none!important;
    flex:0 0 280px!important;
    width:280px!important;
    max-width:280px!important;
    margin-left:0!important;
    margin-top:0!important;
    overflow:visible!important;
  }
}
@media (min-width:980px) and (max-width:1199px){
  body:not(.home-page) #main-content .row-fluid{
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:flex-start!important;
    margin-left:40px!important;
  }
  body:not(.home-page) main#content,
  body:not(.home-page) #content{
    float:none!important;
    flex:0 0 700px!important;
    width:700px!important;
    max-width:700px!important;
    margin-left:54px!important;
    margin-right:42px!important;
    box-sizing:border-box!important;
  }
  body:not(.home-page) aside#sidebar1,
  body:not(.home-page) aside#sidebar2,
  body:not(.home-page) #sidebar1,
  body:not(.home-page) #sidebar2{
    float:none!important;
    flex:0 0 255px!important;
    width:255px!important;
    max-width:255px!important;
    margin-left:0!important;
    margin-top:0!important;
    overflow:visible!important;
  }
}

/* 4) Aktuell-Übersicht: ausdrücklich einspaltig. */
@media (min-width:700px){
  body.itemid-105 #content .categories-list{
    display:block!important;
  }
  body.itemid-105 #content .categories-list > .page-header,
  body.itemid-105 #content .categories-list > .category-card{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0 0 22px 0!important;
    grid-column:auto!important;
    box-sizing:border-box!important;
  }
}

/* 5) Konzepte-Übersicht: ALLE Kategorie-Zettel zweispaltig, auch der erste. */
@media (min-width:700px){
  body.itemid-109 #content .categories-list{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    column-gap:28px!important;
    row-gap:24px!important;
    align-items:start!important;
  }
  body.itemid-109 #content .categories-list > .page-header{
    grid-column:1 / -1!important;
    margin:0 0 2px 0!important;
  }
  body.itemid-109 #content .categories-list > .category-card,
  body.itemid-109 #content .categories-list > .category-card:first-of-type{
    grid-column:auto!important;
    display:block!important;
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    box-sizing:border-box!important;
  }
}

/* 6) Alle Blog-Zweispalter: tatsächliche Paare nebeneinander, nicht versetzt untereinander. */
@media (min-width:700px){
  body:not(.home-page) #content .blog .items-row.cols-2,
  body:not(.home-page) #content .blog .items-row.row-fluid.cols-2{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    column-gap:28px!important;
    row-gap:24px!important;
    align-items:start!important;
    width:100%!important;
    margin:0 0 24px 0!important;
    overflow:visible!important;
  }
  body:not(.home-page) #content .blog .items-row.cols-2 > .item,
  body:not(.home-page) #content .blog .items-row.row-fluid.cols-2 > .item,
  body:not(.home-page) #content .blog .items-row.cols-2 > .span6,
  body:not(.home-page) #content .blog .items-row.row-fluid.cols-2 > .span6,
  body:not(.home-page) #content .blog .items-row.cols-2 > .column-1,
  body:not(.home-page) #content .blog .items-row.cols-2 > .column-2,
  body:not(.home-page) #content .blog .items-row.row-fluid.cols-2 > .column-1,
  body:not(.home-page) #content .blog .items-row.row-fluid.cols-2 > .column-2{
    float:none!important;
    clear:none!important;
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    box-sizing:border-box!important;
  }
  body:not(.home-page) #content .blog .items-row.cols-2 > .column-1,
  body:not(.home-page) #content .blog .items-row.row-fluid.cols-2 > .column-1{grid-column:1!important;}
  body:not(.home-page) #content .blog .items-row.cols-2 > .column-2,
  body:not(.home-page) #content .blog .items-row.row-fluid.cols-2 > .column-2{grid-column:2!important;}
}

/* 7) Mobile: bewusst einspaltig, aber mit Luft und ohne horizontales Schieben. */
@media (max-width:699px){
  #main-content .row-fluid,
  body:not(.home-page) #main-content .row-fluid{
    margin-left:0!important;
    display:block!important;
  }
  body:not(.home-page) main#content,
  body:not(.home-page) #content,
  body:not(.home-page) aside#sidebar1,
  body:not(.home-page) aside#sidebar2,
  body:not(.home-page) #sidebar1,
  body:not(.home-page) #sidebar2{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-top:22px!important;
    float:none!important;
  }
  body:not(.home-page) #content .categories-list,
  body:not(.home-page) #content .blog .items-row.cols-2,
  body:not(.home-page) #content .blog .items-row.row-fluid.cols-2{
    display:block!important;
  }
  body:not(.home-page) #content .category-card,
  body:not(.home-page) #content .blog .item{
    margin-bottom:18px!important;
  }
}


/* v29: gezielter Mobile-/Responsive-Fix – Desktop-Regeln bleiben unberührt
   Zweck: Menü auf Handy sichtbar, Ast-Zettel nicht mehr versetzt/überlappend,
   Inhalt beginnt erst unter dem Header-Zettel. */
@media (max-width:699px){
  html, body{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
  }

  /* Menü auf kleinen Screens nicht als verstecktes Bootstrap-Collapse,
     sondern als sichtbare, umbrochene Hauptnavigation. */
  .wrapper-toolbar{
    position:relative!important;
    margin:0!important;
    padding:0!important;
    min-height:48px!important;
    z-index:3000!important;
  }
  .navbar-fixed-top,
  .navbar,
  .navbar-inner{
    position:relative!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    width:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    box-shadow:none!important;
    border:0!important;
  }
  .navbar .container,
  .wrapper-toolbar .navbar .container{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:4px 6px 0 6px!important;
    box-sizing:border-box!important;
  }
  .navbar .btn-navbar{
    display:none!important;
  }
  .navbar .nav-collapse,
  .navbar .nav-collapse.collapse,
  .nav-collapse,
  .nav-collapse.collapse{
    display:block!important;
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
    visibility:visible!important;
    clear:none!important;
  }
  .navbar .nav{
    float:none!important;
    position:relative!important;
    right:auto!important;
    left:auto!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    flex-wrap:wrap!important;
    justify-content:center!important;
    align-items:center!important;
    gap:2px 10px!important;
    text-align:center!important;
  }
  .navbar .nav > li{
    float:none!important;
    display:block!important;
    margin:0!important;
    padding:0!important;
    line-height:1.1!important;
  }
  .navbar .nav > li > a{
    display:block!important;
    padding:5px 2px!important;
    margin:0!important;
    font-size:18px!important;
    line-height:1.1!important;
    white-space:nowrap!important;
  }
  .navbar .caret{
    display:none!important;
  }
  .navbar .dropdown-menu{
    display:none!important;
  }

  /* Ast-Zettel auf Handy wieder in den normalen Seitenfluss:
     nicht fixed, nicht skaliert/gequetscht, nicht über den Text gelegt. */
  #header,
  body.home-page #header{
    position:relative!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    width:76vw!important;
    max-width:360px!important;
    min-width:250px!important;
    height:auto!important;
    margin:34px 0 30px 10px!important;
    padding:0!important;
    transform:none!important;
    transform-origin:top left!important;
    z-index:10!important;
  }
  #header img.logo,
  body.home-page #header img.logo{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
  }

  /* Der Textteil darf auf Handy nicht mehr unter den Zettel rutschen.
     Die große Desktop-Reserve wird auf mobile sauber entfernt, weil der
     Zettel jetzt normal im Flow steht. */
  #main-content{
    margin-top:0!important;
    padding-top:0!important;
    clear:both!important;
  }
  #main-content .container,
  #main-content .container.main-container{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0 8px!important;
    box-sizing:border-box!important;
  }
  body.home-page #content,
  body:not(.home-page) #content,
  body.home-page main#content,
  body:not(.home-page) main#content{
    padding-top:0!important;
    margin-top:0!important;
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }

  /* Startseiten-Topmodule: auf Handy sauber untereinander, keine Überlagerung
     mit Ast-Zettel oder Rand. */
  body.home-page .home-top-modules{
    display:block!important;
    margin:0 0 22px 0!important;
    width:100%!important;
    max-width:100%!important;
  }
  body.home-page .home-top-modules > .module{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0 0 16px 0!important;
    padding:0!important;
    box-sizing:border-box!important;
  }

  /* Postits und Bilder mobile begrenzen, damit nichts rechts aus dem Viewport läuft. */
  #content .item,
  #content .items-leading,
  #content .category-card,
  #content .article-zettel,
  #content .moduletable_zettel,
  #content .item-page,
  #sidebar1 .module,
  #sidebar2 .module,
  aside .module{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }
  img{
    max-width:100%!important;
    height:auto!important;
  }
}

@media (max-width:420px){
  .navbar .nav{
    gap:0 8px!important;
  }
  .navbar .nav > li > a{
    font-size:16px!important;
    padding-top:4px!important;
    padding-bottom:4px!important;
  }
  #header,
  body.home-page #header{
    width:82vw!important;
    min-width:0!important;
    margin-top:28px!important;
    margin-left:8px!important;
    margin-bottom:24px!important;
  }
}


/* v30: Mobile header final — Ast wieder sichtbar, Menü inkl. Unterpunkte sichtbar.
   Desktop bleibt unberührt; diese Regeln gelten nur bis 699px. */
@media (max-width:699px){
  /* Die mobile Menüleiste bekommt wieder den Ast als Hintergrund. */
  .wrapper-toolbar{
    position:relative!important;
    min-height:120px!important;
    margin:0 0 0 0!important;
    padding:0!important;
    overflow:visible!important;
    background:transparent!important;
    z-index:50!important;
  }
  .navbar-fixed-top,
  .navbar,
  .navbar-inner{
    position:relative!important;
    width:100%!important;
    overflow:visible!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  .navbar-fixed-top .navbar-inner,
  .navbar-static-top .navbar-inner,
  .navbar .navbar-inner{
    min-height:120px!important;
    padding:4px 6px 58px 6px!important;
    box-sizing:border-box!important;
    background-image:url('/images/headers/AST_2.png')!important;
    background-repeat:no-repeat!important;
    background-position:left bottom!important;
    background-size:100% auto!important;
  }
  .navbar .container,
  .wrapper-toolbar .navbar .container{
    width:100%!important;
    max-width:100%!important;
    padding:0!important;
    margin:0!important;
    overflow:visible!important;
  }

  /* Statisches Mobile-Menü: Hauptpunkte + Unterpunkte immer sichtbar. */
  .navbar .btn-navbar{display:none!important;}
  .navbar .nav-collapse,
  .navbar .nav-collapse.collapse,
  .nav-collapse,
  .nav-collapse.collapse{
    display:block!important;
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
    visibility:visible!important;
  }
  .navbar .nav{
    display:flex!important;
    flex-wrap:wrap!important;
    justify-content:center!important;
    align-items:flex-start!important;
    gap:2px 12px!important;
    float:none!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    text-align:center!important;
  }
  .navbar .nav > li{
    float:none!important;
    display:block!important;
    width:auto!important;
    min-width:70px!important;
    margin:0 0 2px 0!important;
    padding:0!important;
    text-align:center!important;
  }
  .navbar .nav > li > a{
    display:block!important;
    padding:3px 2px 1px 2px!important;
    margin:0!important;
    font-family:twofold!important;
    font-size:17px!important;
    line-height:1.05!important;
    letter-spacing:.06em!important;
    white-space:nowrap!important;
  }
  .navbar .caret{display:none!important;}
  .navbar .dropdown-menu{
    display:block!important;
    position:static!important;
    float:none!important;
    min-width:0!important;
    width:auto!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    text-align:center!important;
  }
  .navbar .dropdown-menu > li{
    display:inline-block!important;
    float:none!important;
    width:auto!important;
    margin:0!important;
    padding:0!important;
  }
  .navbar .dropdown-menu > li > a{
    display:inline-block!important;
    padding:0 3px!important;
    margin:0!important;
    font-family:faraco!important;
    font-size:12px!important;
    line-height:1.15!important;
    letter-spacing:0!important;
    text-transform:none!important;
    white-space:nowrap!important;
    color:#747600!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  /* Logo-Zettel unter den Ast ziehen, ohne ihn zu verdecken/zu zerschießen. */
  #header,
  body.home-page #header{
    position:relative!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    width:76vw!important;
    max-width:360px!important;
    min-width:250px!important;
    margin:-42px auto 32px 10px!important;
    padding:0!important;
    transform:none!important;
    z-index:20!important;
  }
  #header img.logo,
  body.home-page #header img.logo{
    display:block!important;
    width:100%!important;
    height:auto!important;
  }

  /* Nach dem Logo sauber in den Inhalt. */
  #main-content{
    clear:both!important;
    margin-top:0!important;
    padding-top:0!important;
  }
}

@media (max-width:420px){
  .wrapper-toolbar{min-height:112px!important;}
  .navbar-fixed-top .navbar-inner,
  .navbar-static-top .navbar-inner,
  .navbar .navbar-inner{
    min-height:112px!important;
    padding-bottom:52px!important;
  }
  .navbar .nav{gap:1px 8px!important;}
  .navbar .nav > li{min-width:62px!important;}
  .navbar .nav > li > a{font-size:15px!important;}
  .navbar .dropdown-menu > li > a{font-size:11px!important; padding:0 2px!important;}
  #header,
  body.home-page #header{
    width:82vw!important;
    min-width:0!important;
    margin-top:-38px!important;
    margin-left:8px!important;
    margin-bottom:26px!important;
  }
}


/* v31: Mobile menu refined — only active submenu, vertical; remove grey bar; ast belongs to logo header */
@media (max-width:699px){
  html, body{
    overflow-x:hidden!important;
  }

  /* Menü ohne Ast-/Balken-Hintergrund; Ast wird am Logo-Zettel selbst gezeichnet. */
  .wrapper-toolbar,
  .navbar-fixed-top,
  .navbar,
  .navbar-inner,
  .navbar-fixed-top .navbar-inner,
  .navbar-static-top .navbar-inner,
  .navbar .navbar-inner{
    position:relative!important;
    width:100%!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:none!important;
    background-color:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  .wrapper-toolbar .navbar .container,
  .navbar .container{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    background:none!important;
    overflow:visible!important;
  }
  .navbar .btn-navbar{display:none!important;}
  .navbar .nav-collapse,
  .navbar .nav-collapse.collapse,
  .nav-collapse,
  .nav-collapse.collapse{
    display:block!important;
    height:auto!important;
    max-height:none!important;
    visibility:visible!important;
    overflow:visible!important;
  }

  /* Mobile Navigation: Hauptpunkte einzeln untereinander. */
  .navbar .nav{
    display:block!important;
    float:none!important;
    width:82vw!important;
    max-width:360px!important;
    margin:10px 10px 22px auto!important;
    padding:12px 14px 14px 14px!important;
    box-sizing:border-box!important;
    text-align:center!important;
    background:#fff!important;
    border:0!important;
    box-shadow:13px 16px 16px rgba(0,0,0,.24)!important;
    border-bottom-right-radius:42% 10%!important;
  }
  .navbar .nav > li{
    display:block!important;
    float:none!important;
    width:100%!important;
    min-width:0!important;
    margin:0 0 10px 0!important;
    padding:0!important;
    text-align:center!important;
  }
  .navbar .nav > li:last-child{margin-bottom:0!important;}
  .navbar .nav > li > a{
    display:inline-block!important;
    margin:0!important;
    padding:0!important;
    font-family:twofold!important;
    font-size:20px!important;
    line-height:1.05!important;
    letter-spacing:.06em!important;
    text-align:center!important;
    white-space:nowrap!important;
    color:#747600!important;
    background:transparent!important;
    box-shadow:none!important;
    text-shadow:none!important;
  }
  .navbar .caret{display:none!important;}

  /* Alle Untermenüs verstecken ... */
  .navbar .dropdown-menu{
    display:none!important;
    position:static!important;
    float:none!important;
    min-width:0!important;
    width:100%!important;
    margin:7px 0 2px 0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    text-align:center!important;
  }
  /* ... nur beim aktiven Hauptpunkt zeigen. */
  .navbar .nav > li.active > .dropdown-menu,
  .navbar .nav > li.current > .dropdown-menu,
  .navbar .nav > li.open > .dropdown-menu{
    display:block!important;
  }
  .navbar .dropdown-menu > li{
    display:block!important;
    float:none!important;
    width:100%!important;
    margin:0 0 5px 0!important;
    padding:0!important;
    text-align:center!important;
  }
  .navbar .dropdown-menu > li > a{
    display:inline-block!important;
    margin:0!important;
    padding:0!important;
    font-family:faraco!important;
    font-size:17px!important;
    line-height:1.12!important;
    letter-spacing:0!important;
    text-transform:none!important;
    white-space:normal!important;
    color:#747600!important;
    background:transparent!important;
    box-shadow:none!important;
    text-shadow:none!important;
  }

  /* Logo-Zettel im normalen Flow; Ast als eigenes Element dahinter. */
  #header,
  body.home-page #header{
    position:relative!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    width:76vw!important;
    max-width:360px!important;
    min-width:250px!important;
    margin:0 auto 32px 10px!important;
    padding:46px 0 0 0!important;
    transform:none!important;
    z-index:20!important;
    background:none!important;
    overflow:visible!important;
  }
  #header::before,
  body.home-page #header::before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    left:-14px!important;
    top:0!important;
    width:calc(100vw + 28px)!important;
    height:76px!important;
    background:url('/images/headers/AST_2.png') no-repeat left top!important;
    background-size:auto 76px!important;
    z-index:1!important;
    pointer-events:none!important;
  }
  #header img.logo,
  body.home-page #header img.logo{
    position:relative!important;
    z-index:2!important;
    display:block!important;
    width:100%!important;
    height:auto!important;
    margin:0!important;
  }

  #main-content{
    clear:both!important;
    margin-top:0!important;
    padding-top:0!important;
  }
}

@media (max-width:420px){
  .navbar .nav{
    width:84vw!important;
    max-width:330px!important;
    margin-top:8px!important;
    margin-bottom:20px!important;
    padding:10px 12px 12px 12px!important;
  }
  .navbar .nav > li > a{font-size:18px!important;}
  .navbar .dropdown-menu > li > a{font-size:16px!important;}
  #header,
  body.home-page #header{
    width:82vw!important;
    min-width:0!important;
    margin-left:8px!important;
    padding-top:42px!important;
  }
  #header::before,
  body.home-page #header::before{
    height:70px!important;
    background-size:auto 70px!important;
  }
}


/* v32: mobile navigation as two horizontal rows; remove duplicate-looking menu note */
@media (max-width:799px){
  html, body{
    overflow-x:hidden!important;
  }

  .wrapper-toolbar,
  .navbar,
  .navbar-inner,
  .wrapper-toolbar .navbar,
  .wrapper-toolbar .navbar .navbar-inner{
    position:relative!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    width:100%!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    background-image:none!important;
    border:0!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  .wrapper-toolbar .navbar .container,
  .navbar .container{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
  }

  .navbar .btn-navbar{display:none!important;}
  .navbar .nav-collapse,
  .navbar .nav-collapse.collapse,
  .nav-collapse,
  .nav-collapse.collapse{
    display:block!important;
    height:auto!important;
    max-height:none!important;
    visibility:visible!important;
    overflow:visible!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  /* Mobile: Hauptmenü als eine Zeile über volle Breite; aktives Untermenü als zweite Zeile. */
  .navbar .nav{
    position:relative!important;
    display:flex!important;
    flex-wrap:wrap!important;
    justify-content:space-around!important;
    align-items:flex-start!important;
    float:none!important;
    width:100%!important;
    max-width:none!important;
    min-height:74px!important;
    margin:8px 0 18px 0!important;
    padding:0 6px 34px 6px!important;
    box-sizing:border-box!important;
    text-align:center!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    border-radius:0!important;
  }
  .navbar .nav > li{
    display:block!important;
    float:none!important;
    width:auto!important;
    min-width:0!important;
    margin:0 4px 0 4px!important;
    padding:0!important;
    text-align:center!important;
  }
  .navbar .nav > li > a{
    display:block!important;
    margin:0!important;
    padding:0!important;
    font-family:twofold!important;
    font-size:18px!important;
    line-height:1.05!important;
    letter-spacing:.04em!important;
    text-align:center!important;
    white-space:nowrap!important;
    color:#747600!important;
    background:transparent!important;
    box-shadow:none!important;
    text-shadow:none!important;
  }
  .navbar .caret{display:none!important;}

  .navbar .dropdown-menu{
    display:none!important;
    position:absolute!important;
    left:0!important;
    right:0!important;
    top:30px!important;
    float:none!important;
    min-width:0!important;
    width:100%!important;
    margin:0!important;
    padding:0 6px!important;
    box-sizing:border-box!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    text-align:center!important;
  }
  .navbar .nav > li.active > .dropdown-menu,
  .navbar .nav > li.current > .dropdown-menu,
  .navbar .nav > li.open > .dropdown-menu{
    display:flex!important;
    flex-wrap:wrap!important;
    justify-content:center!important;
    align-items:center!important;
    gap:0 13px!important;
  }
  .navbar .dropdown-menu > li{
    display:inline-block!important;
    float:none!important;
    width:auto!important;
    margin:0!important;
    padding:0!important;
    text-align:center!important;
  }
  .navbar .dropdown-menu > li > a{
    display:inline-block!important;
    margin:0!important;
    padding:0!important;
    font-family:faraco!important;
    font-size:17px!important;
    line-height:1.12!important;
    letter-spacing:0!important;
    text-transform:none!important;
    white-space:nowrap!important;
    color:#747600!important;
    background:transparent!important;
    box-shadow:none!important;
    text-shadow:none!important;
  }

  /* Nur der echte Logo-Zettel bleibt; keine zusätzliche Papierfläche im Menü. */
  #header,
  body.home-page #header{
    position:relative!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    width:76vw!important;
    max-width:360px!important;
    min-width:250px!important;
    margin:0 auto 32px 10px!important;
    padding:46px 0 0 0!important;
    transform:none!important;
    z-index:20!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  #header::before,
  body.home-page #header::before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    left:-14px!important;
    top:0!important;
    width:calc(100vw + 28px)!important;
    height:76px!important;
    background:url('/images/headers/AST_2.png') no-repeat left top!important;
    background-size:auto 76px!important;
    z-index:1!important;
    pointer-events:none!important;
  }
  #header img.logo,
  body.home-page #header img.logo{
    position:relative!important;
    z-index:2!important;
    display:block!important;
    width:100%!important;
    height:auto!important;
    margin:0!important;
  }

  #main-content{
    clear:both!important;
    margin-top:0!important;
    padding-top:0!important;
  }
}

@media (max-width:420px){
  .navbar .nav{
    min-height:68px!important;
    margin:7px 0 16px 0!important;
    padding:0 4px 32px 4px!important;
  }
  .navbar .nav > li{margin:0 2px!important;}
  .navbar .nav > li > a{font-size:16px!important; letter-spacing:.025em!important;}
  .navbar .dropdown-menu{top:28px!important; padding:0 4px!important;}
  .navbar .nav > li.active > .dropdown-menu,
  .navbar .nav > li.current > .dropdown-menu,
  .navbar .nav > li.open > .dropdown-menu{gap:0 10px!important;}
  .navbar .dropdown-menu > li > a{font-size:16px!important;}
  #header,
  body.home-page #header{
    width:82vw!important;
    min-width:0!important;
    margin-left:8px!important;
    padding-top:42px!important;
  }
  #header::before,
  body.home-page #header::before{
    height:70px!important;
    background-size:auto 70px!important;
  }
}


/* v33: Mobile menu as real menu-zettel, 4 main items in one row, active submenu as second row. */
@media (max-width:799px){
  html, body{
    overflow-x:hidden!important;
  }

  /* Menu-Zettel oben: sichtbar, aber nur mobil. */
  .wrapper-toolbar,
  .wrapper-toolbar .navbar,
  .wrapper-toolbar .navbar .navbar-inner,
  .navbar,
  .navbar-inner{
    display:block!important;
    position:relative!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
    z-index:1000!important;
  }
  .wrapper-toolbar .navbar .container,
  .navbar .container{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  .navbar .btn-navbar{display:none!important;}
  .navbar .nav-collapse,
  .navbar .nav-collapse.collapse,
  .nav-collapse,
  .nav-collapse.collapse{
    display:block!important;
    height:auto!important;
    max-height:none!important;
    visibility:visible!important;
    overflow:visible!important;
  }

  .navbar .nav{
    position:relative!important;
    display:grid!important;
    grid-template-columns:repeat(4, minmax(0, 1fr))!important;
    grid-auto-rows:auto!important;
    float:none!important;
    width:calc(100% - 20px)!important;
    max-width:none!important;
    min-height:94px!important;
    margin:10px 10px 18px 10px!important;
    padding:14px 8px 38px 8px!important;
    box-sizing:border-box!important;
    text-align:center!important;
    background:#efeee8!important;
    border:0!important;
    border-radius:0 0 45% 6% / 0 0 18px 12px!important;
    box-shadow:13px 16px 16px rgba(0,0,0,.28)!important;
    overflow:visible!important;
  }
  .navbar .nav::after{
    content:""!important;
    position:absolute!important;
    left:0!important;
    right:0!important;
    bottom:-1px!important;
    height:20px!important;
    border-radius:0 0 55% 7% / 0 0 20px 12px!important;
    pointer-events:none!important;
  }

  .navbar .nav > li{
    position:static!important;
    display:block!important;
    float:none!important;
    width:auto!important;
    min-width:0!important;
    margin:0!important;
    padding:0 2px!important;
    box-sizing:border-box!important;
    text-align:center!important;
    grid-row:1!important;
  }
  .navbar .nav > li:nth-child(1){grid-column:1!important;}
  .navbar .nav > li:nth-child(2){grid-column:2!important;}
  .navbar .nav > li:nth-child(3){grid-column:3!important;}
  .navbar .nav > li:nth-child(4){grid-column:4!important;}

  .navbar .nav > li > a{
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    font-family:twofold!important;
    font-size:17px!important;
    line-height:1.05!important;
    letter-spacing:.02em!important;
    white-space:nowrap!important;
    text-align:center!important;
    color:#747600!important;
    background:transparent!important;
    box-shadow:none!important;
    text-shadow:none!important;
    overflow:visible!important;
  }
  .navbar .caret{display:none!important;}

  /* Standard: keine Untermenüs. Nur aktiver Hauptpunkt zeigt seine Unterpunkte als zweite Zeile. */
  .navbar .dropdown-menu{
    display:none!important;
    position:absolute!important;
    left:8px!important;
    right:8px!important;
    top:46px!important;
    float:none!important;
    min-width:0!important;
    width:auto!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    text-align:center!important;
    z-index:1002!important;
  }
  .navbar .nav > li.active > .dropdown-menu,
  .navbar .nav > li.current > .dropdown-menu,
  .navbar .nav > li.open > .dropdown-menu{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:wrap!important;
    justify-content:center!important;
    align-items:center!important;
    gap:4px 14px!important;
  }
  .navbar .dropdown-menu > li{
    display:block!important;
    float:none!important;
    width:auto!important;
    margin:0!important;
    padding:0!important;
    text-align:center!important;
  }
  .navbar .dropdown-menu > li > a{
    display:block!important;
    margin:0!important;
    padding:0!important;
    font-family:faraco!important;
    font-size:16px!important;
    line-height:1.15!important;
    white-space:nowrap!important;
    color:#747600!important;
    background:transparent!important;
    box-shadow:none!important;
    text-shadow:none!important;
  }

  /* Ast + echter Logo-Zettel darunter. */
  #header,
  body.home-page #header{
    display:block!important;
    position:relative!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    width:78vw!important;
    max-width:440px!important;
    min-width:260px!important;
    margin:0 auto 34px 10px!important;
    padding:48px 0 0 0!important;
    transform:none!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
    z-index:20!important;
  }
  #header::before,
  body.home-page #header::before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    left:-18px!important;
    top:0!important;
    width:calc(100vw + 36px)!important;
    height:78px!important;
    background:url('/images/headers/AST_2.png') no-repeat left top!important;
    background-size:auto 78px!important;
    z-index:1!important;
    pointer-events:none!important;
  }
  #header img.logo,
  body.home-page #header img.logo{
    display:block!important;
    position:relative!important;
    z-index:2!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    margin:0!important;
    opacity:1!important;
    visibility:visible!important;
  }

  #main-content{
    clear:both!important;
    margin-top:0!important;
    padding-top:0!important;
  }
}

@media (max-width:430px){
  .navbar .nav{
    width:calc(100% - 12px)!important;
    min-height:92px!important;
    margin:8px 6px 16px 6px!important;
    padding:13px 4px 38px 4px!important;
  }
  .navbar .nav > li{padding:0 1px!important;}
  .navbar .nav > li > a{
    font-size:14px!important;
    letter-spacing:0!important;
  }
  .navbar .dropdown-menu{
    left:4px!important;
    right:4px!important;
    top:43px!important;
  }
  .navbar .nav > li.active > .dropdown-menu,
  .navbar .nav > li.current > .dropdown-menu,
  .navbar .nav > li.open > .dropdown-menu{
    gap:3px 10px!important;
  }
  .navbar .dropdown-menu > li > a{
    font-size:15px!important;
  }
  #header,
  body.home-page #header{
    width:84vw!important;
    min-width:0!important;
    margin-left:8px!important;
    padding-top:44px!important;
  }
  #header::before,
  body.home-page #header::before{
    height:72px!important;
    background-size:auto 72px!important;
  }
}

@media (max-width:360px){
  .navbar .nav > li > a{font-size:12.5px!important;}
  .navbar .dropdown-menu > li > a{font-size:14px!important;}
  .navbar .nav > li.active > .dropdown-menu,
  .navbar .nav > li.current > .dropdown-menu,
  .navbar .nav > li.open > .dropdown-menu{gap:2px 7px!important;}
}


/* v35: mobile header/menu final correction: full-width white menu note + visible logo note */
@media (max-width:799px){
  html, body{overflow-x:hidden!important;}

  .wrapper-toolbar,
  .navbar,
  .navbar-inner,
  .navbar .container,
  .nav-collapse,
  .nav-collapse.collapse,
  .nav-collapse.in{
    display:block!important;
    position:relative!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    overflow:visible!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  .btn-navbar{display:none!important;}

  /* MENÜZETTEL: weiß, wirklich über die ganze Breite */
  .navbar .nav{
    position:relative!important;
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    justify-content:space-around!important;
    align-items:flex-start!important;
    gap:0!important;
    float:none!important;
    width:100%!important;
    max-width:100%!important;
    min-height:118px!important;
    margin:0 0 22px 0!important;
    padding:18px 8px 56px 8px!important;
    box-sizing:border-box!important;
    text-align:center!important;
    background:#fff!important;
    border:0!important;
    border-radius:0 0 42% 8% / 0 0 22px 12px!important;
    box-shadow:12px 15px 18px rgba(0,0,0,.22)!important;
    overflow:visible!important;
  }
  .navbar .nav > li{
    position:static!important;
    display:block!important;
    float:none!important;
    flex:1 1 25%!important;
    width:25%!important;
    min-width:0!important;
    margin:0!important;
    padding:0 2px!important;
    box-sizing:border-box!important;
    text-align:center!important;
  }
  .navbar .nav > li > a{
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    font-family:twofold!important;
    font-size:clamp(12px,3.25vw,17px)!important;
    line-height:1.05!important;
    letter-spacing:0!important;
    white-space:nowrap!important;
    text-align:center!important;
    color:#747600!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    text-shadow:none!important;
  }
  .navbar .caret{display:none!important;}

  /* Nur aktives Untermenü als zweite Zeile im Menüzettel */
  .navbar .dropdown-menu{
    display:none!important;
    position:absolute!important;
    left:8px!important;
    right:8px!important;
    top:52px!important;
    float:none!important;
    width:auto!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    text-align:center!important;
    z-index:1002!important;
  }
  .navbar .nav > li.active > .dropdown-menu,
  .navbar .nav > li.current > .dropdown-menu,
  .navbar .nav > li.open > .dropdown-menu{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:wrap!important;
    justify-content:center!important;
    align-items:center!important;
    gap:4px 14px!important;
  }
  .navbar .dropdown-menu > li{
    display:block!important;
    float:none!important;
    width:auto!important;
    margin:0!important;
    padding:0!important;
    text-align:center!important;
  }
  .navbar .dropdown-menu > li > a{
    display:block!important;
    margin:0!important;
    padding:0!important;
    font-family:faraco!important;
    font-size:clamp(14px,4.1vw,17px)!important;
    line-height:1.15!important;
    white-space:nowrap!important;
    color:#747600!important;
    background:transparent!important;
    box-shadow:none!important;
    text-shadow:none!important;
  }

  /* AST + ZETTEL AM AST: mobil sichtbar als eigener Papierzettel */
  #header,
  body.home-page #header{
    display:block!important;
    position:relative!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    width:min(92vw,520px)!important;
    max-width:520px!important;
    min-width:0!important;
    margin:0 auto 34px auto!important;
    padding:54px 0 0 0!important;
    transform:none!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
    z-index:20!important;
  }
  #header::before,
  body.home-page #header::before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    left:50%!important;
    top:0!important;
    width:120vw!important;
    height:82px!important;
    transform:translateX(-50%)!important;
    background:url('/images/headers/AST_2.png') no-repeat center top!important;
    background-size:auto 82px!important;
    z-index:1!important;
    pointer-events:none!important;
  }
  #header a,
  body.home-page #header a{
    display:block!important;
    position:relative!important;
    z-index:2!important;
    background:#efeee8!important;
    border-radius:0 0 42% 3% / 0 0 18px 8px!important;
    box-shadow:12px 15px 18px rgba(0,0,0,.22)!important;
    overflow:hidden!important;
  }
  #header img.logo,
  body.home-page #header img.logo{
    display:block!important;
    position:relative!important;
    z-index:3!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    margin:0!important;
    opacity:1!important;
    visibility:visible!important;
  }

  #main-content{clear:both!important; margin-top:0!important; padding-top:0!important;}
}

@media (max-width:430px){
  .navbar .nav{min-height:112px!important; padding:16px 5px 54px 5px!important;}
  .navbar .nav > li{padding:0 1px!important;}
  .navbar .dropdown-menu{left:5px!important; right:5px!important; top:48px!important;}
  .navbar .nav > li.active > .dropdown-menu,
  .navbar .nav > li.current > .dropdown-menu,
  .navbar .nav > li.open > .dropdown-menu{gap:3px 10px!important;}
  #header, body.home-page #header{width:92vw!important; padding-top:50px!important;}
  #header::before, body.home-page #header::before{height:76px!important; background-size:auto 76px!important;}
}

@media (max-width:360px){
  .navbar .nav > li > a{font-size:11.5px!important;}
  .navbar .dropdown-menu > li > a{font-size:14px!important;}
  .navbar .nav > li.active > .dropdown-menu,
  .navbar .nav > li.current > .dropdown-menu,
  .navbar .nav > li.open > .dropdown-menu{gap:2px 7px!important;}
}


/* v36: Mobile-Menüzettel kompakter, Breite bleibt; aktiver Hauptpunkt heller; Submenü linksbündig + GROSS */
@media (max-width:767px){
  .navbar .nav{
    width:100%!important;
    max-width:100%!important;
    min-height:78px!important;
    margin:0 0 16px 0!important;
    padding:10px 8px 34px 8px!important;
    align-items:flex-start!important;
  }
  .navbar .nav > li > a{
    font-size:clamp(11px,3vw,15px)!important;
    line-height:1!important;
  }
  .navbar .nav > li.active > a,
  .navbar .nav > li.current > a,
  .navbar .nav > li.open > a,
  .navbar .nav > li.active > a:focus,
  .navbar .nav > li.current > a:focus{
    color:#aeb733!important;
  }
  .navbar .dropdown-menu{
    top:34px!important;
    left:12px!important;
    right:12px!important;
    text-align:left!important;
  }
  .navbar .nav > li.active > .dropdown-menu,
  .navbar .nav > li.current > .dropdown-menu,
  .navbar .nav > li.open > .dropdown-menu{
    justify-content:flex-start!important;
    align-items:flex-start!important;
    gap:3px 10px!important;
  }
  .navbar .dropdown-menu > li{
    text-align:left!important;
  }
  .navbar .dropdown-menu > li > a{
    font-family:twofold!important;
    font-size:clamp(10.5px,2.8vw,14px)!important;
    line-height:1.05!important;
    text-transform:uppercase!important;
    text-align:left!important;
    color:#747600!important;
  }
}
@media (max-width:430px){
  .navbar .nav{
    min-height:74px!important;
    padding:9px 6px 32px 6px!important;
    margin-bottom:14px!important;
  }
  .navbar .dropdown-menu{
    top:32px!important;
    left:10px!important;
    right:10px!important;
  }
  .navbar .nav > li.active > .dropdown-menu,
  .navbar .nav > li.current > .dropdown-menu,
  .navbar .nav > li.open > .dropdown-menu{
    gap:2px 8px!important;
  }
}
@media (max-width:360px){
  .navbar .nav{min-height:72px!important; padding-bottom:31px!important;}
  .navbar .nav > li > a{font-size:10.5px!important;}
  .navbar .dropdown-menu > li > a{font-size:10px!important;}
}


/* v37: Mobile-Kopfzone stabil/fixed; Submenü Faraco-GROSS; Ast-Zettel weiß + 25% kleiner */
@media (max-width:767px){
  html, body{
    overflow-x:hidden!important;
  }

  /* Menü oben bleibt beim Scrollen stehen */
  .wrapper-toolbar,
  .navbar,
  .navbar.navbar-inverse,
  .navbar-fixed-top,
  .navbar-inner{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    z-index:10000!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  .navbar-inner .container,
  .navbar .container{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
  }
  .btn.btn-navbar{
    display:none!important;
  }
  .nav-collapse,
  .nav-collapse.collapse{
    display:block!important;
    height:auto!important;
    overflow:visible!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
  }

  /* weißer Menüzettel, über die Breite, aber weniger hoch */
  .navbar .nav{
    display:grid!important;
    grid-template-columns:repeat(4,1fr)!important;
    grid-auto-rows:auto!important;
    width:100%!important;
    max-width:100%!important;
    min-height:66px!important;
    box-sizing:border-box!important;
    margin:0!important;
    padding:7px 7px 28px 7px!important;
    background:#fff!important;
    border-radius:0 0 34% 3% / 0 0 15px 5px!important;
    box-shadow:0 13px 18px rgba(0,0,0,.24)!important;
    overflow:visible!important;
    float:none!important;
    list-style:none!important;
    text-align:center!important;
  }
  .navbar .nav > li{
    display:block!important;
    position:static!important;
    float:none!important;
    width:auto!important;
    margin:0!important;
    padding:0 2px!important;
    text-align:center!important;
  }
  .navbar .nav > li > a{
    display:block!important;
    margin:0!important;
    padding:0!important;
    font-family:twofold!important;
    font-size:clamp(11px,3.1vw,15px)!important;
    line-height:1.05!important;
    white-space:nowrap!important;
    text-align:center!important;
    color:#747600!important;
    background:transparent!important;
    text-shadow:none!important;
    box-shadow:none!important;
  }
  .navbar .nav > li.active > a,
  .navbar .nav > li.current > a,
  .navbar .nav > li.open > a,
  .navbar .nav > li.active > a:focus,
  .navbar .nav > li.current > a:focus{
    color:#aeb733!important;
  }

  /* nur aktives Submenü, zweite Zeile, linksbündig, Faraco-Handschrift, GROSS */
  .navbar .dropdown-menu{
    display:none!important;
    position:absolute!important;
    left:10px!important;
    right:10px!important;
    top:30px!important;
    width:auto!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    min-width:0!important;
    text-align:left!important;
  }
  .navbar .nav > li.active > .dropdown-menu,
  .navbar .nav > li.current > .dropdown-menu,
  .navbar .nav > li.open > .dropdown-menu{
    display:flex!important;
    flex-flow:row wrap!important;
    justify-content:flex-start!important;
    align-items:flex-start!important;
    gap:1px 12px!important;
  }
  .navbar .dropdown-menu > li{
    display:inline-block!important;
    float:none!important;
    width:auto!important;
    margin:0!important;
    padding:0!important;
    text-align:left!important;
  }
  .navbar .dropdown-menu > li > a{
    display:inline-block!important;
    margin:0!important;
    padding:0!important;
    font-family:faraco!important;
    font-size:clamp(12px,3.4vw,16px)!important;
    line-height:1.05!important;
    text-transform:uppercase!important;
    letter-spacing:.02em!important;
    color:#747600!important;
    text-align:left!important;
    white-space:nowrap!important;
    background:transparent!important;
    text-shadow:none!important;
  }

  /* Ast + Zettel am Ast bleiben beim Scrollen stehen */
  #header,
  body.home-page #header{
    display:block!important;
    position:fixed!important;
    top:78px!important;
    left:50%!important;
    right:auto!important;
    width:min(69vw,390px)!important; /* 25% kleiner als 92vw/520px */
    max-width:390px!important;
    min-width:0!important;
    margin:0!important;
    padding:45px 0 0 0!important;
    transform:translateX(-50%)!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
    z-index:9998!important;
  }
  #header::before,
  body.home-page #header::before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    left:50%!important;
    top:0!important;
    width:120vw!important;
    height:70px!important;
    transform:translateX(-50%)!important;
    background:url('/images/headers/AST_2.png') no-repeat center top!important;
    background-size:auto 70px!important;
    z-index:1!important;
    pointer-events:none!important;
  }
  #header a,
  body.home-page #header a{
    display:block!important;
    position:relative!important;
    z-index:2!important;
    background:#fff!important;
    border-radius:0 0 42% 3% / 0 0 18px 8px!important;
    box-shadow:10px 13px 16px rgba(0,0,0,.24)!important;
    overflow:hidden!important;
  }
  #header img.logo,
  body.home-page #header img.logo{
    display:block!important;
    position:relative!important;
    z-index:3!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    margin:0!important;
    opacity:1!important;
    visibility:visible!important;
  }

  /* Platz unter fixed Menü + Ast/Zettel, damit Inhalt nicht darunter liegt */
  #main-content{
    clear:both!important;
    margin-top:0!important;
    padding-top:calc(78px + 45px + (min(69vw,390px) * 0.33) + 34px)!important;
  }
}

@media (max-width:430px){
  .navbar .nav{
    min-height:62px!important;
    padding:6px 5px 26px 5px!important;
  }
  .navbar .nav > li > a{
    font-size:clamp(10px,3vw,13px)!important;
  }
  .navbar .dropdown-menu{
    top:28px!important;
    left:8px!important;
    right:8px!important;
  }
  .navbar .nav > li.active > .dropdown-menu,
  .navbar .nav > li.current > .dropdown-menu,
  .navbar .nav > li.open > .dropdown-menu{
    gap:0 9px!important;
  }
  .navbar .dropdown-menu > li > a{
    font-size:clamp(11px,3.2vw,14px)!important;
  }
  #header,
  body.home-page #header{
    top:72px!important;
    width:72vw!important;
    padding-top:40px!important;
  }
  #header::before,
  body.home-page #header::before{
    height:62px!important;
    background-size:auto 62px!important;
  }
  #main-content{
    padding-top:calc(72px + 40px + (72vw * 0.33) + 30px)!important;
  }
}

@media (max-width:360px){
  .navbar .nav > li > a{
    font-size:9.7px!important;
  }
  .navbar .dropdown-menu > li > a{
    font-size:10.5px!important;
  }
  .navbar .nav > li.active > .dropdown-menu,
  .navbar .nav > li.current > .dropdown-menu,
  .navbar .nav > li.open > .dropdown-menu{
    gap:0 6px!important;
  }
}


/* v38: mobile final tune — desktop-like Ast/Logo-Zettel smaller, menu white to top, aligned submenu */
@media (max-width:767px){
  /* white cover up to very top so no scrolled text shows behind fixed menu */
  .wrapper-toolbar,
  .navbar,
  .navbar.navbar-inverse,
  .navbar-fixed-top,
  .navbar-inner{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    z-index:10000!important;
    background:#fff!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  .wrapper-toolbar::before,
  .navbar::before{
    content:""!important;
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    height:22px!important;
    background:#fff!important;
    z-index:-1!important;
    pointer-events:none!important;
  }

  /* menu paper stays full-width; text sits a little lower */
  .navbar .nav{
    display:grid!important;
    grid-template-columns:repeat(4,1fr)!important;
    width:100%!important;
    max-width:100%!important;
    min-height:78px!important;
    margin:0!important;
    padding:15px 14px 30px 14px!important;
    box-sizing:border-box!important;
    background:#fff!important;
    border-radius:0 0 38% 4% / 0 0 18px 6px!important;
    box-shadow:0 12px 18px rgba(0,0,0,.23)!important;
    overflow:visible!important;
    float:none!important;
    list-style:none!important;
    text-align:center!important;
  }
  .navbar .nav > li{
    display:block!important;
    position:static!important;
    float:none!important;
    margin:0!important;
    padding:0 2px!important;
    text-align:center!important;
  }
  .navbar .nav > li > a{
    display:block!important;
    padding:0!important;
    margin:0!important;
    font-family:twofold!important;
    font-size:clamp(10.5px,3vw,14.5px)!important;
    line-height:1.05!important;
    color:#747600!important;
    text-align:center!important;
    white-space:nowrap!important;
    background:transparent!important;
    text-shadow:none!important;
  }
  .navbar .nav > li.active > a,
  .navbar .nav > li.current > a,
  .navbar .nav > li.open > a{
    color:#aeb733!important;
  }

  /* submenu: same left edge as main menu, Faraco, uppercase */
  .navbar .dropdown-menu{
    display:none!important;
    position:absolute!important;
    left:14px!important;
    right:14px!important;
    top:42px!important;
    width:auto!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    text-align:left!important;
  }
  .navbar .nav > li.active > .dropdown-menu,
  .navbar .nav > li.current > .dropdown-menu,
  .navbar .nav > li.open > .dropdown-menu{
    display:flex!important;
    flex-flow:row wrap!important;
    justify-content:flex-start!important;
    align-items:flex-start!important;
    gap:0 14px!important;
  }
  .navbar .dropdown-menu > li,
  .navbar .dropdown-menu > li > a{
    display:inline-block!important;
    float:none!important;
    width:auto!important;
    margin:0!important;
    padding:0!important;
    text-align:left!important;
    white-space:nowrap!important;
    background:transparent!important;
  }
  .navbar .dropdown-menu > li > a{
    font-family:faraco!important;
    font-size:clamp(12px,3.25vw,16px)!important;
    line-height:1.05!important;
    text-transform:uppercase!important;
    letter-spacing:.02em!important;
    color:#747600!important;
    text-shadow:none!important;
  }

  /* Ast + Zettel wie Desktop: Zettel selbst ist das Original-Postit, nur kleiner und leicht links */
  #header,
  body.home-page #header{
    display:block!important;
    position:fixed!important;
    top:88px!important;
    left:48%!important;
    right:auto!important;
    width:min(62vw,350px)!important;
    max-width:350px!important;
    min-width:0!important;
    margin:0!important;
    padding:8px!important;
    transform:translateX(-50%) matrix(1,-0.02,0,1,0,0)!important;
    background:#ffff88!important;
    background:-moz-linear-gradient(-45deg,#eeece6 81%,#eeece6 82%,#eeece6 82%,#fff 100%)!important;
    background:-webkit-linear-gradient(-45deg,#eeece6 81%,#eeece6 82%,#eeece6 82%,#fff 100%)!important;
    background:linear-gradient(135deg,#eeece6 81%,#eeece6 82%,#eeece6 82%,#fff 100%)!important;
    border-bottom-right-radius:100px 20px!important;
    box-shadow:10px 5px 10px rgba(0,0,0,.2)!important;
    overflow:visible!important;
    z-index:9998!important;
  }
  #header::before,
  body.home-page #header::before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    left:50%!important;
    top:-48px!important;
    width:120vw!important;
    height:72px!important;
    transform:translateX(-50%) matrix(1,0.02,0,1,0,0)!important;
    background:url('/images/headers/AST_2.png') no-repeat center top!important;
    background-size:auto 72px!important;
    z-index:3!important;
    pointer-events:none!important;
  }
  #header a,
  body.home-page #header a{
    display:block!important;
    position:relative!important;
    z-index:2!important;
    background:transparent!important;
    border-radius:0!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  #header img.logo,
  body.home-page #header img.logo{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    margin:0!important;
    opacity:1!important;
    visibility:visible!important;
  }

  #main-content{
    padding-top:calc(88px + 48px + (min(62vw,350px) * 0.33) + 38px)!important;
  }
}

@media (max-width:430px){
  .navbar .nav{
    min-height:74px!important;
    padding:14px 10px 28px 10px!important;
  }
  .navbar .nav > li > a{
    font-size:clamp(9.8px,2.9vw,12.5px)!important;
  }
  .navbar .dropdown-menu{
    left:10px!important;
    right:10px!important;
    top:39px!important;
  }
  .navbar .nav > li.active > .dropdown-menu,
  .navbar .nav > li.current > .dropdown-menu,
  .navbar .nav > li.open > .dropdown-menu{
    gap:0 10px!important;
  }
  .navbar .dropdown-menu > li > a{
    font-size:clamp(11px,3.1vw,14px)!important;
  }
  #header,
  body.home-page #header{
    top:82px!important;
    left:47%!important;
    width:64vw!important;
    padding:7px!important;
  }
  #header::before,
  body.home-page #header::before{
    top:-42px!important;
    height:64px!important;
    background-size:auto 64px!important;
  }
  #main-content{
    padding-top:calc(82px + 42px + (64vw * 0.33) + 34px)!important;
  }
}


/* v39: mobile header: menu above, Ast+Logo-Zettel like desktop below; original finden text in HTML */
@media (max-width:767px){
  /* white menuzettel reaches the very top; keep enough height for menu + active submenu */
  .wrapper-toolbar,
  .navbar,
  .navbar.navbar-inverse,
  .navbar-fixed-top,
  .navbar-inner{
    top:0!important;
    background:#fff!important;
    overflow:visible!important;
  }
  .navbar .nav{
    min-height:76px!important;
    padding:16px 14px 28px 14px!important;
    background:#fff!important;
    box-shadow:0 12px 18px rgba(0,0,0,.22)!important;
  }
  .navbar .nav > li > a{
    padding-top:0!important;
    line-height:1.05!important;
  }
  .navbar .dropdown-menu{
    left:14px!important;
    right:14px!important;
    top:43px!important;
    text-align:left!important;
  }

  /* Ast + Logo-Zettel: same visual construction as desktop, placed BELOW the menuzettel */
  #header,
  body.home-page #header{
    display:block!important;
    position:fixed!important;
    top:132px!important;
    left:50%!important;
    right:auto!important;
    width:min(74vw,520px)!important;
    max-width:520px!important;
    margin:0!important;
    padding:8px!important;
    transform:translateX(-50%) matrix(1,-0.02,0,1,0,0)!important;
    background:#ffff88!important;
    background:-moz-linear-gradient(-45deg,#eeece6 81%,#eeece6 82%,#eeece6 82%,#fff 100%)!important;
    background:-webkit-linear-gradient(-45deg,#eeece6 81%,#eeece6 82%,#eeece6 82%,#fff 100%)!important;
    background:linear-gradient(135deg,#eeece6 81%,#eeece6 82%,#eeece6 82%,#fff 100%)!important;
    border-bottom-right-radius:100px 20px!important;
    box-shadow:10px 5px 10px rgba(0,0,0,.2)!important;
    z-index:9998!important;
    overflow:visible!important;
  }
  #header::before,
  body.home-page #header::before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    left:50%!important;
    top:-58px!important;
    width:120vw!important;
    height:82px!important;
    transform:translateX(-50%) matrix(1,0.02,0,1,0,0)!important;
    background:url('/images/headers/AST_2.png') no-repeat center top!important;
    background-size:auto 82px!important;
    z-index:3!important;
    pointer-events:none!important;
  }
  #header a,
  body.home-page #header a,
  #header img.logo,
  body.home-page #header img.logo{
    display:block!important;
    position:relative!important;
    z-index:2!important;
  }
  #header img.logo,
  body.home-page #header img.logo{
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    margin:0!important;
    opacity:1!important;
    visibility:visible!important;
  }
  #main-content{
    padding-top:calc(132px + 58px + (min(74vw,520px) * 0.33) + 40px)!important;
  }
}
@media (max-width:430px){
  .navbar .nav{
    min-height:74px!important;
    padding:15px 10px 27px 10px!important;
  }
  .navbar .dropdown-menu{
    left:10px!important;
    right:10px!important;
    top:41px!important;
  }
  #header,
  body.home-page #header{
    top:124px!important;
    left:50%!important;
    width:78vw!important;
    padding:7px!important;
  }
  #header::before,
  body.home-page #header::before{
    top:-52px!important;
    height:74px!important;
    background-size:auto 74px!important;
  }
  #main-content{
    padding-top:calc(124px + 52px + (78vw * 0.33) + 36px)!important;
  }
}


/* v40: mobile fine-tuning - logo note hangs at branch, deco images visible smaller, menu font a touch larger */
@media (max-width:767px){
  /* Hauptmenü etwas größer, Breite/Grundlayout bleibt wie v39 */
  .navbar .nav > li > a{
    font-size:clamp(12px,3.45vw,16.5px)!important;
    line-height:1.05!important;
  }
  .navbar .dropdown-menu > li > a{
    font-family:faraco!important;
    text-transform:uppercase!important;
    font-size:clamp(12px,3.25vw,16px)!important;
  }

  /* Logo-Zettel näher an den Ast: Ast bleibt, Zettel rückt darunter hoch */
  #header,
  body.home-page #header{
    top:112px!important;
    left:49%!important;
    width:min(72vw,430px)!important;
    max-width:430px!important;
    padding:7px!important;
    transform:translateX(-50%) matrix(1,-0.02,0,1,0,0)!important;
  }
  #header::before,
  body.home-page #header::before{
    top:-52px!important;
    height:76px!important;
    background-size:auto 76px!important;
    z-index:3!important;
  }

  /* Deko-Bilder auf Handy nicht ausblenden, sondern kleiner wie Desktop-Elemente */
  body.home-page .home-inline-gesucht,
  body.home-page .home-inline-finden{
    position:relative!important;
    padding-right:58px!important;
  }
  body.home-page .home-inline-gesucht::before,
  body.home-page .home-inline-finden::before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    background-repeat:no-repeat!important;
    background-position:center center!important;
    background-size:contain!important;
    opacity:.96!important;
    z-index:2!important;
    pointer-events:none!important;
  }
  body.home-page .home-inline-gesucht::before{
    background-image:url('/images/Dingsies/Schneckenhaus.png')!important;
    width:38px!important;
    height:38px!important;
    right:10px!important;
    top:2px!important;
  }
  body.home-page .home-inline-finden::before{
    background-image:url('/images/Dingsies/Flechtenast.png')!important;
    width:54px!important;
    height:32px!important;
    right:4px!important;
    top:4px!important;
  }
  /* genügend Platz unter fixed Kopfzone */
  #main-content{
    padding-top:calc(112px + 52px + (min(72vw,430px) * 0.33) + 32px)!important;
  }
}
@media (max-width:430px){
  .navbar .nav > li > a{
    font-size:clamp(11px,3.25vw,14px)!important;
  }
  .navbar .dropdown-menu > li > a{
    font-size:clamp(11px,3.1vw,14px)!important;
  }
  #header,
  body.home-page #header{
    top:104px!important;
    left:49%!important;
    width:76vw!important;
    padding:6px!important;
  }
  #header::before,
  body.home-page #header::before{
    top:-47px!important;
    height:68px!important;
    background-size:auto 68px!important;
  }
  body.home-page .home-inline-gesucht,
  body.home-page .home-inline-finden{
    padding-right:48px!important;
  }
  body.home-page .home-inline-gesucht::before{
    width:32px!important;
    height:32px!important;
    right:8px!important;
  }
  body.home-page .home-inline-finden::before{
    width:46px!important;
    height:28px!important;
    right:2px!important;
  }
  #main-content{
    padding-top:calc(104px + 47px + (76vw * 0.33) + 30px)!important;
  }
}

/* v41: mobile header refinement — logo note hangs like desktop, a bit smaller/left/up; main menu a bit larger */
@media (max-width:767px){
  .navbar .nav > li > a{
    font-size:clamp(13px,3.9vw,18px)!important;
    line-height:1.05!important;
  }

  /* Ast/Zettel wie Desktop, nur etwas kleiner und höher/weiter links */
  #header,
  body.home-page #header{
    top:94px!important;
    left:48%!important;
    width:min(68vw,400px)!important;
    max-width:400px!important;
    padding:6px!important;
    transform:translateX(-50%) matrix(1,-0.02,0,1,0,0)!important;
  }
  #header::before,
  body.home-page #header::before{
    top:-50px!important;
    height:74px!important;
    background-size:auto 74px!important;
    left:50%!important;
    width:120vw!important;
    transform:translateX(-50%) matrix(1,0.02,0,1,0,0)!important;
    background-position:center top!important;
  }

  #main-content{
    padding-top:calc(94px + 50px + (min(68vw,400px) * 0.33) + 38px)!important;
  }
}

@media (max-width:430px){
  .navbar .nav > li > a{
    font-size:clamp(12px,3.7vw,16px)!important;
  }
  #header,
  body.home-page #header{
    top:90px!important;
    left:47.5%!important;
    width:71vw!important;
    max-width:71vw!important;
    padding:5px!important;
  }
  #header::before,
  body.home-page #header::before{
    top:-46px!important;
    height:68px!important;
    background-size:auto 68px!important;
  }
  #main-content{
    padding-top:calc(90px + 46px + (71vw * 0.33) + 34px)!important;
  }
}

/* v42: mobile ast lower so it visibly overlaps the logo note like desktop */
@media (max-width:767px){
  #header::before,
  body.home-page #header::before{
    top:-26px!important;
    z-index:3!important;
  }
  #header,
  body.home-page #header{
    z-index:2!important;
  }
}

@media (max-width:430px){
  #header::before,
  body.home-page #header::before{
    top:-22px!important;
  }
}

/* v43: mobile fixed header stack - content always behind; logo note slimmer/higher */
@media (max-width:767px){
  html, body{overflow-x:hidden!important;}

  /* fixed head elements always above page content */
  .wrapper-toolbar,
  .navbar,
  .navbar-inner,
  .navbar-fixed-top,
  .navbar .nav{
    z-index:30000!important;
  }
  #header,
  body.home-page #header{
    top:86px!important;
    left:48%!important;
    width:min(64vw,380px)!important;
    max-width:380px!important;
    padding:5px!important;
    z-index:29000!important;
  }
  #header::before,
  body.home-page #header::before{
    top:-22px!important;
    z-index:30001!important;
  }

  /* page content is always below/behind fixed head; never over it */
  #main-content,
  .container.main-container,
  .row-fluid,
  main#content,
  #content,
  aside,
  #sidebar1,
  #sidebar2{
    position:relative!important;
    z-index:1!important;
  }
  #main-content{
    padding-top:calc(86px + 42px + (min(64vw,380px) * 0.31) + 56px)!important;
  }
}

@media (max-width:430px){
  #header,
  body.home-page #header{
    top:82px!important;
    left:47.5%!important;
    width:67vw!important;
    max-width:67vw!important;
    padding:5px!important;
    z-index:29000!important;
  }
  #header::before,
  body.home-page #header::before{
    top:-19px!important;
    z-index:30001!important;
  }
  #main-content{
    padding-top:calc(82px + 38px + (67vw * 0.31) + 52px)!important;
  }
}

/* v44: mobile logo note higher, further left and smaller; branch still overhangs it */
@media (max-width:767px){
  #header,
  body.home-page #header{
    top:74px!important;
    left:45.5%!important;
    width:min(54vw,325px)!important;
    max-width:325px!important;
    padding:4px!important;
  }
  #header::before,
  body.home-page #header::before{
    top:-14px!important;
    z-index:30001!important;
  }
  #main-content{
    padding-top:calc(74px + 34px + (min(54vw,325px) * 0.31) + 58px)!important;
  }
}

@media (max-width:430px){
  #header,
  body.home-page #header{
    top:72px!important;
    left:45%!important;
    width:57vw!important;
    max-width:57vw!important;
    padding:4px!important;
  }
  #header::before,
  body.home-page #header::before{
    top:-12px!important;
    z-index:30001!important;
  }
  #main-content{
    padding-top:calc(72px + 32px + (57vw * 0.31) + 56px)!important;
  }
}

/* v45: move branch/header stack a bit lower on mobile so branch is clearly visible below menu */
@media (max-width:767px){
  #header,
  body.home-page #header{
    top:90px!important;
  }
  #main-content{
    padding-top:calc(90px + 34px + (min(54vw,325px) * 0.31) + 58px)!important;
  }
}

@media (max-width:430px){
  #header,
  body.home-page #header{
    top:88px!important;
  }
  #main-content{
    padding-top:calc(88px + 32px + (57vw * 0.31) + 56px)!important;
  }
}


/* v46 targeted fix: mobile wordcloud uses DirtyEgo/twofold font */
@media (max-width:767px){
  body.home-page .main-after-content .static-wordcloud a,
  .main-after-content .static-wordcloud a{
    font-family:twofold!important;
  }
}