/* open-sans-300 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: url('../fonts/open-sans-v40-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* open-sans-300italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Open Sans'; font-style: italic; font-weight: 300; src: url('../fonts/open-sans-v40-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* open-sans-regular - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url('../fonts/open-sans-v40-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* open-sans-italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Open Sans'; font-style: italic; font-weight: 400; src: url('../fonts/open-sans-v40-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* open-sans-500 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Open Sans'; font-style: normal; font-weight: 500; src: url('../fonts/open-sans-v40-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* open-sans-500italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Open Sans'; font-style: italic; font-weight: 500; src: url('../fonts/open-sans-v40-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* open-sans-600 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: url('../fonts/open-sans-v40-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* open-sans-600italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Open Sans'; font-style: italic; font-weight: 600; src: url('../fonts/open-sans-v40-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* open-sans-700 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: url('../fonts/open-sans-v40-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* open-sans-700italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Open Sans'; font-style: italic; font-weight: 700; src: url('../fonts/open-sans-v40-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* open-sans-800 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Open Sans'; font-style: normal; font-weight: 800; src: url('../fonts/open-sans-v40-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* open-sans-800italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Open Sans'; font-style: italic; font-weight: 800; src: url('../fonts/open-sans-v40-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* ---------- Color Module Styles ----------- */ body, p, caption, th, td, input, textarea, select, option, legend, fieldset,.node__content { font-family: 'Open Sans'; font-size: 24px; font-weight: 300; line-height: 34px; color:#000; } H1,.h1, h1.title { font-weight:bold; text-align:center; margin-top:50px; color:#0D64AD !important; } h2 { font-size: 30px; font-weight: 400; line-height: 44px; color:#0D64AD !important; padding-bottom:20px; } .bg-primary h2 { color:#fff !important; text-align: left; } #budgetrechner H2{ padding-bottom:15px; } h3 { font-size: 24px; font-weight: 400; line-height: 34px; margin:0px 0 16px 0 } h4 { font-size: 20px; font-weight: 600; line-height: 24px; text-align: left; line-height:100%; } h5 { font-size:14px; letter-spacing:normal; line-height:25px; margin:0px 0 13px 0 } h6 { font-size:12px; letter-spacing:normal; line-height:18px; margin:0px 0 13px 0 } h1.normal, h1.normal{ color:inherit !important; } h1.text-noneuppercase, h1.text-noneuppercase{ text-decoration:noneuppercase !important; } .field--name-field-headerbild{ overflow:hidden; } .textbutton H1 { font-weight: 300; font-size: 46px; line-height: 58px; color: #fff !important; text-align: left; margin-top: 0; } .path-user .bg-primary H1{ font-weight: 300; font-style: Light; font-size: 46px; line-height: 58px; color: #fff !important; text-align:left; margin-top:5px; } .path-user .bg-light H1{ font-weight: 300; font-style: Light; font-size: 46px; line-height: 58px; color: inherit; text-align:left; margin-top:5px; } h2,h3,h4,h5 { margin-bottom: 10px; } p.normal, p { margin: 0 0 10px; color:inherit; } .col-md-2 p, .col-md-3 p, .col-md-6 p, .col-md-4 p, .col-md-2 li, .col-md-3 li, .col-md-6 li, .col-md-4 li{ font-family: Open Sans; font-weight: 300; font-size: 18px; line-height: 28px; letter-spacing: 0%; } b, strong { font-weight: bold; } .small, small { font-size: 18px; line-height:110%; } /*FARBEN*/ /*----------------FARBEN-------------------------*/ a{ color:#0D64AD;text-decoration:none;} a:hover{ color:#0D64AD;text-decoration:underline;} a.text-secondary:focus,a.text-secondary:hover,a.text-secondary{ color:#01577A !important;} a.bg-primary:focus,a.bg-primary:hover,a.bg-primary{ color:#fff !important;} a.text-success:focus,a.text-success:hover,a.text-success{ color:#B8BABA; !important;} a.text-white:focus,a.text-white:hover,a.text-white{ color:#ffffff !important;} a.text-body:focus,a.text-body:hover,a.text-body{ color:#000 !important;} .text-primary{ color:#0D64AD !important;} .text-secondary{ color:#01577A !important;} .text-success{ color:#B8BABA; !important;} .text-danger{ color:#E60005 !important;} .text-warning{ color:#96f477 !important;} .text-info{ color:#D7E7F7 !important;} .text-light{ color:#EFF0F2 !important;} .text-dark{ color:#636060 !important;} .text-body{ color:#000000 !important;} .text-muted{ color:#000000 !important;} .text-white{ color:#fff !important;} .text-black-50{ color:rgba(0,0,0,0.5) !important;} .text-white-50{ color:rgba(255,255,255,0.5); !important;} .bg-primary *:hover,.bg-primary *{ color:#fff;} .bg-primary{background:rgba(13, 100, 173, 1) !important;} .bg-secondary *:hover,.bg-secondary *{ color:#fff;} .bg-secondary{background:#01577A !important;} .bg-success *:hover,.bg-success *{ color:#fff;} .bg-success {background:#B8BABA; !important;} .bg-danger *:hover,.bg-danger *{ color:#fff;} .bg-danger {background: #E60005 !important;} .bg-warning *:hover,.bg-warning *{ color:#000000;} .bg-warning {background:#96f477 !important;} .bg-info *:hover,.bg-info *{ color:#0D64AD;} .bg-info{background: #D7E7F7 !important;} .bg-light *:hover,.bg-light *{ color:#000;} .bg-light{background: #EFF0F2 !important;} .bg-dark *:hover,.bg-dark *{ color:#fff;} .bg-dark{background: #636060 !important;} .bg-body *:hover,.bg-body *{ color:#fff;} .bg-body {background: #000 !important;} .bg-white *:hover,.bg-white *{ color:#000;} .bg-white{background: #fff !important;} .bg-transparent *:hover,.bg-transparent *{ color:#000;} .bg-transparent{background: transparent !important;} /* .lg-innen.bg-primary *:hover,.lg-innen.bg-primary *{ color:#fff;} .lg-innen.bg-primary{ background:#0D64AD !important ;} .lg-innen.bg-secondary *:hover,.lg-innen.bg-secondary *{ color:#D4D4D4;} .lg-innen.bg-secondary{ background:#01577A !important ;} .lg-innen.bg-success *:hover,.lg-innen.bg-success *{ color:#fff;} .lg-innen.bg-success { background:#B8BABA; !important ; } .lg-innen.bg-danger *:hover,.lg-innen.bg-danger *{ color:#fff;} .lg-innen.bg-danger { background:#E60005 !important;} .lg-innen.bg-warning *:hover,.lg-innen.bg-warning *{ color:#000000;} .lg-innen.bg-warning { background:#96f477 !important;} .lg-innen.bg-info *:hover,.lg-innen.bg-info *{ color:#fff;} .lg-innen.bg-info{ background: #D7E7F7 !important;} .lg-innen.bg-light *:hover,.lg-innen.bg-light *{ color:#000;} .lg-innen.bg-light{ background: #EFF0F2 !important;} .lg-innen.bg-body *:hover,.lg-innen.bg-body *{ color:#fff;} .lg-innen.bg-body { background: #000 !important;} .lg-innen.bg-white *:hover,.lg-innen.bg-white *{ color:#000;} .lg-innen.bg-white{ background: #fff !important;} .lg-innen.bg-transparent *:hover,.lg-innen.bg-transparent *{ color:#000;} .lg-innen.bg-transparent{ background: transparent !important;} */ .field--name-field-buttonlink .bg-primary a,.field--name-field-buttonlink .bg-primary *{ color:#FFFFFF !important;} .field--name-field-buttonlink .bg-primary a:hover,.field--name-field-buttonlink .bg-primary:hover{ color:#FFFFFF; } .field--name-field-buttonlink .bg-primary{ background: rgba(13, 100, 173, 0.80) !important ;} .field--name-field-buttonlink .bg-primary:hover{ background: rgba(13, 100, 173, 1) !important ;} .field--name-field-buttonlink .bg-secondary *:hover,.field--name-field-buttonlink .bg-secondary *{ color:#FFFFFF;} .field--name-field-buttonlink .bg-secondary{ background:#01577A !important ;} .field--name-field-buttonlink .bg-success *:hover,.field--name-field-buttonlink .bg-success *{ color:#fff;} .field--name-field-buttonlink .bg-success { background:#B8BABA; !important ; } .field--name-field-buttonlink .bg-danger *:hover,.field--name-field-buttonlink .bg-danger *{ color:#fff;} .field--name-field-buttonlink .bg-danger { background: #E60005 !important;} .field--name-field-buttonlink .bg-warning *:hover,.field--name-field-buttonlink .bg-warning *{ color:#000000;} .field--name-field-buttonlink .bg-warning { background:#96f477 !important;} .field--name-field-buttonlink .bg-info *:hover,.field--name-field-buttonlink .bg-info *{ color:#fff;} .field--name-field-buttonlink .bg-info{ background: #D7E7F7 !important;} .field--name-field-buttonlink .bg-light *:hover,.field--name-field-buttonlink .bg-light *{ color:#000 !important;} .field--name-field-buttonlink .bg-light{ background: #EFF0F2 !important;} .field--name-field-buttonlink .bg-body *:hover,.field--name-field-buttonlink .bg-body *{ color:#fff;} .field--name-field-buttonlink .bg-body {background: #000 !important;} .field--name-field-buttonlink .bg-white *:hover,.field--name-field-buttonlink .bg-white *{ color:#000 !important;} .field--name-field-buttonlink .bg-white{ background: #FFFFFF !important;} .field--name-field-buttonlink .bg-transparent *:hover,.field--name-field-buttonlink .bg-transparent *{ color:#000;} .field--name-field-buttonlink .bg-transparent{ background: transparent !important;} .border-primary{border:1px solid #0D64AD ;} .border-secondary{border:1px solid #01577A;} .border-success{border:1px solid #B8BABA;;} .border-danger{border:1px solid #E60005;} .border-warning{border:1px solid #96f477;} .border-info{border:1px solid #D7E7F7;} .border-light{border:1px solid #EFF0F2;} .border-dark{border:1px solid #636060;} .border-body{borde:1px solid #000;} .border-white{border:1px solid #fff;} .bordercolor-primary img{border:1px solid #0D64AD ;} .bordercolor-secondary img{border:1px solid #01577A;} .bordercolor-success img{border:1px solid #B8BABA;;} .bordercolor-danger img{border:1px solid #E60005;} .bordercolor-warning img{border:1px solid #96f477;} .bordercolor-info img{border:1px solid #D7E7F7;} .bordercolor-light img{border:1px solid #636060;} .bordercolor-dark img{border:1px solid #000000;} .bordercolor-white img{border:1px solid #fff;} .field--name-field-buttonlink .bordercolor-primary{border:1px solid #0D64AD ;} .field--name-field-buttonlink .bordercolor-secondary{border:1px solid #01577A;} .field--name-field-buttonlink .bordercolor-success{border:1px solid #B8BABA;;} .field--name-field-buttonlink .bordercolor-danger{border:1px solid #E60005;} .field--name-field-buttonlink .bordercolor-warning{border:1px solid #96f477;} .field--name-field-buttonlink .bordercolor-info{border:1px solid #D7E7F7;} .field--name-field-buttonlink .bordercolor-light{border:1px solid #636060;} .field--name-field-buttonlink .bordercolor-dark{border:1px solid #000000;} .field--name-field-buttonlink .bordercolor-white{border:1px solid #fff;} a.normal:focus,a.normal:hover,a.normal{ color:inherit !important;} /*------------Farbe Ende-------------------*/ /*HEADER*/ #header { box-shadow: none; } body.authenticated #header.mysticky-top{ z-index: 10; } .navbar { margin:0; padding:0; } .navbar-form, #navbar-main{ /* max-width:1220px; */ width:calc(100%); margin:auto; padding-left: 15px; padding-right: 15px; } :focus-visible { outline: -webkit-focus-ring-color auto 0px; } /*Logo - Menü*/ a.nav-link--::before{ display: none; } #block-custom-barrio-views-block-berater-links-block-1, #block-custom-barrio-beraterlogin-2, #block-custom-barrio-beraterlogin{ padding: 0px; } .region-top-header{ padding: 0px; width:100%; max-width:100%; background:#F7F7F7; } #block-custom-barrio-beraterlogin-2 ul, #block-custom-barrio-beraterlogin ul{ float: right; } #block-custom-barrio-views-block-berater-links-block-1 li, #block-custom-barrio-beraterlogin-2 li, #block-custom-barrio-beraterlogin li{ background: #fff; height: 34px; padding: 0px; margin-left: 5px; border-bottom:1px solid #F7F7F7; } #block-custom-barrio-views-block-berater-links-block-1 li{ position: relative; border-bottom:0px solid #F7F7F7; margin-left: 0px; } #block-custom-barrio-views-block-berater-links-block-1 li{ } #block-custom-barrio-views-block-berater-links-block-1 li:last-child, #block-custom-barrio-beraterlogin-2 li:last-child, #block-custom-barrio-beraterlogin li:last-child{ margin-right: 15px; } #block-custom-barrio-views-block-berater-links-block-1 a, #block-custom-barrio-beraterlogin-2 a, #block-custom-barrio-beraterlogin a{ font-family: Open Sans; font-size: 11px; font-weight: 600; line-height: 13.62px; text-align: center; color: #727879; text-decoration: none; text-transform:none; padding: 0px; padding-left: 10px; padding-right:10px; padding-top:9px; display:block; height: 34px; } /*#block-custom-barrio-beraterlogin-2 a.beratericon, #block-custom-barrio-beraterlogin a.beratericon{ background-image:url("../image/person_pin_circle.svg"); background-repeat:no-repeat; background-position: right 5px top 5px; background-size:22px 22px; padding-right:30px; }*/ #block-custom-barrio-views-block-berater-links-block-1 .nav-link--beraterdruck a:after, #block-custom-barrio-views-block-berater-links-block-1 a.beratericon:after, #block-custom-barrio-beraterlogin-2 a.beratericon:after, #block-custom-barrio-beraterlogin a.beratericon:after{ content: url("../image/person_pin_circle.svg"); display: inline-block; color:#fff; width: 22px; height: 22px; margin-left: 5px; vertical-align: middle; filter: brightness(0.9) saturate(0) sepia(0.2) contrast(1.1); transition: filter 0.3s ease; margin-top: -5px; } #block-custom-barrio-views-block-berater-links-block-1 .nav-link--beraterdruck a:after{ content: url("../image/drucken.svg"); border-top: 3px solid transparent; } #block-custom-barrio-views-block-berater-links-block-1 .nav-link--beraterdruck:hover a:after, #block-custom-barrio-views-block-berater-links-block-1 .nav-link--beraterdruck:focus a, #block-custom-barrio-views-block-berater-links-block-1 li:hover a:after, #block-custom-barrio-beraterlogin li:focus a:after, #block-custom-barrio-beraterlogin-2 a.active:after, #block-custom-barrio-beraterlogin a.active:after, #block-custom-barrio-beraterlogin li:hover a:after{ filter: brightness(0) invert(1); /* Hover: weiß */ } #block-custom-barrio-views-block-berater-links-block-1 li:focus, #block-custom-barrio-views-block-berater-links-block-1 li:focus a, #block-custom-barrio-views-block-berater-links-block-1 a.active.beratericon, #block-custom-barrio-views-block-berater-links-block-1 li.active, #block-custom-barrio-views-block-berater-links-block-1 li:hover, #block-custom-barrio-views-block-berater-links-block-1 li:hover a, #block-custom-barrio-beraterlogin li:focus, #block-custom-barrio-beraterlogin li:focus a, #block-custom-barrio-beraterlogin-2 a.active.beratericon, #block-custom-barrio-beraterlogin a.active.beratericon, #block-custom-barrio-beraterlogin li.active, #block-custom-barrio-beraterlogin li:hover, #block-custom-barrio-beraterlogin li:hover a, #block-custom-barrio-beraterlogin a.active, #block-custom-barrio-beraterlogin-2 li.active, #block-custom-barrio-beraterlogin-2 li:hover, #block-custom-barrio-beraterlogin-2 a.active, #block-custom-barrio-beraterlogin-2 li:hover a{ color:#fff; background:#0D64AD; text-decoration: none; } #block-custom-barrio-headerlogodbfp{ margin-top:18px; padding-left:0; } #block-custom-barrio-headerlogoffpb{ margin-top:30px; padding-right:0; } #header .container{ display:block; padding-left: 5px; width:100%; max-width:100%; } #block-custom-barrio-views-block-berater-links-block-1, #block-custom-barrio-beraterlogin-2, #block-custom-barrio-beraterlogin, .region-top-header-form{ /* max-width: 1229px; width: 100%; margin-left:auto; margin-right:auto; */ } #block-custom-barrio-beratermenu { padding:0; } #beraterTabsCollapse.show li a, #myTab li.nav-item, #header #BeraterMenu li.nav-item, .view-berater-links a, #block-custom-barrio-main-menu li.nav-item{ float:left; min-height:30px; padding:10px; padding-bottom: 1px; } #beraterTabsCollapse{ display:none; } #beraterTabsCollapse.show{ display:block; } #beraterTabsCollapse.show li{ padding:0px; } /* #block-custom-barrio-beratermenu ul.nav ul.menu { display:none; } #block-custom-barrio-beratermenu ul.nav li:hover ul.menu { display:block; } #block-custom-barrio-beratermenu ul.nav ul.menu li.nav-item{ float:none; padding-left:0; }*/ /*styleName: navi;*/ #myTab li a, .view-berater-links a, #block-custom-barrio-beratermenu li a, #block-custom-barrio-main-menu li a{ font-family: Open Sans; font-size: 15px; font-weight: 600; line-height: 13px; text-align: left; } #myTab li.nav-item a, #block-custom-barrio-beratermenu li.nav-item a, #block-custom-barrio-main-menu li.nav-item a{ border-bottom:3px solid transparent; height:27px; } .view-berater-links a:hover, #myTab >li.nav-item a:hover, #block-custom-barrio-beratermenu li.nav-item a.myactive, #block-custom-barrio-beratermenu li.active a.active, #block-custom-barrio-beratermenu li.active a.active, #block-custom-barrio-beratermenu li a.active, #block-custom-barrio-beratermenu ul.nav >li.nav-item a:hover{ color:#0D64AD; } #block-custom-barrio-main-menu li.nav-item a.myactive, #block-custom-barrio-main-menu li.active a.active, #block-custom-barrio-main-menu li.active a.active, #block-custom-barrio-main-menu li a.active, #block-custom-barrio-main-menu li.nav-item a:hover{ border-bottom:3px solid #0D64AD; color:#0D64AD; } #myTab >li.nav-item a, #myTab >li.nav-item a:hover, #block-custom-barrio-beratermenu ul.menu >li.nav-item a:hover, #block-custom-barrio-main-menu li.nav-item.xxx a.active{ border-bottom:3px solid transparent; } #myTab >li.nav-item a{ border:0 !important; } #block-custom-barrio-main-menu li.nav-item.xxx a{ /*color:#727879;*/ } #block-custom-barrio-beratermenu li a.is-active, #block-custom-barrio-beratermenu li.active a.active, #block-custom-barrio-beratermenu li a.active, #header .navbar-nav li a.is-active, #header .navbar-nav li.active a.active, #header .navbar-nav li a.active{ color:#0D64AD; } #myTab li::first-child, #block-custom-barrio-beratermenu ul ul li::first-child, #header .dropdown-menu li.dropdown-item:first-child{ margin-top:17px; } #CollapsingNavbar #block-custom-barrio-main-menu li a, #CollapsingNavbar #block-custom-barrio-main-menu li a:hover{ border-bottom:0px; } #block-custom-barrio-main-menu .dropdown-menu li.dropdown-item a:hover, #block-custom-barrio-main-menu .dropdown-menu li.dropdown-item a, #block-custom-barrio-main-menu .dropdown-menu li.dropdown-item, #block-custom-barrio-main-menu .dropdown-menu li.dropdown-item:hover{ border-bottom:0px; padding-left:0px; } .dropdown-item:focus, .dropdown-item:hover, .dropdown-item.active, .dropdown-item:active { background-color: #EFF0F2; } #BeraterMenu ul ul li a:hover, #BeraterMenu ul ul li a, #BeraterMenu ul ul li, #BeraterMenu ul ul li:hover, #CollapsingNavbar #block-custom-barrio-main-menu .dropdown-menu li.dropdown-item a:hover, #CollapsingNavbar #block-custom-barrio-main-menu .dropdown-menu li.dropdown-item a, #CollapsingNavbar #block-custom-barrio-main-menu .dropdown-menu li.dropdown-item, #CollapsingNavbar #block-custom-barrio-main-menu .dropdown-menu li.dropdown-item:hover { padding-left:0px; } #BeraterMenu ul ul{ border-top: 1px solid #878787; } .navbar-expand-md .navbar-toggler { display: block; } #block-custom-barrio-beratermenu ul ul, .dropdown-menu{ margin-top: 0; border:0; width:100%; padding-left:10px; } #myTab li, #block-custom-barrio-beratermenu li, #header .navbar-nav li.{ padding:10px; } .nixcolapse { display: none !important; } #BeraterMenu, #header #CollapsingNavbarnix { display:none; } #BeraterMenu.show { display:block; } #myTab >li:first-child, #CollapsingNavbar ul.nav >li, #block-custom-barrio-main-menu li:first-child, #BeraterMenu li:first-child, #header #CollapsingNavbarnix li:first-child{ padding-left:0px; } /*//styleName: navi;*/ #beraterTabsCollapse.show li a, #myTab a, #block-custom-barrio-beratermenu a, #header .navbar-nav li a{ font-size: 15px; font-weight: 600; line-height: 110%; text-align: left; color: #727879; padding:0; } #beraterTabsCollapse.show li a{ font-size: 20px; } #block-custom-barrio-views-block-berater-links-block-1{ line-height:100%; padding-left:0px !important;; } #myTab a:hover, #block-custom-barrio-beratermenu a:hover, #header .view-berater-links a:hover, #header .navbar-nav li a:hover{ text-decoration:none; } #header .navbar-nav a.language-link.is-active{ display:none; } #myTab, #block-custom-barrio-beratermenu ul{ display: flex; flex-direction: row; padding-left: 0; margin-bottom: 0; list-style: none; } .navbar-toggler:focus, .navbar-toggler { width: 24px; height: 24px; margin-left: auto; padding: 0px; background-color: transparent; box-shadow: none; margin-right: 0px; } #navbar-berater .navbar-toggler:focus, #navbar-berater .navbar-toggler { margin-right:15px; } .navbar-toggler-icon { width: 100%; height: 100%; display:inline-block; } .navbar-toggler-icon.zu { /*background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e);*/ } .beratertoggler .navbar-toggler{ border:1px solid transparent; margin-right:25px; } .navbar-toggler-icon.auf { background-image: url(../image/close.svg); } #header #BeraterMenu.show, #header #CollapsingNavbar.show{ position: absolute; border-top: 1px solid rgba(0, 0, 0, 0.2); top:-2px; right: 0px; z-index: 100; width: 100%; background: #fff; margin: 0; padding: 0; padding-top: 0px; -webkit-box-shadow: 0 4px 9px -3px gray; -moz-box-shadow: 0 4px 9px -3px gray; box-shadow: 0 4px 9px -3px gray; } #beraterTabsCollapse.show li, #header #BeraterMenu.show li, #header #CollapsingNavbar.show li{ padding-top: 10px; padding-bottom: 10px; border-top: 1px solid rgba(0, 0, 0, 0.2); width: 100%; } #beraterTabsCollapse.show li a, #header #BeraterMenu.show li.topmenu a:hover, #header #BeraterMenu.show li a:hover, #header #BeraterMenu.show li.topmenu a, #header #BeraterMenu.show li a, #header #CollapsingNavbar.show li.topmenu a:hover, #header #CollapsingNavbar.show li.menu-item--expanded a:hover, #header #CollapsingNavbar.show li.topmenu a, #header #CollapsingNavbar.show li.menu-item--expanded a{ padding-left:25px; } #beraterTabsCollapse.show li:first-child, #header #BeraterMenu.show li.menu-item--expanded:first-child, #header #CollapsingNavbar.show li.menu-item--expanded:first-child{ border-top: 0px solid rgba(0, 0, 0, 0.2); } #beraterTabsCollapse.show li:last-child, #header #BeraterMenu.show li:last-child, #header #CollapsingNavbar.show li.menu-item--expanded:last-child{ border-bottom: 1px solid rgba(1, 0, 0, 0.2); } #header #BeraterMenu.show li.topmenu >a, #header #BeraterMenu.show li >a{ padding-top:10px; } #beraterTabsCollapse.show li a, #header #CollapsingNavbar.show li.menu-item--expanded >a, #header #CollapsingNavbar.show li.topmenu >a{ padding-top:5px !important; } #header #BeraterMenu.show li.menu-item--expanded >a.zu:after, #header #BeraterMenu.show li.menu-item--expanded >a:after, #header #CollapsingNavbar.show li.menu-item--expanded >a.zu:after, #header #CollapsingNavbar.show li.menu-item--expanded >a:after{ content: url(../image/keyboard_arrow_down.svg); float: right; overflow: hidden; left: calc(100% - 40px); margin-right:10px; } #beraterTabsCollapse.show .topmenuleer{ padding-top:4px; } #header #BeraterMenu.show li.menu-item--expanded >a.auf:after, #header #CollapsingNavbar.show li.menu-item--expanded >a.auf:after{ content: url(../image/keyboard_arrow_down_blau.svg); } /* li.menu-item--expanded.dropdown:not(:has(~ li.menu-item--expanded.dropdown)) { border-bottom:1px solid rgba(0,0,0,0.2); } */ #header #BeraterMenu li.menu-item--expanded.dropdown:not(:has(~ li.menu-item--expanded.dropdown)) { border-bottom:0px solid rgba(0,0,0,0.2); } #header #BeraterMenu.show li.menu-item--expanded.dropdown, #header #CollapsingNavbar li.menu-item--expanded.dropdown{ position:relative; } #header #BeraterMenu.show li a, #header #CollapsingNavbar.show li a{ font-size: 20px; } #header #BeraterMenu.show li ul li a, #header #CollapsingNavbar.show li ul li a{ font-size: 16px; } #block-custom-barrio-beratermenu ul.show, .dropdown-menu.show { display: block; width:100% } .dropdown-item:focus, .dropdown-item:hover, .dropdown-item.active, .dropdown-item:active { background-color: #fff; } .navbar-toggler { } i.fa-solid{ background:transparent !important; } /*LAYOUT*/ .row{ margin-right: -30px; margin-left: -30px; } .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { padding-right: 0; padding-left: 0; margin-right: auto; margin-left: auto; } .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto { padding-right: 15px; padding-left: 15px; } .paragraph{ overflow:hidden; } .paragraph--type--layout-paragraphs > .row { padding-top:50px; padding-bottom:30px; } .field--name-field-layout .field__item:last-child .lp-innen{ margin-bottom:70px; } .lp-innen.hintergrund{ padding-left:35px; padding-right:35px; padding-top:45px; padding-bottom:50px; margin-top:50px; margin-bottom:50px; } .lp-innen.hintergrund#formularseite{ margin-top:1px; } .lp-innen.hintergrund#componentsabstand1, .lp-innen.hintergrund#componentsabstand{ padding-top:0; margin-top:-10px; } .lp-innen.hintergrund#componentsabstand1 H2, .lp-innen.hintergrund#componentsabstand H2{ padding-top: 55px; } .lp-innen.hintergrund#componentsabstand1 strong, .lp-innen.hintergrund#componentsabstand strong{ color: #0D64AD; } .hintergrund .mycol2 > .col-md-6 { margin-top: 20px; } .hintergrund .mycol2 > .region--top + .col-md-6 { margin-top: 0; } .lp-innen.hintergrund#componentsabstand{ padding-bottom:30px; } #componentsabstand1 .spalte3, #componentsabstand .spalte2, .mycol3 > .spalte3 { margin-top: 20px; } /*.mycol1,.mycol2,.mycol3,.mycol4,.mycol5,.mycol6 */ div[class*='mycol']{ padding-left:20px; padding-right:20px; } div[class*='bg-'] > div[class*='mycol']{ padding-left:0px; padding-right:0px; } #content{ padding:0; margin-bottom:30px; } #content .paragraph--type--layout-paragraphs:first-child > .row { padding-top:0px; padding-bottom:0px; } #content .field--name-field-layout .field__item:first-child .paragraph--type--layout-paragraphs.lp-innen:first-child { /*padding-top:20px !important;*/ } #content .field--name-field-layout .field__item:first-child .paragraph--type--layout-paragraphs.lp-innen:first-child .paragraph--view-mode--default, #content .field--name-field-layout .field__item:first-child .paragraph--type--layout-paragraphs.lp-innen:first-child .paragraph--type--header-slider , #content .field--name-field-layout .field__item:first-child .paragraph--type--layout-paragraphs.lp-innen:first-child .paragraph--type--header-bild{ /*margin-top:-20px !important; margin-right: -30px; margin-left: -30px;*/ } #content .field--name-field-layout .field__item .paragraph--type--layout-paragraphs.lp-innen.normalbreite .paragraph--view-mode--default, #content .field--name-field-layout .field__item:first-child .paragraph--type--layout-paragraphs.lp-innen.normalbreite:first-child .paragraph--view-mode--default{ /*margin:0px !important;*/ } .path-frontpage #block-custom-barrio-page-title{ display:none; } .node__content { margin-top: 0px; } #main-wrapper { margin-top: -2px; padding-top: 0px; } .path-user #main-wrapper { border-top:0px solid #B8BABA; } .paragraph--type--header-bild, .paragraph--type--header-slider{ margin-top:1px; } #block-views-block-header-bilder-block-1, header .block{ margin-bottom:0 !important; } #block-topblock i{ position: fixed; bottom: 20px; right: 10px; z-index: 99; border: 2px solid #87888a; outline: none; cursor: pointer; padding: 15px; border-radius: 10px; background: #0D64AD; padding: 5px; padding-top: 3px; padding-left: 4px; font-size: 30px; font-weight:bold; width: 40px; height: 40px; color: #fff; } #block-topblock p{ margin:0; } #myBtn.animate-opacity{ transition: opacity 1s; opacity: 0 !important; } #myBtn i { color:#ECECED; padding: 0px; } .hsmall{ font-size:0.75rem; } .sidebar .block { border-width: 0px; } .site-footer__top .content li a:hover, .site-footer__top .content li a:focus { background-color: transparent; text-decoration: underline; } footer.site-footer{ padding: 33px 15px; background: #727879; padding-bottom:70px; } #footerberaterlinks1 .topmenu { display:none; } .site-footer .block{ margin:0; padding:0; border: 0; } .path-user .site-footer .container{ max-width: 100%; padding-left:25px; padding-right:25px; } .featured-bottom{ margin-top:50px; } .featured-bottom .field--type-image img, .featured-bottom img{ max-width:220px; } .featured-bottom .paragraph--type--abstand { display: none; } .region-featured-bottom-third.row, header .row, footer .row, #main >.row{ margin:auto; } .region-footer-first a, .region-footer-first a:hover, .region-footer-first p{ font-size: 16px; font-weight: 400; line-height: 25px; text-align: left; color:#fff; margin-top:0; } .region-footer-second .nav, .region-footer-third .nav{ padding:0; margin:0; float: none; display: block; } .region-footer-second a.nav-link, .region-footer-second a.nav-link:hover, .region-footer-third a.nav-link, .region-footer-third a.nav-link:hover{ font-size: 20px; font-weight: 600; line-height: 34px; text-align: left; color:rgba(255, 255, 255, 1); padding:0; } .region-footer-fourth a, .region-footer-fourth a:hover, .region-footer-fourth p{ font-size: 11px; font-weight: 600; line-height: 15px; text-align: left; color:rgba(255, 255, 255, 1); margin-top:0; } #block-custom-barrio-copyrighthinweis{ margin-top: 11px; } .node .field--type-image, img, .field--type-image img, .field--name-field-user-picture img { margin: 0; max-width:100%; height:auto; } .paragraph--type--textfeld img{ margin-bottom: 30px; } div[id^="startkachel"]{ padding-left:10px !important; padding-right:10px !important; } div[id^="startkachel"] .paragraph--type--textfeld img { margin-bottom: 20px; } .paragraph--type--textfeld p{ overflow:hidden; } .paragraph--type--bild img{ float: none; } .draggable a.tabledrag-handle{ background-image:url("../image/move.svg"); background-repeat:no-repeat; width: 18px; } tr.draggable td:first-child{ padding-left: 20px; } .js .dropbutton-widget{ max-width:200px; } .edit.dropbutton-action{ display:block; width:200px; } /*node*/ .field__label{ float: left; margin-right:5px; font-weight:bold; } .field--name-field-view .field__label, .field--name-field-text-auf-bild .field__label{ display:none; } .field--type-file .field__label, .field--type-address .field__label, .text-formatted .field__label{ float: none; } .field__label .field__items{ clear: both; } .field--type-entity-reference { margin-bottom:inherit; } .field--name-field-bild img{ margin-bottom:20px; } #kontaktbloecke .field--name-field-bild img{ margin-bottom:0px; } #kontaktblockwrapper #kontaktbloecke .field--name-field-bild img{ margin-bottom:20px; } .field--name-field-bild.text-center .field--name-field-media-image, .field--name-field-bild.text-right .field--name-field-media-image, .field--name-field-bild.text-center, .field--name-field-bild.text-right{ width:100% } .field--name-field-bild.text-center div{ text-align:center; } .field--name-field-bild.text-center img, .field--name-field-bild .text-center img{ margin-left:auto; margin-right:auto; } .field--name-field-bild.text-right img, .field--name-field-bild .text-right img{ margin-left:auto; margin-right:0; } .node .field--type-image.field--name-field-bild{ width:100% !important; } /*Block*/ /*Header Bild mit Content*/ #zweispaltenbutton .row.mycol2 .col-md-6 .paragraph--type--button, #zweispaltenbutton .row.mycol2 .col-md-6 .paragraph--type--textfeld{ margin-left:0px; margin-right:0px; background:#000; border:1px solid #74808C; border-bottom:0px solid #74808C; } #zweispaltenbutton .row.mycol2 .col-md-6 .paragraph--type--textfeld{ padding-left:20px; padding-right:20px; } #zweispaltenbutton .row.mycol2 .col-md-6 .paragraph--type--button{ border-top:0px solid #74808C; border-bottom:1px solid #74808C; padding-top:10px; padding-bottom:30px; } #zweispaltenbutton .row.mycol2 .col-md-6:last-child .paragraph--type--button, #zweispaltenbutton .row.mycol2 .col-md-6:last-child .paragraph--type--textfeld{ margin-left:0px; margin-right:0px; } #zweispaltenbutton .row.mycol2 .col-md-6 H2{ padding:20px; } /*FORM*/ .form-select:focus { border-color: #ced4da; outline: 0; box-shadow: none; } .form-control:focus { color: #000; background-color: #fff !important; border: 1px solid #ced4da; outline: 0; box-shadow: none; } #user-login-form{ max-width:600px; width:calc(100% - 30px); margin-left:auto; margin-right:auto; } #user-login-form label{ margin-top:20px; } form p, form label{ font-weight: 300; font-size: 18px; line-height: 28px; } .form-required::after { background-image: url("../image/required.svg"); } form h3{ margin-top:30px; margin-bottom: 0; } /*SEARCH*/ /*Kommentar*/ /*FEATURE*/ .region-featured-bottom-first .paragraph--type--layout-paragraphs > .row { padding-top: 0px; padding-bottom: 0px; } .featured-bottom .lp-innen:last-child { } #block-footercopyrightde p, #block-footercopyrighten p{ color: #fff; } .region-featured-bottom-first .block-menu .navbar-nav .dropdown-menu{ display:block; background:transparent; padding:0; padding-top:5px; border:0; position:static; } #BeraterMenu ul ul, #header .dropdown-menu { display: none; } /* #header .dropdown-menu:after { content: ""; position: absolute; z-index: 10000000; width: 24px; height: 24px; background-image: url("../image/close_24dp_0D64AD.svg"); background-size: contain; background-repeat: no-repeat; background-position: top ; top:28px; right:20px; }*/ #BeraterMenu ul ul.show, .dropdown .dropdown-menu { background:#fff; transition: transform .2s ease-in-out; display: block; float: left; min-width: 225px; margin: auto; padding-left:0 !important; width:100%; max-width: 1240px; padding: 0 0 4px; margin: 0; font-size: 14px; list-style: none; border: 0; border-bottom: 1px solid #878787; border-radius: 0px; background-clip: padding-box; background: #fff; border:0; } #BeraterMenu ul ul.show, #header .dropdown-menu.show { display: block; margin-top: -2px; } #header .dropdown-menu.show { margin-top: 10px; } #block-custom-barrio-main-menu ul ul{ margin-left:auto !important; } .region-featured-bottom-first .block-menu li a:hover, .region-featured-bottom-first .block-menu li a { font-size: 18px; display: block; padding-bottom: 5px; color:#fff; } .region-featured-bottom-first .block-menu li { padding-bottom: 0px; width: 100%; } .region-featured-bottom-first .block-menu li.dropdown-item a:hover, .region-featured-bottom-first .block-menu li.dropdown-item a { font-size: 14px; display: block; padding-bottom: 0px; } .region-featured-bottom-first .block-menu li li{ padding:0; padding-bottom: 5px; width: 100%; } .block-menu li a.language-link{ display:none; } .region-featured-bottom-first .nav { display: block; padding-left: 0; margin-bottom: 0; list-style: outside; padding-left: 25px; } /*BUTTON*/ .btn-primary:hover, .btn-primary { color: #022E58; border: 0; } .field--name-field-layout .region--bottom, .field--name-field-layout .region--top{ width:100%; } .field--name-field-layout .lp-innen{ margin-left:auto !important; margin-right:auto !important; /*background:green !important;*/ } .field--name-field-layout .lp-innen >.row >div{ /*margin-bottom:30px; background:green !important;*/ } .field--name-field-layout #zweispaltenbutton >.row >div{ padding:0 !important; } #block-custom-barrio-page-title H1.title, .field--name-field-layout .lp-innen { margin-left: auto !important; margin-right: auto !important; } /* .lp-innen.ganzebreite >.row, #block-custom-barrio-content .node__content >.field, .container { max-width: 1230px; width: 100%; margin-left:auto; margin-right:auto; padding:0; } .lp-innen.ganzebreite >.row{ max-width: 1255px; } .lp-innen.normalbreite{ max-width: 1260px; } */ .lp-innen{ } #content .field--name-field-layout .field__item .paragraph--type--layout-paragraphs.lp-innen.normalbreite .lp-innen >.row, #content .field--name-field-layout .field__item .paragraph--type--layout-paragraphs.lp-innen .lp-innen >.row, #content .field--name-field-layout .field__item .paragraph--type--layout-paragraphs.lp-innen.normalbreite .lp-innen, #content .field--name-field-layout .field__item .paragraph--type--layout-paragraphs.lp-innen .lp-innen{ padding-left:0; padding-right:0; margin-left:-15px !important; margin-right:-15px !important; } #content .field--name-field-layout .field__item .paragraph--type--layout-paragraphs.lp-innen.normalbreite .lp-innen, #content .field--name-field-layout .field__item .paragraph--type--layout-paragraphs.lp-innen .lp-innen{ width:calc(100% ); max-width:calc(100% ); margin-left:-30px !important; margin-right:-30px !important; } #block-custom-barrio-content .node__content >.field.field--name-field-layout, .lp-innen.ganzebreite, #main.container, .region-top-header{ max-width: 100%; } /*LAYOUT*/ .field--name-field-link-auf-bild, .field--name-field-neues-fenster, .field--name-field-rahmen-farbe, .field--name-field-css-id, .field--name-field-breite-inhalt, .field--name-field-breite, .field--name-field-abstand-pixel, .field--name-field-hintergrund , .field--name-field-ausrichtung, .field--name-field-bild-ausrichtung, .field--name-field-spaltenbreite{ display:none; } .paragraph--type--abstand{ height:0px; } .view-id-view_beratersuche .views-field-view-user a:hover, .view-id-view_beratersuche .views-field-view-user a, button.btn-primary, .path-user .form-submit, .field--name-field-buttonlink .field__item{ display: inline-block !important; padding: 15px !important; padding-left: 20px !important; padding-right: 20px !important; padding-top: 13px !important; } .view-id-view_beratersuche.view-display-id-block_3{ height:400px; width:100%; } .path-user .form-submit{ width:auto; } .field--name-field-buttonlink.field__item:hover{ background:rgba(0,0,0,0.3); } .view-id-view_beratersuche .views-field-view-user a:hover, .view-id-view_beratersuche .views-field-view-user a, button.btn-primary, .field--name-field-buttonlink a:hover, .field--name-field-buttonlink a{ font-size: 20px; text-decoration:none; letter-spacing: 0px; display:block; width:auto; font-weight: 600; line-height: 120%; text-align: center ; border-radius: 0; } button.btn-primary{ color:#fff; width:auto; } button.btn-primary:hover, .field--name-field-buttonlink .bg-primary:hover a, .field--name-field-buttonlink .bg-primary a:hover, .field--name-field-buttonlink a:hover{ color:#fff !important; text-decoration:none; } .btn-primary, button.btn-primary{ background:rgba(13, 100, 173, 0.80); !important; } .btn-primary:hover, button.btn-primary:hover{ background:rgba(13, 100, 173, 1); !important; } /*Layout Debug*/ /* .lp-innen{ background:#f7def7; } .field--name-field-layout .field-item{ background:#ccc; border:1px solid #000; } .field--name-field-layout .lp-innen{ background:#f7def7; border:1px solid #000; } .field--name-field-layout .row{ background:#f3f7de; border:1px solid #000; } .field--name-field-breite-inhalt, .field--name-field-breite, .field--name-field-abstand-pixel, .field--name-field-hintergrund , .field--name-field-spaltenbreite{ display:block; } */ table tr th, table tr th a, table tr th a:hover, table tr th a:focus { color: #0D64AD; font-weight: 500; } .table-responsive.col{ padding-left:0; } tr td, tr th { font-size:20px; } .table-cell { display: table-cell; vertical-align:bottom; padding: 0 15px 0 15px; } .slick__arrow::hover *, .slick__arrow::hover * { color:#fff; opacity: 1; } .slick-prev:before, .slick-next:before { opacity: 1; -webkit-font-smoothing: none; -moz-osx-font-smoothing: none; } .slick-list draggable{ padding-left:20px; padding-left:20px; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; } .slick-prev.slick-disabled::before, .slick-prev.slick-disabled::before, .slick-prev:before, .slick-prev:hover:before, .slick-prev:focus:before { opacity: 0; font-weight: 900; content: '\f053'; color:#fff; visibility: visible; font-family: "Font Awesome 6 Free"; } .slick-next.slick-disabled::before, .slick-next.slick-disabled::before, .slick-next:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 0; font-weight: 900; content: '\f054'; color:#fff; visibility: visible; font-family: "Font Awesome 6 Free"; } .slick-arrow{ top: -30px; } .slick-arrow.slick-prev{ left:30px; } .slick-arrow.slick-next{ right:35px; } .slick-dotted.slick-slider { margin-bottom: 0px; } .slick-dots { display:none; } .view-id-listen.view-display-id-block_3 .slick-arrow.slick-prev{ left:10px; } .view-id-listen.view-display-id-block_3 .slick-arrow.slick-next{ right:10px; } .view-bewertung .slick-next:before, .view-bewertung .slick-prev:before, .view-id-listen.view-display-id-block_3 .slick-next:before, .view-id-listen.view-display-id-block_3 .slick-prev:before{ color:#4F3D31 !important; } .slick-arrow::before { font-size: 26px; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1 ; } .view-bewertung .views-field-field-sterne .mystar { width: 18px; height: auto; display:inline; } .view-bewertung .views-field-body p{ line-height:110%; font-size:14px; } .view-bewertung .slick__slide{ padding-left:30px; padding-right:30px; } .view-bewertung .views-field-field-bewertende-person{ line-height:120%; font-size:12px; } #block-hervorgehobenesformularblogblock-1, #block-hervorgehobenesformularblogblog-block{ margin-top:20px !important; padding-left:20px !important; } /*Aufklappblock*/ #aufklappblock1, #aufklappblock2, #aufklappblock3, #aufklappblock4, #aufklappblock5, #aufklappblock6, #aufklappblock7, #aufklappblock8, #aufklappblock9, #aufklappblock10{ display:none; } /*Kontakformular*/ #mycontactform{ margin-left: 40px !important; } #edit-actions-submit:hover, #edit-actions-submit{ width:200px; } input::placeholder, textarea::placeholder{ color:#E5EDF5 !important; } #edit-einwilligung label{ display:none; } #edit-markup{ margin-left:15px; margin-top:-15px; padding-left: 7px; } #edit-markup a{ text-decoration:underline; } /*VIEW*/ .view.row, .view-content.row{ margin-left:0px; margin-right:0px; padding-left:0px; padding-right:0px; --bs-gutter-x:0px; } .view-content.row > .row>*, .view-content.row > .row{ margin-left:0px; margin-right:0px; padding-left:0px; padding-right:0px; } .view-n-tv-news .view-content.row, .view-veranstaltungen .view-content.row, .view-id-presse_startseite.view-display-id-block_2 .view-content.row, .view-id-presse_startseite.view-display-id-block_1 .view-content.row, .view-id-aktuelles_startseite.view-display-id-block_1 .view-content.row{ margin-left:-30px; margin-right:-30px; padding-left: 15px; padding-right: 15px; } .view-listen .view-content.row{ margin:auto; display:block; } .view-content.row > .row{ margin-bottom:30px; overflow:hidden; } .view-content h2 a, .view-content h2 a:hover, .view-content h2 { font-weight: 400; font-size: 30px; line-height: 44px; margin-bottom:0; padding-bottom:0; } .view-content .weiter a, .view-content .weiter a:hover { color: #b0172b; margin-top:0; } .view-content .teaser p{ margin:0; } .teaser{ padding-left:0px !important; } .blogcontent{ margin-left:-25px; } .views-exposed-form label{ font-weight: bold; margin-bottom: 5px; } #edit-submit-blog--2, #edit-submit-blog{ display:none; } /*EU-Cookie-Banner*/ #sliding-popup{ padding-top:15px; } .eu-cookie-compliance-message button:hover, .eu-cookie-compliance-message button { color: #333333; font-size: 12px; display: inline; font-weight: bold; line-height: 1.4; margin: 0 0 5px 0; } .disagree-button.eu-cookie-compliance-more-button, .eu-cookie-compliance-agree-button, .eu-cookie-compliance-default-button, .eu-cookie-compliance-hide-button, .eu-cookie-compliance-more-button-thank-you, .eu-cookie-withdraw-button, .eu-cookie-compliance-save-preferences-button { cursor: pointer; margin-right: 5px; margin-top: 1em; vertical-align: middle; overflow: visible; width: auto; box-shadow: none; background-color: #ffffff; background-image:none; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 1px solid #dcdcdc; color: #000; /* font-family: Arial, sans-serif; font-weight: bold; */ padding: 4px 8px; text-decoration: none; text-shadow: 1px 1px 0 #ffffff; } /*Navigation*/ ul.pagination{ margin-top:30px; } .page-link{ color:#87888a } .page-item.active .page-link{ background-color: #87888a; border-color: #87888a; } /*STARTSEITE*/ div[id^="startkachel"] .row div[class^="col-"]{ padding-left:25px !important; padding-right:10px !important; } div[id^="startkachel"] .row{ margin-right: -25px; margin-left: -25px; } div[id^="startkachel"] a, div[id^="startkachel"] a:hover{ text-decoration:none; color:#000; } div[id^="startkachel"] p:first-child{ padding-top: 15px; padding-left: 15px; font-size: 21px; } div[id^="startkachel"] p:first-child{ position:absolute; } div[id^="startkachel"] .field--name-field-text-mit-zusammenfassung:hover img{ -webkit-box-shadow: 2px 2px 12px 0px rgba(153,153,153,0.68); -moz-box-shadow: 2px 2px 12px 0px rgba(153,153,153,0.68); box-shadow: 2px 2px 12px 0px rgba(153,153,153,0.68); } /*INLINE BILDER*/ .field--name-field-text-mit-zusammenfassung p img{ margin-right:30px; margin-left:30px; margin-top:10px; margin-bottom:10px; } .field--name-field-text-mit-zusammenfassung p ~ img{ margin-left:0px; } .field--name-field-text-mit-zusammenfassung p img:first-child:last-child{ margin-left:0px; margin-right:30px; } .field--name-field-text-mit-zusammenfassung figure img{ margin-left:0px; margin-right:0px; } .field--name-field-text-mit-zusammenfassung img.align-left{ margin-right:30px; margin-left:0px; } .field--name-field-text-mit-zusammenfassung p img:first-child:last-child.align-right, .field--name-field-text-mit-zusammenfassung img.align-right{ margin-left:30px; margin-right:0px; } .field--name-field-text-mit-zusammenfassung a.align-center.inlinedocument{ text-align:center; } .field--name-field-text-mit-zusammenfassung img.align-center{ margin-left:auto; margin-right:auto; } .field--name-field-text-mit-zusammenfassung a.inlinedocument:hover, .field--name-field-text-mit-zusammenfassung a.inlinedocument{ text-decoration:underline; } .node--type-leistungen .text-formatted.field, .node--type-krankheiten .text-formatted.field{ margin-bottom:30px; } .caption > figcaption { padding-top:7px; font-size:12px; line-height:110%; font-style:italic; } .modal { background:rgba(0,0,0,0.8); } .modal-content, .modal-body, .modal-dialog { background:transparent; border:0; } .modal-content, .modal-dialog { max-width:100%; } .modal-dialog { text-align:center; display: flex; justify-content: center; } .modal-content { } .modal-body { position:relative; padding:0px; } .close { position:absolute; right:-30px; top:0; z-index:999; font-size:2rem; font-weight: normal; color:#fff; opacity:0; } #image { margin:auto; /*border:0px solid #fff; border-radius:15px;*/ width:auto; height:auto; } /*VIEW*/ .view-listen.view-display-id-block_2 .tierbild img, .view-listen.view-display-id-block_1 .tierbild img{ margin:auto; width: 90%; -webkit-filter: saturate(0.3); filter: saturate(0.3); opacity:0.5 } .view-listen.view-display-id-block_3 .tierbild img{ margin:auto; width: 60%; -webkit-filter: saturate(0.3); filter: saturate(0.3); } .view-listen.view-display-id-block_3 .views-field-field-tierbild .field-content:hover img, .view-listen.view-display-id-block_1 .views-field-field-tierbild .field-content:hover img, .view-listen.view-display-id-block_2 .views-field-field-tierbild .field-content:hover img{ -webkit-filter: saturate(1); filter: saturate(1); opacity:1 } .view-listen.view-display-id-block_1 .views-field-field-tierbild .field-content, .view-listen.view-display-id-block_2 .views-field-field-tierbild .field-content{ position:static; display: flex; justify-content: center; align-items: center; } .view-listen.view-display-id-block_1 .tierbild, .view-listen.view-display-id-block_2 .tierbild{ text-align:center; background:#EFF0F2; width: 100%; } .view-listen.view-display-id-block_3 .tierbild{ text-align:center; width: 100%; } /*SLIDER*/ .view-id-header_slider.view-display-id-block_1{ overflow:hidden; padding:0; margin:0; } .view-id-header_slider.view-display-id-block_1 .field--name-field-bild-beschriftung- { position: absolute; top: 0px; left: 0; right: 0; bottom: 0; width: calc(100% - 15px); align-items: center; margin-left:auto; margin-right:auto; padding:80px; display:none; } .view-id-header_slider.view-display-id-block_1 .field--name-field-bild-beschriftung- .field-content{ position: relative; width: 100%; max-width:1600px; margin: 0 auto; padding: 0 10px; } .view-id-header_slider.view-display-id-block_1 .field--name-field-bild-beschriftung- .field__item{ color:#fff; font-weight:bold; font-size:36px; margin-bottom:25px; display:block; margin-left:80px; font-family: 'Open Sans'; } .view-id-header_slider.view-display-id-block_1 .field--name-field-bild-beschriftung- .field__item, .view-id-header_slider.view-display-id-block_1 .field--name-field-bild-beschriftung- .innerdiv{ opacity: 0; } .view-id-header_slider.view-display-id-block_1 .field--name-field-bild-beschriftung- .innerdiv0 { transform: translateY(-250px); } .view-id-header_slider.view-display-id-block_1 .field--name-field-bild-beschriftung- .innerdiv1, .view-id-header_slider.view-display-id-block_1 .field--name-field-bild-beschriftung- .innerdiv2, .view-id-header_slider.view-display-id-block_1 .field--name-field-bild-beschriftung- .innerdiv3, .view-id-header_slider.view-display-id-block_1 .field--name-field-bild-beschriftung- .innerdiv4{ transform: translateX(-100000px); } #mylightbox{ height:0; overflow:hidden; } /*Uebernommen*/ /*Cookie*/ #backtotop, #block-cookiezustimmungandern img { width: 50px !important; height: 50px !important; } .fieldbutton{ margin-top:25px; font-weight: 600; font-size: 20px; line-height: 34px; display:inline-block; } .fieldbutton a:hover, .fieldbutton a{ text-decoration:none; text-transform: none; padding:12px; padding-left:20px; } .paragraph--type--header-bild .fieldbutton .bg-primary{ background: rgba(13, 100, 173, 0.80) !important; } .paragraph--type--header-bild .fieldbutton .bg-primary:hover{ background: #0D64AD !important;; } .textbutton .fieldbutton:hover *, .textbutton .fieldbutton *, .textbutton .fieldbutton:hover, .textbutton .fieldbutton{ border:0px ; padding:0 !important; } #testcontainer{ background:red; } .paragraph--type--block-bild-text{ position: relative; } .paragraph--type--block-bild-text .field--name-field-block-link, .paragraph--type--block-bild-text .field--name-field-block-text{ width: calc(100% - 40px); background: rgba(13, 100, 173, 0.80); padding: 10px; height: 90px; position: absolute; bottom: 20px; left: 20px; right: 20px; } .paragraph--type--block-bild-text .field--name-field-block-link:hover, .paragraph--type--block-bild-text .field--name-field-block-text:hover { background: rgba(13, 100, 173, 1); } .paragraph--type--block-bild-text .field--name-field-block-link a, .paragraph--type--block-bild-text .field--name-field-block-link a:hover, .paragraph--type--block-bild-text .field--name-field-block-text{ font-weight: 600; font-size: 20px; line-height: 34px; text-align: center; display:block; max-width:390px; color:#fff; max-width: 60%; color: #fff; margin-left:auto; margin-right:auto; text-align:center; } .paragraph--type--block-bild-text .field--name-field-block-link a:hover{ text-decoration:none; } #kontaktbloecke >.row .col-md-6, #kontaktbloecke >.row .col-md-4{ background:#D7E7F7; margin-bottom: 40px; } #kontaktbloecke >.row .col-md-6.spalte2, #kontaktbloecke >.row .col-md-4.spalte3{ background:#D7E7F7; margin-bottom: 0px; } #kontaktbloecke >.row .col-md-4.spalte3{ margin-top: 0px; } #kontaktbloecke >.row p{ font-weight: 400; font-size: 24px; line-height: 34px; letter-spacing: 0%; text-align: center; color: #0D64AD; } #block-kontaktblocke #kontaktbloecke{ margin-left: 0px !important; margin-right: 0px !important; } #block-breadcrumbs a, #block-breadcrumbs li{ font-weight: 600; font-size: 10px; line-height: 18px; text-align: center; width:auto; color:#0D64AD; } #block-breadcrumbs a{ color:#0D64AD; } #block-breadcrumbs li:first-child{ background-image:url("../image/home.svg"); background-repeat:no-repeat; background-size: 18px; padding-left:18px; color:#0D64AD; } .breadcrumb-item+.breadcrumb-item { padding:0; } .breadcrumb-item+.breadcrumb-item::before { content: url("../image/arrow_forward_ios.svg"); margin: 0 ; padding-left: .5rem; padding-left: 10px; transform: scale(0.9); } #block-breadcrumbs li:first-child{ padding-left:25px; } .path-frontpage #block-breadcrumbs li:first-child{ padding-left:25px; /* filter: brightness(0.2) sepia(1) hue-rotate(180deg) saturate(5);*/ } /*Generationenberatung*/ #componentsabstand1 img, #componentsabstand img, #components img{ margin-bottom:25px } #componentsabstand1 .spalte1, #componentsabstand .spalte1{ } #componentsabstand1 .spalte2, #componentsabstand .spalte2{ } #componentsabstand1 .spalte3, #componentsabstand .spalte3{ } #componentsabstand1 p, #componentsabstand p, #components p{ color:#0D64AD; font-weight: 300; font-size: 20px; line-height: 34px; text-align: center; } #siegelblock p{ font-weight: 300; font-size: 18px; line-height: 28px; letter-spacing: 0%; } #siegelblock H2{ padding-bottom: 15px; margin-bottom: 0px; } .field--name-field-bild div{ text-align: center; } .field--name-field-media-image.field--type-image{ float:none; } /*FAQ - Download*/ .view-downloads .views-field-name a::after, .accordion-button::after { content: url("../image/+.svg"); background-image: none; float: right; font-size:30px; font-weight:600; font-size:30px; color:#0D64AD; margin-right: -30px; } .accordion-button:not(.collapsed)::after { mask-image: url(../image/close_30dp_0D64AD.svg); mask-repeat: no-repeat; mask-size: contain; /* Wichtig: vollständige Skalierung */ mask-position: center; /* Zentriert die Maske */ background-color: #0D64AD; width: 18px; height: 18px; display: inline-block; } .node--type-intranet .file--mime-application-pdf a:after, .view-id-intranet_taxonomie.view-display-id-page_1 .file--mime-application-pdf a:after, .beraterdownload a::after, .field--name-field-berater-allgemeiner-link a::after, .field--name-field-berater-allgemeine-dateien a::after, .node--type-article .field--name-field-datei span a::after, .view-downloads .views-field-name a::after { content: url("../image/download.svg"); font-size: 25px; float: right; overflow: visible; height: 15px; margin-top: -20px; position: absolute; right: 20px; } .view-id-intranet_taxonomie.view-display-id-page_1 .file--mime-application-pdf a:after, .node--type-intranet span.file a:after{ margin-right: -50px; margin-top: -15px !important; } .node--type-intranet .file--mime-application-pdf a:after, .view-id-intranet_taxonomie.view-display-id-page_1 .file--mime-application-pdf a:after, .view-downloads .views-field-name a::after { position: static; } .view-downloads .view-content.row > .row , .view-downloads .view-content.row, .view-faq .view-content.row > .row , .view-faq .view-content.row{ margin-bottom:0px; } .view-downloads .views-field-name, .view-faq .views-row { border: 0px ; } .field--name-field-berater-allgemeiner-link{ margin-top:50px; } .node--type-article .field--name-field-datei .field__label{ font-family: Open Sans; font-weight: 400; font-size: 30px; line-height: 44px; color: #0D64AD; margin-top: 80px; padding-bottom: 30px; } .path-user #content article .field--name-berater-profil-profiles .beraterdownload a, .field--name-field-berater-allgemeiner-link a, .field--name-field-berater-allgemeine-dateien a{ font-weight: 600; font-size: 20px; line-height: 100%; height: 100%; color: #0D64AD !important; padding: 0; padding-top: 20px; padding-bottom: 20px; display: block; margin-right: 40px; } .field--name-field-berater-allgemeiner-link .field__item, .field--name-field-berater-allgemeine-dateien .field__item span, .field--name-field-berater-allgemeine-dateien .field__item{ display:block; } /* .path-user #content article .field--name-berater-profil-profiles .beraterdownload:first-child a, .field--name-field-berater-allgemeiner-link .field__item:first-child{ border-top: 1px solid #B8BABA; }*/ .path-user #content article .field--name-berater-profil-profiles .beraterdownload, .field--name-field-berater-allgemeiner-link, .field--name-field-berater-allgemeine-dateien, .path-user #content article .field--name-berater-profil-profiles .beraterdownload:first-child , .field--name-field-berater-allgemeiner-link .field__item:first-child{ border-top: 1px solid #B8BABA; } .path-user #content article .field--name-berater-profil-profiles .row .beraterdownload:last-child { border-bottom: 1px solid #B8BABA; } .path-user #content article .field--name-berater-profil-profiles .beraterdownload{ margin-left:0; margin-right:0; } form #edit-preview{ display:none !important; } .field--name-field-berater-allgemeine-dateien .file{ padding-left:0; } .file--video { background-image:none; } .accordion-item { border: 0px ; border-top: 1px solid #B8BABA; } .node--type-article .field--name-field-datei span.file-link, .view-downloads, .view-faq { border-bottom: 1px solid #B8BABA; } .node--type-article .field--name-field-datei .field__items, .view-id-downloads.view-display-id-block_1 a{ border-top: 1px solid #B8BABA; } .node--type-article .field--name-field-datei span { display:block; width:100%; } .beraterdownload a, .node--type-article .field--name-field-datei a, .view-downloads .views-field-name a, H2.accordion-header div{ font-weight: 600; font-size: 20px; line-height: 100%; height:100%; color:#0D64AD !important; padding:0; padding-top: 20px; padding-bottom: 20px; display:block; padding-right: 40px; } .view-downloads .views-field-name a { padding-right: 25px; } H2.accordion-header{ padding:0; } H2.accordion-header div{ line-height: 140%; } .accordion-body{ padding:0px; } .accordion-body p { font-weight: 300; font-size: 18px; line-height: 28px; } .accordion-button:not(.collapsed) { background-color: #fff; box-shadow: none; } #generationenberater H2{ padding-bottom:10px; } #finanzierungsrechner .field--name-field-buttonlink .field__item { padding-top: 10px !important; } /*Aktuelles*/ #marktimpressionen{ margin-left:0px !important; margin-right:-20px !important; } #kontaktbloecke{ padding-left:30px; padding-right:30px; } .lp-innen #kontaktbloecke{ padding-left:15px; padding-right:15px; } /*Veranstaltungen*/ .views-field-view-user a:hover, .views-field-view-user a, .field--name-field-link-zur-uebersicht a:hover, .field--name-field-link-zur-uebersicht a, .view-n-tv-news .button-link a:hover, .view-n-tv-news .button-link a, .view-aktuelles-startseite .button-link a:hover, .view-aktuelles-startseite .button-link a, .view-presse-startseite .button-link a:hover, .view-presse-startseite .button-link a, .view-veranstaltungen .button-link:hover, .view-veranstaltungen .button-link{ background:rgba(13, 100, 173, 0.80); color:#fff; font-size: 20px; text-decoration: none; letter-spacing: 0px; display: inline-block; width: auto; font-weight: 600; line-height: 120%; padding: 15px !important; padding-left: 20px !important; padding-right: 20px !important; padding-top: 13px !important; margin-top: 15px; margin-bottom: 40px; } .views-field-view-user a:hover, .field--name-field-link-zur-uebersicht a:hover, .view-n-tv-news .button-link a:hover, .view-aktuelles-startseite .button-link a:hover, .view-presse-startseite .button-link a:hover, .view-veranstaltungen .button-link:hover{ background:rgba(13, 100, 173, 1); } .view-n-tv-news .view-header H2, .view-aktuelles-startseite .view-header H2, .view-presse-startseite .view-header H2, .view-veranstaltungen .view-header H2{ padding-bottom:0px; } .view-n-tv-news .ortzeit *, .view-n-tv-news .ortzeit, .view-aktuelles-startseite .ortzeit *, .view-presse-startseite .ortzeit *, .view-aktuelles-startseite .ortzeit, .view-presse-startseite .ortzeit, .view-veranstaltungen .ortzeit{ font-family: Open Sans; font-weight: 400; font-size: 16px; line-height: 25px; border-bottom: 1px solid #B8BABA; color:#727879; margin-top: 5px; } p.ortzeit { margin-top: 0px; margin-bottom:3px; } .view-n-tv-news .ortzeit *, .view-aktuelles-startseite .ortzeit *, .view-presse-startseite .ortzeit *{ border-bottom: 0px solid #B8BABA; } .view-n-tv-news .veranstaltungtitel, .view-n-tv-news .veranstaltungtitel a:hover, .view-n-tv-news .veranstaltungtitel a, .view-aktuelles-startseite .veranstaltungtitel, .veranstaltungtitel, .veranstaltungtitel a:hover, .veranstaltungtitel a{ font-family: Open Sans; font-weight: 400; font-size: 24px; line-height: 34px; color:#0D64AD; text-decoration: none; } .view-n-tv-news .veranstaltungbody p, .view-n-tv-news .veranstaltungbody, .view-aktuelles-startseite .veranstaltungbody p, .view-aktuelles-startseite .veranstaltungbody, .view-presse-startseite .veranstaltungbody p, .view-presse-startseite .veranstaltungbody, .view-veranstaltungen .veranstaltungbody p, .view-veranstaltungen .veranstaltungbody{ font-family: Open Sans; font-weight: 300; font-size: 18px; line-height: 24px; letter-spacing: 0%; } .view-view-beratersuche p.views-label, .view-view-beratersuche p span, .view-view-beratersuche p a, .view-view-beratersuche p, .view-view-beratersuche p.field-content { margin-bottom:0; } .view-view-beratersuche p.views-label{ font-size: 24px; float:left; margin-right:7px; overflow:hidden; } .view-view-beratersuche.view-display-id-page_1 .view-content.row { margin-left: -15px; margin-right: -15px; } .view-view-beratersuche.view-display-id-page_1 .view-display-id-attachment_1 .view-content.row { margin-left: 0px; margin-right: 0px; } /* .view-view-beratersuche.view-display-id-page_1 .view.row, .view-content.row .geolocation-map-wrapper{ margin-left: 15px; margin-right: 15px; }*/ .views-field-field-berater-qualifikation span, .views-field-field-berater-position span{ font-size: 18px; line-height: 28px; display:block; } .views-field-field-berater-anschrift-locality{ margin-top:10px; margin-bottom:10px; } .node--type-veranstaltungen #content .field--name-field-layout .field__item:first-child .paragraph--type--textfeld { display: flex; align-items: center; height: 100%; } .node--type-veranstaltungen #content .field--name-field-layout .field__item:first-child .lp-innen.hintergrund{ margin-bottom:10px; margin-top:0px; } .node--type-veranstaltungen H1{ font-family: Open Sans; font-size: 30px; font-weight: 400; line-height: 44px; text-align:left; margin-top: 0; margin-bottom: 20px; } .node--type-veranstaltungen H3{ font-family: Open Sans; font-weight: 500; font-size: 18px; line-height: 28px; text-align:left; } /*BEispiel News*/ #block-custom-barrio-headeraktuelles{ display:none; } .node--type-article H1 , .node--type-article H1 .field--name-title{ font-family: Open Sans; font-weight: 400; font-size: 30px; line-height: 44px; text-align: left; color:#0D64AD; } .node--type-article H1 { margin-bottom:30px; } .node--type-article #block-custom-barrio-pagetitle, .node--type-article #block-custom-barrio-page-title, .node--type-article .lp-innen.ganzebreite >.row, #block-custom-barrio-content .node__content .field--name-field-link-zur-uebersicht, .node--type-article .lp-innen.ganzebreite >.row, #block-custom-barrio-content .node__content .field--name-field-main-content{ max-width:1013px; margin-left:auto; margin-right:auto; } .node--type-article .lp-innen.ganzebreite >.row, #block-custom-barrio-content .node__content .field--name-field-link-zur-uebersicht{ margin-top:30px; } .file--application-pdf { background-image: none; } /*Beratersuche*/ #block-custom-barrio-headerberatersuche{ margin-top:30px; } .page-view-view-beratersuche #main-wrapper{ padding-left:20px; padding-right:20px; border-top:1px solid #B8BABA; } .view-id-view_beratersuche.view-display-id-page_1 .view-header, .view-id-view_beratersuche.view-display-id-page_1 .views-exposed-form .description, #edit-umkreis-center-geocoder-geolocation-geocoder-address--description, .view-id-view_beratersuche.view-display-id-page_1 .views-exposed-form label{ display:none; } .view-id-view_beratersuche.view-display-id-page_1 .views-exposed-form select, .view-id-view_beratersuche.view-display-id-page_1 .views-exposed-form input, .view-id-view_beratersuche.view-display-id-page_1 .form-actions{ border-radius:0; } .view-id-view_beratersuche.view-display-id-page_1 .views-exposed-form input::placeholder, .view-id-view_beratersuche.view-display-id-page_1 .views-exposed-form select, .view-id-view_beratersuche.view-display-id-page_1 .views-exposed-form input{ color: #727879 !important; opacity: 1; font-size:20px; } .view-id-view_beratersuche #edit-umkreis-center-geocoder{ margin-right:20px; } .view-id-view_beratersuche.view-display-id-page_1 .form-select{ margin-left:0px; float:left; } #views-exposed-form-view-beratersuche-page-1{ margin-bottom:30px; } .view-id-view_beratersuche.view-display-id-page_1 .form-actions{ font-size:20px; padding: 10px; align-self: auto; } .view-id-view_beratersuche.view-display-id-page_1 .form-submit{ margin-bottom: 0 !important; margin-left: 30px; margin-top: -10px; padding: 17px; line-height: 100%; padding-top: 13px; padding-bottom: 21px; border-radius: 0; } .view-view-beratersuche a, .view-view-beratersuche a:hover{ color:#0D64AD; } .view-view-beratersuche .button-link a, .view-view-beratersuche .button-link a:hover{ color:#ffffff; } .view-view-beratersuche .button-link a, .view-view-beratersuche .button-link a:hover{ color:#ffffff; background:rgba(13, 100, 173, 0.80); } .view-view-beratersuche .button-link a:hover{ background:rgba(13, 100, 173, 1); } .view-id-view_beratersuche.view-display-id-page_1 .views-field-field-berater-bild{ width:70px; margin-left:20px; overflow: hidden; float:right; margin-right:30px; display:none; } .view-id-view_beratersuche .views-field-view-user{ margin-top:10px; min-heigt:54px; } .view-id-view_beratersuche.view-display-id-page_1 .col-lg-4, .view-id-view_beratersuche .views-row.row{ margin-bottom:50px; } .view-id-view_beratersuche.view-display-id-block_2{ width: 200px; } .view-id-view_beratersuche.view-display-id-block_2 .view-content.row > .row{ margin-bottom: 10px; } .view-id-view_beratersuche.view-display-id-block_2 img{ margin-bottom: 20px; } .view-id-view_beratersuche.view-display-id-block_2 .field-content a:hover, .view-id-view_beratersuche.view-display-id-block_2 .field-content a, .view-id-view_beratersuche.view-display-id-block_2 .field-content{ font-size: 14px; line-height: 130%; display: inline-block; } .view-id-view_beratersuche.view-display-id-block_2 .map-link-to-profile a:hover, .view-id-view_beratersuche.view-display-id-block_2 .map-link-to-profile a{ font-size: 14px; padding: 6px; padding-bottom: 7px; background: #0D64AD; color: #fff; text-decoration: none; display: block; width: 150px; text-align: center; } .view-id-view_beratersuche.view-display-id-attachment_1{ margin-bottom:50px; } .beraterlinks-menu ul li, .beraterlinks-menu ul{ display: inline-block; margin-bottom:0; } body.path-user .field--label-above .field__item { background:#fff; } body.path-user .field--name-field-berater-slogan{ font-weight: 400; margin-top: 30px; margin-bottom: 20px; } body.path-user #profil-name .field--name-field-berater-name{ font-family: Open Sans; font-weight: 400; font-size: 30px; line-height: 44px; color:#0D64AD; } body.path-user .field__label{ border-bottom: 1px solid #B8BABA; max-width: 100%; margin-bottom: 10px; text-transform: uppercase; float:none; font-weight: 400; margin-top: 30px; } body.path-user .field--name-field-berater-ff-site a, body.path-user .field--name-field-berater-ff-site a:hover, body.path-user .field--name-field-berater-druckansicht a, body.path-user .field--name-field-berater-druckansicht a:hover, body.path-user .field--name-field-berater-uebersicht a, body.path-user .field--name-field-berater-uebersicht a:hover, body.path-user .field--name-field-zur-imagebr a:hover, body.path-user .field--name-field-zur-imagebr a{ background:#0D64AD; color:#fff; font-size: 20px; text-decoration: none; letter-spacing: 0px; display: inline-block; width: auto; font-weight: 600; line-height: 120%; padding: 18px !important; padding-left: 20px !important; padding-right: 20px !important; padding-top: 16px !important; margin-top: 15px; } .field.field--name-field-berater-anfahrt-pdf.field--type-text-long.field--label-above { display: none; } /*Berater*/ .tab-content>.tab-pane { display: block; } .path-user .fade:not(.show), .path-user .fade{ opacity:1 !important; } /*Beratung*/ .bi-star-fill, .star-rating .stars_container .star_box, .star-rating .stars_container .star_bg { color: #f09300; } .comments_container article{ padding-bottom:30px; margin-bottom:40px; border-bottom: 1px dotted darkgray; overflow: hidden; } #edit-field-beratungsthema div{ float:left; padding-right: 30px; overflow:hidden; min-height:30px; margin: 0; } #edit-field-weiterempfehlen div, #edit-field-wie-bewerten-sie-die-servi div, #edit-field-wie-bewerten div, #edit-field-anrede-bewerbung div{ float:left; padding-right: 30px; overflow:hidden; min-height:30px; margin: 0; } .summenblock_container.col-sm-12, .summenblock_container .col-sm-2, .summenblock_container .col-sm-6, #block-views-block-berater-bewertung-block-1 .anzahlsterne b, #block-views-block-berater-bewertung-block-1 .containeranzahl, .comment_gefallen, .gefallen_container .col-sm-6, #bewertung-absenden, #berater-bewerten, .kommentare_ansehen .col-sm-4{ margin-left:-15px; } .summenblock_container { margin-top: 40px; margin-bottom: 60px; } #bewertung-absenden, .field_weiterempfehlen{ margin-right:-15px; } .comments_container .field--name-comment-body{ margin-bottom:20px; } .comment-berater-bewerten-form legend, #kommentar-schreiben .control-label{ display: block; width: 100%; padding: 0; margin-bottom: 10px; font-size: 21px; line-height: inherit; color: #333; border: 0; font-weight:normal; } #kommentarschreiben, #kommentarlesen{ margin-top: 40px; margin-bottom:5px; } .comment-berater-bewerten-form #edit-submit{ margin-top:30px; } .sternegelb{ float:left; margin-left:-132px; overflow:hidden; height:30px; margin-top: -3px; display: inline; white-space: nowrap; width: 125px !important; } .sternegrau .bi-star-fill { color: #bfbdbd; } .sternegrau span, .sternegelb span{ display: inline; } .sternecontainer{ float:left; margin-right:7px; width:125px;; overflow:hidden; height: 25px; } .sternegrau{ float:left; margin-right:7px; width: 125px;; overflow:hidden; height:30px; margin-top: -3px; display: inline; } .containergelb{ overflow:hidden; height:15px; display: inline; white-space: nowrap; background:#f09300; position: absolute; width: 100px; } .containergrau{ width: 100px; overflow:hidden; height:15px; display: inline; position:absolute; background:#bfbdbd; white-space: nowrap; position: absolute; } .containeranzahl{ height: 25px; overflow: hidden; } .anzahl_label{ margin-left:107px; font-size:12px; margin-top: -7px; height: 20px; } .beratercontainer{ clear:both; } .beratercontainer .profilberaterlabel{ float:left; margin-right:7px; clear:both; font-weight:400; } #block-views-block-berater-bewertung-block-1 H3{ font-weight:normal; } .gefallen_container{ margin-top:10px; margin-bottom:10px; overflow: hidden; } .beratercontainer.total_summe{ margin-top:30px; margin-bottom:30px; overflow: hidden; } #comment-form.comment-berater-bewerten-form .fieldset-legend{ font-size: 16px; font-weight:400; } #bewertunglesen H2 a.username, #bewertunglesen H2{ font-size: 30px; font-weight: 400; } #bewertunglesen b{ font-weight:400; } H2#titel_summe{ margin-bottom:5px; padding:0; } .kommentare_ansehen .field_wie_bewerten, .kommentare_ansehen .field_wie_bewerten_sie_die_servi, .kommentare_ansehen .field_weiterempfehlen{ float:left; } .form-submit::before { display: none; } body.path-user .field--label-above .field__item { padding: 0; } a.nav-link--user-login::before { display:none; } /*Intranet*/ .view-id-intranet_taxonomie.view-display-id-block_1 .view-content.row > .row { margin-bottom: 4px; overflow: hidden; } .node--type-intranet h1.title, .view-id-intranet_taxonomie.view-display-id-page_1 .views-field-title a, .sidebar h2 { margin: 0 0 0.5em; border-bottom: 0px solid #d6d6d6; padding-bottom: 5px; text-shadow: none; font-size: 30px; font-weight: 400; line-height: 44px; color: #0D64AD !important; } .sidebar h2 { font-size: 24px; margin-top: 0px; line-height: 120%; } #block-custom-barrio-views-block-intranet-taxonomie-block-1, #block-custom-barrio-hierarchicaltaxonomymenu { padding: 15px 0; } #block-custom-barrio-hierarchicaltaxonomymenu h2 { margin-top: 0px; } .node--type-intranet h1.title, .view-id-intranet_taxonomie.view-display-id-page_1 .views-field-title { padding-top:15px; margin-bottom: 17px; text-align: left; } .sidebar .block { margin: 0 15px 20px; } #block-custom-barrio-hierarchicaltaxonomymenu ul{ list-style-type: none; padding-left: 0px; } #block-custom-barrio-views-block-intranet-taxonomie-block-1 .views-row, #block-custom-barrio-hierarchicaltaxonomymenu ul li{ padding-bottom:5px; padding-top:5px; border-top: 1px solid #B8BABA; } #block-custom-barrio-views-block-intranet-taxonomie-block-1 .views-row:last-child, #block-custom-barrio-hierarchicaltaxonomymenu ul li:last-child{ border-bottom: 1px solid #B8BABA; } #block-custom-barrio-hierarchicaltaxonomymenu ul li ul li{ border-top: 0px solid #B8BABA; } .view-id-intranet_taxonomie.view-display-id-block_1 .view-footer{ margin-top:30px; } .node--type-intranet h1.title { margin-left: 20px; } .menu-item block-taxonomymenu__menu-item a:hover, .menu-item block-taxonomymenu__menu-item a, .views-field-field-intranet-link a, .views-field-field-intranet-link a:hover, .views-field-field-intranet-datei a, .views-field-field-intranet-datei a:hover, .node--type-intranet span.file a:hover, .node--type-intranet span.file a, .page-view-intranet-taxonomie span.file a:hover, .page-view-intranet-taxonomie span.file a, .view-id-intranet_taxonomie.view-display-id-page_1 .views-field-title a:hover, .view-id-intranet_taxonomie.view-display-id-page_1 .views-field-title a{ color: #0D64AD !important; width: 100%; margin:0; display: inline-block; line-height: 130%; } .file-size{ color: #727879; } #block-custom-barrio-titelintranet{ display:none; } #componentsabstand1, #componentsabstand{ margin-top:0; margin-bottom:0; } .field--name-field-titel-wv, .contact-message-sie-haben-interesse-an-einer-woh-form .page-title{ display:none; } .form-item-field-einwilligung-landingpage-value label{ font-weight:bold; } #simplenews-subscriber-validate{ width: calc(100%); margin: auto; max-width: 1220px; margin-top:30px; } #edit-manage:hover, #edit-manage{ color:#0D64AD; } /*Hover-Effekt auf Bilder*/ .field--name-field-block-bild { overflow: hidden; /* versteckt überstehendes Bild */ position: relative; } .field--name-field-block-bild img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease; } .field--name-field-block-bild.imagegreater img { transform: scale(1.1); /* 10% größer */*/ } .field--name-field-terminbuchung-ueber-anbiet a, #block-simplenewsabonnement #edit-manage{ color: #0D64AD !important; } .zusheadertext img{ margin-top:30px; margin-bottom:30px; } #zuinfos .juradirekt img { width: 100%; max-width:385px; margin-top: 30px; } article.node--type-article{ padding-top:0px; padding-left: 20px; padding-right: 20px; } .node--type-article .field--name-field-main-content p strong{ font-weight: 600; line-height: 44px; color:#0D64AD !important; padding-bottom:20px; } /*Berater-profil*/ .path-user #content article .field--name-berater-profil-profiles div >.container .row{ padding-top:40px; padding-bottom:0px; } .path-user #content article .field--name-berater-profil-profiles div .view-berater-bewertung .row{ padding-top:0px; padding-bottom:0px; } .view-id-view_beratersuche.view-display-id-block_3 .view-content.row{ padding-top:0px !important; padding-bottom:40px !important; } .view-id-view_beratersuche.view-display-id-block_3 .gm-style img { } .path-user #content article .field--name-berater-profil-profiles .bg-light .container .row, .path-user #content article .field--name-berater-profil-profiles .bg-primary .container .row{ padding-top:40px; padding-bottom:40px; } .path-user #content article .field--name-berater-profil-profiles div >.container .row.beraterlinkallgemein { padding-top: 20px; } .path-user #content article .field--name-berater-profil-profiles .row >.col-12 >img{ height: auto; width: 100%; margin-right: 0; margin-left: auto; margin-top:30px; } .path-user #content article .field--name-berater-profil-profiles .anfahrtimage .row >.col-12 >img{ height: auto; width: 100%; margin-right: 0; margin-left: auto; float: none; } .node-online-bewerbung-form{ margin-left:20px; margin-right:20px; } .node--type-intranet span.file, .page-view-intranet-taxonomie span.file{ display:block; } .node--type-intranet .sidebar_first a, .page-view-intranet-taxonomie .sidebar_first a{ font-size: 18px; line-height: 120%; display: inline-block; font-weight:400; color:#0D64AD !important; } .node--type-intranet span.file, .page-view-intranet-taxonomie span.file{ font-weight: 600; font-size: 20px; line-height: 100%; height: 100%; color: #0D64AD !important; padding: 0; padding-top: 20px; padding-bottom: 20px; display: block; padding-right: 40px; border-top: 1px solid #B8BABA; } .path-user #content article .field--name-berater-profil-profiles .bg-light{ margin-top:50px } .path-user #content article .field--name-berater-profil-profiles .bg-light:first-child{ margin-top:0px } .path-user #content article .field--name-berater-profil-profiles .container{ font-weight: 300; font-size: 24px; } .path-user #content article .field--name-berater-profil-profiles .slogan{ font-weight: 300; font-size: 18px; line-height:24px; } .path-user .profilberaterlabel{ font-weight: 500; font-size: 15px; line-height: 28px; text-transform: uppercase; border-bottom:1px solid #000; margin-bottom:5px; margin-top:20px; } .path-user .profilberaterlabel.mb-3{ margin-bottom:20px; } .path-user .profilberaterlabel:first-child{ margin-top:0px; } .path-user .col-12 a{ color:#0D64AD; } .path-user #content article .field--name-berater-profil-profiles .row >.col-12.beraterqrcode img{ width:200px; } .path-user #content article .field--name-berater-profil-profiles .row >.col-12.beraterqrcode{ padding-left:0; } .path-user #content article .field--name-berater-profil-profiles .zuinfos-innen{ margin-top:50px; margin-bottom:0px; } .path-user #content article .field--name-berater-profil-profiles .zuinfos-innen h2{ margin-bottom:0; } .path-user #content article .field--name-berater-profil-profiles .zuinfos-innen h2:first-child{ padding-bottom:0; } .path-user #content article .field--name-berater-profil-profiles .beraterqrcode img{ margin-bottom:20px; margin-left: -15px !important; } .path-user #content article .field--name-berater-profil-profiles .beraterqrcode .field--name-field-buttonlink{ margin-top:10px; /*padding:0; padding-left:15px;*/ } .path-user #content article .field--name-berater-profil-profiles .address{ } .path-user #content article .field--name-berater-profil-profiles .juradirekt img{ width:400px; } #edit-comment-body-0-format-guidelines, #edit-comment-body-0-format-help{ display:none; } .path-user #content article .field--name-berater-profil-profiles .terminvereinbarungform{ margin-bottom:30px; } .path-user .contact-message-terminvereinbarung-form{ margin-left: 25px; margin-right: 25px; } .path-user .contact-message-terminvereinbarung-form, .path-user .terminvereinbarung{ margin-bottom:70px; } .path-user article.profile .profilecontainer .container{ max-width:100%; } .path-user .container >.row{ margin-left:25px; margin-right:25px; } .path-user #bewertungschreiben small.description{ clear: both; display: block; margin-top:10px; } .path-user .container.links img:first-child{ margin-bottom:40px; } /*Berater Footer*/ .path-user .region-footer-third li, .path-user .region-footer-second li, .path-user .region-footer-first li{ display:block; padding-left:0; } .path-user .region-footer-third ul, .path-user .region-footer-second ul, .path-user .region-footer-first ul{ padding: 0; margin: 0; float: none; display: block; list-style: none; } .path-user .region-footer-third .nav-link, .path-user .region-footer-second .nav-link, .path-user .region-footer-first .nav-link{ font-size: 20px; font-weight: 600; line-height: 34px; text-align: left; color: rgba(255, 255, 255, 1); padding: 0; text-transform: uppercase; border-bottom: 0px solid #555; } .path-user .region-footer-first { width: 100%; max-width:100%; padding-right:40px; } .path-user .region-footer-second { width: 100%; max-width:100%; } .path-user .region-footer-third { width: 100%; padding-right: 0px; } #footerberaterlinks1, #footerberaterlinks{ width: auto; padding-right: 15px; padding-left: 15px; } .path-user .site-footer__top .region:nth-child(2n) { padding-left: 0px; } /*BEWERTUNGEN*/ .beraterlabel{ float:left; margin-right:7px; } #edit-field-ich-melde-mich-veranst-0-format-guidelines, #edit-field-ich-melde-mich-veranst-0-format-help{ display:none; } .field--name-field-einwilligungterminvereinba label, .field--name-field-einwilligung1 label, .field--name-field-einwilligung2 label, .field--name-field-einwilligung-ab label, .field--name-field-einwilligungdsp label, .field--name-field-einwilligung-landingpage label, .field--name-field-kontakt-einwilligung label, .field--name-field-einwilligung-veranstaltung label{ font-weight:bold; line-height: 28px; } .field--name-field-einwilligungterminvereinba label:after, .field--name-field-einwilligung1 label:after, .field--name-field-einwilligung2 label:after, .field--name-field-einwilligungdsp label:after, .field--name-field-einwilligung-ab label:after, .field--name-field-einwilligung-landingpage label:after, .field--name-field-kontakt-einwilligung label:after, .field--name-field-einwilligung-veranstaltung label:after{ content:":"; margin-left: -4px; } .field--name-field-einwilligungterminvereinba small, .field--name-field-einwilligung1 small, .field--name-field-einwilligung2 small, .field--name-field-einwilligungdsp small, .field--name-field-einwilligung-landingpage small, .field--name-field-einwilligung-ab small, .field--name-field-kontakt-einwilligung small, .field--name-field-einwilligung-veranstaltung small{ line-height: 28px; display:inline-block; } .field--name-field-view{ } .field--name-field-view .col-lg-4.views-row.row{ } #budgetrechner .spalte2{ margin-top:50px; } #block-custom-barrio-hinweiszurberatung{ margin-top:30px; } .node_add_online_bewerbung .field--name-field-ueberschrift-bewerbung-for{ margin-top:40px; } .node_add_online_bewerbung .field--name-field-ueberschrift-bewerbung-for p{ display:none; } .node--type-intranet #block-custom-barrio-content, .node--type-intranet .page-view-intranet-taxonomie #navbar-berater, .page-view-intranet-taxonomie #block-custom-barrio-content, .page-view-intranet-taxonomie #navbar-berater, .node_add_online_bewerbung #content{ margin-left:20px; margin-right:20px; } .node--type-intranet #navbar-berater, .page-view-intranet-taxonomie #navbar-berater{ margin-left:0px; margin-right:0px; } .field--name-field-kategorie-z-b-provider- a, .field--name-field-kategorie-z-b-provider- a:hover{ color:#0D64AD !important; font-weight: 600; font-size: 20px; } .field--name-field-kategorie-z-b-provider- .field__label:after{ content:": "; } #block-simplenewsabonnement #edit-message{ display:none; } /*COOKIEBanner*/ #CybotCookiebotDialog { border-radius:0; } #CybotCookiebotDialog a{ color:#0D64AD !important; } #CybotCookiebotDialog *, #CybotCookiebotDialogBodyUnderlay * { font-family: Open Sans !important; font-size: 18px; } #CybotCookiebotDialog .CybotCookiebotDialogBodyContentHeading { font-family: Open Sans !important; font-weight: 300 !important; font-size: 24px !important; line-height: 34px !important; margin-bottom: 0px !important; } #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonAccept, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonAccept, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll { background-color: #0D64AD !important; border-color: #0D64AD !important; color: #ffffff !important; border-radius:0 !important; } #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton { font-family: Open Sans !important; border: 2px solid #0D64AD !important; border-radius: 0 !important; color: #212529 !important; display: block !important; font-weight: 600 !important; height: 54px !important; padding-top: 10px !important; padding-right: 25px !important; padding-bottom: 10px !important; padding-left: 25px !important; } #CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonSlider { background-color: #727879 !important; } #CybotCookiebotDialogBodyEdgeMoreDetails a:hover, #CybotCookiebotDialogBodyEdgeMoreDetails a, #CybotCookiebotDialogBodyFieldsetInnerContainer strong{ font-family: Open Sans !important; font-weight: 500 !important; font-style: SemiBold !important; font-size: 15px !important; line-height: 28px !important; color:#141414 !important; } #CybotCookiebotDialogHeaderLogosWrapper{ display:none !important; } #CybotCookiebotDialogBodyButtonsWrapper button{ line-height:18px; }