@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;
}
#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: red;}
.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;
}
.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 }
.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}
.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}
.fs60{ font-size:60px}
.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 > nav {
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;
}
nav .tgroup{
display: flex;
align-items: center;
gap: 30px;
}
.lastlinker{ margin-right:40px}
.flagstyle{
padding:0 10px!important;
}
nav .tgroup a{
text-decoration: none;
color: #6c6c6b;
}
nav .tgroup a:hover{
text-decoration: underline;
}
nav #opacity {
display:none;
}
nav.opened #opacity{
content: '';
display: block;
position: fixed;
width:100%;
height: 100%;
left: 0;
top: 0;
}
nav #close{
width: 60px;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
}
nav #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;
}
nav #close:hover:before{
transform: rotate(180deg);
opacity: 0.7;
}
nav > div:first-child{
width: 1400px;
max-width: 100%;
height: 100%;
display:flex;
justify-content: space-between;
align-items: center;
margin: 0 auto;
background: #fff;
}
nav > div:last-child{
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;
}
nav.opened > div:last-child{
right: 0;
}
nav.closed > div:last-child{
right: -50%;
}
nav > div:last-child ul{
list-style-type: none;
padding: 0;
}
nav .menu_wrapper{
position: relative;
width: 435px;
max-width: 100%;
max-height: calc(100% - 270px);
}
nav > div:last-child .menu_wrapper > ul{
width: 100%;
max-height: 100%;
overflow-y: scroll;
margin: 0;
padding-left: 30px;
position: relative;
}
nav > div:last-child .menu_wrapper > ul > li{
margin: 10px 0;
}
nav > div:last-child ul a{
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;
}
nav > div:last-child .menu_wrapper > ul > li > ul {
margin: 10px 0 0 0;
}
nav > div:last-child .menu_wrapper > ul > li > ul > li > a{
color: #fff;
padding: 4px 0 0 40px;
text-decoration: none;
line-height: 1.7;
width: 100%;
}
nav > div:last-child .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;
}
nav > div:last-child .menu_wrapper > ul > li > a:hover {
background: #5a9b9b;
}
nav .logo{
display:block;
background: url('/images/logo-albstadt-main.svg') no-repeat;
width: 130px;
background-size: contain;
aspect-ratio: 170 / 51;
}
nav .controls{
padding: 30px 10px 22px 45px;
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
gap:20px;
}
nav .search_box{
width: 100%;
position: relative;
}
nav .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;
}
nav .search_box input{
background: #379F9F;
border: 1px solid #44A1A1;
height: 44px;
outline: none;
padding: 5px 10px;
width: 100%;
}
nav #fsearch{
display: block;
background: url('/images/zoom.svg') no-repeat;
width: 26px;
height: 26px;
cursor: pointer;
transition: transform 0.2s;
}
nav #fsearch:hover{
transform: scale(1.2, 1.2);
}
nav #bars{
display: block;
background: url('/images/icons/burger_ico.svg') no-repeat;
width: 44px;
height: 28px;
cursor: pointer;
margin-left: 20px;
float: right!important;
}
nav > div:last-child a.closed:after, nav > div:last-child a.opened:after {
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;
}
nav > div:last-child a.closed:after, nav > div:last-child a.opened:after {
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;
}
nav > div:last-child a.opened:after{
transform: rotate(90deg);
}
nav .e_links{
width: 435px;
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;
}
nav .e_links img{
max-height: 46px;
}
nav .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;
}
nav .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);
}
@media (max-width: 768px) {
body{
padding-top: 74px;
}
body.show_menu {
overflow: hidden;
}
nav {
height: 74px;
}
nav #opacity {
display:none !important;
}
nav > div:first-child{
padding: 0 20px;
}
nav > div:last-child{
width: 100%;
height: calc(100% - 74px);
top: 74px;
box-shadow: none;
}
nav.closed > div:last-child {
right: -100%;
}
nav #close{
position: absolute;
top: 14px;
right: 10px;
background: #fff;
}
nav.opened #close:before {
width: 32px;
min-width: 32px;
height: 32px;
background: #00a696;
}
nav .menu_wrapper{
max-height: calc(100% - 220px);
}
nav .menu_wrapper > ul{
padding-left: 0px !important;
}
nav.opened .menu_wrapper:before{
content: '';
background: #fff;
top: 14px;
right: 12px;
position: fixed;
width: 60px;
height: 48px;
}
nav #bars{
margin:0;
}
nav .tgroup .linker{
display: none;
}
nav > div:last-child .menu_wrapper > ul:before{
content: '';
background: #fff;
width: 50px;
height: 50px;
display: block;
positioN: absolute;
position: absolute;
top: -118px;
right: 47px;
}
nav .e_links{
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(2, 1fr);
gap: 5px;
}
nav .search_box{
display: none;
}
nav .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;
}
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;
color: #fff;
border-radius: 50%;
padding: 125px 0;
}
.home_service_main:hover {
background: #0EB7A6;
}
.home_service_main .headline{
font-size: 33px;
font-weight: 600;
line-height: 3;
}
.home_service_small {
background: #318282;
border-radius: 50%;
width: 165px;
height: 165px;
color: #fff;
text-align: center;
padding-top: 25px;
}
.home_service_small:hover {
background: #0EB7A6;
}
.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: 73px;
}
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: 23px;
/* 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;
}
#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;
}
span.ab_search_span.passive{
font-size: 20px;
font-weight: 600;
margin-right: 26px;
color:#9E9E9D;
}
span.ab_search_span a {
color: #54AF44;
}
span.ab_search_span a:hover {
color: #318282;
}
span.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
}
.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;
}
img#totop:hover {
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
}
.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";
}
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.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 #ff0000;
}
.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';
}
.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;
}
.underline{
text-decoration: underline!important;
}
.leftbar_wrapper{
}
ul#leftbar_menu {
position: absolute;
top:0
}
ul#leftbar_menu li {
font-size: 19px;
line-height: 2;
color: #B2B2B2;
cursor: pointer;
}
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;
}
.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 #ff0000;
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
}
img.search_toggle {
position: absolute;
right: 14px;
top: 14px;
cursor:pointer;
transition: .3s ease all
}
.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;
}
#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;
}
#main_search_field:focus{
box-shadow: 0px 0px 3px #f3f3f3;
}
#main_search_field:hover{
background: rgba(57, 169, 169, 0.6);
}
img.lupa_search_main {
position: absolute;
top: 20px;
right: 11%;
cursor: pointer;
}
img.lupa_top {
transition: transform 0.2s;
cursor:pointer
}
img.lupa_top:hover {
transform: scale(1.2, 1.2);
}
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 {
position: absolute;
top: 22px;
right: 14%;
cursor: pointer;
width: 17px;
display: none;
}
.s_angebot {
float: left;
margin-right: 0 ;
margin-bottom: 15px;
#border: 1px solid #f0f0f0;
padding: 10px 0;
cursor: pointer;
}
.s_angebot a {
color:#f0f0f0;
}
.s_angebot:hover {
#background: rgba(57, 169, 169, 0.6);
text-decoration: underline;
}
.separ_search{
margin: 0 10px;
}
.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;
}
.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: 16px;
color: #747474;
background: #fff;
border: none;
padding-left: 0;
}
.aktuelles_element img.ico_akt_arrow {
top: 102px;
left: 0;
}
.aktuelles_filers .nice-select .list{
overflow-y: auto;
}
.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: 40px;
}
.aktuelles_monthes_div ::after{
right: auto;
left: 85px;
}
.aktuelles_tagen_div ::after{
right: auto;
left: 42px;
}
div#aktuelles_filters_send {
font-weight: 300;
text-decoration: underline;
margin-top: 18px;
cursor: pointer;
margin-left: 15px;
font-family: 'CircularStd-Light';
color:#747474
}
a#aktuelles_filters_clear_a {
}
div#aktuelles_filters_clear {
margin-top: 18px;
margin-left: 40px;
font-weight: 500;
}
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: 18px 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;
}
img.aktuelles_plus {
position: absolute;
right: 15px;
cursor: pointer;
}
img.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;
}
.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:#ff0000;
}
.aktuelles_year_div.error .current{
color:#ff0000;
}
.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;
}
.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;
}
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;
}
.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);
}
.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;
}
@media only screen and (max-device-width: 560px){
div#aktuelles_filters_clear {
margin-top: 27px;
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;
}
.aktuelles_tags_div .fstMultipleMode .fstControls {
padding: 0 0 0 5px;
width:300px;
}
.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: 14px;
}
.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 #ff0000;
}
.presse_saccess_mess {
font-size: 16px;
padding: 10px;
border: 1px solid #54AF44;
}
.presse_error{
color: #ff0000;
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: 19px;
}
.special_presse_page_line_green{
width: 30px;
margin: 35px 0 20px 15px !important;
border-bottom: 3px solid var(--page-color);
}
/******************************* engagement ***/
.layout-flex {
display: flex;
gap: 30px;
margin: 30px 0;
}
.engage-large-btn {
width: 225px;
padding: 20px;
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;
}
.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;
}
.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: #ff0000;
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-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-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: block;
}
.engage-form .form_radio input[type=radio] {
display: none;
}
.engage-form .form_radio label {
display: inline-block;
cursor: pointer;
position: relative;
padding-left: 50px;
margin-right: 0;
line-height: 23px;
user-select: none;
font-weight: 500;
margin-bottom: 5px;
}
.engage-form .form_radio label:before {
content: "";
display: inline-block;
width: 25px;
height: 25px;
position: absolute;
left: 0;
bottom: 1px;
background: #9E9E9D;
border: 2px solid #9E9E9D;
border-radius: 25px;
}
.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 {
background: #fff;
border: 9px solid var(--page-color);
}
/* 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;
}
/***************** 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: none;
}
/*
.engage-form .file-upload-label {
display: flex;
align-items: center;
justify-content: left;
background-color: #EEEEEE;
color: #7a7a7a;
font-size: 19px;
padding: 20px;
flex-grow: 1;
cursor: pointer;
font-weight: 500;
margin-bottom: 0;
}
*/
.engage-form .file-upload-label {
display: block;
background-color: #EEEEEE;
color: #7a7a7a;
font-size: 19px;
padding: 20px;
cursor: pointer;
font-weight: 500;
margin-bottom: 0;
}
.engage-form .file-upload-button {
background-color: var(--page-color);
color: #fff;
padding: 20px 35px;
font-size: 19px;
cursor: pointer;
border: none;
outline: none;
text-align: center;
}
.engage-form .file-upload-button:hover {
background-color: #57B99F;
}
.engage_agree_label {
line-height: 2;
margin-left: 50px;
margin-top: -43px;
}
.color5D5C5B{
color:#5D5C5B;
}
.engage_submit{
background: var(--page-color);
width: 175px;
padding: 20px 12px 20px 20px;
display: inline-block;
margin-right: 15px;
color: #fff;
font-size: 20px;
cursor: pointer;
margin-bottom: 5px;
text-align: left;
position: relative;
margin-top:20px
}
.engage_submit:hover{
background: #57B99F;
}
img.mm_arrow_toright {
position: absolute;
right: 15px;
top: 15px;
}
.error.err_flex{
display: contents;
transition: all 0.2s ease-in-out;
}
.accordion > .title_row {
font-size: 23px;
color: var(--page-color, #89C3E1);
position: relative;
font-weight: 600;
cursor: pointer;
user-select: none;
}
.accordion > .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 {
mask-image: url(/images/icons/plus_teile.svg);
}
.accordion.opened > .title_row::before {
mask-image: url(/images/icons/minus_teile.svg);
}
.engage_search_button{
background-color: var(--page-color);
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:hover{
background-color: var(--page-color-hover);
cursor: pointer;
}
.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;
}
img#delfile {
position: absolute;
right: 30px;
width: 20px;
display: none;
top: 17px;
width: 15px;
cursor: pointer;
}
#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: 25px;
outline: none;
cursor: pointer;
#margin-right: 80px;
}
.animeEyeAbleExtended{
background: #318282 !important;
}
.forpage.forpage1.first{
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;
}
img#sidebar_popup_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;
}
.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 {
position: absolute;
right: 10px;
top: 0;
}
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%;
}
.bottombordered:nth-child(even){
background: #54af4414;
}
.bottombordered:last-child div{
margin-bottom: 30px;
}
div#scroll_Servicekonto-ID {
font-weight: 500zz;
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;
}
@media (min-width: 2560px){
img.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%;
}
img.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;
}
}
@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) {
nav > div:last-child {
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;
}
nav .logo {
margin-left: 20px;
}
nav #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 {
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:736px){
.open_sidebar_button {
position: fixed;
bottom: 115px;
right: 7px;
width: 65px;
height: 65px;
border-radius: 50%;
}
}
@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%;
}
nav #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;}
.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: 148%;margin-top: 0;
}
.basuchen_col {height: 160px;}
.bigbutton { width: 100%; padding-top:0; }
ul#social-icons { right: 0; top: -40px; }
.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;
}
img.search_toggle {
right: 0;
top: 15px;
width: 20px;
}
#main_search_field {
margin-left: 0;
width: 100%;
max-width: 275px;
border: none;
height: 60px;
margin: 0;
font-size: 16px;
}
img.lupa_search_main {
top: 20px;
right: 0;
}
#search_reset {
top: 22px;
right: 42px;
width: 17px;
display: none;
}
nav.opened #close:before {
width: 20px;
min-width: 20px;
height: 20px;
background: #00a696;
}
nav #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;
}