/*------------------- General START ---------------------*/ .kogis #main.article .main_article>h2 { font-size: 1.25rem; } .kogis #main.article .main_article>h1:first-child, .kogis #main.article .main_article>h2:first-child { padding-top: 0; } .kogis .main_article hr + h2, .kogis .main_article hr + h3 { margin-top: 0; padding-top: 0; } .head_spacer.small { width: 70px; } .kogis_alt .header .page_title { width: 530px; } .showOnMobile { display: none; } a.inline, .article ul.list.icons .icon-left a.inline { font-weight: normal; } .text-right { text-align: right; } .text-center { text-align: center; } h2.border { color: #002b4b; border-bottom: 1px solid #777777 !important; margin-top: 0; } h3.border { padding-bottom: 5px; border-bottom: 1px solid #777777 !important; } .mbottom { margin-bottom: 20px; } .ptop { padding-top: 35px; } /* #container { overflow: visible; } */ /* Search Fix */ /*--- General END */ /*------------------- Navi START ---------------------*/ .kogis.head_navigation .nav li.main_navigation_link.activated .sub_navigation { display: block; } #main_nav { height: 43px; } .main_navigation_link.activated a.main_navigation_link_main:focus { outline: 3px solid #CC0000; text-decoration: underline; color: #fff !important; POSITION: relative; z-index: 9999; } .head_easy_language_icon { left: 0; } .head_easy_language { left: 4px; } /*--- Navi END */ /*------------------- Content ---------------------*/ .kogis .main_article p { //padding: 0px 260px 20px 0; padding: 0px 0px 0px 15px; } /* .kogis .main_article form p { padding: 0px 0px 0px 15px; } */ .main_article.breadcrumb { // padding: 51px 60px 28px 60px; overflow:visible; } .kogis.head_navigation #main { //padding: 0; //width: 100%; //float: none; } .serviceportal.kogis.head_navigation .article { /* padding-top: 14px; */ } .main_article { //padding: 0 60px 0px 60px; } .kogis #container .searchox.main_article { /* padding: 0; */ margin-top: -2rem; margin-bottom: 1rem; border: 0; } .fullWidth.searchox.main_article { padding: 0; margin-bottom: 40px; } .kogis .main_article h2.border { border-bottom: 1px solid #777777 !important; margin-bottom: 35px !important; color: #444; } .single-articles::after { content: ''; display: block; clear: both; } .single-article, .single-article.w290, .single-article.w400 { float: left; width: 48%; } .single-article:nth-child(odd), .single-article.w290:nth-child(odd), .single-article.w400:nth-child(odd) { clear: both; margin-right: 4%; } .single-article:nth-child(n+3) { margin-top: 2rem; } @media screen and (max-width: 28rem) { .single-article, .single-article.w290, .single-article.w400 { float: none; width: 100%; margin-top: 2rem; } .single-article:nth-child(odd), .single-article.w290:nth-child(odd), .single-article.w400:nth-child(odd) { clear: both; margin-right: 0; } } .single-article h2, .single-article h3 { margin-top: 0; padding-top: 0; } .single-article img { float: left; width: 75px; } .single-article img.icon { float: left; margin: 0; width: 42px; } .single-article div.right { margin-left: 50px; } .single-article p { margin: 0 0 5px 0; } .single-article h3 { margin: 0 0 5px 0; color: #444444; } .single-article h4 { color: #444444; /* border-bottom: 1px solid #444; */ /*padding-bottom: 10px; */ margin-bottom: 5px; margin-top:0; } .single-article a { /* text-transform: uppercase; */ font-weight: bold; /* color: #002b4b; */ } .single-article a:focus { color:#CC0000; } .toogle-article { clear: both; height: 40px; display: block; text-indent: -3000px; } .toogle-article.more { background: transparent url('') no-repeat center 0; margin-left: 0px; } .toogle-article.less { background: transparent url('') no-repeat center 0; } .js .toggle-article-cnt { overflow: hidden; height: auto; padding-bottom: 20px; } .main_article .toggle-article-cnt p { padding: 0; } .article ul.list.icons img { float: left; margin: -2px -20px 0 -28px; } .article ul.list.icons>li>div.list-cnt { float: left; width: 100%; } .article ul.list.icons>li>div.list-cnt>h3 { padding-top: 0; } .article ul.list.icons .icon-left div.service span.title { float: left; width: 55%; font-weight: bold; } .article ul.list.icons div.text-right { float: right; width: 45%; text-align: right; } .article ul.list.icons div.text-right ~ div { clear: both; } /* @media screen and (max-width: 640px) { .article ul.list.icons .icon-left div.service span.title, .article ul.list.icons div.text-right { float: none; width: 100%; } } */ .article ul.list.icons .icon-left div.text-right a.direct, .article ul.list.icons div.text-right a { font-weight: bold; white-space:nowrap; } .article ul.list.icons .icon-left a { font-weight: bold; /* float: right; */ margin-left: 0; } .article ul.list.icons .icon-left a ~ a { margin-left: 0.25rem; } .article ul.list.icons .icon-left a.direct { /*font-weight: normal;*/ margin-left: 0px; /* width: 115px; */ text-align: right; } .article ul.list.icons.multiline .icon-left h3, .article ul.list.icons.multiline .icon-left a { float: none; width: auto; margin-right: 5px; } .article .search-results ul.list.icons.multiline li { border-bottom: 1px solid #CCC; padding-bottom: 17px; } .article .search-results ul.list.icons.multiline li:last-child { border-bottom: none; } li .main_article .nexttoteaser.longteaser{ width: 550px !important; } /*--- Content END */ /*------------------- Asside START ---------------------*/ .aside ul { margin-top:0px; } .aside ul li, .kogis .aside#marginal ul li.icon-left { border-bottom: 1px solid #b3b3b3; clear: both; padding: 12px 0 5px 0; } .kogis .aside#marginal ul li span.linkTitle { color: #444; font-weight: bold; display: block; } .kogis .aside#marginal ul li span.linkText { display: block; } #marginal li.icon-left span.list-cnt { display: block; overflow: hidden; } .aside ul li:last-child, .kogis .aside#marginal ul li.icon-left:last-child { border-bottom: none; } .aside ul li h3, .aside ul li h4 { margin: 0; color: #444; } .aside ul li p { margin: 0; } .kogis .aside#marginal ul li h4 a { color: #444; font-weight: bold; } .aside .infoBox { border-bottom: 3px solid #002b4b; } .aside .infoBox h3 { color: #fff; background-color: #002b4b; padding: 10px 0 8px 15px; margin: 10px 0 0 0; } .kogis .aside#marginal .infoBox ul li:hover { background-color: transparent; } .aside .infoBox p { padding: 0px 10px; } .kogis .aside#marginal .infoBox .hover a { color: #444; } .aside#marginal .infoBox a.direct:hover, .aside#marginal .infoBox a:hover { color: #c00; } .aside#marginal .infoBox ul li.icon-left:last-child { padding-bottom: 10px; } /*--- Asside END */ /*------------------- Icons START ---------------------*/ /* .icon-left:before { /* background: transparent url('') no-repeat 10px 0; color: #002b4b; margin: 0px 20px 15px 0px; float: left; } .serviceportal .icon-left:before { margin: 4px 31px 15px 0px; } .serviceportal .icon-left.icon-online:before { margin-right: 17px; } */ i.icon-left { float: left; } /* .aside .icon-left:before { margin: 4px 10px 15px 5px; } */ .aside .icon-left:before { display: none; } #themenCollapse ul li.icon-left:before { margin: -4px 10px 5px 5px; line-height: 30px; } #themenCollapse ul li.icon-left a:before { margin: -6px 10px 0px 5px; } #themenCollapse ul li, .kogis .aside#marginal ul li { padding: 5px 0; border-bottom: none; margin-bottom: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2 ease-in-out; } .aside ul li, .kogis .aside#marginal ul li.icon-left { border-bottom: 1px solid #b3b3b3; clear: both; padding: 12px 0 5px 0; } .aside ul li:last-child, .kogis .aside#marginal ul li.icon-left:last-child { border-bottom: none; } .kogis .aside#marginal #themenCollapse ul li { border-bottom: none; padding: 5px 0; } .kogis .aside#marginal #themenCollapse ul li a, .kogis .aside#marginal ul li a { border-bottom: none; padding: 0; width: auto; position: static; display: block; } .kogis .aside#marginal #themenCollapse .panel-body { padding-right: 0; } #marginal li.icon-left img.icon { float: left; margin: 0 15px 4px 4px; } /*--- Icons END */ /*------------------- Search Results START ---------------------*/ .search-results { margin-bottom: 40px; } .search-results h2 { margin-bottom: 5px } .search-results .search-result-item:last-child { border-bottom: none; } .search-result-item { border-bottom: 1px solid #cccccc; padding: 17px 0; } /* .icon-behoerde { background: transparent url('% CMS_EMBED(template="05_dienstleistung_get_container_icon_url_d" _ordnerpfad="Site: Zusatzmodule: Visitenkarten: Visitenkarten" )') no-repeat 0 0; //padding-left: 25px; text-indent: 25px; } .icon-dienstleistung { background: transparent url('% CMS_EMBED(template="05_dienstleistung_get_container_icon_url_d" _ordnerpfad="Site: Zusatzmodule: Dienstleistungen: Dienstleistungen" )') no-repeat 0 0; //padding-left: 25px; text-indent: 25px; } */ .search-result-item h3:before { display: none; } .search-result-item h3 { margin: 0 0 3px 0; color: #444; line-height: 21px; } .search-result-item h3 .trimmed-text { display: none; } .search-result-item h3:hover .trim-complete { position: relative; background-color: #F0F0F0; padding: 5px 5px 0 5px; margin-left: -5px; top: -5px; display: block; margin-bottom: -5px; } .search-result-item h3:hover .trimmed-text { display: block; position: absolute; width: 100%; background-color: #F0F0F0; margin-left: -5px; text-indent: 5px; z-index: 5; } .search-result-item h3:hover .trim { display: none; } .search-result-item h3 img { margin-right: 5px; margin-top: -6px; vertical-align: middle; } .search-result-item h3.icon-online:before { display: none; } ul li h3 i.icon-online:before, ul li p.service i.icon-online:before, .search-result-item h3.icon-online:after { content: '\e827'; font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ font-variant: normal; text-transform: none; line-height: 1em; color: #8f8d8b; margin-left: .2em; position: relative; top: -2px; } .search-result-item h4, .search-result-item p.description { margin: 0 0 1px 0; font-weight: normal; padding: 0 160px 0 0; line-height: 16px; } .search-result-item p.description { margin-bottom: 0.5em; } .search-result-item p.doctype { float: left; margin-bottom: 0px; margin-top: 0px; padding-right: 170px; } .search-result-item p.doctype:before { color: #002b4b; margin-left: 0; margin-right: 5px; } .search-result-item div.facts { float: left; margin: 11px 10px 0 0; position: relative; } .search-result-item p.doctype + div.facts { clear: both; } .search-result-item div.license { /* cursor: pointer; */ } .search-result-item div.license:hover img{ /* display: block; */ } .search-result-item div.license:hover span{ /* visibility: hidden; */ } .search-result-item div.facts span { margin-right: 5px; font-weight: bold; } .search-result-item div.facts span img.icon { verticla-align: middle; } .search-result-item div.facts + .links { padding-top: 11px; } .search-result-item div.facts span.theme-icons { padding-top: 7px; } .search-result-item div.license img { vertical-align: bottom; height: 28px; position: absolute; left: 0; display: none; } .search-result-item .links { float: right; text-align: right; } .search-result-item a { display: block; /* margin-top: -10px; */ position: relative; padding-right: 10px; /* color: #002b4b; */ z-index: 10; } .search-result-item a.direct { margin-bottom: 4px; } .search-result-item a:focus, .search-result-item a:focus.direct:after, .search-result-item a:hover.direct:after { color: #CC0000; } .search-result-item a.direct:after { content: '\e81e'; font-family: "fontello"; margin-left: 5px; } .search-result-item i.icon { color: #002b4b; } .search-result-item .facts i.icon:before { } .search-result-item i.icon span { display: none; } .search-result-item div.date { border: 1px solid #d1d1d1; border-radius: 5px; background-color: #f0f0f0; width: auto; padding: 4px 5px 0 5px; } .search-result-item div.date span { color: #646464; float: left; padding-top: 10px; margin-right: 5px; } .search-result-item div.date span.day { color:#323232; font-weight: bold; padding-top:0; line-height: 26px; } .search-result-item div.date span.my { color:#323232; padding-top:0; } .search-result-item div.date span.my span { display: block; float: none; padding: 0; margin: 0; line-height: 10px; font-weight: bold; } .search-sort { position: relative; margin-top: 0.75em; background: #eef1f8; padding: 1px 10px; } .search-sort::before, .search-sort::after { content: ''; display: block; position: absolute; left: 0; right: 0; } .search-sort::before { top: -3px; border-bottom: 1px solid #00528e; } .search-sort::after { bottom: -3px; border-top: 1px solid #00528e; } .search-sort p { margin: 0 5px 0 0; display: inline; } .search-sort a{ margin: 0 5px; color: #444; } .search-sort a:hover, .search-sort a:focus{ color: #C00; } .search-sort a.active { font-weight: bold; } .search-sort a.active.down:after { content: '\e81d'; } .search-sort a.active:after { content: '\e81c'; color: #00528e; font-family: "fontello"; margin-left: 5px; } .search-sort a:focus.active:after { color: #CC0000; } /*--- Search Results END */ /*------------------- Formular START ---------------------*/ .searchox.main_article form, div.search { background: #002b4b url('') no-repeat 00px -15px; padding: 20px 66px 15px 57px; color: #fff; } .fullWidth.searchox.main_article form, div.search.full { background-position: 60px -15px; padding: 40px 15px 15px 119px; } .searchox.main_article .search.full h2 { color: #fff; padding-left: 63px; width: auto; text-align: center; font-weight: bold; } .serviceportal .searchox.main_article .search.full { padding: 15px 60px 35px 57px; } .serviceportal .fullWidth.searchox.main_article .search.full { background-position: 60px -15px; padding: 15px 15px 35px 119px; } .serviceportal.kogis .searchox.main_article .search.full h2 { margin-bottom: 0 !important; line-height: 14px; } .serviceportal.kogis .searchox.main_article .search.full h2.marginTop { margin-top: 15px; } .searchox #searchField { display: block; float: left; width: calc(100% - 5em); max-width: 640px; position: relative; height: 33px; } .searchox .searchwrap label { font-weight: bold; } .searchox #searchField input#searchStr { display: block; width: 100%; height: 100%; box-sizing: border-box; overflow: hidden; margin-right: 0; padding: 6px; border: 1px solid #B3B3B3; background-color: #fff; } .searchox #searchField button { position: absolute; width: 39px; right: 2px; top: 2px; bottom: 2px; margin-left: 0; padding: 2px 2px 3px 0; overflow: hidden; border-top: none; border-right: none; border-bottom: none; border-left: none; background-color: #FFF; outline-color: #ab2600; } .searchox #searchField button:focus { outline: 0.125rem solid #ab2600; } .searchox #searchField button i { border-left: 1px solid #B3B3B3; color: #B3B3B3; height: 20px; display: block; margin: 3px 0 5px 0; line-height: 20px; background: url('') no-repeat 14px 5px; } .searchox #searchField button:focus i { border-color: transparent; } .searchox a#searchbox__helplink { float: right; margin-right: 12px; margin-top: 0.5em; white-space: norwrap; color: #ffffff; } .searchox a#searchbox__helplink::after { content: url("/static/img/html5/Pfeil_rechts_white.svg"); display: inline-block; position: relative; width: 0.9375rem; height: 0.9375rem; text-indent: 0; vertical-align: middle; padding-left: 0.25rem; } .searchox a#searchbox__helplink:hover, .searchox a#searchbox__helplink:focus, .searchox a#searchbox__helplink:active { text-decoration: underline; } .serviceportal .searchox.main_article .search.full p { color: #fff; padding: 0 0 0 63px; font-weight: normal; margin: 0; text-align: center; margin-bottom: 0px; } .searchox.main_article .search.full label#searchStrLabel { float: left; margin-top: 3px; } .ie8 .searchox.main_article .search.full button.button, .ie9 .searchox.main_article .search.full button.button { /* height: 31px; */ } form div.searchwrap { margin-top: 3px; } form label.large { margin-right: 20px; float: left; padding-top: 5px; } form #fileCntLabel { padding-left: 62px; margin-top: 5px; } form #fileCntLabel input { margin: 1px 5px 0 0 ; border: none; } .kogis #main.article .main_article .search-control h2 { margin-top: 0; padding-top: 0; font-size: 1.25rem; } /*--- Formular END */ /*------------------- Panel START ---------------------*/ .panel { margin-bottom: 20px; } .panel-body { /* padding: 15px; */ padding-right: 15px; } .panel-body ul { margin-top: 0; } .panel-heading { padding: 10px 15px; } .panel-body .panel-heading, .kogis .aside#marginal .panel-body .panel-title a, .kogis #searchFilterMobile .ui-accordion.ui-widget.panel-default .panel-body .panel-title a { padding-left: 0; font-weight: bold; display: block; padding-right: 0; color: #444444; padding-bottom: 10px; } .kogis #searchFilterMobile .ui-accordion.ui-widget.panel-default .panel-body .panel-title a { font-weight: normal; } .kogis .ui-accordion.ui-widget.panel-default .panel-body .ui-accordion-header { padding: 0; border: none; background: transparent url(''); font-weight: bold; color: #444; } /* #searchFilterMobile .panel-body .panel-heading { border-bottom: 0; padding: 10px 0 ; } */ #searchFilterMobile .panel-body .panel-group { margin-bottom: 0 } .kogis .aside#marginal .panel-body .panel-title a i { float: right; margin-top: -4px; margin-right: -9px; } .kogis .aside#marginal .panel-body .panel-title a i:before, .kogis .aside#marginal .panel-body .panel-heading.ui-state-default.ui-state-active i:before, .article .panel-group .panel-heading.ui-state-default.ui-state-active a.collapsed i:before, .article .panel-group .panel-heading.ui-state-active a.collapsed i:before, .article .panel-group .panel-heading.ui-state-active .panel-title a i:before, .article .panel-group>.panel-default>.panel-heading.ui-state-active>.panel-title>a>i:before, .article #searchFilterMobile.panel-group .panel-heading.ui-state-active a.collapsed>i:before{ content: '\e814'; } .kogis .aside#marginal .panel-body .panel-title a.collapsed i:before, .kogis .aside#marginal .panel-body .panel-heading.ui-state-default i:before, .article .panel-group .panel-body .panel-heading.ui-state-default i:before{ content: '\e815'; } .panel-group .panel-heading>h4>a { display: block; color: #FFF; } .panel-group .panel-heading>h4>a>i { float: right; margin-top: -2px; margin-right: -4px; } .panel-group .panel-body .panel-heading>h4>a>i { margin-top: -4px; margin-right: -9px; } .panel-group .panel-heading>h4>a>i:before, .kogis .aside#marginal .panel-heading.ui-state-default.ui-state-active i:before, .kogis .article .searchFilter .panel-heading.ui-state-default.ui-state-active.top i:before { content: '\e81b'; } .kogis .article #searchFilterMobile .panel-default.ui-accordion .panel-heading.ui-state-active.top i:before { content: '\e81b'; } .panel-group .panel-heading>h4>a.collapsed>i:before, .kogis .aside#marginal .panel-heading.ui-state-default i:before { content: '\e819'; } .panel-group .panel-body .panel-heading>h4>a>i:before /*,#searchFilterMobile.panel-group .panel-body .panel-heading>h4>a>i:before*/ { content: '\e814'; } .panel-group .panel-body .panel-heading>h4>a.collapsed>i:before, #searchFilterMobile.panel-group .panel-body .panel-heading>h4>a.collapsed>i:before { content: '\e815'; } .kogis .aside#marginal .panel-body .panel-body { padding-right: 0; } .panel-body button.submit { background-color: #00528e; color: #fff; text-align: center; padding: 5px 0; border: none; overflow: hidden; display: block; width: 196px; margin-left: 16px; margin-top: 20px; } .panel-body select { border: 1px solid #b3b3b3; border-bottom: none; height: 100px; width: 100%; } #searchOption1 select, select.autoHeight { height: auto; } .aside > .panel-group >.panel >.panel-collapse, .aside > .panel-group >.panel > form >.panel-collapse{ border-bottom: 3px solid #00528e !important; padding-bottom: 20px !important; } .panel .panel { border-bottom: 1px solid #B3B3B3; padding-bottom: 0; margin-bottom: 3px; } .panel-heading.top, .kogis .ui-accordion.ui-widget.panel-default .panel-heading.top { background: #00528e; color: #fff; padding: 5px 15px 5px 40px; -moz-border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; border-radius: 0; border: none; } .kogis .ui-accordion.ui-widget.panel-default .panel-heading.top:hover { border: none; } form .panel-heading.top, .kogis .aside .ui-accordion.ui-widget.panel-default .panel-heading.top, .kogis #searchFilterMobile .ui-accordion.ui-widget.panel-default .panel-heading.top { background: #00528e url('') no-repeat -10px 0; } .kogis #searchFilterMobile .ui-accordion.ui-widget.panel-default .panel-heading.top a { color: #fff; } .kogis .aside .ui-accordion.ui-widget.panel-default .panel-heading.ui-accordion-header:after, .kogis #searchFilterMobile .ui-accordion.ui-widget.panel-default .ui-accordion-header:after { display: none; } .panel-heading > .dropdown .dropdown-toggle { color: inherit; } .panel-title { margin-top: 0; margin-bottom: 0; color: inherit; } h4.panel-title { padding-top: 0.5rem; } .panel-title > a, .kogis .aside#marginal .panel-title a { color: inherit; position: static; width: auto; border-bottom: none; } .kogis .aside#marginal .panel-title a:focus { text-decoration: none !important; } .kogis .aside#marginal .panel-heading:focus a { color: #CC0000; } .panel-footer { padding: 10px 15px; background-color: #f5f5f5; border-top: 1px solid #ddd; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .list-group { margin-bottom: 0; } .panel > .list-group .list-group-item { border-width: 1px 0; border-radius: 0; } .panel > .list-group:first-child .list-group-item:first-child { border-top: 0; border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel > .list-group:last-child .list-group-item:last-child { border-bottom: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel-heading + .list-group .list-group-item:first-child { border-top-width: 0; } .kogis .ui-accordion.ui-widget.panel-default { width: 100%; padding: 10px 0 0 0; } .kogis .ui-accordion.ui-widget.panel-default .ui-state-active, .kogis .ui-accordion.ui-widget.panel-default .ui-widget-content .ui-state-active, .kogis .ui-accordion.ui-widget.panel-default .ui-widget-header .ui-state-active { border: none; background-image:none; font-weight: bold; color: #444; padding: 0; } .kogis .ui-accordion.ui-widget.panel-default .ui-widget-content { background: transparent; border: none; overflow: hidden; } .kogis .ui-accordion.ui-widget.panel-default .ui-widget-content select { } .kogis .ui-accordion .panel-heading .ui-icon { display: none; } .kogis .ui-accordion .panel-collapse.ui-accordion-content { /*padding: 0;*/ border-top: 0; margin-top: 0; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: block; zoom: 1; width: 100%; } .collapse { display: none; } .collapse.in { display: block; } tr.collapse.in { display: table-row; } tbody.collapse.in { display: table-row-group; } .collapsing { position: relative; height: 0; width: 100%; overflow: hidden; -webkit-transition: height .35s ease; -o-transition: height .35s ease; transition: height .35s ease; } #searchFilterMobile { height: 50px; margin-bottom: 0; } #searchFilterMobile>.panel { position: absolute; width: 100%; background-color: #FFF; z-index: 15; } #searchFilterMobile .panel-body { padding: 15px; } #searchFilterMobile .panel-body .panel-body { padding: 0; } #searchFilterMobile .panel-body button.submit { width: 100%; margin-left: 0; } #searchFilterMobile .panel-heading.top { padding: 8px 15px 8px 40px; border-bottom: 0; } #searchFilterMobileCollapse { -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,.6); box-shadow: 0px 2px 2px rgba(0,0,0,.6); } .article .panel-group { margin-bottom: 50px; } .article .panel-title a, .article .panel-group .panel-heading>h3>a { color: #002b4b; } .article .panel-group .panel-heading>h3 { } .article .panel-group .panel-heading>h3>a>i { float: left; margin-right: 5px; position: relative; margin-top: -2px; } .article .panel-heading { border-bottom: 1px solid #777; padding: 6px 10px 6px 0; } .article .panel-group .ui-state-default, .article .panel-group .ui-widget-content .ui-state-default, .article .panel-group .ui-widget-header .ui-state-default { background: transparent url(''); border: none; border-bottom: 1px solid #777; border-radius: 0; } .article .panel-body .panel-heading, .kogis #searchFilterMobile .ui-accordion.ui-widget.panel-default .panel-body .panel-heading { padding-top: 0; border-radius: 0; } .kogis #searchFilterMobile .ui-accordion.ui-widget.panel-default { border-bottom: 1px dotted #777; } .article .panel-group .panel-heading>h3>a.collapsed>i:before { content: '\e815'; } .article .panel-group .panel-heading>h3>a>i:before { /* content: '\e814'; */ margin-left: 10px; } .article .panel-body { padding: 0 0 10px 15px; } .article .panel { margin-bottom: 2px; } .article ul.panel-group .panel-heading { border-bottom: none; } .article ul.panel-group .panel-heading>h4>a { color: #444; } .article ul.panel-group .panel-heading>h4>a>span { color: #002b4b; display: none; } .article ul.panel-group .panel-heading>h4>a>span.collapse-hide { display: inline; } .kogis .article .ui-accordion.ui-widget.panel-default li.panel-default .ui-state-active{ border: none; } /* .article ul.panel-group .panel-heading>h4>a.collapsed>span.collapse-hide, */ .article ul.panel-group li .panel-heading.ui-state-active span.collapse-show, .article ul.panel-group li .panel-heading.ui-state-default span.collapse-hide { display: none; } /* .article ul.panel-group .panel-heading>h4>a.collapsed>span.collapse-show, */ .article ul.panel-group li .panel-heading.ui-state-active span.collapse-hide, .article ul.panel-group li .panel-heading.ui-state-default span.collapse-show { display: inline; } .article ul.list.panel-group li, .kogis .article ul.list.panel-group li.ui-accordion.ui-widget.panel-default { margin-bottom: 5px; padding: 6px 10px 6px 0; list-style-type: square; } .article ul.panel-group .panel-body { padding-left: 0; } .article ul.list.panel-group { margin-bottom: 0; list-style-type: square; margin-left: 15px; } .kogis #marginal.aside { padding-top: 2.875rem; } #marginal div.filterheader a, #marginal_filter div.filterheader a { color: #fff; display:block; } #marginal div.filterheader a:focus, #marginal_filter div.filterheader a:focus { outline: 3px solid #CC0000; } #marginal div.filterbody .togglehandle, #marginal_filter div.filterbody .togglehandle { cursor: pointer } #marginal h3.filterheader span.icon, #marginal_filter h3.filterheader span.icon { float: right; font-family: fontello; margin-right: 15px; } #marginal h3.filterheader.toggleclosed span.icon:before, #marginal_filter h3.filterheader.toggleclosed span.icon:before { content: '\e819'; } #marginal h3.filterheader.toggleopen span.icon:before, #marginal_filter h3.filterheader.toggleopen span.icon:before { content: '\e81b'; } /*--- Panel END */ /*------------------- Linklist START ---------------------*/ .linklist ul{ margin-left: 16px; list-style-type: square; margin-bottom: 20px; } .linklist li a { font-weight: normal; text-transform: none; } .linklist a:after { content: '\e81e'; font-family: "fontello"; margin-left: 2px; } /*--- Linklist END */ /*------------------- Beh�rden START ---------------------*/ .article ul.list { list-style-type: square; margin-left: 15px; } .article ul.list li.text-right { list-style-type: none; } .article ul.list.icons { list-style-type: none; margin-left: 0; margin-top: 20px; } .article ul.list.icons li:before { margin-right: 20px; } .article ul.list.icons li.icon-nummernschild:before { margin-left: -2px; margin-right: 31px; } .article ul.list li h3 { margin: 0; } .article ul.list.icons li { padding-left: 25px; } .article ul.list li { margin-bottom: 10px; } .article .panel-body ul.list { margin-bottom: 20px; } .article .panel-body ul.list li { margin-bottom: 0; } .article ul.list li h3 a { font-weight: normal; margin-left: 5px; } .article ul.list li p { margin-top: 0; margin-bottom: 0; } .article ul.list li p a { font-weight: bold; } /*--- Beh�rden END */ /*------------------- Dienstleistungen START ---------------------*/ ul li h3 i.icon-online { /* border-right: 1px solid #8F8D8B; */ } /*--- Dienstleistungen END */ /*------------------- Jquery Accordion START ---------------------*/ .kogis .ui-widget { font-family: 'PTSansRegular',Helvetica,Arial,sans-serif !important; margin-left: 0px; padding: 0.4em 0.5em 0.5em 0; width: 42em; } .kogis .ui-accordion .ui-accordion-header { padding-left:53px; padding-top:0.4em; padding-bottom:0.4em; padding-right: 36px; font-weight:bold; } .kogis .ui-accordion .ui-accordion-content { padding-left:0.8em; padding-top:0.4em; padding-bottom:1.2em; } .ui-accordion .ui-accordion-content-active { } .kogis .h3_box{ padding-left: 2em; } .kogis .ui-accordion .ui-accordion-header { padding-top: 0.8em; } .kogis .article .ui-accordion.ui-widget.panel-default .ui-state-active{ border-bottom: 1px solid #444; padding-bottom: 0.4em; } .kogis .article .ui-accordion-icons.panel-default .panel-default, .kogis .article .ui-accordion.ui-widget.panel-default .panel-default .ui-state-active { border-bottom: 1px dotted #777; } .kogis .article .ui-accordion-icons .ui-accordion-header a { padding: 0; /* color: #444; */ color: #002b4b; } .kogis .article .ui-accordion-icons li .ui-accordion-header a { color: #444; } .kogis .article .ui-accordion-icons li .ui-accordion-header { padding: 6px 10px 6px 0; } .kogis .article .ui-accordion .ui-accordion-header { padding-left: 0; padding-top: 0; } .kogis .ui-accordion .ui-accordion-header:after { content: '\e819'; font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; text-align: center; /* opacity: .8; */ font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; float: right; margin-right: 20px; position: absolute; right: 0; top: 11px; } .kogis .article .ui-accordion .ui-accordion-header:after { display: none; } .kogis .ui-accordion .ui-accordion-header-active:after { content: '\e81b'; } .kogis .ui-accordion .ui-accordion-header:focus, .kogis .article .ui-accordion-icons .ui-accordion-header:focus a, .kogis .article .ui-accordion-icons .ui-accordion-header:hover a { color:#CC0000; } .kogis .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #CCCCCC; color: #444444; font-weight: bold; } .kogis .ui-accordion .ui-accordion-header .ui-icon, .kogis .ui-accordion .ui-accordion-header-active.ui-state-active .ui-icon, .kogis .ui-accordion .ui-accordion-header.ui-accordion-header-active:focus .ui-icon{ background: transparent url('') no-repeat 0 0; width: 38px; height: 35px; top: 10px; } .kogis .ui-accordion .ui-accordion-header.ui-state-hover .ui-icon, .kogis .ui-accordion .ui-accordion-header:focus .ui-icon, .kogis .ui-accordion .ui-accordion-header.ui-accordion-header-active:hover .ui-icon { background: transparent url('') no-repeat 0 0; } .kogis .ui-accordion .ui-accordion-header-active.ui-state-active { color: #fff; background-color: #002b4b; background-image: none; } .kogis .ui-widget-content a.error, .kogis .ui-accordion .ui-accordion-header.ui-state-hover{ color:#CC0000; } .kogis .ui-accordion .ui-accordion-header-active { color: #002b4b; } .kogis .required_field { color: #C00; font-weight: normal; } .kogis .ui-accordion input[type="text"], .kogis .ui-accordion textarea, .kogis .ui-accordion input[type="select"] { width: 438px; padding: 5px; margin-bottom: 3px; } .kogis .ui-accordion label { display: block; font-weight: bold; } .kogis .ui-accordion input[type="checkbox"] { float: left; margin-right: 15px; margin-top: 4px; border: none; } .kogis .ui-accordion input[type="submit"] { float: right; margin-right: 150px; border: none; background: #002b4b; padding: 5px 30px; color: #FFF; } /*--- Jquery Accordion END */ /*------------------- FeedbackForm START ---------------------*/ /* Sonderfall für TP/SP von width! */ @media screen and (max-width: 74.9375rem){ .centerframe, .kogis #container, .container { width: 100% !important; max-width: 60rem; } } .feedbackform.active { width: 285px; position: absolute; top: 41px; right: -45px; transform: none; } .feedbackform.active .feedbackform-control { display: none; } .feedbackform .feedbackform-body { display: block; width: 239px; background-color: #edf1f6; border-left: 1px solid #cccccc; border-bottom: 1px solid #cccccc; border-radius: 5px 0 0px 5px; } .feedbackform.closed .feedbackform-body { display: none; } .feedbackform .feedbackform-body p.feedbackform-title { display: block; width: auto; margin: 0 -45px 0 0; font-weight: bold; color:#fff; background: transparent; } .feedbackform.closed .feedbackform-body p.feedbackform-title { display: none; } .feedbackform .feedbackform-body p.feedbackform-title a { display: block; padding: 15px 0 11px 63px; color:#fff; border-radius: 5px; overflow: hidden; background: #002b4b url('') no-repeat 13px 10px; } .feedbackform .feedbackform-body p.feedbackform-title a:hover, .feedbackform .feedbackform-body p.feedbackform-title a:focus, .feedbackform .feedbackform-body p.feedbackform-title a:active { background-color: #ab2600; } .feedbackform .feedbackform-body p.feedbackform-title a:before { float: right; margin: -2px 1em 0 0; font-family: "fontello"; font-style: normal; font-weight: normal; } .feedbackform.active .feedbackform-body p.feedbackform-title a:before { content: '\e81b'; } .feedbackform.closed .feedbackform-body p.feedbackform-title a:before { content: '\e819'; } .feedbackform .feedbackform-control { width: 45px; float: right; } .feedbackform .feedbackform-control a{ height: 162px; } .feedbackform .feedbackform-control a.feedbackform-open { display: block; background: transparent url('') no-repeat center center; background-size: 1px 1px; } .feedbackform .feedbackform-control a.feedbackform-open:focus, .feedbackform .feedbackform-control a.feedbackform-open:hover, .feedbackform .feedbackform-control a.feedbackform-open:active { background-position: 0 0; background-size: auto; } .feedbackform .feedbackform-control a.feedbackform-open:focus img, .feedbackform .feedbackform-control a.feedbackform-open:hover img, .feedbackform .feedbackform-control a.feedbackform-open:active img { display: none; } .feedbackform p.feedbackform-error { color: #ab2700; } .feedbackform p.feedbackform-error:empty { display: none; } .feedbackform .feedbackform-body fieldset { border: none; margin: 20px 0; padding: 0px 15px; } .feedbackform .feedbackform-body legend { background-color: transparent; font-weight: bold; margin-bottom: 5px; } .feedbackform .formRow { clear: both; padding-top: 1em; margin-bottom: 0; } .feedbackform .feedbackform-body .text input { width: 197px; padding: 5px; } .feedbackform .feedbackform-body textarea { width: 197px; height: 87px; padding: 5px; } .feedbackform .feedbackform-body label { display: block; } .feedbackform .feedbackform-body .checkbox label { float: left; width: calc(100% - 2.5em); } .feedbackform .feedbackform-body .checkbox input { float: right; margin-top: 4px; border: none; } .feedbackform .feedbackform-body .feedbackform-submit { border: none; background: #00528e; padding: 5px 30px; color: #FFF; margin-left: 25px; } .feedbackform .feedbackform-close { display: none; } @media screen and (min-width: 68.001rem) { .feedbackform { width: 45px; position: fixed; top: 180px; transform: translateX(2132%); z-index: 999; } } @media screen and (max-width: 68rem) { .feedbackform, .feedbackform.active { position: static; display: block; width: auto; margin: 0.625rem 3.75rem; } .feedbackform .feedbackform-control { display: none; } .feedbackform form { padding-bottom: 1em; } .feedbackform .feedbackform-body, .feedbackform.closed .feedbackform-body { width: 100%; display: block; border-radius: 0; background: #f2f1ef; border: 0; margin-bottom:3em; } #container .feedbackform.active .feedbackform-body p.feedbackform-title, #container .feedbackform.closed .feedbackform-body p.feedbackform-title { display: block; width: 100%; margin: 0; padding: 0; } #container .feedbackform .feedbackform-body .feedbackform-title a { min-height: 1.7rem; line-height: 1.3125rem; padding: 0.8rem 0 0.5rem 3rem; border-radius: 3px; background-position: 5px center; } .feedbackform .feedbackform-body .text input, .feedbackform .feedbackform-body textarea { width: 97%; padding: 5px; } .feedbackform .feedbackform-body .feedbackform-submit { margin-left: 0; } } @media screen and (max-width: 48rem) { .feedbackform, .feedbackform.active { margin: 0.625rem 0.9375rem; } } .no-js .feedbackform, .no-js .feedbackform.active { position: static; display: block; width: auto; margin: 0.625rem 3.75rem; } .no-js .feedbackform .feedbackform-control { display: none; } .no-js .feedbackform form { padding-bottom: 1em; } .no-js .feedbackform .feedbackform-body, .no-js .feedbackform.closed .feedbackform-body { width: 100%; display: block; border-radius: 0; background: #f2f1ef; border: 0; } .no-js #container .feedbackform .feedbackform-body p.feedbackform-title, .no-js #container .feedbackform.active .feedbackform-body p.feedbackform-title, .no-js #container .feedbackform.closed .feedbackform-body p.feedbackform-title { display: block; width: 100%; margin: 0; padding: 0; } .no-js #container .feedbackform .feedbackform-body .feedbackform-title a { min-height: 1.7rem; line-height: 1.3125rem; padding: 0.8rem 0 0.5rem 3rem; border-radius: 3px; background-position: 5px center; } .no-js .feedbackform .feedbackform-body .text input, .no-js .feedbackform .feedbackform-body textarea { width: 97%; padding: 5px; } .no-js .feedbackform .feedbackform-body .feedbackform-submit { margin-left: 0; } @media screen and (max-width: 48rem) { .feedbackform, .feedbackform.active, .no-js .feedbackform, .no-js .feedbackform.active { margin: 0.625rem 0.9375rem; } } /*--- FeedbackForm END */ /*------------------- Footer START ---------------------*/ .kogis #footer { margin-top: 50px; } /*--- Footer END */ /*------------------- Serviceportal START ---------------------*/ .serviceportal .toggle-article-cnt { background-image: none; } /*--- Serviceportal END */ @media screen and (max-width: 48rem) { .hideOnMobile { display: none!important; } .showOnMobile { display: block!important; } .head_spacer { display: none !important; } .header input#runsearch { display: none!important; } .kogis #main { padding-bottom: 0!important; } .header input#searchinput { margin-top: 7px; } .logo_wrapper:hover ul{ display: none; } .nav.mobileview .interfaceicon.arrowindicator.mobile, .nav.mobileview .interfaceicon.arrowindicator { background-position: -175px -141px; height: 35px; top: 25px; width: 34px; } .kogis.head_navigation #main { padding-top:10px!important; } .centerframe.activated .logo_wrapper:hover ul { display: none!important; } .kogis #footer ul li { display: block; margin-bottom: 0; margin-left: 0; margin-right: 0; margin-top: 0; padding-bottom: 10px; padding-left: 0; padding-right: 0; padding-top: 10px; width: 100%!important; } .searchox.main_article .search.full h2 { padding-left: 0px; } .searchox.main_article .search.full label#searchStrLabel { float: left; width: 95%; } .searchox.main_article .search.full input#searchStr { width: 100%; } .fullWidth.searchox.main_article form, div.search.full { background-position: -5px -15px; padding-left: 15px; } .searchox #searchField { width: 100%; max-width: 100%; } form label#fileCntLabel { padding-left: 0; } .search-result-item a { margin-top: 10px; float: none; width: 100%; clear: both; } .main_article.breadcrumb{ clear: both; padding-bottom: 14px; padding-left: 0; padding-right: 0; padding-top: 14px; } .search-result-item a:after { position: relative; } /* .kogis .pagination li{ margin-right: 20px; } */ .jumplistelement { margin-bottom: 10px; height: 60px; } .single-article.w290 { width: 100%; margin-bottom: 20px; } .search-control ul li { margin-right: 20px; } .js .toggle-article-cnt { /* height: 400px; */ } i.icon-left { float: left; width: 20%; margin-right: 10px; } .main_article ul.list li h3 a { display: block; margin-left: 0; } .search-result-item span.trim { display: none; } .search-result-item h3:hover .trim-complete { position: static; background-color: transparent; padding: 0; margin-left: 0px; margin-top: 0px; margin-bottom: 0; } .search-result-item h3 .trimmed-text, .search-result-item h3:hover .trimmed-text { display: inline; position: static; background-color: transparent; text-indent: 0; margin-left: 0; } .breadcrump { //height: auto; } #container .search-result-item p.doctype { padding-left: 0; } .floatright { float: none; } .article .project_info_right { padding-left: 0; width: 100%; } .article .project_info_right { word-wrap: break-word; } .map>img { margin-bottom: 20px; width: 100%; } .article ul.list.icons .icon-left h3 { width: auto; } .article ul.list.icons .icon-left a, .article ul.list.icons .icon-left a.direct { display: block; float: none; text-align: left; margin-left: 0px; } .serviceportal .search-result-item .links { margin: 0; float: none; } #container .search-result-item p.doctype, #container .search-result-item p, #container .search-results p { padding-left: 0; } .breadcrump { //height: auto; } .floatright { float: none; } .transparenzportal .search-result-item .links { float: none; text-align: left; } .article .project_info_right { padding-left: 0; width: 100%; } .article .project_info_right { word-wrap: break-word; } .kogis .ui-widget { width: 100%; } .kogis .ui-accordion input[type="text"], .kogis .ui-accordion textarea, .kogis .ui-accordion input[type="select"] { width: 100%; } .search-control h2 span { float: none; display: block; } a.inline, .article ul.list.icons .icon-left a.inline { display: inline; margin-left: 5px; } .article ul.list.icons .icon-left a, .article ul.list.icons .icon-left a.direct { display: inline; } } @media print { .kogis .aside#marginal #themenCollapse ul li a, .kogis .aside#marginal ul li a { float: left; } .kogis .aside#marginal #themenCollapse ul li a.icon-left, .kogis .aside#marginal ul li a.icon-left { width: 48px; } form label#fileCntLabel { width: 100% } .kogis.head_navigation .article { width: 80%; } .aside { display: none!important; } .aside ul li.icon-left { display: block; page-break-inside:avoid !important; } .aside ul li.icon-left a{ display: block; page-break-inside:avoid !important; page-break-after:avoid !important; } .searchox.main_article form input#searchStr { border: 2px solid #000; } .searchox.main_article form button i:before { content: '\e813'; font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; } } span.border { padding-bottom: 0px; border-bottom: 1px solid #DDDDDD; display: none; } #collapse-behoerde .ui-widget-content a, #collapse-dienstleistungen .ui-widget-content a { color:#002b4b; /* #444444 */ } #collapse-behoerde .ui-widget-content a:hover, #collapse-dienstleistungen .ui-widget-content a:hover { color:#CC0000; } .kogis #marginal.aside .marginal_item.teaser span { display: block; } .panel-body ul { list-style-type: square; margin-left: 15px; } .panel-body p { padding: 0px; } .fix_ul ul { list-style-type: square; margin-left: 15px; } .link_style { color: rgb(14,120,173); cursor: pointer; } .kogis.head_navigation ul.content_functions li span.interfaceicon, .kogis.head_navigation .search_results h2 .interfaceicon { width: 30px !important; padding:0 !important; } } #collapse-dienstleistungen a.nolinkcolor { color: #000000 ; } #collapse-dienstleistungen a.nolinkcolor:hover { color: 002b4b ; } /* additional styles for SP by gerriT - start */ /* aside for detail page start*/ @media screen and (max-width: 48rem) .aside.marginal_detail { padding: 0px 2% 50px !important; width: 96% !important; display: block; } .aside.marginal_detail .marginal_item { position: relative; } .aside.marginal_detail .marginal_item.teaser { margin: 0px 0px 20px; } .aside.marginal_detail .marginal_item ul { padding: 10px 0px 15px 15px; } .aside.marginal_detail .marginal_item li a { border-bottom: 0px none; width: auto; position: relative; color: #555; cursor: pointer; display: block; line-height: 22px; padding: 10px 0px 10px 5px; right: 0px; bottom: 0px; transition: color 0.2s ease-in-out 0s; text-decoration: none; } .aside.marginal_detail .marginal_item.teaser img { position: absolute; left: 5px; top: 13px; } } .kogis .aside#marginal .marginal_item.teaser ul li:hover { background: transparent; cursor: default; } .kogis .aside#marginal .marginal_item.teaser ul li div.aside_nolink:hover{ background: transparent; cursor: default; } .kogis .aside#marginal .marginal_item.teaser ul li { padding: 0px 0; } #container .aside.marginal_detail .marginal_item.teaser ul li a p { padding: 0px 0px 0px 50px; } .aside.marginal_detail { width: 240px; padding: 0px; float: right; } .aside.marginal_detail .marginal_item.teaser ul { padding-left: 0px; } .aside.marginal_detail .marginal_item.teaser ul li { padding: 5px 0px; border-bottom: medium none; margin-bottom: 0px; } .aside.marginal_detail .marginal_item.teaser img { position: absolute; } .aside.marginal_detail .marginal_item.teaser span { display: block; padding: 0px 0px 0px 50px; } .aside.marginal_detail .marginal_item.teaser p { padding: 0px 0px 0px 50px; margin: 0px; } .aside.marginal_detail .marginal_item.teaser ul li.icon-left { border-bottom: 1px solid #B3B3B3; clear: both; padding: 12px 0px 5px; } .aside.marginal_detail ul li span.linkTitle { color: #444; font-weight: bold; } .aside.marginal_detail li.icon-left img.icon { float: left; margin: 0px 15px 4px 4px; width:24px; } .aside.marginal_detail ul li span.linkText { display: block; } .aside.marginal_detail .infoBox { border-bottom: 3px solid #002b4b; } .aside.marginal_detail .infoBox h3 { color: #fff; background-color: #002b4b; padding: 10px 0 8px 15px; margin: 10px 0 0 0; } .aside.marginal_detail .infoBox ul { margin-top: 0; } .aside.marginal_detail .infoBox ul li:hover { background-color: transparent; } .aside.marginal_detail .infoBox p { padding: 0px 10px; } .aside.marginal_detail .infoBox .hover a { color: #444; } .aside.marginal_detail .infoBox a.direct, .aside.marginal_detail .infoBox a { color: #002b4b; } .aside.marginal_detail .infoBox a.direct:hover, .aside.marginal_detail .infoBox a:hover { color: #c00; } .aside.marginal_detail .infoBox ul li.icon-left:last-child { padding-bottom: 10px; } /*aside for detail page end*/ /*Result Jumplist focus start*/ #main div.article div.jumplistelement ul > li > a:focus { outline: thin dotted; } /*Result Jumplist focus end*/ /* filter start */ #main form .article ul { /* padding-left:0;*/ } .kogis .ui-accordion input[type="submit"] { width: auto; } @media screen and (max-width: 48rem) #main .aside#marginal_filter { width: 100% !Important; display: block; } } .kogis .aside#marginal.mobile { padding-top: 0; } .kogis .aside#marginal.mobile>div:first-child { margin-top: 0; } #marginal.mobile .filterlinks .filterbody h4, #marginal_filter .filterlinks .filterbody h4 { margin-top: 0.3rem; color: #545454; font-weight: bold; border-bottom: 1px solid #434345; } #marginal.mobile .filterlinks .filterbody h4, #marginal_filter .filterlinks .filterbody h4, #marginal.mobile .filterlinks .filterbody ul li, #marginal_filter .filterlinks .filterbody ul li { padding: 0.5rem 0.75rem; } /* filter end */ /* fehler formular start */ .ui-widget { font-family: 'PTSansRegular', Helvetica, Arial, sans-serif; margin-left: 0.5em; padding: 0.4em 0.5em 0.5em; width: 42em; } .ui-accordion .ui-accordion-header { padding-left: 2em; padding-top: 0.4em; padding-bottom: 0.4em; font-weight: bold; } .ui-accordion .ui-accordion-content { padding-left: 0.8em; padding-top: 0.4em; padding-bottom: 1.2em; } .h3_box { padding-left: 2em; } .ui-accordion .ui-accordion-header { padding-top: 0.8em; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #CCCCCC; color: #444444; font-weight: bold; } .ui-widget-content a.error { color: #CC0000; } /* fehler formular end */ /* input fix start */ input[type="radio"], input[type="checkbox"] { width: auto; margin-inside: 8px; display: inline; } /* input fix end */ #main .article .search-results ul.multiline { padding-left: 0; } /* lists start */ .search-results ul.reference-list { padding: 0 !important; } .article .search-results ul.list { list-style: none !important; padding-left: 0; } /* lists ens */ /* blaues band Suche fixes - start */ /* #main > h1, #main > strong, #main > strong + p, /*#main > h1 + em,*/ /* #main > .pagination { padding-left: 60px !important; } #main > .pagination.results_on_page { padding-right: 60px !important; } */ #main > hr { margin: 1em 60px; } #main > h1 + em:after { content: " "; display: block; height: 130px; float: left; width: 60px; } /* blaues band Suche fixes - end */ /* Tastaturfokus Suchfilter - start */ #marginal_filter h3.togglehandle:focus-within{ border-color: #ab2600; border-bottom-color: #ab2600 !important; background-color: #ab2600; text-decoration: underline; } #marginal_filter h3.togglehandle a:focus{ text-decoration: underline !important; // wird sonst überschrieben von zu starker verschachtelung in styles.scss } /* Tastaturfokus Suchfilter - end */ /* additional styles for SP by gerriT - end */ @font-face { font-family: 'fontello'; src: url('/static/fonts/fontello.eot?90557523'); src: url('/static/fonts/fontello.eot?90557523#iefix') format('embedded-opentype'), url('/static/fonts/fontello.woff?90557523') format('woff'), url('/static/fonts/fontello.ttf?90557523') format('truetype'), url('./static/fonts/fontello.svg?90557523#fontello') format('svg'); font-weight: normal; font-style: normal; } /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */ /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */ /* @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'fontello'; src: url('/static/fonts/fontello.svg?90557523#fontello') format('svg'); } } */ [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } .icon-bevoelkerung:before { content: '\e800'; } /* '?' */ .icon-dokumente_a-z:before { content: '\e801'; } /* '?' */ .icon-eco:before { content: '\e802'; } /* '?' */ .icon-geografie:before { content: '\e803'; } /* '?' */ .icon-haus:before { content: '\e804'; } /* '?' */ .icon-haushalt_steuer:before { content: '\e805'; } /* '?' */ .icon-help:before { content: '\e806'; } /* '?' */ .icon-laster:before { content: '\e807'; } /* '?' */ .icon-legal:before { content: '\e808'; } /* '?' */ .icon-medical_emergency:before { content: '\e809'; } /* '?' */ .icon-message:before { content: '\e80a'; } /* '?' */ .icon-ordner_liste:before { content: '\e80b'; } /* '?' */ .icon-path:before { content: '\e80c'; } /* '?' */ .icon-sience:before { content: '\e80d'; } /* '?' */ .icon-soziales:before { content: '\e80e'; } /* '?' */ .icon-theater:before { content: '\e80f'; } /* '?' */ .icon-verbraucherschutz:before { content: '\e810'; } /* '?' */ .icon-wirtschaft_arbeit:before { content: '\e811'; } /* '?' */ .icon-info:before { content: '\e812'; } /* '?' */ .icon-suche:before { content: '\e813'; } /* '?' */ .icon-minus:before { content: '\e814'; } /* '?' */ .icon-plus:before { content: '\e815'; } /* '?' */ .icon-chess:before { content: '\e816'; } /* '?' */ .icon-schluessel:before { content: '\e817'; } /* '?' */ .icon-doctype:before { content: '\e818'; } /* '?' */ .icon-plus_solo:before { content: '\e819'; } /* '?' */ .icon-rohdaten:before { content: '\e81a'; } /* '?' */ .icon-minus_solo:before { content: '\e81b'; } /* '?' */ .icon-pfeil_nach_oben:before { content: '\e81c'; } /* '?' */ .icon-pfeil_nach_unten:before { content: '\e81d'; } /* '?' */ .icon-link_icon:before { content: '\e81e'; } /* '?' */ .icon-trash:before { content: '\e81f'; } /* '?' */ .icon-nummernschild:before { content: '\e820'; } /* '?' */ .icon-briefcase:before { content: '\e821'; } /* '?' */ .icon-name_badge:before { content: '\e822'; } /* '?' */ .icon-car:before { content: '\e823'; } /* '?' */ .icon-ebuergersafe:before { content: '\e824'; } /* '?' */ .icon-buergertelefon:before { content: '\e825'; } /* '?' */ .icon-behoerde:before { content: '\e826'; } /* '?' */ .icon-online:before { content: '\e827'; } /* '?' */ .icon-user_service:before { content: '\e828'; } /* '?' */ .icon-loading:before { content: '\e829'; } /* '?' */ .icon-finder:before { content: '\e82a'; } /* '?' */ .icon-dienstleistung:before { content: '\e82b'; } /* '?' */ .icon-display:before { content: '\e82c'; } /* '?' */ .icon-rss:before { content: '\e82d'; } /* '?' */ .icon-pictures_alt_2:before { content: '\e82e'; } /* '?' *//* Animation example, for spinners */ .animate-spin { -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; -webkit-animation: spin 2s infinite linear; animation: spin 2s infinite linear; display: inline-block; } @-moz-keyframes spin { 0% { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); -o-transform: rotate(359deg); -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @-webkit-keyframes spin { 0% { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); -o-transform: rotate(359deg); -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @-o-keyframes spin { 0% { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); -o-transform: rotate(359deg); -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @-ms-keyframes spin { 0% { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); -o-transform: rotate(359deg); -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes spin { 0% { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); -o-transform: rotate(359deg); -webkit-transform: rotate(359deg); transform: rotate(359deg); } }