.story-description h3 { font-weight: normal; border-bottom: 1px solid #eee }

.anuvito-story { line-height:1.8em; padding-top:3em; }
.anuvito-story.leadstory { padding-top:0em; }
.anuvito-story .story-shortdescription { display:block; font-weight:normal; padding-bottom:1em; }
#stage h1, #stage h2 { font-family:Georgia, sans-serif; font-weight:normal; }

#stage {
    margin:1em auto;
    background:url("/design_2010/bgs/tp_white.png") repeat;
    padding:1em 0;
	border-radius:5px;
}
/* Kind-Selektor, nicht Nachfahre: gemeint ist der eine Inhaltskasten der Seite. Als
   "#stage .content" traf die Regel jede verschachtelte .content darunter - auf den CMS-Seiten
   faellt das nicht auf, weil es dort nur eine gibt, in der App-Ansicht bekam damit jedes
   Canvas-Widget eine eigene weisse Box samt margin, padding und Radius uebereinander
   (gemessen 2026-08-30). Praefixe entfernt: border-radius braucht seit Jahren keine mehr. */
#stage > .content {
	margin:0 1em;
	padding:1em;
	background:#fff;
	color:#666;
	border-radius:5px;
}
#stage > .content .text {
    font-size:1.0em;
    line-height:1.5em;
}
.max-width { width:924px; margin:0 auto; }

#av-header {
	margin-top:-4px;
	padding:1em;
	background-color:#fff;
}
.logo img { width:200px; margin:.8em 1em; } 
#av-footer {
	clear:both;
	padding:2em 0;
	text-align:center; 
	font-size:11px;
	color:#666; 
}
#av-footer .max-width { 
	line-height:3em;
	background-color:#333;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
#av-footer a { color:#999; }

#sfsMainMenuDropDown2 { margin:0 auto; }
#sfsMainMenuDropDown a.menu, #sfsMainMenuDropDown a.menuActive{
	font-size:1em;
	line-height:1.3em;
}

/* av-version 1.1 */

.av-block {display:block;width:100%}
.av-hide {display:none}
.av-inline-block{display:inline-block}
.av-overflow-hidden{overflow:hidden}
.av-overflow-scroll{overflow:scroll}
.av-overflow-auto{overflow:auto}
.av-nowrap {white-space:nowrap}
.av-center {margin:auto}
.av-center-img img {height:100%}
.av-center2 img {position:relative;left:-50%;height:100%}

.av-cursor-pointer {cursor:pointer}
.av-top,.av-bottom{position:fixed;width:100%;z-index:1}.av-top{top:0}.av-bottom{bottom:0}

