/*! * @license * MyFonts Webfont Build ID 3280028, 2016-09-07T15:57:48-0400 * * The fonts listed in this notice are subject to the End User License * Agreement(s) entered into by the website owner. All other parties are * explicitly restricted from using the Licensed Webfonts(s). * * You may obtain a valid license at the URLs below. * * Webfont: Futura-Boo by URW++ * URL: http://www.myfonts.com/fonts/urw/futura/t-book/ * Copyright: Copyright 2010 URW++ Design &
 Development Hamburg * Licensed pageviews: 10,000 * * Webfont: Futura-Bol by URW++ * URL: http://www.myfonts.com/fonts/urw/futura/t-bold/ * Copyright: (URW)++,Copyright 2014 by (URW)++ Design &
 Development * Licensed pageviews: 20,000 * * * License: http://www.myfonts.com/viewlicense?type=web&buildid=3280028 * * © 2016 MyFonts Inc */
@font-face{
    font-family:'Futura';
    src:url("../fonts/320CD0_0_0.eot");
    src:url("../fonts/320CD0_0_0.eot?#iefix") format("embedded-opentype"),url("../fonts/320CD0_0_0.woff2") format("woff2"),url("../fonts/320CD0_0_0.woff") format("woff"),url("../fonts/320CD0_0_0.ttf") format("truetype"),url("../fonts/320CD0_0_0.svg#wf") format("svg");
    font-weight:500;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:'Futura';
    src:url("../fonts/320CD0_1_0.eot");
    src:url("../fonts/320CD0_1_0.eot?#iefix") format("embedded-opentype"),url("../fonts/320CD0_1_0.woff2") format("woff2"),url("../fonts/320CD0_1_0.woff") format("woff"),url("../fonts/320CD0_1_0.ttf") format("truetype"),url("../fonts/320CD0_1_0.svg#wf") format("svg");
    font-weight:700;
    font-style:normal;
    font-display:swap
}
/*! Digitized data copyright (c) 2012-2015, The Mozilla Foundation and Telefonica S.A. with Reserved Font Name < Fira >, This Font Software is licensed under the SIL Open Font License, Version 1.1. This license is copied below, and is also available with a FAQ at: http://scripts.sil.org/OFL */
@font-face{
    font-family:'Fira Sans';
    src:url("../fonts/fsl.eot");
    src:url("../fonts/fsl.eot?#iefix") format("embedded-opentype"),url("../fonts/fsl.woff2") format("woff2"),url("../fonts/fsl.woff") format("woff"),url("../fonts/fsl.ttf") format("truetype"),url("../fonts/fsl.svg#fira_sanslight") format("svg");
    font-weight:300;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:'Fira Sans';
    src:url("../fonts/fsm.eot");
    src:url("../fonts/fsm.eot?#iefix") format("embedded-opentype"),url("../fonts/fsm.woff2") format("woff2"),url("../fonts/fsm.woff") format("woff"),url("../fonts/fsm.ttf") format("truetype"),url("../fonts/fsm.svg#fira_sansmedium") format("svg");
    font-weight:500;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:'Fira Sans Condensed';
    src:url("../fonts/fscl.eot");
    src:url("../fonts/fscl.eot?#iefix") format("embedded-opentype"),url("../fonts/fscl.woff2") format("woff2"),url("../fonts/fscl.woff") format("woff"),url("../fonts/fscl.ttf") format("truetype"),url("../fonts/fscl.svg#fira_sans_condensedlight") format("svg");
    font-weight:300;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:'Fira Sans Condensed';
    src:url("../fonts/fscli.eot");
    src:url("../fonts/fscli.eot?#iefix") format("embedded-opentype"),url("../fonts/fscli.woff2") format("woff2"),url("../fonts/fscli.woff") format("woff"),url("../fonts/fscli.ttf") format("truetype"),url("../fonts/fscli.svg#fira_sans_condenseditalic") format("svg");
    font-weight:300;
    font-style:italic;
    font-display:swap
}
@font-face{
    font-family:'Fira Sans Condensed';
    src:url("../fonts/fscm.eot");
    src:url("../fonts/fscm.eot?#iefix") format("embedded-opentype"),url("../fonts/fscm.woff2") format("woff2"),url("../fonts/fscm.woff") format("woff"),url("../fonts/fscm.ttf") format("truetype"),url("../fonts/fscm.svg#fira_sans_condensedmedium") format("svg");
    font-weight:500;
    font-style:normal;
    font-display:swap
}
*,*:before,*:after{
    padding:0;
    margin:0;
    color:inherit;
    -webkit-box-sizing:inherit;
    -moz-box-sizing:inherit;
    box-sizing:inherit
}
html{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
html,body{
    min-height:100%;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%;
    -webkit-font-smoothing:antialiased;
    hyphens:auto
}
body{
    width:100%;
    color:#222;
    background:url("../img/bg.png") 0 0 repeat #eee
}
nav,aside,figure,footer,article,header,section,figcaption{
    display:block
}
a{
    position:relative;
    background-color:transparent;
    -webkit-text-decoration-skip:objects;
    text-decoration:none;
    border-bottom:2px dotted #bbb
}
.body--article a:after{
    position:absolute;
    bottom:-2px;
    left:0;
    content:"";
    display:block;
    width:0;
    height:0;
    border-bottom:2px solid #bbb
}
.body--article a:hover:after,.body--article a:focus:after{
    width:100%;
    border-color:#fb8320
}
img{
    display:block;
    width:100%;
    max-width:100%;
    height:auto;
    border-style:none;
    -ms-interpolation-mode:bicubic;
    image-rendering:optimizequality
}
svg:not(:root){
    overflow:hidden
}
svg,object{
    display:block;
    width:100%;
    max-width:100%
}
.grid{
    margin:1em 0 2em;
    text-align:justify;
    clear:both
}
.grid:after{
    content:'';
    width:100%;
    display:inline-block;
    height:0
}
.tile{
    display:inline-block;
    vertical-align:top;
    margin:0 0 1.5em;
    text-align:left
}
blockquote,.literature a,.sources a,.glossar dt,.item-head,.item-lead{
    -webkit-hyphens:auto;
    -moz-hyphens:auto;
    -ms-hyphens:auto;
    hyphens:auto;
    word-wrap:break-word;
    overflow-wrap:break-word
}
.link-address{
    word-wrap:break-word
}
dl:before,dl:after,dd:before,dd:after,.steps:after,.wrapper:before,.wrapper:after{
    clear:both;
    content:"";
    display:table;
    line-height:0
}
.a11y,.ir span,.invisible,.print-only,.home .header--article{
    position:absolute;
    width:1px;
    height:1px;
    overflow:hidden;
    clip:rect(1px 1px 1px 1px);
    clip:rect(1px, 1px, 1px, 1px)
}
.print,[hidden],.nav-head{
    display:none
}
.shadow-box{
    background:linear-gradient(-5deg, #fff, #fff 25%, #fbfbfb 25%, #fdfdfd 50%, #fbfbfb 50%, #fbfbfb 66%, #fff 66%, #fff 100%) 0 0 repeat-x fixed #fff;
    border-width:1px 1px 2px 1px;
    border-style:solid;
    border-color:#ccc #eee #b3b3b3 #aaa;
    -webkit-box-shadow:-1px 3px 6px rgba(0,0,0,0.2),-0.5px 1px 1px rgba(0,0,0,0.3);
    -moz-box-shadow:-1px 3px 6px rgba(0,0,0,0.2),-0.5px 1px 1px rgba(0,0,0,0.3);
    box-shadow:-1px 3px 6px rgba(0,0,0,0.2),-0.5px 1px 1px rgba(0,0,0,0.3)
}
body{
    font:100%/1.4375 "Fira Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight:300
}
i,q,em,cite,button,table,table h2,table h3,.bc,.step,.state,.links,.b10y a,.source,.glossar,.caption,.tags-list,.sources a,.nav-block,.footnotes,.figure-list,.page-footer,.author-lead,.author-email,.event-subtitle,.footer--byline,.logo-description,.search-result-meta,.event-calendar-link .text,.link-list .link-address{
    font-family:"Fira Sans Condensed","Helvetica Neue",Helvetica,"Arial Narrow",Arial,sans-serif,sans
}
h1,h2,sup,sub,.logo-text,.nav-head,.nav-reloaded,ol li:before{
    font-family:"Futura",Futura,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight:700
}
h2 em,.logo-text,.tag-head,.nav-reloaded{
    font-weight:500
}
input,select,button,textarea,optgroup{
    font:inherit
}
b,a,h3,h4,h5,dt,th,dfn,label,strong,thead td,.bold,.b10y-title,.caption-title,.bc-here,.elevated,.highlight,.author-name,.events .date,.nav-item a:focus,.nav-item a:hover,.nav-current>a,.nav-ancestor>a{
    font-weight:500
}
h6,q,i,em,input,.light,.nav-link,.subtitle,.sources a,.disclaimer-link,.continued,.footnote-link,.link-address{
    font-weight:300
}
h1{
    font-size:1.5em;
    margin:0 0 .25em;
    line-height:1.125
}
h2{
    font-size:1.25em;
    margin:1.25em 0 .4em;
    line-height:1.2
}
h3{
    font-size:1.25em;
    line-height:1.25;
    margin:1.25em 0 .4em
}
h4{
    font-size:1.125em;
    line-height:1.33333em;
    margin:1.5em 0 .33333em
}
h5,h6{
    font-size:1em;
    line-height:1.375em;
    margin:1.75em 0 .375em
}
h6{
    letter-spacing:.02em;
    line-height:1.25em
}
h6{
    text-transform:uppercase
}
p{
    margin:0 0 1em
}
dfn,h2 em{
    font-style:normal
}
h2 a{
    font-weight:700;
    border-bottom:0
}
.support a,.support a:hover,.image-wide a,.image-wide a:hover{
    border:0
}
h1+h2{
    margin-top:.45455em
}
h2+h3,h3+h4{
    margin-top:.66667em
}
h4+h5,h5+h6{
    margin-top:.5em
}
.head-block{
    display:inline-block
}
.bc,table,.caption,.form--q11e label,.b10y-author,.footnotes>li{
    font-size:.875em;
    line-height:1.35714
}
.caps{
    font-size:.975em;
    letter-spacing:.075em;
    text-transform:uppercase
}
.kern,.date .d,.date .m,.phone span{
    margin-right:.15em
}
.kern.extra{
    margin-right:.4em;
    margin-left:.2em
}
.unit{
    margin-left:-.125em
}
.unit-pre,.acronym{
    margin-right:-.25em
}
.operator,.dash,.slash{
    margin-left:-.15em;
    margin-right:-.15em
}
.star{
    position:relative;
    top:.2em
}
sub,sup{
    position:relative;
    font-size:.625em;
    line-height:0
}
sub{
    bottom:-.2em;
    vertical-align:baseline
}
sup{
    vertical-align:super
}
blockquote{
    quotes:none;
    font-size:1.25em;
    line-height:1.35;
    letter-spacing:-.0125em;
    border:3px solid #ddd;
    border-width:3px 0;
    margin:.5em 0 1em;
    padding:.75em 0
}
blockquote:before,blockquote:after{
    content:none
}
blockquote *{
    margin-top:0
}
blockquote cite{
    display:block;
    text-align:right
}
q,.source{
    font-weight:300;
    font-style:italic;
    quotes:none
}
q{
    quotes:"\201e" "\201c" "\201a" "\2018"
}
q:before{
    content:open-quote
}
q:after{
    content:close-quote
}
ul,ol{
    margin:.5em 0 1em
}
ul{
    list-style:disc
}
ul ul{
    list-style:circle
}
li{
    margin:.125em 0 .5em 1em;
    padding-left:.25em
}
ol{
    list-style:none;
    counter-reset:li
}
ol ul li{
    margin-left:1em
}
ol>li{
    position:relative;
    list-style:none
}
ol>li:before{
    counter-increment:li;
    content:counter(li) ".";
    position:absolute;
    font-size:.8125em;
    top:.23077em;
    left:-2em;
    display:block;
    width:1.84615em;
    color:#999;
    text-align:right;
    z-index:1
}
ol li:focus:before,ol li:hover:before{
    color:#222
}
.tab{
    display:inline-block;
    min-width:3.75em
}
abbr{
    cursor:help
}
abbr[title]{
    border-bottom:none;
    text-decoration:underline;
    text-decoration:underline dotted
}
abbr.simple{
    border:0
}
.phone-link{
    font-weight:300;
    border:0
}
.phone-link:hover,.phone-link:active{
    font-weight:300
}
.bc-item,.mod,.date,.time,.no-break{
    white-space:nowrap
}
::selection{
    background-color:#003560;
    color:#fff
}
::-moz-selection{
    background-color:#003560;
    background-color:#23879e;
    color:#fff
}
.float-right,.scale-value--max{
    float:right
}
.float-left,.scale-value--min{
    float:left
}
table .num,.align-right{
    text-align:right
}
caption,.align-left{
    text-align:left
}
.align-center{
    text-align:center
}
.d-grid{
    --minimum: 15ch;
    --gap: 1.5rem;
    --column-count: auto-fit;
    display:grid;
    gap:var(--gap);
    grid-template-columns:repeat(var(--column-count), minmax(Min(100%, var(--minimum)), 1fr))
}
.flex-grow{
    flex-grow:1
}
.wp-block-columns>.wp-block-column.col-stretch{
    align-self:stretch !important
}
.self-end{
    align-self:flex-end
}
.main,.nav-block,.page-footer{
    padding:1em
}
.skips{
    position:absolute;
    top:1.125em;
    right:1.25em;
    padding:0.3125em 0.375em;
    text-align:right;
    line-height:1;
    background:#709708;
    background:linear-gradient(to right, #709708 0%, rgba(135,151,8,0.95) 100%);
    z-index:5
}
.skips:after{
    position:absolute;
    right:0;
    bottom:-.5em;
    content:"";
    display:block;
    width:1em;
    height:1em;
    border:.5em solid transparent;
    border-right-color:#709708
}
.skip{
    display:inline-block;
    vertical-align:top;
    width:1.5em;
    height:1.5em;
    border:0;
    cursor:pointer
}
.skip--mods,.skip--search{
    margin-right:.25em
}
.skip--content{
    position:absolute;
    top:-3em
}
.skip--content:focus{
    position:static;
    width:auto;
    height:auto;
    padding:.375em .25em 0;
    margin-right:.25em
}
.skip--content:focus .a11y{
    position:static;
    width:auto;
    height:auto;
    color:#fff;
    clip:auto
}
.nav-block--home,.page-header{
    padding:0.5em 1em
}
.page-header{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:space-between;
    align-items:center;
    text-align:center
}
.page-header>*{
    flex:0 0 50%
}
.page-header .rub-logo{
    border-bottom:0
}
.page-header .rub-logo img{
    width:150px
}
.logo{
    display:block;
    line-height:1.35;
    text-align:center;
    border:0
}
.logo--ll{
    order:-1;
    flex-basis:100%
}
.logo--rub{
    display:none;
    fill:#17365c
}
.logo--zfw{
    display:none;
    fill:#003560
}
.home .logo--rub,.home .logo--zfw{
    display:block
}
.logo-text{
    display:block;
    font-size:1.375em;
    letter-spacing:.075em;
    text-transform:uppercase
}
.home .logo-text{
    font-size:1.625em
}
.logo-description{
    display:block;
    font-size:.75em;
    margin-top:.4em;
    font-weight:300;
    max-width:32ch;
    margin-inline:auto
}
.logo-icon{
    vertical-align:bottom;
    display:inline-block;
    text-align:center;
    width:.72723em;
    height:1.27273em;
    margin:0 -.125em .125em -.175em
}
.home .logo-icon{
    width:.76923em;
    height:1.23077em
}
.logo-icon svg{
    display:inline-block;
    width:auto;
    height:100%
}
.bc{
    position:relative;
    padding:0 0 .5em;
    margin:1.25em 0 1.5em;
    border-bottom:2px solid #d9d9d9;
    min-height:3.75em
}
.bc--reloaded{
    border-color:#fb8320
}
.bc-link{
    position:relative;
    padding:0 .75em 0 0;
    border:0;
    font-weight:300
}
.bc-link:after{
    position:absolute;
    top:0;
    right:0;
    left:auto;
    content:"»";
    display:block;
    border:0;
    font-weight:300
}
.bc-link:focus,.bc-link:hover{
    border:0;
    color:#fb8320
}
.state{
    display:none;
    float:right;
    margin-top:-1.28571em;
    display:block;
    font-size:.875em;
    text-transform:uppercase;
    letter-spacing:.04em
}
.state--reloaded{
    color:#fb8320;
    text-indent:-9999px
}
.main--page{
    padding-top:3em;
    background:#fff
}
.main--home{
    padding-bottom:2em
}
.header--article{
    display:inline-block
}
.body--article{
    margin-top:.75em
}
.footer--article{
    clear:both;
    margin:3em 0 1em
}
.footer--byline{
    margin:5em 0 -1em;
    padding:0;
    background:#8dad10;
    background-image:linear-gradient(145deg, #72a006, #8dad10)
}
.footer--byline .dbl{
    padding:1.5em 1em;
    color:#fff
}
.home .badge-item--zfw{
    display:none
}
.page-footer{
    position:relative;
    clear:both;
    margin-top:6em;
    background:#10365d;
    color:#eee
}
.page-footer a{
    border:0
}
.page-footer .caps{
    font-weight:500
}
.legal p{
    font-size:.875em;
    line-height:1.35714
}
.legal .legal-links{
    font-size:1em
}
.badges-list{
    list-style:none;
    margin:0 0 2em;
    text-align:left
}
.badges-list li{
    padding:.5em 0;
    margin:0
}
.badge-item--zfw{
    position:absolute;
    top:-6em
}
.badge{
    display:block;
    border:0
}
.cc{
    display:block
}
.nav-block--page{
    padding-top:3.25em
}
.nav--main{
    position:relative;
    display:block;
    width:100%;
    margin:0 0 1em;
    background:linear-gradient(-5deg, #fff, #fff 25%, #fbfbfb 25%, #fdfdfd 50%, #fbfbfb 50%, #fbfbfb 66%, #fff 66%, #fff 100%) 0 0 repeat-x fixed #fff;
    border-width:1px 1px 2px 1px;
    border-style:solid;
    border-color:#ccc #eee #b3b3b3 #aaa;
    -webkit-box-shadow:-1px 3px 6px rgba(0,0,0,0.2),-0.5px 1px 1px rgba(0,0,0,0.3);
    -moz-box-shadow:-1px 3px 6px rgba(0,0,0,0.2),-0.5px 1px 1px rgba(0,0,0,0.3);
    box-shadow:-1px 3px 6px rgba(0,0,0,0.2),-0.5px 1px 1px rgba(0,0,0,0.3);
    overflow:hidden
}
.nav-list{
    display:block;
    list-style:none;
    margin:0;
    padding:2em 1.5em 1em;
    border:1px solid #fff;
    border-color:#eee #fff #aaa #ccc
}
.nav-sublist{
    display:none
}
.search .nav-sublist,.error404 .nav-sublist,.special-page .nav-sublist,.nav-expanded .nav-sublist,.nav-ancestor .nav-sublist,.nav-current .nav-sublist{
    display:block
}
.nav-pin{
    position:absolute;
    width:1em;
    height:1em
}
.nav-pin--tl,.nav-pin--tr{
    top:.5em
}
.nav-pin--tl,.nav-pin--bl{
    left:.5em
}
.nav-pin--tr,.nav-pin--br{
    right:.5em
}
.nav-pin--bl,.nav-pin--br{
    bottom:.5em
}
.nav-item{
    display:block;
    width:100%;
    margin:0;
    padding:0
}
li.nav-item--l0{
    position:relative;
    margin:0 0 .5em;
    padding:0 1.75em 0 0
}
li.nav-item--l0:before,#menu-bereiche li:before{
    content:'\\\\';
    font-weight:500
}
li.nav-item--l0:first-child:before,#menu-bereiche li:first-child:before{
    color:#f93
}
li.nav-item--l0:nth-child(2):before,#menu-bereiche li:nth-child(2):before{
    color:#10365d
}
li.nav-item--l0:nth-child(3):before,#menu-bereiche li:nth-child(3):before{
    color:#B61E3E
}
li.nav-item--l0:nth-child(4):before,#menu-bereiche li:nth-child(4):before{
    color:#59201B
}
a.nav-link{
    border:0
}
.nav-link{
    display:inline-block;
    line-height:1.1875em;
    margin:0 0 .25em
}
.nav-link--l0{
    font-size:1.125em
}
.home .nav-link--l0{
    display:block;
    padding:.25em 0;
    margin:0 0 .75em;
    font-weight:500;
    border-bottom:2px solid #f93
}
.nav-link--l1{
    position:relative;
    min-height:1.75em;
    padding:.5em 0 0 2em
}
.nav-thumb{
    position:absolute;
    top:0;
    left:0;
    display:block;
    width:1.5em;
    height:1.5em
}
.nav-thumb-crop{
    display:block;
    box-shadow:0 2px 3px rgba(0,0,0,0.2),0 0 1px rgba(0,0,0,0.5)
}
.nav-text{
    display:inline-block;
    vertical-align:bottom
}
.nav-list ul{
    margin:.25em 0 1em
}
.nav-list ul ul{
    margin:0 0 .125em 2em
}
.nav-list ul ul ul{
    margin-left:1em
}
.post-9 .hero-link,.nav-item--9 .nav-thumb{
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%
}
.nav-reloaded{
    position:relative;
    display:inline-block;
    font-size:.75em;
    font-size:.625em;
    color:#fff;
    background:#fb8320;
    background:linear-gradient(to right, #fb8320 0%, #f93 100%);
    padding:.1em .5em;
    letter-spacing:.05em;
    text-transform:uppercase
}
.nav-reloaded:after{
    content:"";
    position:absolute;
    left:-.7em;
    top:0;
    display:block;
    width:1.4em;
    height:1.4em;
    border:.7em solid transparent;
    border-top-color:#fb8320
}
.nav-tools{
    padding:0 .75em .75em;
    margin:0 0 1em
}
.nav-tools .subnav{
    margin:0 0 1em;
    padding:0;
    list-style:none
}
.nav-tools .subnav-item{
    margin:0 auto;
    padding:0;
    max-width:11em
}
.nav-tools .subnav-link{
    display:block;
    border:none
}
.nav-tools .subnav-link:focus,.nav-tools .subnav-link:hover{
    outline:3px solid orange
}
.alert{
    margin:.25em 0 1.5em;
    max-width:16em;
    -webkit-box-shadow:-1px 2px 4px rgba(0,0,0,0.2),-0.5px 1px 1px rgba(0,0,0,0.3);
    -moz-box-shadow:-1px 2px 4px rgba(0,0,0,0.2),-0.5px 1px 1px rgba(0,0,0,0.3);
    box-shadow:-1px 2px 4px rgba(0,0,0,0.2),-0.5px 1px 1px rgba(0,0,0,0.3)
}
.alert-link{
    font-weight:300
}
.home .alert{
    margin-top:0
}
.nav-tools .form{
    margin:0 0 1em
}
.nav-tools .label-text{
    padding-left:.25em
}
.nav-tools .input--search{
    padding-left:.25em;
    background-color:#fff
}
.mods{
    padding-left:.25em
}
.mod-group{
    margin-left:-.5em
}
.mod-group--tint{
    margin-top:1.25em
}
.mod-head{
    font-size:1em;
    margin:0 .5em .25em
}
a.mod{
    display:inline-block;
    font-weight:300;
    padding:.0625em .375em;
    border:2px solid transparent;
    cursor:pointer
}
a.mod--active,.mod:active{
    border-color:#000
}
.mod:focus,.mod:hover{
    border-color:rgba(0,0,0,0.5)
}
#menu-bereiche{
    display:flex;
    list-style:none;
    font-size:22px;
    align-content:space-between;
    margin-bottom:0
}
#menu-bereiche li{
    margin:0;
    padding-left:1rem
}
#menu-bereiche a{
    border-bottom:none;
    text-wrap:nowrap
}
#menu-bereiche a:hover{
    border-bottom:2px dotted #bbb
}
figure,.image{
    display:block;
    margin:1em 0
}
.image--captioned{
    margin-bottom:2em
}
.caption{
    margin:.25em 0 0
}
.image-object{
    background:#fff
}
.film,.image-object--framed,.image-link--framed{
    display:block;
    width:100%;
    border:0;
    overflow:hidden;
    border:1px solid #e3e3e3;
    box-shadow:0 1px 1px rgba(0,0,0,0.07),0 3px 6px rgba(0,0,0,0.07)
}
.image-object--framed:hover,.image-object--framed:focus,.image-link--framed:hover,.image-link--framed:focus{
    border-color:#23879e
}
.image--hero{
    margin-top:.25em
}
.image--hero *{
    display:block;
    width:100%
}
.film{
    position:relative;
    width:100%;
    margin:1em 0
}
h2+.film{
    margin-top:0
}
.film--letterbox{
    padding:0 0 56.25%
}
.film object,.film embed{
    position:absolute;
    width:100%;
    height:auto
}
.caption--film{
    margin-top:-.75em
}
.aspect{
    position:relative;
    display:block;
    width:100%;
    padding:0;
    margin-bottom:1.5em;
    overflow:hidden
}
.aspect::before{
    display:block;
    content:""
}
.aspect--16x9::before{
    padding-bottom:56.25%
}
.aspect--16x10::before{
    padding-bottom:62.5%
}
.aspect--4x3::before{
    padding-bottom:75%
}
.aspect--5x4::before{
    padding-bottom:80%
}
.aspect>*,.aspect iframe{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    width:100%;
    height:100%;
    border:0
}
.tag-head{
    position:relative;
    display:inline-block;
    font-size:1.25em;
    margin:0;
    padding:.25em .55em;
    letter-spacing:.05em;
    text-transform:uppercase;
    color:#fff;
    background:#fb8320;
    background:linear-gradient(to right, #fb8320 0%, #f93 100%)
}
.tag-head:after{
    content:"";
    position:absolute;
    bottom:-.5em;
    left:0;
    display:block;
    width:1em;
    height:1em;
    border:.5em solid transparent;
    border-left-color:#fb8320
}
.tag-head--secondary{
    margin:1.5em 0 .25em;
    background:#08758f;
    background:linear-gradient(to right, #08758f 0%, #23879e 100%)
}
.tag-head--secondary:after{
    border-left-color:#035a6e
}
.tag-sub-head{
    padding:.375em .5em
}
.nav--children{
    display:block;
    margin:1.5em 0
}
.list--children{
    margin:.75em 0
}
.child{
    display:block
}
.list--children li a{
    font-size:1.125em;
    font-weight:300
}
.list--children li:before{
    top:.38462em
}
.nav--manual li{
    margin-bottom:.75em
}
.nav--manual li a{
    font-weight:500;
    font-family:"Fira Sans Condensed","Helvetica Neue",Helvetica,"Arial Narrow",Arial,sans-serif,sans
}
.nav--manual li span{
    margin:.125em 0 0;
    display:inline-block
}
.save,.bubble{
    position:relative;
    border:0;
    padding:.75em 1em
}
.save:after,.bubble:after{
    position:absolute;
    content:"";
    bottom:-1em;
    display:block;
    width:2em;
    height:2em;
    border:1em solid transparent
}
.bubble{
    padding:1em;
    background:#eee
}
.bubble--small{
    font-size:1em
}
.bubble>*{
    margin:0
}
.bubble>*+*{
    margin-top:1em
}
.bubble p,.bubble ul,.bubble ol{
    font-size:1em
}
.quote{
    position:relative;
    width:100%;
    font-size:1em;
    line-height:1.3125em;
    margin:.75em 0 1em;
    padding:1em;
    border:0.1875em solid #23879e
}
.quote:before,.quote:after{
    position:absolute;
    content:"";
    display:block;
    width:1.5em;
    height:1.5em;
    border:.75em solid transparent
}
.quote:before{
    right:1em;
    bottom:-1.5em;
    border-top-color:#23879e;
    border-right-color:#23879e
}
.quote:after{
    right:1.1875em;
    bottom:-1.0625em;
    border-top-color:#fff;
    border-right-color:#fff
}
.quote>*{
    margin:0
}
.quote>*+*{
    margin-top:.875em
}
.quote p,.quote ul,.quote ol{
    font-size:.875em
}
.quote h2{
    font-size:1.125em;
    margin-top:-.2em;
    color:#23879e
}
.frame{
    font-size:1em;
    border:2px solid #e3e3e3;
    padding:1em
}
.modified{
    margin-top:2em
}
.modified p{
    margin:0
}
.modified time{
    font-weight:500
}
.authors-head{
    margin:0 0 .625em
}
.authors-list{
    list-style:none;
    margin:0
}
.authors-list li{
    margin:.5em 0 0;
    padding:0
}
.author{
    font-size:.875em
}
.author-title{
    margin-right:-.06125em
}
.tags{
    margin:1.5em 0 0
}
.tags-head{
    margin:0 0 .625em
}
.tags-list{
    font-size:.875em;
    margin:0;
    padding:0;
    list-style:none
}
.tags-list li{
    display:inline-block;
    margin:0;
    padding:0 .25em 0 0
}
.tags-list li a{
    display:block;
    border:1px solid #fff;
    border-radius:.25em;
    padding:.3125em 0.5em .25em;
    line-height:1
}
.tags-list li a:focus,.tags-list li a:hover{
    background-color:#fff;
    color:#8dad10
}
.save{
    display:block;
    margin:0 0 1.5em;
    padding:0;
    line-height:1.375
}
.save ul{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    gap:1em;
    padding:0;
    list-style:""
}
.save li{
    margin:0;
    padding:0;
    flex:0 0 calc(50% - .5em)
}
.save a{
    display:inline-block;
    width:auto;
    max-width:18em;
    min-height:3.875em;
    padding:.5em 1.5em .5em 3.75em;
    background:transparent;
    border:2px solid #fff;
    color:#fff;
    border-radius:9em
}
.save a:focus,.save a:hover{
    background:#e70b0b;
    color:#fff
}
.save .icon-before:before{
    top:.8125em;
    left:1em;
    width:48px;
    height:48px;
    background-position:-950px -350px
}
.save .icon-before--pdfs:before{
    background-position:-850px -350px
}
.steps{
    clear:both;
    margin:0 0 1em;
    padding:1em 0 .5em
}
.steps:before{
    content:"";
    display:block;
    width:100%;
    border-top:3px solid #ccc;
    margin-bottom:1em
}
.step{
    display:inline-block;
    vertical-align:top;
    margin:0 0 1em;
    border:0
}
.step-head,.step-dir{
    display:block
}
.step-dir{
    text-transform:uppercase;
    letter-spacing:.05em;
    color:#888
}
.step--next{
    float:right;
    text-align:right
}
.alpha>li{
    margin:0 0 1em 1em
}
.alpha>li:before{
    content:counter(li, lower-alpha) ")"
}
.alpha>li.d:before{
    content:"d)"
}
.alpha dfn{
    display:inline-block;
    margin:0 0 .25em
}
.files{
    margin-top:1.5em;
    list-style:none;
    position:relative
}
.files .pdf{
    list-style:none
}
.files li{
    padding-left:2em
}
.files>li:before{
    content:"";
    position:absolute;
    left:0;
    display:block;
    width:2.5em;
    height:2.5em;
    padding:0;
    text-align:right
}
.set{
    margin:0 0 2em
}
.set a{
    border:0
}
.set a:after{
    display:none
}
.set-image{
    display:block;
    margin:0 0 .25em
}
.b10y{
    margin:1em 0
}
.b10y-intro,.b10y-head{
    margin:2em 0 .75em
}
.b10y-head{
    margin:.72em 0
}
.b10y-intro{
    margin:1.28em 0 .72em
}
.b10y li>*{
    display:block;
    width:100%
}
.b10y li a{
    display:inline-block;
    width:auto
}
.b10y-author{
    text-transform:uppercase
}
.b10y li:before{
    top:0
}
.events{
    margin:0 0 3em;
    list-style:none
}
.event{
    list-style:none;
    margin:0 0 2em
}
.event--past{
    color:#888
}
.event-date{
    display:inline-block;
    padding:.25em 0 .125em;
    border-bottom:2px solid #23879e;
    margin:0 0 .25em
}
.event-title{
    font-size:1.125em;
    margin:0 0 .22222em
}
.event-subtitle{
    font-weight:300;
    font-style:italic
}
.event p{
    margin:.375em 0
}
p.event-deadline,.event-subtitle{
    margin-top:0;
    font-weight:300
}
.event--empty{
    border:0;
    color:#fff;
    padding:1em;
    background:#fb8320
}
.event--empty *{
    color:#fff;
    font-size:1.125em
}
.event-signup{
    position:relative;
    margin:3em 0 0;
    padding:.75em 1em .8125em;
    background:#eee
}
.event-signup a{
    display:inline-block
}
.event-signup:after{
    content:"";
    position:absolute;
    top:-1em;
    right:0;
    display:block;
    width:2em;
    height:2em;
    border:1em solid transparent;
    border-right-color:#f3f3f3
}
.glossar{
    margin:1em 0;
    padding:1em 0;
    line-height:1.3125em;
    clear:both
}
.glossar dd{
    margin:0 0 1em;
    padding:0 0 0 1.25em
}
.footnote-link{
    border-bottom:1px dotted #bbb
}
.footnote-link sup{
    padding:0 .1em
}
.footnotes{
    clear:both;
    margin:2em 0 .75em;
    padding:.75em 0 .5em;
    border-top:3px solid #ccc
}
.footnotes>li{
    padding:.28571em 0;
    margin:0 0 .28571em 1.5em
}
.footnotes>li:before{
    content:counter(li);
    font-size:.71429em;
    top:.6em;
    left:-2.5em;
    width:2em;
    padding:.2em
}
.footnotes>li:target:before{
    color:#fb8320
}
.parts{
    display:table;
    width:100%;
    margin:1em 0;
    border:2px solid #ccc
}
.part{
    display:table-row;
    padding:1em;
    margin:0;
    width:100%
}
.part+.part{
    border:1px solid #ccc;
    border-width:1px 0 0
}
.parts h3,.parts h4{
    margin-top:0
}
.parts h5{
    margin-top:.75em
}
.parts p,.parts ul,.parts li{
    margin-bottom:.25em
}
table{
    width:100% !important;
    margin:1em 0;
    border-collapse:collapse;
    border-spacing:0;
    empty-cells:show;
    caption-side:bottom
}
td,th{
    text-align:left;
    vertical-align:top;
    padding:1em;
    border:1px solid #ccc
}
thead{
    background:#f3f3f3
}
.empty{
    color:#888
}
.highlight{
    border:4px solid #f93
}
.table-footer--small{
    font-size:.7857em;
    color:#888
}
.table-footer--small *{
    text-align:right;
    font-weight:600
}
caption{
    padding:.75em 0
}
table ul{
    margin:.25em 0 0
}
table p,table li{
    margin-bottom:.25em
}
table h3{
    font-size:1.14286em;
    margin-top:0
}
.table-wrap{
    position:relative;
    padding:0 0 -1em;
    margin:1em 0;
    overflow:hidden
}
.table-flow--overflowing:before,.table-flow--overflowing:after{
    content:'';
    position:absolute;
    bottom:0;
    width:1em;
    height:100%;
    pointer-events:none
}
.table-flow--overflowing:before{
    left:0;
    box-shadow:1em 0 1em -1em rgba(0,0,0,0.2) inset
}
.table-flow--overflowing:after{
    right:0;
    box-shadow:-1em 0 1em -1em rgba(0,0,0,0.2) inset
}
.table-flow{
    width:100%;
    overflow-y:auto;
    _overflow:auto
}
.table-wrap table{
    margin:0;
    width:auto
}
.caption--center{
    text-align:center
}
.deaddrop{
    font-weight:300;
    border-bottom:0
}
.deaddrop span+span:before{
    content:".";
    display:inline
}
.deaddrop:after{
    content:"@" attr(data-ds) "." attr(data-tlds);
    display:inline
}
.deaddrop--active{
    font-weight:500;
    border-bottom:2px dotted #fff;
    cursor:pointer
}
.cb{
    position:relative;
    padding:0.875em 1em;
    background:#17365c;
    color:#fff;
    z-index:99
}
.cb-contents{
    margin:0 auto;
    max-width:42em
}
.cb-text{
    font-size:.8125em;
    line-height:1.46154;
    margin:0
}
.cb-button{
    padding:0.375em 0.625em;
    text-align:center;
    line-height:1;
    color:#17365c;
    background:#fff;
    border:0;
    margin:1.125em 0 .375em;
    font-weight:500;
    cursor:pointer
}
.cb-button:focus,.cb-button:hover{
    outline:2px solid #f93
}
.content-children h2{
    font-size:1.66667em;
    margin:.5em 0 .33333em 0;
    font-weight:600
}
.content-children ul{
    margin:.75em 0 0 0;
    padding:0;
    list-style:none
}
.content-children li{
    margin-left:0;
    padding:0;
    margin-bottom:.125em
}
.content-children a{
    padding:.125em 0;
    display:inline-block;
    color:#555;
    border-bottom:1px solid transparent
}
.content-children a:hover,.content-children a:active{
    border-bottom:1px solid #f93;
    color:#f93
}
label{
    display:block
}
.form-row{
    display:block;
    padding:.125em .5em;
    margin:0 0 1em
}
.form-row--text label{
    font-weight:300;
    opacity:.86
}
textarea{
    max-width:100%
}
.search-form{
    position:relative;
    display:block;
    padding:0 2.25em 0 0
}
.input--search{
    display:block;
    width:100%;
    font-size:1.25em;
    padding:.275em .125em .175em;
    border:0;
    border-bottom:3px solid #888;
    color:#222;
    background:#f3f3f3
}
.submit--search{
    position:absolute;
    bottom:0;
    right:0;
    display:inline-block;
    vertical-align:top;
    width:1.75em;
    height:1.75em;
    text-indent:-9999px;
    padding:.25em;
    color:#fff;
    background:#08758f;
    background:linear-gradient(to right, #08758f 0%, #23879e 100%);
    border:0;
    cursor:pointer
}
.input--search:focus,.input--search:hover{
    border-bottom-color:#fb8320
}
.form--q11e{
    display:block;
    padding:2em;
    margin:0 0 .5em;
    background:#f6f4f1
}
.form--q11e .form-head{
    margin:1em 0 .5em;
    padding:0 .35em
}
.form--q11e *+.form-head{
    margin-top:2em;
    border-top:2px dotted #888;
    padding-top:1em
}
.form--q11e .form-row--text{
    border-bottom:2px solid #222;
    background:#fff
}
.form--q11e .input--text{
    font-size:1.25em;
    display:block;
    width:100%;
    border:0;
    padding:.25em 0 .125em;
    background:#fff
}
.form--q11e .form-row--check,.form--q11e .form-row--select,.form--q11e .form-row--textarea{
    padding:.125em 0
}
.form--q11e .form-row--select label{
    padding:.125em .5em .25em
}
.form--q11e .form-row--check label,.form--q11e .form-row--textarea label{
    margin-bottom:.5em
}
.form--q11e .form-group{
    padding:.125em .5em;
    background:#fff
}
.form--q11e .form-group--checkboxes{
    padding:.5em
}
.form--q11e input{
    font-size:1.25em;
    display:block;
    width:100%;
    border:0;
    padding:.25em 0 .125em;
    background:#fff
}
.form--q11e input,.form--q11e select,.form--q11e textarea{
    width:100%;
    max-width:100%
}
.form--q11e select,.form--q11e textarea{
    padding:.375em .5em
}
.form--q11e .wpcf7-list-item{
    max-width:16%;
    display:inline-block;
    vertical-align:top;
    text-align:center
}
.form--q11e .wpcf7-list-item.first{
    margin-left:0
}
.form--q11e .wpcf7-list-item.last{
    margin-right:0
}
.form--q11e .wpcf7-list-item label{
    margin:.25em 0 0
}
.form--q11e .wpcf7-list-item input{
    margin-bottom:.125em
}
.form--q11e .wpcf7-radio{
    max-width:25em
}
.form--q11e .form-group--recommend .wpcf7-radio{
    max-width:10em
}
.flexbox .wpcf7-radio{
    display:flex;
    width:100%;
    justify-content:space-between
}
.flexbox .wpcf7-radio>*{
    max-width:none;
    margin:0;
    flex:1 0 16%
}
.form--q11e .form-row--privacy{
    margin-top:2em
}
.form--q11e .form-row--privacy .wpcf7-list-item{
    max-width:100%;
    display:block;
    text-align:left;
    margin:0
}
.form--q11e .form-row--privacy label{
    position:relative;
    padding-left:1.5em
}
.form--q11e .form-row--privacy input{
    position:absolute;
    left:0;
    top:.25em;
    width:auto
}
.form--q11e .wpcf7-submit{
    position:relative;
    display:block;
    padding:.5em;
    border:0;
    max-width:10em;
    margin:2em auto 0;
    color:#fff;
    background:#08758f;
    background:linear-gradient(to right, #08758f 0%, #23879e 100%);
    cursor:pointer
}
.form--q11e .wpcf7-submit:focus,.form--q11e .wpcf7-submit:hover{
    border-bottom-color:#fb8320
}
.form--q11e .wpcf7-submit:after{
    content:"";
    position:absolute;
    bottom:-.5em;
    left:0;
    display:block;
    width:1em;
    height:1em;
    border:.5em solid transparent;
    border-left-color:#fb8320
}
.form-row--scale{
    clear:both;
    text-align:justify;
    margin:0 0 2em;
    padding:.125em 0
}
.scale-step{
    position:relative;
    width:9.09091%;
    display:inline-block;
    vertical-align:bottom;
    text-align:center;
    overflow:visible
}
.scale-step *{
    display:inline-block
}
.scale-step input{
    display:none
}
.scale-step label{
    height:100%;
    width:100%;
    color:#888;
    position:absolute;
    left:0;
    top:0;
    z-index:1
}
.scale-step--min label,.scale-step--med label,.scale-step--max label{
    color:#222
}
.scale-cell{
    display:block;
    width:100%;
    height:1em;
    margin:1.25em 0 0;
    border:1px solid #222;
    border-width:0 1px 0 0;
    font-weight:500
}
.scale-step--min .scale-cell{
    border-width:0 1px 0 2px
}
.scale-step--max .scale-cell{
    border-width:0 2px 0 0
}
.scale-caption{
    font-size:.875em;
    display:inline-block;
    width:100%;
    text-align:center;
    padding:.35714em 0 0;
    border-top:2px solid #222
}
body.home{
    background:url("../img/bg.png") 0 0 repeat #eee
}
.home .page-header,.home .wrapper:not(:has(.wp-block-group)){
    max-width:72em;
    margin-left:auto;
    margin-right:auto
}
.home .page-header{
    padding:4% 0 1%;
    max-width:var(--wp--style--global--wide-size);
    flex-direction:column;
    column-gap:1rem;
    justify-content:flex-start;
    overflow:hidden;
    align-items:end
}
.home .page-header>*{
    flex-basis:auto !important
}
.home .logo-description{
    visibility:hidden;
    position:absolute;
    top:99999px
}
.home a.skip--nav{
    display:none
}
.home .nav-sublist{
    display:block
}
.home .footer--byline{
    display:none
}
div.qa{
    margin:0 0 3.5em;
    clear:both
}
.tab--question{
    text-decoration:underline
}
.pd{
    margin:1em 0
}
.pd--hidden{
    display:none
}
.pd-button{
    position:relative;
    display:block;
    margin:.75em 0 0;
    padding:.125em .5em;
    border:none;
    color:#fff;
    background:#23879e;
    background:linear-gradient(to right, #08758f 0%, #23879e 100%);
    font-weight:500;
    text-align:center;
    cursor:pointer
}
.pd-button:after{
    position:absolute;
    top:0;
    right:-.5em;
    content:"";
    display:block;
    width:1em;
    height:1em;
    border:.5em solid transparent;
    border-top-color:#23879e
}
.checklist{
    list-style:none
}
.checklist li{
    margin-left:0;
    padding:.25em 0 0 2em;
    position:relative
}
.checklist input{
    display:none
}
.checklist label:before,.checklist label:after{
    content:"";
    position:absolute;
    left:0;
    top:0;
    display:block;
    width:1em;
    height:1em
}
.checklist label:before{
    top:.25em;
    font-size:1.25em;
    background:#e3e3e3
}
.checklist label:after{
    font-size:1.75em;
    line-height:1;
    overflow:visible;
    cursor:pointer
}
.checklist input:checked+label:after{
    content:'\2714';
    color:#23879e
}
.article--search{
    margin-bottom:2em
}
.search--retry{
    margin:.75em 0 1em 0
}
.search--bottom{
    margin:3em 0 0
}
.content-search-form{
    margin-top:.5em
}
.search-hit{
    font-weight:500;
    padding:0 .125em;
    background-color:#f93;
    color:#fff
}
.search-result{
    margin-top:2em
}
.search-result h3{
    margin-bottom:.5em;
    font-size:1.333em;
    padding:0
}
.bottom-search{
    margin-top:1em
}
.search-result-meta{
    display:block;
    font-size:.875em;
    padding:.5em 0;
    margin-top:.5em;
    border-top:1px solid #222;
    opacity:.7
}
.puzzle-nav{
    margin:1.5em 0 2em 0;
    display:block
}
.puzzle-list{
    list-style:none
}
.puzzle-item{
    display:inline-block;
    margin:0 .25em .25em 0;
    padding:0
}
.puzzle-toggle{
    display:block;
    border:0;
    line-height:1;
    color:#fff;
    text-align:center
}
.puzzle-toggle:hover:after,.puzzle-toggle:focus:after{
    display:none
}
.puzzle-toggle:focus{
    outline:1px dotted #000
}
.figure--gbl .figure-block{
    padding:1em;
    border:3px solid #23879e;
    margin:0 0 .5em
}
.figure--gbl .figure-head{
    margin:0 0 .25em
}
.figure-list--gbl{
    list-style:none;
    margin:1em 0 0;
    padding:0
}
.figure-list--gbl li{
    font-size:.875em;
    line-height:1.35714em;
    padding:0;
    margin:0 0 1.25em
}
.figure-list--gbl dfn{
    display:block;
    margin-bottom:.21429em
}
@supports (display: flex){
    .figure--gbl .figure-block{
        padding:1em .75em .5em
    }
    .figure--gbl .figure-head{
        text-align:center;
        padding:0 .5em .5em
    }
    .figure-list--gbl{
        display:flex;
        flex-wrap:wrap
    }
    .figure-list--gbl li{
        padding:0 .75em;
        min-width:50%;
        max-width:100%;
        flex-grow:1;
        flex-basis:calc(calc(36em - 100%) * 999)
    }
}
.cc,.icon,.badge,.nav-pin,.nav-toggle,.scale-marker,.submit--search,.icon-after:before,.icon-before:before,.link a[href*=".pdf"]:before,p a[href*=".pdf"]:before,p a[href$="rubcast"]:before,p a[href*="http://www.rubel."]:before{
    background:url("../img/sprites--v5.png?v=20180606") 9em 9em no-repeat;
    background-size:1200px 400px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-resolution: 120dpi){
    .cc,.icon,.badge,.nav-pin,.nav-toggle,.scale-marker,.submit--search,.icon-after:before,.icon-before:before,.link a[href*=".pdf"]:before,p a[href*=".pdf"]:before,p a[href$="rubcast"]:before,p a[href*="http://www.rubel."]:before{
        background-image:url("../img/sprites--v5@hdpi.png?v=20180606")
    }
}
.icon-before,.icon-after{
    position:relative
}
.icon-after{
    padding-right:1.75em
}
.icon-before{
    padding-left:1.75em
}
.icon-after:before,.icon-before:before{
    position:absolute;
    content:'';
    display:block;
    width:1.5em;
    height:1.5em;
    top:0
}
.icon-after:before{
    right:0
}
.icon-before:before{
    left:0
}
.icon--nav{
    background-position:0 0
}
.icon--search{
    background-position:-100px 0
}
.icon--mods{
    background-position:-200px 0
}
.link a[href*=".pdf"],p a[href*=".pdf"]{
    padding-left:1.625em;
    position:relative;
    white-space:nowrap
}
.icon-before--pdf:before,.link a[href*=".pdf"]:before,p a[href*=".pdf"]:before{
    display:block;
    content:"";
    width:26px;
    height:26px;
    position:absolute;
    bottom:0;
    left:0
}
.icon-before--pdf{
    padding-left:2.25em;
    min-height:1.75em
}
.icon-before--pdf:before{
    background-position:-900px -300px
}
.link a[href*=".pdf"]:before,p a[href*=".pdf"]:before{
    background-position:-900px -200px
}
input:checked+.scale-cell .scale-marker{
    width:1.5em;
    height:1.5em;
    background-position:-298px -100px
}
.icon-before--prev:before{
    background-position:-606px -101px
}
.icon-after--next:before{
    background-position:-694px -101px
}
.nav-pin{
    background-position:-1000px -200px
}
.icon-after--reloaded:before{
    background-position:-1096px -292px
}
.icon-after--state-reloaded:before{
    background-position:-1096px -199px
}
.nav-toggle{
    background-position:-400px -104px
}
.nav-expanded .nav-toggle{
    background-position:-500px -104px
}
.submit--search{
    background-position:-100px -100px
}
.cc{
    width:140px;
    height:32px;
    background-position:-850px 0;
    margin:0 0 .5em
}
.badge--rub{
    width:209px;
    height:40px;
    background-position:0 -350px
}
.badge--zfw{
    width:242px;
    height:72px;
    background-position:-300px -200px
}
a{
    -webkit-transition:color .2s linear, border-color .2s linear;
    transition:color .2s linear, border-color .2s linear
}
a:after{
    -webkit-transition:color .25s linear, border-color .25s linear, width .25s linear;
    transition:color .25s linear, border-color .25s linear, width .25s linear
}
li:before{
    -webkit-transition:color .25s linear;
    transition:color .25s linear
}
.skip{
    -webkit-transition:opacity .2s linear;
    transition:opacity .2s linear
}
.toggle,.hero img{
    -webkit-transition:border-color .2s linear;
    transition:border-color .2s linear
}
.scale-l .nav-block,.scale-xl .nav-block,.scale-l .content h1,.scale-xl .content h1,.scale-l .content h2,.scale-xl .content h2,.scale-l .content p,.scale-xl .content p,.scale-l .content a,.scale-xl .content a,.scale-l .content dfn,.scale-xl .content dfn{
    -webkit-hyphens:auto;
    -moz-hyphens:auto;
    -ms-hyphens:auto;
    hyphens:auto;
    word-wrap:break-word;
    overflow-wrap:break-word
}
.scale-l{
    font-size:1.1875em
}
.scale-l .skips{
    padding:.42105em .52632em
}
.scale-l .skip{
    font-size:.84211em
}
.scale-l .skip--mods,.scale-l .skip--search{
    margin-right:.25em
}
.scale-l p a[href$="rubcast"]:before,.scale-xl p a[href$="rubcast"]:before,.scale-l p a[href*="http://www.rubel."]:before,.scale-xl p a[href*="http://www.rubel."]:before{
    background-position:-50px -250px;
    margin-bottom:.2em
}
.scale-xl{
    font-size:1.3125em
}
.scale-xl .skips{
    padding:.47619em .61905em
}
.scale-xl .skip{
    font-size:.7619em
}
.scale-xl .skip--mods,.scale-xl .skip--search{
    margin-right:.25em
}
.scale-l .nav-pin,.scale-xl .nav-pin{
    position:absolute;
    width:20px;
    height:20px;
    background-position:-1050px -250px
}
.scale-l .nav-pin--tl,.scale-l .nav-pin--tr,.scale-xl .nav-pin--tl,.scale-xl .nav-pin--tr{
    top:.75em
}
.scale-l .nav-pin--tl,.scale-l .nav-pin--bl,.scale-xl .nav-pin--tl,.scale-xl .nav-pin--bl{
    left:.75em
}
.scale-l .nav-pin--tr,.scale-l .nav-pin--br,.scale-xl .nav-pin--tr,.scale-xl .nav-pin--br{
    right:.75em
}
.scale-l .nav-pin--bl,.scale-l .nav-pin--br,.scale-xl .nav-pin--bl,.scale-xl .nav-pin--br{
    bottom:.75em
}
.scale-l .icon-before--prev:before,.scale-xl .icon-before--prev:before{
    background-position:-656px -153px
}
.scale-l .icon-after--next:before,.scale-xl .icon-after--next:before{
    background-position:-754px -153px
}
.tint-night,.tint-night.home{
    color:#deebee;
    background:#000
}
.tint-night .entry-content>.wp-block-group.has-white-background-color{
    color:#deebee;
    background:#000 !important
}
.tint-night .main{
    background:#000;
    border-color:transparent
}
.tint-night.home .content,.tint-night .dbl,.tint-night .bubble,.tint-night thead{
    background:#444
}
.tint-night .logo--zfw,.tint-night .logo--rub{
    fill:#fff
}
.tint-night .film,.tint-night .image-object--framed,.tint-night .image-link--framed,.tint-night .bc,.tint-night .footnotes,.tint-night blockquote,.tint-night .steps,.tint-night td,.tint-night th{
    border-color:#666
}
.tint-night .highlight{
    border-color:#f93
}
.tint-night .step-dir,.tint-night li:before{
    color:#e3e3e3
}
.tint-night .dbl,.tint-night li:focus:before,.tint-night li:hover:before{
    color:#fff
}
.tint-night .bubble:after{
    border-right-color:#444
}
.tint-night .nav--main,.tint-night .shadow-box,.tint-night .is-style-pinboard{
    border-color:#333;
    background:#222;
    box-shadow:0 1px 16px 2px rgba(255,255,255,0.4)
}
.tint-night .nav-list{
    border-color:#777 #666
}
.tint-night .item-link--image,.tint-night a.hero-link{
    box-shadow:0 3px 6px #000
}
.tint-night .nav-tools{
    background:transparent;
    color:inherit;
    box-shadow:none
}
.tint-night .input--search{
    border-color:#555 #444 #666;
    color:#fff;
    background-color:#333
}
.tint-night .head--children{
    background:linear-gradient(to right, rgba(251,131,32,0.95) 0%, rgba(255,153,51,0.95) 100%)
}
.tint-night .checklist label:before{
    background:#4d4d4d
}
.tint-night .checklist input:checked+label:after{
    color:#ee7d1f;
    text-shadow:1px 0 3px #000
}
.tint-night .event-signup{
    background:#333
}
.tint-night .event-signup:after{
    border-right-color:#444
}
.tint-night .form--q11e{
    background:#333
}
.tint-night .form-row--text{
    border-color:#888;
    background:#000
}
.tint-night .form--q11e .input--text{
    background:transparent
}
.tint-night .search-result-meta,.tint-night .scale-cell,.tint-night .scale-caption{
    border-color:#deebee
}
.tint-night .scale-step label{
    color:#deebee
}
.tint-night .scale-step--min label,.tint-night .scale-step--med label,.tint-night .scale-step--max label{
    color:#fff
}
.tint-night input:checked+.scale-cell .scale-marker{
    background-position:-298px 0
}
.tint-night .nav-pin{
    background-position:-1000px -300px
}
.tint-night.scale-l .nav-pin,.tint-night.scale-xl .nav-pin{
    background-position:-1050px -350px
}
.tint-night .nav-toggle{
    background-position:-400px -4px
}
.tint-night .nav-expanded .nav-toggle{
    background-position:-500px -4px
}
.tint-night .submit--search{
    background-position:-100px 0
}
.icon-before--prev:before{
    background-position:-606px -101px
}
.icon-after--next:before{
    background-position:-694px -101px
}
.tint-night .icon-after--next:before{
    background-position:-694px -1px
}
.tint-night .icon-before--prev:before{
    background-position:-606px -1px
}
.tint-night.scale-l .icon-before--prev:before,.tint-night.scale-xl .icon-before--prev:before{
    background-position:-656px -53px
}
.tint-night.scale-l .icon-after--next:before,.tint-night.scale-xl .icon-after--next:before{
    background-position:-754px -53px
}
.tint-night .badge--zfw{
    background-position:-300px -300px
}
.tint-night a.mod:focus,.tint-night a.mod:hover{
    border-color:rgba(255,255,255,0.6)
}
.tint-night .mod:active,.tint-night a.mod--active{
    border-color:#fff
}
.tint-night ::selection{
    background-color:#f93;
    color:#000
}
.tint-night ::-moz-selection{
    background-color:#f93;
    color:#000
}
.is-style-rub-special:before{
    content:'\\\\';
    color:#709708
}
.start-card-row{
    max-width:100vw;
    overflow-x:auto;
    margin-top:-183px
}
.start-card-row .card-clickable{
    cursor:pointer
}
.start-card-row>.wp-block-group{
    width:calc( (var(--wp--style--global--wide-size) - (3 * 1.5rem)) / 4);
    flex-shrink:0;
    z-index:2;
    background:#fff;
    gap:0
}
.start-card-row>.wp-block-group .wp-block-group{
    padding:1.25rem
}
.start-card-row>.wp-block-group:first-child h2:before{
    color:#f93
}
.start-card-row>.wp-block-group:nth-child(2) h2:before{
    color:#10365d
}
.start-card-row>.wp-block-group:nth-child(3) h2:before{
    color:#B61E3E
}
.start-card-row>.wp-block-group:nth-child(4) h2:before{
    color:#59201B
}
.start-card-row .is-style-pinboard{
    padding:0
}
.no-read-more .wp-block-post-excerpt__more-link{
    display:none
}
.wp-block-query li{
    padding:0
}
figure a{
    border-bottom:0
}
.tax-anliegen .content--page,.archive.category .content--page{
    max-width:Min(100%, 72em)
}
.tax-anliegen .page-header,.archive.category .page-header{
    flex-direction:column
}
.tax-anliegen .page-title:before,.tax-anliegen .anliegen-widget-area h2:before,.tax-anliegen .category-widget-area h2:before,.archive.category .page-title:before,.archive.category .anliegen-widget-area h2:before,.archive.category .category-widget-area h2:before{
    content:'\\\\';
    color:#709708
}
.rubrik-card-wrapper{
    margin:3rem 0
}
.rubrik-card{
    display:grid;
    grid-template-rows:1fr min-content
}
.rubrik-card a{
    border-bottom:none
}
.anliegen-widget-area,.category-widget-area{
    padding:1.5em 1.75em 1.25em
}
.anliegen-widget-area h2,.category-widget-area h2{
    font-size:1.25rem
}
.rub-box-shadow{
    box-shadow:0px 4px 4px 0px rgba(0,0,0,0.25)
}
.is-style-pinboard{
    background:#fff;
    padding:2em 1.75em 1.25em;
    position:relative;
    box-shadow:0px 4px 4px 0px rgba(0,0,0,0.25);
    height:100%
}
.is-style-pinboard:before,.is-style-pinboard:after{
    content:'';
    position:absolute;
    width:22px;
    height:22px;
    top:10px;
    z-index:2;
    background-size:contain;
    background-image:url("/wp-content/themes/lehreladen/assets/img/icons/pin-sm.png");
    background-repeat:no-repeat
}
.is-style-pinboard:before{
    left:10px
}
.is-style-pinboard:after{
    right:10px
}
.post-cat-card>a{
    display:grid;
    grid-template-columns:1fr;
    gap:1rem;
    border-bottom:none;
    font-weight:300
}
.post-cat-card>a h2{
    margin-top:0
}
.post-cat-wrapper{
    display:flex;
    flex-direction:column;
    gap:2rem;
    margin-bottom:2rem
}
@media screen and (max-width: 850px){
    .homepage-header-stack{
        padding-right:20px !important;
        background:rgba(255,255,255,0.4);
        padding-top:20px;
        padding-bottom:20px
    }
}
.topic-view{
    max-width:72em;
    margin:0 auto
}
.topic-view__controls{
    margin-bottom:1.5rem;
    padding:1rem;
    background:#f5f5f5;
    border-radius:4px
}
.topic-view__back{
    display:inline-block;
    padding:0.5rem 1rem;
    color:#333;
    text-decoration:none;
    font-weight:500
}
.topic-view__back:hover{
    text-decoration:underline;
    color:#709708
}
.topic-toc{
    background:#fff;
    border:1px solid #e0e0e0;
    border-radius:4px;
    padding:1.5rem 2rem;
    margin-bottom:3rem
}
.topic-toc__title{
    font-size:1.25rem;
    margin-bottom:1rem;
    color:#333;
    font-weight:600
}
.topic-toc__list{
    list-style:decimal;
    padding-left:1.5rem;
    margin:0
}
.topic-toc__item{
    margin-bottom:0.5rem;
    line-height:1.4
}
.topic-toc__item--parent{
    font-weight:600
}
.topic-toc__item--l1{
    margin-left:1rem
}
.topic-toc__item--l2{
    margin-left:2rem
}
.topic-toc__item--l3{
    margin-left:3rem
}
.topic-toc__link{
    color:#709708;
    text-decoration:none
}
.topic-toc__link:hover{
    text-decoration:underline
}
.topic-section{
    margin-bottom:4rem;
    padding-bottom:2rem;
    border-bottom:2px solid #e0e0e0
}
.topic-section--parent{
    border-bottom-color:#709708;
    border-bottom-width:3px
}
.topic-section:last-of-type{
    border-bottom:none
}
.topic-section__header{
    margin-bottom:2rem
}
.topic-section__title{
    color:#333;
    margin-bottom:0.5rem;
    line-height:1.2
}
.topic-section--parent .topic-section__title{
    font-size:2rem
}
.topic-section--l1 .topic-section__title{
    font-size:1.5rem
}
.topic-section--l2 .topic-section__title{
    font-size:1.25rem
}
.topic-section--l3 .topic-section__title{
    font-size:1.125rem
}
.topic-section__meta{
    font-size:0.9rem;
    color:#666;
    margin-top:0.5rem
}
.topic-section__meta>span{
    display:inline-block;
    margin-right:0.5rem
}
.topic-section__meta>span::after{
    content:"|";
    margin-left:0.5rem;
    color:#ccc
}
.topic-section__meta>span:last-child::after{
    content:""
}
.topic-section__authors{
    font-style:italic
}
.topic-section__doi{
    font-family:monospace;
    font-size:0.85em
}
.topic-section__content{
    line-height:1.7
}
.topic-section__content p{
    margin-bottom:1em
}
.topic-section__content img{
    max-width:100%;
    height:auto
}
.topic-view__footer{
    margin-top:3rem;
    padding-top:2rem;
    border-top:2px solid #709708
}
.icon-before--topic::before{
    content:"";
    display:inline-block;
    width:1.2em;
    height:1.2em;
    margin-right:0.5em;
    vertical-align:middle;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Cline x1='7' y1='8' x2='17' y2='8'/%3E%3Cline x1='7' y1='12' x2='17' y2='12'/%3E%3Cline x1='7' y1='16' x2='13' y2='16'/%3E%3C/svg%3E");
    background-size:contain;
    background-repeat:no-repeat
}
.topic-link:hover .icon-before--topic::before{
    filter:brightness(0) saturate(100%) invert(52%) sepia(98%) saturate(395%) hue-rotate(36deg) brightness(92%) contrast(93%)
}
@media print{
    .topic-view__controls{
        display:none
    }
    .topic-toc{
        page-break-after:always;
        border:none;
        padding:0
    }
    .topic-section{
        page-break-inside:avoid
    }
    .topic-section__title{
        page-break-after:avoid
    }
    .topic-section__header{
        page-break-after:avoid
    }
    .topic-view__footer{
        page-break-before:always
    }
}
@media screen and (max-width: 768px){
    .topic-toc{
        padding:1rem
    }
    .topic-toc__list{
        padding-left:1rem
    }
    .topic-toc__item--l1,.topic-toc__item--l2,.topic-toc__item--l3{
        margin-left:0.5rem
    }
    .topic-section__meta>span{
        display:block;
        margin-right:0
    }
    .topic-section__meta>span::after{
        content:""
    }
}
@media screen and (max-width: 58.9375em){
    .main,.nav-block,.page-footer{
        padding:1.5em 2.5em
    }
    .nav-block--home,.page-header{
        padding:0.5em 2.5em
    }
    .main,.page-header{
        width:100%
    }
    .skips{
        top:1.125em;
        right:1.25em
    }
    .page-header--page{
        background:url("../img//bg.png") 0 0 repeat #eee;
        box-shadow:0 1em 0.75em -1em rgba(0,0,0,0.2) inset
    }
    .page-header--page{
        text-align:left
    }
    .logo--ll{
        display:inline-block;
        padding:.25em 0 .125em
    }
    .bc,.state{
        display:none
    }
    .nav-block{
        margin:0 auto !important
    }
    .nav-block--home{
        padding-top:.5em
    }
    .main--page{
        background-color:#fff;
        box-shadow:0 0.25em 1em rgba(0,0,0,0.15)
    }
    h1{
        padding-right:1em
    }
    .footer--byline{
        margin:5em -2.5em -1.5em
    }
    .footer--byline .dbl{
        padding-left:2.5em;
        padding-right:2.5em
    }
    .home .nav-thumb{
        position:static;
        width:100%;
        padding:0 0 100%;
        height:0
    }
    .home .nav-item--l0{
        padding:0;
        margin:0
    }
    .home .nav-sublist{
        text-align:justify;
        line-height:0;
        margin:0
    }
    .home .nav-sublist:after{
        content:'';
        width:100%;
        display:inline-block;
        height:0
    }
    .home li.nav-item--l1{
        text-align:left;
        display:inline-block;
        vertical-align:top;
        width:45.5%;
        margin:0 0 .5em;
        line-height:1
    }
    .home a.nav-link--l1{
        width:100%;
        padding:0
    }
    .home a.nav-link--reloaded{
        padding-bottom:1.25em
    }
    .home .nav-item--l1 .nav-text{
        padding:.375em 0
    }
    .nav-reloaded{
        position:absolute;
        bottom:0;
        margin:0 auto;
        right:.5em
    }
    .puzzle-toggle{
        width:2em;
        height:2em;
        padding:.5em;
        background:#23879e
    }
    .puzzle-item--all{
        display:none
    }
    .puzzle-toggle:hover,.puzzle-toggle:focus{
        background:#f93
    }
    .tint-night .page-header--page{
        background:#222;
        color:#eee
    }
    .tint-night .nav-block{
        background:#000
    }
}
@media screen and (max-width: 47.9375em){
    .main,.nav-block,.page-footer{
        padding:1.5em
    }
    .nav-block--home,.page-header{
        padding:0.5em 1.5em
    }
    #menu-bereiche{
        flex-direction:column
    }
    #menu-bereiche a{
        text-wrap:wrap
    }
    .home .page-header{
        justify-content:center;
        flex-direction:column;
        align-items:center;
        gap:0.5rem
    }
    .skips{
        top:.625em;
        right:1em
    }
    .skip--mods,.skip--search{
        margin-right:.125em
    }
    .page-header--page .logo-description{
        display:none
    }
    .footer--byline{
        margin:5em -1.5em -1.5em
    }
    .footer--byline .dbl{
        padding-left:1.5em;
        padding-right:1.5em
    }
}
@media screen and (max-width: 35.9375em){
    .main,.nav-block,.page-footer{
        padding:1.25em
    }
    .page-header{
        padding:0.5em 1.25em
    }
    .nav-block--home{
        padding:.5em .75em
    }
    .skips{
        top:.625em;
        right:.75em
    }
    .child{
        -webkit-hyphens:auto;
        -moz-hyphens:auto;
        -ms-hyphens:auto;
        hyphens:auto;
        word-wrap:break-word;
        overflow-wrap:break-word
    }
    .form--q11e{
        margin:0 -1.25em .5em;
        padding:1.25em
    }
    .footer--byline{
        margin:5em -1.25em -1.25em
    }
    .footer--byline .dbl{
        padding-left:1.25em;
        padding-right:1.25em
    }
}
@media screen and (max-width: 23.9375em){
    .main,.nav-block,.page-footer{
        padding:1em
    }
    .page-header{
        padding:0.5em 1em
    }
    .nav-block--home{
        padding:.5em
    }
    .skips{
        top:.5em;
        right:.5em
    }
    .logo,.page-header{
        text-align:left
    }
    .page-header--home{
        padding-bottom:0
    }
    .head--children{
        font-size:1em;
        letter-spacing:.0625em;
        padding:.25em .5em .125em
    }
    .event-body,.event-coaches,.event-deadline,.event-link{
        font-size:.875em;
        line-height:1.35714
    }
    .footer--byline{
        margin:5em -1em -1em
    }
    .footer--byline .dbl{
        padding:1.5em 1em
    }
    .step{
        line-height:1.25
    }
    .step-title{
        display:none
    }
    .form--q11e{
        margin:0 -1em .25em;
        padding:1em
    }
}
@media screen and (min-width: 36em) and (max-width: 58.9375em), screen and (min-width: 82em){
    .content{
        font-size:1.125em;
        line-height:1.5
    }
    .nav--main,.legal{
        font-size:1.125em
    }
    .nav-pin{
        position:absolute;
        width:20px;
        height:20px;
        background-position:-1050px -250px
    }
    .nav-pin--tl,.nav-pin--tr{
        top:.75em
    }
    .nav-pin--tl,.nav-pin--bl{
        left:.75em
    }
    .nav-pin--tr,.nav-pin--br{
        right:.75em
    }
    .nav-pin--bl,.nav-pin--br{
        bottom:.75em
    }
    .skips:after{
        bottom:-.75em;
        width:1.5em;
        height:1.5em;
        border-width:.75em
    }
    a.skip{
        width:2em;
        height:2em
    }
    .icon--nav{
        background-position:-50px -51px
    }
    .icon--search{
        background-position:-150px -50px
    }
    .submit--search{
        background-position:-150px -150px
    }
    .icon--mods{
        background-position:-250px -51px
    }
    .skip--content:focus{
        padding-top:.75em
    }
    .icon-before--prev:before{
        background-position:-656px -153px
    }
    .icon-after--next:before{
        background-position:-754px -153px
    }
    .icon-before--pdf{
        padding-left:2.5em
    }
    .icon-before--pdf:before{
        width:2em;
        height:2em;
        background-position:-950px -350px
    }
}
@media (min-width: 24em){
    .logo-text{
        font-size:1.625em
    }
    .logo-icon{
        width:.76923em;
        height:1.23077em
    }
    .home .logo-text{
        font-size:2em
    }
    .home .logo-icon{
        width:.75em;
        height:1.25em
    }
    .home .footer--article{
        margin:1em 0
    }
    .logo-description{
        font-size:.8125em
    }
    .home .page-header{
        flex-direction:row
    }
    .tile,.image--hero,.image--medium,.image--thumb{
        width:48.5%
    }
    .image--hero,.image--right{
        margin-left:1.5em;
        float:right
    }
    .image--left{
        margin-right:1.5em;
        float:left
    }
    .image--hero+.nav--children{
        width:48.5%
    }
    .tile .image{
        width:100%
    }
    .caption--centered{
        text-align:center
    }
    .badge-item--zfw{
        top:-6.25em
    }
    .cb{
        padding:0.875em 1.25em
    }
    .cb-text{
        font-size:.875em;
        line-height:1.5
    }
    .cb-button{
        font-size:1.125em;
        padding:.33333em .75em;
        margin:1.125em 0 .5em
    }
    .bubble{
        font-size:1.0625em;
        line-height:1.47059em;
        padding:1.17647em
    }
    .home li.nav-item--l1{
        width:29.5%
    }
}
@media (min-width: 36em){
    .logo-text{
        font-size:1.875em
    }
    .logo-icon{
        width:.76667em;
        height:1.23333em
    }
    .logo-description{
        font-size:.9em
    }
    .home .logo-text{
        font-size:2.375em
    }
    .home .logo-icon{
        width:.78947em;
        height:1.23684em
    }
    .home .logo-description{
        font-size:1em
    }
    .teaser--postit{
        margin-top:-.5em
    }
    .nav-block--page,.page--content .nav-tools{
        max-width:32em
    }
    h1{
        font-size:1.875em
    }
    h2{
        font-size:1.5em
    }
    blockquote{
        font-size:1.375em;
        line-height:1.45455
    }
    .pullquote{
        font-size:1.25em;
        line-height:1.35;
        margin:.25em 0 .5em 1em;
        padding:.3em 0 .35em 1em;
        float:right;
        width:50%;
        border-width:0 0 0 3px
    }
    .pullquote--third{
        width:33.33333%
    }
    .pullquote--left{
        margin:.25em 1em .5em 0;
        padding:.3em .5em .35em 0;
        float:left;
        border-width:0 3px 0 0
    }
    .pullquote--bubble{
        margin-bottom:1.25em;
        padding:.75em 1em
    }
    .bubble{
        font-size:1.125em;
        line-height:1.44444em;
        padding:1.22222em
    }
    .quote{
        margin:1em 0 1.75em;
        padding:1.25em;
        border:0.25em solid #23879e
    }
    .quote:before,.quote:after{
        right:auto;
        border:.875em solid transparent
    }
    .quote:before{
        left:1em;
        bottom:-1.75em;
        border-top-color:#23879e;
        border-left-color:#23879e
    }
    .quote:after{
        left:1.25em;
        bottom:-1.25em;
        border-top-color:#fff;
        border-left-color:#fff
    }
    .quote p,.quote ul,.quote ol{
        font-size:.9375em
    }
    .quote h2{
        font-size:1.25em
    }
    .event-signup{
        width:48.5%
    }
    .event-title{
        font-size:1.25em;
        margin:0 0 .3em
    }
    .glossar dt,.glossar dd{
        display:block;
        float:left;
        margin-bottom:.5em
    }
    .glossar dt{
        width:30%;
        text-align:right;
        padding:.25em 1.25% .125em 1em
    }
    .glossar dd{
        width:70%;
        padding:.25em 2.5em .125em 1.25%;
        border-left:3px solid transparent
    }
    .set-image,.set-caption{
        display:inline-block;
        vertical-align:top
    }
    .set-image{
        width:38.1966%
    }
    .set-caption{
        float:right;
        padding-left:1.5em;
        width:61.8034%
    }
    .authors-list--multiple{
        text-align:justify;
        margin-bottom:-1em
    }
    .authors-list--multiple .author{
        display:inline-block;
        vertical-align:top;
        width:48.5%;
        text-align:left
    }
    .authors-list--multiple:after{
        content:'';
        width:100%;
        display:inline-block;
        height:0
    }
    .authors-list--multiple{
        line-height:1.375
    }
    .part--half{
        width:48.5%;
        border-width:0;
        display:table-cell
    }
    .part--half+.part--half{
        border-width:0 0 0 1px
    }
    .badge-item--zfw{
        top:-6.5em
    }
    .cc{
        width:150px;
        height:34px;
        background-position:-900px -50px
    }
    .cb{
        padding:1em 1.5em
    }
    .home li.nav-item--l1{
        width:22%
    }
    .home .nav-tools{
        margin-top:-1em
    }
    .home .mod-group{
        display:inline-block;
        width:48.5%
    }
    .home.mods-visible .mod-group{
        display:block;
        width:100%
    }
}
@media (min-width: 48em){
    .logo-text{
        font-size:2.25em
    }
    .home .logo-text{
        font-size:2.75em
    }
    .logo-icon,.home .logo-icon{
        width:.75em;
        height:1.25em
    }
    .tile.step{
        width:48.5%
    }
    .tile,.image--hero{
        width:31.33333%
    }
    .image--hero+.nav--children{
        width:65.66667%
    }
    .glossar dt{
        width:25%
    }
    .glossar dd{
        width:75%
    }
    .cb{
        padding:1em 2.5em
    }
    .cb-text{
        font-size:1em
    }
    .cb-button{
        font-size:1.25em;
        padding:.35em .75em;
        margin:1em 0 .5em
    }
    .home li.nav-item--l1{
        width:17.5%
    }
    .home .nav-tools{
        position:relative;
        padding-left:12em;
        min-height:8em
    }
    .home .nav-tools .subnav{
        position:absolute;
        left:0;
        width:10em;
        margin-right:1.75em
    }
    .home .nav-tools .form--search{
        overflow:hidden
    }
    .grid-col-3{
        --column-count: 2
    }
    .post-cat-card a{
        display:grid;
        grid-template-columns:120px auto;
        gap:2rem;
        align-items:center
    }
    .post-cat-card.post-cat-card--extended a{
        grid-template-columns:25% 75%;
        align-items:start
    }
}
@media (min-width: 59em){
    .wrapper--page{
        padding-left:20em;
        height:100%;
        min-height:100%
    }
    .main--page,.nav-block--page{
        position:relative;
        float:left
    }
    .page-header--page{
        padding:0;
        position:absolute;
        padding:1em 0 0;
        width:20em;
        z-index:3
    }
    .main--page{
        display:block;
        width:100%;
        padding:0;
        border-left:1px solid #eee;
        min-height:100%
    }
    .content--page,.steps,.footer--byline .dbl,.imprint{
        max-width:42em;
        padding-left:2.5em;
        padding-right:2.5em;
        margin-left:auto;
        margin-right:auto
    }
    blockquote{
        padding:.75em 3%
    }
    .pullquote{
        padding:.5em 0 .5em 1em;
        margin:.5em 0 .5em 1.25em
    }
    .pullquote--left{
        padding:.5em 1em .5em 0;
        margin-right:.5em 1.25em .5em 0
    }
    .bubble{
        font-size:1em;
        padding:1em 1.25em
    }
    .footer--byline{
        padding-bottom:.5em;
        margin-bottom:0
    }
    .nav-block--page{
        padding-top:7.5em;
        padding-bottom:6em;
        width:20em;
        right:20em;
        margin:0 0 0 -100%
    }
    .nav-list{
        padding:1.5em 1.75em 1.25em
    }
    .nav-pin{
        margin:-.125em
    }
    a.nav-link--reloaded{
        padding-right:1.75em
    }
    .nav-link--reloaded:after{
        width:1.25em;
        height:1.25em;
        bottom:.25em
    }
    .page-footer{
        margin:0;
        padding:0 0 0 20em
    }
    .imprint{
        padding:1.75em 2.5em 1em
    }
    .badges-list{
        position:absolute;
        left:2.5em
    }
    .badges-list li{
        padding:1.75em 0
    }
    .badge-item--zfw{
        top:-7.5em
    }
    .cc{
        width:140px;
        height:32px;
        background-position:-850px 0
    }
    .cb{
        padding:1em 2.5em
    }
    .cb-text{
        font-size:.875em
    }
    .cb-button{
        font-size:1em;
        padding:.35em .75em;
        margin:1em 0 .5em
    }
    .nav-block--home{
        width:100%;
        max-width:72em;
        margin:0 auto
    }
    .main--home{
        margin:1em auto;
        padding:0 1em
    }
    .logo-image--ll{
        display:block;
        max-width:16em;
        margin-inline:auto
    }
    .home .page-header>*{
        flex-basis:25%
    }
    .home .logo--ll{
        order:initial;
        flex-basis:40%
    }
    .home .logo-image--ll{
        max-width:100%
    }
    .home .nav-list{
        display:grid;
        grid-template-columns:repeat(4, 1fr);
        grid-template-rows:repeat(9, 1fr)
    }
    .home .nav-item--l0{
        grid-row:1 / span 9
    }
    .home .nav-item--556{
        grid-column:1 / span 1;
        grid-row:1 / span 6
    }
    .home .nav-item--557{
        grid-column:2 / span 1
    }
    .home .nav-item--558{
        grid-column:3 / span 2
    }
    .home .nav-item--558 ul{
        columns:2
    }
    .home .nav-item--559{
        grid-column:1 / span 1;
        grid-row:7 / span 3
    }
    .home li.nav-item--l1{
        width:100%;
        margin:0 0 .75em;
        line-height:1
    }
    .home a.nav-link--l1{
        display:flex;
        flex-direction:row;
        flex-wrap:wrap;
        justify-content:space-between;
        padding:0
    }
    .home .nav-thumb{
        position:static;
        flex:0 0 3em;
        width:auto;
        height:auto
    }
    .home .nav-text{
        flex:0 0 calc(100% - 3.75em);
        min-width:1%
    }
    .home .nav-tools:after{
        content:"";
        display:table;
        clear:both
    }
    .home .form--search{
        width:36%;
        float:left
    }
    .home .mods{
        width:60%;
        float:right
    }
    .home .mod-group{
        display:inline-block;
        vertical-align:top;
        width:48.5%;
        margin:0
    }
    .home .page-footer{
        margin-top:5em
    }
    .home .imprint{
        padding-left:0;
        padding-right:0
    }
    .home .legal{
        margin:0
    }
    .puzzle-item{
        margin:0 .5em .75em 0
    }
    .puzzle-list{
        width:61.8034%
    }
    .puzzle-toggle{
        height:0;
        background-size:100% auto;
        background-repeat:no-repeat;
        background-color:transparent;
        background-position:0 0
    }
    .puzzle-item{
        width:16.7%
    }
    .puzzle-item--all{
        width:38.1966%;
        float:right
    }
    .puzzle-item--hidden{
        display:none
    }
    .puzzle-toggle--all{
        padding:0 0 66.40625%;
        background-image:url("../img//puzzle/puzzle-box.jpg")
    }
    .puzzle-toggle--single{
        padding:0 0 100.92593%;
        background-image:url("../img//puzzle/puzzle-plastic-center.png")
    }
    li:nth-child(odd) .puzzle-toggle--single{
        background-image:url("../img//puzzle/puzzle-plastic-center-2.png")
    }
    .puzzle-text{
        display:inline-block;
        margin-top:34%;
        pointer-events:none
    }
}
@media (min-width: 71em){
    .wrapper--page,.footer--page{
        padding-left:22em
    }
    .page-header--page{
        width:22em
    }
    .content--page,.steps,.footer--byline .dbl,.imprint{
        padding-left:3.5em;
        padding-right:3.5em
    }
    .quote p,.quote ul,.quote ol{
        font-size:.9375em
    }
    .quote h2{
        font-size:1.25em
    }
    .film,.image--full,.listing--images{
        margin-left:-5%;
        width:110%
    }
    .image--left{
        margin-left:-5%
    }
    .image--right{
        margin-right:-5%
    }
    .image--center{
        display:block;
        margin-left:auto;
        margin-right:auto;
        text-align:center
    }
    .nav-block--page{
        width:22em;
        right:22em
    }
    .page-footer{
        padding-left:22em
    }
    .imprint{
        padding:2em 3.5em 1em
    }
    .badges-list li{
        padding:1.5em 2.5em
    }
    .cb{
        padding:1em 3.5em
    }
    .cb-text{
        font-size:.9375em
    }
    .home .form--search{
        width:48%
    }
    .home .mods{
        width:48%
    }
    .grid-col-3{
        --column-count: 3
    }
}
@media (min-width: 82em){
    .wrapper--page{
        padding-left:24em
    }
    .page-header--page{
        width:24em
    }
    .home .page-header{
        justify-content:space-between
    }
    .bc{
        padding:0 0 .75em;
        margin:1em 0
    }
    .state{
        margin-top:-.78571em
    }
    .content--page,.steps,.footer--byline .dbl,.imprint{
        max-width:52em;
        padding-left:5em;
        padding-right:5em
    }
    .content--page{
        max-width:47em
    }
    blockquote{
        padding:.75em 3%;
        width:106%;
        margin-left:-3%
    }
    .pullquote{
        margin:.5em -6% .5em 1em
    }
    .pullquote--left{
        margin:.5em 1em .5em -6%
    }
    .nav-block--page{
        width:24em;
        right:24em
    }
    .page-footer{
        padding-left:24em
    }
    .imprint{
        padding:2em 5em 1em
    }
    .badges{
        width:24em
    }
    .puzzle-list{
        width:66%
    }
    .puzzle-item--all{
        width:33%
    }
    .puzzle-item--single{
        width:14.5%
    }
    .tint-night .bubble:after{
        border:1em solid transparent;
        border-left-color:#444
    }
    .tint-night .icon-after--next:before{
        background-position:-754px -53px
    }
    .tint-night .icon-before--prev:before{
        background-position:-656px -53px
    }
}
@media (min-width: 100em){
    .pullquote{
        margin:.5em -10% .5em 1em
    }
    .pullquote--left{
        margin:.5em 1em .5em -10%
    }
    .scale-xl .pullquote{
        margin:.5em -5% .5em 1em
    }
    .scale-xl .pullquote--left{
        margin:.5em 1em .5em -5%
    }
    .tint-night .bubble:after{
        border:1em solid transparent;
        border-left-color:#444
    }
}