/***************************body, top + bottom rows********************************/
body {
margin-bottom: 40px;
padding-top: 150px;
font-size:1.1875rem;
}
.logo {
margin:5px 0;
width: 114px;
}
.top-row {
height: 40px;
color:#000;
background: #d9ead3;
font-size:0.875rem;
padding-top:10px;
}
.top-row a {
color: #000;
text-decoration: none;
}
.top-row a:hover {
text-decoration: none;
}
.bg-bottom-row {
background: #d9ead3;
}
.bottom-row {
height: 40px;
color:#000;
background: #d9ead3;
font-size:1rem;
padding-top:5px;
}
.bottom-row a {
color: #000;
text-decoration: none;
}
.bottom-row a:hover {
text-decoration: none;
}
.text-copy {
font-size:1rem;
color: #000;
}
.text-copy a {
color: #000;
text-decoration: none;
}
.text-copy a:hover {
text-decoration: none;
}
.bottom-row2 {
background-color: #e0eedb;
color:#000;
}
.bottom-row2 a {
color: #000;
text-decoration: none;
margin-top:15px;
}
.bottom-row2 a:hover {
text-decoration: none;
}
.bottom-row3 {
background-color: #ecf4e9;
color:#000;
}
.bottom-row3 a {
color: #000;
text-decoration: none;
}
.bottom-row3 a:hover {
text-decoration: none;
}
.bottom-row3 li {
padding-top:10px;
}
.bottom-row3 span {
font-size: 2em;
color: #036;
}
.sitemap a {
color: #000;
text-decoration: none;
}
.sitemap a:hover {
text-decoration: none;
}
.rehabereiche {
position: fixed;
z-index:1029;
top:149px;
left: 0;
}
.btn-rehabereiche {
color:#fff;
background-color:#828c7e;
font-size:16px;
padding:8px 8px;
line-height:1.2;
border-radius:0;
border: 0px;
border-color: none;
--bs-btn-hover-border-color: none;
--bs-btn-box-shadow: 0;
--bs-btn-focus-box-shadow: 0;
}
.btn-rehabereiche:visited {
color: #fff !important;
text-decoration: none;
background-color: #828c7e!important;
}
.btn-rehabereiche:hover {
color: #000 !important;
text-decoration: none;
background-color: #fc3!important;
}
1@media all and (max-width: 767.98px) {
.btn-rehabereiche {
width: 150px;
}
}
1@media all and (min-width: 768px) {
.btn-rehabereiche {
1font-size:18px;
1padding:10px 5px;
1line-height:1.5;
1width: 290px;
font-size:16px;
padding:8px 5px;
}
}
@media all and (min-width: 1400px) {
.rehabereiche {
z-index:1900;
left: 50%;
transform: translate(-50%, -50%) !important;
top:50px;
}
.btn-rehabereiche {
line-height:1.5;
font-size:18px;
width: 290px;
padding-top:15px;
padding-bottom:15px;
}
}
.navbar{
top: 40px;
padding-top: 0px;
padding-bottom: 0px;
background: #fff;
border:0px solid #d2daee;
}
.navbar-toggler {
margin-top: 10px;
font-size:1rem;
color: #000;
}
@media (min-width: 576px) {
.navbar-toggler {
font-size:1.25rem;
}
}
.navigation {
display: inline-block !important;
}
@media (min-width: 0px) and (max-width: 575.98px) {
.navigation {
display: none !important;
}
body {
padding-top: 130px;
}
.logo {
margin:5px 0;
width: 90px;
}
.rehabereiche {
position: fixed;
z-index:1029;
top:129px;
left: 0;
}
}
/**************************Menu mobile standard**********************************************/
/********************************************************************************************/
#topnav .nav-link,
.navbar-light .navbar-nav .nav-link {
color: #000;
padding: 10px 10px;
font-size: 1.1875rem;
}
/*********Activ link und toggle, zu + offen*******************************/
/******************************************************************************/
.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .nav-link.show {
color: #fff!important;
background-color: #565d54;
}
/*********Activ link und toggle, zu + offen*******************************/
/******************************************************************************/
#topnav .active > .nav-link,
#topnav .nav-link.active,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.active {
color: #fff!important;
background-color: #565d54;
}
/*********max höhe navbar mobile**********************************/
/******************************************************************************/
@media (max-width: 1399.98px) {
.fixed-top .navbar-collapse {
max-height: 55vh;
overflow-y: auto;
}
}
 /*********dropdown + megamenu*************************************/