/* container, padding, margin */
.av-container {margin:0;padding:1px 16px}
.av-panel,.av-message{margin-top:1em;margin-bottom:1em}
.av-panel,.av-note,.av-info,.av-warning {padding:16px}
.av-panel,.av-note,.av-info,.av-warning {border-left:5px solid #fff}
	.av-p05 {padding-top:.5em;padding-bottom:.5em}
	.av-p10 {padding-top:1em;padding-bottom:1em}
	.av-p05px {padding:5px}
	.av-p10px {padding:10px}
.av-pv {padding-top:1em;padding-bottom:1em}
.av-ph {padding-left:1em;padding-right:1em}
.av-mv {margin-top:1em;margin-bottom:1em}
.av-mh {margin-left:1em;margin-right:1em}
	.av-margin-right {margin-right:1em}

.av-article {display:block}
article.av-container {margin:2em 0}
.av-container:after,.av-panel:after,.av-row:after,.av-row-padding:after,.av-list li:after,.av-btn-group,.av-nav-dropdown,.av-bar {content:"";display:table;clear:both}
.av-bar{width:100%}
.av-content {width:95%;margin:auto}

.av-round {-webkit-border-radius:5px;border-radius:5px}
.av-circle {-webkit-border-radius:50%;border-radius:50%}

.av-quadrat-small {width:60px;height:60px}
.av-quadrat {width:120px;height:120px}
.av-quadrat-big {width:240px;height:240px}

.av-display-container{position:relative}
.av-display-right{position:absolute;left:auto;right:0}
.av-display-topleft{position:absolute;left:0;top:0}.av-display-topright{position:absolute;right:0;top:0}
.av-display-bottomleft{position:absolute;left:0;bottom:0}.av-display-bottomright{position:absolute;right:0;bottom:0}
.av-display-middle{position:absolute;top:50%;left:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}

/* ~~~ list ~~~ */
.av-list {list-style-type:none;margin:0;padding:0}
.av-list li {padding:0}
.av-list-links li a,.av-list-links li.disabled {padding:.3em 1em;display:block;color:inherit}
.av-list-links li a:hover {text-decoration:none}
.av-list-style-03 li{padding:.5em}

/* ~~~ button ~~~ */
.av-btn-group {margin-bottom:1em}
.av-btn-group .av-btn {float:left;border-radius:0}
.av-btn-group>.av-btn:first-child {border-bottom-left-radius:3px;border-top-left-radius:3px}
.av-btn-group>.av-btn:last-child {border-bottom-right-radius:3px;border-top-right-radius:3px}
.av-buttons input,.av-btn {padding:0 1.5em;border-radius:3px;display:inline-block;outline:0;white-space:nowrap;text-decoration:none;font-size:1em;line-height:2em}
.av-buttons input:hover,.av-btn:hover {text-decoration:none}
.av-btn.av-disabled,.av-btn:disabled,.av-btn.av-disabled:hover,.av-btn:disabled:hover{cursor:default;opacity:0.3;box-shadow:none}
/* pointer-events:none; not w3c valid */
.av-btn-cta {display:block;margin-top:1em;margin-bottom:1em;padding:.5em;line-height:2em;border-radius:3px}
.av-btn-cta strong {display:block;font-size:1.5em;font-weight:500}
.av-btn-close {cursor:pointer}
.av-message .av-btn-close {float:right;margin:16px 5px;font-size:1.5em;font-weight:bold}

/* ~~~ table ~~~ */
table{border-collapse:collapse;border-spacing:0;display:table}
table,th,td{border:none}
.av-table th,.av-table td{padding:.3em 1em;text-align:left}
.av-table{margin:1em 0}

/* ~~~ animation / effects ~~~ */
.av-modal{z-index:3;padding-top:50px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.7)}
.av-modal-content{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:90%;max-width:800px}

.av-ani-fading{-webkit-animation:fading 10s infinite;animation:fading 10s infinite}
/* not w3c valid! @-webkit-keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}*/
@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.av-ani-opacity{-webkit-animation:opac 1.5s;animation:opac 1.5s}
/*@-webkit-keyframes opac{from{opacity:0} to{opacity:1}}*/
@keyframes opac{from{opacity:0} to{opacity:1}}
.av-ani-top{-webkit-animation:animatetop 0.4s;animation:animatetop 0.4s}
/*@-webkit-keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}*/
@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.av-ani-left{-webkit-animation:animateleft 0.4s;animation:animateleft 0.4s}
/*@-webkit-keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}*/
@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.av-ani-right{-webkit-animation:animateright 0.4s;animation:animateright 0.4s}
/*@-webkit-keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}*/
@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.av-ani-bottom{-webkit-animation:animatebottom 0.4s;animation:animatebottom 0.4s}
/*@-webkit-keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0px;opacity:1}}*/
@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.av-ani-zoom {-webkit-animation:animatezoom 0.6s;animation:animatezoom 0.6s}
/*@-webkit-keyframes animatezoom{from{-webkit-transform:scale(0)} to{-webkit-transform:scale(1)}}*/
@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.av-opacity,.av-hover-opacity:hover{opacity:0.60}

.av-img-zoom {position:relative;overflow:hidden}
.av-img-zoom img {max-width:100%;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;transition:all 0.3s}
.av-img-zoom:hover img {-moz-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1)}

/* ~~~ navigations ~~~ */

.av-rollout-menu .av-menu {max-height:0;transition:max-height 0.15s ease-out;overflow:hidden;}
.av-rollout-menu:hover .av-menu { max-height: 500px;transition: max-height 0.25s ease-in;}

