html { font-size:10px; }
body
{
margin:0px;
padding:0px; font-family:Arial; color:#171715; overflow:scroll; overflow-x:hidden;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
font-size:10px;
background-color:#FFFFFF;
min-width:32em;
text-align:center;
scrollbar-arrow-color:#232323;
scrollbar-base-color:#D4D2D3;
scrollbar-darkshadow-color:#D4D2D3;
scrollbar-face-color:#EDEAEA;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#D4D2D3;
/* 'FrutigerLTW01-45Light'*/
}
/* master */
.center-outer { width:100%; text-align:center; }
.center-inner { margin:0em auto 0em auto; min-width:75.7em; width:100%; max-width:120em; text-align:left; height:inherit; max-height:inherit; }
.center-container { position:relative; top:0em; left:0em; width:100%; height:100%; height:inherit; max-height:inherit; }
.page { width:100%; max-width:120em; background-color:#F5F5F5; margin:0em auto 0em auto; padding:5em 2.5em 2em 2.5em; text-align:left; position:relative; top:0em; left:0em; }
.topheader { width:100%; clear:both; position:relative; top:0em; left:0em; padding:1em 0em 1em 0em; }
.topheader .logo { float:left; }
.topheader .styled-textbox { float:right; margin-top:5.5em; width:35%; max-width:30em; }
.topheader .menutrigger { display:none; color:white; cursor:pointer; float:right; margin:0em 0em 0em 1.5rem; top:7.3rem; }
.header { height:31em; position:relative; top:0em; left:0em; background-repeat:no-repeat; background-image:url(/images/header-default.jpg); background-size:cover; background-position:center center; }
.content { width:100%; padding:2.5em 0em 0em 0em; }
.status { width:100%; padding:0em 0em 1em 0em; margin:0em; min-height:3em; position:relative; top:0em; }
.status li { float:left; }
.status a { color:#171715; text-decoration:none; font-size:1.2em; line-height:1.8em; }
.status span { padding:0px 0.7em 0px 0.7em; font-size:1.4em; text-align:center; }
.status .date { float:right; font-size:1.2em; }
.status .home { display:none; }
h1.headline { background-color:#EEEEEE; padding:0.5em 0.7em 0.4em 0.7em; font-size:1.8em; margin-bottom:1em; }
.col-left { width:70%; float:left; padding-right:2em; }
.col-right { width:30%; float:left; padding-top:3em; }
.col-right nav ul li { background-color:#E2E2E2; margin-bottom:1em; min-height:10em; text-align:center; font-weight:bold; position:relative; top:0em; left:0em; background-image:url(/images/icon_fundbuero.png); background-repeat:no-repeat; background-position:top 2em center; }
.col-right nav ul li a { color:black; text-transform:uppercase; font-size:1.4em; position:absolute; bottom:0em; width:100%; padding:2.7em 0em 0em 0em; min-height:5em; text-align:center; display:block; }
.logo-energiestadt { width:100%; }
#uplink { display:none; position:fixed; bottom:2em; right:5em; font-size:1.4em; }
#menux { display:none; position:absolute; top:0em; z-index:7777; width:100%; }
#loader { position:absolute; top:0em; left:0em; z-index:9999; background-color:white; text-align:center; display:none; }
#loader i { color:#BDBBBB; font-size:3em; margin-top:20%; }
.footer { background-color:#333333; color:white; }
.footer .center-inner { padding:3em 2em 4em 2em; }
.footer h2 { margin:0em; color:white; font-weight:normal; text-transform:uppercase; }
.footer .contact { border-left:solid 1px #717171; padding:0.5em 0em 0.3em 2em; }
.footer .quicklinks ul { width:100%; margin-top:1em; }
.footer .quicklinks li { min-height:2.4em; width:33%; float:left; }
.footer .quicklinks li a { color:white; font-size:1.4em; }
.footer p a { color:white; text-decoration:underline; }
.footer p:last-child { margin-bottom:0em; }
.filterbox { border-bottom:dotted 1px #E8E8E8; padding:0em 0em 1em 0em; }
/* megamenü */
.navbar { position:fixed; top:0px; height:5em; border-bottom:solid 1px white; background-color:#FFD800; width:100%; color:black; text-align:center; z-index:99; /* -webkit-box-shadow: 5px 5px 15px 0px rgba(54,54,54,1); -moz-box-shadow: 5px 5px 15px 0px rgba(54,54,54,1); box-shadow: 5px 5px 15px 0px rgba(54,54,54,1); */ }
.navbar ul.mainlinks { margin:0em auto 0em auto; padding:0px; width:100%; }
.navbar li.mainlink { height:5em; width:auto; float:left; list-style-type:none; padding:1.4em 3.5em 0em 3.5em; font-weight:bold; text-align:center; }
.navbar li.mainlink:hover { background-color:#FFFBE7; }
.navbar li.mainlink:last-child { margin-right:0em; }
.navbar li a { font-size:1.8em; color:black; text-decoration:none; height:1.6em; display:block; }
.navbar li.selected > a { height:1.75em; border-bottom:solid 6px white; }
.mainlink .submega { min-width:75em; width:100%; text-align:center; background-color:rgba(255, 255, 255, 1); position:absolute; top:5em; left:0px; display:none; padding:1em 2em 1em 0em; z-index:98; -webkit-box-shadow: 0px 9px 34px -2px rgba(0,0,0,0.55); -moz-box-shadow: 0px 9px 34px -2px rgba(0,0,0,0.55); box-shadow: 0px 9px 34px -2px rgba(0,0,0,0.55); }
.mainlink .submega ul { min-width:10em; max-width:40em; padding:0px 8em 1em 0em; float:left; font-size:10px; }
.mainlink .submega li { clear: both; text-align: left; color:white; border-width:0px; list-style-type:none; }
.mainlink .submega li a { color:black; text-transform:none; font-size:1.4em; font-weight:normal; }
.mainlink .submega li:hover a { color:#E9D313; }
.mainlink .submega .level2 { padding:1.2em 0em 0.5em 0em; margin:0em; }
.mainlink .submega .level2 a { text-transform:none; font-weight:normal; font-size:1.8rem; line-height:2.2rem; display:inline-block; }
.mainlink .submega .level3 { padding:0px; margin:0px; }
.mainlink .submega .level3:first-child { margin-top:1.5em; }
.mainlink .submega .level3 a { font-size:1.4rem; line-height:1.6rem; font-weight:normal; }
.mainlink .submega .level4 { padding:0.3em 0em 0em 1em; }
.mainlink .submega .level4 a { font-size:1.4rem; line-height:1.6rem; font-weight:normal; }
.mainlink .submega ul:last-child { border-right-width:0px; background-image:none; }
.mainlink .submega .level2 + level2 { padding:1.2em 0em 0.5em 0em; margin:0em; }
/* positionierung des submenüs */
/* .mainlink .center-inner { padding-left:3em; }
.mainlink:nth-child(2) .center-inner { padding-left:5%; }
.mainlink:nth-child(3) .center-inner { padding-left:10%; }
.mainlink:nth-child(4) .center-inner { padding-left:25%; }
.mainlink:nth-child(5) .center-inner { padding-left:35%; }
.mainlink:nth-child(6) .center-inner { padding-left:43%; }
.mainlink:nth-child(7) .center-inner { padding-left:38%; }
.mainlink:nth-child(8) .center-inner { padding-left:35%; }*/
/* mobile-menü */
nav.mobile { display:none; }
.pullmenu-mobile { width: 100%; z-index: 1002; background-color: #DDDDDD; padding: 0em; /*-webkit-box-shadow: 0px 2px 4px 0px rgba(128,128,128,1); -moz-box-shadow: 0px 2px 4px 0px rgba(128,128,128,1); box-shadow: 0px 2px 4px 0px rgba(128,128,128,1);*/ }
.pullmenu-mobile li { list-style-type: none; padding: 1em 0em 1em 2em; text-align: left; cursor: pointer; margin:0em; }
.pullmenu-mobile li a { font-family: Helvetica; font-size: 1em; color: #BDBFCB; }
.pullmenu-mobile li:last-child { }
.pullmenu-mobile li:hover a { color:#3069B8; }
.pullmenu-mobile li.level1 { background-color: #E2E2E2; border-bottom:solid 1px #C2C2C2; padding:1em 0em 0em 0em; margin:0em; }
.pullmenu-mobile li.level1 > a { display:block; padding:0em 0em 0.7em 1.5em; font-size:1.6em; font-weight:bold; color:#3a3a3a; }
.pullmenu-mobile li.level1 ul { display:none; margin:0em; padding:0em; border-top:solid 1px #C2C2C2; }
.pullmenu-mobile li.level2 { margin:0em; margin:0em; padding:0em 0em 0em 0em; border-bottom:solid 1px #C2C2C2; }
.pullmenu-mobile li.level2 > a { padding:0.6em 0em 0.6em 1.8em; font-size:1.4em; color:#3a3a3a; display:block; margin-left:0em; border-bottom:solid 1px #DFE2E2; border-top:solid 1px #DFE2E2; margin-left:0em; background-image:url(/images/nav_arrow.png); background-position:0em center; background-repeat:no-repeat; max-width:80%; }
.pullmenu-mobile li.level2 > ul { padding: 0em 0em 0em 3em; }
.pullmenu-mobile li.level3 { margin:0em; padding:0.8em 0em 0.8em 0em; }
.pullmenu-mobile li.level3 > a { font-size:1.2em; color:#3a3a3a; margin-left:1em; }
.pullmenu-mobile li:last-child { border-bottom-width:0em; }
/* defaults */
h1 { line-height:1.3em; }
h2 { font-size:1.8em; color:#333333; }
h3 { color:#333333; }
.box { padding:1em 2em 1em 2em; border:solid 1px #C7C7C7; background-color:#EEEEEE; }
.boxgray { background-color:#C7C7C7; padding:1em; }
.blue { /*color:#006FB6;*/ }
.lightblue { background-color:#D1DFEC; }
.gray { color:#4B4B4D; }
p { line-height:1.5em; font-size:1.4em; }
p+p { margin-top:0em; }
a { color:#006FB6; text-decoration:none; /*font-size:1.4em;*/ }
p a { font-size:1em; }
a span { font-size:1em; }
a.anchor { display: block; position: relative; top:-100px; visibility: hidden; }
a.style-2 { background-color:#FEF3B3; } /* mit .button*/
a.style-2:hover { background-color:#FFD800; }
ul { list-style:none; }
input[type='text'],textarea { padding:0.6em 0.7em 0.5em 0.7em; border:solid 1px #BDBBBB; font-size:1.2em; color:#BDBBBB; }
select { padding:0.5em 0.5em 0.4em 0.5em; border:solid 1px #BDBBBB; font-size:1.2em; color:#BDBBBB; }
.checkbox { margin-top:0.4em; position:relative; top:0em; left:0em; }
.checkbox input { position:absolute; left:0.2em; top:0.3em; }
.checkbox label { display: block; margin-bottom: 0.5em; float: left; padding-left: 5%; position: relative; }
.checkbox label:hover { color:#989898; }
.message { font-size: 1.6em; line-height:1.6em; text-align: center; width: 100%; }
aside h2 { padding:0em 0em 0em 0.5em; }
aside p { padding:0em 0em 0em 1em; }
.headerbox { background-color:#EEEEEE; color:black; padding:0.8em 1.6em 0.8em 1.6em; min-height:3.5em; }
.headerbox h2 { margin:0em; }
.box-elem { background-color:white; }
.box-elem .box-head { background-color:#EBEBEB; padding:1em 2em 1em 2em; text-transform:uppercase; }
.box-elem .box-head span { font-size:1.4em; font-weight:bold; }
/* default.aspx */
#default { }
#default .colboxes { float:left; width:49%; }
#default .colboxes:first-child { margin-right:2%; }
#default .box-elem { width:100%; margin-bottom:2.5em; clear:both; margin-right:0em; }
/*#default .box-elem:nth-child(2n+1) { margin-right:3.5%; }*/
#default .box-elem .box-head { background-color:#EBEBEB; padding:1em 2em 1em 2em; text-transform:uppercase; min-height:auto; }
#default .box-elem .box-head span { font-size:1.4em; font-weight:bold; }
#default .box-elem .box-content { min-height:20em; }
#default .box-elem .date { font-size:1.4em; }
#default .box-elem h3 { font-size:1.8em; margin:0.3em 0em 0em 0em; }
#default .box-elem .prev { }
#default .box-elem p { margin-bottom:0.4em; }
#default .box-elem .more { color:#333333; text-decoration:underline; clear:both; }
#default .box-elem.news .box-content { padding:2em 1em 0em 2em; }
#default .box-elem.events table { width:100%; }
#default .box-elem.events .box-content { padding:0em; }
#default .box-elem.events table td { border-bottom:solid 1px #E2E2E2; }
#default .box-elem.events td:first-child { width:20%; background-color:#FFEF98; text-align:center; padding:0.7em 0em 0.7em 0em; }
#default .box-elem.events td:first-child span:first-child { font-size:1.8em; font-weight:bold; display:block; }
#default .box-elem.events td:first-child span:last-child { font-size:1.2em; font-weight:normal; text-transform:uppercase; margin-top:0.3em; }
#default .box-elem.events td:last-child { padding:0em 0em 0em 2em; }
#default .box-elem.events td:last-child a { font-size:1.4em; line-height:1.4em; }
#default .box-elem.gallery { }
#default .box-elem.gallery .box-content { padding:0em; }
#default .box-elem.gallery a { display:block; position:relative; top:0em; left:0em; width:100%; height:inherit; min-height:inherit; background-size:cover; background-position:center center; }
#default .box-elem.gallery a span { position:absolute; bottom:0em; left:0em; width:100%; font-size:1.4em; font-weight:bold; background-color:white; padding:1em 1em 1em 1.5em; color:black; opacity:0.8; }
#default .logos { width:100%; clear:both; }
#default .logos .energiestadt { float:left; width:auto; margin-right:0%; max-width:13.4em; }
#default .logos a img { width:100%; }
/* inhalt.aspx */
#inhalt { padding:0px 0px 5em 0px; }
#inhalt p { font-size:1.5em; margin:0px 0px 1.5em 0px; color:#52524E; } /* font-size:1.5em; line-height:2.1em; */
#inhalt .imageinfo { font-size:1em; line-height:2em; color:#BBBBBB; }
#inhalt .article { clear:both; position:relative; top:0em; left:0em; }
#inhalt .article td { vertical-align:text-top; }
#inhalt .article h3 { font-size:1.8em; margin-bottom:0.4em; }
#inhalt .article h4 { }
.text p + ul { margin-top:0px; list-style-type: disc; padding:-0.5em 0px 0px 4em; }
.text ul { padding:0px 0px 1.5em 3em; }
.text ul li { line-height:1.4em; font-size:1.4em; padding-left:0.5em; list-style-image:url(/images/liste_quadrat.gif); }
.text ul li span { position:relative; top:0.1em; left:0.2em; }
.text ul li li { font-size:1em; }
.text ul li ul { padding-bottom:0em; }
.text ul li a.file-link { font-size:1em; }
.text ol { padding:0px 0px 1.5em 3em; }
.text ol li { line-height:1.4em; font-size:1.4em; padding-left:0.5em; list-style-image:url(/images/liste_quadrat.gif); }
.text ol li span { position:relative; top:0.1em; left:0.2em; }
.text ol li li { font-size:1em; }
.text ol li ul { padding-bottom:0em; }
#inhalt .docs { padding:0em; margin:0em; }
#inhalt .docs li { list-style-image:none; padding:0.3em 0em 0.3em 0em; }
#inhalt .docs li + li { border-top:solid 1px #E8E8E8; }
#inhalt .file { border:solid 0px #E8E8E8; padding:1em; clear:both; min-height:4.2em; }
#inhalt .file + .file { border-width:1px 0px 0px 0px }
#inhalt .file a { font-size:1.5em; position:relative; top:-0.2em; }
#inhalt .file img { position:relative; top:0em; display:block; float:left; margin-right:0.6em; }
#inhalt .file span { display:block; margin-top:0.3em; }
#inhalt .documents { padding-top:1em; }
.template-imageleft { position:relative; top:0px; left:0px; }
.template-imageleft img.preview { float:left; margin:0px 1em 1em 0px; position:relative; top:0.5em; width:25%; max-width:24em; border:solid 1px #C5C19C; }
.template-imageleft .imageinfo { position:absolute; top:4.5em; left:1em; color:white; }
.template-imageleft .playicon { width:7.8em; height:7.8em; display:block; position:absolute; top:3em; left:8em; z-index:999; background-image:url(/images/img_play_symbol_gr.png); background-repeat:no-repeat; }
.template-imageshorizontal img.preview { margin:0px 1% 1em 0em; width:100%; border:solid 1px #C5C19C; max-width:100%; }
.template-imageshorizontal[data-images="2"] img.preview { width:49%; }
.template-imageshorizontal[data-images="3"] img.preview { width:32%; }
.template-imageshorizontal .imageinfo { text-align:right; color:#BBBBBB; position:absolute; right:2em; top:1em; }
.template-imagesvertical .images { width:35%; max-width:25em; float:left; padding:0.5em 2em 0px 0px; }
.template-imagesvertical a.lightbox { margin:0px 0px 0.5em 0px; clear:both; }
.template-imagesvertical img.preview { max-width:100%; margin:0px 0px 0.5em 0px; clear:both; border:solid 1px #C5C19C; }
.template-imagesvertical .imageinfo { text-align:right; padding-right:2em; color:#BBBBBB; position:relative; }
.template-panorama img.preview { width:100%; margin:0px 0.5em 1.2em 0px; border:solid 1px #C5C19C; }
.template-slider { width:57em; }
.template-slider .images { margin-bottom:2em; position:relative; top:0px; left:0em; text-align:center; }
.template-slider .swiper-slide { width:57em; height:40em; }
.template-slider .pagination { margin:0em auto 0em auto; position:absolute; top:1.5em; right:2em; height:2em; z-index:999; }
.template-slider .caption { color:black; position:absolute; bottom:0em; left:0em; line-height:1.4em; font-size:1.4em; width:100%; padding:1em; background-color:rgba(255, 216, 0, 0.6); text-align:left; }
#inhalt .swiper-pagination-switch:nth-child(n+10) { display:none; }
.template-box .title { width:100%; font-size:16px; cursor:pointer; background-color:#DCD8BD; height:44px; padding:12px 12px 0px 12px; margin:0px 0px 0px 0px; border:solid 1px #EDEFE2; font-weight:bold; }
.template-box .title img { float:right; margin:4px 0px 0px 0px; }
.template-box .boxcontent { padding:10px; border:solid 1px #EDEFE2; border-top-width:0px; background-color:#F3F3EB; display:none; }
.template-box p { font-size:12px; }
#inhalt table { width:100%; margin-bottom:1.5em; }
#inhalt td { line-height:1.2em; padding:0.3em; font-size:1.4em; }
#inhalt th { line-height:1.2em; font-weight:bold; padding:0.3em; }
#inhalt td p { font-size:1em; }
#inhalt td li { font-size:1em; }
/* inhalt.aspx aside */
.aside-top .box-1 { margin-bottom:1em; }
.aside-top li { margin-bottom:1em; }
.aside-top li:last-child { margin-bottom:0em; }
.aside-top li span { display:inline-block; background-color:#9F0608; padding:0.2em 0.5em 0.2em 0.5em; width:15%; margin-right:3%; float:left; text-align:center; font-size:1.3em; text-transform:uppercase; color:white; border-radius:0.5em; height:100%; position:relative; top:0.1em; }
.aside-top a { font-size:1.4em; line-height:1.4em; display:inline-block; width:82%; }
.aside-top li span.pdf { background-color:#9F0608; }
.aside-top li span.xls { background-color:#537E0F; }
.aside-top li span.xlsx { background-color:#537E0F; }
.aside-top li span.linkext { background-color:#09399F; color:transparent; background-image:url(/images/icon_ext_link.png); background-repeat:no-repeat; background-position:center; }
.aside-top li span.linkint { background-color:#09399F; color:transparent; background-image:url(/images/icon_ext_link.png); background-repeat:no-repeat; background-position:center; }
/* inhalt.aspx personen */
h3.toggle { display:block; padding: 0.5em 0.7em 0.4em 0.7em; margin-bottom:0.5em; width:100%; background-color:#EEEEEE; clear:both; font-size:1.8em; font-weight:normal; font-family:Helvetica, Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif; /*background-image:url(../images/btn_pfeil_aufklappen.png);*/ background-repeat:no-repeat; background-position:30em center; cursor:pointer; }
#inhalt div.persons { clear:both; width:100%; }
#inhalt div.person { float:left; width:27em; background-color:#F1F1F1; border:solid 1px #CBD5DE; padding:1em; margin-bottom:1.2em; min-height:15em;}
#inhalt div.person:nth-child(2n+1) { margin-right:1.2em; }
#inhalt div.person img { float:left; margin-right:1em; border:solid 1px #CBD5DE; max-width:8.2em; }
#inhalt div.person p { margin:0em 0em 0.8em 0em; font-size:1.2em; }
#inhalt div.person h4 { font-size:1.4em; margin:0em; }
#inhalt div.person p a { font-size:0.9em; }
#inhalt li.person { line-height:1.8em; }
/* suche.aspx */
#suche .searchbar { width:100%; clear:both; padding:1.4em; margin:0em 0em 2em 0em; position:relative; top:0em; left:0em; }
#suche .searchbox { min-width:15em; }
#suche .searchtext { margin-left:1em; }
#suche .searchbar img { position:relative; top:0.4em; }
#suche .hitcount { float:right; font-size:1.6em; margin-top:0.8em; }
#suche .types { width:22.5em; float:left; text-align:center; border:solid 1px #EBEBEB; margin:0em 2em 0em 0em; padding:1em 0em 1em 0em; }
#suche .results { width:100%; float:left; }
#suche .types ul { width:20em; margin:0em auto 0em auto; }
#suche .types li { list-style-type:none; border-bottom: solid 1px #EBEBEB; padding:1em 1em 1em 1em; text-align:left; }
#suche .types li.sel { background-color:#E9E9E9; }
#suche .types li:last-child { border-width:0px; }
#suche .state { clear:both; text-align:left; }
#suche a { font-size:1.4em; line-height:1.4em; }
#suche ul { margin:0px; padding:0px; }
#suche h2 { display:none; width:100%; padding-bottom:0.66em; text-transform:uppercase; color:#8C8C8C; font-size:1.85em; font-size:normal; }
#suche .hit { padding:0em 0em 3em 0em; border-bottom:solid 1px #EBEBEB; margin:3em 0em 0em 0em; }
#suche .hit .state span { font-size:1.4em; }
#suche .hit h3 { font-size:1.6em; }
/* controls/weatherforecast.ascx */
.weatherforecast { background-color:white; width:100%; cursor:pointer; padding:0em; margin-top:1em; }
.weatherforecast .box-content { padding:2em 1.5em 1em 2.5em; position:relative; top:0em; left:0em; color:white; }
.weatherforecast h3 { text-transform:capitalize; font-size:2.5em; margin:0em; font-weight:normal; color:white; }
.weatherforecast h3 + div { font-size:1.6em; padding:0.2em 0em 1.5em 0em; }
.weatherforecast .row { text-align:left; width:50%; height:2.5em; margin-bottom:0.6em; }
.weatherforecast .row:first-child { border-bottom:solid 1px white; }
.weatherforecast .row span:first-child { font-size:1.6em; float:left; }
.weatherforecast .row span:last-child { font-size:1.6em; float:right; }
.weatherforecast img { position:absolute; bottom:1rem; right:1rem; max-width:14rem; }
.weatherforecast__minmax { margin-top:2rem; }
/* wetter.aspx */
#wetter { }
#wetter span { font-size:1.2em; }
#wetter .day { width:14em; min-height:23em; float:left; text-align:center; padding-bottom:3em; }
#wetter .day img { width:5.5em; margin:1.5em auto 1em auto; }
#wetter .day .weekday { width:100%; padding:0.5em 0px 0em 0px; text-align:center; font-weight:bold; font-size:1.4em; }
#wetter .day .prosa { min-height:4em; font-size:1.2em; }
#wetter .day .temp { clear:both; text-align:left; margin:0px 0.6em 0px 0.6em; line-height:2.2em; height:2.2em; }
#wetter .day .temp:first-of-type { border-bottom:solid 1px #CBCBCB; color:red; }
#wetter .day .temp span:first-child { float:left; font-size:1.2em;}
#wetter .day .temp span:last-child { float:right; font-weight:bold; font-size:1.2em; font-family:Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif; }
#wetter .day .wind { margin:1.5em auto 0px auto; font-size:1.2em; }
#wetter .source { padding:3em 0px 0px 0px; width:100%; text-align:center; clear:both; }
#wetter .source a { text-decoration:underline; }
/* kontakt.aspx */
#kontakt .leftcol { width:35%; float:left; vertical-align:top; border:solid 1px #C8C8C8; padding:1em; }
#kontakt .rightcol { width:65%; float:left; vertical-align:top; padding:0px 0px 0px 2em; }
#kontakt .leftcol img { width:100%; max-width:100%; }
#kontakt .intro { position:relative; top:-1.4em; }
#kontakt input,textarea { width:95%; border-color:#C8C8C8; }
#kontakt textarea { min-height:16em; }
#kontakt .formtable { width:100%; }
#kontakt .formtable td:last-child { padding-bottom:0.4em; }
#kontakt .formtable td:first-child { font-size:1.4em; }
#kontakt .formtable td .button { font-size:1em; }
/* nachrichten.aspx */
#nachrichten { text-align:center; padding-top:2em; }
#nachrichten .newsheader { margin:0em auto 3em auto; width:100%; }
#nachrichten .news { padding:0em 0em 4em 0em; text-align:left; }
#nachrichten .news .text { font-size:1.4em; line-height:1.5em; }
#nachrichten .news .line { border-top:dashed 1px #A2A4A3; width:100%; text-align:left; height:1em; }
#nachrichten .news .date { position:relative; top:-0.7em; display:inline; background-color:white; padding-right:1em; text-align:left; color:#A2A4A3; font-size:1.4em; }
#nachrichten .news h3 { margin-top:1.3em; color:#A2A4A3;font-size:1.4em; font-weight:normal; }
#nachrichten .news img { clear:both; margin:0em 1em 1em 0em; max-width:35rem; }
/*#nachrichten .news .text br:first-child { display:none; }*/
#nachrichten-aside h2 { text-transform:uppercase; border-bottom:dotted 1px #4F81BE; padding:0em 0em 0.2em 0em; margin-top:0em; }
#nachrichten-aside li { list-style-type:none; padding:0em 0em 1em 0em; line-height:1.6em; }
#nachrichten-aside li .date { font-size:1.2em; color:#7A7A7A; }
#nachrichten-aside li a { font-size:1.2em; font-weight:bold; }
.sep { width:6em; margin:2em auto 2em auto; height:8em; clear:both; display:block; }
.sepbox { width:1em; height:1em; margin-right:1em; float:left; background-color:#BDBBBB; border:solid 1px #A2A4A3; }
#nachrichten .documents h3 { width:100%; cursor:pointer; font-weight:bold; background-color:#F3F3EB; height:4.5em; padding:1em 1.2em 0px 1.2em; margin:3em 0em 0em 0em; border:solid 1px #EDEFE2; }
#nachrichten .documents h3 img { float:right; margin:0.4em 0px 0px 0px; }
#nachrichten .documents h3 + div { padding:1em; border:solid 1px #EDEFE2; border-top-width:0px; }
#nachrichten .filex { border-bottom:solid 1px #F5F5F5; padding:1em; clear:both; }
#nachrichten .filex + .file { margin-top:1em; }
#nachrichten .filex a { font-size:1.5em; position:relative; top:-0.2em; }
#nachrichten .filex img { position:relative; top:0em; display:block; float:left; margin-right:0.6em; }
/* nachrichtenarchiv.aspx */
#nachrichtenarchiv { background-color:white; text-align:left; }
#nachrichtenarchiv .filterbox { position:relative; top:0em; left:0em; min-height:5em; }
#nachrichtenarchiv .filterbox > .styled-select { float:left; width:40%; }
#nachrichtenarchiv .filterbox > .styled-textbox { float:right; width:40%; }
#nachrichtenarchiv .filterbox input[type="text"] { width:100%; }
#nachrichtenarchiv .filterbox select { width:100%; }
#nachrichtenarchiv .filterbox i { font-size:2em; color:#FFD800; }
#nachrichtenarchiv .filterbox a.list i {font-size:1.8em; position: relative; top: 0.08em; }
#nachrichtenarchiv .message { padding-top:3em; }
#nachrichtenarchiv .close { font-size:1.2em; position:relative; top:1em; left:1.5em; }
#nachrichtenarchiv .close i { font-size: 1.2em; margin-right: 0.3em; position:relative; top:0em; }
#nachrichtenarchiv table { width:100%; }
#nachrichtenarchiv .row td { list-style-type:none; padding:1em 2em 1em 2em; border-bottom:solid 1px #E8E8E8; }
#nachrichtenarchiv .row:hover td { background-color:#ECECEC; }
#nachrichtenarchiv .row td:last-child { text-align:right; }
#nachrichtenarchiv .row td:last-child a { font-size:1em; }
#nachrichtenarchiv .row a { font-size:1.2em; }
.template-archiv table { width:100%; }
.template-archiv table td { font-size:1.4em; padding:0.3em; }
.template-archiv h2 { font-size:1.4em; font-style:italic; margin-bottom:0em; margin-right:1em; font-weight:normal; float:right; position:relative; top:-0.6em; }
.template-archiv h3 { font-size:2em; margin:0em; }
.template-archiv h4 { font-size:2em; margin-top:0em; }
.template-archiv h3 + h4 { }
.template-archiv .preview { float:left; margin:2em 1em 0.3em 0em; max-width:20em; }
#nachrichtenarchiv .date { font-size:1.4em; margin:0.3em 0em 0.3em 0em; }
/* agenda.aspx */
#agenda .top { width:100%; clear:both; }
#agenda .intro { padding-bottom:2em; }
#agenda .intro p { margin-top:0em; }
#agenda .filter { width:100%; clear:both; }
#agenda .filter div { float:left; width:32%; margin-right:1%; }
#agenda .filter div:last-child { float:left; width:34%; margin-right:0%; }
#agenda .filter div > * { width:100%; }
#agenda .filter div:first-child a { width:4em; }
#agenda .events { min-height:40em; clear:both; padding-top:2em; }
#agenda .events table { width:100%; }
#agenda .agendanav { width:100%; padding:0em 0em 1.5em 0em; margin:0em 0em 1em 0em; text-align:left; }
#agenda .agendanav h2 { display:inline; font-size:1.6em; text-transform:uppercase; font-weight:bold; position:relative; top:0.8em; }
#agenda .arrow-left { float:right; font-size:3em; color:#FFD800; }
#agenda .arrow-right { float:right; font-size:3em; color:#FFD800; margin-left:0.5em; }
#agenda .event { width:100%; clear:both; border-top:solid 1px #E8E8E8; padding-bottom:2em; }
#agenda .event .left { width:10%; float:left; }
#agenda .event .infos { width:90%; float:left; padding:1em 0em 0em 2em; }
#agenda .event .left .day { background-color:#FFEF98; padding:1em; text-align:center; width:100%; }
#agenda .event .left .day span:first-child { font-size:3em; font-weight:bold; font-family:Arial; clear:both; display:block; }
#agenda .event .left .day span:last-child { font-size:1.4em; text-transform:uppercase; font-family:Arial; clear:both; display:block; }
#agenda .event .infos .date { font-size:1.4em; padding:0.5em 0em 0em 0em; }
#agenda .event .infos h3 { font-size:1.6em; margin:0.5em 0em 1em 0em; }
#agenda .event .attributes { font-size:1.4em; line-height:1.6em; padding-bottom:1em; }
#agenda .tooltip-container { display:none; min-width:25em; z-index:101; position:absolute; top:0em; left:0em; border:solid 1px #006FB6; background-color:white; padding:1.5em 2em 1.5em 6em; text-align:left; background-image:url(/images/calendar_infobox_pfeil.gif); background-repeat:no-repeat; background-position:left center; background-size:3.7em; }
#agenda .tooltip-container h3 { display:none; }
#agenda .tooltip-container h4 { color:#006FB6; font-size:1.5em; margin:0.8em 0em 0.3em 0em; }
#agenda .tooltip-container h4:first-of-type { margin-top:0em; }
#agenda .tooltip-container span { font-size:1.2em; line-height:1.5em; }
/* videos.aspx */
#videos { background-color:white; text-align:left; }
#videos td { vertical-align:text-top; }
#videos .filterbox { width:100%; }
#videos .filterbox .styled-textbox { width:100%; max-width:30em; }
#videos .status { width:40em; font-size:1.4em; color:white; float:left; padding:0.5em 0em 0em 0em; }
#videos .intro { border-bottom:solid 0px #C7C7C7; }
#videos .intro img { width:220px; float:left; margin:0em 1em 0.2em 0em; display:none; }
#videos .item .year { position:absolute; left:1em; top:1.7em; color:white; font-size:1.4em; font-weight:bold; }
#videos .item { border-bottom:solid 1px #E8E8E8; padding:1.5em 0em 1.5em 0em; }
#videos .item .preview { float:left; width:30%; text-align:center; position:relative; top:0em; left:0em; }
#videos .item .preview img { float:left; width:100%; }
#videos .item .preview i { position:absolute; top:35%; left:40%; margin:0em auto 0em auto; font-size:5em; opacity:0.3; color:white; }
#videos .item .preview:hover i { opacity:1; color:white; }
#videos .item .info { float:left; width:70%; padding-left:2em; }
#videos .item table { margin:0.8em 0px 0.8em 0px; }
#videos .item h2 { margin-top:0px; font-size:1.8em; margin-bottom:0em; }
#videos .item p { margin-top:0.3em; }
#videos .attributes td { font-size:1.4em; line-height:1.4em;}
#videos .lightboxvideo { float:left; }
#videos .lightboxvideo img { width:20em; }
#videos .lightboxvideo .play { display:none; }
#videos .message { margin-top:3em; }
/* downloads.aspx */
#downloads { }
#downloads .filterbox { border-bottom:dotted 1px #E8E8E8; margin:0em 0em 2em 0em; padding:0em 0em 1.2em 0em; }
#downloads .filterbox .styled-select { width:45%; }
#downloads .filterbox .styled-textbox { width:45%; float:right; }
#downloads .message { padding-top:3em; }
#downloads .subfolders { margin-bottom:2em; }
#downloads .subfolders li { padding:0.5em 1em 0.8em 2em; border-bottom:solid 1px #E8E8E8; }
#downloads .subfolders li i { font-size:2em; margin-right:1em; }
#downloads .subfolders li a { font-size:1.4em; }
#downloads table { width:100%; }
#downloads .row td { padding:1.5em 2em 1.5em 2em; border-bottom:solid 1px #E8E8E8; }
#downloads .row:hover td { background-color:#ECECEC; }
#downloads .row td:last-child { text-align:right; }
#downloads .row td a { font-size:1.4em; color:black; text-decoration:none; line-height:1.4em; }
#downloads .row td a img { position:relative; top:0em; display:block; float:left; }
#downloads .row a .icon { margin-right:1em; }
#downloads .row .info { position: relative; float:right; margin-right:1em; }
#downloads .row td:last-child img { float:right; }
/* vereine.aspx */
#vereine .intro { float:left; max-width:47em; }
#vereine .register { height:2em; text-align:right; width:100%; }
#vereine .register a { font-size:1.4em; }
#vereine .logobox { clear:both; position:relative; top:0em; left:0em; margin:1em 0em 1em 0em; border:solid 1px #E3E3E3; width:100%; padding:4em 0em 0em 3em; height:19em; }
#vereine #arrow-left { z-index:999; position:absolute; top:7em; left:-0.8em; width:3em; height:3.5em; background-image:url(../images/btn_sliderpfeil_links.png); background-repeat:no-repeat; }
#vereine #arrow-right { z-index:999; position:absolute; top:7em; right:-0.8em; width:3em; height:3.5em; background-image:url(../images/btn_sliderpfeil_rechts.png); background-repeat:no-repeat; }
#vereine .swiper-container { height:16em; }
#vereine .swiper-wrapper { height:16em; }
#vereine .swiper-slide { height:16em; width:14em; }
#vereine .swiper-slide img { max-width:80%; max-height:14em; margin:auto; }
#vereine .headerbox { width:100%; margin:0em; }
#vereine .headerbox h2 { float:left; }
#vereine .headerbox a { float:right; font-size:1.4em; }
#vereine .row { margin:0 auto; list-style-type:none; padding:1.5em 2em 1.5em 2em; border-bottom:solid 1px #E8E8E8; }
#vereine .row:hover { background-color:#ECECEC; }
#vereine .title { cursor:pointer; background-image:url(../images/btn_pfeil_aufklappen.png); background-repeat:no-repeat; background-position:right center; }
#vereine .title span { font-size:1.4em; }
#vereine .detail { display:none; clear:both; margin-top:1.5em; padding:0em 2em 2em 0em; }
#vereine .detail a.imglink { float:left; }
#vereine .detail a.imglink img { margin-right:2em; max-width:15em; }
#vereine li { }
#vereine .a2 { font-size:1.4em; }
#vereine .row .left { width:18em; float:left; padding-top:1.7em; }
#vereine .row .right { width:30em; float:left; }
/* fotogalerie.aspx */
.fg-boxhead { position:absolute; top:1em; right:1.5em; }
.fg-years { float:right; margin-right:1em; position:relative; }
.fg-articles { float:right; position:relative; }
#fotogalerie { position:relative; top:0em; left:0em; }
#fotogalerie .date { position:relative; font-size:1.4em; }
#fotogalerie h2 { margin:0em; }
#fotogalerie .galleries { margin-top:1.5em; clear:both; }
#fotogalerie .galleries img { border:solid 1px #A2A6A5; width:100%; }
#fotogalerie .galleries div { float:left; width:32%; margin-right:1%; background-color:transparent; line-height:1.8em; min-height:24em; margin-bottom:0.5em; }
#fotogalerie .galleries .prevsep { width:0.3em; height:0.3em; }
#fotogalerie .galleries span { font-size:1.2em; clear:both; display:block; color:#58585A; }
#fotogalerie .galleries h3 { margin:0em; font-size:1.4em; color:#58585A; min-height:4em; display:block; }
#fotogalerie .pictures { margin-top:2em; }
#fotogalerie .pictures img { margin-right:0.4%; margin-bottom:0.5%; width:19%; }
#fotogalerie .pictures img:hover { }
#fotogalerie .headerbox { clear:both; display:block; margin-top:3em; }
/* protokolle.aspx */
#protokolle .filterbox { position:relative; top:0em; left:0em; }
#protokolle .filterbox .styled-textbox { display:none; float:right; }
#protokolle .filterbox select { min-width:8em; }
#protokolle .filterbox .button { margin-left:1em; }
#protokolle .message { padding-top:3em; }
#protokolle .docs { float:left; width:50%; }
#protokolle .docs li:first-child { border-top:solid 1px #E8E8E8;}
#protokolle .docs li { list-style-type:none; padding:1.5em 2em 1.5em 2em; border-bottom:solid 1px #E8E8E8; min-height:4.5em; max-width:30em; }
#protokolle .docs li a:first-child { float:left; font-size:1.4em; color:black; }
#protokolle .docs li a:last-child { float:right; }
#protokolle .dates { float:right; width:40%; }
#protokolle .dates li:first-child { border-top:solid 1px #E8E8E8;}
#protokolle .dates li { list-style-type:none; padding:1.5em 2em 1.5em 2em; border-bottom:solid 1px #E8E8E8; min-height:4.5em; width:25em; }
#protokolle .dates li a { float:left; font-size:1.4em; color:black; }
/* links.aspx */
#links { }
#links .cat { padding:0em 0em 1em 0em; width:100%; }
#links td h3 { margin-top:2em; }
#links h3 { font-size:1.6em; margin-bottom:0.4em; }
#links a { font-size:1.4em; line-height:1.8em; }
/* person.aspx */
#person .left { float:left; width:30%; padding-right:2em; }
#person .right { float:left; width:70%; }
#person .portrait { float:left; width:100%; border:solid 1px #CBD5DE; margin-bottom:2em; }
#person p { margin:0em 0em 0.8em 0em; }
#person h2 { font-size:2em; }
#person h3 { font-size:1.4em; margin-top:2em; margin-bottom:0.2em; }
#person span { font-size:1.4em; line-height:1.6em; }
#person .attributes td:first-child { width:10em; }
#person ul { padding:0em; margin:0em 0em 0em 2em; }
#person ul li { list-style-type:none; font-size:1.4em; line-height:1.6em; list-style-type:disc; }
#person ul li a { font-size:1em; }
#person ul li.head { list-style-image:none; padding: 1em 0em 0.2em 0em; margin-left: 0em; position: relative; left:-1.5em; list-style-type:none; }
/* personen.aspx */
#personen .person { float:left; width:27em; min-height:16em; background-color:#F1F1F1; border:solid 1px #CBD5DE; padding:1em; margin-bottom:1.2em; }
#personen .person:nth-child(2n+1) { margin-right:1.2em; }
#personen .person img { float:left; max-width:8em; margin-right:2em; border:solid 1px #CBD5DE; }
#personen .person p { margin:0em 0em 0.8em 0em; }
#personen .person p:last-child { font-size:1em; }
#personen .person h2 { font-size:2em; }
#personen .person h4 { font-size:1.4em; margin-top:0em; }
#personen .person span { font-size:1.4em; line-height:1.6em; }
#personen .person .attributes td:first-child { width:10em; }
#personen .person ul li { list-style-type:none; font-size:1.4em; }
#personen .person ul li a { font-size:0.9em; }
#personen .vorsteher { clear:both; margin:4em 0em 0em 0em; }
#personen .vorsteher .person:first-child { min-height:19.5em; }
#personen .vorsteher .person:last-child { position:relative; left:0em; top:6.2em; max-height:10em; }
#personen .vorsteher .person:last-child img { max-width:8em; }
#personen .vorsteher .person img { max-width:11.5em; }
#personen .toggle { margin-top:1em; }
/* abteilung.aspx */
#abteilung .persons { margin-left:0em; }
#abteilung .person { width:50%; min-height:18em; height:17em; float:left; position:relative; top:0em; left:0em; padding-bottom:2em; }
#abteilung .person img.portrait { max-width:10em; float:left; margin-right:2em; border:solid 1px #CBD5DE; }
#abteilung .person .data { min-height:inherit; height:inherit; display:table-cell; vertical-align:bottom; }
#abteilung .person p { margin:0em 0em 0.8em 0em; }
#abteilung .person .mail { margin-top:0.5em; }
#abteilung .person p:last-child { margin:0em; }
#abteilung .person h2 { font-size:2em; }
#abteilung .person h4 { font-size:1.4em; margin-top:0em; }
#abteilung .person span { font-size:1.4em; line-height:1.6em; }
#abteilung .person .attributes td:first-child { width:10em; }
#abteilung .person ul li { list-style-type:none; font-size:1.4em; }
#abteilung .person ul li a { font-size:0.9em; }
#abteilung .role { margin:0em 0em 0em 1.6em; margin-bottom:2em; }
#abteilung .role + .role { border-top:solid 1px #DADADA; }
#abteilung .role h3 { font-size:1.6em; }
/* icons anpassungen */
i.fa.fa-rss { font-size:2em; color:#F78B24; margin-right:0.3em; }
/* personenregister.aspx */
#personenregister h2 { font-size:2em; margin:1em 0em 0.3em 0.2em; }
#personenregister p { margin:0.3em; }
#personenregister p span { float:right; }
/* Anpassungen für Geräte kleiner 1280 Pixel */
@media screen and (max-width: 1200px)
{
.navbar li.mainlink { padding-left:2.5em; padding-right:2.5em; }
}
@media screen and (max-width: 1100px)
{
.navbar li.mainlink { padding-left:2em; padding-right:2em; }
}
@media screen and (max-width: 1015px)
{
.navbar { font-size:9px; }
#abteilung .person { width:100%; clear:both; }
}
@media screen and (max-width: 915px)
{
.navbar { font-size:8px; }
.footer .quicklinks li { min-height:2.4em; width:50%; float:left; }
/* fotogalerie.aspx */
#fotogalerie .galleries div { min-height:auto; width:49%; }
#fotogalerie .galleries h3 { }
#fotogalerie .pictures img { width:24%; }
}
@media screen and (max-width: 815px)
{
.navbar li.mainlink { padding-left:1.5em; padding-right:1.5em; }
.col-right nav ul li a { font-size: 1.2em; }
}
/* Anpassungen für Geräte kleiner 768 Pixel */
@media screen and (max-width: 768px)
{
/* master */
body { background-image: none; font-size: 10px; }
nav.topmenu { display:none; }
.page { padding: 0em 1em 1em 1em; }
.center-inner { min-width: 0em; }
.col-left { clear:both; width:100%; padding-right:0em; }
.col-right { clear:both; width:100%; }
.col-right nav ul li a { font-size: 1.4em; }
.content > .col-right { padding-top:1em; }
.footer { padding-bottom: 4em; }
.footer .quicklinks li { min-height:2.4em; width:50%; float:left; }
.footer .contact { border-width:0px; border-top:solid 1px #717171; margin:1em 0em 0em 0em; padding:2em 0em 0em 0em; }
.topheader .menutrigger { display:block; position:relative; }
.topheader .menutrigger img { width:4.7em; }
nav.mobile { height:100%; display:block; text-align:left; z-index:999; }
.mobile__nnode { list-style-type:none; padding:1.4rem 1.2rem 1rem 2.5rem; border-bottom:solid 1px white; position:relative; top:0rem; left:0rem; background-color:#FFDD00; }
.nnode__link { color:#20201E; text-decoration:none; cursor:pointer; font-size:1.8rem; }
.mobile__nnode--withchild { background-image:url(/images/rechtsweiss.png); background-repeat:no-repeat; background-position:right 2rem center; background-size:0.8em; }
.mobile__list { overflow:auto; background-color:white; z-index:999; position:fixed; top:12rem; right:-80rem; width:100%; height:100%; -webkit-box-shadow: -5px 5px 5px 0px rgba(0,0,0,0.5); -moz-box-shadow: -5px 5px 5px 0px rgba(0,0,0,0.5); box-shadow: -5px 5px 5px 0px rgba(0,0,0,0.5); }
.nnode__list { overflow:auto; background-color:white; z-index:999; position:fixed; top:12rem; right:-80rem; width:100%; height:100%; -webkit-box-shadow: -5px 5px 5px 0px rgba(0,0,0,0.5); -moz-box-shadow: -5px 5px 5px 0px rgba(0,0,0,0.5); box-shadow: -5px 5px 5px 0px rgba(0,0,0,0.5); }
.mobile__nnode-head { background-color:white; min-height:7rem; position:relative; top:0rem; left:0rem; padding:2.5rem 1rem 1rem 7rem; text-transform:uppercase; }
.mobile__headline { padding-left:0.3rem; color:black; margin:0.2rem 0rem 0rem 0rem; font-size:1.9rem; text-transform:uppercase; }
.nnode__arrow { position:absolute; top:0rem; right:0rem; height:100%; border-left:solid 1px white; width:5rem; display:none; }
.nnode__listback { position:absolute; top:1rem; left:1rem; height:100%; background-color:#F3D840; width:5rem; height:5rem; background-image:url(/images/linksweiss.png); background-repeat:no-repeat; background-position:center center; background-size:1rem; }
.mobile__nnode--withchild > .nnode__arrow { display:block; }
.mobile__nnode-head--first { padding-left:2rem; padding-top:1rem; }
/* mobile-menü */
.pullmenu-mobile { width: 100%; z-index: 1002; background-color: #DDDDDD; padding: 0em; /*-webkit-box-shadow: 0px 2px 4px 0px rgba(128,128,128,1); -moz-box-shadow: 0px 2px 4px 0px rgba(128,128,128,1); box-shadow: 0px 2px 4px 0px rgba(128,128,128,1);*/ }
.pullmenu-mobile li { list-style-type: none; padding: 1em 0em 1em 2em; text-align: left; cursor: pointer; margin:0em; }
.pullmenu-mobile li a { font-family: Helvetica; font-size: 1em; color: #BDBFCB; }
.pullmenu-mobile li:last-child { }
.pullmenu-mobile li:hover a { color:#3069B8; }
.pullmenu-mobile li.level1 { background-color: #E2E2E2; border-bottom:solid 1px #C2C2C2; padding:1em 0em 0em 0em; margin:0em; }
.pullmenu-mobile li.level1 > a { display:block; padding:0em 0em 0.7em 1.5em; font-size:1.6em; font-weight:bold; color:#3a3a3a; }
.pullmenu-mobile li.level1 ul { display:none; margin:0em; padding:0em; border-top:solid 1px #C2C2C2; }
.pullmenu-mobile li.level2 { margin:0em; margin:0em; padding:0em 0em 0em 0em; border-bottom:solid 1px #C2C2C2; }
.pullmenu-mobile li.level2 > a { padding:0.6em 0em 0.6em 1.8em; font-size:1.4em; color:#3a3a3a; display:block; margin-left:0em; border-bottom:solid 1px #DFE2E2; border-top:solid 1px #DFE2E2; margin-left:0em; background-image:url(/images/nav_arrow.png); background-position:0em center; background-repeat:no-repeat; max-width:80%; }
.pullmenu-mobile li.level2 > ul { padding: 0em 0em 0em 3em; }
.pullmenu-mobile li.level3 { margin:0em; padding:0.8em 0em 0.8em 0em; }
.pullmenu-mobile li.level3 > a { font-size:1.2em; color:#3a3a3a; margin-left:1em; }
.pullmenu-mobile li:last-child { border-bottom-width:0em; }
.pullmenu-mobile li.withchild { background-image:url(/images/btn_pfeil_aufklappen.png); background-position:right 1em top 1.5em; background-repeat:no-repeat; }
.pullmenu-mobile li.withchild.closed { background-image:url(/images/btn_pfeil_aufklappen.png); }
.pullmenu-mobile li.withchild.opened { background-image:url(/images/btn_pfeil_zuklappen.png); }
/* fotogalerie.aspx */
#fotogalerie .galleries div { min-height:auto; width:32%; }
#uplink { display:none; width:100%; color:black; font-weight:bold; padding:3em 1em 1em 1em; background-color:white; position:fixed; bottom:0em; left:0em; font-size:1.4em; opacity:0.9; background-image:url(/images/icon_up.png); background-position:center top 0.9em; background-repeat:no-repeat; -webkit-box-shadow: 0px -5px 20px 0px rgba(209,209,209,1); -moz-box-shadow: 0px -5px 20px 0px rgba(209,209,209,1); box-shadow: 0px -5px 20px 0px rgba(209,209,209,1); }
/* hamburger menu-icon*/
.c-hamburger { display: block; overflow: hidden; margin: auto; padding: 0; width: 4.8rem; height: 3.0rem; text-indent: -9999px; appearance: none; box-shadow: none; border-radius: none; border: none; cursor: pointer; transition: background 0.3s; z-index:99; }
.c-hamburger:focus { outline: none; }
.c-hamburger span { display: block; position: absolute; top: 0rem; left: 0.9rem; right: 0.9rem; height: 0.35rem; background: #000000; border-radius:3px; }
.c-hamburger span::before,
.c-hamburger span::after { position: absolute; display: block; left: 0; width: 100%; height: 0.35rem; background-color: #000000; content: ""; border-radius:3px; }
.c-hamburger span::before { top: -1rem; }
.c-hamburger span::after { bottom: -1rem; }
.c-hamburger--htx { background-color: transparent; }
.c-hamburger--htx span { transition: background 0s 0.3s; }
.c-hamburger--htx span::before,
.c-hamburger--htx span::after { transition-duration: 0.3s, 0.3s; transition-delay: 0.3s, 0s; }
.c-hamburger--htx span::before { transition-property: top, transform; }
.c-hamburger--htx span::after { transition-property: bottom, transform; }
.c-hamburger--htx.is-active { background-color: transparent; }
.c-hamburger--htx.is-active span { background: none; }
.c-hamburger--htx.is-active span::before { top: 0; transform: rotate(45deg); background-color:#000000; }
.c-hamburger--htx.is-active span::after { bottom: 0; transform: rotate(-45deg); background-color:#000000; }
.c-hamburger--htx.is-active span::before,
.c-hamburger--htx.is-active span::after { transition-delay: 0s, 0.3s; }
}
/* Smartphones */
@media screen and (max-width: 767px)
{
.topheader .logo { width:100%; max-width:17rem; }
.topheader .menutrigger { margin-top:0rem; top:4.4rem; }
.mobile__list { top:9rem; }
.nnode__list { top:9rem; }
}
@media screen and (max-width: 640px)
{
/* fotogalerie.aspx */
#fotogalerie .galleries div { min-height:auto; width:32%; }
#fotogalerie .galleries h3 { font-size:1.2em; }
/* nachrichtenarchiv.aspx */
#nachrichtenarchiv .filterbox > .styled-select { float:left; width:49%; }
#nachrichtenarchiv .filterbox > .styled-textbox { float:right; width:49%; }
}
@media screen and (max-width: 560px) {
/* master */
.topheader .styled-textbox { width:100%; max-width:none; float:none; margin-top:1em; }
.header { height: 15em; }
/* default.aspx */
#default .box-elem { clear:both; width:100%; }
#default .colboxes { clear:both; width:100%; }
/* fotogalerie.aspx */
#fotogalerie .galleries div { min-height:auto; width:49%; }
#fotogalerie .galleries h3 { font-size:1.4em; }
#fotogalerie .pictures img { width:32%; }
/* agenda.aspx */
#agenda .filter div:first-child { width:100%; margin-bottom:1em; }
#agenda .filter div:nth-child(2) { width:49%; }
#agenda .filter div:last-child { width:50%; }
#agenda .event .left { width:20%; }
#agenda .event .infos { width:80%; }
/* kontakt.aspx */
#kontakt .leftcol { width:100%; clear:both; }
#kontakt .rightcol { width:100%; clear:both; padding:1em 0em 0em 0em; }
#kontakt .intro { top:0em; margin-bottom:3em; }
/* protokolle.aspx */
#protokolle .docs { width:100%; clear:both; }
#protokolle .dates { width:100%; clear:both; padding:1em 0em 0em 0em; }
/* person.aspx */
#person .person { margin-bottom: 3em; }
}
@media screen and (max-width: 480px)
{
/* suche.aspx */
#suche .searchbar { min-height:9.5em; }
#suche .styled-textbox { width:100%; clear:both; }
#suche .hitcount { width:100%; clear:both; margin-top:0.8m; position:relative; top:0em; left:0.3em; }
/* fotogalerie.aspx */
.fg-boxhead { position:relative; left:0em; top:0em; width:100%; clear:both; margin-top:1em; }
.fg-years { float:none; width:33%; margin-right:0em; }
.fg-articles { float:none; width:65%; margin-right:1%; }
/* downloads.aspx */
#downloads .filterbox .styled-select { width:100%; margin-bottom:1em; }
#downloads .filterbox .styled-textbox { width:100%; clear:both; margin-bottom:1em; }
/* videos.aspx */
#videos .item .preview { clear:both; width:100%; }
#videos .item .info { clear:both; width:100%; padding:1em 0em 0em 0em; }
/* inhalt.aspx */
.template-imageshorizontal[data-images] img.preview { width:100%; margin-right:0%; }
/* nachrichtenarchiv.aspx */
#nachrichtenarchiv .filterbox > .styled-select { float:none; width:100%; margin-bottom:0.6em; }
#nachrichtenarchiv .filterbox > .styled-textbox { float:none; width:100%; }
.template-archiv .preview { float:none; margin:2em 0em 0em 0em; width:100%; clear:both; max-width:100%; }
}
@media screen and (max-width: 425px)
{
/* fotogalerie.aspx */
#fotogalerie .galleries div { min-height:auto; width:100%; margin-right:0%; clear:both; }
#fotogalerie .galleries h3 { min-height:auto; padding-bottom:1em; }
#fotogalerie .pictures img { width:49%; }
.fg-boxhead { position:relative; left:0em; top:0em; width:100%; clear:both; margin-top:1em; }
.fg-years { float:none; width:100%; margin-top:0.6em; }
.fg-articles { float:none; width:100%; margin-right:0; }
/* agenda.aspx */
#agenda .filter div:first-child { width:100%; margin-bottom:1em; }
#agenda .filter div:nth-child(2) { width:100%; margin-bottom:1em; }
#agenda .filter div:last-child { width:100%; }
#agenda .event .left { width:20%; }
#agenda .event .infos { width:80%; }
/* protokolle.aspx */
#protokolle .filterbox select { clear:both; width:100%; display:block; }
#protokolle .filterbox .button { clear:both; width:100%; display:block; margin:1em 0em 0em 0em; }
/* abteilung.aspx */
#abteilung .person { clear:both; height:auto; padding:2em 0em 0em 0em; border-bottom:solid 1px #DADADA; }
#abteilung .person img { clear:both; float:none; }
#abteilung .person .data { clear:both; float:none; padding-top:2em; }
#abteilung .person:last-child { border-bottom-width:0px; }
/* inhalt.aspx */
.template-imagesvertical .images { width:100%; max-width:100%; clear:both; margin:0em 0em 1em 0em; }
.template-imageleft img.preview { width:100%; max-width:100%; clear:both; }
}
@media screen and (max-width: 375px)
{
}
@media screen and (max-width: 320px)
{
}