body { font-size:1em; font-family:arial,helvetica,sans-serif; background:#fff; }

html, body { margin:0; padding:0; }

*, *:after, *:before { }

img { max-width:100%; height:auto; }
header { display:block;  padding:.5em 0 0 0; width:100%; margin:0; background:#fff; border:4px solid #111; border-width:4px 0; }
article header { border:0; }


/* TILES */

ul.tiles { margin:1.5em 0 0 0!important; padding:0!important; list-style:none; width:105%; }
ul.tiles > li { padding:0!important; margin:0!important; overflow-y:hidden; }
ul.tiles > li.tile { display:block; position:relative; z-index:1; width:24.99%; width:calc(24.99% - 1em); margin:0 0 1em 0!important; padding:.75em!important; display:inline-block; float:left; margin:.5em; box-sizing:border-box; min-height:0; padding-bottom:75%; transition:all .25s ease-out; -webkit-transition:all .25s ease-out; background:#dfeef6; border-top:.25em solid #111; min-height:12.8em; position:relative; background:linear-gradient(0deg, rgba(223,238,246,1) 0%, rgba(223,238,246,1) 55%, rgba(168,195,209,1) 100%); background:transparent; border-radius:.175em .175em 0 0; }
ul.tiles > li.tile::after { display:block; content:' '; z-index:-1; position:absolute; top:0; right:0; bottom:0; left:0; opacity:1; transition:all .25s ease-out; -webkit-transition:all .25s ease-out; background:linear-gradient(172deg, rgba(223,238,246,1) 0%, rgba(223,238,246,1) 55%, rgba(168,195,209,1) 100%); }

ul.tiles > li.tile:hover { background:#fff; border-color:#c63407; }
ul.tiles > li.tile:hover::after { opacity:.5; }

ul.tiles .sizer { width:24.99%; width:calc(24.99% - 1em); }
ul.tiles .sizer-gutter { width:1em; height:1em; padding:0!important; margin:0!important; }
ul.tiles > li.tile img { display:block; transition:opacity .6s ease; -webkit-transition:opacity .6s ease; min-height:12.5em; width:auto; max-width:100%; }
ul.tiles li::before { display:none; }

/* ############################### ONLY JS ############################################ */
ul.tiles li.tile { opacity:0; }
ul.tiles.layout li.tile { opacity:1; }

ul.tiles > li.tile.image,
ul.tiles > li.tile.textpic,
ul.tiles > li.tile.texticon { padding:0!important; }

ul.tiles > li.tile.image::after { display:none; }

ul.tiles > li.tile a { display:block; margin:0; position:absolute; top:-.5px; right:0; bottom:0; left:0; border:none!important; background:transparent!important; }
ul.tiles > li.tile a:hover img { opacity:.6; }
ul.tiles p::before { display:inline-block; content:'//'; padding:0 .25em 0 .2em; opacity:.33; }

/* Tiles styles */

/* Style: Text only */

ul.tiles > li.tile.text > a,
ul.tiles > li.tile > a.noimage {padding:.75em .5em .75em .75em; }
ul.tiles > li.tile.text > a:hover h3,
ul.tiles > li.tile > a.noimage:hover h3 { text-decoration:underline; }

/* Styles: Textpix + News w/ image */

ul.tiles > li.tile figure { min-height:12.5em; overflow:hidden; background-repeat:no-repeat; background-position:center center; background-size:cover; }
ul.tiles > li.tile figure img { border:0; clip:rect(0 0 0 0); clip-path:polygon(0px 0px, 0px 0px, 0px 0px); -webkit-clip-path:polygon(0px 0px, 0px 0px, 0px 0px); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; left:-1px; top:-1px; width:1px; white-space:nowrap; }
ul.tiles > li.tile a figure { background-color:#70b7dd; }

ul.tiles > li.tile.news_record_single a figure { margin:-.75em!important; }
ul.tiles > li.tile.news_records_categories_x_latest  a figure { margin:-.75em!important; }


ul.tiles figcaption { display:block; position:absolute; top:auto; bottom:0; left:0; right:0; margin:0; padding:0!important; overflow:hidden; }
ul.tiles figcaption h3 { display:block!important; position:relative; margin:0!important; padding:.5em .5em .25em .5em; line-height:1.2em; background:#111; background:rgba(0,0,10,.7); color:#fff !important; max-height:2.4em; }
ul.tiles figcaption p { display:block!important; position:relative; margin:0!important; padding:0 .5em 0 .5em; line-height:1.2em; max-height:0; background:#111; background:rgba(0,0,10,.7); color:#fff; font-size:1em; font-family:sans-serif; color:#b9e2e4!important; overflow:hidden; }
ul.tiles .tile figcaption p::before { display:none; }

ul.tiles .tile:hover figcaption h3 { max-height:4em; }
ul.tiles .tile:hover figcaption p { max-height:7em; }

ul.tiles figcaption h3,
ul.tiles figcaption p {
  -webkit-transition: all .5s ease-out;
  -moz-transition: all .5s ease-out;
  -ms-transition: all .5s ease-out;
  -o-transition: all .5s ease-out;
  transition: all .5s ease-out;
}

/* Style: Text + icon */

ul.tiles > li.tile.texticon figure { background-color:transparent; background-size:11em; }
ul.tiles > li.tile.texticon::after {}
ul.tiles > li.tile.texticon {
  background: rgb(152,211,215);
  background: -moz-linear-gradient(167deg, rgba(152,211,215,1) 0%, rgba(188,226,228,1) 18%, rgba(200,231,232,1) 49%, rgba(250,250,250,1) 100%);
  background: -webkit-linear-gradient(167deg, rgba(152,211,215,1) 0%, rgba(188,226,228,1) 18%, rgba(200,231,232,1) 49%, rgba(250,250,250,1) 100%);
  background: linear-gradient(167deg, rgba(152,211,215,1) 0%, rgba(188,226,228,1) 18%, rgba(200,231,232,1) 49%, rgba(250,250,250,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#98d3d7",endColorstr="#fafafa",GradientType=1);
}


/* Tiles variants */

ul.tiles > li.tile.double { width:50%; width:calc(50% - 1em); }

/* NEWS LIST TILE */

ul.tiles > li.tile.news_records_categories_amount { position:absolute; top:0; right:1em; }
ul.tiles > li.tile.news_records_categories_amount { width:49.99%; width:calc(49.99% - 1em); background:#fff; }
ul.tiles > li.tile.news_records_categories_amount::after { display:none; }

ul.tiles > li.tile.news_records_categories_amount h3 { display:block!important; margin-bottom:.33em !important; }

#main .body article div ul.newslist { padding:0; margin:0 0 -.5em 0; font-size:.87em; }
#main .body article div ul.newslist li { padding:0 .25em 0 0; margin:0 0 .5em 0; min-height:3.6em; }
#main .body article div ul.newslist li a { position:static; display:block; padding:0 0 0 3.25em; color:#000; }

#main .body article div ul.newslist h4,
#main .body article div ul.newslist p { margin:0; font-size:1em; line-height:1.2em; transition:color .25s ease-out; -webkit-transition:color .25s ease-out; }
#main .body article div ul.newslist p::before { display:none; }

.newslist .date { display:block; position:absolute; left:1px; top:.2em; width:2.4em; height:3em; line-height:3em; text-align:center; float:left; background:#111; color:#fff; overflow:hidden; text-transform:uppercase; font-size:1em; transition:all .75s ease-out; -webkit-transition:all .75s ease-out; }
.date .month, .date .year { display:block; position:absolute; top:0; left:0; width:100%; font-size:.7em; line-height:1.6em; }
.date .month { letter-spacing:.25ex; }
.date .year { top:auto; bottom:0; }
.date .day { font-weight:bold; letter-spacing:.1ex; }
.date .month span, .date .day span { position:absolute; left:-50em; top:0; }

.newslist .news-list-category { white-space:nowrap; color:#c63407; }
.newslist .news-list-category::before { display:inline-block; content: '//'; padding:0 .33em 0 .2em; color:#aaa; }

#main .body article div ul.newslist li a:hover h4 { color:#2743a0; transition:all .1s ease-out; -webkit-transition:all .1s ease-out; text-decoration:underline; }
#main .body article div ul.newslist li a:hover .date { background:#2743a0; transition:all .1s ease-out; -webkit-transition:all .1s ease-out; }

.tile { background:#b9e2e4; }

#main .body > article .tile h3 { display:inline; font-family: bibnav, arial, sans-serif; color:#c63407; font-size:1em; min-height:1.5em; font-style:normal; text-transform:uppercase; margin:.05em 0 0 .1em; }
#main .body > article .tile p { display:inline; margin:-.15em 0 0 0; line-height:1.4; }
#main .body > article .tile:not(.news_records_categories_amount) p { font-family: bibnav, arial, sans-serif; }
#main .body > article .tile figcaption { padding:.5em; }

#main .body > article .tile h3,
#main .body > article .tile p { font-size:1.12em; }

/* TEXT TILE - ONLY HEADING */

#main .body > article .tile.text h3:last-child { display:block; font-size: 1.33em; text-align: center; margin: 3em 0 2em 0!important; color:#000; }

/* TILES WITHOUT LINKS */

ul.tiles > li:not(.news_records_categories_amount) > h3,
ul.tiles > li:not(.news_records_categories_amount) > p,
ul.tiles > li:not(.news_records_categories_amount) > figcaption { opacity:.5; }


@media screen and ( max-width:142ex ) {
  ul.tiles .sizer,
  ul.tiles > li.tile { width:32.99%; width:calc(32.99% - 1em); }
  ul.tiles > li.tile.double { width:65.89%; width:calc(65.89% - 2em); }
  ul.tiles > li.tile.news_records_categories_amount { width:65.89%; width:calc(65.89% - 1em); right:1.5em; }
}


@media screen and ( max-width:111ex ) {
  ul.tiles .sizer,
  ul.tiles > li.tile { width:49.99%; width:calc(49.99% - 1em); }
  ul.tiles > li.tile.double { width:100%; width:calc(100% - 2em); }
  ul.tiles > li.tile.news_records_categories_amount { width:100%; width:calc(100% - 1em); right:1em; }
}

@media screen and ( max-width:70ex ) {
  ul.tiles .sizer,
  ul.tiles > li.tile { width:100%!important; width:calc(100% - 1em)!important; margin-bottom:.5em!important; margin-left:1em!important; }
  ul.tiles > li.tile figure { background-position:center center; } /* Wofür war das min-height? */
  ul.tiles > li.tile.news_records_categories_amount { width:100%; width:calc(100% - 1em); right:0; }

  ul.tiles > li.tile.texticon figure { background-size:50vw; }

  /* mobile styles */
  ul.tiles>li.tile.smallmobile,
  ul.tiles>li.tile.smallmobile figure { min-height:0; position:static; }
  ul.tiles>li.tile.smallmobile:not(.texticon) figure { background-image:none!important; }
  ul.tiles>li.tile.smallmobile.texticon figure { background-size:6em; background-position:right 15%; padding:.33em 4.25em .33em .33em; }
  ul.tiles>li.tile.smallmobile a { position:static!important; }
  ul.tiles>li.tile.smallmobile.texticon figcaption p { display:none!important; }

  ul.tiles>li.tile.smallmobile {
    background: rgb(152,211,215) !important;
    background: -moz-linear-gradient(167deg, rgba(152,211,215,1) 0%, rgba(188,226,228,1) 18%, rgba(200,231,232,1) 49%, rgba(250,250,250,1) 100%) !important;
    background: -webkit-linear-gradient(167deg, rgba(152,211,215,1) 0%, rgba(188,226,228,1) 18%, rgba(200,231,232,1) 49%, rgba(250,250,250,1) 100%) !important;
    background: linear-gradient(167deg, rgba(152,211,215,1) 0%, rgba(188,226,228,1) 18%, rgba(200,231,232,1) 49%, rgba(250,250,250,1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#98d3d7",endColorstr="#fafafa",GradientType=1) !important;
  }
  ul.tiles>li.tile.smallmobile figcaption { position:static; background:transparent; }
  ul.tiles>li.tile.smallmobile figcaption p,
  ul.tiles>li.tile.smallmobile figcaption h3 { max-height:8em; background:transparent; color:#111!important; }
  #main .body > article .tile.text.smallmobile h3:last-child { margin:1em 0 0 0!important; }
  ul.tiles>li.tile.hiddenmobile { display:none; }
}



.waterfall { margin-left:-.5em; margin-right:-.5em;}
.waterfall > div { background:#b9e2e4; border-top:4px solid #111; min-height:10em; width:30ex; padding:1ex; margin:0 1ex 2ex 1ex; float:left; }

.loaded .waterfall > div {
/* Führt zu Fehl-Darstellungen in Chrome, beim Laden der Seite! */
-webkit-transition:all .33s ease-out;
   -moz-transition:all .33s ease-out;
     -o-transition:all .33s ease-out;
        transition:all .33s ease-out;
}

.waterfall > div {
-webkit-transition:background .33s ease-out;
   -moz-transition:background .33s ease-out;
     -o-transition:background .33s ease-out;
        transition:background .33s ease-out;
}


/* for masonry instead of waterfall */

.waterfall > div { width:29.8ex; }
#main div[data-span="2"] { width:60.6ex; }

/* for masonry with 12 grid */
.waterfall.m12 > div { width:88px;}
.waterfall.m12 > div[data-span="2"] { width:176px; }
.waterfall.m12 > div[data-span="3"] { width:264px; }
.waterfall.m12 > div[data-span="4"] { width:352px; }
.waterfall.m12 > div[data-span="5"] { width:440px; }
.waterfall.m12 > div[data-span="6"] { width:528px; }

/* TEST */

.waterfall > div { width:24%;}

.deco { background:#3c3;}



/* NAVIGATION */

nav.main { height:2.2em; position:relative; }

nav.main ul, nav.mail li {list-style:none; margin:0; padding:0; }

nav.main figure, nav.main figcaption { margin:0; padding:0; }

nav.main ul li { display:block; width:12em; width:10.5em; float:left;}
nav.main h3 { width:100%; margin:0; font-size:1.05em; text-transform:uppercase; font-weight:normal; font-family:bibnav,"Helvetica Narrow","Arial Narrow",Tahoma,Arial,Helvetica,sans-serif; white-space:nowrap;}
nav.main li:last-of-type h3 { text-transform:none; }
nav.main h3 span.initials {display: inline-block;  position:absolute; right:-1.25em; top:-.1em; background:#2743a0; color:#fff; border-radius:1em; height:2em; width:2em; line-height: 2.25em; text-align:center; transition:transform 1s ease; }
nav.main h3 a:hover span.initials { transform:rotate(360deg); }
nav.main > ul li figure > h3 + div { clear:left; }

nav.main a { display:block; margin:0; padding:.5em 1em; text-decoration:none; color:#111;}

nav.main figcaption a { }

nav.main > ul li figure > h3 + div { position:absolute; max-height:0; overflow:hidden; width:36em; line-height:1.5em ; background:#fff; }
nav.main > ul li:nth-child(1) figure > h3 + div { z-index:117; }
nav.main > ul li:nth-child(2) figure > h3 + div { z-index:116; }
nav.main > ul li:nth-child(3) figure > h3 + div { z-index:115; }
nav.main > ul li:nth-child(4) figure > h3 + div { z-index:114; }
nav.main > ul li:nth-child(5) figure > h3 + div { z-index:113; }
nav.main > ul li:nth-child(6) figure > h3 + div { z-index:112; }
nav.main > ul li:nth-child(7) figure > h3 + div { z-index:111; }

nav.main > ul li:hover figure > h3 + div { max-height:42em; z-index:200; opacity:1;}


nav.main > ul li figure > h3 + div {
-webkit-transition:max-height .8s ease;
   -moz-transition:max-height .8s ease;
     -o-transition:max-height .8s ease;
        transition:max-height .8s ease;
        border:4px solid #111;
        border-top:0;

}


nav.main > ul li:hover figure > h3 + div  {
-webkit-transition:max-height .3s ease-out;
   -moz-transition:max-height .3s ease-out;
     -o-transition:max-height .3s ease-out;
        transition:z-index 0.3s step-start, max-height .3s ease-out;
-webkit-box-shadow:0 16px 16px -5px rgba(0,0,0,.6);
   -moz-box-shadow:0 16px 16px -5px rgba(0,0,0,.6);
        box-shadow:0 16px 16px -5px rgba(0,0,0,.6);
}

nav.main > ul > li figure { font-size:.96em; font-size:1.1em; font-size:1em;}
nav.main > ul > li figure > section,
nav.main > ul > li figure > div form,
nav.main > ul > li figure > div > div { float:left; padding:0; width:50%; /* nur gebraucht, falls abweichend */ }
nav.main > ul > li figure > div > div:empty + .menuarea,
nav.main > ul > li figure > div > .menuarea.full { width:100%; }
nav.main > ul > li figure > div > .menuarea.full .text + .text { clear:left; }
nav.main > ul > li figure > div > div ul { padding-top:.2em; padding-bottom:.5em; }
nav.main > ul > li figure > div ul > li { width:100% !important; line-height:1em;}
nav.main > ul > li figure > div ul a,
nav.main > ul > li figure > div ul p { padding:.35em .5em .35em 1em; width:auto; margin:0;}
nav.main > ul > li figure > div > div p { padding:.35em .5em .35em 1em; width:auto; margin:0; }
nav.main > ul > li figure > div > div p a { display: inline-block; margin:0 .25em .25em 0; padding: .25em .5em; background:#ececec; width: 45%; width:calc(49.99% - 1.5em); color: #111; text-decoration:none; }
nav.main > ul > li figure > div > div p a:hover { text-decoration:underline; background:#d4ebec; color:#02a; }
nav.main > ul > li figure > div ul a:hover { color:#02a; background:#ececec; }
nav.main > ul > li figure { background:#dde; }
nav.main > ul > li:nth-child(2n) figure { background:#edd; }

nav.main > ul > li figure > div > figcaption { float:none; margin:.5em; width:auto; line-height:2em; padding:0 0 0 50px; height:auto; font-family:'RF Rufo Semibold',bibnav; font-size:1.6em; background:transparent; border:1px solid #111; border-width:1px 0; background:transparent url(/theme/images/icons/nav/default.png) center left no-repeat; xtext-transform:uppercase;}
nav.main figcaption.to5 { background-image:url(/theme/images/icons/nav/verband.png); }
nav.main figcaption.to6 { background-image:url(/theme/images/icons/nav/standpunkte.png); }
nav.main figcaption.to7 { background-image:url(/theme/images/icons/nav/regional.png); }
nav.main figcaption.to8 { background-image:url(/theme/images/icons/nav/fortbildung.png); }
nav.main figcaption.to9 { background-image:url(/theme/images/icons/nav/berufspraxis.png); }
nav.main figcaption.to92 { background-image:url(/theme/images/icons/nav/ausbildung.png); }
nav.main figcaption.to585 { background-image:url(/theme/images/icons/nav/login.png); }

nav.main > ul > li:nth-of-type(1) figure > section { background-image:url(images/menu/menu-verband2.png); }
nav.main > ul > li:nth-of-type(2) figure > section { background-image:url(images/menu/menu-standpunkte3.png); }
nav.main > ul > li:nth-of-type(3) figure > section { background-image:url(images/menu/menu-regional.png); }
nav.main > ul > li:nth-of-type(4) figure > section { background-image:url(images/menu/menu-fortbildung.png); }
nav.main > ul > li:nth-of-type(5) figure > section { background-image:url(images/menu/menu-berufspraxis2.png); }
nav.main > ul > li:nth-of-type(6) figure > section { background-image:url(images/menu/menu-ausbildung3.png); }
nav.main > ul > li:nth-of-type(7) figure > section { background-image:url(images/menu/menu-meinbib.png); }


/* Für nicht so hohe Bildschirme: */
@media screen and (max-height:47em ) {
  nav.main > ul > li figure > section { color:transparent; height:5px; overflow:hidden; background:transparent !important; margin-top:0; margin-bottom:.25em; }
}

@media screen and (max-height:41em ) {
  nav.main ul li:nth-of-type(3) figure > ul > li { width:auto !important; display:inline;}
  nav.main ul li:nth-of-type(3) figure > ul > li > img { max-height:14em; }
  nav.main ul li:nth-of-type(3) figure > ul > li.map { text-align:center; width:100% !important;}
  nav.main ul li:nth-of-type(3) figure > ul > li > a { padding:.5em .35em; }
  nav.main ul li:nth-of-type(3) figure > ul > li > a:after { content:", ";}
}

nav.main > ul > li figure form label { margin:.35em 1em; }
nav.main > ul > li figure form input { margin:.35em .75em; }
nav.main > ul > li figure form input[type="text"],
nav.main > ul > li figure form input[type="password"] { width:80%; font-size:1.25em; padding:.25em;}

nav.main > ul > li figure form input[type="submit"] {font-size:1em; padding:.25em; }
nav.main > ul > li figure form input[type="submit"] { border:0; background:#111; color:#fff; font-family:'RF Rufo Semibold',bibnav; text-transform:uppercase; padding:.25em 1.5em .25em .75em; margin-right:1.5em; }
nav.main > ul > li figure form input[type="submit"] {  border-bottom-right-radius:.3em; border-radius:.3em; }
nav.main > ul > li figure form input[type="submit"]:hover { }


nav.main > ul > li figure form a { display:block; clear:both; font-size:.8em !important; color:#666 !important; margin:0 1.25em 0 .25em;}
nav.main > ul > li figure form a:hover { color:#000 !important; text-decoration:underline;}
nav.main > ul > li figure > div > aside { clear:left; width:100%; padding:.75em 0 .25em 0; }
nav.main > ul > li figure > div > aside a { border:0 !important; background:#ececec; margin:0; padding:.75em 1em; min-height:0; height:auto; }
nav.main > ul > li figure > div > aside a::after { top:.7em; bottom:.7em; }
nav.main > ul > li figure > div > aside a:hover { color:#669; }
nav.main > ul > li figure > div > aside a:hover span { color:#02a;}
nav.main > ul > li figure > div > aside a::before { display:block; position:relative; top:-.734em; width:100%; margin:0; height:.9px; background:#222; content:""; }
nav.main > ul > li figure > div > aside a,
nav.main > ul > li figure > div > aside a span {
-webkit-transition: all .1s ease-out;
  -moz-transition: all .1s ease-out;
  -ms-transition: all .1s ease-out;
  -o-transition: all .1s ease-out;
  transition: all .1s ease-out;
}


nav.main > ul > li figure > div > aside a span { display:block; position:static; margin:0; padding:0; color:#111; font-weight:normal;}

nav.main > ul > li figure > div > aside a { position:relative; width:auto; background:none; font:1em sans-serif; text-transform:none; color:#2743a0; color:#556; }

nav.main > ul > li figure > ul p { font-style:normal; padding-right:1.5em; padding-bottom:.5em; line-height:1.4em;}

nav.main > ul > li figure > ul > li > img { max-width:100%; max-width:calc(100% - 2em); margin:.5em 0 0 1em; }

.bookmarklinks { margin:1em 0;}
.bookmarklinks a { display:block; padding:.5em 0 .5em calc(25px + .5em) !important; }
.bookmarklinks a { background-image:url(../images/icon_manage.png) !important; background-position:5px center !important; background-repeat:no-repeat !important; }
.bookmarklinks a:first-of-type { background-image:url(../images/icon_add.png) !important; }

nav.main h3 .button { float:left; font-size:.75em; line-height:2.2em; background:#fff; display:inline-block; margin:.5em .5em .5em 0; padding:0 .4em; border-radius:.75ex; }

nav.main li:hover h3 .button {  color:#c63407 !important; -webkit-transform:rotate(-90deg); }
nav.main ul li:last-of-type:hover h3 .button { -webkit-transform:none; text-shadow:1px 1px 2px #c63407, -1px 1px 2px #c63407, -1px -1px 2px #c63407, 1px -1px 2px #c63407; color:#fff !important;}



.meta { position:absolute; top:0; left:0; font-size:1em; line-height:5em; padding:0; margin:0; width:100%; max-width:100%; text-align:right; text-transform:uppercase; font-weight:normal; z-index:50; border-bottom:2em solid #fff; }
.meta ul { position:relative; max-width:135ex; height:5em; text-align:right;  background:#ececec url(../images/meta.png) left center no-repeat; background-size:contain;  margin:0 auto; padding:0; min-height:1em; }
.meta li { list-style:none; display:inline-block; font-family:'RF Rufo Semibold',bibnav,arial; }
.meta li a { color:#111; text-decoration:none; padding:.5em 1em; }
.meta li.lang a { padding-right:.25em;}

.meta .login { display:block; position:absolute; top:0; right:0; line-height:1.25em; padding:0 0 .25em 0;margin:0 auto; background:#111; color:#fff; border-bottom-left-radius:.3em; }
.meta .login a { color:#ececec; text-decoration:none; padding:0 .2em 0 1.75em; letter-spacing:.1ex; }
.helper-top  { position:absolute; top:0; left:50%; left:calc(50% + 60ex); width:50%; width:calc(50% - 60ex); height:1.5em; background:#111; }
.helper-top { border-bottom:3.5em solid #ececec;}

header h1 { position:absolute; left:0; top:0; margin:0; }
header h1 { display:none;}

.meta .home { display:block; position:absolute; top:0; left:0; padding:0; margin:0;}
.meta .home a { padding:0; margin:0;}

nav.main { margin-top:6em; z-index:500; border-top:1em solid #fff;}

input.search { border:2px solid #111; border-radius:.75ex; padding:.5ex;}

.page > footer { max-width:135ex; position:relative; }


.waterfall h2 { display:inline; font-family: bibnav, sans-serif; font-weight:normal; text-transform:uppercase; font-size:1.1em; line-height:1.6em; color:#c63407; margin-right:.15em;}
.waterfall p { display:inline; font-family: bibnav, sans-serif; font-weight:normal; font-size:1.1em; line-height:1.6em; }



.waterfall .news { background:transparent; font-size:.88em; padding-top:0; padding-left:0; padding:0;}

.news article { margin-bottom:.5em; position:relative; padding:0 0 .5em 3.4em;}


.waterfall .news h3 { display:block; font-size:1em; line-height:1.25em; margin:0; }
.waterfall .news p { margin:0; color:#666; font-family:sans-serif; line-height:1em; }

.waterfall .img { background-size:100% auto; min-height:12.5em; padding:0; }
.img img { width:100%; height:auto; margin:0; position:relative; z-index:1; }

.waterfall .img > article { display:block; position:absolute; top:0; bottom:0; left:0; right:0; margin:0; padding:0; overflow:hidden;}
.waterfall .img > article h2 { display:block; position:absolute; top:auto; bottom:0; left:0; right:0; margin:0; padding:.5ex; line-height:1.2em; background:#111; background:rgba(0,0,10,.7); color:#fff; }
.waterfall .img > article p { display:block; position:absolute; top:100%; left:0; right:0; margin:0; padding:.5ex; line-height:1.2em; background:#111; background:rgba(0,0,10,.7); color:#fff; font-size:1em; font-family:sans-serif; color:#b9e2e4;}
.waterfall .img:hover > article h2 { bottom:33%; }
.waterfall .img:hover > article p { top:67%; min-height:100%; }


.waterfall .triple { background:none; padding:0;}
.waterfall .triple > h2 { display:block; position:absolute; top:0; left:0; right:0; background:#111; color:#fff; padding:.05em 1ex .25em 1ex; margin:0; text-align:center; }
.waterfall .triple ul { margin:0; padding:3.25em 0 0 0; padding:2em 0 0 0; width:100%;}
.waterfall .triple li { box-sizing: border-box; width:calc(33% - .55em); float:left; min-height:5em; list-style:none;}
.waterfall .triple li img { width:100%; height:auto; margin:0 0 -4px 0;}
.waterfall .triple li + li { margin-left:1em; }
.waterfall .triple li h3 { display:block; margin:0; padding:.5ex; line-height:1.2em; background:#222; color:#fff; font-family:'RF Rufo Semibold',bibnav; font-weight:normal; font-size:1.1em;}



.waterfall > div:not(.news):not(.triple):hover { background:#73BCD3; background:#fff; cursor:pointer; border-color:#c63407;}

.news article:hover { cursor:pointer;}

.news article:hover .date { background:#c63407;}
.news article:hover h3,
.switch a:hover { color:#c63407 !important}


.waterfall .img2 { padding-left:17%; }
.waterfall .img2 h2 { }

.img2 { min-height:2em !important; }
.img2 img { display:block; position:absolute; top:0; left:0; bottom:0; height:auto; width:33%;}


/* Folgeseite */

#main .body article p.breadcrumbs { margin:1em 0 -1em 0;}
#main .body article p.breadcrumbs a,
#main .body article p.breadcrumbs span { color:#777 !important; font-size:.8em;}
#main .body article p.breadcrumbs span { padding:0 .25em;}

#main .body article p.breadcrumbs a:first-of-type { color:#444 !important;}

#main .body article p.breadcrumbs a:hover { color:#c63407 !important; }

#main .body article p.breadcrumbs + p{ margin-top:2em;}



nav.sub { clear:both; width:25%; float:left; margin:0; padding:2em 0 0 0; font-size:1.05em; font-weight:normal; font-family:'RF Rufo Semibold', bibnav, sans-serif; }
nav.sub ul { margin:1ex; padding:0; list-style:none; }
nav.sub li { list-style:none; padding:0; margin:0; }
nav.sub a,
nav.sub span { display:block; width:100%; width:calc(100% - 1.9em); color:#000; text-decoration:none; padding:.35em .5em .15em; margin:0 .5em; border:1px solid transparent; border-width:1px 0;}
nav.sub a:hover { color:#22a; background:rgba(255,255,255,.5); }
nav.sub .act > span { color:#c63407!important; cursor:default; }

nav.fullpath { display:block; position:fixed; top:-5em; bottom:0; right:-21em; left:auto; width:20em; max-width:100%; padding:5em 0 0 0; z-index:44228; background:#fff; overflow-y:scroll; overflow-x:hidden; border-left:4px solid #111; transition:right .2s ease, box-shadow .2s ease; -webkit-transition:right .2s ease, box-shadow .2s ease; font-weight:normal; font-family:'RF Rufo Semibold', bibnav, sans-serif; font-size:1.2em; box-shadow:none; }

nav.fullpath .meta { position:static; border:none; border-top:5px solid #2743a0; text-align:left; display:block; flex-direction:row; line-height:1.33em; }
nav.fullpath .meta li { display:inline-block; width:auto; }
nav.fullpath .meta a { padding:1em .33em; white-space:nowrap; }

nav.fullpath li { font-size:1em; padding:.1em 0; list-style:none; position:relative; display:block; width:100%; }
nav.fullpath ul.tree { padding:1.8em 0 0 0; margin:0; border-bottom:.1em solid #ddd; }
nav.fullpath ul.tree ul { max-height:0; overflow:hidden; padding:0 0 0 2.5em; transition:max-height .3s ease-out; -webkit-transition:max-height .3s ease-out; }
nav.fullpath ul.tree ul ul { padding-left:1.25em; }
nav.fullpath ul.tree li.act > ul { max-height:60em; }
nav.fullpath ul.tree > li { border-top:.1em solid #ddd; }
nav.fullpath.initiated ul.tree ul { max-height:60em; }
nav.fullpath.initiated ul.tree ul[hidden] { max-height:0!important; display:block; }

nav.fullpath > ul a { display:block; width:90%; width:calc(100% - 2em); color:#111; text-decoration:none; padding:.35em .5em .15em; margin:0 .5em; border:1px solid transparent; border-width:1px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
nav.fullpath ul.tree ul a { color:#777; text-transfer:none; }
nav.fullpath > ul .hassub > a { padding-right:0; width:80%; width:calc(100% - 3.5em); }
nav.fullpath > ul a:hover { color:#22a; }


nav.fullpath button { display:block; background:transparent; box-shadow:none; border:0; position:absolute; font-size:.9em; width:1.5em; height:1.5em; right:.5em; top:.2em; }

nav.fullpath button span { border:0; clip:rect(0 0 0 0); clip-path:polygon(0px 0px, 0px 0px, 0px 0px); -webkit-clip-path:polygon(0px 0px, 0px 0px, 0px 0px); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px; white-space:nowrap; }
nav.fullpath button::before { margin-top:.2em; display:block; content:""; width:1.33em; height:1.33em; -webkit-transition:-webkit-transform .2s ease; transition:transform .2s ease; -webkit-transform:rotate(90deg); transform:rotate(90deg); background:transparent url(../images/icons/subnav-toggle.png) center center no-repeat; background-size:.7em; border-radius:50%; }
nav.fullpath ul.tree ul button::before { opacity:.5; }
nav.fullpath button[aria-expanded="false"]::before { -webkit-transform:rotate(-90deg); transform:rotate(-90deg); }
nav.fullpath button:focus { border:none; outline:none; }
nav.fullpath button:focus::before { background-color:#ddd; }

#menuoverlay { position:fixed; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,0); width:100%; height:100%; z-index:-5; transition:background-color .2s ease; }

/* Icons in fullpath menu */

nav.fullpath > ul.tree > li {
  background: transparent none .5em -.1em no-repeat;
  background-size: 2.4em;
  padding-bottom:.2em;
}
  nav.fullpath > ul.tree > li > a {
  padding-left: 3em;
  margin-top:.2em;
  text-transform:uppercase;
}

nav.fullpath > ul.tree > li.to5 { background-image:url(/theme/images/icons/nav/verband.png); }
nav.fullpath > ul.tree > li.to6 { background-image:url(/theme/images/icons/nav/standpunkte.png); }
nav.fullpath > ul.tree > li.to7 { background-image:url(/theme/images/icons/nav/regional.png); }
nav.fullpath > ul.tree > li.to8 { background-image:url(/theme/images/icons/nav/fortbildung.png); }
nav.fullpath > ul.tree > li.to9 { background-image:url(/theme/images/icons/nav/berufspraxis.png); }
nav.fullpath > ul.tree > li.to92 { background-image:url(/theme/images/icons/nav/ausbildung.png); }
nav.fullpath > ul.tree > li.to1 { background-image:url(/theme/images/icons/nav/login.png); }


#main > article { width:75%; float:left; margin:0 0 0 0; padding-bottom:2em; font-size:1.2em;}

#main .body article h1,
#main .body article h2,
#main .body article h3,
#main .body article p { display:block; float:none; text-transform:none; color:#000; font-weight:normal;}

#main .body article strong,
#main .body article b { font-weight:bold; font-size:.9em; letter-spacing:.01em; text-transform:uppercase; }

#main .body article em,
#main .body article i { letter-spacing:.05em; opacity:.66; }

#main .body article h1 strong,
#main .body article h2 strong,
#main .body article h3 strong { font-weight:bold; color:#c63407; }

#main .body h2 { font-size:1em; margin:1.25em 0 .5em 0; }

#main .body article ul,
#main .body article p { line-height:1.4em; margin:0 0 .5em 0; }

#main .body article p.highlight a,
#main .body strong a { color:#6159B8 !important; }
#main .body article p.highlight a:hover,
#main .body strong a:hover { color:#1F2892 !important; }

#main .body article p.highlight { background:#ddd; padding:2em 1em 2em 7em; margin:1em 0 1em -2em; width:calc(100% - 3.5em); min-height:2em; position:relative; }
#main .body article p.highlight::after { content:""; display:block; position:absolute; left:2em; top:1em; bottom:1em; max-height:6.25em; width:3em; background-size:contain; background-position:center; background-repeat:no-repeat; }

#main .body article p.highlight.question { background:#b9e2e4; }
#main .body article p.highlight.question::after { background-image:url(../images/icons/typo/question.png); }

#main .body article p.highlight.yelling { background:#f5c3c3; }
#main .body article p.highlight.yelling::after { background-image:url(../images/icons/typo/yelling.png); }

#main .body article p.highlight.info { background:#cbe4b9; }
#main .body article p.highlight.info::after { background-image:url(../images/icons/typo/info.png); }

#main .body article p.highlight.hashtag { background:#fdd9a0; }
#main .body article p.highlight.hashtag::after { background-image:url(../images/icons/typo/hashtag.png); }

body.id152 #main .body article p.highlight.info { background-color:#bddbf1; }

#main .body article p.highlight strong { color:#D44908;}

#main .body article li { margin:0 0 1em 0; }
#main .body article li:marker { color:#f00;}

#main .body article ul { list-style:none; padding:0; margin:0; }
#main .body article ul li { padding-left:1.9em; position:relative; }
#main .body article ul li::before  { content:"•"; color:#22a; font-size:1.5em; position:absolute; left:.25em; top:-.1em; }

#main .body article ul { list-style:none; padding:0; margin:0; }

#main .body article li strong,
#main .body article p strong { color:#444; color:#c63407; letter-spacing:.02ex; }

#main .body article a { -webkit-transition:background .2s ease; transition:background .2s ease; }

#main .body article a:link { color:#22a; text-decoration:none; }
#main .body article a:link { text-decoration:none;
    background: -moz-linear-gradient(left, #22a, #22a 100%);
    background: -ms-linear-gradient(left, #22a, #22a 100%);
    background: -o-linear-gradient(left, #22a, #22a 100%);
    background: -webkit-gradient(linear, 0 0, 100% 0, from(#22a), to(#22a));
    background: -webkit-linear-gradient(left, #22a, #22a 100%);
    background: linear-gradient(left, #22a, #22a 100%);
    background-position: 0 100%;
    background-size: 10px .1em;
    background-repeat: repeat-x;
}

#main .body article a:visited { color:#551A8B; text-decoration:none; border-bottom:1px solid #99f; }
#main .body article a:visited { text-decoration:none;
  background: -moz-linear-gradient(left, #551A8B, #551A8B 100%);
  background: -ms-linear-gradient(left, #551A8B, #551A8B 100%);
  background: -o-linear-gradient(left, #551A8B, #551A8B 100%);
  background: -webkit-gradient(linear, 0 0, 100% 0, from(#551A8B), to(#551A8B));
  background: -webkit-linear-gradient(left, #551A8B, #551A8B 100%);
  background: linear-gradient(left, #551A8B, #551A8B 100%);
  background-position: 0 100%;
  background-size: 10px .1em;
  background-repeat: repeat-x;
}

#main .body article a:hover { text-decoration:none;
    background: -moz-linear-gradient(left, #878bb0, #878bb0 100%);
    background: -ms-linear-gradient(left, #878bb0, #878bb0 100%);
    background: -o-linear-gradient(left, #878bb0, #878bb0 100%);
    background: -webkit-gradient(linear, 0 0, 100% 0, from(#878bb0), to(#878bb0));
    background: -webkit-linear-gradient(left, #878bb0, #878bb0 100%);
    background: linear-gradient(left, #878bb0, #878bb0 100%);
    background-position: 0 100%;
    background-size: 10px .1em;
    background-repeat: repeat-x;
}

#main .body article a.call2action { display:inline-block; padding:.5em 1em; margin:1em 0; color:#334; background:transparent; text-decoration:none; letter-spacing:.05em; border:.2em solid #a5b0d4; }
#main .body article a.call2action:hover { text-decoration:none; color:#05299d; border-color:#05299d; }

#main .body article p:last-child { margin-bottom:0; }

#main .body article .frame-type-textmedia + div p:first-child,
#main .body article .frame-type-text + div p:first-child { margin-top:.5em; }

#main .body article sup,
#main .body article sub { font-size:.66em; vertical-align:baseline; position:relative; top:-.5em; line-height:0; }
#main .body article sub { top:.4em; }

#main .body article h2 { font-size:1.5em; }
#main .body article h3 { font-size:1.25em; }
#main .body article h4 { font-size:1em; margin:1.33em 0 .33em 0; }
#main .body article h5 { font-size:1em; color:#666; margin:.77em 0 .33em 0; }

#main .body article h2 + h3,
#main .body article h3 + h4,
#main .body article h4 + h5 { margin-top:0; }

#main .body article p.half,
#main .body article ul.half,
#main .body article ol.half { width:45%; width:calc(50% - .75em); float:left; clear:none; }

#main .body article p.half + :not(.half) { clear:left; }

#main .body article :not(.half) + .half + .half,
#main .body article .half:first-child + .half,
#main .body article :not(.half) + .half + .half + .half + .half,
#main .body article .half:first-child + .half + .half + .half,
#main .body article :not(.half) + .half + .half + .half + .half + .half + .half,
#main .body article .half:first-child + .half + .half + .half + .half + .half { margin-left:1.5em; }

#main .body article :not(.half) + .half + .half + .half,
#main .body article :not(.half) + .half + .half + .half + .half + .half,
#main .body article .half:first-child + .half + .half,
#main .body article .half:first-child + .half + .half + .half + .half { clear:left; }


#main .body article h2.float { display:block; float:left; padding:.5em 1em; margin:0 .5em .25em 0; background:#f93; background:#f4ddbb; line-height:1.41em; min-width:8em; max-width:50%; }

#main .body article p.intro { position:relative; font-size:1.05em; color:#633; padding-bottom:1em; margin-bottom:1em; }
#main .body article p.intro { padding-bottom:0em; }

#main .body article p.cite { width:100%; text-align:right; font-style:italic; letter-spacing:-.02em; color:#999; }

#main .body article blockquote { display:block; margin:.8em -10em .8em -1.6em; padding:1.5em 10em 1.5em 6em; background:#ddd url(../images/cite.png) no-repeat 1.75em 1em; background-size:3em; font-size:1.25em; }

#main .body article blockquote p { padding:0!important; background:transparent!important; width:auto!important; font-size:inherit!important; min-height:0!important; margin:0!important; }
#main .body article blockquote p + p { margin-top:.5em; }

/* No upper margin for very fist headings */

#main .body article { padding-top:2em; }
#main .body article > div:first-child *:first-child { margin-top:0; }

body > header { background:#fff; border:4px solid #111; padding:0; border-width:4px 0; box-shadow:0 10px 20px rgba(0,0,0,.5); width:100%; max-width:100%; z-index:510;}

header nav { max-width:135ex; position:relative; margin:0 auto;}





#main > article { background:#fff; }

.waterfall div > article h2,
.waterfall div > article p {
  -webkit-transition: all .2s ease-out;
  -moz-transition: all .2s ease-out;
  -ms-transition: all .2s ease-out;
  -o-transition: all .2s ease-out;
  transition: all .2s ease-out;
}

a:hover,
nav.main li:hover h3  { color:#c63407;
  -webkit-transition: color .1s ease-out;
  -moz-transition: color .1s ease-out;
  -ms-transition: color .1s ease-out;
  -o-transition: color .1s ease-out;
  transition: color .1s ease-out;
}
nav.main li:hover h3 .button { color:#c63407 !important;
  -webkit-transition: all .2s ease-out;
  -moz-transition: all .2s ease-out;
  -ms-transition: all .2s ease-out;
  -o-transition: all .2s ease-out;
  transition: all .2s ease-out;
}

a,
nav.main h3 .button {
  -webkit-transition: all .6s ease-out;
  -moz-transition: all .6s ease-out;
  -ms-transition: all .6s ease-out;
  -o-transition: all .6s ease-out;
  transition: all .6s ease-out;
}

main .body article a { overflow-wrap: break-word; max-width: 100%; }
main .body a[href^="mailto:"] { margin-right:1.5em; }
main .body a[href^="mailto:"]::after { content: ""; display:inline-block; width:1.3em; height:.81em; margin:0 -1.3em 0 0; position:relative; top:-.15em; background:transparent url(/theme/images/icons/mail.png) top right no-repeat; background-size:contain; opacity:.6; transition:opacity .1s ease-in; }
main .body a[href^="mailto:"]:hover::after { opacity:1; }


/* Tables */

.body article .frame-type-table > table { border-spacing:0; margin:1em 0!important; width:100%; }
td, th { text-align:left; padding-bottom:1.25em; }
th + th, th + td, td + td { padding-left:1.25em; }
tfoot td { color:#666; font-style:italic; }
tfoot th { font-style:italic; }

.ce-table-striped td,
.ce-table-striped th,
.ce-table-bordered td,
.ce-table-bordered th { padding:.75em 1.25em; }

.ce-table-striped tbody tr:nth-child(odd) { background:#b9e2e4; }
.ce-table-striped tbody tr:nth-child(odd) th { background:#e2f2f2; }
.ce-table-striped tfoot th { font-style:italic; border-top:.2em solid #a6c0c1; }
.ce-table-striped tfoot td { font-style:italic; border-top:.2em solid #a6c0c1; color:#5d7071; }

.ce-table-bordered { border:.2em solid #000;}
.ce-table-bordered thead th { border-bottom:.2em solid #000;}
.ce-table-bordered tbody th { border-right:.2em solid #000; }
.ce-table-bordered tbody td,
.ce-table-bordered tbody th {  border-bottom:1px solid #ddd; }
.ce-table-bordered tfoot td { border-top:1px solid #333; font-style:italic; }
.ce-table-bordered tfoot th { border-right:.2em solid #000; font-style:italic; }

table caption { margin:0 0 .75em 0; padding-left:33%; font-style:italic; text-align:right; position:relative; }
table caption::after { position:absolute; top:100%; right:1.5em; margin:.2em 0; border-style:solid; border-width:.5em; border-color:#333 transparent transparent transparent; content:''; }

table.ce-table-bordered caption { margin-bottom:1.25em; }

.ce-table-num-striped tbody td, .ce-table-num-striped tfoot td, .ce-table-numstriped thead th + th
.ce-table-num-bordered tbody td, .ce-table-num-bordered tfoot td, .ce-table-num-bordered thead th + th,
.ce-table-num-default tbody td, .ce-table-num-default tfoot td, .ce-table-num-default thead th + th { text-align:right; font-variant-numeric:tabular-nums;}

header section p { display:block; position:absolute; bottom:-1em; right:0; width:52%; margin:0; padding:1ex 1ex 1ex 7%; background:#111; color:#fff; font-size:1.2em; font-family:'RF Rufo Semibold',bibnav, sans-serif; -webkit-text-stroke: 1px rgba(254,254,254,0.1); }
.ce-bib_person { padding-top:2em!important; padding-bottom:2em!important; clear:both; }
.ce-bib_person + .ce-bib_person { padding-top:0!important; }
.ce-bib_person figure { margin:0 15% 0 0; margin-right:calc(0% + 4em); float:left; transition:margin-right .2s ease-out; }
.ce-bib_person figure img { max-width:8em; transition:max-width .2s ease-out, transform .1s ease-out; transform-origin:top left; }
.ce-bib_person figcaption {}
.ce-bib_person .personcontent { float:right; width:85%; width:calc(100% - 12em); }
.ce-bib_person .persontext { overflow:hidden; transition:max-height .4s linear; }
.ce-bib_person:not(.open) .persontext { max-height:0em!important; }
.ce-bib_person.open .persontext { max-height:40em; }

.ce-bib_person figure { margin-right:calc(0% + 1.99em); }
.ce-bib_person.open figure img  { max-width:10em; transform:none; }

#main .body article .ce-bib_person h3 { font-size:1.75em; font-style:normal; color:inherit; margin-top:1.5em!important; }
#main .body article .ce-bib_person h3 span { display:block; font-size:.75em; color:#767676; margin-top:.33em; letter-spacing:.05em;}
#main .body article .ce-bib_person h3 a { display:inline-block; position:relative; left:.25em; overflow:hidden; white-space:nowrap; text-indent:2em; width:1em; height:1em; text-decoration:none; background:transparent; }

#main .body article .ce-bib_person h3 a::after { position: absolute; left:0; top:.3em; font-size:.66em; display:inline-block; content:"▼"; color:#bbb; width:auto; height:1em; padding:0; text-indent:0; -webkit-transition:.2s transform ease; transition:.2s transform ease; -webkit-transform-origin:center .7em; transform-origin:center .7em; }

#main .body article .ce-bib_person:hover h3 a::after { color:#02a; }
#main .body article .ce-bib_person.open h3 a::after { color:#c63407; transform:rotate(-180deg); }

.ce-bib_person:hover figure img { transform:scale(1.05);}
#main .body article .ce-bib_person:hover h3 { color:#666; }
#main .body article .ce-bib_person:hover h3 span { color:#999; }

.ce-bib_person::after { content:""; display:block; clear:both; }

#main .body article .ce-bib_person aside { color:#999; font-style:italic; margin-top:1em;
}

/* JS TESTING ELEMENT OFF-CANVAS */

#persontester { position:absolute; left:-300%; top:-300%; font-size:1.05em; }


/* TX NEWS */

/* tx_news detail */

.news-date { color:#c63407; font-style: italic; }
#main .body article .news-categories h4 { display:inline; font-weight:normal; font-size:1em; margin-right:.33em; }
#main .body article .news-categories ul { list-style:none; display:inline; padding:0; margin:0; }
#main .body article .news-categories ul li { display:inline; padding:0; margin:0; }
#main .body article .news-categories ul li::before { display:none; }
#main .body article .news-categories ul li + li::before { display:inline-block; position:static; content:", "; font-size:1em; margin:0 .15em 0 -.1em; color:#222; }
.teaser-text { font-style:italic; margin-top:1.5em; margin-bottom:1.5em; letter-spacing:.1em; }
.news-img-wrap { float: right; margin-top:.2em; padding:0 0 .5em 1.5em; max-width: 60%; }

#main .body article .news .news-backlink-wrap a { display:inline-block; padding:.2em 1em; text-decoration:none; background:#ececec; -webkit-transition:all .2s ease; transition:all .2s ease; color:#000; margin-top:2em; }
#main .body article .news .news-backlink-wrap a:hover { text-decoration:underline; background:#b9e2e4; }

.footer.detail + .news-text-wrap { margin-top:1.5em; }

/* tx_news list */

#main .body article .news-list-view .article { clear:both; }
#main .body article .news-list-view .article > a { display:block; margin:0 0 2em 0; background:transparent; }
#main .body article .news-list-view h3 { color:#000; margin:0; font-style:normal; }
#main .body article .news-list-view .news-img-wrap { float:right; max-width:20%; margin-top:.33em; }
#main .body article .news-list-view img { opacity:.8; }
#main .body article .news-list-view .footer { display:block; line-height:1.6em;}
#main .body article .news-list-view .footer > span { display:inline-block; margin-right:1em; }
#main .body article .news-list-view .news-list-date { color:#c63407; }
#main .body article .news-list-view .news-list-category { color:#c63407; }
#main .body article .news-list-view .news-list-date::after,
#main .body article .news-list-view .news-list-category::after { content:" // "; display:inline-block; margin-left:.66em; color:#ccc; }
#main .body article .news-list-view .teaser-text { font-style:normal; margin:.33em 0; letter-spacing:initial; }
#main .body article .news-list-view .readmore { text-decoration:underline; opacity:.6; }

#main .body article .news-list-view a:hover h3 { color:inherit; text-decoration:underline; }
#main .body article .news-list-view a:hover .readmore { opacity:1; }
#main .body article .news-list-view a:hover img { opacity:1; }

/* tx_news pagination */

#main .body article .news .page-navigation:first-child { max-width:100%; margin-bottom:1em; }
#main .body article .news .page-navigation ul { margin:0; height:auto; padding:0; list-style:none; }
#main .body article .news .page-navigation ul li { width:auto; float:none; list-style:none; display:inline-block; min-height:0; padding:0; margin:0 .8em .8em 0; color:#999; }
#main .body article .news .page-navigation ul li::before { display:none; }
#main .body article .news .page-navigation ul li.current { padding:.2em .5em; background:#f7d1c5; color:#252; }
#main .body article .news .page-navigation ul li a { display:block; padding:.2em .5em; text-decoration:none; background:#ececec; -webkit-transition:all .2s ease; transition:all .2s ease; color:#000; }
#main .body article .news .page-navigation ul li a:hover { text-decoration:underline; background:#b9e2e4; }
#main .body article .news .page-navigation > p {  }
#main .body article .news .page-navigation ul li.previous a::after { content:"⯇"; display:inline-block; margin-left:1em; color:#666; }
#main .body article .news .page-navigation ul li.next a::before { content:"⯈"; display:inline-block; margin-right:.1em; color:#666; }
#main .body article .news .page-navigation ul li a:hover::before,
#main .body article .news .page-navigation ul li a:hover::after { color:#6a8d8f; }

/* tx_news events list */

#main .body article .events { margin:2em 0 0 0; padding:0; list-style:none; }
#main .body article .events ul { margin:0; padding:0; list-style:none; }

#main .body article .events li { list-style:none; margin:0 0 2.5em; padding:0; }
#main .body article .events li::before { display:none; }

#main .body article .events h3 {  margin-bottom:2em; padding:.5em .66em; background:#ececec; font-style:normal; }

#main .body article .events h4 { font-family: bibnav,arial,sans-serif; font-size:1.66em; font-weight:normal; color:#334; line-height:1.2em; margin:.2em 0 0 0; }
#main .body article .events h4 a { color:#334; background:transparent; text-decoration:none; }

#main .body article .events time { color:#c63407; }
#main .body article .events time abbr { text-decoration:none;}

#main .body article .events .organizer { text-decoration:none; background:transparent; color:#002; position:relative; }
#main .body article .events span.organizer { color:#777; }
#main .body article .events .organizer + .organizer { margin-left:1ex; }
#main .body article .events a.organizer:hover,
#main .body article .events h4 a:hover { color:#05299d; text-decoration:underline; }
#main .body article .events .organizer.category658::before,
#main .body article .events .organizer.category662::before { content:""; display:inline-block; width:1.2em; height:1.2em; margin:0 .25em 0 0; position:relative; top:.2em; background:transparent url(/android-chrome-192x192.png) no-repeat; background-size:contain; }

#main .body article .events .location::before { content:" // "; display:inline-block; margin:0 .5em 0 .5em; color:#ccc; }

#main .body article .events li.source665 h4::after { content:""; display:inline-block; width:1.1em; height:1em; background:transparent url(/theme/images/icons/online-kostenpflichtig.png) no-repeat; background-size:contain; margin-left:1.5ex; vertical-align:top; position:relative; top:-.1ex;  }
#main .body article .events li.source670 h4::after { content:""; display:inline-block; width:1.1em; height:1em; background:transparent url(/theme/images/icons/online.png) no-repeat; background-size:contain; margin-left:1.5ex; vertical-align:top; position:relative; top:-.1ex;  }

#main .body article .events p { line-height:1.25em; }
#main .body article .events p:first-of-type { margin:.33em 0 1em; }

#main .body article .events .call2action { margin:-.2em 0 0; padding:.25em .5em; border-color:#dedede; transition:border-color .2s ease-out; }
#main .body article .events div + .call2action { margin-top:.66em; }

/* Condensed events list */

#main .body article .events .location { color:#c63407 }
#main .body article .events.condensed li > .title{ display:block; color:#334; font-weight:bold; text-decoration:none; background:transparent; border:0; }
#main .body article .events.condensed li > .title a { color:#334; text-decoration:none; background:transparent; border:0; }
#main .body article .events.condensed li > .title a:hover { color:#1f2892; text-decoration:underline; }
#main .body article .events.condensed p:first-of-type { margin:0 0 .75em; }
#main .body article .events.condensed li .organizer { margin-top:-.75em; }
#main .body article .events.condensed li .title + .organizer { margin-top:0; }

/* Condensed events list -- hide organizer for current page's category */
body.category1 .events.condensed li.category1 .organizer { display:none; }
body.category2 .events.condensed li.category2 .organizer { display:none; }
body.category3 .events.condensed li.category3 .organizer { display:none; }
body.category4 .events.condensed li.category4 .organizer { display:none; }
body.category5 .events.condensed li.category5 .organizer { display:none; }
body.category6 .events.condensed li.category6 .organizer { display:none; }
body.category7 .events.condensed li.category7 .organizer { display:none; }
body.category8 .events.condensed li.category8 .organizer { display:none; }
body.category9 .events.condensed li.category9 .organizer { display:none; }
body.category10 .events.condensed li.category10 .organizer { display:none; }
body.category11 .events.condensed li.category11 .organizer { display:none; }
body.category12 .events.condensed li.category12 .organizer { display:none; }
body.category13 .events.condensed li.category13 .organizer { display:none; }
body.category14 .events.condensed li.category14 .organizer { display:none; }
body.category15 .events.condensed li.category15 .organizer { display:none; }
body.category16 .events.condensed li.category16 .organizer { display:none; }
body.category17 .events.condensed li.category17 .organizer { display:none; }
body.category18 .events.condensed li.category18 .organizer { display:none; }
body.category19 .events.condensed li.category19 .organizer { display:none; }
body.category20 .events.condensed li.category20 .organizer { display:none; }

/* Canceled events */

#main .body article .events .canceled h4,
#main .body article .events .canceled time,
#main .body article .events .canceled .location,
#main .body article .events li.canceled > .title a { text-decoration:line-through; text-decoration-color:rgba(0,0,0,.4); }

#main .body article .events .canceled .call2action { color:#c63407; }

/* Events search */

.news-search-form { margin-top:1em; }
.news-search-form label { color:#777; }
.news-search-form input { min-width:13em; margin-bottom:.5em; }
.news-search-result { margin-top:1.5em; }
.news-search-result em { font-variant: normal; color:#c63407; }
.news-search-result strong { text-transform:none!important; }

/* Startseite real */

body.id459 article ol.breadcrumbs { display:none; }
body.id459 #main .body article { background:transparent; }
body.id459 #main .body article > div { background:transparent; }
body.id459 ul.tiles > li.tile { box-shadow:0 .2em 1em rgba(0,0,0,.2); }

body.level0 { background-image: url(../images/bkg/bib_home_bkg.jpg); }
body.level0 article ol.breadcrumbs { display:none; }
body.level0 #main .body article { background:transparent; }
body.level0 #main .body article > div.frame-type-list { background:transparent; }
body.level0 #main .body article > div:first-child { padding-top:0; }
body.level0 ul.tiles > li.tile { box-shadow:0 .2em 1em rgba(0,0,0,.2); }
body.level0 ul.tiles > li.sizer-gutter + li.tile::after { background:#fff; }



/* Reset waterfall for small screens (max:2 * minColumnWidth * margin padding etc.) */
@media screen and (max-width:542px ) {
  .waterfall > div,
  .waterfall > div h2 { position:static !important; -webkit-transform:none !important; }
}



h2, h3, p {
  -moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -webkit-hyphenate-limit-chars: auto 4;
  -webkit-hyphenate-limit-lines: 2;
  -ms-hyphens: auto;
  -ms-hyphenate-limit-chars: auto 4;
  -ms-hyphenate-limit-lines: 2;
  hyphens: auto;
}


body > header { position:absolute; z-index:10; top:0; }
.page { top:10.15em !important; position:absolute; z-index:5; width:100%; }

::selection { background:#0043a0; color:#fff; }
::-moz-selection { background:#0043a0; color:#fff; }

#main { display:block; clear:both; padding:0; max-width:135ex; width:100%; margin:0 auto; background:transparent; min-height:10em; z-index:40;}

#main > article:after { display:block; content:"FGRHETJZRT"; clear:both; }

/* Dropdowns überlappend: */
nav.main > ul { position:absolute; bottom:0; left:0; width:100%;}
nav.main { margin-top:6em; z-index:500; border-top:1em solid #fff; height:2.5em;}
nav.main > ul > li:last-of-type { position:absolute; right:-.933em; top:0; float:right; width:6em;}
nav.main > ul > li:last-of-type h3 { width:auto; margin:inherit; }
nav.main > ul > li:last-of-type h3 a { width:1px; }

nav.main > ul > li:last-of-type figure > h3 + div,
nav.main > ul > li:nth-last-child(3) figure > h3 + div,
nav.main > ul > li:nth-last-child(2) figure > h3 + div { position:absolute; right:0; min-width:65.5ex;}

#main .body { position:relative; width:75%; float:left; margin:0 0 0 0; padding-bottom:2em; font-size:1.15em; font-weight:lighter; }
.body article { margin:0 0 1em 1.5em; }


/* LAYOUT: FULL WIDTH */

body.layout3 nav.sub { display:none; }
body.layout3 #main .body { width:96.25%; }
body.layout3 #main .body article > div { padding-right:12.33%; }

.footnav { clear:left; margin:0; padding:0; position:absolute; bottom:0; left:0; right:0; z-index:104; background:#111; letter-spacing:.1em; }
.footnav ul { padding:0 0 0 0; max-width:135ex; width:100%; margin:0 auto; overflow:auto; }
.footnav ul li { list-style:none; float:left; line-height:2em; font-family:'RF Rufo Semibold',bibnav; text-transform:uppercase;  }
.footnav li a { display:block; padding:.15em 1em; text-decoration:none; color:#fff;}
.footnav li:first-child { padding-left:25%;}
.footnav li:first-child a { padding-left:1em; }

.share { display:block; position:absolute; bottom:0; right:0; line-height:1.25em; padding:.25em 0 .1em 0; margin:0 auto; background:#111; color:#fff; font-family:'RF Rufo Semibold',bibnav; border-radius:.3em .3em 0 0; }
.share a { color:#ddd; text-decoration:none; padding:0 1em 0 2em;}

.page > footer { clear:both; max-width:100%; min-height:10em; padding:1em 0 5em 0; background:#99a; background:#7f8c8d; background:#6c797a; border-top:4px solid #111; }
.page > footer > div { padding:0; max-width:135ex; width:100%; margin:0 auto; overflow:hidden; display:flex; flex-direction:row; }
.page > footer:after { content: "."; display: block; clear: both; font-size: 0; height: 0; visibility: hidden; }

.page > footer section { width:25%; margin:1em 0 0 0; }
.page > footer section.address { width:50%; }
.page > footer address { font-style:normal; padding:0 1em;}
.page > footer address { color:#fff; }
.page > footer address a { color:#fff; }
.page > footer h2 { color:#fff; font-family:'RF Rufo Semibold',bibnav; font-weight:normal; margin:.05em 0 0 0; line-height:1em; }

.page > footer section ul { margin:0; padding:0; }
.page > footer section .icons li { list-style:none; margin:0 17% 0 0; padding:0; width:22%; height:33%; float:left; }
.page > footer section .icons li a,
.page > footer section .icons li a img { display:block; width:100%; height:auto; }
.page > footer section .icons li:last-of-type { margin:0;}

.page > footer section:first-child h3 { font-weight:normal; color:#fff; font-size:1em; margin:2.55em 0 .33em 1em; }
.page > footer section .partners { padding-right:1em; padding-left:1em; }
.page > footer section .partners li { width:36%; margin-right:12%; opacity:.8;}

.page > footer section .social { padding-top:1.25em; margin-top:.66em; }

.page > footer section.social h2 { display:none; }
.page > footer section.social ul { text-align:right; width:auto; margin:0; }
.page > footer section.social ul li { float:none; width:100%; line-height:2.5em; margin-bottom:.6em;}
.page > footer section.social ul a { font-family:sans-serif; color:#fff; text-decoration:none; }
.page > footer section.social ul a:hover { color:#FCC283 !important; }
.page > footer section.social ul li img { width:2.5em; display:inline-block; vertical-align:middle; margin:0 0 0 .5em;}


body:not(.lvl0) .helper-main { position:absolute; top:21.16em; top:0; right:0; left:calc(50% - 33.75ex); bottom:0; width:calc(50% + 33.75ex); min-height:0; margin:0; padding:0; border:0; background:#fff; z-index:-1;}
body:not(.lvl0) .helper-main.small { top:10.6em; }
.blur-img { position:absolute; top:0; right:0; left:0; min-height:0; height:21.16em; margin:0; padding:0; border:0; background:transparent; z-index:-1; background-image: url(images/titles/puzzle2.jpg); background-size:cover; -webkit-filter:blur(50px);}
.blur-img.small { height:10.6em; background-image:url(images/titles/disc/wuerfel.png); background-size:200% 200%; -webkit-filter:blur(50px); background-position:center center; }

.body > article header { padding-top:0em; }
.body > article header h1 { position:static; }
#main .body > article h1 + h2 { margin:.8em 0 1.2em 0!important; }

.body > article header.pic { position:relative; width:102%; width:calc(100% + 1em); height:16em; background:#f84; margin:0 0 0 -1em; border:0; padding:0; background-size:cover; background-image:url(images/titles/wuerfel.jpg);}
.body > article header.pic h1 { display:block; position:absolute; top:auto; bottom:1em; left:0; right:0; padding:.55em; background:#ccc; background:rgba(255,255,255,.5); font-size:1.8em; text-transform:uppercase !important;}

body.lvl0 .helper-main:after { content:'...'; position:absolute; top:0; right:0; left:0; width:100%; height:24.25em; height:20.2em; margin:0; padding:.0; border:0; background:#c6e5e7; background:#91C4C7; background:#b9e2e4; z-index:-1; font-size:1em;}

.body p {
  word-wrap:break-word;
  -webkit-hyphens: auto;
     -moz-hyphens: auto;
          hyphens: auto;
}


#main .body article { font-size:1em; }
#main .body article p { line-height:1.4em; line-height:1.6em; }

nav.main > ul > li figure { background:transparent !important; }

.body .c2 { -webkit-column-count:2; -webkit-column-width:50%; -webkit-column-gap:1em;}



/* Startseite */

.lvl0 { background:#fff; }
.lvl0 .page { top:36.25em !important; top:10em !important;}

.lvl0 #main > section { position:relative; top:0; left:0; height:24em; margin-bottom:2.25em; background:#f97; background:#b9e2e4 url(images/home-heads.png) top center no-repeat; }
.lvl0 #main > section p { display:block; position:absolute; bottom:-1em; right:0; width:44.5%; margin:0; padding:1ex 1ex 1ex 7%; background:#111; background:#39393C; background:#35353F; color:#fff; font-size:1.2em; -webkit-text-stroke: 1px rgba(254,254,254,0.1); }
.lvl0 #main > section p:first-of-type { left:0; bottom:0; z-index:90; width:47%; padding:1ex 5% 1ex 1ex; background:#f6f3a4; color:#111; font-size:1.52em; line-height:1.25em; text-transform:uppercase; -webkit-text-stroke: 1px rgba(0,0,0,0.1); }


.news { border-top:0 !important; }

.switch { margin:0 !important; background:#f00; }
.switch a { display:block; width:calc(50% - 2em); padding:.25em 1em; color:#000 !important; text-decoration:none; background:#b9e2e4; float:left; text-align:center; border-top:4px solid #000; }
.switch a:last-of-type { background:#bbb;}
.switch:after { display:block; content:""; clear:both; margin-bottom:1em; }

@media screen and (max-height:45em ) {
  .lvl0 #main > section { height:12em; background-attachment:fixed; background-size:1215px 390px; background-position:center 0em; }
  body.lvl0 .helper-main:after { height:8.5em; }
}

.waterfall > div {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


body > header { border:none; border-top: 4px solid #111; }
body > header h1 { position:static;}
body .helper-main:after { display:none; }

body #main { padding-top:8em; }
body #main .body article { background:transparent; padding-bottom:1em; margin-left:0; padding:0; width:117.5%; }

/* Content Elements */
body #main .body article > div { background:#fff; padding:0 16% 0 2em; font-size:1.05em; margin:0; overflow-x:hidden; }
body #main .body article > div.c_header { margin-bottom:0; }


/* Space before */

body #main .body article > div.frame-space-after-1 { margin-bottom:2em; padding-bottom:2em; }
body #main .body article > div.frame-space-after-2 { margin-bottom:6em; padding-bottom:2em; }

/* Avoid Space before! */
body.showwarnings #main .body article > div:not(.frame-space-after-1) + div.frame-space-before-1::before,
body.showwarnings #main .body article > div:not(.frame-space-after-2) + div.frame-space-before-2::before { content:"Lücke: Das obere Element benötigt eine 'Lücke drunter'."; display:block; height:1.5em; padding:.25em 1em; width:100%; background:#a00; color:#fff; font-weight:bold; letter-spacing:.1ex;
  animation-duration: 1s;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-name: warning;
  animation-timing-function: ease;
}

@keyframes warning{
  0%   { background-color:rgba(150,0,0,.2);}
  100%  { background-color:rgba(255,0,0,1); }
}

.showwarnings a.warning::before {
    content: "Link zu bib-info.de: ";
    display: inline-block;
    height: 1.5em;
    color: rgb(255, 255, 255);
    font-weight: bold;
    letter-spacing: 0.1ex;
    animation-duration: .5s;
    animation-direction: alternate;
    animation-iteration-count: infinite;
    animation-name: warning;
    animation-timing-function: ease;
    padding: 0 .5em;
    background: rgb(170, 0, 0);
}

@media screen and (max-width:60em ) {
  .showwarnings a.warning::before { content: "Link "; }
}
@media screen and (max-width:30em ) {
  .showwarnings a.warning::before { content: "!"; }
}

body #main .body article > div.frame-space-after-1 + div,
body #main .body article > div.frame-space-after-2 + div { padding-top:2em !important; margin-top:0 !important; }

body #main .body article > div:first-child { padding-top:2em; margin-top:0;  }
body #main .body article > div:last-child { padding-bottom:2em; margin-bottom:0; }

body #main .body article > ol.breadcrumbs + div,
body #main .body article > div.c_header + div { padding-top:.5em; }


/* Grau hinterlegt */

body #main .body article > div.frame-layout-30 { background:#ececec; padding-top:1.5em; padding-bottom:1.5em; border:1.5em solid #fff; border-width: 1.5em 0 1.5em 0; padding-left:4em; font-style:italic; letter-spacing:.03em; font-size:1.05em;
  background: -moz-linear-gradient(167deg, rgba(236,236,236,1) 0%, rgba(249,249,249,1) 11%, rgba(236,236,236,1) 23%, rgba(221,221,221,1) 69%, rgba(208,208,208,1) 89%, rgba(204,204,204,1) 100%);
  background: -webkit-linear-gradient(167deg, rgba(236,236,236,1) 0%, rgba(249,249,249,1) 11%, rgba(236,236,236,1) 23%, rgba(221,221,221,1) 69%, rgba(208,208,208,1) 89%, rgba(204,204,204,1) 100%);
  background: linear-gradient(167deg, rgba(236,236,236,1) 0%, rgba(249,249,249,1) 11%, rgba(236,236,236,1) 23%, rgba(221,221,221,1) 69%, rgba(208,208,208,1) 89%, rgba(204,204,204,1) 100%);}

body #main .body article > div:last-child { padding-bottom:2em;  }

body #main .body article > div:first-of-type { margin-top:0; }

.body article > div:first-of-type h1:first-child,
.body article > div:first-of-type h2:first-child,
.body article > div:first-of-type h3:first-child,
.body article > div:first-of-type h4:first-child { margin-top:0 !important; }


.body article > *:first-child { margin-top:0 !important; }

body .helper-main { margin-top:8em; right:10ex; bottom:22em; width:calc(50% + 23.75ex); height:auto;}
.helper-main { display:none!important; }

body #main .body { padding-bottom:6em; font-size:1em; }

body nav.sub { background:none; background:#fff; min-height:50em; background:rgba(255,255,255,.66); }

body nav.sub {  background:rgba(255,255,255,.66); background:linear-gradient(to bottom, rgba(255,255,255,.82) 0%,rgba(255,255,255,.7) 25%,rgba(255,255,255,.4) 70%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}

body { background-size:cover; background-attachment:fixed; background-repeat:no-repeat; background-position:center center; }

body .page  { background:transparent url(../images/bkg/pattern_q-w.png); background-attachment:fixed; top:9.25em !important; }

body .page > footer { background:#7f8496; }


/* Startseite neu */


body.lvl0 { background-size:cover; background-attachment:fixed; background-repeat:no-repeat; }
.lvl0 #main > section { background:none; }
body.lvl0 div.waterfall { background:#fff; }


nav.sub ul { margin:0; padding:0; }

.meta img { max-height:85px; }

/* Breadcrumbs */

ol.breadcrumbs { margin:0; padding:2.33em 0 .5em 2em; background:#fff; font-size:1.05em; line-height:1.2; }
ol.breadcrumbs > li { display:inline-block; margin:0; padding:.25em 0!important; margin:0!important; list-style:none; }
ol.breadcrumbs > li::after { display:inline-block; content:"/"; color:#999; margin:0 .5em; }
ol.breadcrumbs > li:last-child::after { display:none; content:""; }
ol.breadcrumbs a,
ol.breadcrumbs span { color:#777 !important; }
#main .body ol.breadcrumbs a { padding:.5em 0; text-decoration:none; background:transparent; }

#main .body ol.breadcrumbs a:hover { color:#c63407 !important; }
ol.breadcrumbs a:hover span { border-bottom:1px solid #999; color:#c63407 !important; }

ol.breadcrumbs a span { border-bottom:1px dotted #999; }

ol.breadcrumbs li:first-of-type a { color:#444 !important;}

#main .body article > h1 { background:#fff; font-size:1.25em; margin:0; padding-left:1.66em; padding-bottom:.5em; }

#c158, #c155 { margin-bottom:0 !important; padding-bottom:0 !important; }
#c158 h1 { margin-bottom:0 !important; padding-top:0 !important; margin-bottom:.5em !important; font-size:1.25em; }
#c155 h2 { margin-bottom:0 !important; padding-top:0 !important; margin-bottom:.5em !important; }
#c158 + div, #c155 + div { padding-top:0 !important; }
#main .body article > h1 + div { padding-top:0; }

figure { margin:0; padding:0; }

#main .body article p.intro { color:#777; font-style:italic; }

#main .body article h3 { color:#c94158; color:#c63407; font-style:italic; }
#main .body article p + h3 { margin-top:1.66em; }

#main .body article h2.float { margin-left:-1.33em; padding-left:1.33em; padding-bottom:.4em; margin-bottom:0; line-height:1.4em; background:rgba(120, 182, 168, 0.5);  }

#main .body article div ol { padding:0 0 0 1.5em; margin:1em 0; }
#main .body article div ol li { padding-left:.5em; }

#main .body article div ul { padding:0 0 0 1.5em; margin:1em 0; }

#main .body article div ol:last-child,
#main .body article div ul:last-child { margin-bottom:0; }

#main .body article div:first-of-type.frame-type-header { margin-bottom:0; }

nav.main { }
nav.sub li { margin-bottom:.1em; }
nav.sub li ul { padding-left:1em; padding-bottom:.25em; }
nav.main h3 .button { font-family:arial,helvetica,sans-serif; line-height:inherit; }

body > header { border-top:4px solid #2743a0; border-bottom:4px solid #111;}

body.scrolled > header { position:fixed; top:-6.9em; }

.meta .login { display:none; }

.meta .home a:hover { opacity:.8; }

.helper-top { background:transparent; height:0; border-width:5em; }


/* Inhalt und so */

/* Original FluidStyledContent CSS */

.ce-align-left { text-align: left; }
.ce-align-center { text-align: center; }
.ce-align-right { text-align: right; }

.ce-table td, .ce-table th { vertical-align: top; }

/*
.ce-textpic, .ce-nowrap .ce-bodytext, .ce-gallery, .ce-row, .ce-uploads li, .ce-uploads div { overflow:hidden; text-overflow:ellipsis;}
*/

.ce-left .ce-gallery, .ce-column { float: left; }
.ce-center .ce-outer { position: relative; float: right; right: 50%; }
.ce-center .ce-inner { position: relative; float: right; right: -50%; }
.ce-right .ce-gallery { float: right; }

.ce-right .ce-gallery, .ce-left .ce-gallery { margin-top:.4em; }

.ce-gallery figure { display: table; margin: 0; }
.ce-gallery figcaption { display: table-caption; caption-side: bottom; }
.ce-gallery img { display: block; }
.ce-gallery iframe { border-width: 0; }
.ce-border img,
.ce-border iframe {
  border: 20px solid #333; /* {$styles.content.textmedia.borderWidth} */
  padding: 20px; /* {$styles.content.textmedia.borderPadding} */
}

.ce-intext.ce-right .ce-gallery, .ce-intext.ce-left .ce-gallery, .ce-above .ce-gallery {
  margin-bottom:  20px; /* {$styles.content.textmedia.borderWidth} */
}
.ce-intext.ce-right .ce-gallery { margin-left: 20px; /* {$styles.content.textmedia.borderWidth} */ }
.ce-intext.ce-left .ce-gallery { margin-right: 20px; /* {$styles.content.textmedia.borderWidth} */ }
.ce-below .ce-gallery { margin-top: 20px; /* {$styles.content.textmedia.borderWidth} */ }

.ce-textpic::after,
.ce-gallery::after { content:""; display:table;clear:both; }

.ce-textpic.ce-nowrap > * { padding-top:1em; }
.ce-textpic.ce-nowrap .ce-bodytext h1:first-child,
.ce-textpic.ce-nowrap .ce-bodytext h2:first-child,
.ce-textpic.ce-nowrap .ce-bodytext h3:first-child,
.ce-textpic.ce-nowrap .ce-bodytext h4:first-child,
.ce-textpic.ce-nowrap .ce-bodytext h5:first-child,
.ce-textpic.ce-nowrap .ce-bodytext p:first-child,
.ce-textpic.ce-nowrap .ce-bodytext ul:first-child,
.ce-textpic.ce-nowrap .ce-bodytext ol:first-child { margin-top:0!important; }

.ce-column { margin-right: 20px; /* {$styles.content.textmedia.columnSpacing} */ }
.ce-column:last-child { margin-right: 0; }

.ce-row { margin-bottom: 20px; /* {$styles.content.textmedia.rowSpacing} */ }
.ce-row:last-child { margin-bottom: 0; }

.ce-above .ce-bodytext { clear: both; }

.ce-intext.ce-left ol, .ce-intext.ce-left ul { padding-left: 40px; overflow: auto; }

body.layout3 .ce-above .ce-column { min-width:calc(100% + 2.33em); }
body.layout3 .ce-above .ce-column img { min-width:100%; }

.ce-uploads { margin:1.5em 0 0 0!important; padding:0!important; }
.c_ + .c_ > .ce_uploads { margin-top: 0!important; }

.ce-uploads li { list-style: none outside none; margin: 1em 0; box-sizing:border-box; }
.ce-uploads-type2 li::before { display:none!important; }
.ce-uploads img { vertical-align: top; }
.ce-uploads span { display: block; }

.ce-uploads-fileName { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ce-uploads-fileTitle { font-weight:bold; max-width:100%; }

#main .body article .ce-uploads a.preview {display:inline-block; margin-left:-1.9em; background:#fff; position:relative; text-decoration:none; }
.ce-uploads a.preview img { border:1px solid #333; box-shadow:0.2em 0.5em 1em rgba(0,0,0,.5); margin:0 1.5em 1em 0; }
.ce-uploads a.preview + div { display:inline-block; max-width:75%; max-width:calc(100% - 200px + 1.75em); vertical-align:top; }

/* Fallback for failed preview creation: */
.ce-uploads a.preview img[width="0"] { border:none; box-shadow:none; margin:0; }


/* Custom changes */

.ce-textpic { overflow:visible; }

/* Bilder */

 .ce-gallery figure { line-height:0; }
 .news-img-wrap figcaption,
 .ce-gallery figcaption { width:100%; position:relative; font-size:.86em; color:#555; font-style:italic; padding:.15em 0 0 .1em; margin:0; line-height:1.3; }
 .ce-gallery figure:hover figcaption { color:#333; }

.ce-gallery .ce-outer,
.ce-gallery .ce-inner,
.ce-gallery .ce-row,
.ce-gallery figure { width:100%; }
.ce-gallery .ce-outer .ce-row:only-child .ce-column:only-child,
.ce-gallery .ce-outer .ce-row:only-child .ce-column:only-child img { width:100%; }

/* oben mittig */

.ce-gallery + .ce-bodytext { margin-top:1em; }
div::last-child > .ce-gallery + .ce-bodytext { margin-top:1em; margin-bottom:2em; }
.ce-above img { height:auto; }

.ce-intext .ce-gallery figure { width:15em; }
.ce-intext img { width:100%; height:auto; }

/* links im Text */

.ce-intext.ce-left .ce-gallery { float:left; margin:0 2em 1em 0; }

/* rechts im Text */

.ce-intext.ce-right .ce-gallery { float:right; margin:0 -5em 1em 2em; }

/* Abstand falls über Test */

.ce-above .ce-gallery { margin-bottom:1.5em; float:none!important; }

/* Listen gut (=nicht!) floaten lassen */

.ce-textpic ul,
.ce-textpic ol { display:table; }

/* Caption rechts */

.news-img-wrap figcaption,
.ce-intext.ce-right .ce-gallery figcaption { text-align:right; width:99%; width:calc(100% - .2em); }

/* Copyright Hinweis */

.ce-gallery .img { position:relative; overflow:hidden; }
.ce-gallery .copyright { display:block; font-size:.8em; position:absolute; right:1.33em; bottom:1.33em; width:75%; height:2em; background:rgba(255,255,255,0); background:rgba(255,255,255,0) url(/theme/images/icons/copyright.png) bottom right no-repeat; background-size:1.5em; transition:all .2s ease; z-index:1; }
.ce-gallery .copyright p { display:block; position:absolute; right:0; max-width:80%; max-width:calc(100% - 2.25em); bottom:-.25em; margin-right:-100%!important; padding:.25em .5em; background:rgba(255,255,255,0); transition:all .4s ease-in; transition-delay:.6s; }
.ce-gallery .copyright:hover p { margin-right:0!important; background:rgba(255,255,255,1); border-radius:.25em 0 0 0; transition:all .2s ease-in; }


/* CONTENT FORMS */

button, input, select, textarea { font-family:inherit; }

.tx-powermail form { margin:1.5em 0; width:auto; }
.tx-powermail { margin-top:1.88em; }

.tx-powermail fieldset { position:relative; border:none; background:#ececec; padding:1em 1em .5em; margin:.5em 0; }
.tx-powermail fieldset.noborder { border:0; padding:.88em 0 .12em 0; margin:0; }

.tx-powermail legend { display:block; float:left; width:100%; opacity:.5; margin:0 0 1em; }

.powermail_fieldwrap { margin-bottom:1.25em; max-width:22em; }
.powermail_fieldwrap.nolabel { padding:.5em 0 1em 0; }

.tx-powermail fieldset .powermail_fieldwrap_type_input,
.tx-powermail fieldset .powermail_fieldwrap_type_input input,
.tx-powermail fieldset textarea { width:95%; width:calc(100% - .5em); }

.tx-powermail fieldset .powermail_fieldwrap.float { float:left; margin-right:.88em; width:auto; }
.tx-powermail fieldset .powermail_fieldwrap.float input,
.tx-powermail fieldset .powermail_fieldwrap.float select  { width:100%; }

.tx-powermail fieldset .powermail_fieldwrap.clearfloat { clear:left; float:left; margin-right:.88em; width:auto; }
.tx-powermail fieldset .powermail_fieldwrap.clearfloat input,
.tx-powermail fieldset .powermail_fieldwrap.clearfloat select  { width:100%; }

.tx-powermail fieldset .powermail_fieldwrap.full { clear:left; width:100%; }
.tx-powermail fieldset .powermail_fieldwrap.full input,
.tx-powermail fieldset .powermail_fieldwrap.full select { width:100%; }

.tx-powermail fieldset .powermail_fieldwrap.double { clear:left; width:100%; }
.tx-powermail fieldset .powermail_fieldwrap.double input,
.tx-powermail fieldset .powermail_fieldwrap.double select { width:100%; max-width:32em; }


.tx-powermail h3 { margin-bottom:-.5em; }

label,
.tx-powermail label { display:block; padding-left:2px; }
.tx-powermail .powermail_fieldwrap > label { margin:0; }
.tx-powermail .powermail_fieldwrap_type_radio > label,
.tx-powermail .powermail_fieldwrap_type_check > label { font-style:italic; }

input,
.tx-powermail input,
.tx-powermail select,
.tx-powermail button,
.tx-powermail textarea { padding:.5em; font-size:1.05em; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }

.tx-powermail .checkbox label,
.tx-powermail .radio label { padding:.5em 0 0; }

.tx-powermail .checkbox label input,
.tx-powermail .radio label input { margin-right:.5em; }

.tx-powermail input.picker__input { padding-right:2.5em; }

.tx-powermail textarea { height:16em; }

.field_email { width:22em; }

.tx-powermail input[type=submit] { background:#2743a0; color:#fff; text-transform:uppercase; min-width:14em; padding:1em 1.5em 1em 1em; border-left:.5em solid #2743a0; margin:.5em 0 0 0; cursor:pointer; border:0; }
.tx-powermail input[type=submit]:hover { background:#4f6dd3; text-decoration:underline;  }

.powermail_fieldwrap_type_text { color:#555; margin-top:1em; }

.powermail_radio_inner label,
.powermail_check_inner label,
.powermail_checkbox_inner label  { display:inline-block; }


body #main .body article { background: linear-gradient(170deg, rgba(255,255,255,.75) 0em,rgba(255,255,255,.66) 16em,rgba(255,255,255,0) 60em); }




@font-face {
    font-family: 'bibnav';
    src: url('../fonts/oswald/oswald-regular-webfont.eot');
    src: url('../fonts/oswald/oswald-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/oswald/oswald-regular-webfont.woff') format('woff'),
         url('../fonts/oswald/oswald-regular-webfont.ttf') format('truetype'),
         url('../fonts/oswald/oswald-regular-webfont.svg#oswaldbook') format('svg');
    font-weight: normal;
    font-style: normal;
}
nav.main h3 { font-size:1.2em;  }
nav.sub { font-size:1.2em; }
.meta li { font-size:1.2em; }

#main .body > article h2{ font-family: bibnav, arial, sans-serif; font-size:2em; color:#334; }
#main .body > article h5{ color:#335; }


@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/OpenSans-Regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/OpenSans-Italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/OpenSans-Bold-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanslight';
    src: url('../fonts/OpenSans-Light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


body .page,
nav.main figure { font-family: "open_sansregular",arial,helvetica,sans-serif; }


@media screen and (max-width:92em ) {
  body #main .body article { max-width:108%; }
}

@media screen and (max-width:82em ) {
  body #main .body article { max-width:100%; }
}


@media screen and (max-width:72em ) {
  .meta li + li { display:none; }

  nav.main h3 .button,
  nav.main > ul > li figure > div { display:none; }

  nav.main > ul { padding-right:5em; box-sizing:border-box; }

  nav.main ul li { width:auto; }

  /* Subnav hidden */

  nav.sub { border:0; clip:rect(0 0 0 0); clip-path:polygon(0px 0px, 0px 0px, 0px 0px); -webkit-clip-path:polygon(0px 0px, 0px 0px, 0px 0px); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px; white-space:nowrap; }
  nav.sub a { margin-left:0; }
  #main .body { width:100%; }
  body #main .body article { width:100%; background:transparent; }

}

@media screen and (max-width:66em ) {
  .meta { border:none;}
  .meta ul { height:6.5em; background-position:-20px center; }
  .meta img { margin:.5em 0 0 1em; }

  nav.main { display:none; }

  body.scrolled > header { position:absolute; top:0; }

  .menuactive nav.fullpath { right:0; -webkit-box-shadow:0 -0.5em 2em 1em rgba(0,0,0,.66); box-shadow:0 -0.5em 2em 1em rgba(0,0,0,.66); }
  .menuactive #menuoverlay { z-index:44227; background:rgba(0,0,0,.5); }

  #menutrigger { position:fixed; top:1.4em; right:1em; z-index:44229; padding:.5em; display:block; cursor:pointer; transition-property:opacity, filter; transition-duration:0.15s; transition-timing-function:linear; font:inherit; color:inherit; text-transform:none; background-color:rgba(236,236,236,.8); border:0; margin:0; overflow:visible; transition:all .2s ease; }
  .hamburger:hover { opacity:0.7; }
  .hamburger.is-active:hover { opacity:0.7; }
  .hamburger.is-active .hamburger-inner,
  .hamburger.is-active .hamburger-inner::before,
  .hamburger.is-active .hamburger-inner::after { background-color:#000; }

  .hamburger-box { width:2.5em; height:1.7em; margin-top:.3em; display:inline-block; position:relative; }

  .hamburger-inner { display:block; top:50%; margin-top:-.15em; }
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width:2.5em; height:.3em; background-color:#334; border-radius:.2em; position:absolute; transition-property:transform; transition-duration:0.15s; transition-timing-function:ease; }
  .hamburger-inner::before, .hamburger-inner::after { content:""; display:block; }
  .hamburger-inner::before { top:-.66em; }
  .hamburger-inner::after { bottom: -.66em; }

  /* arrow */
  .menuactive .hamburger-inner::before { transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); }
  .menuactive .hamburger-inner::after { transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); }

  /* spin */
  .hamburger-inner {
    transition-duration: 0.22s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger-inner::before {
      transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
  .hamburger-inner::after {
      transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

  .menuactive .hamburger-inner {
    transform: rotate(225deg);
    transition-delay: 0.12s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .menuactive .hamburger-inner::before {
      top: 0;
      opacity: 0;
      transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
  .menuactive .hamburger-inner::after {
      bottom: 0;
      transform: rotate(-90deg);
      transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

  #menutrigger label { display:block; padding:0; line-height:1em; max-height:1.5em; overflow:hidden; margin-top:.2em; text-transform:uppercase; font-size:.9em; text-align:center; opacity:.66; -webkit-transition:opacity .2s ease, max-height .2s ease; transition:opacity .2s ease, max-height .2s ease; }
  .menuactive #menutrigger label { opacity:0; max-height:0; }
  .menuactive #menutrigger { border-radius:50%; top:.66em; }

  /* Lock body scrolling (more for iOS needed?) */
  html.menuactive  { overflow:hidden; }
  .menuactive body { overflow:visible; height:100%; }


  #menutrigger:focus { outline:0; }
  #menutrigger:focus .hamburger-inner,
  #menutrigger:focus .hamburger-inner::before,
  #menutrigger:focus .hamburger-inner::after { background-color:#2743a0; }

  body .page { top:6.8em!important; border-top:4px solid #111; }
  .ce-uploads a.preview + div { max-width:85%; max-width:calc(100% - 5em); }
  #main .body article .ce-uploads a.preview { max-width:5em; margin-right:1.5em; }

  #main .body article .news-list-view .news-img-wrap { max-width:33%; }
  .page > footer > div { flex-wrap:wrap; }
  .page > footer section:first-child {width:33%; }
  .page > footer section.address { width:66%; }
  .page > footer section.social { width:100%; padding-left:33%; margin-top:1.5em;  }
  .page > footer section.social ul { padding-left:1em; display:flex; flex-direction:column; text-align:left; }
  .page > footer section.social .icons li a { padding-left:50px; position:relative; width:auto; }
  .page > footer section.social ul li img{ position:absolute; left:0; margin:0; }
}

@media screen and (max-width:50em ) {
  body .page { display:flex; flex-direction:column; }
  .page > footer { padding-bottom:2.5em; }
  .footnav { position:static; order:99; width:100%; }
  .footnav ul { padding:1em 0; }
  .footnav li:first-child { padding-left:0;}
  .footnav li:first-child a { padding-left:1em; }
}

@media screen and (max-width:44em ) {
  body { background-image:none!important; }
  body #main { padding-top:2em; }

  /* linearize persons */

  .ce-bib_person figure { margin-right:none; float:none; width:100%; }
  .ce-bib_person .personcontent { float:none; width:100%; }
  #main .body article .ce-bib_person h3 { margin-top: .25em!important; }

  .page > footer section:first-child {width:25%; }
  .page > footer section.address { width:75%; }
  .page > footer section.social { padding-left:25%; }

}

@media screen and (max-width:40em ) {
  body #main .body article > div { padding-right:2em; }

  .ce-intext .ce-gallery { float:none!important; }

  body #main .body article > div.frame-layout-30 { padding-left:2em; }

  #main .body article ul:not(.ce-uploads-type2):not(.tiles):not(.f3-widget-paginator) { padding-left: .5em!important; }

  .page #main .body article p.highlight { padding:2em; margin:1em 0 0 -2em; width:100%; }
  .page #main .body article p.highlight::after { top:2em; right:1em; left:auto; bottom:auto; width:2em; height:2em; }
  .page #main .body article p.highlight::before { content:""; display:block; float:right; width:2em; height:2.55em; }

  .page #main .body article p.highlight + p { margin-top:1em!important; }

  #main .body article ul.ce-uploads-type2 li { padding-left:0; }
  .ce-uploads a.preview + div { max-width:100%; }
  #main .body article .ce-uploads a.preview { display:none; }

  .page > footer section:first-child { order:2; width:100%; margin:1.5em 0; }
  .page > footer section:first-child h3 { margin-top:0; }
  .page > footer section .partners { width:50%; max-width:20em; }
  .page > footer section.address { order:1; width:100%; }
  .page > footer section.social { order:3; padding-left:0; margin-top:1.5em;  }

  .footnav ul { padding:1em 0 5em 0; }
  .footnav ul li { padding:.25em 0!important; width:100%; text-align:center; }

  #main .body article .events p.intro { font-size:.8em; }

}

@media screen and (max-width:32em ) {
  .news-img-wrap { float:none; }
  .news-img-wrap img { max-width:100%; }
  .newslist .news-list-category { white-space:normal; }

  #main .body article .news-list-view .news-img-wrap { display:none; }
  #main .body article .news-list-view .footer { margin-bottom:3em; }
  #main .body article .news-list-view .footer > span { display:block; margin-right:0; }
  #main .body article .news-list-view .footer > span::after { display:none; }

}



@media screen and (max-width:700px ) {
  .meta .home a { display:block; width:150px; height:150px; overflow:hidden; }
  .meta .home a img { max-width:none; }
}



.frame-type-menu_sitemap span.test { display:block; color:#666; font-size:.9em; }




@media print {
  .page > footer,
  nav.meta > ul, nav.meta > div,
  nav.main,
  nav.sub,
  nav.footnav,
  #tester { display:none; }

  @page { margin:2cm 2cm 1cm 3cm; }

  body, body .page { background:transparent !important; }

  body { font-size:.75em; -webkit-text-size-adjust: none; }

  /* UI */

  body.scrolled > header { position:absolute; top:0; }
  body > header, nav.meta { border:none!important; }
  nav.meta > h1 { display:block; max-width:135ex; font-size:1em; width:100%; margin:0 auto; text-align:left; }
  nav.sub a { margin-left:0; }
  body .page { top:0!important; }
  #main .body { width:100%; }

  /* CONTENT */

  body #main .body article { width:100%; background:transparent; }

  body #main .body article > div.frame-space-after-1 { margin-bottom:0; padding-bottom:1em; border-bottom:.5em solid #ececec; }
  body #main .body article > div.frame-space-after-1 p:last-child { margin-bottom:1.5em; }

  main { margin:0; }
  main > .grid > * { width:100% !important; }

  .content { font-size:1em; }

  p, h2, h3, h4, h5, h6, li, td { orphans:4; widows:4; }
  header, h1, h2, h3, h4, h5, h6, .csc-header { page-break-after:avoid; }
  header, ???table, img { page-break-inside:avoid; }

  .cscwrap-csc-layout-101, .cscwrap-csc-layout-102, .cscwrap-csc-layout-105, .cscwrap-csc-layout-106,
  p.highlight, p.highlight2, p.greyframe, p.info, p.prices, .call2action { page-break-inside:avoid; }

  .content a, .content a:visited { text-decoration:underline; color:#3276ab!important; }

  .content h2,
  .content h3,
  .content h4,
  .content h5,
  .content h6 { margin:1em 0!important; padding:0 !important; background:transparent !important; }

  /* Special content */

  #main .body article p.highlight { border:.2em solid #ddd; background:transparent!important; padding:1.25em; width:100%; width:calc(100% - 1em); margin:1.5em 0; }
  #main .body article p.highlight.question { border-color:#b9e2e4; }
  #main .body article p.highlight.yelling { border-color:#f5c3c3; }
  #main .body article p.highlight.info { border-color:#cbe4b9; }
  #main .body article p.highlight.hashtag { border-color:#fdd9a0; }
  #main .body article p.highlight::after { display:none; }

  body.id152 #main .body article p.highlight.info { border-color:#bddbf1; }

  #main .body article .ce-bib_person h3 { margin-top:0!important; }
  #main .body article .ce-bib_person h3 .button { display:none; }
  .ce-bib_person figure img { max-width:10em!important; }

  /* Forms */

  .tx-powermail fieldset { padding:1em 0 0 0; background:transparent; }
  .tx-powermail input[type=submit],
  .tx-powermail input[type=reset] { display:none; }


  /* Links */

  main .body a[href^="mailto:"] { margin:0; }
  main .body a[href^="mailto:"]::after { content: " (" attr(href) ")"; display:inline; opacity:.74; position:static; background:transparent; margin:0; }

  *:not(.tiles):not(h1) { height:auto !important; max-height:auto!important; }

  .ce-bib_person:not(.open) .persontext { max-height:unset!important; }

}