.av-btn-floating:hover {text-decoration:none;opacity:1}
.av-btn-floating,.av-btn-floating:link {
    display:inline-block;
    text-align:center;
	text-decoration:none;
    background-color:#333;
    color:#fff;
    position:relative;
    overflow:hidden;
    z-index:1;
    padding:0;
    border-radius:50%;
    cursor:pointer;
    font-size:32px;
	width:40px;
	height:40px;
	line-height:36px;
	opacity:0.60;
}

.av-nav-side {height:100%;width:220px;position:fixed;z-index:3;overflow:hidden;display:block;left:0;top:0}
.av-nav-side:hover {overflow:auto}
.av-opener {display:inline;font-size:20px;font-weight:bold}

.av-nav-dropdown ul,
.av-nav-dropdown ul.tree li {
    display:block;
    margin:0;
    padding:0;
}
.av-nav-dropdown ul li.root {
    float:left;
    padding:0;
}
.av-nav-dropdown ul.tree {
    clear:left;
}
.av-nav-dropdown ul li {
    list-style-type:none;
}
.av-nav-dropdown ul ul {
    width:14em;
    list-style:none;
}
.av-nav-dropdown li {
    position:relative;
    z-index:10100;
}
.av-nav-dropdown li.branch ul {
    position:absolute;
}
.av-nav-dropdown ul.tree li.branch ul {
    top:-0.3em;
    left:12.3em;
}
.av-nav-dropdown ul.tree li.branch>ul { left:12.5em; }
.av-nav-dropdown a.menu {
    display:block;
    padding:.3em 1em;
    text-decoration:none;
}
.av-nav-dropdown ul.tree li a {
    display:block;
    margin:0;
    padding:.3em 0em .3em .6em;
    text-decoration:none;
    font-weight:normal;
}
.av-nav-dropdown li.branch:hover { z-index:10101; }
.av-nav-dropdown ul ul,
.av-nav-dropdown li:hover ul ul,
.av-nav-dropdown li:hover li:hover ul ul,
.av-nav-dropdown li:hover li:hover li:hover ul ul {
    display:none;
}
.av-nav-dropdown li:hover ul,
.av-nav-dropdown li:hover li:hover ul,
.av-nav-dropdown li:hover li:hover li:hover ul,
.av-nav-dropdown li:hover li:hover li:hover li:hover ul {
    display:block;
}

.av-nav-footer .root {float:left;padding-right:1em}

/*
	1 a:link 
	2 a:visited
	3 a:hover
	4 a:focus
	5 a:active
	6 a:visited:hover

Extra small devices Phones (<768px)
Small devices Tablets (e768px)
Medium devices Desktops (e992px)
Large devices Desktops (e1200px)
*/

/* ~~~ columns, grid ~~~ */
.av-col-xs-1,.av-col-xs-2,.av-col-xs-3,.av-col-xs-4,.av-col-xs-5,.av-col-xs-6,.av-col-xs-7,.av-col-xs-8,.av-col-xs-9,.av-col-xs-10,.av-col-xs-11,.av-col-xs-12,
.av-col,.av-half,.av-third,.av-twothird,.av-threequarter,.av-quarter{float:left}
.av-col.right{float:right}

.av-col-xs-1{width:8.33333%}
.av-col-xs-2{width:16.66666%}
.av-col-xs-3{width:24.99999%}
.av-col-xs-4{width:33.33333%}
.av-col-xs-5{width:41.66666%}
.av-col-xs-6{width:49.99999%}
.av-col-xs-7{width:58.33333%}
.av-col-xs-8{width:66.66666%}
.av-col-xs-9{width:74.99999%}
.av-col-xs-10{width:83.33333%}
.av-col-xs-11{width:91.66666%}
.av-col-xs-12,.av-half,.av-third,.av-twothird,.av-threequarter,.av-quarter{width:99.99999%}
.av-rest{overflow:hidden}

.av-row-padding>[class^="av-col-"],
.av-row-padding>.av-half,.av-row-padding>.av-third,.av-row-padding>.av-twothird,.av-row-padding>.av-threequarter,.av-row-padding>.av-quarter,
.av-row-padding>.av-col{padding-bottom:.5em;padding-right:.5em}