/******************************************************************************/
.ddmenu-style{
border-radius: 0px;
border: 0px;
margin-top: 0px !important;
background-color: #565d54 !important;
}
.dropdown-item {
color: #fff!important;
font-size: 1.125rem!important;
}
.dropdown-item.active,
.dropdown-item:active {
color: #000!important;
text-decoration: none;
background-color: #d2daee;
}
.dropdown-item.active:hover,
.dropdown-item:active:hover {
color: #000!important;
text-decoration: none;
background-color: #d2daee!important;
}
.dropdown-item:focus,
.dropdown-item:hover {
color: #fff!important;
text-decoration: none;
background-color: #565d54!important;
}
.dropdown-menu-end {
right: 0;
left: auto;
}
/***************************************************************************************************1400***********************/
/******************************************************************************************************************************/
@media (min-width: 1400px) {
body {
padding-top: 180px;
}
.logo {
width: 100%;
}
/*********hover + fade***********************************/
/******************************************************************************/
.itemhover {
background-color: transparent;
}
.dropdown:hover .itemhover {
color: #fff!important;
background-color: #565d54;
transition: 1s;
}
.navbar .nav-item:hover .dropdown-menu {
display: block;
}
.navbar-nav {
margin-top: 90px;
}
#topnav .nav-link,
.navbar-light .navbar-nav .nav-link{
padding: 11px 20px;
}
#topnav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:hover {
color: #fff;
background-color: #565d54;
}
/*********Activ link und toggle, zu + offen*******************************/
/******************************************************************************/
#topnav .active > .nav-link,
#topnav .nav-link.active,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.active {
color: #036!important;
background-color: #d2daee;
}
}
/*****************************************************************************************************1600*********************/
/******************************************************************************************************************************/
@media (min-width: 1600px) {
#topnav .nav-link,
.navbar-light .navbar-nav .nav-link{
padding: 11px 25px;
}
}
.breadcrumb {
background-color: #f6f6f6;
height:25px;
}
.breadcrumb-item {
padding-left: 5px;
font-size:.875rem;
}
.breadcrumb {
--bs-breadcrumb-item-padding-x: 0.375rem;
}
.breadcrumb-item + .breadcrumb-item::before {
content: var(--bs-breadcrumb-divider, "|")
}
.btn-infos{
background-color: #036;
border-radius: 0;
font-size: 18px;
margin-top:5px;
margin-bottom:30px;
}
/******************************************************************************************************************************/
.bg-infos {
background-color: #ecf4e9;
padding:20px 0 10px 5px;
}
.bg-infos p{
font-size: 1.125rem;
line-height: 1.3;
}
.bg-infos a {
text-decoration: none;
}
.bg-infos .btn-infos{
background-color: #036;
border-radius: 0;
font-size: 1.125rem;
margin-top:10px;
margin-bottom:40px;
}
.pat {
margin-top: 0;
margin-bottom: 0.5rem;
font-weight: 500;
line-height: 1.2;
font-size: 1.75rem;
}
@media (min-width: 1400px) {
.bg-infos {
margin-right:0px;
}
}
/******************************************************************************************************************************/
/****************************************************************************************************off canvas*****************/
/******************************************************************************************************************************/
.bg-off {
background-color: #ecf4e9;
}
.bg-off-dd {
background-color: #d9ead3! important;
color: #000;
}
.list-group-flush > .list-group-item {
border-width: 0 ;
}
.list-group-item-action {
color: #000;
background-color: #ecf4e9;
}
.list-group-item-action:hover, .list-group-item-action:focus {
color: #000;
background-color: #ecf4e9;
}
.list-group-item-action.active {
color: #fff;
background-color: #828c7e! important;
}
.list-group-item {
border: 0;
}
/******************************************************************************************************************************/
1.social-top-col-flex {
width: calc(100%/8);
}
.social-top-col-flex {
width: calc(100%/7);
}
.social-top{
position: fixed;
width: 100vw;
top:0px;
height:40px;
z-index:1040;
}
.social-top a{
display: block;
padding-top: 10px;
color: #fff;
text-align: center;
border-radius: 0px;
text-decoration:none;
font-size: 0.875rem;
line-height:1.1;
}
.social-top i{
font-size: 18px;
color: #fff;
}
@media (min-width: 992px) {
.social-top a{
padding-top: 5px;
background: transparent;
}
.social-top i{
font-size: 16px;
}
}
.social{
position: fixed;
height: 100vh;
background: transparent;
right:0;
top:180px;
z-index:1021;
transform: translate(280px, 0);
}
.social-all{
display: block;
transition: 1s;
transition: opacity 0.5s, transform 0.5s;
transition-property: transform;
background: #036;
font-weight: 400;
font-size: 1rem;
text-decoration: none;
width: 340px;
text-align: left;
border-radius: 0px;
border-color:#fff!important;
}
.social-all:hover{
transform: translate(-160px, 0);
}
.social a{
display: block;
transition: 1s;
transition: opacity 0.5s, transform 0.5s;
transition-property: transform;
background: #036;
font-weight: 400;
font-size: 1rem;
text-decoration: none;
padding: 17px 15px 17px 15px;
width: 340px;
text-align: left;
border-radius: 0px;
border-color:#fff!important;
}
.social i{
margin-right: 10px;
margin-left: 10px;
font-size: 1.25rem;
width:30px;
}
.fa-hzr{
font-size: 12px!important;
}
.social a:nth-child(1),
.social a:nth-child(3),
.social-top-bg-1,
.social-top-bg-3 {
color: #fff !important;
background:#828c7e;
}
.social a:nth-child(2),
.social a:nth-child(4),
.social-top-bg-2,
.social-top-bg-4 {
color: #fff !important;
background: #97a393;
}
1.social a:nth-child(3),
1.social-top-bg-3,
1.social-top-bg-3 a,
1.social-top-bg-3 i {
color: #036 !important;
background: #fc3;
}
.social a:nth-child(5),
.social-top-bg-5,
.social-top-bg-5 a,
.social-top-bg-5 i {
color: #000 !important;
background: #adbba8;
}
.social a:nth-child(6),
.social-top-bg-6,
.social-top-bg-6 a,
.social-top-bg-6 i {
color: #000 !important;
background:#c3d2bd;
}
.social a:nth-child(7),
.social-top-bg-7,
.social-top-bg-7 a,
.social-top-bg-7 i {
color: #000 !important;
background:#d9ead3;
}
.social a:nth-child(8){
color: #000 !important;
background: #d2daee;
}
@media (max-width: 767.98px) {
.con-sh {
--bs-gutter-x: 2.5rem;
}
}
@media (min-width: 768px) and (max-width: 1399.98px) {
.con-sh {
--bs-gutter-x: 5.5rem;
}
}
@media (min-width: 1400px) and (max-width: 1599.98px) {
.con-sh {
--bs-gutter-x: 5.125rem;
}
}
@media (min-width: 1600px) {
.con-sh {
max-width: 1500px!important;
}
}
.bg-blau {
background-color: #036;
}
.bg-gelb {
background-color: #fc3;
}