body > .skip-link { position: fixed; top: 12px; left: 12px; z-index: 2147483647; box-sizing: border-box; max-width: calc(100vw - 24px); padding: 5px 10px; transform: translateY(calc(-100% - 24px)); background: #fff; border: 3px solid #006f66; color: #006f66; font-family: CircularStd, Arial, sans-serif; font-size: 14px; font-weight: 700; line-height: 1.3; text-decoration: none; } body > .skip-link:focus, body > .skip-link:focus-visible { transform: translateY(0); outline: 3px solid #000; outline-offset: 2px; } .skip-link-target { scroll-margin-top: 20px; } .skip-link-target:focus { outline: none; } @font-face { font-family: 'CircularStd'; src: url('fonts/circular/CircularStd-Light.eot'); src: local('fonts/circular/Circular Std Light'), local('CircularStd-Light'), url('fonts/circular/CircularStd-Light.eot?#iefix') format('embedded-opentype'), url('fonts/circular/CircularStd-Light.woff2') format('woff2'), url('fonts/circular/CircularStd-Light.woff') format('woff'), url('fonts/circular/CircularStd-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'CircularStd'; src: url('fonts/circular/CircularStd-Medium.eot'); src: local('fonts/circular/Circular Std Medium'), local('CircularStd-Medium'), url('fonts/circular/CircularStd-Medium.eot?#iefix') format('embedded-opentype'), url('fonts/circular/CircularStd-Medium.woff2') format('woff2'), url('fonts/circular/CircularStd-Medium.woff') format('woff'), url('fonts/circular/CircularStd-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'CircularStd'; src: url('fonts/circular/CircularStd-Bold.eot'); src: local('fonts/circular/Circular Std Bold'), local('CircularStd-Bold'), url('fonts/circular/CircularStd-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/circular/CircularStd-Bold.woff2') format('woff2'), url('fonts/circular/CircularStd-Bold.woff') format('woff'), url('fonts/circular/CircularStd-Bold.ttf') format('truetype'); font-weight: 700; font-style: normal; } /*-----------------------------*/ @font-face { font-family: 'Circular Std'; src: url('fonts/circular/CircularStd-MediumItalic.eot'); src: local('fonts/circular/Circular Std Medium Italic'), local('CircularStd-MediumItalic'), url('fonts/circular/CircularStd-MediumItalic.eot?#iefix') format('embedded-opentype'), url('fonts/circular/CircularStd-MediumItalic.woff2') format('woff2'), url('fonts/circular/CircularStd-MediumItalic.woff') format('woff'), url('fonts/circular/CircularStd-MediumItalic.ttf') format('truetype'); font-weight: 500; font-style: italic; } @font-face { font-family: 'Circular_bold'; src: url('fonts/circular/CircularStd-Black.eot'); src: local('fonts/circular/Circular Std Black'), local('CircularStd-Black'), url('fonts/circular/CircularStd-Black.eot?#iefix') format('embedded-opentype'), url('fonts/circular/CircularStd-Black.woff2') format('woff2'), url('fonts/circular/CircularStd-Black.woff') format('woff'), url('fonts/circular/CircularStd-Black.ttf') format('truetype'); font-weight: 900; font-style: normal; } @font-face { font-family: 'Circular Std'; src: url('fonts/circular/CircularStd-Medium.eot'); src: local('fonts/circular/Circular Std Medium'), local('CircularStd-Medium'), url('fonts/circular/CircularStd-Medium.eot?#iefix') format('embedded-opentype'), url('fonts/circular/CircularStd-Medium.woff2') format('woff2'), url('fonts/circular/CircularStd-Medium.woff') format('woff'), url('fonts/circular/CircularStd-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Circular_normal'; src: url('fonts/circular/CircularStd-Medium.eot'); src: local('fonts/circular/Circular Std Medium'), local('CircularStd-Medium'), url('fonts/circular/CircularStd-Medium.eot?#iefix') format('embedded-opentype'), url('fonts/circular/CircularStd-Medium.woff2') format('woff2'), url('fonts/circular/CircularStd-Medium.woff') format('woff'), url('fonts/circular/CircularStd-Medium.ttf') format('truetype'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Circular Std Bold'; src: url('fonts/circular/CircularStd-Bold.eot'); src: local('fonts/circular/Circular Std Bold'), local('CircularStd-Bold'), url('fonts/circular/CircularStd-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/circular/CircularStd-Bold.woff2') format('woff2'), url('fonts/circular/CircularStd-Bold.woff') format('woff'), url('fonts/circular/CircularStd-Bold.ttf') format('truetype'); font-weight: 600; font-style: normal; } @font-face { font-family: 'Circular_std_bold_italic'; src: url('fonts/circular/CircularStd-BlackItalic.eot'); src: local('fonts/circular/Circular Std Black Italic'), local('CircularStd-BlackItalic'), url('fonts/circular/CircularStd-BlackItalic.eot?#iefix') format('embedded-opentype'), url('fonts/circular/CircularStd-BlackItalic.woff2') format('woff2'), url('fonts/circular/CircularStd-BlackItalic.woff') format('woff'), url('fonts/circular/CircularStd-BlackItalic.ttf') format('truetype'); font-weight: 900; font-style: italic; } @font-face { font-family: 'Circular Std Book'; src: url('fonts/circular/CircularStd-BookItalic.eot'); src: local('fonts/circular/Circular Std Book Italic'), local('CircularStd-BookItalic'), url('fonts/circular/CircularStd-BookItalic.eot?#iefix') format('embedded-opentype'), url('fonts/circular/CircularStd-BookItalic.woff2') format('woff2'), url('fonts/circular/CircularStd-BookItalic.woff') format('woff'), url('fonts/circular/CircularStd-BookItalic.ttf') format('truetype'); font-weight: normal; font-style: italic; } @font-face { font-family: 'Circular Std Book N'; src: url('fonts/circular/CircularStd-BookItalic.eot'); src: local('fonts/circular/Circular Std Book Italic'), local('CircularStd-BookItalic'), url('fonts/circular/CircularStd-BookItalic.eot?#iefix') format('embedded-opentype'), url('fonts/circular/CircularStd-BookItalic.woff2') format('woff2'), url('fonts/circular/CircularStd-BookItalic.woff') format('woff'), url('fonts/circular/CircularStd-BookItalic.ttf') format('truetype'); font-weight: 500; } @font-face { font-family: 'Circular Std BoldItalic'; src: url('fonts/circular/CircularStd-BoldItalic.eot'); src: local('fonts/circular/Circular Std Bold Italic'), local('CircularStd-BoldItalic'), url('fonts/circular/CircularStd-BoldItalic.eot?#iefix') format('embedded-opentype'), url('fonts/circular/CircularStd-BoldItalic.woff2') format('woff2'), url('fonts/circular/CircularStd-BoldItalic.woff') format('woff'), url('fonts/circular/CircularStd-BoldItalic.ttf') format('truetype'); font-weight: bold; font-style: italic; } @font-face { font-family: 'Circular Std Book'; src: url('fonts/circular/CircularStd-Book.eot'); src: local('fonts/circular/Circular Std Book'), local('CircularStd-Book'), url('fonts/circular/CircularStd-Book.eot?#iefix') format('embedded-opentype'), url('fonts/circular/CircularStd-Book.woff2') format('woff2'), url('fonts/circular/CircularStd-Book.woff') format('woff'), url('fonts/circular/CircularStd-Book.ttf') format('truetype'); font-weight: normal; font-style: normal; } /*********************************************************************/ /*********************************************************************/ @font-face { font-family: 'CircularStd-Light'; src: url('/css/fonts/circular/CircularStd-Light.woff2') format('woff2'); font-weight: 300; font-style: normal; } @font-face{ font-family: 'CircularStd-Bold'; src: url('/css/fonts/circular/CircularStd-Bold.woff2') format('woff2'); font-weight: 700; font-style: normal; } @font-face { font-family: 'CircularStd-Medium'; src: url('/css/fonts/circular/CircularStd-Medium.woff2') format('woff2'); font-weight: 500; font-style: normal; } /*********************************************************************/ /*********************************************************************/ :root{ --grun1: #c0ce2e; --grun2: #51af3d; --mint1: #81cad1; --mint2: #4fbda1; --blau2: #89c3e1; --greyL: #9E9E9D; --greyD: #5D5C5B; --petrol: #318282; --gelb: #f4c618; } /*******************

grun 1
C0CE38

grun 2
54AF44

mint1
83CAD0

mint 2
57B99F

blau 2
8CC3E1

menu
grun 3
#8FC14E
 */ body{ background:#fff; color:#000; font-family: 'CircularStd'; font-size: 15px; font-weight: 300; #letter-spacing: 0.4px; #transition: .15s ease all; transition-property: transform; transition-delay: 250ms; #letter-spacing: 0.4px; overflow-x: hidden; transition: all 0.2s ease-in-out; } body:has(.buergerservice_sidebar){ overflow-x: visible; overflow: visible; } #widget_blocker_{ width: 100%; height: 100%; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 9999999; background-color: #5a9b9b; display: none; } .forpc{ display:block;} .forwidget{ display:none;} #clearform_widget { display: none; } #engage_form_cats_widget{ display:none;} #loader { width: 100%; height: 100%; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 9999999; background-color: #0000005c; background-image: url(../backend/images/loader_gray.svg); background-repeat: no-repeat; background-position: center center; background-size: auto; display: none; } .breadcrumbs{ margin-top: 60px; font-size: 16px; font-weight: 300; font-style: italic; } .breadcrumbs a{ color: #000; } .breadcrumbs span{ color: #000; } .breadcrumbs span:last-child{ font-weight: 600; } .breadcrumbs > span:nth-child(1), .breadcrumbs > span:nth-child(2){ color: #747474; color: #000; } .image_holder{ display: inline-block; position: relative; min-width: 100%; } .image_holder[data-source]::before { content: '@'attr(data-source); display: block; position: absolute; bottom: 5px; right: 5px; color: #858585; font-size: 11px; background: rgba(255,255,255,0.8); padding: 0px 10px; border-radius: 3px; font-style: italic; } .form_err{color: #b00020;} .lg{ display:block} .smm { display:none} .sm{ display:none} ::-webkit-scrollbar { width: 5px; background: transparent; } .scrollbar-inner::-webkit-scrollbar { background: #3c7575; } ::-webkit-scrollbar-thumb { border-radius: 10px; min-height:50px; #-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.19); background-color: #5a9b9b; } ::-webkit-scrollbar-track { #-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); #border-radius: 10px; #background-color: rgba(255,255,255,0.4); #background-color:#5a9b9b; } /*
::-webkit-scrollbar {
    width: 10px;
    background-color: #2e7777;
}

::-webkit-scrollbar-thumb {
    border-radius: 0;
    background-color: #1E4F4FFF;
}

::-webkit-scrollbar-track {
    border-radius: 0;
}

 */ .scrolled{ #transition-property: transform; #transition-duration: .15s ease all; } .hovered_div_menu .sub_nav_element{ text-decoration:underline!important; #background:#44A1A1;; } .lr-0{ padding-left:0; padding-right:0; } .lr-15{ padding-left:15px; padding-right:15px; } .l-0{ padding-left:0; } .r-0{ padding-right:0; } .lr-30 { padding: 0 30px; } .inlineflex{ display:inline-flex; } .ptop15{ padding-top: 15px;} .pr5 {padding-right: 5px;} .pr30 {padding-right: 30px;} .pr35 { padding-right: 35px; } .pl35 { padding-left: 35px; } .pr60 { padding-right: 60px; } .pad_right50{ padding-right:50px } .pad_right35{ padding-right:35px } .pad_left20{ padding-left:20px } .pad_left15{ padding-left:15px } .tb-20{ padding-top: 20px; padding-bottom: 20px; } .tb-30{ padding-top: 30px; padding-bottom: 30px; } .padtop30{ padding-top: 30px } .padtop20{ padding-top: 20px } .pad_right35.textbloecke { padding-right: 15px; } .sep5{ height:5px} .sep10{ height:10px} .sep12{ height:12px} .sep15{ height:15px} .sep20{ height:20px} .sep21{ height:21px} .sep25{ height:25px} .sep30{ height:30px} .sep35{ height:35px} .sep40{ height:40px} .sep45{ height:45px} .sep50{ height:50px} .sep52{ height:52px} .sep53{ height:53px} .sep55{ height:55px} .sep60{ height:60px} .sep65{ height:65px} .sep70{ height:70px} .sep75{ height:75px} .sep80{ height:80px} .sep100{ height:100px} .sep200{ height:200px} .sep230{ height:230px} .sep250{ height:250px} .bottom_sep15{ padding-bottom:15px} .w75{ width:75px;} .w100{ width:100px;} .w110{ width:110px;} .w120{ width:120px;} .w125{ width:125px;} .w130{ width:130px;} .w150{ width:150px;} .w200{ width:200px;} .w215{ width:215px;} .w970{ width:970px;} .main1_color{ color:#318282; } .main1_bg{ background:#318282; } .floatleft{ float: left;} h1 { margin: 65px 0 0; #letter-spacing: 0.4px; line-height: 1.2; } .h2 { font-size: 51px; font-weight: 600; margin: 55px 0 45px; #font-family: 'Circular_bold'; line-height: 1.2; } .homeh2{ font-size: 51px; margin: 55px 0 45px; font-weight: 600; } h2 { font-size: 51px; margin: 35px 0 45px; font-weight: 600; line-height: 1.2; } .special_h2 { font-size: 33px; font-weight: 600; margin: 0 0 35px; #font-family: 'Circular_bold'; line-height: 1.5; line-height: 1.2; } h3{ font-size: 30px; font-weight: 600; margin: 55px 0 35px; } .content_page h3{ font-size: 30px; font-weight: 600; margin: 35px 0; } h4{ font-size: 23px; font-weight: 600; margin: 55px 0 35px; } .h3{ font-size: 23px ; font-weight: 600; text-transform: uppercase; } h2 .h3.detiles_title{ font-size: 30px ; font-weight: 600; text-transform: uppercase; } .editor_content h1 { font-size: 51px; font-weight: 600; margin-top: 5px; } .h3.title_green { color: #51af3d; } a{ color: #6EB6BD; #letter-spacing: 0.4px; } a:hover{ #color: #65a6ad; } a.black { color: #000; } .black1{ color:#191919; } .bold_c{ #font-family: 'Circular Std Bold'; font-weight: 600; } ul { list-style: none; margin: 0; padding: 0; } .relative{ position: relative; } .absolute{ position: absolute; } .img_fullwidth { width: 100%; } .r-15 {right:15px} .pad10{ padding: 0 10px} .pad15{ padding: 0 15px} .pad20{ padding: 0 20px} .padr20{ padding-right:20px} .padr30{ padding-right:30px} .pad2020{ padding:20px} .padl20{ padding-left:20px} .padl30{ padding-left:30px} .lh255{ line-height: 2.55; } .fs12 { font-size: 12px;} .fs15 { font-size: 15px;} .fs16{ font-size:16px} .fs17{ font-size:17px} .fs18{ font-size:18px} .fs19{ font-size:19px} .fs20{ font-size:20px} .fs23{ font-size:23px} .fs32{ font-size:32px} .fs33{ font-size:33px} .fs35{ font-size:35px} .fs42{ font-size:42px} .fs43{ font-size:43px} .fs51{ font-size:51px} .fs51_mo_st{ font-size:45px} .fs60{ font-size:60px} .fs60_mo_st{ font-size:60px} .fs65_mo_st{ font-size:65px} .bold{ #font-family: 'Circular Std Bold'; font-weight: 600; } img.extern_link_black { vertical-align: baseline; } .italic{ font-style: italic; } .color808080{ color:#747474; } .main_green{ color:#318282; } img.small_download { vertical-align: baseline; transition: all 0.2s ease-in-out; cursor: pointer; } img.small_download:hover { opacity: 0.6; } .fs51{ font-size:51px } .text_gray1{ color:#808080} .fs20.text_gray1{ color:#747474 ; font-size: 23px; line-height: 1.75} .green1{ color:#B8CE2E} .green2{ color:#2E8E8E} .green3{ color:#54AF44} .green4{ color:#9FC548} .green6{ color:#C0CE2E} .green7{ color:#8FC046} .link_grunn2{ color:#54AF44} /**********************  new colors and styles *********************/ .grun1{ color: #C0CE38!important; } .grunn2{ color: #54AF44; } /*********  grun3 for  menu */ .grun3{ color: #8FC14E; } .mint1 { color: #83CAD0; } .mint2 { color: #57B99F; } .blau2 { color: #8CC3E1; } .gray1{ color: #9E9E9D; } .gray2{ color: #5D5C5B; } .notbold{ font-weight: 500!important; } /********************** END   new colors and styles *********************/ .color_6c6c6c{ color:#6c6c6c} .ehe_inside_accordion_element_content.opened.bottom_white_border { border-top: 2px solid #fff; } .lh175{ line-height: 1.75; } .header_container { #position: fixed; /* height: 200px; */ z-index: 1000!important; background: #fff; width: 100%; border-bottom: 0; padding: 5px 0; height: 96px; } .header_container.sticky { box-shadow: 0 0 18px #99999975; } #top_logo { width: 170px; transition: 1s ease all; transition-property: transform; transition-delay: 250ms; margin-top: 7px; margin-left: -7px; } .scrolled #top_logo { width: 155px; transition: 1s ease all; transition-property: transform; transition-delay: 250ms; margin-top: 4px; } .scrolled .sep15 { #height: 5px; } .scrolled #topmenu { margin: 20px 0 10px; } .scrolled .topmenu_text { display:none; } .scrolled .lg_menu_toggle { #margin-top: 10px; } .container.container_full{ width:100%; padding:0; #margin-top: 96px; } .content.main_slider { #margin-top: 97px; } .sticky{ position: fixed; top: 0; } .slider_green1 { position: absolute; top: 74px; font-size: 51px; color: #B8CE2E; font-family: 'Circular Std Bold'; font-weight: 600; letter-spacing: 0px; line-height: 1.1; } .slider_green2 { position: absolute; top: 74px; font-size: 51px; color: #318282; font-family: 'Circular Std Bold'; font-weight: 600; letter-spacing: 0px; line-height: 1.1; } .slider_blue1 { position: absolute; top: 74px; font-size: 51px; color: #81CAD1; #font-family: 'Circular Std Bold'; font-weight: 600; letter-spacing: 0px; line-height: 1.1; } .slider_white_56 { position: absolute; top: 140px; font-size: 75px; color: #000; #font-family: 'Circular Std Bold'; font-weight: 600; letter-spacing: 0px; line-height: 1; text-shadow: 0 1px 20px white; } .sidebar-top-gray{ color: #5D5C5B; font-weight: 600; } .slider_white_56_white { position: absolute; top: 140px; font-size: 75px; color: #fff; font-family: 'Circular Std Bold'; font-weight: 600; letter-spacing: 0px; line-height: 1; text-shadow: 0 1px 15px #0000006b; } .slider_black_56 { position: absolute; top: 140px; font-size: 75px; color: #000; font-family: 'Circular Std Bold'; font-weight: 600; letter-spacing: 0px; line-height: 1; } .banner_line_3 { top: 315px; z-index: 999999!important; position: absolute; } .banner_line_3.three_line_button { top: 400px; z-index: 999999!important; position: absolute; } .slider_button_green2 { font-size: 16px; color: #fff; background: #318282; height: 50px; border: none; width: 240px; text-align: left; position: relative; padding-left: 20px; font-family: "CircularStd"; font-weight: 600; z-index: 999999!important; } .slider_button_blue1 { font-size: 16px; color: #fff; background: #81CAD1; height: 50px; border: none; width: 250px; text-align: left; position: relative; padding-left: 20px; font-family: "CircularStd"; font-weight: 600; z-index: 999999!important; } .slider_button_blue1:hover { background: #75bdc4; opacity:0.9!important; } .slider_button_green1 { font-size: 16px; color: #fff; background: #B8CE2E; height: 50px; border: none; width: 240px; text-align: left; position: relative; padding-left: 20px; font-family: "CircularStd"; font-weight: 600; z-index: 999999!important; } .slider_button_green1:hover { opacity: 1!important; } .breadkramb_a{ color:#B3B2B2; } .breadkramb_a:hover{ color: #6c6c6c; } .mainslider_img{ width:100%;} .animate__pulses{-webkit-animation-name:pulses;animation-name:pulses;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out} @keyframes pulses { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } .editor_content p { margin-bottom: 20px; } #topmenu { display: flex; flex-flow: row wrap; justify-content: flex-end; list-style: none; margin: 20px 0; } #topmenu li{ margin-left: 40px; } #topmenu li a{ font-size: 15px; color: #575756; } #topmenu li a:hover{ color: #000; font-weight: 600; } ul#topmenu li:hover { #color: #000; } img.slider_pattern { position: absolute; right: 0; bottom: 80px; z-index: 140; } .slick-dotted.slick-slider { margin-bottom: 0; } .sli_left.slick-arrow { position: absolute; left: 40px; top: 50%; transform: translateY(-50%); z-index: 100; font-weight: 500; cursor: pointer; transition: all 0.2s ease-in-out; } .sli_right.slick-arrow { position: absolute; right: 40px; top: 50%; transform: translateY(-50%); z-index: 100; cursor: pointer; transition: all 0.2s ease-in-out; } .sli_left.slick-arrow:hover { left: 30px; } .sli_right.slick-arrow:hover { right: 30px; } .slick-dots li.slick-active button:before { opacity: .75; color: black; } .slick-dots li button:before { font-size: 50px; top: -30px; } .slick-dots li button:before { font-size: 6px; line-height: 11px; width: 10px!important; height: 10px!important; content: '•'; text-align: center; opacity: 0.9; color: transparent; -webkit-font-smoothing: antialiased; border: 2px solid #EDEDED; -moz-osx-font-smoothing: grayscale; border-radius: 50%; } .slick-dots li.slick-active button:before { opacity: .75; border: 2px solid #F9B201!important; border-radius: 50%; background: #F9B201!important; color: transparent; width: 10px; height: 10px; } element.style { } .slick-slide img { display: block; width: 100%; } /* progress bar */ .slider-progress { width: 100%; height: 3px; background: #eee; } .slider-progress .progress { width: 0; height: 3px; background: #000; } .sp-thumbnail-container{ background: #E6F4F6; } .sp-thumbnail-container.sp-selected-thumbnail { background: #81CAD1; } .sp-bottom-thumbnails { margin-top: 0; padding: 0 10px; } .home_slider_section img { width: 100%; } .sp-thumbnail-title { padding: 0 15px; margin-top: -8px; font-size: 14px; } .thumbnail_right_border { width: 2px; height: 50px; background: #ccc; position: absolute; right: 0; } .relative.thumbbbb{ height:100% } /***********menu**************/ body{ padding-top: 96px; } body > #general-heade-top { width: 100%; height: 96px; position: fixed; top: 0; box-shadow: 0 0 18px #99999975; user-select:none; z-index: 9999; background: #fff; font-family: CircularStd-Light; } #general-heade-top .tgroup{ display: flex; align-items: center; } #general-heade-top .service-navigation-list { display: flex; align-items: center; gap: 30px; padding: 0; margin: 0; list-style: none; } #general-heade-top .service-navigation-item { display: flex; align-items: center; margin: 0; padding: 0; } #general-heade-top .service-tools-toggle { display: none; } #general-heade-top .service-tools-panel { display: block; } #general-heade-top .service-tools-list { display: flex; align-items: center; gap: 30px; padding: 0; margin: 0; list-style: none; } #general-heade-top .service-navigation-mobile { display: none; } #general-heade-top .service-navigation-item.eyeable-reflow-item { display: none; } .lastlinker{ margin-right:40px} .flagstyle{ padding:0 10px!important; } #general-heade-top .tgroup a{ text-decoration: none; color: #6c6c6b; } #general-heade-top .tgroup a:hover{ text-decoration: underline; } #general-heade-top .header-icon-button { appearance: none; -webkit-appearance: none; border: 0; border-radius: 0; padding: 0; background: transparent; font: inherit; color: inherit; cursor: pointer; } #general-heade-top .eyeable-button { background: transparent; line-height: 0; } #general-heade-top .eyeable-button img { display: block; width: 28px; height: 28px; } #general-heade-top #opacity { display:none; } #general-heade-top.opened #opacity{ content: ''; display: block; position: fixed; width:100%; height: 100%; left: 0; top: 0; } #general-heade-top #close{ width: 60px; height: 50px; display: flex; justify-content: center; align-items: center; } #general-heade-top #close:before{ content:''; display:block; mask-image: url('/images/menu/ic-x.svg'); background: #fff; width: 26px; min-width: 26px; height: 26px; cursor: pointer; transition: all 0.4s ease-in-out; mask-size: contain; mask-repeat: no-repeat; } #general-heade-top #close:hover:before{ transform: rotate(180deg); opacity: 0.7; } #general-heade-top > div:first-child{ width: 1400px; max-width: 100%; height: 100%; display:flex; justify-content: space-between; align-items: center; margin: 0 auto; background: #fff; } #general-heade-top > #main-menu-panel{ display: flex; flex-direction: column; justify-content: space-between; width: 50%; background: #318282; height: 100%; position: fixed; z-index: 6005; color: #fff; top: 0; box-shadow: 0 0 30px #626161; transition: all 0.4s ease-in-out; z-index: 99; } #general-heade-top.opened > #main-menu-panel{ right: 0; } #general-heade-top.closed > #main-menu-panel{ right: -50%; } #general-heade-top > #main-menu-panel ul{ list-style-type: none; padding: 0; } #general-heade-top .menu_wrapper{ position: relative; width: 560px; max-width: 100%; max-height: calc(100% - 270px); } #general-heade-top > #main-menu-panel .menu_wrapper > ul{ width: 100%; max-height: 100%; overflow-y: scroll; margin: 0; padding-left: 35px; position: relative; } #general-heade-top > #main-menu-panel .menu_wrapper > ul > li{ margin: 10px 0; } #general-heade-top > #main-menu-panel ul a, #general-heade-top > #main-menu-panel ul .menu-parent-trigger{ position: relative; display: block; width:100%; min-height: 40px; padding: 5px 10px; line-height: 1.5; font-size: 20px; cursor: pointer; color: #fff; text-decoration: none; } #general-heade-top > #main-menu-panel ul .menu-parent-trigger{ appearance: none; -webkit-appearance: none; border: 0; background: transparent; font-family: inherit; text-align: left; } #general-heade-top > #main-menu-panel .menu_wrapper > ul > li > ul { margin: 10px 0 0 0; } #general-heade-top > #main-menu-panel .menu_wrapper > ul > li > ul > li > a, #general-heade-top > #main-menu-panel .menu_wrapper > ul > li > ul > li > .menu-parent-trigger{ color: #fff; padding: 4px 0 0 40px; text-decoration: none; line-height: 1.7; width: 100%; } #general-heade-top > #main-menu-panel .menu_wrapper > ul > li > ul > li > ul > li > a{ color: #fff; padding: 6px 0 6px 80px; text-decoration: none; line-height: 1.7; width: 100%; font-size: 16px; } #general-heade-top > #main-menu-panel .menu_wrapper > ul > li > a:hover, #general-heade-top > #main-menu-panel .menu_wrapper > ul > li > .menu-parent-trigger:hover { background: #5a9b9b; } #general-heade-top .logo{ display:block; background: url('/images/logo-albstadt-main.svg') no-repeat; width: 130px; background-size: contain; aspect-ratio: 170 / 51; } #general-heade-top .controls{ padding: 30px 10px 22px 45px; width: 100%; display: flex; justify-content: space-between; align-items: center; gap:20px; } #general-heade-top .search_box{ width: 100%; position: relative; } #general-heade-top .search_box:after{ content: ''; position: absolute; top: 9px; right: 22px; display: block; mask-image: url('/images/zoom.svg'); width: 26px; height: 26px; background: #000; cursor: pointer; pointer-events: none; } #general-heade-top .search_box #fsearch_input{ appearance: none; -webkit-appearance: none; display: block; background: #379F9F; border: 1px solid #44A1A1; height: 44px; padding: 5px 10px; width: 100%; cursor: pointer; } #general-heade-top .search_box #fsearch_input:focus-visible{ outline: 2px solid #fff; outline-offset: 2px; } #general-heade-top #fsearch{ display: block; background: url('/images/zoom.svg') no-repeat; width: 26px; height: 26px; cursor: pointer; transition: transform 0.2s; } #general-heade-top #fsearch:hover{ transform: scale(1.2, 1.2); } #general-heade-top #bars{ display: block; background: url('/images/icons/burger_ico.svg') no-repeat; width: 44px; height: 28px; cursor: pointer; margin-left: 20px; float: right!important; } #general-heade-top .menu-parent-trigger:before { content: ''; display: block; width: 21px; height: 21px; mask-image: url('/images/icons/arrow_menu_right.svg'); position: absolute; top: 10px; right: 10px; background: #fff; mask-repeat: no-repeat; mask-position: center; transition: all 0.1s ease-in-out; } #general-heade-top .menu-parent-trigger:before { content: ''; display: block; width: 21px !important; height: 21px !important; mask-image: url(/images/icons/arrow_menu_right.svg) !important; position: absolute; top: 10px; right: 10px; background: #ffffff !important; mask-repeat: no-repeat; mask-position: center; transition: all 0.1s ease-in-out; } #general-heade-top .menu-parent-trigger.opened:before, #general-heade-top .menu-parent-trigger.opened:after{ transform: rotate(90deg); } #general-heade-top #menu li.has-submenu { position: relative; } #general-heade-top .menu-parent-trigger { cursor: pointer; } #general-heade-top .menu-parent-trigger:after { display: none; } #general-heade-top .menu-parent-trigger.opened[data-color='grun1']:before { background-color: var(--grun1) !important; } #general-heade-top .menu-parent-trigger.opened[data-color='grun2']:before { background-color: var(--grun2) !important; } #general-heade-top .menu-parent-trigger.opened[data-color='mint1']:before { background-color: var(--mint1) !important; } #general-heade-top .menu-parent-trigger.opened[data-color='mint2']:before { background-color: var(--mint2) !important; } #general-heade-top .menu-parent-trigger.opened[data-color='blau2']:before { background-color: var(--blau2) !important; } #general-heade-top ul#menu > li > .menu-parent-trigger.opened, #general-heade-top ul#menu > li > .menu-parent-trigger.opened + ul > li > .menu-parent-trigger.opened, #general-heade-top ul#menu > li > .menu-parent-trigger.opened + ul > li a.current { font-family: 'Circular_bold'; font-weight: 500; } #general-heade-top ul#menu > li > .menu-parent-trigger.opened[data-color='grun1'], #general-heade-top ul#menu > li > .menu-parent-trigger.opened[data-color='grun1'] + ul .menu-parent-trigger.opened, #general-heade-top ul#menu > li > .menu-parent-trigger.opened[data-color='grun1'] + ul a:hover, #general-heade-top ul#menu > li > .menu-parent-trigger.opened[data-color='grun1'] + ul a.current { color: var(--grun1); } #general-heade-top ul#menu > li > .menu-parent-trigger.opened[data-color='grun2'], #general-heade-top ul#menu > li > .menu-parent-trigger.opened[data-color='grun2'] + ul .menu-parent-trigger.opened, #general-heade-top ul#menu > li > .menu-parent-trigger.opened[data-color='grun2'] + ul a:hover, #general-heade-top ul#menu > li > .menu-parent-trigger.opened[data-color='grun2'] + ul a.current { color: var(--grun2); } #general-heade-top ul#menu > li > .menu-parent-trigger.opened[data-color='mint1'], #general-heade-top ul#menu > li > .menu-parent-trigger.opened[data-color='mint1'] + ul .menu-parent-trigger.opened, #general-heade-top ul#menu > li > .menu-parent-trigger.opened[data-color='mint1'] + ul a:hover, #general-heade-top ul#menu > li > .menu-parent-trigger.opened[data-color='mint1'] + ul a.current { color: var(--mint1); } #general-heade-top ul#menu > li > .menu-parent-trigger.opened[data-color='mint2'], #general-heade-top ul#menu > li > .menu-parent-trigger.opened[data-color='mint2'] + ul .menu-parent-trigger.opened, #general-heade-top ul#menu > li > .menu-parent-trigger.opened[data-color='mint2'] + ul a:hover, #general-heade-top ul#menu > li > .menu-parent-trigger.opened[data-color='mint2'] + ul a.current { color: var(--mint2); } #general-heade-top ul#menu > li > .menu-parent-trigger.opened[data-color='blau2'], #general-heade-top ul#menu > li > .menu-parent-trigger.opened[data-color='blau2'] + ul .menu-parent-trigger.opened, #general-heade-top ul#menu > li > .menu-parent-trigger.opened[data-color='blau2'] + ul a:hover, #general-heade-top ul#menu > li > .menu-parent-trigger.opened[data-color='blau2'] + ul a.current { color: var(--blau2); } #general-heade-top .e_links{ width: 560px; max-width: calc(100% - 60px); display: grid; grid-template-columns: repeat(4, 1fr); gap: 25px; padding: 20px 0; background-image: linear-gradient(to right, white 33%, rgba(255,255,255,0) 0%); background-position: top; background-size: 6px 2px; background-repeat: repeat-x; margin: 0 30px; z-index: 99; font-size: 14px; } #general-heade-top .e_links img{ max-height: 46px; } #general-heade-top .e_links > a{ display: flex; flex-direction: column; color: #fff; justify-content: space-between; align-items: center; gap: 10px; text-decoration: none; text-align: center; } #general-heade-top .e_links > a:hover{ text-decoration: underline; } nav > div:last-child ul#menu > li > a.opened, nav > div:last-child ul#menu > li > a.opened + ul > li > a.opened, nav > div:last-child ul#menu > li > a.opened + ul > li a.current { font-family: 'Circular_bold'; font-weight: 500; } nav > div:last-child ul#menu > li > a.opened[data-color='grun1'], nav > div:last-child ul#menu > li > a.opened[data-color='grun1'] + ul > li > a.opened, nav > div:last-child ul#menu > li > a.opened[data-color='grun1'] + ul > li a:hover, nav > div:last-child ul#menu > li > a.opened[data-color='grun1'] + ul > li a.current { color: var(--grun1); } nav > div:last-child ul#menu > li > a.opened[data-color='grun1']::after, nav > div:last-child ul#menu > li > a.opened[data-color='grun1'] + ul > li > a.opened::after { background-color: var(--grun1); } nav > div:last-child ul#menu > li > a.opened[data-color='grun2'], nav > div:last-child ul#menu > li > a.opened[data-color='grun2'] + ul > li > a.opened, nav > div:last-child ul#menu > li > a.opened[data-color='grun2'] + ul > li a:hover, nav > div:last-child ul#menu > li > a.opened[data-color='grun2'] + ul > li a.current { color: var(--grun2); } nav > div:last-child ul#menu > li > a.opened[data-color='grun2']::after, nav > div:last-child ul#menu > li > a.opened[data-color='grun2'] + ul > li > a.opened::after { background-color: var(--grun2); } nav > div:last-child ul#menu > li > a.opened[data-color='mint1'], nav > div:last-child ul#menu > li > a.opened[data-color='mint1'] + ul > li > a.opened, nav > div:last-child ul#menu > li > a.opened[data-color='mint1'] + ul > li a:hover, nav > div:last-child ul#menu > li > a.opened[data-color='mint1'] + ul > li a.current { color: var(--mint1); } nav > div:last-child ul#menu > li > a.opened[data-color='mint1']::after, nav > div:last-child ul#menu > li > a.opened[data-color='mint1'] + ul > li > a.opened::after { background-color: var(--mint1); } nav > div:last-child ul#menu > li > a.opened[data-color='mint2'], nav > div:last-child ul#menu > li > a.opened[data-color='mint2'] + ul > li > a.opened, nav > div:last-child ul#menu > li > a.opened[data-color='mint2'] + ul > li a:hover, nav > div:last-child ul#menu > li > a.opened[data-color='mint2'] + ul > li a.current { color: var(--mint2); } nav > div:last-child ul#menu > li > a.opened[data-color='mint2']::after, nav > div:last-child ul#menu > li > a.opened[data-color='mint2'] + ul > li > a.opened::after { background-color: var(--mint2); } nav > div:last-child ul#menu > li > a.opened[data-color='blau2'], nav > div:last-child ul#menu > li > a.opened[data-color='blau2'] + ul > li > a.opened, nav > div:last-child ul#menu > li > a.opened[data-color='blau2'] + ul > li a:hover, nav > div:last-child ul#menu > li > a.opened[data-color='blau2'] + ul > li a.current { color: var(--blau2); } nav > div:last-child ul#menu > li > a.opened[data-color='blau2']::after, nav > div:last-child ul#menu > li > a.opened[data-color='blau2'] + ul > li > a.opened::after { background-color: var(--blau2); } .mid{ display:none} @media (max-width: 768px) { body{ padding-top: 74px; } body.show_menu { overflow: hidden; } #general-heade-top { height: 74px; } #general-heade-top #opacity { display:none !important; } #general-heade-top > div:first-child{ padding: 0 20px; } #general-heade-top > #main-menu-panel{ width: 100%; height: calc(100% - 74px); top: 74px; box-shadow: none; } #general-heade-top.closed > #main-menu-panel { right: -100%; } #general-heade-top #close{ position: absolute; top: 14px; right: 25px; background: #fff; } #general-heade-top.opened #close:before { width: 32px; min-width: 27px; height: 32px; background: #00a696; } #general-heade-top .menu_wrapper{ max-height: calc(100% - 220px); } #general-heade-top .menu_wrapper > ul{ padding-left: 0px !important; } #general-heade-top.opened .menu_wrapper:before{ content: ''; background: #fff; top: 14px; right: 12px; position: fixed; width: 60px; height: 48px; } #general-heade-top #bars{ margin:0; } #general-heade-top .service-navigation-desktop{ display: none; } #general-heade-top .service-navigation-mobile{ display: flex; } #general-heade-top .service-tools-wrapper { width: 44px; height: 44px; } #general-heade-top .service-tools-toggle { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; } #general-heade-top .service-tools-toggle::before { content: ''; width: 11px; height: 11px; border-right: 3px solid #008f8d; border-bottom: 3px solid #008f8d; transform: rotate(45deg) translate(-2px, -2px); transition: transform 0.2s ease; } #general-heade-top .service-tools-toggle[aria-expanded='true']::before { transform: rotate(225deg) translate(-2px, -2px); } #general-heade-top .service-tools-panel { display: none; position: fixed; top: 74px; left: 0; width: 100%; background: #fff; box-shadow: 0 8px 14px rgba(0, 0, 0, 0.16); z-index: 9998; } #general-heade-top .service-tools-panel.is-open { display: block; } #general-heade-top .service-tools-list { box-sizing: border-box; justify-content: center; gap: 24px; min-height: 64px; padding: 10px 20px; } #general-heade-top .service-tools-list > .service-navigation-item { justify-content: center; width: 44px; min-width: 44px; height: 44px; } #general-heade-top .service-tools-list .lastlinker { margin-right: 0; } #general-heade-top .service-tools-list .lastlinker, #general-heade-top .service-tools-list .eyeable-button { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; } #general-heade-top > #main-menu-panel .menu_wrapper > ul:before{ content: ''; background: #fff; width: 50px; height: 50px; display: block; positioN: absolute; position: absolute; top: -118px; right: 47px; } #general-heade-top .e_links{ grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 1fr); gap: 5px; } #general-heade-top .search_box{ display: none; } #general-heade-top .controls{ position: absolute; top: -74px; width: 80px; right: 0; height: 74px; } } /********end_menu*************/ /*
.main_navigation_layout {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 6000;
    min-height: 100%;
    background: transparent;
    cursor:pointer;
    display:none;
}
.main_navigation_lg{
    width: 50%;
    background: #318282;
    height: 100%;
    position: fixed;
    right: 0;
    z-index: 6005;
    color: #fff;
    right:-51%;
    top: 0;
    box-shadow: 0 0 30px #626161;
}

.container.breadcrambs_container {
    //margin-top: 58px;
}
.container.breadcrambs_container_not_aemter {
    padding-top: 16px;
}
.lg_menu_toggle{
    cursor:pointer;
    opacity: 1;
}
.lg_menu_toggle,.menuclose{
    cursor:pointer;
}
.lg_menu_toggle.crosss {

    transition: all 0.4s ease-in-out;
}
.lg_menu_toggle.crosss:hover{
    #opacity: 0.7;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);

}
.menuclose {
    #position: absolute;
    #right: 25px;
    #top: 20px;
}
img.menuclose {
    position: absolute;
    bottom: -60px;
    right: 13px;
    display:none;
}
.mnl_hidden{

}
.menutop_gab {
    #height: 20px;
}
span#formenuopen_burg {
    position: absolute;
    right: 31px;
    top: 20px;
    z-index: 999999;
}
.midmenu_div {
    background: #E6F4F6;

}
.midmenu_div:hover {
    background: #81CAD1;
}
.midmenu_div a{
    font-size: 14px;
    color:#808080;
}
.midmenu_div a div{
    padding: 10px 15px;
}
.midmenu_div:hover a{
    color: #fff;
}
.midmenu_div.active {
    background: #81CAD1;
}
.midmenu_div.active a {
    color: #fff;
}
.midmenu_div:nth-child(2),.midmenu_div:nth-child(3) {
    border-right: 1px solid #ccc;
}
*/ ul.gesucht_links a { color: #000000; font-weight: 600; font-size: 23px; } .copyright{ text-align:right; padding-right: 17px; color: #b2b2b2; font-size: 20px; margin-top: 38px; } .anybanners { min-height: 110px; } img.std_logos_cross { position: absolute; top: 30px; z-index: 1; left: 162px; transition: all 0.2s ease-in-out; } img.std_logos_cross:hover { left: 155px; } img.std_logos_cross1 { position: absolute; top: -16px; z-index: 1; left: 162px; transition: all 0.2s ease-in-out; } img.std_logos_cross1:hover { left: 155px; } .topdotted_home { background-image: url(../images/icons/line_dot.svg); background-repeat: repeat-x; width: 100%; height: 2px; position: absolute; top: 0; background-size: cover; } .bottomdotted_home { background-image: url(../images/icons/line_dot.svg); background-repeat: repeat-x; width: 100%; height: 2px; position: absolute; bottom: 0; background-size: cover; } .bottomdotted_home_line { background-image: url(../images/icons/line_dot.svg); background-repeat: repeat-x; width: 100%; height: 2px; background-size: cover; margin-bottom: 30px; } ul.gesucht_links { padding-right: 20px; } .home_service_main_wrapper{ /*padding: 0 20px 0 5px;*/ display: flex; justify-content: center; } .home_service_main_wrapper a{ color:#fff; } ul.gesucht_links li { padding: 20px 0; position: relative; } ul.gesucht_links li:first-child { border-width: 1px; border-image:url('../images/icons/line_dot.svg'); border-bottom: 0; border-right: 0; border-left: 0; } .home_service_main { text-align: center; width: 525px; height: 525px; background: #318282!important; color: #fff; border-radius: 50%; padding: 125px 0; } .home_service_main:hover { #background: #0EB7A6!important; opacity: 0.8!important; } .home_service_main .headline{ font-size: 33px; font-weight: 600; line-height: 3; } .home_service_small { background: #318282!important; border-radius: 50%; width: 165px; height: 165px; color: #fff; text-align: center; padding-top: 25px; } .home_service_small:hover { #background: #0EB7A6!important; opacity: 0.8!important; } .hsi_wrapper { height: 70px; } .akt_date { font-size: 20px; color: #747474; } .akt_line { border-bottom: 3px solid #000; width: 60px; height: 20px; margin-bottom: 20px; } .block_line { border-bottom: 3px solid #8fc046; width: 70px; height: 35px; margin: 0 auto; } .green_line { border-bottom: 3px solid #81cad1; width: 70px; height: 1px; margin: 0 auto; } .green_line-grun1 { border-bottom: 3px solid #C0CE38; width: 70px; height: 1px; margin: 0 auto; } .green_line6 { border-bottom: 3px solid #C0CE2E; width: 70px; height: 1px; margin: 0 auto; } .green_line7 { border-bottom: 3px solid #8FC046; width: 70px; height: 1px; margin: 0 auto; } .block_line_top { border-top: 3px solid #8fc046; width: 70px; height: 35px; margin: 10px 0 0 0; } .block_line_grun1 { border-bottom: 3px solid #C0CE38; width: 70px; height: 35px; margin: 0 auto; } .block_line_b { border-bottom: 3px solid #81cad1; width: 70px; height: 35px; margin: 0 auto; } .block_line_b_sm { border-bottom: 3px solid #81cad1; width: 70px; height: 0; margin: 24px auto 0; } .block_line_575756 { border-bottom: 3px solid #54AF44; width: 70px; height: 35px; margin: 0 auto; } #formenuclose{ display:block; z-index: 88888!important; } #formenuopen{ display:none; z-index: 88888!important; } .home_stadt_home_line { border-bottom: 3px solid #fff; width: 70px; height: 20px; position: absolute; bottom: 92px; z-index: 300; left: 20px; } img.ico_akt_arrow { margin-right: 10px; transition: all 0.2s ease-in-out; position: absolute; left: -2px; top: 76px; } img.ico_akt_arrow:hover { #margin-right: 0; #margin-left: 10px; } .akt_title { font-size: 20px; margin-bottom: 8px; height: 70px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .home_aktuelles_row { min-height: 190px; padding-left: 15px; font-family: 'CircularStd-Light'; font-size: 20px; } .akt_description { margin: 15px 0; overflow: hidden; /* text-overflow: ellipsis; */ /* display: -webkit-box; */ /* -webkit-line-clamp: 2; */ /* -webkit-box-orient: vertical; */ min-height: 43px; color: #575756; } .akt_more a { margin-left:0; transition: all 0.2s ease-in-out; } .akt_more a:hover { margin-left:10px; } img.arrow_geo_home { #position: absolute; bottom: 24px; right: 10px; z-index: 205; cursor: pointer; } .home_geo_title { color: #fff; font-size: 20px; /* position: absolute; */ bottom: 15px; font-weight: 600; padding-left: 20px; padding-right: 0; padding-top: 67px; z-index: 201; #letter-spacing: 0.5px; #font-family: 'CircularStd-Light'; } .content.content_banner_search { margin-top: -85px !important; } .home_geo_section:hover .home_geo_title{ padding-top: 209px; } .container.footer_container{ width:100%; min-height: 250px; background:#4F4F4F } img.green_icon { vertical-align: baseline; margin-left: 10px; } .container.footer_container{ color:#fff; font-family: 'CircularStd-Light'; font-size: 20px; line-height: 33px; } .container.footer_container a{ color:#fff; font-size: 20px; } div#footer_image { width:100%; height: 178px; background-image: url("../images/footer_bg.svg"); background-repeat:no-repeat; background-position: bottom right; background-size: 68%; margin-top: 60px; } .footerh4 { color: #B8CE2E; font-size: 20px; } .footer_line { border-bottom: 3px solid #81cad1; width: 30px; height: 13px; } ul.footer_widget { line-height: 2; margin-top: 20px; font-size: 20px; } img.footer_icon { margin-right: 10px; } .footer_w_wrapper { #padding-left: 100px; } img.footer_icons { margin-right: 10px; width: 18px; vertical-align: baseline; } .bigbutton { background: #83CAD0; color: #fff; width: 365px; padding: 3px 25px 7px; line-height: 3.5; cursor: pointer; position: relative; height: 70px; } .bbb1 { position: absolute; left: 20px; top: 23px; transition: all 0.2s ease-in-out; } .bbb1:hover { left: 15px; } .bbb2 { position: absolute; font-size: 20px; right: 130px; } .bbb3 { position: absolute; right: 70px; top: 12px; } .bbb4 { position: absolute; left: 70px; top: 16px; } .bbb5 { position: absolute; font-size: 18px; left: 130px; } .bbb6 { position: absolute; right: 20px; top: 23px; transition: all 0.2s ease-in-out; } .bbb6:hover { right: 15px; } .bigbutton:hover { background: #65a6ad; } .home_to_presseportal:hover .bbb1{ left: 15px; } .home_to_news:hover .bbb6{ right: 15px; } .home_to_news:hover .bbb1{ left: 15px; } .home_to_presseportal.bigbutton { float: right; } .home_to_news.bigbutton.bigbutton { float: left; } .home_ge_title { color: #fff; font-size: 40px; position: absolute; bottom: 11px; font-weight: 600; padding-left: 20px; #padding-right: 85px; padding-right: 20px; line-height: 1.2!important; } img.home_ge_arrow { #position: absolute; right: 30px; bottom: 20px; transition: all 0.2s ease-in-out; #width: 25px; } img.home_ge_arrow_external { right: 30px; bottom: 23px; margin-top:-3px; transition: all 0.2s ease-in-out; width: 23px; } .hg_wrapper1{ width:100%; #position: absolute; z-index:301; } .bbblll{ vertical-align: -webkit-baseline-middle; width: 50px; margin-left: -15px; margin-top: 2px; } .bbblllim{ line-height: 3.5; } .bbblllarr{ margin-top: 5px; transition: all 0.2s ease-in-out; } .home_to_presseportal:hover .bbblllarr{ margin-left: -10px; margin-right: 10px; } .bbbrrrarr{ margin-top: 5px; transition: all 0.2s ease-in-out; } .home_to_news:hover .bbbrrrarr{ margin-left: 10px; margin-right: -10px; } .bbbrrrim{ line-height: 3.5; transition: all 0.2s ease-in-out; } .hg_wrapper2{ #background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 46%, rgba(255, 255, 255, 0.24) 56%, rgba(81, 175, 61, 0.68) 74%, rgba(81, 175, 61, 0.95) 85%, rgba(81, 175, 61, 1) 87%, rgba(81, 175, 61, 1) 100%); /* FF3.6-15 */ #background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 46%, rgba(255, 255, 255, 0.24) 56%, rgba(81, 175, 61, 0.68) 74%, rgba(81, 175, 61, 0.95) 85%, rgba(81, 175, 61, 1) 87%, rgba(81, 175, 61, 1) 100%); /* Chrome10-25,Safari5.1-6 */ #width:100%; #height:435px; #position: absolute; z-index:302; } .hg_wrapper2::before { content: ''; z-index: 10; width: 100%; height: 100%; display: block; position: absolute; background: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 50%); z-index:303; } .hg_wrapper3{ height:435px; position: absolute; z-index:304; width: 95%; } .home_gefunden_item { opacity: 1; } .home_gefunden_item:hover { opacity: 0.8; } .home_gefunden_item:hover .home_ge_arrow { right:25px; } img.home_map { width: 100%; } .stadt_green1 { height: 140px; background: #3E953C; width: 100%; position: absolute; bottom: 0; z-index: 200; } .stadt_green2 { height: 140px; background: #3E953C; width: 100%; position: absolute; bottom: 0; z-index: 200; } .stadt_green1.h110{ height:84px } .stadt_green2.h110{ height:84px } .home_stadt_item { height: 344px; background-repeat: no-repeat; background-position: center; background-size: cover; width: 100%; opacity: 1; } .home_stadt_item:hover { opacity: 0.9; } .homegrad1 { background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 1%, rgba(116, 191, 101, 0.60) 34%, rgba(116, 191, 101, 0.98) 71%, rgba(116, 191, 101, 1) 88%, rgba(116, 191, 101, 0.95) 87%, rgb(116, 191, 101) 100%); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 1%, rgba(116, 191, 101, 0.60) 34%, rgba(116, 191, 101, 0.98) 71%, rgba(116, 191, 101, 1) 88%, rgba(116, 191, 101, 0.95) 87%, rgb(116, 191, 101) 100%); /* width: 100%; */ height: 30%; position: absolute; bottom: 0; right: 0; left: 0; } .row.home_stadt_wrapper { padding: 0 15px; } .row.home_stadt_wrapper .center_block { border-right: 22px solid #fff; border-left: 22px solid #fff; } .home_stadt_top_title{ color: #fff; font-size: 19px; position: absolute; bottom: 105px; padding-left: 20px; padding-right: 85px; z-index: 202; #letter-spacing: 0.5px; } .home_gefunden_image_4 { height: 413px; } .home_stadt_title{ color: #fff; font-size: 23px; position: absolute; top: 5px; z-index: 201; transition: all 0.2s ease-in-out; padding: 5px 20px 0 20px; } .home_stadt_item:hover .home_stadt_title{ margin-bottom: 10px; } .home_geo_wrapper{ background-image:url(../images/home_geo_1400_1.png); background-repeat:no-repeat; background-position: center; background-size: cover; width:100%; height:357px; position: relative; } .home_gefunden_image { height: 100%; width:409px; } .home_stadt_title.hhhhhh { top: auto; bottom: 5px; position:absolute; font-weight: 500; } .home_geo_section { width: 20%; float: left; height: 150px; } .home_geo_section.hgs1 { position: absolute; bottom: 0; left:0; background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 8%, rgba(81, 175, 61, 0.25) 30%, rgba(81, 175, 61, 0.89) 85%,rgba(81, 175, 61, 1) 100%); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 5%, rgba(81, 175, 61, 0.25) 30%, rgba(81, 175, 61, 0.89) 85%,rgba(81, 175, 61, 1) 100%); } .home_geo_section.hgs1:hover { position: absolute; bottom: 0; left:0; background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 8%, rgba(81, 175, 61, 0.65) 30%, rgba(81, 175, 61, 0.89) 85%,rgba(81, 175, 61, 1) 100%); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 5%, rgba(81, 175, 61, 0.65) 30%, rgba(81, 175, 61, 0.89) 85%,rgba(81, 175, 61, 1) 100%); } .home_geo_section.hgs2 { position: absolute; bottom: 0; left:20%; background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 8%, rgba(49, 130, 130, 0.3) 30%, rgba(49, 130, 130, 0.89) 85%, rgba(49, 130, 130, 0.95) 87%, rgba(49, 130, 130, 1) 100%); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 5%, rgba(49, 130, 130, 0.3) 30%, rgba(49, 130, 130, 0.89) 85%, rgba(49, 130, 130, 0.95) 87%, rgba(49, 130, 130, 1) 100%); } .home_geo_section.hgs2:hover { position: absolute; bottom: 0; left:20%; background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 8%, rgba(49, 130, 130, 0.65) 30%, rgba(49, 130, 130, 0.89) 85%, rgba(49, 130, 130, 0.95) 87%, rgba(49, 130, 130, 1) 100%); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 5%, rgba(49, 130, 130, 0.65) 30%, rgba(49, 130, 130, 0.89) 85%, rgba(49, 130, 130, 0.95) 87%, rgba(49, 130, 130, 1) 100%); } .home_geo_section.hgs3 { position: absolute; bottom: 0; left:40%; background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 8%, rgba(83, 185, 159, 0.3) 30%, rgba(83, 185, 159, 0.89) 85%, rgba(83, 185, 159, 1) 100%); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 5%, rgba(83, 185, 159, 0.3) 30%, rgba(83, 185, 159, 0.89) 85%, rgba(83, 185, 159, 1) 100%); } .home_geo_section.hgs3:hover { position: absolute; bottom: 0; left:40%; background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 8%, rgba(83, 185, 159, 0.65) 30%, rgba(83, 185, 159, 0.89) 85%, rgba(83, 185, 159, 1) 100%); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 5%, rgba(83, 185, 159, 0.65) 30%, rgba(83, 185, 159, 0.89) 85%, rgba(83, 185, 159, 1) 100%); } .home_geo_section.hgs4 { position: absolute; bottom: 0; left:60%; background: -moz-linear-gradient(top, rgba(1, 165, 150, 0) 8%, rgba(1, 165, 150, 0.3) 30%, rgba(1, 165, 150, 0.89) 85%, rgba(1, 165, 150, 1) 100%); background: -webkit-linear-gradient(top, rgba(1, 165, 150, 0) 5%, rgba(1, 165, 150, 0.3) 30%, rgba(1, 165, 150, 0.89) 85%, rgba(1, 165, 150, 1) 100%); } .home_geo_section.hgs4:hover { position: absolute; bottom: 0; left:60%; background: -moz-linear-gradient(top, rgba(1, 165, 150, 0) 8%, rgba(1, 165, 150, 0.65) 30%, rgba(1, 165, 150, 0.89) 85%, rgba(1, 165, 150, 1) 100%); background: -webkit-linear-gradient(top, rgba(1, 165, 150, 0) 5%, rgba(1, 165, 150, 0.65) 30%, rgba(1, 165, 150, 0.89) 85%, rgba(1, 165, 150, 1) 100%); } .home_geo_section.hgs5 { position: absolute; bottom: 0; left:80%; background: -moz-linear-gradient(top, rgba(143, 193, 71, 0) 8%, rgba(143, 193, 71, 0.3) 30%, rgba(143, 193, 71, 0.89) 85%, rgba(143, 193, 71, 1) 100%); background: -webkit-linear-gradient(top, rgba(143, 193, 71, 0) 8%, rgba(143, 193, 71, 0.3) 30%, rgba(143, 193, 71, 0.89) 85%, rgba(143, 193, 71, 1) 100%); } .home_geo_section { height:40% } .home_geo_section:hover { height:80% } .home_geo_section:hover .home_geo_title { #opacity:0.75 } .home_geo_section:hover .arrow_geo_home { margin-left:5px; margin-top:1px; transition: all 0.2s ease-in-out; } .basuchen_col { height: 125px; text-align: center; transition: all 0.2s ease-in-out; } .basuchen_col a { color: #fff; } .basuchen_col:hover a div { text-decoration: none; } .home_basuchen_title { margin-top: 10px; font-size: 20px; transition: all 0.2s ease-in-out; } .basuchen_col:hover .home_basuchen_title { font-size: 22px; } .basuchen_col:hover a div { color: #fff; text-decoration: none; } .basuchen_col a:hover div { text-decoration: none; } .basuchen_col a:hover{ text-decoration: none; } .basuchen_col a { color: #fff; } .basuchen_blue { background: #89C3E1; } .basuchen_blue:hover { background: #7cb8d9; } .basuchen_green { background: #00A696; } .basuchen_green:hover { background: #049b8e; } .basuchen_light_green { background: #51AF3D; } .basuchen_light_green:hover { background: #4ea83b; } .basuchen_dark_green { background: #318282; } .basuchen_dark_green:hover { background: #2f9191; } img.basuchen_col_icon { } .home_besuchen_icon_wrapper { margin-top: 20px; min-height: 50px; } .basuchen_col.basuchen_blue img { #margin-top: 7px; } .page_title{ font-size: 16px; #font-family: 'Circular Std BoldItalic'; font-weight: 500; font-style: italic; } .page_title.aemt{ margin-top:20px } .row.menu_wrapper { margin: 35px 0 20px 30px; #width: 513px; } ul#navbar-nav-search { position: absolute; width: 100%; z-index: 9000; } #navbar-nav{ margin-top:20px; overflow-y: scroll; } .scrollbar-inner{ margin-top:50px; overflow: hidden; #overflow-y: scroll; #height: 550px; #height: 100%; } #navbar-nav{ margin-bottom: 20px; } #greenmenu_wrapper1{ #overflow-y: scroll; } .main_element.menu-link a.submenu_a { color: #8FC14E; line-height: 1.7; font-size: 19px; cursor: pointer; } img.menu_arrow { position: absolute; right: 15px; top: 20px; } .main_nav_element { position: relative; width: 100%; padding: 10px 0; color: #fff; line-height: 1.5; font-size: 23px; cursor: pointer; } .main_nav_element:hover .main_nav_element_inside { background:#5a9b9b; } .main_element:hover a { #text-decoration: none; color: #fff; } .main_element:hover a div { text-decoration: none; } .main_element .hovered_div_menu:hover div { text-decoration: underline; } ul.main_menu_sub_ul { #padding: 0 0 0 40px; display:none; } img.menu_sub_arrow { position: absolute; right: 15px; top: 8px; } .sub_nav_element { position: relative; padding:0 0 0 40px; font-weight: 400; font-size: 23px; } .sub_nav_element:hover { background:#5a9b9b; } ul.main_menu_subsub_ul { padding-left: 80px; #margin: 10px auto; } .main_menu_subsub_ul{ display:none; } .subsub_nav_element { color: #fff; font-size: 19px; margin: 10px 0; } a.subsubmenu_a { color: #fff; font-size:19px; cursor:pointer; } img.menu_subsub_arrow { POSITION: absolute; right: 15px; top: 5px; } h3.teils_title { margin-bottom: 0; padding-bottom: 0; } .teils_map_wrapper{ margin: 0 auto; width:960px; height:960px; background-image: url(../images/map-alb-bg-grey.svg); background-repeat: no-repeat; background-position: left top; background-size: contain; } .teils_circle { position: absolute; background: #0EB7A6; color: #fff; width: 160px; height: 160px; border-radius: 50%; cursor: pointer; } .teils_circle:hover { background: #0bab9b; box-shadow: 0 0px 15px rgba(20, 117, 117, 0.56); } .teile_text h4{ font-size: 23px; font-weight: 600; margin: 45px 0 20px; color: #C0CE38; } .map_teil_title { position: absolute; top: 71px; text-align: center; width: 100%; color: #fff; letter-spacing: 1.4px; } img.map_icon_plus { position: absolute; right: 0; top: 0; opacity: 0.85; } img.map_icon_plus:hover { opacity: 1; } div#Onstmettingen_teil { right: 490px; top: 36px; } div#Tailfingen_teil { right: 390px; top: 227px; } div#Pfeffingen_teil { top: 271px; left: 610px; } div#Truchtelfingen_teil { right: 323px; top: 416px; } div#Laufen_teil { left: 321px; top: 489px; } div#Burgfelden_teil { top: 403px; left: 484px; } div#Lautlingen_teil { left: 491px; top: 600px; } div#Margrethausen_teil { top: 473px; left: 690px; } div#Ebingen_teil { bottom: 168px; right: 335px; } .stadt_partners_bg { background: #80C9D0; padding-left:20px; padding-right:20px; } .stadt_partners { width: 925px; height: 495px; background-image:url("../images/claud_bg.svg"); background-repeat: no-repeat; background-position: center center; margin: 0 auto; position: relative; } div#Albstadt.stp_circle_green { position: absolute; left: 347px; top: 131px; height: 185px; width: 185px; background: #0EB7A6; border-radius: 50%; color: #fff; font-size: 32px; padding-top: 70px; } .stp_circle_green:hover{ opacity: 0.7; transition: all 0.5s ease-out; } .stp_circle_gray { position: absolute; width: 142px; height: 142px; background: #ECECEC; border-radius: 50%; padding-top: 60px; font-size: 16px; font-weight: 600; } .stp_circle_gray:hover { background: #e1dede; transition: all 0.5s ease-out; } div#Ravensburg { bottom: 8px; right: 250px; } div#Tuttlinge { bottom: 31px; left: 312px; } div#Reutlingen { right: 326px; top: 10px; } div#Biberach { right: 180px; top: 191px; padding-top: 50px; } div#Rottweill { top: 208px; left: 204px; } div#Freudenstadt { left: 178px; top: 43px; } /*---------------------------------------------------  */ .light_blue_bg { background: #E5F3F5; padding: 0; } img.pathmain { margin-top: 50px; } .padd_left_190{ padding-left: 190px; } .padd_right_190 { padding-right: 190px; } img.made_in { margin-top: -35px; } .map_partners { max-width: 600px; padding-left:190px; } .bottom_dotted_green_border { background-image: url(../images/icons/dotted_green.svg); background-repeat: repeat-x; height: 2px; } img.go_green { vertical-align: baseline; transition: all 0.2s ease-in-out; } img.go_green:hover { opacity: 0.6; } img.img_fullwidth.green_hiill { margin-top: -161px; z-index: 301; } img.std_girl { z-index: 299; } .gerb_hiil{ transform: matrix(1, 0, 0, 1, 435, -109); z-index: 303; } h5.Stadtteile.green3 { font-weight: 600; margin: 55px 0 10px; #letter-spacing: 0.4px; font-size: 19px; } .fixed { position: fixed; } .small_grun1_underline{ height:3px; width:35px; background:#C0CE38; transition: 1s ease all; transition-property: transform; transition-delay: 950ms; } .small_green_underline{ height:3px; width:35px; background:#51AF3D; transition: 1s ease all; transition-property: transform; transition-delay: 950ms; } .small_blue_underline_{ height:3px; width:35px; background:#81cad1; transition: 1s ease all; transition-property: transform; transition-delay: 950ms; } .small_grun2_underline { height: 3px; width: 35px; background: #54AF44; transition: 1s ease all; transition-property: transform; transition-delay: 950ms; } ul#teiles_left_menu{ margin-top:20px } ul#teiles_left_menu li a{ color: #b2b2b2; LINE-HEIGHT: 2; } .teile_slider_section { max-width: 900px; margin-left: 20px; margin-top: 15px; margin-bottom: 20px; } .teile_fakten { padding: 15px; } .teile_fakten_dotted { border-bottom: 2px dotted #ccc; height: 1px; } .zahlen_fakten { padding: 15px; cursor: pointer; } .zahlen_fakten_row { display:none; padding-bottom:15px; } h3.bm15 { margin: 45px 0 15px; } h3.bm25 { margin: 45px 0 25px; } .bm25{ margin-bottom:25px; } .zahlen_fakten.openedrow .zahlen_fakten_row { #display:block; } img.arrow_teile { position: absolute; right: 35px; top: 35px; cursor: pointer; } .topmenu_text { padding-right: 2px; } .teiles_left_menu_a.bold.black{ color:#000!important; } .closed_block{ display:none; } .opened_block{ display:block; } .sp-arrow:before { left: 30%; top: 0; -webkit-transform: skew(145deg, 0deg); -ms-transform: skew(145deg, 0deg); transform: skew(145deg, 0deg); } .sp-arrow:after { left: 30%; top: 97%; -webkit-transform: skew(-145deg, 0deg); -ms-transform: skew(-145deg, 0deg); transform: skew(-145deg, 0deg); } .sp-previous-arrow:before, .sp-previous-arrow:after, .sp-next-arrow:before, .sp-next-arrow:after { content: ''; position: absolute; width: 3px; height: 30px; background-color: #FFF; } .slider_progress-bar { width: 100%; height: 5px; background-color: #eee; z-index: 999; position: absolute; bottom: 40px; } .breadkramb_a_nourl{ } .breadkramb_a_nourl:hover{ text-decoration: none; } .parent_page_title{ display: inline-table; } .slider_progress-bar_bar { width: 0; height: 100%; background-color: #555; } .teile_map_div div#Tailfingen_teil { right: 140px; } .teile_map_div div#Onstmettingen_teil { right: 232px; top: 36px; } .teile_map_div div#Pfeffingen_teil { top: 271px; left: 394px; } .teile_map_div div#Laufen_teil { left: 117px; top: 493px; } .teile_map_div div#Truchtelfingen_teil { right: 60px; top: 416px; } .teile_map_div div#Burgfelden_teil { top: 403px; left: 273px; } .teile_map_div div#Lautlingen_teil { left: 290px; top: 600px; } .teile_map_div div#Margrethausen_teil { top: 473px; left: 482px; } .teile_map_div div#Ebingen_teil { bottom: 168px; right: 66px; } .col-lg-7.mmmm { width: 63.3333%; } /*---------------------- BUERGERSERVICE-----------------------------  */ .bs .form-control { height: 55px; padding: 6px 0 6px 12px; border: none; border-radius: 0; background: #E3E3E3; box-shadow: none; font-size: 16px; width: 100%; } .dropdown-menu{ width: 100%; left: 0!important; border-radius: 0; padding:0; border:none!important; } ul.dropdown-menu li { padding: 0; border-bottom: 1px solid #f0f0f0; overflow: auto; } #search_popup ul.dropdown-menu li { padding-bottom: 20px!important; } .bs .bs_search_send { background: #57B99F; height: 55px; border: none; color: #fff; padding: 0 54px 0 20px; width: 95%; font-size: 20px; } .bs .bs_search_send:hover{ background: #08a192; } img.arrow_button_submit { position: absolute; right: 30px; top: 15px; } .sidebar_fixed{ position: fixed; } .buergerservice_sidebar { position: relative; height:100%; overflow: visible; } .buergerservice_sidebar p { margin:0; } .buergerservice_sidebar p:last-child { margin:0 0 10px 0; margin:0; } .bs_dropblock { background: #7FBB46; color: #fff; padding: 14px 15px; height: 56px; font-size: 19px; position: relative; cursor: pointer; } .bs_dropblock:hover { background: rgba(127, 187, 70, 0.8); } img.arrow_bs_tobottom { position: absolute; right: 15px; top: 22px; } span.ab_search_span:nth-child(26) { margin-right: 0; padding-right: 0; } span.ab_search_span.real.passive { font-size: 20px; color: #54AF44; font-weight: 600; margin-right: 26px; cursor:pointer; } div.ab_search_span.real.passive { font-size: 20px; color: #54AF44; font-weight: 600; margin-right: 26px; cursor:pointer; } span.ab_search_span.passive{ font-size: 20px; font-weight: 600; margin-right: 26px; color:#9E9E9D; float: left; } div.ab_search_span.passive { font-size: 20px; font-weight: 600; margin-right: 24px; color: #9E9E9D; float: left; min-width: 28px; min-height: 37px; } span.lg.ab_search_span.passive { } span.ab_search_span a { color: #54AF44; } div.ab_search_span a { color: #54AF44; } span.ab_search_span a:hover { color: #318282; } span.ab_search_span.passive pp { color: #9E9E9D; } div.ab_search_span.passive pp { color: #9E9E9D; } .non a:hover { text-decoration: none!important; } .non a:hover pp { text-decoration: none!important; } .lebenslage_name { font-size: 23px; padding: 15px; #border-bottom: 2px dashed #f0f0f0; background-image: url(../images/serv/dotted_line_3.svg); background-repeat: repeat-x; background-position: left bottom; } .untergeordneteLebenslagen_row { padding-left:15px; #padding-right:35px } .lebenslage_name a { font-size: 23px; color: #191919; } .row.lebenslagen_sub { padding-left: 30px; display:none; } img.bs_arrow_lebens { position: absolute; right: 0; top: 20px; cursor: pointer; } .ehe_inside_accordion_element_content{ padding: 0px 112px 20px 20px; } /*
.ehe_inside_accordion_element_content.opened {
    display: block;
    background-image: url(../images/serv/dotted_line_white_3.svg);
    background-repeat: repeat-x;
    background-position: left top;
}
 */ .ehe_inside_accordion_element_content.closed { display: none; } .haushalt_text.opened { display: block; #background: #E5F3F5; #padding: 0 20px 20px; #margin: 20px 0; } .haushalt_text.pad_left15.opened li { padding-left: 15px; } .haushalt_text.closed { display: none; } img.bs_arrow_lebens_inside { position: absolute; right: 15px; top: 20px; cursor: pointer; } .ehe_inside_accordion_element{ background: url("../images/serv/dotted_line_blue.svg"); background-position: left bottom; background-repeat: repeat-x; } .ehe_inside_accordion_element.lasssst{ background: none!important; } .lebenslagen_subsub { padding: 10px 0 10px 20px; font-size: 19px; } .lebenslagen_subsub_a:hover .lebenslagen_subsub{ background:#f9f9f9; } .lebenslagen_subsub a { font-size: 19px; } span.ab_search_span:hover a { color: #318282; } span.ab_search_span:last-child { padding-right: 0; margin-right: 0; } .sgb_img { width: 100%; object-fit: cover; } .sgb_colored_block { position: absolute; width: 100%; height: 90px; bottom: 0; color:#fff; } .sgb1 .sgb_colored_block,.sgb3 .sgb_colored_block { background: #237b10c9; } .sgb2 .sgb_colored_block { background: rgba(5, 88, 27, 0.85); } .schnell_gefund_block:hover .sgb_colored_block{ opacity:0.8 } .sgb_colored_title_small { z-index: 310; position: absolute; bottom: 60px; left: 20px; color: #fff; font-size: 16px; } .sgb_colored_title_big { position: absolute; bottom: 5px; color: #fff; z-index: 310; padding-left: 20px; font-size: 18px; letter-spacing: 0px; } .bs_stadt_home_line { border-bottom: 3px solid #fff; width: 70px; height: 20px; position: absolute; bottom: 50px; z-index: 300; left: 21px; } .sgb_colored_arrow { z-index: 310; position: absolute; right: 15px; bottom: 7px; } .totop-button { position: fixed; right: 160px; bottom:665px; cursor:pointer; z-index: 999999; visibility:hidden; appearance: none; -webkit-appearance: none; background: transparent; border: 0; border-radius: 0; height: 60px; line-height: 0; margin: 0; padding: 0; width: 60px; } .totop-button img { display: block; height: 60px; width: 60px; } .totop-button:focus { outline: none; } .totop-button:focus img { outline: var(--focus-width) solid var(--focus-color); outline-offset: calc(-1 * var(--focus-offset)); border-radius: 10px; } .dropdown-menu-wrapper { #border-top: 1px solid #ccc; margin: 30px 0; } .bs_search_res_div { padding: 15px 0 15px 0; border-bottom: 2px dotted #f0f0f0; } .bs_search_res_div a { font-size: 20px; color: #191919; } ul.lebenslagen_ul_subs { margin: 15px 15px 35px 15px; list-style: disc; } .color9d9d9c{ color:#747474; } .lebenslagen_ul_subs li::marker { color: #51AF3D; font-size: 20px; content: ">"; } .lebenslagen_ul_subs li a div { color: #51AF3D; font-size: 23px; font-weight: 600; padding-left: 10px; } ul.lebenslagen_ul_subs li { padding:5px 0; } ul.lebenslagen_ul_subs li a { font-size: 19px; } h3.under_services { margin-top: 10px; margin-bottom: 10px; font-size: 33px; } .leben_inside a div { margin-left: 25px; color: #51AF3D; font-size: 20px; line-height: 1.75; } .leben_inside a { color: #51AF3D; font-size: 23px; } .lebenslagenbaum_marker { font-size: 20px; color: #51AF3D; position: absolute; left: 0; top: 2px; cursor:pointer; transition: 0.3s ease all; } .leben_inside.relative a div { margin-left: 25px; font-size: 23px; } .leben_inside a:hover .lebenslagenbaum_marker{ left: 5px; } .lebenslagen_ul_subs { margin-left: 20px; } .lebenslagen_ul_subs { margin-left: 20px; margin-top: 20px; margin-bottom: 20px; } /******************************************************/ .totop-button.showed { position: fixed; right: 30px; bottom:50px; cursor:pointer; z-index: 5000; visibility:visible } .zahlen_fakten:hover { /* background: #f3f3f385; */ opacity: 0.7; } img.arrow_teile:hover { opacity: 0.6; } #totop:hover img { opacity: 0.6; } .bigbuttons { min-height: 60px; padding: 10px 29px; text-align: center; color: #fff; font-size: 18px; font-weight: 600; } .bs_buttons_big:hover a div { text-decoration:none; } .bs_buttons_big:hover a { text-decoration:none; } .bigbut1{ background: #0EB7A6; } .bigbut1:hover{ background: rgba(14, 183, 166, 0.80); } .bigbut2{ background: #318282 } .bigbut2:hover{ background: rgba(49, 130, 130, 0.80); } .bigbut3{ background: #C0CE2E; } .bigbut3:hover{ background: rgba(192, 206, 46, 0.8); } .bigbut4{ background: #76B7D9; } .bigbut4:hover{ background: rgba(118, 183, 217, 0.8); } .bbtn_arrow { position: absolute; right: 24px; bottom: 24px; } .slider_button_green2 { font-size: 16px; color: #fff; background: #318282; height: 50px; border: none; width: 250px; text-align: left; position: relative; padding-left: 20px; font-family: "CircularStd"; font-weight: 600; z-index: 999999!important; } .relative{ position: relative; } .slider_button_green2:hover { background: #1e6e6e; } .buttonarrow{ width:10px!important; position: absolute; top:17px; right:13px } img.buttonarrow.mainslider_button_arrow_external { width: 15px !important; } .black_a{ color:#000} /*---------------------------------------------------  */ /*---------------------------------------------------  */ .content.no_special_content ul { margin-left: 15px; } .specrow1 { display: flex; flex-direction: row; margin-bottom: 0; justify-content: space-between; align-items: stretch; gap: 25px; } .home_gefunden_item { opacity: 1; position: relative; } /*
.home_gefunden_item .col-lg-12{
    width:101%
}
 */ .home_gefunden_item .col-lg-12 { width: 100%; padding: 15px; position: relative; } ul#social-icons { position: absolute; right: 15px; top: -47px; } ul#social-icons li { float: left; margin-left: 20px; } ul.footer_widget { font-size: 20px; } ul.footer_widget a { font-size: 20px; } img.footer_arrow { width: 16px; vertical-align: baseline; margin-left: 5px; } .footer_zeiten { float: left; width: 80px; } .footer_widget{ font-weight:400; } .home_sl .sli_left.slick-arrow { top: 40%; } .home_sl .sli_right.slick-arrow { top: 40%; } /*********************************************** for new footer ***********************************************************/ .footer_w_wrapper { float: left; font-weight:400; } .footer_w_wrapper1 { #margin-left: 250px; } .footer_w_wrapper2 { #margin-left: 110px; } .footer_w_wrapper3 { #margin-left: 110px; } .footer_w_wrapper li { line-height: 1.9; } .footerwidgets{ display: flex; flex-wrap: wrap; justify-content: center; } .footerwidgets .footer_w_wrapper{ flex: 1; max-width: 26.33%; align-items: stretch; } li.fs15.lh255 { margin-bottom: 8px; } .footer_tel{ line-height: 1; font-size: 23px; font-family: "CircularStd"; } .footer_w_wrapper3 > .footer-contact { display: block; width: 100%; padding: 0; min-height: 0; background: transparent; color: inherit; } .footer_w_wrapper3 > .footer-contact address { font-style: normal; line-height: 2; margin: 20px 0 0; width: 100%; } .footer_w_wrapper3 > .footer-contact address p { margin: 0; line-height: 1.9; } .footer_w_wrapper3 > .footer-contact .footer-contact-phone { margin-top: 1.9em; } @media (max-width: 320px) { .footer-contact a[href^="mailto:"] .footer_tel { overflow-wrap: anywhere; } } input.menu_search_field { margin-left: 0; width: 100%; border: none; height: 38px; margin-bottom: 40px; background: #5a9b9b; color: #f0f0f0; padding: 10px 10px 10px 15px; font-size: 19px; border-radius:0; box-shadow: none!important; } input.menu_search_field:active { border:none!important; box-shadow: none!important; } input.menu_search_field:focus { border:none!important; box-shadow: none!important } img.lupa_search_menu { position: absolute; top: 6px; right: 15px; cursor: pointer; } /**************************************************    menu green ********************************************************/ .menu_icons_line{ height:3px; background-image: url("../images/menu/point-line.svg"); background-repeat: repeat-x; background-size: cover; width: 90%; } .menu_icons_wrapper { margin-left: 30px; #margin-bottom: 30px; width: 575px; #position: absolute; bottom: 30px; } ul#menu_icons li { float: left; width: 25%; text-align: center; } ul#menu_icons li img { margin-bottom: 30px; } .main_nav_element_inside { padding: 2px 10px; } ul#menu_icons li { float: left; width: 25%; text-align: left; font-size: 15px; font-weight: 600; } .menu_icons_img{ cursor: pointer; border:1px solid transparent; } .menu_icons_img:hover{ border:1px solid transparent; animation: pulse 2.5s infinite; } #menu_icons a{ color:#fff } @-webkit-keyframes pulse { 0% { -webkit-box-shadow: 0 0 0 0 rgba(157, 208, 55, 0.4); } 70% { -webkit-box-shadow: 0 0 0 10px rgba(204,169,44, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0); } } @keyframes pulse { 0% { -moz-box-shadow: 0 0 0 0 rgba(139, 208, 55, 0.4); box-shadow: 0 0 0 0 rgba(152, 208, 55, 0.4); } 70% { -moz-box-shadow: 0 0 0 10px rgba(204,169,44, 0.1); box-shadow: 0 0 0 10px rgba(204,169,44, 0); } 100% { -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0); box-shadow: 0 0 0 0 rgba(204,169,44, 0); } } /**********************************************************************************************************/ img.inside_banner { width: 100%; height: 100%; } .col-lg-12.weil_title h3 { font-size: 51px; } .teile_text { font-size: 20px; padding-right: 35px; } .row.zahlen_fakten_row { padding: 0 35px 0 15px; } .row.zahlen_fakten_row h4 { margin-left: -1px; } .row.zahlen_fakten_row p { font-size: 20px; } .inside_upper_slider { position: relative; } img.slider_pattern_inside { position: absolute; right: 0; bottom: 0; z-index: 60; } .std_logos { margin-left: -6px; } #bs_search::placeholder { font-style: italic; font-size:20px; color: #575756; } .a_black{ color:#000; } .a_black:hover{ color:#000; } /*********************************************************** servece *****************************************/ .sidebar-title{ line-height: 1.5; } img.sidebar_pers_placeholder { width: 100%; } .sidebar-h-gray{ color:#9E9E9D; line-height: 1.5; } #engage_registration_form textarea::placeholder { color: #9E9E9D; } #engage_registration_form input::placeholder { color: #9E9E9D; } .sidebar-t-black { color: #5D5C5B; font-weight: 600; line-height: 1.5; } .sidebar-data-black{ color:#5D5C5B; } /*---------------------------------------*/ .new_sidebar { margin-left: 35px; padding-top: 50px; color: #5D5C5B; height: 100%; } .new_sidebar > div { position: sticky; top: 120px; width: 230px; } .new_sidebar > div > div:first-child{ position:relative; padding: 0 15px; } .new_sidebar > div > div:first-child::before { content: ''; mask-image: url('/images/serv/line-blue.svg'); mask-repeat: repeat-y; mask-position: left top; background: #5D5C5B; position: absolute; width: 2px; height: 100%; left: 0px; } .new_sidebar img{ display: block; margin:20px 0; max-width: 100%; } .new_sidebar p, #sidebar_preview p{ font-size: 12px; line-height: 1.5; letter-spacing: 0.5px; font-weight: 600; color: #5D5C5B; margin: 0; } .new_sidebar .contact-part > div:last-child { font-family: 'Circular_normal'; font-family: 'CircularStd-Light'; } .new_sidebar .contact-part, #sidebar_preview .contact-part { font-size: 12px; letter-spacing: 0.5px; line-height: 1.5; margin: 10px 0; font-family: 'CircularStd-Light'; /* font-weight: 600; */ } .new_sidebar .contact-part div:nth-child(2) { #font-weight: 600; } .new_sidebar .contact-part a::before{ display:none !important; } .new_sidebar .contact-part a{ font-size: 12px; color: #5D5C5B; font-family: 'CircularStd-Light'; font-weight: 600; } } .new_sidebar .contact-part > div{ margin: 0; line-height: 1.5; } .new_sidebar .sidebar_buttons > a{ display: block; text-align: left; color: #fff; font-size: 12px; cursor: pointer; font-weight: 600; letter-spacing: 0.5px; margin: 30px 0; padding: 10px 50px; position: relative; } .new_sidebar .sidebar_buttons > a.lblue { background: #83CAD0; } .new_sidebar .sidebar_buttons > a.blue { background: #8CC3E1; } .new_sidebar .sidebar_buttons > a.yellow{ background: #C0CE38; } .new_sidebar .sidebar_buttons > a.green{ background: #54AF44; } .new_sidebar .sidebar_buttons > a:hover{ opacity: 0.75; text-decoration: none; } .new_sidebar .sidebar_buttons > a::before { content: ''; background: #fff; position: absolute; } .new_sidebar .sidebar_buttons > a.click::before { mask-image: url('/images/icons/bs_online.svg'); width: 21px; height: 34px; left: 16px; top: 12px; } .new_sidebar .sidebar_buttons > a.dw::before { mask-image: url('/images/icons/bs-downoadcentre.svg'); width: 22px; height: 24px; left: 16px; top: 16px; } .new_sidebar .sidebar_buttons > a.term::before { mask-image: url('/images/start-top-icon/Fundbuero-icon-small.svg'); width: 29px; height: 30px; left: 9px; top: 16px; } .new_sidebar .sidebar_buttons > a.map::before { mask-image: url('/images/icons/bs_amter.svg'); width: 32px; height: 24px; left: 9px; top: 16px; } .new_sidebar .sidebar_buttons > a.doc::before { mask-image: url('/images/icons/ic-formulare.svg'); width: 32px; height: 36px; left: 10px; top: 12px; } .new_sidebar .sidebar_buttons > a::after { content: ''; mask-image: url('/images/serv/sb_btn_arrow.svg'); background: #fff; position: absolute; top: 24px; right: 16px; width: 22px; height: 12px; transition: .15s ease all; } .new_sidebar .sidebar_buttons > a:hover::after{ right: 2px; } /***********************************************************  *****************************************/ pre { font-size: .75em; background: #f0f0f0; color: #000; padding: 20px; } .nav-tabs { border-bottom: none; } .nav-tabs > li > a { border-top: none !important; border-bottom: none !important; border-right: none !important; border-left: 2px solid #0EB7A6 !important; font-size: 16px; padding: 2px 7px; border-radius: 0; color: #0EB7A6; } .nav-tabs > li > a:hover { border-top : none!important; border-bottom : none!important; border-right : none!important; border-left : 2px solid #0EB7A6!important; background:none!important } .bs_search_result_div { padding: 15px 0 15px 0; #border-bottom: 2px dashed #f0f0f0; #background-image: url("../images/serv/dotted_line_3.svg"); background-image: url("../images/serv/dotted_line_4.svg"); background-repeat: repeat-x; background-position: left bottom; } .bs_search_result_div_smaller{ height: 15px; background-image: url("../images/serv/dotted_line_3.svg"); background-repeat: repeat-x; background-position: left bottom; margin-bottom: 15px; } .bs_search_result_div_online{ height:2px; background-image: url("../images/serv/dotted_line_3.svg"); background-repeat: repeat-x; background-position: left bottom; margin: 25px 0 15px; } .ehe_accordion { position: relative; background-image: url(../images/serv/dotted_line_3.svg); background-repeat: repeat-x; background-position: left bottom; } .lebenssituationen_dotted_line { position: relative; background-image: url(../images/serv/dotted_line_blue.svg); background-repeat: repeat-x; background-position: left bottom; height:2px; } .lebenssituationen_link_div{ padding: 20px 0 20px 20px; font-style: italic; font-size: 19px; color:#191919; } a.blacklink { color: #191919; font-weight: 600; text-decoration: underline; } .blacklink_img{ margin-left:7px; vertical-align: text-bottom; } .lebenslagen_ehe_inside_accordion_element_content{ padding: 0; background: #F9FAEA; } .ehe_content{ font-size: 19px; padding-bottom: 35px; } .ehe_content.closed { display: none; } .ehe_content.opened { display: block; } .ehe_accordion img.bs_arrow_lebens { top: 17px; } .ehe_accordion .ehe_name { padding: 15px 0 15px 0; } .ehetitle{ cursor: pointer; } .ehe_accordion .ehe_name .green { font-size: 23px; color: #9FC548; #font-family: 'Circular_normal'; font-weight: 600!important; } .teiles_contact_black { font-family: 'CircularStd'; font-weight: 300; color: #000; } .circularstd { font-family: 'CircularStd'; } span.teiles_contact_black>a { color: #C0CE38; text-decoration: underline; } .ehe_accordion .ehe_name .green1 { font-size: 23px; color: #9FC548; #font-family: "Circular Std"; } .lebenssituationen_green_title{ color: #C0CE2E!important ; font-weight: 600 !important; font-size: 23px; } h3.eheH3 { margin: 35px 0 35px; font-size: 42px; color: #9FC548; } .ehe_accordion ul{ list-style: disc; margin-left:17px; } .green .nnnnnn li span{ color:#000; font-weight: 400!important; #font-family: "Circular Std Book"; } .ehe_inside_accordion_element_title.relative { padding: 20px; font-size: 16px; font-weight: bold; font-style: italic; cursor: pointer; } .ehe_inside_accordion { background: #EAF1D8; } div#morelistung { width: 220px; } div#lesslistung { width: 220px; } div#moreformulare { width: 220px; } div#lessformulare { width: 220px; } .orgpad { padding: 0; line-height: 33px; font-family: 'CircularStd-Light'; } .formpad { } img.extern_link_blue { vertical-align: baseline; margin-right: 10px; } .extern_link_blue_a { padding: 3px 0 3px; } h2.h3.detiles_title { font-size: 51px; text-transform: initial; } .bs_search_result_div:first-child { padding: 20px 0; margin-top: 30px; } .textbloecke { color:#191919; } .form-control.error { border:1px solid #b00020; } .textbloecke .bs_search_result_div:first-child { padding: 20px 0; border-top: none; margin-top:0 } .textbloecke_title { margin-bottom: 15px; color:#51AF3D; font-size: 23px; font-weight: bold; position: relative; } div#less_tab1 { width: 210px; } div#less_tab2 { width: 210px; } div#less_tab3 { width: 210px; } div#less_tab4 { width: 210px; } ul.dropdown-menu li a span { text-transform: capitalize; color: #08a192; } ul.dropdown-menu li a div { text-transform: capitalize; #color: #08a192; color: #000; display:inline; } .ins_search{ color:#000!important;} .bs_dotted_line { padding: 0 0 2px 0; background-image: url(../images/serv/dotted_line_3.svg); background-repeat: repeat-x; background-position: left top; } ul.dropdown-menu li:hover a span { color: #f0f0f0; } .textbloecke_title.for_acc { margin-bottom: 0; padding-left: 15px; } img.bs_arrow_acc { position: absolute; right: 0; top: 5px; cursor: pointer; } .acc_hidden{ display:none; #transition: 1s ease all; padding-left:15px; } .bs_search_result_div.opened .acc_hidden{ #display: block; } .buergerservice_leftbar strong { color: #51AF3D; font-size: 23px; } .textbloecke { margin-top: -6px; } div#sidebar_div { max-width: 215px; padding-left: 15px; margin-left: -15px; min-width: 215px; } .sidebar_div_border_left{ margin-left: -15px; letter-spacing: 0.5px; } .sidebar_div_border_left_inside_wrapper{ background-image: url(../images/serv/line-gray.svg); background-repeat: repeat-y; background-position: left top; padding-left: 15px; } .sidebar_buttons_wrapper{ padding-left: 15px; } .sidebar-h-black{ color: #5D5C5B; font-weight: 600; } .sidebar-h-black a{ color: #5D5C5B; } .sidebar-h-black a:hover{ color: #5D5C5B; } .sidebar_div_border_left row:last-child p:last-child{ padding-bottom:0; } .search_gray{ color: #747474; } .bs_search_result_typ { color: #747474; padding: 0 0 10px; #font-weight: 600; font-size: 12px; } .bs_search_result_name { font-size: 19px; padding: 0 0 10px 0; font-weight: 600; font-family: 'CircularStd'; display: inline; } .bs_search_result_name::after { content: url(/images/icons/arrow_search.svg); margin-left: 15px; } .ellll::after { content: url(/images/icons/arrow_search.svg); margin-left: 15px; } .mitarrow::after { #background:var(--page-color); content: url(/images/icons/arrow_grun2.svg); margin-left: 15px; } .bs_search_result_name:hover { text-decoration: underline; opacity: 0.7; } .searchli_all:has(.bs_search_result_name){ transition: 0.5s ease all; } .searchli_all:has(.bs_search_result_name):hover{ background: rgba(244, 244, 244, 0.6); } .bs_search_result_div ul { margin: 15px 40px; list-style: disc; } .bs_search_result_div ul ::marker { color: #0EB7A6; } #lebenslage_inaide_green { list-style-position: outside; margin-left:17px; list-style: disc; } #lebenslage_inaide_green li { padding-left: 0; padding-bottom: 15px; } .lebenslage_inaide_green li::marker { color: #000; #font-size: 16px; #content: "."; #padding-bottom: 20px; #padding-right: 20px; } #sidebar_div { #position: sticky; #top: 0; } .affix{ position: fixed; } div.more_results { margin: 0 auto; border: 1px solid #ccc; text-align: center; width: 210px; padding: 10px; margin-top: 30px; background: #0EB7A6; border: none; color: #fff; cursor: pointer; font-size: 19px; } div.more_results:hover { background: #0aa696; } .hovered_div_menu .main_menu_subsub_ul{ display: block; } .main_menu_subsub_ul .hovered_div_menu{ text-decoration: underline; #font-weight: 500; } .main_menu_subsub_ul .hovered_div_menu a{ font-weight: 500; } .content_general { min-height: 300px; } .sp-oe-oeffnungszeit-typ { margin-bottom: 15px; color: #51AF3D; font-size: 23px; font-weight: bold; position: relative; } .sidebar-dotted { background-image: url(../images/serv/dott-black-v.svg); height: 2px; background-repeat: repeat-x; margin: 30px 0; } .sidebar-dotted:last-child { background-image: none; margin:0; } .new_sidebar .sp-oe-oeffnungszeit-typ { margin-bottom: 0; } .underline{ text-decoration: underline!important; } .leftbar_wrapper{ } ul#leftbar_menu { position: absolute; top:0 } ul#leftbar_menu li { line-height: 1.5; font-size: 19px; color: #B2B2B2; cursor: pointer; margin-bottom: 19px; } ul#leftbar_menu li:hover { text-decoration: underline; opacity: 0.65; } .textbloecke_text.textbloecke_text_blue { background: #F0F8F8; padding: 10px; margin-bottom: 10px; } .textbloecke_text.textbloecke_text_blue .zag { color: #9E9E9D; } .textbloecke_text_colorbg { background: var(--page-acolor); padding: 20px 40px; } .textbloecke_text_colorbg .zag { color: #9E9E9D; } .samediv_data { margin-top: 20px; } h5.leist_h5 { font-size: 19px; background-image: url("../images/serv/dotted_line_gray.svg"); background-repeat: repeat-x; background-position: left bottom; padding-bottom: 15px; font-family: "Circular Std Bold"; margin-bottom: 45px } .zag{ font-size: 20px; font-family: "Circular_normal"; font-family: "Circular Std Book"; font-family: 'CircularStd'; font-weight: normal; } .zag_value{ font-size: 20px; color:#000; margin-bottom: 15px; word-break: break-all; font-family: "Circular_normal"; font-family: 'CircularStd'; } .zag_value1{ font-size: 20px; font-family: "Circular_normal"; font-family: 'CircularStd'; } .zag_value a{ color: #000; } .zag_value1 a{ color: #000; } .laz-pdf-icon { color: var(--page-color); } .laz-pdf-icon:before { display: inline-block; background-color: var(--page-color); -webkit-mask: url(../images/dwl/dwl_pdf_grunn2.svg) center / contain no-repeat; mask: url(../images/dwl/dwl_pdf_grunn2.svg) center / contain no-repeat; width: 1em; margin-right: 5px; margin-left: -5px; content: ""; aspect-ratio: 20 / 17; vertical-align:initial; } .currentColor{ color:var(--page-color); } span.albstadtlinkIcon:after { display: inline-block; content: "virtuelles Rathaus"; font-size: 12px; } span.albstadtlinkIcon:before { display: inline-block; width: 42px; height: 100%; margin-right: 10px; margin-left: 10px; content: " "; background-image: url('../images/logo-albstadt-main.svg') ; background-repeat: no-repeat; background-position: right center; background-size: auto 16px; } .albstadtlink_wrapper { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: baseline; } .albstadtlink_wrapper div:nth-child(1) { width:120px; padding: 0; border-right: 1px solid #f0f0f0 } .albstadtlink_wrapper div:nth-child(2) { padding: 10px 20px; flex-grow: 1; } .albstadtlink_wrapper img { max-width: 110px; margin-top: 8px; margin-right: 15px; } .wohnsitzanmeldung_wrapper { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: baseline; } .val_bottom{ vertical-align: text-bottom; margin-right: 5px; } .wohnsitzanmeldung_wrapper img { max-width: 110px; margin-top: 8px; } .wohnsitzanmeldung_wrapper div:nth-child(1) { width:110px; padding: 0; border-right: 1px solid #f0f0f0 } .wohnsitzanmeldung_wrapper div:nth-child(2) { padding: 10px 20px; flex-grow: 1; } /*****/ .ekom21_wrapper { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: baseline; } .ekom21_wrapper img { max-width: 110px; margin-top: 8px; } .ekom21_wrapper div:nth-child(1) { width:120px; padding: 0; border-right: 1px solid #f0f0f0 } .ekom21_wrapper div:nth-child(2) { padding: 10px 20px; flex-grow: 1; } /******/ .servicebw_wrapper { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: baseline; } .servicebw_wrapper img { max-width: 110px; margin-top: 8px; } .servicebw_wrapper div:nth-child(1) { width:120px; padding: 0; border-right: 1px solid #f0f0f0 } .servicebw_wrapper div:nth-child(2) { padding: 10px 20px; flex-grow: 1; } /******/ span.ekom21Icon:after { display: inline-block; content: " ekom21"; font-size: 12px; } span.ekom21Icon:before { display: inline-block; width: 100px; height: 100%; margin-right: 0; margin-left: 10px; content: "|"; background-image: url('../images/logo-albstadt-main.svg'); background-repeat: no-repeat; background-position: 15px center; background-size: auto 22px; } .ekom21_wrapper_ span:after { display: inline-block; width: 100px; height: 100%; margin-right: 0; margin-left: 10px; content: "|"; background-image: url('../images/icons/Albstadt_formulars-logo.svg'); background-repeat: no-repeat; background-position: 15px center; background-size: auto 30px; } .ekom21_wrapper_sbw span:after { display: inline-block; width: 100px; height: 100%; margin-right: 0; margin-left: 10px; content: "|"; background-image: url('../images/icons/sbw.svg'); background-repeat: no-repeat; background-position: 15px center; background-size: auto 30px; } ul.legenda_ul { display: flex; gap: 30px; margin-bottom: 20px; margin-left: 30px; } ul.legenda_ul img { width: 30px; margin-right: 10px; } span.vertseps { padding: 0 10px; } span.serviceBWIcon:after { #display: inline-block; #content: "service-bw Konto erforderlich"; #font-size: 12px; } span.serviceBWIcon:before { display: inline-block; width: 42px; height: 100%; margin-right: 10px; margin-left: 10px; content: "|"; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MS4yMiAzMi40Ij48ZGVmcz48c3R5bGU+LmF7ZmlsbDojZmZlMjY5O30uYntmaWxsOiNmZWQ0MmQ7fS5je2ZpbGw6IzA1MDYwNjt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImEiIGQ9Ik0yOS42Miw1bC41Mi0uNTJaIi8+PHBhdGggY2xhc3M9ImIiIGQ9Ik0zMi4yMiwxNC4zMWMtMSwwLTIuMDgsMC0zLjExLDBzLTEuODItLjY2LTIuOS0uNTlhMi45MSwyLjkxLDAsMCwxLTIuNzgtMi41Niw2Ljg1LDYuODUsMCwwLDAtMS4wOC0yLjkzYy0uNjgtMS4zLTEuMzgtMi42LTEtNC4zMy0xLjUuNzUtMi43MywxLjc0LTQuMi41OS0uMTctLjEyLS41MSwwLS43NywwLTIuMTUtLjM1LTQsLjYzLTYsMS4yNi0xLjY2LjU1LTEuNjIuNy0xLjQ1LDIuOTRhNS41LDUuNSwwLDAsMCwxLjM4LS4zNmMuNjMtLjM2LjczLjI3LjkuNDhzLjI4LjgtLjM4Ljg1Yy0uMjYsMC0uNjYtLjA5LS43NCwwLS42NSwxLTEuMjUuMjQtMS44NiwwaDBsLTEtLjUxYy0uMTYuODQuMTksMS4xOSwxLDFoMGMuMi4xNy4zOS40Ni42MS40OWE5LDksMCwwLDAsMS40NywwaDBjLjQuMDgsMS0uMjUsMSwuNTFoMGMtLjM2LDEuMzMtMSwwLTEuNDQuMTN2MmExMi41MSwxMi41MSwwLDAsMCwxLjM0LS4yM2MuNDEtLjEyLjQ2LS44OSwxLjA2LS43MlYxNC43Yy0xLjkzLjQyLTMuNzEtLjExLTUuNTItLjM2LS42LS4wOS0uNDgtLjUxLS43LS43OWEzLDMsMCwwLDAtMy4zLTEuMjVjLTEuMzEuNDItMi44Ni45MS0yLjg3LDNIMi44OWwxMC4yOSw3TDksMjUuN0g1LjQ4Yy0yLjE3LDAtMywuNzQtMy4yNCwzLjA5LDIuMjQsMCw0LjQ4LS4wOSw2LjcxLDBBMTcuMTMsMTcuMTMsMCwwLDAsMTYsMjcuNzZhNyw3LDAsMCwxLDEuMzUtLjUsNDMsNDMsMCwwLDAsNi0xLjgzYy4zOC0uMTEsMS0uMzcsMS0uNTUsMC0uODMuNS0uNzUsMS0uNzQsMS45My4wNSwzLjc4LS44NSw1Ljc1LS41NS4zMy4wNS43Mi0uMzEsMS4wOC0uNDhBMTAuNjQsMTAuNjQsMCwwLDAsMzIuMjIsMTQuMzFaTTEzLjUsNi41M2MtLjEyLDAtLjI4LS4xLS40Mi0uMTVsLjE5LS40NS42OC4yOEExLjYsMS42LDAsMCwxLDEzLjUsNi41M1oiLz48cGF0aCBjbGFzcz0iYyIgZD0iTTU5LDIxLjU3Yy0xLjU1LS4zMS0yLjE3LS43NS0yLjMyLTIuMzEtLjIyLTIuMjctMS44LTQuMDgtMS44Ny02LjQ4LjEtLjA5LjM1LS41MS42MS0uNTEsMS42MywwLDEtMS41NCwxLjU0LTIuMjVhMS45LDEuOSwwLDAsMC0uMTQtMi4wOGMtMS0xLjgxLTIuMy0zLTQuNDgtMi45NGExMS40NiwxMS40NiwwLDAsMS0xLjU1LDAsMTQuNDcsMTQuNDcsMCwwLDAtNC4xLjM1TDMzLjI2LDkuNzJWNy4wOWMwLTIuMDcsMC00LjEzLDAtNi4yLDAtLjIxLS40NS0uNDItMS0uODlWOS42NWExLjEyLDEuMTIsMCwwLDAsMCwxLjU2VjMyLjI3Yy44OS4zMiwxLjA1LDAsMS4wNS0uNjYsMC0yLjkyLDAtNS44NSwwLTguOTIsMi40NC0xLjc2LDUtMy40Myw4LjMyLTMuNzksMCwxLjgzLDAsMy40NSwwLDUuMDgsMCwxLjQxLS4zMSwxLjY2LTEuODQsMS43MS0yLjUzLjA5LTMuMjkuNjYtNC4xMiwzaDguOTRjLjQ5LTMuMjIsMi4zMy01LjY3LDQtOC4yN2EzMS40NCwzMS40NCwwLDAsMCw5LjMsNWMtMS44My41Ni0zLjI1LDEuMzQtMy41OCwzLjI1aDdWMjIuMjZBMjEuOSwyMS45LDAsMCwwLDU5LDIxLjU3Wk01My41MywxMS4yMmMtMS45LDAtMy44MS4xMi01LjctLjA1LTIuMjQtLjItNC4xNC45MS02LjIsMS4zNi0xLC4yMy0yLC41Ny0zLC44NGExNiwxNiwwLDAsMS0yLjkyLjQ0Yy0uNzMsMC0xLjU3LS4zNS0yLjM3LjgxVjEwLjg2YzIuNTItLjc4LDUuMDgtMS40Nyw3LjU2LTIuMzcsMS4yMi0uNDUsMi40Ni0uNzQsMy43LTEuMDlzMi40OC0uNywzLjc3LTFBOS44OCw5Ljg4LDAsMCwxLDUxLDYuMDZhOS40NCw5LjQ0LDAsMCwxLDIuNjMuNTJjMS4zNS40OSwyLDIuODgsMS4yMyw0LjA4QTEuMzQsMS4zNCwwLDAsMSw1My41MywxMS4yMloiLz48cGF0aCBjbGFzcz0iYSIgZD0iTTI5LjEsOC4yMmMuMTEtMS0uMzEtMi4xOS41My0zLjIyLjE5LS4xNS4zLS4zOC41MS0uNTJWNGgwbC40Ni0uMzFjLS4xMy0uMDctLjMxLS4yMy0uMzgtLjE5YTUuNjgsNS42OCwwLDAsMC0uNi41aDBhMTQuMDgsMTQuMDgsMCwwLDAtMi4yMSwyLDMuMywzLjMsMCwwLDAtLjc5LDIuMzgsNCw0LDAsMCwwLDEuOTQsMi4zOWMxLjIyLjY1LDIuNDMuMzYsMy42NS40N1Y5LjY2QTIuNzcsMi43NywwLDAsMSwyOS4xLDguMjJaIi8+PC9zdmc+); background-repeat: no-repeat; background-position: right center; background-size: auto 16px; } .lebenslage_title{ cursor: pointer;} .sidebarbuttons { min-height: 55px; padding: 10px 8px; text-align: left; color: #fff; font-size: 12px; background: #ccc; font-family: "Circular Std Book"; cursor: pointer; margin-left: -15px; margin-top: 20px; } .sidebarbuttons:hover { opacity: 0.75; } .sidebarbuttons:hover .sb_btn_arrow { right: 2px; } .sidebarbuttons span { position: absolute; top: 19px; left: 50px; } .sidebarbuttons .span2 { position: absolute; top: 10px; left: 50px; } img.sb_btn_icon { position: absolute; top: 9px; } .sb_btn2 .sb_btn_icon{ top: 13px; } .sb_btn4 .sb_btn_icon{ top: 13px; } .sbconst { in-height: 60px; padding: 10px 8px; text-align: left; color: #fff; font-size: 12px; font-family: "Circular Std Book"; cursor: pointer; margin-left: -15px; margin-top: 20px; font-weight: 600; letter-spacing: 0.5px; } .sbconst span { position: absolute; top: 10px; left: 62px; } .sbconst img.sb_btn_icon { position: absolute; top: -10px; left: 17px; } #sidebar_div{ max-width: 215px; } img.sb_btn_arrow { position: absolute; right: 6px; top: 24px; transition: .15s ease all; } .sb_btn1{ background: #0EB7A6; } .sb_btn2{ background: #318282; } .sb_btn3{ background: #C0CE2E; } .sb_btn4{ background: #76B7D9; } .sb_const_btn1{ background: #83CAD0; } .sb_const_btn2{ background: #54AF44; } .sb_const_btn3{ background: #C0CE38; } .sbconst img.sb_btn_arrow { position: absolute; right: 16px; top: 2px; transition: .15s ease all; } .haushalt_plus { position: absolute; right: 15px; top: 20px; cursor:pointer } .haushalt_row.first{ background-image: url(../images/serv/dotted_line_3.svg); background-repeat:repeat-x; background-position: left top; } a.notunderline:hover{ text-decoration: none; } .bs_nach_list_elem a { color:#191919 } .bs_nach_list_elem a div{ font-size: 20px; #font-weight: 600; color:#191919; line-height: 2.4; } .scob{ color: #76B7D9; padding-left:5px; transition: .15s ease all; } .scob:hover{ color: #76B7D9; padding-left:15px; } .bs_nach_list_elem a:hover { text-decoration: none; } .bs_nach_list_elem a:hover div{ font-weight: 600; } .bs_nach_list_elem a:hover .scob { padding-left:15px; } .haushalt_text ul{ list-style: disc; margin-left:17px; margin-top: 20px; } .haushalt_text ul li { font-size: 16px; margin-bottom: 10px; list-style-image: url("../images/gesucht_arrows.svg"); } .d_inline{ display: inline; } #scroll_Beschreibung ul li { font-size: 20px; margin-bottom: 10px; list-style-image: url("../images/gesucht_arrows.svg"); } .haushalt_text ::marker { color: #51AF3D; } button#delete_account_agree { background: #51AF3D; border: 1px solid #51AF3D; color: #fff; border-radius: 0; outline: none; } .saccess_mess { border: 1px solid #51af3d; padding: 10px; font-size: 20px; color: #000000; font-style: normal; } .err_mess{ border: 1px solid #b00020; padding:10px; font-size: 20px; color: #000000; font-style: normal; } div#err_reset_answer_ok { margin: 20px 0 20px 17px; padding-right: 47px; } .btn.btn-default { background: #fff; border: 1px solid #ccc; color: #4f4f4f; border-radius: 0; outline: none; } .btn.btn-default:focus { background: #fff; border: 1px solid #ccc; color: #4f4f4f; border-radius: 0; outline: none; } .btn.btn-default:active { background: #fff; border: 1px solid #ccc; color: #4f4f4f; border-radius: 0; outline: none; } .btn.btn-default:hover { background: #fff; border: 1px solid #333; color: #4f4f4f; border-radius: 0; outline: none; } .outlinenot { outline: none; } #remove_acc{ cursor: pointer; font-weight: 600; } #remove_acc:hover{ text-decoration: underline; } #delete_account_agree{ width:150px; text-align: center } #delete_account_popup .modal-content { border-radius: 0; } button#delete_account_agree:hover { background: #479d36; border: 1px solid #479d36; color: #fff; } div#search_popup { display: none; width: 100%; background: rgba(49, 130, 130, 0.95); height: 100%; position: fixed; right: 0; z-index: 10000; color: #fff; top: 0; box-shadow: 0 0 30px #626161; } div#search_popup { padding-top: 5%; #transition: .15s ease all } .search_toggle { position: absolute; right: 14px; top: 14px; width: 24px; height: 24px; padding: 0; border: 0; background: transparent; cursor:pointer; transition: .3s ease all } .search_toggle img { display: block; width: 100%; height: 100%; } .pointer { cursor:pointer; } .search_toggle:hover { transform: rotate(90deg); } .search_field_wrapper{ padding : 0 10%; position: relative; } .searchtitle{ padding-left:10px; font-family: CircularStd-Light; } .search_fast_wrapper{ padding : 0 10%; position: relative; display: none; font-family: CircularStd-Light; } .search_fast_title { clear: both; color: #f0f0f0; font-family: CircularStd-Light; font-size: 16px; font-weight: 600; line-height: 1.4; margin: 0 0 2px; text-align: left; } #main_search_suggestions > li.autocomplete-active { background: #0EB7A6; } #main_search_suggestions > li.autocomplete-active .ellll { color: #fff !important; } #main_search_field{ margin-left: 0; width: 100%; border: none; height: 60px; margin: 0 auto; background: #379F9F; color: #f0f0f0; padding: 10px 10px 10px 15px; font-size: 20px; border-radius: 0; box-shadow: none; font-family: CircularStd-Light; box-sizing: border-box; } #main_search_field:focus{ box-shadow: 0px 0px 3px #f3f3f3; } #main_search_field:hover{ background: rgba(57, 169, 169, 0.6); } button.lupa_search_main { position: absolute; top: 20px; right: 11%; cursor: pointer; padding: 0; border: 0; background: transparent; line-height: 0; } button.lupa_search_main img { display: block; } img.lupa_top { transition: transform 0.2s; cursor:pointer } img.lupa_top:hover { transform: scale(1.2, 1.2); } #footer button.lupa_top { appearance: none; -webkit-appearance: none; background: transparent; border: 0; border-radius: 0; color: inherit; cursor: pointer; font: inherit; line-height: inherit; margin: 0; padding: 0; text-align: left; } #footer button.lupa_top:focus, #footer button.lupa_top:focus-visible { outline: var(--focus-width) solid var(--focus-color); outline-offset: var(--focus-offset); } img.haushalt_plus { transition: transform 0.2s; cursor:pointer } img.haushalt_plus:hover { transform: scale(1.3, 1.3); } img.bs_arrow_lebens { transition: transform 0.2s; cursor:pointer } img.bs_arrow_lebens:hover { transform: scale(1.3, 1.3); } img.down_files_icon { margin-right: 15px; vertical-align: baseline; transition: transform 0.2s; #cursor: pointer; } img.down_files_icon:hover { #transform: scale(0.9, 0.9); #transform: translate(3px, 0); #opacity: 0.55; } .withbottomborder:first-child{ background-image: url("../images/serv/dotted_line_3.svg"); background-repeat: repeat-x; background-position: left bottom; } .ehe_inside_accordion_element.withtopborder{ background-image: url("../images/serv/dotted_line_3.svg"); background-repeat: repeat-x; background-position: left top; } #search_reset { -webkit-appearance: none; appearance: none; background: transparent; border: 0; position: absolute; top: 22px; right: 14%; cursor: pointer; height: 17px; line-height: 0; padding: 0; width: 17px; display: none; } #search_reset img { display: block; pointer-events: none; width: 100%; } .s_angebot { -webkit-appearance: none; appearance: none; background: transparent; border: 0; border-radius: 0; color: inherit; font: inherit; float: left; margin-right: 0 ; margin-bottom: 15px; #border: 1px solid #f0f0f0; padding: 10px 0; cursor: pointer; text-align: left; } .s_angebot a { color:#f0f0f0; } .s_angebot:hover { #background: rgba(57, 169, 169, 0.6); text-decoration: underline; } .s_angebot_text { display: inline-block; } .s_angebot:focus-visible { outline: none; } .s_angebot:focus-visible .s_angebot_text { outline: var(--focus-width) solid var(--focus-color); outline-offset: var(--focus-offset); } .separ_search{ margin: 0 10px; } .search_fast_wrapper .separ_search { float: left; padding: 10px 0; } .main_search_field::placeholder{ color:#f0f0f0; font-style: italic; } ul li{ line-height: 33px; #list-style-image: url("../images/gesucht_arrows.svg"); } .textbloecke_text ul li{ list-style-image: url("../images/gesucht_arrows.svg"); } .gesucht_links li{ #list-style: none; } .haushalt_intro { margin-top: 15px; } .linkgreen4{ color:#9FC548!IMPORTANT; } .green_extern_link{ vertical-align: baseline; margin-left:10px; } .lebenslage_name.haushalt_row a { font-size: 20px; color: #000; } .haushalt_row .ehe_inside_accordion { background: #F9FAEA; } .nodotted .ehe_inside_accordion_element { background-image: none!important; } .haushalt_text .ehe_inside_accordion_element_content { padding: 10px 20px 60px 20px; overflow: hidden; font-size: 20px; } .haushalt_text .ehe_inside_accordion_element_content p{ line-height: 33px; margin-bottom: 25px; } .col-lg-12.lebenslage_name.haushalt_row.relative .fs19 { LINE-HEIGHT: 33px; } .haushalt_text .ehe_inside_accordion_element_title.relative { font-size: 20px; cursor:pointer; } .lebenssituationen_finan_table{ width:100%; #margin-top:25px; #margin-bottom:45px; } img.mm_tologin.mm_toaction.pointer.padl30 { visibility: hidden; display:none; } .lebenssituationen_finan_table td:last-child{ width:200px; text-align: right; #font-weight: 600; #color: #5D7E83 } .bbb25{ margin-bottom:25px } .images_off img{ width:1px; height: 1px; } .images_off{ position: absolute; left:-6000px } .hovered_img:hover{ opacity:0.75; } .ehe_inside_accordion_element_content p{ font-size: 19px; } .dotted_line_4{ background-image: url("../images/serv/dotted_line_4.svg"); background-repeat: repeat-x; background-position: left bottom; height:3px; } .part_data_wrapper .part_data_column{ float:left; font-size: 15px; } .part_data_wrapper .part_data_column.last div{ margin-bottom: 5px; line-height: 33px; } .part_data_column:first-child{ margin-right: 20px; } .part_data_column a{ font-size: 15px!important; } .top25{ padding-top:25px; } img.downloads_icon { margin-bottom: 10px; } .Anhang{ font-size: 19px!important; } .Anhang ol { margin-left: -10px; } .Anhang ol li{ margin-bottom:15px } .Anhang a{ color:#8FC14E!important; font-size: 19px!important; } .finan_table{ width:100%; margin-top:25px; margin-bottom:45px; border-top: 1px solid #BBD4D7; } .finan_table td:last-child{ width:200px; text-align: right; #font-weight: 600; color: #5D7E83 } .table > tbody > tr > td, .table > tfoot > tr > td { border-top: 1px solid #BBD4D7; line-height: 33px; } .table.lebenssituationen_finan_table > tbody > tr > td { border-top: none!important; background-image: url(../images/serv/dotted_line_blue.svg); background-position: left bottom; background-repeat: repeat-x; line-height: 33px; padding-right: 20px; padding-left: 20px; } .table.lebenssituationen_finan_table > tbody > tr:last-child > td { background-image: none; } .table.lebenssituationen_finan_table > tbody > tr > td:last-child { font-weight: 600; color:#83B4B4; } img.width_full { width: 95%; } .tttbbbbbb { border-top: none!important; background-image: url(../images/serv/dotted_line_blue.svg); background-position: left bottom; background-repeat: repeat-x; line-height: 33px; font-weight: 600; padding: 20px!important; } .lebenslagen_inside_table{ padding: 0; background: #F9FAEA; } .lebenssituationen_finan_table{ margin-bottom: 0; } table.table.finan_table.fin_tab_last { margin-bottom: 0; } .nice-select.akt_filter { width: 110px; font-size: 20px; color: #747474; background: #fff; border: none; padding-left: 0; } .aktuelles_year_div, .aktuelles_monthes_div { position: relative; } .aktuelles_year_div { width: 180px; } .aktuelles_monthes_div { width: 200px; } .aktuelles_filers .meldungen-native-filter { width: 100%; height: 56px; padding: 0 34px 0 0; border: 0; border-radius: 0; background: #fff; color: #747474; cursor: pointer; font-family: 'CircularStd-Light'; font-size: 20px; font-weight: 400; line-height: 56px; appearance: none; } .aktuelles_year_div::after, .aktuelles_monthes_div::after { position: absolute; top: 20px; right: 10px; width: 10px; height: 10px; border-right: 1.5px solid #000; border-bottom: 1.5px solid #000; content: ''; pointer-events: none; transform: rotate(45deg); } .aktuelles_filers .meldungen-native-filter:focus, .aktuelles_filers .meldungen-native-filter:focus-visible { outline: 2px solid #1d1d1b; outline-offset: -2px; } .aktuelles_element img.ico_akt_arrow { top: 102px; left: 0; } .aktuelles_filers .nice-select .list{ overflow-y: auto; } .aktuelles_filers .nice-select.open .option.focus { outline: 2px solid #1d1d1b; outline-offset: -2px; } .aktuelles_filers .nice-select:focus, .aktuelles_filers .nice-select:focus-visible { outline: 2px solid #1d1d1b; outline-offset: -2px; } .aktuelles_filers .nice-select:after { border-bottom: 1.5px solid #000!important; border-right: 1.5px solid #000!important; height: 10px!important; margin-top: -8px!important; width: 10px!important; right: 5px; } .aktuelles_filers div { float: left; } .aktuelles_monthes_div { margin-right: 50px; } .aktuelles_year_div ::after{ right: auto; left: 65px; } .aktuelles_monthes_div ::after{ right: auto; left: 85px; } .aktuelles_tagen_div ::after{ right: auto; left: 42px; } #aktuelles_filters_send { font-weight: 300; text-decoration: underline; margin-top: 13px; cursor: pointer; margin-left: 15px; font-family: 'CircularStd-Light'; color: #747474; font-size: 20px; } #aktuelles_filters_send, #aktuelles_filters_send_widget { padding: 0; border: 0; background: transparent; font-family: inherit; cursor: pointer; appearance: none; } #aktuelles_filters_send:focus, #aktuelles_filters_send:focus-visible { outline: 2px solid #1d1d1b !important; outline-offset: 2px !important; } a#aktuelles_filters_clear_a { } div#aktuelles_filters_clear { margin-top: 14px; margin-left: 40px; font-weight: 500; font-size: 20px; } div#aktuelles_filters_clear.fundd { margin-top: 10px; } a#aktuelles_filters_clear_a:hover #aktuelles_filters_clear { text-decoration: underline; } .aktuelles_pagin_div { float: right; padding-right: 35px; } ul.aktuelles_pagin_menu { padding: 0; margin: 10px 0 0 0; font-size: 20px; } div#dwl_search { width: 230px; } ul.aktuelles_pagin_menu li { float: left; padding-left: 0; margin-left: 15px; } .aktuelles_element { padding: 25px 0 15px 20px; } .dwl_gefunden{ margin-top:18px; } .actuelles_element_title{ #padding-left:30px; } .aktuelles_element.last{ background-image: url(../images/dotted_line_green.svg); background-repeat: repeat-x; background-position: left bottom; } .aktuelles_line_dotted{ height:1px; background-image: url(../images/dotted_line_green.svg); background-repeat: repeat-x; background-position: left bottom; } .aktuelles_element { background-image: url(../images/dotted_line_green.svg); background-repeat: repeat-x; background-position: left top; } button.aktuelles_plus { position: absolute; right: 15px; cursor: pointer; padding: 0; border: 0; background: transparent; line-height: 0; } button.aktuelles_plus:hover { opacity: 0.6; } .aktuelles_mehr{ cursor: pointer; color: #83CAD0; font-size: 15px; display: inline; font-style: italic; text-decoration: underline; font-family: 'CircularStd-Light'; font-size: 20px; padding: 0; border: 0; background: transparent; } .aktuelles_mehr:hover{ opacity: 0.6; } .presserestorebutton .mm_arrow_toright{ right:8px;} .lightgray_bg{ background-color: #f0f0f0; margin-left: 0; border-bottom: 1px solid #fff; } .aktuelles_monthes_div.error .current{ color:#b00020; } .aktuelles_year_div.error .current{ color:#b00020; } .aktuelles_monthes_div.error .meldungen-native-filter, .aktuelles_year_div.error .meldungen-native-filter { color:#b00020; } .aktuelles_intro { padding: 15px 0; display: inline; line-height: 33px; font-family: 'CircularStd-Light'; } .aktuelles_text.opened { display: block; line-height: 33px; } .aktuelles_text.closed { display: none; } .aktuelles_image img { width: 100%; } .aktuelles_monthes_div .akt_filter { #width: 130px; } .aktuelles_monthes_div .nice-select .list { width: 130px; } .aktuelles_filers .nice-select .list { overflow-y: auto; max-height: 200px!important; } .aktuelles_line_solid { width: 65px; border-bottom: 3px solid #000; margin: 10px 0 25px; } .actuelles_element_title { margin-bottom: 15px; font-family: 'CircularStd'; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; width: 100%; padding: 0; border: 0; background: transparent; color: inherit; text-align: left; } .aktuelles_toggle:focus-visible { outline: 2px solid #1d1d1b; outline-offset: 2px; } .aktuelles_vert div { display: inline-block; height: 13px; border-left: 2px solid #9d9d9d; margin: 0 15px; } .aktuelles_text .aktuelles_image { padding-top: 30px; } .haschtags_a { color: #747474; } .haschtags_a:hover { color: #747474; } .haschtags { color: #747474; display: inline; } .haschtags_a:hover div { color: #747474; } .modal-header { padding: 30px; } .modal-title { font-size: 23px; } .modal-footer { padding: 30px; } .modal-footer .close_button_popup { border: 1px solid #318282 !important; background: #318282; color:#fff; padding: 10px 30px } .modal-footer .close_button_popup:hover { background: rgba(49, 130, 130, 0.87); } .close{ opacity: 1; } img.popup_close { width: 15px !important; position: absolute; right: 15px; top: 15px; } a#aktuelles_filters_clear_a { color: #6Eb6bd; } .aktuelles_tagen_div .list{ max-height: 200px!important; overflow-y: auto; } a.page.page-prev { display: none!important; } a.page.page-next { display: none!important; } .paginate-pagination ul > li > a.page { position: relative; } .paginate-pagination ul > li > a.page { border: none!important; font-size: 16px; width:25px; } .paginate-pagination ul > li > a.page.active { color: #000!important; } .paginate-pagination ul > li > { position: relative; } span.pagin_separ { #position: absolute; top: 0; } li.forpage { cursor: pointer; } .aktuelles_pagin_menu button.forpage { margin: 0; padding: 0; border: 0; background: transparent; color: inherit; font: inherit; line-height: inherit; cursor: pointer; appearance: none; } .aktuelles_pagin_menu button.forpage:focus-visible { outline: 2px solid #1d1d1b; outline-offset: 2px; } .nice-select.aktuelles_pagin_menu_mo.sm:focus-visible, .nice-select.aktuelles_pagin_menu_mo.sm:focus { outline: 2px solid #1d1d1b; outline-offset: -2px; } .nice-select.aktuelles_pagin_menu_mo.sm .option.focus { outline: 2px solid #1d1d1b; outline-offset: -2px; } nav.paginate-pagination.paginate-pagination-0 { margin-left: -5px; } nav.paginate-pagination li a:after { #content: " | "; #padding-left: 5px; #font-size: 15px; } input.banner_search { bottom: 75px; width: 380px; height: 45px; padding: 15px; border: none; outline: none; opacity: 0.95; font-weight: 600; font-family: CircularStd-Light; } input.banner_search::placeholder { color: #575756; font-size: 20px; font-family: CircularStd-Light; } .container.container_banner_search { position: absolute; bottom: 112px; z-index: 165; width: 100%; padding-bottom: 50px; } a.akt_more_a { font-size: 20px; display: inline; font-style: italic; text-decoration: underline; font-family: 'CircularStd-Light'; color: #83CAD0; } .akt_description p { display: inline; font-size: 20px; line-height: 33px; font-family: 'CircularStd-Light'; } .linehalb { line-height: 33px; } .linehalb p { margin-bottom: 20px; font-size: 20px; } .teile_map_div p { line-height: 33px; margin-bottom: 20px; } .row.zahlen_fakten_row h4 { margin-top: 20px; } li.forpage.pp { color: #999; } .aktuelles_pagin_menu button.forpage.pp { color: #999; } .fs51.bold.green6{ line-height: 33px; } .part_data_column a{ font-size: 12px!important; } .bildinfo { margin-top: -12px; margin-left: -41px; } .staedtepartnerschaften_text p { line-height: 33px; } .lh120{ line-height: 1.2; } .non-bg p { line-height: 33px; } /**/ .textbloecke_text li { line-height: 33px; } .haushalt_text li{ line-height: 33px; } .haushalt_text p{ line-height: 33px; margin-bottom:25px; } .haushalt_text.HHH.pad_right35.opened p { line-height: 33px !important; } .max-w-6xl { max-width: auto!important; } #wigetwrapper { position: absolute; left: 5px; } #widget_events { #position: absolute; left: 5px; } .max-w-6xl { min-width: 300rem!important; } .lg{ display:block; } .sm{ display:none; } .lebenssituetionen_list .rec_marker { font-size: 17px; color: #000; position: absolute; left: 0; top: 0; cursor: pointer; transition: 0.3s ease all; color: #C0CE2E; } .lebenssituetionen_list .rec_a_div { padding-left: 30px; } .lebenssituetionen_list{ margin-bottom: 15px; line-height: 33px; } span.span_a_black { font-weight: 600; color: #191919; } input#user_pos { width: 255px; padding: 15px; color: #000; background: #fff; margin-bottom: 15px; } div#coords_text { font-size: 19px; } div#form_create_hide { font-size: 19px; color: #83c980; font-weight: bold; padding: 5px; margin-bottom: 20px; } span.delete_uploads { float: right; font-size: 14px; cursor: pointer; padding: 3px; margin-top: -3px; } div#upload-file-list li { clear: both; } .p_tpl p{ font-size: 19px; line-height: 33px; margin-bottom: 20px; } a.black_a.url.underline { margin-bottom: 0; } /******************************************/ .infobixes_wrapper { padding: 15px 0 ; } .home_stadt_item { background-repeat: no-repeat; background-position: center; background-size: cover; width: 100%; opacity: 1; position: relative; } /*
.container_flex {
    display: flex;
    flex-direction: row;
    margin-bottom: 20px;
    justify-content: space-between;
    align-items: stretch;
    column-gap:15px;
}
 */ .container_flex { display: flex; flex-direction: row; margin-bottom: 20px; align-items: stretch; column-gap: 15px; } .inner-div { min-height: 340px; background-color: #fff; width: 33%; } .inner-div-staedt { min-height: 340px; background-color: #fff; width: 33%; } input.fstQueryInput { #height: 0; } div#sidebar_div a { color: #575756; } input#serach_field { height: 55px; padding: 6px 0 6px 12px; border: none; border-radius: 0; background: #E3E3E3; box-shadow: none; font-size: 19px; width: 100%; font-style: italic; } div#search_senden { height: 55px; padding: 16px 50px 20px 20px; background-color: #0EB7A6; color: #fff; border: none; font-weight: 700; font-size: 20px; position:relative; cursor: pointer; } div#search_senden::after { position: absolute; right: 20px; top: 20px; content: ""; height: 20px; width: 14px; display: block; mask-image: url('/images/icons/arrow_right.svg'); background-color: #fff; transition: right 0.3s; } div#search_senden:hover::after { right: 10px; } .grunn2 a{ color:#54AF44!important; text-decoration: underline!important; } .textbloecke_text_blue ul li a{ position: relative; } .textbloecke_text_blue ul li a::after { content: ''; #position: absolute; display: inline-block; height: 14px; width: 14px; /* mask-image: url(/images/icons/url.svg); */ mask-image: url(../images/icons/ico-download.svg); mask-repeat: no-repeat; mask-size: contain; margin-left: 5px; background-color: var(--page-color); } .textbloecke_text_blue.lagemerk{ padding: 35px 30px 5px; } .textbloecke_text_blue.lagemerk p b{ font-weight: 500!important; } .sp-m-externalLink::after { content: ''; #position: absolute; display: inline-block; height: 14px; width: 14px; /* mask-image: url(/images/icons/url.svg); */ mask-image: url(../images/icons/ico-download.svg); mask-repeat: no-repeat; mask-size: contain; margin-left: 5px; background-color: var(--page-color); } .blank{ position: relative; } .blank img{ width:300px; } .blank::after { content: ''; position: absolute; top: 0; right: -30px; width: 20px; height: 20px; background-color: var(--page-color); mask-image: url(/images/icons/ico-download2.svg); mask-repeat: no-repeat; } ul#verein_cat_sublist li { padding-left: 20px !important; } .verein_contact { margin-top: 25px; } .ff_title{ text-align:center; } img.l10.fficon { position: absolute; margin-top: 4px; } .kj_title{ text-align:center; } img.l10.kjicon { position: absolute; margin-top: 4px; } ol li { font-size: 20px; font-family: 'CircularStd-Light'; } .fundliflex > a { display: flex !important; /* !important, чтобы перебить глобальные стили ссылок */ align-items: center; /* центрируем иконку по вертикали, когда текст на 2 строки */ gap: 8px; /* отступ между колонками */ width: 100%; text-decoration: none; color: inherit; } /* Колонка иконки — фиксированной ширины */ .fundli-icon { flex: 0; /* фиксируем ширину под иконку */ width: 28px; height: 28px; /* чтобы было проще выровнять */ display: flex; align-items: center; justify-content: center; } /* Картинка вписывается в «клетку» и не расползается */ .fundli-icon img, .fundli-icon svg { max-width: 100%; max-height: 100%; display: block; } .fundli-title { flex: 1 1 auto; min-width: 0; /* важно, чтобы текст мог ужиматься и переноситься */ line-height: 1.3; overflow-wrap: anywhere; /* перенос длинных слов/URL */ word-break: break-word; /* страховка для старых браузеров */ } @media only screen and (max-device-width: 560px){ div#aktuelles_filters_clear { margin-top: 10px; margin-left: 0; font-weight: 500; } .dwl_buttons_wrapper { display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; gap: 15px; } } @media only screen and (max-device-width: 414px){ .container_flex{ flex-direction: column!important; } .home_stadt_item { min-height: 350px; margin-bottom: 30px; } .stadt_green1, .stadt_green2 { height: 110px; opacity: 0.7; } .home_stadt_top_title{ color: #fff; font-size: 3vh; position: absolute; bottom: 76px; } .home_stadt_title { font-size: 2.5vh; text-align: left; } .home_stadt_home_line { border-bottom: 3px solid #fff; width: 60px; bottom: 65px; } .inner-div { min-height: 350px; width: 100%!important; } } /******************************************/ .aktuelles_tags_div .fstElement { display: inline-block; position: relative; border: 1px solid #D7D7D7; box-sizing: border-box; color: #232323; font-size: 14px; background-color: #fff; width: 200px; } .aktuelles_tags_div .fstMultipleMode .fstControls { padding: 0 0 0 5px; width:200px; } .aktuelles_tags_div .fstMultipleMode .fstQueryInput { font-size: 14px!important; } .aktuelles_tags_div .fstResultItem.fstFocused { color: #fff; background-color: #318282; border-color: #318282; } .aktuelles_tags_div .fstChoiceItem { border: 1px solid #318282; background-color: #318282; padding: 3px 5px 3px 22px; } .aktuelles_tags_div .fstResultItem.fstSelected { background-color: #318282; border-color: #318282; border-bottom: 1px solid #ccc; } .aktuelles_tags_div .fstResultItem{ font-size: 14px; } .aktuelles_tags_div .fstMultipleMode .fstControls { margin-top: 6px; font-size: 11px; } .aktuelles_tags_div .fstQueryInput:focus { outline: none; } .aktuelles_tags_div .fstElement:focus-within { outline: 2px solid #1d1d1b; outline-offset: -2px; } .aktuelles_tags_div .fstChoiceRemove:focus-visible { outline: 2px solid #1d1d1b; outline-offset: 1px; } .aktuelles_tags_div { padding-top: 10px; } .dwl_buttons_wrapper{ display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; } .dwl .dwl_buttons { align-self: stretch; width: 220px; height: 55px; background-repeat: no-repeat; background-position: 15px center; margin-right: 20px; align-content: center; text-align: center; color: #fff; cursor:pointer } .dwl .dwl_buttons > .relative >span::after { background-color: var(--page-color, #fff); mask-image: url(../images/icons/arrow_right.svg); transition: .15s ease all; content: ""; width: 15px; height: 19px; display: inline-block; position: absolute; right: 15px; top: 5px; } .dwl .dwl_buttons:hover > .relative >span::after { right: 10px; } .dwl .dwl_buttons:hover { opacity: 0.8; text-decoration: none; } .dwl .dwl_buttons_documente{ background-color: #0EB7A6; background-image: url("../images/dwl_docs.svg"); } .dwl .dwl_buttons_bilden{ background-color: #2E8E8E; background-image: url("../images/dwl_img.svg"); } .dwl .dwl_buttons_videos{ background-color: #6ccd96; background-image: url("../images/dwl_video.svg"); } .presssed{ #border-bottom: 5px solid #000; } .dwl .dwl_buttons_search{ background-color: #0EB7A6; cursor: pointer; } input#dwl_search_input,input#engage_search_input { height: 55px; border-radius: 0; background: #E3E3E3; border: none; outline: none; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: none; color: #191919; font-size: 19px; } #dwl_search_input::placeholder{ font-size: 20px; font-style: italic; color: #575756; } input{ outline:none; } input:active{ outline:none; border:none; } input:focus{ outline:none; border:none; } .dwl.dwl_content_wrapper .title{ color:#51AF3D; font-weight: 600; font-size: 19px; } .dwl.dwl_content_wrapper .line_green3{ width:30px; margin: 10px 0 20px 0!important; border-bottom: 3px solid #51AF3D; } .dwl .leftbar{ #background-image: url(../images/serv/line-green.svg); background-repeat: repeat-y; background-position: right -2px; } .fundb.fundburo_content_wrapper .title{ color: var(--page-color); font-weight: 600; font-size: 20px; } .fundb.fundburo_content_wrapper .line_green3{ width:30px; margin: 10px 0 20px 0!important; border-bottom: 3px solid var(--page-color); } .fundb .leftbar{ background-repeat: repeat-y; background-position: right -2px; } .fundb.fundburo_content_wrapper .leftbar ul li { padding: 5px 0; word-wrap: break-word; } .dwl .rightcontent{ padding-left: 10px; } .dwl.dwl_content_wrapper .leftbar ul li { padding: 5px 0; word-wrap: break-word; } .a_gray{ color:#747474; } .a_gray:hover { color: #797977; } .dwl_this_category{ color: #191919; font-weight: 600; text-decoration: underline; } ul.dwl_list li { padding: 0; } img.dwl_list_icon { margin-right: 10px; vertical-align: baseline; } .leftmenu_wrapper{ top:50px; position: absolute; } .flex{ display: flex; flex-direction: row; margin-bottom: 20px; justify-content: space-between; align-items: stretch; } .dwl-list-column { width: 12%; } .dwl-list-column:nth-child(1) { width: 25%; flex-grow: 1; } .dwl nav.paginate-pagination.paginate-pagination-0 { margin-left: -20px; } .container.newtpl{ padding-left:0 } .l-20{ padding-left:20px } .pagering { overflow: hidden; } .pagering > .pageNumbers { display: flex; float: right; } .pagering div { float: left; padding: 10px; margin: 0 5px; cursor: pointer; } .pageNumbers a { padding: 0; color: #999; font-size: 16px; } .pageNumbers a.active { font-weight: 600; color:#0EB7A6 } .pageNumbers a::after { content: "|"; margin-left: 8px; margin-right: 8px; } .pageNumbers a.active::after { color: #999; } .download_group .buttons { margin-bottom: 30px; } a.search_item_url { font-size: 12px; } a.search_item_url { display: contents; } span.search_parent_title { color: #747474; font-size: 12px; } span.search_mime { color: #747474; font-size: 12px; font-weight: 500; } a.a_white { color: #fff; } .tooltip-inner { max-width: 300px !important; } .tooltip.show { opacity: 1; } .tooltip-inner { background-color: #1e6464; box-shadow: 0px 0px 4px #1e6464; opacity: 1 !important; } .tooltip.bs-tooltip-right .arrow:before { border-right-color: #1e6464 !important; } .tooltip.bs-tooltip-left .arrow:before { border-left-color: #1e6464 !important; } .tooltip.bs-tooltip-bottom .arrow:before { border-bottom-color: #1e6464 !important; } .tooltip.bs-tooltip-top .arrow:before { border-top-color: #1e6464 !important; } .tooltip .tooltip-arrow {border-top: 5px solid #1e6464 !important;} .container.breadcrambs_container_not_aemter { #padding-left: 0; } .homemost_title { display: flow-root; max-width: 415px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding-left: 45px; } ul.gesucht_links a img { margin: 8px 15px 0; transition: all 0.2s ease-in-out; position: absolute; } ul.gesucht_links li:hover img { margin: 8px 10px 0 20px; } .contacts.mar20_20 { margin: 20px 0; } .title_headline_dotted { font-size: 42px; padding: 35px 0 0; } .dotted_headline_row:nth-child(1) .title_headline_dotted { padding: 0; } .dotted_headline_row .content { padding: 15px 0; } .newtpl a.url_arrow::before { /*
    content: '';
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    mask-image: url(/images/icons/arrow12.svg);
    mask-repeat: no-repeat;
    mask-size: contain;
    top: 12px;
    left: -40px;
    background-color: var(--page-color, #89C3E1);
    transition: all 0.2s ease-in-out;

     */ } .fordottedlink:hover a.url_arrow::before { left: -30px; } a.url_arrow{ font-size: 23px; } .lastlats { padding-bottom: 0 !important; line-height: 1; } .sidebar_bild_wrapper { width: 100%; background: #9E9E9D; } img.sidebar_bild { /* width: 190px; */ height: 150px; margin-left: 25px; } .green3.underline:hover{ color:#54AF44; } .dwnld_green3:hover{ opacity:0.7; } a:hover{ opacity :0.65; } #bs_main_search_form .dropdown-menu { overflow-y: scroll; max-height: 400px; z-index: 9999999; } #bs_main_search_form ::-webkit-scrollbar-track { #-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); #border-radius: 10px; background-color: rgba(255,255,255,1); #background-color:#5a9b9b; } .dropdown-menu > li > a { display: block; padding: 15px 20px; clear: both; font-weight: normal; line-height: 1.42857143; color: #333; white-space: nowrap; } .dropdown-menu > li > a:hover { background: #0EB7A6; color: #fff!important; } .lebens_list_item { padding-left: 25px; } .arrow12 { position: absolute; left: 0; top: 20px; transition: all 0.2s ease-in-out; padding: 5px 0; } .lebenslage_name:hover .arrow12 { left: 10px; } .arrow_grun2 { transition: all 0.2s ease-in-out; padding: 5px 0; } .lebenslage_name:hover .arrow_grun2 { margin-left: 10px; } a.lebens_a_z_a{ padding-left:25px; display: block; } img.arrow_lebens_grun2 { position: absolute; left: 0; top: 25px; transition: all 0.2s ease-in-out; } .leistungenrow:hover img.arrow_lebens_grun2 { left: 10px; } .part_data_contacts { margin-top: -8px; } .bold_std{ font-family: 'Circular_normal'; } .part_data_contacts a{ font-size: 20px!important; } .bgbg_gray1 { background: #353535; padding-left: 20px; } .bgbg_gray1.notpad { background: #353535; padding-left: 0; } .mtop9 { margin-top: -9px; } .mt15{ margin-top:15px; } .mt20{margin-top:20px; } .mt30{ margin-top:30px; } .eintrages{ right:15px; color:#000; font-weight: 500; font-size: 19px; top:9px; } img.staedtepartnerschaften_partner { height: 200px; } .c_main_title { font-size: 19px; color: #9E9E9D; margin-bottom:30px; } .c_sub_title { font-size: 19px; color: #9E9E9D; margin-bottom:30px; } .c_subsub_title { font-size: 19px!important; color: #9E9E9D; } .c_black{ font-size: 19px!important; color:#000; } .c_black_bold{ font-size: 19px!important; color:#000; font-family: 'Circular_normal'; } .c_black_bold a{ font-size: 19px!important; color:#000; font-family: 'Circular_normal'; } .contact_handly_block .sep{ height:20px; } .divPBC{ display: block!important; height:100%; } .img.inside_banner { width: 100%; height: 100%; bottom: 0; } .dotted_headline_row { margin-left: 40px; } .dwl_buttons { text-decoration: none!important; } .dwl_buttons_wrapper a:hover{ text-decoration: none!important; } .dwl_buttons_wrapper a:hover div { text-decoration: none!important; } .left_rell_menu.underline{ font-family: "Circular Std Bold"; color:#000!important; text-decoration: none!important; } .home_rund_links a:hover .headline{ text-decoration: none!important; } .home_rund_links:hover a > .headline{ text-decoration: none!important; } .headline:hover{ text-decoration: none!important; } .home_service_small:hover{ text-decoration: none!important; } .haushalt_row_title { cursor: pointer; } .accordion_group.inner .title::after{ transition: transform 0.2s!important; } .accordion_group.inner .title:hover::after{ height: 28px; width: 28px; mask-size: 25px; top: 22px; right: 12px; } img.Weitere_arr { position: absolute; height: 20px; right: 10px; top: 14px; transition: all 0.2s ease-in-out; } .more_results{ position: relative; } .more_results:hover .Weitere_arr { right: 7px; } /************************** pressbereich */ .login_input { /* padding: 10px; */ min-height: 78px; border-radius: 0; border: none; background: #EEEEEE; border: 1px solid #eee; color: #808080; font-size: 19px; box-shadow: 0 0 0 9999px #eee inset; } .login_input:focus { border-color: rgba(147, 198, 122, 0.54); outline: 0; box-shadow: 0 0 0 9999px #eee inset; } .presse_eintrage { margin-top: 20px; } #presse_login_form .row{ padding-top:15px; padding-bottom:15px; } .anmelden_send { background: #51AF3D; padding: 15px 12px; width: 265px; display: inline-block; color: #fff; font-size: 20px; cursor: pointer; margin-bottom: 5px; text-align: center; position: relative; } img.arrow_toright { position: absolute; right: 15px; top: 20px; } .presse_saccess{ color: #54AF44; font-size: 16px; font-style: italic; padding-top: 5px; display: none; } .presse_error_mess { font-size: 19px; padding: 10px; border: 1px solid #b00020; } .presse_saccess_mess { font-size: 16px; padding: 10px; border: 1px solid #54AF44; } .presse_error{ color: #b00020; font-size: 16px; font-style: italic; padding-top: 5px; display: none; } .presse_error.opened { display: block; } .presseicons a div{ float: left; } #presse_login_form .form-control,#presse_registration_form .form-control{ font-style: italic; } .mm_profile_container label,.mm_profile_container .form-control{ font-style: italic; } .content_presse_profile label,.content_presse_profile .form-control{ font-style: italic; } img.mm_logout { margin-left: 20px; } .normal{ font-style: normal; } .sidebar_div_border_left{ position: -webkit-sticky; position: sticky; top: 115px; top: 180px; align-self: flex-start; } .newtpl .buergerservice_sidebar a{ font-size: 12px; line-height: 33px; } .newtpl .dwl-list-column a{ #font-size: 16px; } .presse_download_icon_button{ margin-left:7px; } .download_all_button{ background: #93C67A; padding: 15px; width: 300px; color: #fff; font-size: 20px; cursor: pointer; margin-bottom: 25px; opacity: 1; float: right; text-align: center; margin-top: 50px; margin-bottom: 50px; } .special_presse_page_title{ color: var(--page-color); font-weight: 600; font-size: 20px; } .special_presse_page_line_green{ width: 30px; margin: 35px 0 20px 15px !important; border-bottom: 3px solid var(--page-color); } .col-lg-2.presse_td { line-height: 25px; } /*******************************   engagement ***/ .layout-flex { display: flex; gap: 30px; margin: 30px 0; } .engage-large-btn { width: 225px; padding: 20px; border: 0; font-family: inherit; line-height: inherit; text-align: center; font-size: 20px; color: #fff; position: relative; cursor: pointer; opacity: 1; } .engage-large-btn:hover { width: 225px; padding: 20px; text-align: center; font-size: 20px; color: #fff; position: relative; cursor: pointer; opacity: 0.7; } .engage-search{ background: #8FC14E; background-image: url(../images/engagement/search-icon.svg); background-repeat: no-repeat; background-position: 15px center; } .engage-reg{ background: #54AF44; background-image: url(../images/engagement/reg-icon.svg); background-repeat: no-repeat; background-position: 15px center; } img.engage-btn-icon { position: absolute; right: 15px; } .graybg{ background: #EEEEEE; } .gfont{ color:#5D5C5B;} .engage-form .title_btn.down{ background-image:url("../images/engagement/arr-t.svg"); background-position: center right 20px; background-repeat: no-repeat; width: 45px; height: 45px; position: absolute; right: 0; top: 13px; cursor: pointer; z-index: 10; } .engage-form .title_btn{ background-image:url("../images/engagement/arr-b.svg"); background-position: center right 20px; background-repeat: no-repeat; width: 45px; height: 45px; position: absolute; right: 0; top: 13px; cursor: pointer; z-index: 10; padding: 0; border: 0; background-color: transparent; appearance: none; } .engage-form .title_btn:focus-visible { outline: 2px solid #1d1d1b; outline-offset: 2px; } .reg_info{ padding:0 20px; border: 1px solid #9E9E9D; display:none; margin-bottom: 15px; } .rules_info{ padding:0 20px; border: 1px solid #9E9E9D; margin-bottom: 15px; } #engage_registration_form h4.engagement-form-subheading{ color: inherit; font-size: 14px; font-weight: 500; line-height: 1.1; margin: 10px 0; text-transform: none; } #engage_registration_form .engagement-field-label{ color: #5D5C5B; display: block; font-size: 16px; font-style: normal; font-weight: 300; margin: 0 0 5px; } #engage_registration_form .engagement-field-label-heading{ font-size: 23px; font-weight: bold; margin-bottom: 10px; } #engage_registration_form .engagement-fieldset{ border: 0; margin: 0; min-width: 0; padding: 0; } #engage_registration_form .engagement-group-legend{ border: 0; color: inherit; font-size: inherit; line-height: inherit; margin: 0 0 10px; padding: 0; width: auto; } #engage_registration_form .engage_agree_label > label{ display: block; margin: 0 0 10px; } .reg_info ul.paragraph { font-size: 19px; list-style-type: none; } .reg_info ul.paragraph > li { margin: 0 0 20px 20px; padding-left: 12px; position: relative; color: #5D5C5B; } .reg_info ul.paragraph > li::before { content: '>'; position: absolute; top: 0; left: -10px; width: 11px; height: 15px; color: #5D5C5B; background-color: transparent; mask-image: none; } .mb15{ margin-bottom:15px} .fullwidht{ width:100%; } .bordernone{ border: none; } .engage-form input:focus{ border:0; } .engage-form input{ font-style: italic; color: #5D5C5B; width:100%; padding: 20px; background:#EEEEEE; margin-bottom: 15px; border:0; outline:none; } .error { color: #b00020; font-size: 16px; font-style: italic; padding-top: 5px; display: none; } input#bs_search.error { display: block; } .engage-form textarea::placeholder{ font-style: italic; color: #5D5C5B; outline:none; } .width250_api { display: inline-table; width: 285px; } .width250_api.marleft30px { margin-left: 30px; } .kennungszusatz { display: inline-flex; } .engage-form textarea:focus{ border:0; outline:none; } #engage_registration_form textarea:focus-visible { outline: 2px solid #747474; outline-offset: 2px; } .engage-form textarea#firma_description { margin-bottom: 7px; } .engage-form .layout { gap:30px; margin:0; } .engage-form .nice-select { -webkit-tap-highlight-color: transparent; background-color: #eee; color: rgb(130 130 130 / 79%); font-size: 19px; height: 66px; font-style: italic; border: 1px solid #eee; border-color: #eee; padding-top: 12px; font-weight: 400 !important; margin-bottom: 15px; } .engage-form .nice-select:after { border-bottom: 1.5px solid #828282; border-right: 1.5px solid #828282; } #engage_registration_form #person_gender { display: block; width: 100%; height: 66px; margin-bottom: 15px; padding: 0 20px; border: 1px solid #eee; border-radius: 0; background-color: #eee; color: rgb(130 130 130 / 79%); font-size: 19px; font-style: italic; font-weight: 400; } #engage_registration_form #person_gender:focus-visible { outline: 2px solid #747474; outline-offset: 2px; } .engagement_container .engagement-native-category-select { display: block; width: 100%; min-height: 55px; padding: 12px 20px; border: 1px solid var(--page-color); border-radius: 0; background-color: var(--page-color); color: #fff; font-size: 19px; } .engagement_container .engagement-native-category-select option { background-color: #fff; color: #5D5C5B; } .engage_filters_form .engagement-native-filter { width: 110px; min-height: 40px; margin-top: 6px; padding: 0 5px 0 0; border: 0; border-radius: 0; background-color: #fff; color: #747474; font-family: 'CircularStd-Light'; font-size: 20px; } .engagement_container .engagement-native-category-select:focus-visible, .engage_filters_form .engagement-native-filter:focus-visible { outline: 2px solid #1d1d1b; outline-offset: 2px; } .engage-form .list::-webkit-scrollbar { width: 0; background: transparent; } .child-50{ flex-basis:50%; } .engage-form .checks-list input{ padding:15px; background: #fff; border:2px solid #9E9E9D; } .engage-form input[type="checkbox"]:hover { background-color: var(--page-color); border-color: var(--page-color); } .engage-form input[type="checkbox"]:checked { border-color: var(--page-color); } .engage-form .form_radio { padding-bottom: 10px; display: flex; align-items: center; } .engage-form .form_radio input[type=radio] { appearance: auto; -webkit-appearance: radio; position: static; flex: 0 0 auto; width: 25px; height: 25px; padding: 0; margin: 0 20px 5px 0; border: 0; background: transparent; accent-color: var(--page-color); cursor: pointer; } .engage-form .form_radio label { display: inline-block; cursor: pointer; position: relative; padding-left: 0; margin-right: 0; line-height: 23px; user-select: none; font-weight: 500; margin-bottom: 5px; } .engage-form .form_radio label:before { display: none; } .engage-form .form_radio input[type="checkbox"]:after { content: "✓"; font-weight: 900; font-size: 17px; color: #ffffff; display: none; } /* Checked */ .engage-form .form_radio input[type=radio]:checked + label:before { display: none; } .engage-form .form_radio input[type=radio]:focus-visible { outline: 2px solid #1d1d1b; outline-offset: 2px; } /* Hover */ .engage-form .form_radio label:hover:before { #filter: brightness(120%); } /* Disabled */ .engage-form .form_radio input[type=radio]:disabled + label:before { filter: grayscale(100%); } span.cats_label{ line-height: 2; margin-left: 15px; } #engage_registration_form .engane_checks_cats:focus-visible { outline: 2px solid #1d1d1b; outline-offset: 2px; } #engage_registration_form .engane_checks:focus-visible { outline: 2px solid #1d1d1b; outline-offset: 2px; } /***************** upload file engagement ********************/ .engage-form .file-upload-wrapper { display: flex; align-items: center; max-width: 500px; margin: 20px 0; } .engage-form .file-upload-input { display: block; height: 66px; padding: 0; font-style: italic; cursor: pointer; } .engage-form .file-upload-input::file-selector-button { height: 66px; margin: 0; margin-right: 20px; background-color: var(--page-color); color: #fff; padding: 20px 35px; font-size: 19px; font-family: inherit; line-height: inherit; cursor: pointer; border: none; text-align: center; } .engage-form .file-upload-input::file-selector-button:hover { background-color: #57B99F; } .engage-form .file-upload-input:focus-visible, .engage-form #delfile:focus-visible { outline: 2px solid #1d1d1b; outline-offset: 2px; } .engage_agree_label { line-height: 2; margin-left: 50px; margin-top: -43px; } .color5D5C5B{ color:#5D5C5B; } .engage_submit{ appearance: none; -webkit-appearance: none; background: var(--page-color); width: 175px; padding: 20px 12px 20px 20px; display: inline-block; border: 0; border-radius: 0; margin-right: 15px; color: #fff; font-size: 20px; font-family: inherit; font-weight: inherit; line-height: inherit; cursor: pointer; margin-bottom: 5px; text-align: left; position: relative; margin-top:20px; } .engage_submit:hover{ background: #57B99F; } .engage_submit:focus-visible{ outline: 2px solid #1d1d1b; outline-offset: 2px; } img.mm_arrow_toright { position: absolute; right: 15px; top: 15px; } .error.err_flex{ display: contents; transition: all 0.2s ease-in-out; } .accordion > .accordion-heading { margin: 0; padding: 0; font: inherit; line-height: inherit; } .accordion > .title_row, .accordion > .accordion-heading > .title_row { display: block; width: 100%; padding: 0; border: 0; background: transparent; font-family: inherit; line-height: inherit; text-align: left; font-size: 23px; color: var(--page-color, #89C3E1); position: relative; font-weight: 600; cursor: pointer; user-select: none; } .accordion > .title_row:focus-visible, .accordion > .accordion-heading > .title_row:focus-visible, .engage-large-btn:focus-visible { outline: 2px solid #1d1d1b; outline-offset: 2px; } .accordion > .title_row::before, .accordion > .accordion-heading > .title_row::before { background-color: var(--page-color, #89C3E1); height: 22px; width: 22px; content: ""; position: absolute; right: 0; top: 8px; mask-repeat: no-repeat; transition: transform 0.2s; } .accordion.closed > .title_row::before, .accordion.closed > .accordion-heading > .title_row::before { mask-image: url(/images/icons/plus_teile.svg); } .accordion.opened > .title_row::before, .accordion.opened > .accordion-heading > .title_row::before { mask-image: url(/images/icons/minus_teile.svg); } #search_block .content h3.engagement-section-heading, #reg_block .content h3.engagement-section-heading { font-size: 51px; margin: 35px 0 45px; font-weight: 600; line-height: 1.2; } @media (max-width: 767px) { #search_block .content h3.engagement-section-heading, #reg_block .content h3.engagement-section-heading { font-size: 27px; } } .engage_search_button{ background-color: var(--page-color); border: 0; font-family: inherit; padding: 0; appearance: none; cursor: pointer; width: 220px; height: 55px; background-repeat: no-repeat; background-position: 15px center; align-content: center; text-align: center; color: #fff; cursor: pointer; font-size: 19px; } .engage_search_button > .relative { display: block; width: 100%; } .engage_search_button:hover{ background-color: var(--page-color-hover); cursor: pointer; } #search_block .nice-select:focus-visible, #search_block .nice-select .option.focus, #reg_block .nice-select:focus-visible, #reg_block .nice-select .option.focus, #engage_search_button:focus-visible, #engage_search_button_widget:focus-visible, #aktuelles_filters_send:focus-visible, #aktuelles_filters_send_widget:focus-visible, #clearform:focus-visible, #clearform_widget:focus-visible { outline: 2px solid #1d1d1b; outline-offset: 2px; } #search_block .nice-select .option.focus, #reg_block .nice-select .option.focus { outline-offset: -2px; } #engage_search_input:focus-visible, #engage_search_input_widget:focus-visible { outline: 2px solid #747474; outline-offset: 2px; } .engage_search_button .relative >span::after { background-color: #fff; mask-image: url(../images/icons/arrow_right.svg); transition: .15s ease all; content: ""; width: 15px; height: 20px; display: inline-block; position: absolute; right: 15px; top: 5px; } .engage_annoncements .subtitles{ font-size: 20px; color: #9E9E9D; margin:25px 0 0; } .engagement_container .nice-select{ background-color: var(--page-color); border: 1px solid var(--page-color); } .engagement_container .nice-select .option.selected.focus{ background-color: var(--page-color) !important; } .engagement_container .nice-select .option:hover{ background-color: var(--page-color-hover) !important; } button#delfile { appearance: none; -webkit-appearance: none; position: absolute; right: 30px; display: none; top: 17px; width: 15px; height: 20px; padding: 0; border: 0; background: transparent; line-height: 0; cursor: pointer; } button#delfile img { display: block; width: 15px; height: auto; } #engage_registration_form textarea{ color: #808080; font-style: italic; max-width: 100%!important; resize: vertical!important; overflow: auto; } textarea{ resize: vertical!important; overflow: auto; } #engage_registration_form input{ color: #808080; font-style: italic; } #engage_registration_form select{ color: #808080; font-style: italic; } #engage_registration_form .nice-select{ color: #808080; } img.engage_print { width: 25px; position: absolute; right: 50px; cursor: pointer; z-index: 30; } .new_sidebar .engage-reg { background-position: 7px center; font-size: 12px; text-align: left; padding-left: 50px; /*padding-top: 11px;
    padding-bottom: 11px;*/ font-family: "Circular Std Bold"; } .new_sidebar .engage-reg img.engage-btn-icon { top: -3px; } .new_sidebar .engage-search { font-size: 12px; text-align: left; padding-left: 50px; font-family: "Circular Std Bold"; } .new_sidebar .engage-search img.engage-btn-icon { top: 0; } #announcement_description{ max-height:90px; } /*********************************** FUNDBUERO /*/ #fund_categorien{ #max-height: 535px; #overflow-y: scroll; } img.funbuero_cat_icon { position: absolute; left: -35px; } ul#fund_categorien li { padding-left: 35px; } .fund_error { border-bottom: 1px solid #ff0000 !important; } .fundburo .ui-widget-header { #background-image: url(../images/icons/arrow_right_button.svg)!important; } .ui-datepicker-next .ui-icon{ background-image: url(../images/icons/arrow_right_button.svg)!important; } .ui-datepicker-prew .ui-icon{ background-image: url(../images/icons/leftwhite.svg)!important; } .ui-datepicker-prev.ui-corner-all .ui-icon{ background-image: url(../images/icons/leftwhite.svg)!important; } .ui-datepicker-next .ui-icon.ui-icon-circle-triangle-e { background-position: center; } .ui-icon-circle-triangle-w { background-position: center; } p.fund_p { margin-top: 10px!important; margin-bottom: 10px!important; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: 0!important; } .ui-icon-circle-triangle-w { background-position: center!important; } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #ccc; background: #ccc; color: #000; } .fund_send { background: var(--page-color); padding: 15px 12px; width: 200px; display: inline-block; color: #fff; font-size: 20px; cursor: pointer; margin-bottom: 5px; text-align: center; position: relative; margin-top: 15px; } .fund_send:hover { background: #86d6dc; } .fund_send .mm_arrow_toright { position: absolute; right: 15px; top: 20px; } input#lost_date { max-width: 327px; } .fund_zuruk{ margin-left: 50px; margin-top: 28px; text-decoration: underline; } .gens_additional { display: block; width: 2px!important; height: 2px!important; margin-bottom: -2px; border: none; padding: 0!important; opacity: 0.01; } .newtpl input[type="checkbox"]:after { text-align: center; } img.funbuero_cat_icon.firstfund { left: -20px; } #fund_contact input{ color:#000!important; } #fund_contact textarea{ color:#000!important; } .fundsort_jahr { padding-left: 5px; cursor: pointer; } .fundsort_nummer { padding-left: 5px; cursor: pointer; } .fundsortform{ display: inline; cursor: pointer; } .c_std300{ font-family: 'CircularStd'!important; font-weight: 300!important; } .c_std600{ font-family: 'CircularStd'!important; font-weight: 600!important; } .bs_search_result_div>a:hover{ } .block_line_grun1.left { margin: 0; } img.teiles_image { width: 100%; margin: 0 auto; } #bluen{ color: var(--page-color);} .verline_inline { display: inline-block; } .accordion:has(div#opnv) .content { padding-bottom: 20px; } /********************** var_std_all_light ***     ****     **************/ .newtpl p.texter { font-family: 'CircularStd-Light'; font-size: 23px; font-weight: 300; color:#747474; } .newtpl p { font-family: 'CircularStd-Light'; font-size: 20px; font-weight: 300; } .newtpl a.blackline { margin: 0; font-family: 'CircularStd-Light'; font-weight: 300; font-size: 20px; } .newtpl a { margin: 0; font-family: 'CircularStd-Light'; font-weight: 300; font-size: 20px; } .newtpl p.inline b { margin: 0; font-family: 'CircularStd-Medium'; font-weight: 500 !important; font-size: 20px; } /************************************************************************/ .e_links a[target="_blank"]:after,.logo:after,nav a:after,.new_sidebar a:after,.breadcrumbs a:after { mask-image: none!important; background-color: transparent!important; height:0!important; width:0!important; margin-left:0!important; } #menu ul li a[target="_blank"]::after { content: url(/images/icons/ico-download3.svg); top: 4px; left: 4px; margin-left: 7px !important; } a.external { position: relative; } .external::after { content: url(/images/icons/ico-download3_1.svg); position: absolute; } .external:nth-child(1)::after { bottom: 19px; right: 5px; } .external:nth-child(2)::after { bottom: 19px; right: -6px; } .external:nth-child(3)::after { bottom: 19px; right: -1px; } .external:nth-child(4)::after { bottom: 19px; right: -1px; } .row.fundb.dwl_content_wrapper { font-family: 'CircularStd-Light'!important; } .aktuelles_filers { font-family: 'CircularStd-Light'; } a.floatleft.fund_zuruk { float: left; margin-left: 30px; margin-top: 26px; } .nice-select:active, .nice-select.open, .nice-select:focus { border-color: #747474; font-family: 'CircularStd-Light'!important; } .nice-select span.current { color: #808080; font-family: 'CircularStd-Light'!important; } #engage_form_cats .nice-select span.current { color: #fff; } .newtpl .dwl_left_list a{ font-size: 20px; } .dwl-list-column { font-size: 20px; } form#fund_contact { font-size: 20px; } form#presse_registration_form { font-family: 'CircularStd-Light'; } .dwl.dwl_content_wrapper { font-family: 'CircularStd-Light'; } .subtitles,.subtitles_value { font-family: 'CircularStd-Light'; } .searchli_all .search_gray { font-size: 12px; } p.pos-under.mini { position: absolute; left: 0; bottom: 0; margin-bottom: -20px; } .akt_title a { font-family: 'CircularStd'; } img#eyeAble_customToolOpenerID { margin-left: 0; outline: none; cursor: pointer; #margin-right: 80px; } .animeEyeAbleExtended{ background: #318282 !important; } .aktuelles_pagin_menu .perpage-label{ cursor: default; } #mo_sidebar_div { display: none; width: 100%; position: fixed; background: #fff; z-index: 99999; top: 0; right: 0; padding: 50px 55px 30px; box-shadow: none; max-height: 100%; overflow-y: scroll; } #mo_leistungen_sidebar_div { display: none; width: 100%; position: fixed; background: #fff; z-index: 99999; top: 0; right: 0; padding: 50px 55px 30px; box-shadow: none; max-height: 100%; overflow-y: scroll; } button.open_sidebar_button, button.sidebar_popup_close { margin: 0; padding: 0; border: 0; background: transparent; line-height: 0; cursor: pointer; } button.open_sidebar_button > img { display: block; width: 100%; height: 100%; border-radius: inherit; } button.sidebar_popup_close > img { display: block; } button.open_sidebar_button:focus-visible, button.sidebar_popup_close:focus-visible { outline: 2px solid #1d1d1b; outline-offset: 2px; } button#sidebar_popup_close { position: absolute; right: 25px; top: 25px; } button#sidebar_popup_leistungen_close { position: absolute; right: 25px; top: 25px; } .geotitle { width: 100%; background: #ccc; padding: 15px; margin-bottom: 10px; } a:has(.geotitle){ color:#fff; font-size: 20px; font-family: CircularStd-Light; font-weight: 600; } .geotitle.mo_home_geo_title1 { background: #51AF3D; } .geotitle.mo_home_geo_title2 { background: #318282; } .geotitle.mo_home_geo_title3 { background: #53B99F; } .geotitle.mo_home_geo_title4 { background: #01A596; } .geotitle.mo_home_geo_title5 { background: #8FC147; } .geotitle img { float: right; margin-top: 6px; } .new_sidebar .sidebar_buttons > a::after { content: url(/images/serv/sb_btn_arrow.svg)!important; position: absolute; top: 24px; right: 30px!important; width: 22px; height: 12px; transition: .15s ease all; } .ddddddd .sidebar_buttons { margin-left: -14px; } .flex-column { display: flex; flex-wrap: nowrap; } .dwl_owntitle{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 90%; } .dwl-list-column.flex-column { MARGIN-LEFT: 10PX; } .PPP{ padding-left:10px;} /****************************************** cookies popup ****************************************/ .cc_dialog { width: 50%; } button.closeBtnCookie { color: #0EB7A6; background-image: url("../images/icons/cookies_cross.jpg")!important; background-repeat: no-repeat!important; width: 20px!important; height: 20px!important; background-size: contain!important; } .cc_css_reboot button { border-radius: 2px; padding: .5rem 1rem; outline: none; background: #fff; color: #111; cursor: pointer; border: none; transition: all ease .3s; } #footer button#changePreferences { appearance: none; -webkit-appearance: none; background: transparent; border: 0; border-radius: 0; color: inherit; cursor: pointer; font: inherit; line-height: inherit; margin: 0; padding: 0; text-align: left; } #footer button#changePreferences:focus-visible, .cookie-consent-preferences-overlay :where(a[href], button:not([disabled]), input:not([type="hidden"]):not([disabled]), select:not([disabled])):focus-visible { outline: 2px solid #1d1d1b !important; outline-offset: 2px !important; } .cc_cp_m_menu li:nth-child(3) { display: none !important; } .cc_cp_m_menu li:nth-child(4) { display: none !important; } .cc_cp_m_menu li:nth-child(5) { display: none !important; } #buendelungskomponente{ margin-left:-50px; } button.cc_b_ok .rec_btn_arrow { width: 20px; } button.cc_b_cp .rec_btn_arrow { width: 20px; } img.bauplaetze_toprint, button.bauplaetze_toprint { position: absolute; right: 10px; top: 0; } button.bauplaetze_toprint { display: block; width: 25px; height: 25px; border: 0; padding: 0; background: transparent; cursor: pointer; line-height: 0; } button.bauplaetze_toprint img { display: block; width: 25px; height: 25px; margin: 0; } button.bauplaetze_toprint:focus-visible { outline: 2px solid #006b78; outline-offset: 3px; } ul.bauplaetze-list { font-size: 20px; } ul.bauplaetze-list li::before { #content: url(/images/icons/ico-download3.svg); } .vereinesite_link{ color: var(--page-color); text-decoration:underline } div.bottombordered { #border-bottom: 1px solid #ededed; padding: 4px 0; max-width: 50%; } .searchtag { color: #000; padding: 0; display: block; margin: 0; padding: 0 0 0 20px; line-height: 1; margin-top: -15px; } .bottombordered:nth-child(even){ background: #54af4414; } .bottombordered:last-child div{ margin-bottom: 30px; } div#scroll_Servicekonto-ID { font-weight: 500; padding-left: 36px; } #scroll_Fax a:hover{ opacity: 1; } .newtpl .contact-part .ico_tel::before, .newtpl .contact-part .ico_mail::before, .newtpl .contact-part .ico_fax::before, .newtpl .contact-part .ico_site::before { margin-left: 10px; } img#easy-speech-custom-including-tooltip { margin-left: 25px; } img#closeeyemess { width: 12px; position: absolute; top: 8px; cursor: pointer; } .slick_infoboxen_wrapper .slick-dots { bottom: 20px } .slick_infoboxen_wrapper .slick-infobox-left.slick-arrow { position: absolute; left: 20px; bottom: 55px; z-index: 999; cursor: pointer; } .slick_infoboxen_wrapper .slick-infobox-right.slick-arrow { position: absolute; right: 20px; bottom: 55px; z-index: 999; cursor: pointer; } .slick_infoboxen_wrapper .slick-dots li.slick-active button:before { opacity: .75; border: 2px solid #fff !important; border-radius: 50%; background: #fff !important; color: transparent; width: 12px; height: 12px; } ul.dropdown-menu li:has(.searchtag) .ellll { width: 100% !important; } .searchrez.laz-pdf-icon .searchres.ellll.floatleft{ margin-left: 25px; } .searchrez.laz-pdf-icon:before { display: inline-block; background-image: url(../images/dwl/dwl_pdf_grunn2.svg); width: 20px; height: 17px; content: ""; background-repeat: no-repeat; background-position: right center; background-size: auto 18px; position: absolute; left: 20px; margin-top: 4px; } #main_search_form .searchrez.laz-pdf-icon:before { display: inline-block; background-image: url(../images/dwl/dwl_pdf_grunn2.svg); background-color: transparent; -webkit-mask: none; mask: none; width: 24px; height: 24px; content: ""; background-repeat: no-repeat; background-position: center; background-size: contain; position: absolute; left: 20px; margin-top: 0; } #main_search_form .searchrez.laz-pdf-icon .searchres.ellll.floatleft { margin-left: 32px; } img.l10 { margin-left: 5px; margin-top: -3px; } .download_group .download_box_sep { background: url(/images/serv/dotted_line_3.svg) repeat-x left center; height: 40px; margin-top: 10px; } .download_group:last-child .download_box_sep { background: none; height: 0; margin-top: 0; } .download_group .buttons { margin-bottom: 0; } .bs_search_result_kurzbeschreibung,.bs_search_result_kurzbeschreibung p { font-size: 14px; } .a_datesch{ font-size: 16px!important; display: contents!important; color:var(--page-color)!important; } .wg{ display:none!important;} .framespan_wg{ display:none} a.url_arrow.acclink { #margin-left: 40px; line-height: 33px; } a.url_arrow.acclink::before { content: ''; position: absolute; top: 8px; left: -20px; width: 11px; height: 15px; background-color: var(--page-color, #89C3E1); mask-image: url(/images/gesucht_arrows.svg); mask-repeat: no-repeat; } a.url_arrow.acclink { color: var(--page-color) !important; line-height: 33px!important; font-size: 20px!important; text-decoration: underline; font-weight: 300; font-family: 'CircularStd-Light'; margin-left: 20px; padding-bottom: 4px; } a.url_arrow.acclink:after { content: ''; position: relative; display: inline-block; mask-repeat: no-repeat; mask-size: contain; background-color: var(--page-color, #89C3E1); height: 11px; width: 20px; top: 1px; left: 4px; mask-image: url(/images/icons/arrow.svg); } .onl-dienst .content { margin-top: 35px; } .onl-dienst .accordion_group.default > .accordion { #padding: 0!important; background: none!important; } .onl-dienst .accordion_group.default { margin: 0; } .ergaenzung_wrapper{ background:#f0f0f0; padding: 20px 25px; margin-bottom: 15px; } .ergaenz-title { margin-bottom: 35px; } .ergaenz-title::before { content: url(/images/icons/erganz-icon.svg); margin-right: 10px; width: 17px; height: 17px; display: inline-block; } .slider-btn{ z-index: 999999999999999999999; font-size: 40px; } @media (min-width: 2560px){ .totop-button { position: fixed; right: 510px; bottom: 100px; cursor: pointer; } input.menu_search_field { width: 512px; } img.lupa_search_menu { right: 155px; } .formenuopen_burg{ z-index: 7000!important; } ul#navbar-nav-search { width: 512px; } } @media (max-width: 1455px){ } @media (min-width: 1480px){ .container { width: 1400px; padding-left: 0; } .home_service_main { width: 500px; height: 509px; } .home_gefunden_image_4 { #height: 381px; } .home_gefunden_image { #min-height: 380px; width: 100%; } } @media (max-width:1480px){ .container{ width: 1300px } } @media (max-width:1399px){ .container { #width: 1200px; } .recruitment_container { #width: 1200px; } } @media (max-width:1399px){ div#Onstmettingen_teil { right: 377px; top: 36px; } div#Tailfingen_teil { right: 270px; top: 227px; } div#Pfeffingen_teil { top: 271px; left: 515px; } div#Laufen_teil { left: 208px; top: 489px; } div#Burgfelden_teil { top: 403px; left: 380px; } div#Truchtelfingen_teil { right: 232px; top: 416px; } div#Ebingen_teil { bottom: 168px; right: 238px; } div#Margrethausen_teil { top: 473px; left: 546px; } div#Lautlingen_teil { left: 383px; top: 600px; } .container { width: 1200px; } .midmenu_div a { font-size: 13px; } div#footer_image { background-size: 70%; } .home_service_main { width: 445px; height: 445px; padding: 95px 0; } .home_service_small { width: 150px; height: 150px; padding-top: 18px; } .hsi_wrapper { height: 64px; } .home_service_small .headline { font-size: 14px; } .home_service_small img { width: 50px; } ul.gesucht_links a { font-size: 22px; } ul.gesucht_links li { padding: 18px 0; } .home_stadt_top_title{ font-size: 16px; } .home_stadt_title{ font-size: 20px; } .footer_w_wrapper { padding-left: 50px; } .col-lg-6.mmmm { width: 70%; } } @media (min-width: 1200px){ .col-lg-7.mmmm { width: 64%!important; } } @media (max-width:1480px){ .nav-tabs > li > a{ font-size: 14px; padding: 2px 5px; } } @media (max-width:1280px){ .homemost_title { max-width: 386px; } img.slider_pattern_inside { position: absolute; right: 0; bottom:0; z-index: 60; width: 750px; } img.menu_sub_arrow { top: 16px; } img.slider_pattern { position: absolute; right: 0; bottom: 0; width: 60%; } .totop-button { position: fixed; right: 56px; bottom: 100px; cursor: pointer; } .totop-button.showed { right: 5px; } .container.footer_container .sep60 { height: 20px; } .footer_line { height: 10px; } .main_navigation_lg { width: 50%; } .main_navigation_lg .col-lg-9.mmmm { width: 95%; } .footer_w_wrapper { padding-left: 0; } .gerb_hiil { position: absolute; bottom: 439px; left: 290px; z-index: 303; } span.ab_search_span:last-child { padding-right: 0; margin-right: 0; } span.ab_search_span { padding-right: 0; font-size: 20px; margin-right: 20px; } .sub_nav_element { padding: 5px 0 5px 40px; cursor: pointer!important; } .submenu_a{ cursor: pointer!important; } .main_menu_sub_ul a{ cursor: pointer!important; } .footer_w_wrapper { padding-left: 0; padding-right: 0; } .menuclose { #position: absolute; #right: 47px; #top: 30px; z-index: 20000; } img.lg_menu_toggle { margin-right: -5px; } .topmenu_text { margin-right: -5px; } img#velomost { width: 100%; } .teile_map_div div#Laufen_teil { left: 117px; top: 493px; } .teile_map_div div#Lautlingen_teil { left: 305px; } .teile_map_div div#Onstmettingen_teil { right: 282px; top: 36px; } .col-lg-6.mmmm { width: 75%; } .col-lg-3.footer_w_wrapper:nth-child(1) { width:24%; } .col-lg-3.footer_w_wrapper:nth-child(2) { width:24%; } .col-lg-3.footer_w_wrapper:nth-child(3) { width:26%; } .row.menu_wrapper { margin: 10px 0 35px 30px; } span#formenuopen_burg { top: 15px; right: 35px; } .container.container_banner_search { } .content.content_banner_search { margin-top: 0 !important; } .container.container_banner_search { position: absolute; bottom: 112px; z-index: 165; width: 300px; padding-bottom: 50px; z-index: 300; left: 29%; } } @media (max-width:1200px){ .container { width: 1024px; padding-left: 0; } #topmenu li { margin-left: 31px; } .home_service_main { width: 390px; height: 390px; padding: 50px 0 30px; } .home_service_main .headline { font-size: 28px; } .home_service_small { width: 130px; height: 130px; padding-top: 18px; } .hsi_wrapper { height: 50px; } .home_ge_title { font-size: 23px; } .home_stadt_title { font-size: 18px; padding-right: 44px; } .home_geo_title { font-size: 18px; } div#Laufen_teil { left: 125px; } div#Onstmettingen_teil { right: 294px; } div#Tailfingen_teil { right: 186px; } div#Truchtelfingen_teil { right: 127px; } div#Ebingen_teil { bottom: 168px; } div#Burgfelden_teil { top: 403px; left: 295px; } div#Pfeffingen_teil { left: 420px; } .teils_circle { #width: 150px; #height: 150px; } div#Ebingen_teil { right: 138px; } div#Margrethausen_teil { top: 473px; left: 499px; } div#Lautlingen_teil { left: 305px; top: 600px; } ul#navbar-nav { max-width: 488px; } .menuclose { #right: 97px; } #spider_svg{ width:100%} #svg-counter-ha{ width:100%} #path_to_flag_container{ max-width:80%} .home_gefunden_image { #max-height: 350px; #min-height: 350px; } .home_gefunden_image { max-height: 350px; min-height: 204px; } .sli_left.slick-arrow { top: 40%; } .sli_right.slick-arrow { top: 40%; } } @media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) { #general-heade-top > #main-menu-panel { width: 47%; } .home_gefunden_image { max-height: 290px; min-height: 290px; } .home_to_presseportal { margin-right: 50px; } .home_to_news { margin-left: 50px; } } @media (max-width:1024px) and (min-width: 966px){ .home_service_small { #width: 165px; #height: 164px; #padding-top: 41px; margin: 0 auto; } } @media (max-width:1024px){ .container { width: 100%; padding: 0 20px; } .recruitment_container { padding: 0 20px; } #general-heade-top .logo { /*margin-left: 20px;*/ } #general-heade-top #bars { margin-right: 20px; } img.slider_pattern { position: absolute; right: 0; bottom: 70px; } .slider_green1,.slider_blue1,.slider_green2 { top: 40px; font-size: 42px; } .slider_black_56,.slider_white_56_white{ top: 100px; font-size: 60px; } .banner_line_3{ top: 260px; } input.banner_search { display: none; } img.slickprev,img.slicknext { width: 25px; } .home_besuchen_icon_wrapper { margin-top: 15px; } .home_basuchen_title { font-size: 18px; } div#footer_image { height: 145px; margin-top: 0; } .footer_w_wrapper1 { #margin-left: 100px; } .footer_w_wrapper2 { #margin-left: 110px; } .footer_w_wrapper3 { #margin-left: 110px; } .footerwidgets .footer_w_wrapper { flex: 1; max-width: 33.33%; align-items: stretch; } .footer_tel { font-size: 20px; } ul.footer_widget, .footer_w_wrapper3 > .footer-contact address { font-size: 18px; } .container.footer_container a { font-size: 18px; } .copyright { font-size: 16px; padding-right: 20px; } .home_service_main { width: 330px; height: 330px; padding: 50px 0 30px; } .home_service_main .headline { font-size: 22px; } .newtpl.double { width: 100%; margin: 0 auto; max-width: 100%; display: grid; grid-template-columns: repeat(2, 1fr); } .newtpl.double > div:first-child { width: 720px; max-width: 100%; } } @media (max-width:932px){ img.slider_pattern { display: none; } } @media (max-width:768px){ div#footer_image { background-size: 96%; } .footer_w_wrapper1,.footer_w_wrapper2,.footer_w_wrapper3 { margin-left: 0; width: 100%; margin-bottom: 30px; } .footerwidgets { display: flex; flex-wrap: wrap; justify-content: center; flex-direction: column; } .footerwidgets .footer_w_wrapper { max-width: 100%; } .newtpl.double > div:first-child { width: 460px; max-width: 100%; } .home_stadt_title { font-size: 16px; padding-right: 20px; } .home_stadt_top_title { color: #fff; font-size: 16px; position: absolute; bottom: 105px; padding-left: 20px; padding-right: 20px; } .slider_green1, .slider_blue1, .slider_green2 { top: 100px; font-size: 32px; } .slider_black_56, .slider_white_56_white { top: 160px; font-size: 32px; max-width: 90%; width:370px; /*        text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 4;
                -webkit-box-orient: vertical;*/ } } @media (max-width:767px){ /*body > nav {
        height: 74px;
    }
    nav #fsearch, nav #bars{
        margin-top: 16px;
    }*/ .lg{ display:none} .smm { display:block} .sm{ display:block} .slider_green1, .slider_blue1, .slider_green2 { top: 100px; font-size: 30px; } .slider_black_56, .slider_white_56_white { top: 160px; font-size: 32px; max-width: 90%; width:370px; /*        text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 4;*/ -webkit-box-orient: vertical; } } @media (max-width:736px){ div#leftbar_wrapper { display: none; } .recruitment_container { padding: 0 0 0 20px; } .newtpl.double { width: 100%; margin: 0 auto; max-width: 100%; display: block; grid-template-columns: none; } .newtpl.double > div:first-child { width: 100%; max-width: 100%; } .newtpl.double > div:first-child { padding-left: 0; } .newtpl .new_sidebar { margin-left: 0; padding-top: 50px; color: #5D5C5B; height: 100%; display: none; } .newtpl a.aline { font-size: 21px; } .sp-oe-oeffnungszeit-zeiten { width: 100%; } } @media (max-width:768px){ .open_sidebar_button { position: fixed; bottom: 25px; right: 25px; width: 65px; height: 65px; border-radius: 50%; } .totop-button.showed { position: fixed; right: 27px!important; bottom: 101px; cursor: pointer; z-index: 5000; visibility: visible; } } @media (max-width:735px){ .recruitment_container { padding: 0; } .holder:has(.mini) .mini { position: relative; clear: both; left: 0; } } @media (max-width:500px){ .lg{ display:none; } .smm { display:block} .sm{ display:block; } .teiles_map.text-center.animateme { display: none; } body .mehr-sozialvers h4 { font-size: 36px; } .counter-universal { font-size: 52px; } .totop-button.showed { right: 27px; bottom: 100px; } .newtpl div.quote { font-size: 20px; } .dwl_sm_item_date { font-size: 16px; padding-left: 30px; color: #999; } a.dwl_seeee,a.dwl_downnn { margin-left: 30px; margin-top: 10px; } .dwl_sm_links { font-size: 16px; margin-bottom: 20px; } } @media (max-width:414px){ .open_sidebar_button { position: fixed; bottom: 25px; right: 25px; width: 65px; height: 65px; border-radius: 50%; } .home_service_main_wrapper { padding-left: 0; } .home_rund_links { padding-left: 0; } .container { width: 100%; } #general-heade-top #bars { margin-right: 3px; } .sli_right.slick-arrow { right: 0; } img#top_logo { width: 100px; } img.slickprev,img.slicknext { width: 50%; } img.slider_pattern { display: none; } .fs51 { font-size: 36px; } body .mehr-sozialvers h4 { font-size: 30px; } .counter-universal { font-size: 36px; } .fs60 { font-size: 36px; } .hg_1 { } .hg_2 { padding-right: 0; width: 97%; padding-left: 25px; } .container { padding: 0 20px!important; } .hg_1 { padding-right: 0; #padding-left: 30px; } .home_service_main { width: 350px!important; height: 350px!important; padding: 50px 0 30px!important; margin: 0 auto; } .home_rund_links:nth-child(1) .home_service_small{ width: 155px; height: 155px; padding-top: 30px; margin-right: 0; float: right !important; } .home_rund_links:nth-child(2) .home_service_small{ width: 155px; height: 155px; padding-top: 30px; margin-left: 0; margin-right: auto; float: left !important; } ul.gesucht_links { margin-bottom: 0; } .home_service_main .headline{ font-size: 23px!important; line-height: 33px!important; } .home_service_main img { width: 155px; margin-top: 20px; } .homeh2 { font-size: 27px; margin: 0 0 10px 0; } .specrow1{ display: block; } .home_gefunden_item { margin-bottom: 15px; } .home_ge_title { font-size: 28px; } .homegrad1 { background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 46%, rgba(81, 175, 61, 0.25) 56%, rgba(81, 175, 61, 0.89) 85%, rgba(81, 175, 61, 1) 90%, rgba(81, 175, 61, 0.95) 87%, rgb(116, 191, 101) 100%); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 31%, rgba(116, 191, 101, 0.25) 40%, rgba(116, 191, 101, 0.89) 70%, rgba(116, 191, 101, 1) 90%, rgba(116, 191, 101, 0.95) 87%, rgb(116, 191, 101) 100%); /* width: 100%; */ height: 52%; } .slick-slide .akt_date,.slick-slide .akt_title{ text-align: left} .accordion > .title_row { font-size: 20px; } .newtpl .layout { flex-direction: column; gap: 0; margin: 30px 0 40px 0; } .newtpl .layout.rounds{ align-items: center; } .child-50 { flex-basis: 100%; } .pr5 { padding-right: 0; } .newtpl ul.paragraph { font-size: 18px; } .newtpl p{ font-size: 18px;} .newtpl p.texter { font-size: 20px;line-height: 30px;} .newtpl a{ font-size: 18px;} .newtpl h1 {font-size: 23px;} .breadcrumbs {font-size: 14px;} .accordion_group.default > .accordion {padding: 15px 0 1px 0;} .accordion > .title {font-size: 20px;padding-right: 30px;} .accordion_group.default > .accordion > .title {height: auto;} div#footer_image {height: 125px;background-size: 198%;margin-top: 0; } .basuchen_col {height: 160px;} .bigbutton { width: 100%; padding-top:0; } ul#social-icons { right: -25px; top: -43px; } ul#social-icons li { float: left; margin-left: 3px; } .footer_w_wrapper1,.footer_w_wrapper2,.footer_w_wrapper3 { margin-left: 0; } .footer_w_wrapper { float: none; font-weight: 300; margin-bottom: 20px; } .copyright { text-align: left; color: #b2b2b2; font-size: 16px; line-height: 1; } .footer_tel { font-size: 20px } div#search_popup { padding-top: 0; } .searchtitle { font-size: 28px; padding-top: 5px; } .search_toggle { right: 0; top: 15px; width: 20px; height: 20px; } #main_search_field { margin-left: 0; width: 100%; max-width: 275px; border: none; height: 60px; margin: 0; font-size: 16px; } button.lupa_search_main { top: 20px; right: 12px!important; } #search_reset { top: 22px; right: 42px; width: 17px; display: none; } #general-heade-top.opened #close:before { width: 20px; min-width: 20px; height: 20px; background: #00a696; } #general-heade-top #close { top: 14px; right: 0; } .fs23 { font-size: 20px; } .newtpl h3 { font-size: 24px; line-height: 33px; } .newtpl h2 { font-size: 27px; } .newtpl table.firstrowbold tr > td, .newtpl table.firstcolbold tr > td, .newtpl table.simple tr > td, .newtpl table.lines tr > td, .newtpl table.lines tr > th { font-size: 18px; } .accordion_group.inner > .accordion > .title { font-size: 18px; padding: 15px 50px 15px 15px; height: auto; } .newtpl .contact-part { font-size: 18px; margin: 20px 0; } .newtpl .infopart > .holder { padding: 1px; } .newtpl p a { word-wrap: break-word; word-break: break-word; } .slik-stadt-right.slick-arrow { position: absolute; right: 120px; bottom: -15px; } .slik-stadt-left.slick-arrow { position: absolute; bottom: -15px; left: 120px; z-index: 99; } .slik-aktuelles-right.slick-arrow { position: absolute; right: 120px; bottom: -15px; } .slik-aktuelles-left.slick-arrow { position: absolute; bottom: -15px; left: 120px; z-index: 99; } .accordion_group.inner h2 { font-size: 27px; } /*****************************************/ .content.main_slider{ #display: none} .container.footer_container { #display: none; } .hg_1 { padding-right: 0; #display: none; } .hg_2 { #display: none; } .blue-btns { #display: none; } /*****************************************/ } .lllmmm .submenu_a:hover{ color:#fff!important } .lllmmm:hover a{ color:#fff!important; } @media not all and (min-resolution:.001dpcm) { @supports (-webkit-appearance:none) { .accordion_group.default > .accordion { padding: 15px 0 2px 0!important; } }} @media not all and (min-resolution:.001dpcm) { @media { .accordion_group.default > .accordion { padding: 15px 0 2px 0!important; } }} @supports (-webkit-touch-callout: none) { /* Только Safari на iOS/macOS */ .home_gefunden_image { /* Safari-specific styles */ width:100%!important; #display: none; } } @media not all and (min-resolution: 0.001dpcm) { @supports (-webkit-appearance: none) { .home_gefunden_image { /* Safari-specific styles */ width:100%!important; #display: none; } } } .cc_dialog_headline,.cc_css_reboot.cc_dialog.light.interstitial{ font-family: CircularStd-Light!important; } .cc_css_reboot.cc_dialog.light.interstitial{ font-family: CircularStd-Light!important; font-size: 20px!important; border-top-left-radius: 10px; } .framespan_wg{ display:none;} .home-rund-links:hover{ #opacity: 0.8!important; }