/* Extra small devices Phones (<768px) */
@media (max-width:767px) {
	.av-hide-xs {display:none!important}
}
/* Small devices Tablets (e768px) */
@media (min-width:768px){
	.av-show-xs {display:none!important}
	.av-col-sm-1,.av-col-sm-2,.av-col-sm-3,.av-col-sm-4,.av-col-sm-5,.av-col-sm-6,.av-col-sm-7,.av-col-sm-8,.av-col-sm-9,.av-col-sm-10,.av-col-sm-11,.av-col-sm-12{float:left}
	.av-col-sm-1{width:8.33333%}
	.av-col-sm-2{width:16.66666%}
	.av-col-sm-3{width:24.99999%}
	.av-col-sm-4{width:33.33333%}
	.av-col-sm-5{width:41.66666%}
	.av-col-sm-6{width:49.99999%}
	.av-col-sm-7{width:58.33333%}
	.av-col-sm-8{width:66.66666%}
	.av-col-sm-9{width:74.99999%}
	.av-col-sm-10{width:83.33333%}
	.av-col-sm-11{width:91.66666%}
	.av-col-sm-12{width:99.99999%}
}
@media (max-width:991px) {
	.av-hide-sm {display:none!important}
	.av-main {padding-left:2em;padding-right:1em}
	.av-main, .av-main.av-sidebar-margin {margin-left:0}
}
/* Medium devices Desktops (e992px) */
@media (min-width:992px) {
	.av-show-sm{display:none!important}
	.av-col-md-1,.av-col-md-2,.av-col-md-3,.av-col-md-4,.av-col-md-5,.av-col-md-6,.av-col-md-7,.av-col-md-8,.av-col-md-9,.av-col-md-10,.av-col-md-11,.av-col-md-12{float:left}
	.av-col-md-1{width:8.33333%}
	.av-col-md-2{width:16.66666%}
	.av-col-md-3,.av-quarter{width:24.99999%}
	.av-col-md-4,.av-third{width:33.33333%}
	.av-col-md-5{width:41.66666%}
	.av-col-md-6,.av-half{width:49.99999%}
	.av-col-md-7{width:58.33333%}
	.av-col-md-8,.av-twothird{width:66.66666%}
	.av-col-md-9,.av-threequarter{width:74.99999%}
	.av-col-md-10{width:83.33333%}
	.av-col-md-11{width:91.66666%}
	.av-col-md-12{width:99.99999%}

	.av-nav-sidebar {display:block}
	.av-sidebar-margin .av-opener {display:none}
}

/* Large devices Desktops (e1200px) */
@media (max-width:1199px) {
	.av-main {padding-left:2em;padding-right:2em}
	.av-hide-md{display:none!important}
}
@media (min-width:1200px) {
	.av-show-md{display:none!important}
	.av-col-lg-1,.av-col-lg-2,.av-col-lg-3,.av-col-lg-4,.av-col-lg-5,.av-col-lg-6,.av-col-lg-7,.av-col-lg-8,.av-col-lg-9,.av-col-lg-10,.av-col-lg-11,.av-col-lg-12{float:left}
	.av-col-lg-1{width:8.33333%}
	.av-col-lg-2{width:16.66666%}
	.av-col-lg-3{width:24.99999%}
	.av-col-lg-4{width:33.33333%}
	.av-col-lg-5{width:41.66666%}
	.av-col-lg-6{width:49.99999%}
	.av-col-lg-7{width:58.33333%}
	.av-col-lg-8{width:66.66666%}
	.av-col-lg-9{width:74.99999%}
	.av-col-lg-10{width:83.33333%}
	.av-col-lg-11{width:91.66666%}
	.av-col-lg-12{width:99.99999%}	
}

/* ~~~ boxes and widths ~~~ */

.av-row>.av-box {float:left}
.av-row>.av-box:last-child {float:right}
.av-box-count-02 .av-box {width:49%}
.av-box-count-03 .av-box {width:32%;margin-right:1.99999%}
.av-box-count-03>.av-box:last-child {margin-right:0}

.av-width-08{width:8.33333%}
.av-width-17{width:16.66666%}
.av-width-20{width:19.99999%}
.av-width-25{width:24.99999%}
.av-width-33{width:33.33333%}
.av-width-42{width:41.66666%}
.av-width-50{width:49.99999%}
.av-width-58{width:58.33333%}
.av-width-66{width:66.66666%}
.av-width-75{width:74.99999%}
.av-width-80{width:79.99999%}
.av-width-83{width:83.33333%}
.av-width-92{width:91.66666%}
.av-width-99{width:99.99999%}

/* ~~~ media queries ~~~ */

@media (max-width:1199px) {
	header.main, section {background-size:auto}
}
@media (max-width:991px) {
	.av-nav-side {display:none}
	.av-main, .av-main.av-side-margin {margin-left:0}
}
@media (min-width:992px) {
	.av-nav-side {display:block}
	#avOpener, .av-side-margin .av-opener {display:none}
	.av-main.av-side-margin {margin-left:220px}
}
@media (max-width:767px) {
	.av-content {width:95%}
	.av-row .av-box {width:100%; margin:0 0 1em 0}
	.av-row .av-box {float:none}
}

.av-web-project #sf-content { max-width:960px; width:100%; margin:auto;}
.av-preview-info {padding:16px;line-height:1.3em}
.av-preview-info h3 {margin:.5em 0 1em 0}
.av-preview-info .av-description {font-size:.9em}
.av-article-box .av-preview{-webkit-border-radius:3px;border-radius:3px;max-height:275px;}
.av-article-box.av-type-id-6 .av-preview{max-height:170px;}
.av-article-box.av-type-id-6 {min-height:380px;}
.av-article-box.av-type-id-6 .av-list {margin:1em 0;font-size:.9em;}
.av-img-block img {width:100%;max-width:100%;}
.av-article-box h3 {margin-top:0}
/* event landing styles (.av-event-*) moved to lib/web/index.css.sfs - loads on both portals */
@media (max-width:767px){.av-btn-mobile-block {display:block;width:100%}}

.av-article-description {color:#444}
.av-article img.av-block,.av-article-box,.av-boxshadow-4,.av-hovershadow:hover,.av-btn:hover,.av-btn-cta:hover,#avNaviTop .av-nav-dropdown{box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
.av-preview-title {background-color:#fff;color:#666;opacity:0.9}
.av-preview-title a {color:#666;text-decoration:none}

.av-img-zoom {position:relative;overflow:hidden}
.av-img-zoom img {max-width:100%;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;transition:all 0.3s}
.av-img-zoom:hover img {-moz-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1)}

.av-preview-title {position:absolute;left:0;bottom:0;display:block;width:100%}
.av-preview-title h3{margin:0;font-size:1em}
.av-preview-title a {display:block;padding:12px 16px}
.av-page-articles, .av-page-links {clear:both}
.av-page-links {padding-top:1em}

.av-page-link-listing {display:grid;grid-column-gap:1%;grid-row-gap:1em;}
.av-page-link-listing .av-link {padding:1em;box-shadow:0 2px 2px 0 #0003,0 0 0 1px #0000001a;border-radius:2px;}

/* Small devices Tablets (e768px) */
@media (min-width:768px) {
	.av-page-link-listing {grid-template-columns:49.5% 49.5%;}
}
/* Medium devices Desktops (e1200px) */
@media (min-width:1200px) {
	.av-page-link-listing {grid-template-columns:32.66% 32.66% 32.66%;}
}

/* inline icon inside a line of text - the default 24px would push the row apart */
.av-icon-inline {font-size:14px;line-height:1;vertical-align:-2px}

/* the status filter carries four short words and needs none of the default width.
   SumoSelect sizes the caption inside the wrapper as well, so narrowing the wrapper alone
   leaves the caption sticking out over the next field */
.SumoSelect:has(select.av-filter-status),
.SumoSelect:has(select.av-filter-status) > .CaptionCont,
.SumoSelect:has(select.av-filter-status) > .optWrapper {width:9em !important;min-width:0}

.av-filter-amount {width:6em}

/* second filter row: year buttons and the switch, on one baseline */
.av-filter-row {display:flex;align-items:center;gap:.5em;margin-top:.5em;flex-wrap:wrap}
.av-filter-row label {margin:0}