/Projektstile für Raiba, modifiziert für fluid-styled-content 6.5.17, 
modifiziert für Typo3 9.5 Oktober 2019, modifiziert für Immo in Hauptmenü Herbst 2023*/

* {
  margin:0;
  padding:0;
}

/*
html {
 background: purple;
}
*/


body { 
/* alte Browser Farbverlauf: */
/* vorher #92b1c9 */
background-image: -webkit-linear-gradient(top, #9fd3ff 0%, white 5%); 
background-image: -moz-linear-gradient(top, #9fd3ff 0%, white 5%); 
background-image: -o-linear-gradient(#9fd3ff 0%, white 5%); 
background-image: linear-gradient(#9fd3ff 0%, white 5%);
/* moderner Farbverlauf: */
background-image: linear-gradient(to bottom, #9fd3ff 0%, white 200px, white 100%); 
}

@media (max-width: 992px){
body { 
/* alte Browser Farbverlauf: */
background-image: -webkit-linear-gradient(top, #9fd3ff 0%, white 2%); 
background-image: -moz-linear-gradient(top, #9fd3ff 0%, white 2%); 
background-image: -o-linear-gradient(#9fd3ff 0%, white 2%); 
background-image: linear-gradient(#9fd3ff 0%, white 2%);
/* moderner Farbverlauf: */
background:linear-gradient(to bottom, #9fd3ff 0%, white 150px, white 100%); 
}
}
@media (max-width: 768px){
body { 
/* alte Browser Farbverlauf: */
background-image: -webkit-linear-gradient(top, #9fd3ff 0%, white 1%); 
background-image: -moz-linear-gradient(top, #9fd3ff 0%, white 1%); 
background-image: -o-linear-gradient(#9fd3ff 0%, white 1%); 
background-image: linear-gradient(#9fd3ff 0%, white 1%);
/* moderner Farbverlauf: */
background:linear-gradient(to bottom, #9fd3ff 0%, white 100px, white 100%); 
}
}


html {   height: auto; }
body {
  height: auto;
  
  /* vorher: 100% - Seite war immer 100% hoch, auch wenn weniger Inhalt - Footer klebte unten, dazwischen Lücke */
  border-top: 3px solid #f37122;
  overflow-x: hidden;
  }
  
/* container kleiner - Anfang */
.container {
max-width: 1140px !important;
padding: 0 !important;
}
.row {
max-width: 1140px;
margin: 0;
padding: 0;
}
/* container kleiner - Ende */
/*------------------responsive images Anfang ---------------------*/
img {
  height: auto;
  width: auto;
  max-width: 100%;
  
  /* neu für z.B. großes Bild bei Wir für Sie - Anfang 
  overflow: visible;
  neu für z.B. großes Bild bei Wir für Sie - Ende */
  display: block;
  
  border-radius: 4px;
  /*
  -moz-box-shadow: 2px 2px 2px #888;
  -webkit-box-shadow: 2px 2px 2px #888;
  box-shadow: 2px 2px 2px #888;
  */
}

/* -----------------responsive images Ende-----------------------*/
ul,ol {margin-left: 2em;}
/*link color*/
a {
  color: #0121A3;
}
/* Wrapper for page content to push down footer */
#wrap {
  /*min-height: 100%;*/
  height: auto !important;
  /* Negative indent footer by its height */
  margin: 0 auto -80px;
  /* Pad bottom by footer height */
  padding: 0 0 80px; /*padding nur unten */
  
}

/* --------------------------------Footer Formatierung Anfang
/* Set the fixed height of the footer here */
footer {
  height: 180px;
  
  text-align: center;
  
}
footer .container .infoSpalte{
text-align: left; 
}
footer .container .infoSpalte .footHeadline{
font-weight: bold;
font-size: 70%;
}
footer .container .infoSpalte .footLink,
footer .container .infoSpalte .footText
{

font-size: 70%;
}

.footLink a:hover,
.footLink a:focus,
.footLink a:active{
color: #f37122;
}
.footLink a:focus-visible{
color: #f37122;
outline: 2px dashed currentColor;
outline-offset: 2px;
}

footer > .container {
  padding-left: 0px;
  padding-right: 0px;
}

.infoBox {
  
  border: 1px solid #ccc;
  border-radius: 4px;
  -moz-box-shadow: 2px 2px 2px #888;
  -webkit-box-shadow: 2px 2px 2px #888;
  box-shadow: 2px 2px 2px #888;
}

/* Breite Container für infoBox: ---------------Anfang */

.infoBox{
    
  max-width: 1140px !important;
  padding:10px 15px 0 15px !important;
  margin: -20px auto 10px auto !important;
    }

@media (min-width:768px) {
    .infoBox{
        max-width: 720px;
    }
}
@media (min-width:992px) {
    .infoBox{
        max-width: 940px;
    }
}
@media (min-width:1200px) {
    .infoBox{
        max-width: 1140px;
    }
}
@media (max-width:768px) {
    .infoBox{
        margin: 0 auto !important;
    }
    .infoBox .infoSpalte p{
    display: block;
    margin-top: 20px;
    margin-bottom: 20px;
   
    }
    
}

@media (width:768px) {
    .infoBox{
        max-width: 720px;
        margin: 0 auto !important;
        
    }
}


/* Breite Container für infoBox: ---------------Ende */

/* Inhalte responsive: */

@media screen and (max-width: 343px) {

.infoBox .infoSpalte{
  overflow: hidden;
  font-size: 70%;
}
}

/* editierbarer Teil des Footers */
.editfooter{
margin: 0 auto;
/* gegen blaue Ecken unten bei langen Seiten: */
/* max-width: 1140px !important; */
text-align: center;
background: #fff; 
}
.editfooter p{
display: block;
margin: 20px auto;

}


/* --------------------------------Footer Formatierung Ende */

.marginbottom {margin-bottom: 1.5em;}

  .floatright {
    float: right;
  }
  
/* Logo Formatierung -Anfang */
  img.logo {
        position:relative;
        padding-right: 10px !important;
        
    }
/* neu: für kleinere Displays - Anfang */
@media (max-width: 767px) {
.headlogo{
text-align: left;
}
}
/* neu: für kleinere Displays - Ende */

/* neu: für iPad Portrait - Anfang */
@media (min-width: 768px) and (max-width: 768px){
.header-container img{
padding-top: 6px;
}
}
/* neu: für iPad Portrait - Ende */

/* Logo Formatierung -Ende */

/* ---Language Menu --- */
ul.flagmenu {
  margin: 0;
  padding: 0;
  max-height: 2em;
  overflow: hidden;
}
.flagmenu li {
  padding: 1em 0 0 5px;
  margin: 0;
  list-style: none;
  float: right;
  font-size: 90%;
  color: #ccc;
}
.flagmenu li a, .flagmenu li span {
  text-decoration: none;
  display: block;
  text-indent: -9999px;
}

.flagmenu.noflags li a, .flagmenu.noflags li span {
    text-indent: 0;
    display:inline;
}

.flagmenu.noflags li + li:after {
    content: "|";
    padding: 0 0 0 5px;
    color: #ccc;
}

.flagmenu.noflags li {
    padding-top: 0.5em;
}

.flagmenu a.flags, .flagmenu span.flags {
  width: 20px;
  height: 20px;
  background: url(https://raiba-pfaffenhofen.de/fileadmin/Raiba/Resources/Images/flagsprite.gif) no-repeat 0 0;
}
.flagmenu a.flags0 {
  background-position: 0 0;
}
.flagmenu span.flags0 {
  background-position: -20px 0;
}
.flagmenu a.flags1 {
  background-position: 0 -20px;
}
.flagmenu span.flags1 {
  background-position: -20px -20px;
}

/*css styled content*/
.csc-textpic-intext-right-nowrap .csc-textpic-text {
  margin-right: 0 !important;
}

.csc-textpic-intext-left-nowrap .csc-textpic-text {
  margin-left: 0 !important;
}

/* --------------ab 420 Pixel Breite - Anfang */
/* css-styled-content Anfang */
@media screen and (min-width: 421px) {
  .csc-textpic-intext-left > .csc-textpic-imagewrap,
  .csc-textpic-intext-left-nowrap > .csc-textpic-imagewrap,
  .csc-textpic-intext-right-nowrap > .csc-textpic-text{
    float: left;
    width: 50%;
  }

  .csc-textpic-intext-left-nowrap > .csc-textpic-text,
  .csc-textpic-intext-right > .csc-textpic-imagewrap,
  .csc-textpic-intext-right-nowrap > .csc-textpic-imagewrap {
    float: right;
    width: 50%;
  }
  .csc-textpic-intext-left .csc-textpic-imagewrap {
    margin-right: 10px;
  }

  .csc-textpic-intext-right .csc-textpic-imagewrap {
    margin-left: 10px;
  }
}
/* css-styled content Ende */
/* fluid-styled-content Anfang flu */
@media screen and (max-width: 420px) {
  .ce-textpic.ce-left.ce-intext > .ce-gallery,
  .ce-textpic.ce-left.ce-intext.ce-nowrap > .ce-gallery,
  .ce-textpic.ce-right.ce-intext.ce-nowrap > .ce-gallery{
    float: none;
    width: 100%;
    max-width: 100% !important;
   margin: 0 auto;
   padding: 0;
  }
 .ce-textpic.ce-left.ce-intext .ce-column{
  float: none;
  }
 .ce-textpic.ce-left.ce-intext .ce-column img{
  margin: 0 auto;
  }

  .ce-textpic.ce-left.ce-intext > .ce-bodytext,
  .ce-textpic.ce-left.ce-intext.ce-nowrap > .ce-bodytext,
  .ce-textpic.ce-right.ce-intext.ce-nowrap > .ce-bodytext {
    float: none;
    width: 100%;
  }
  .ce-textpic.ce-left.ce-intext > .ce-gallery {
    margin-right: 10px;
  }

 .ce-textpic.ce-right.ce-intext > .ce-gallery {
    margin-left: 10px;
  }
}

@media screen and (min-width: 421px) {
  .ce-textpic.ce-left.ce-intext.ce-nowrap > .ce-gallery,
  .ce-textpic.ce-right.ce-intext.ce-nowrap > .ce-gallery{
    float: left;
    width: 50%;
  }

  .ce-textpic.ce-left.ce-intext.ce-nowrap > .ce-bodytext,
  .ce-textpic.ce-right.ce-intext.ce-nowrap > .ce-bodytext {
    float: right;
    width: 50%;
  }
  .ce-textpic.ce-left.ce-intext > .ce-gallery {
    margin-right: 10px;
  }

 .ce-textpic.ce-right.ce-intext > .ce-gallery {
    margin-left: 10px;
  }
}
/* fluid-styled content Ende */
/* ----------ab 420 Pixel Breite - Ende */

.csc-textpic:before, .csc-textpic-imagewrap:before,
.csc-textpic:after, .csc-textpic-imagewrap:after {
  content: "";
  display: table;
}

.csc-textpic:after, .csc-textpic-imagewrap:after {
  clear: both;
}

.csc-textpic-imagewrap img, .csc-textpic-imagerow img {
  border: medium none;
  margin-bottom: 0;
  vertical-align: bottom;
}

.csc-textpic-imagecolumn {
  max-width: 100%;
  float: left;
}

.csc-textpic-imagecolumn.csc-textpic-col,
.csc-textpic-imagecolumn.csc-textpic-lastcol {
  margin-right: 0;
}

.csc-textpic-left > .csc-textpic-imagewrap {
  text-align: left;
}

.csc-textpic-intext-left-nowrap .csc-textpic-text {
  margin-left: auto !important;
}

.imagewidth30 .csc-textpic-intext-left-nowrap > .csc-textpic-text {
  width: 70%;
}

.imagewidth15 .csc-textpic-intext-left-nowrap > .csc-textpic-text {
  width: 83.3333333333%;
}

.csc-textpic-center img {
  margin: 0 auto;
}

.csc-textpic-center > .csc-textpic-text {
  text-align: left;
}

.csc-textpic-caption {
  margin-bottom: 20px;
}

[data-csc-cols="1"] .csc-textpic-imagecolumn {
  max-width: 100%;
}

[data-csc-cols="2"] .csc-textpic-imagecolumn {
  max-width: 50%;
}

.csc-textpic-below figure,
.csc-textpic-above figure {
  margin: 0 0 20px 0;
}

.csc-textpic-imagewrap figure,
.csc-textpic-imagewrap figure{
  margin: 0 10px 20px 10px;
}
.csc-textpic-imagewrap {
  margin: 0 -10px;
}
/* flu - A */
/* .ce-media{ */
figure.image {
  margin: 0 10px 20px 10px;
}
#page-1 figure.image{
margin: 0 ;
}
#page-1 #c611 figure.image{
margin: 0 10px 0 10px ;
}

.ce-gallery {
  margin: 0 -10px;
}
/* aber Ausnahmen: */
/* Visitenkarten Photo */
.mitarbeiter1 .col-md-4 .frame-layout-0 > .frame-layout-0 .ce-gallery{
margin : 0;
}
/* flu - E */

div.csc-textpic, div.csc-textpic div.csc-textpic-imagerow, ul.csc-uploads li {
  overflow: hidden;
}

.csc-textpic-intext-left ol, .csc-textpic-intext-left .csc-textpic-text ul {
  overflow: auto;
}

[data-csc-cols="2"] .csc-textpic-imagecolumn {
  width: 50%;
}
[data-csc-cols="3"] .csc-textpic-imagecolumn {
  width: 33.3%;
}
[data-csc-cols="4"] .csc-textpic-imagecolumn {
  width: 25%;
}


div.csc-frame-rulerBefore {
  border-top: 1px solid #ccc;
  margin: 1.5em 0 0 0;
}
div.csc-frame-rulerAfter {
  border-bottom: 1px solid #ccc;
  margin: 0 0 1.5em 0;
}
div.csc-frame-indent {
  padding-left: 100px;
}
div.csc-frame-indent3366 {
  padding-left: 33%;
}
div.csc-frame-indent6633 {
  padding-right: 33%;
}
.csc-frame-frame1 {
  /*background-color: #f5f5f5;*/
  padding: 1.5em;
  margin-bottom: 1.5em;
}
.layout2 .csc-frame-frame1 {min-height: 20em;}
.csc-frame-frame2 {
  /*background-color: #414141;*/
  padding: 1.5em;
  margin-bottom: 1.5em;
  color: #fff;
}
.csc-frame h1, .csc-frame h2, .csc-frame h3, .csc-frame h4, .csc-frame h5 {
  margin-top: 0;
}

.csc-uploads:before,
.csc-uploads:after {
  content: "";
  display: table;
}

.csc-uploads:after {
  clear: both;
}
ul.csc-uploads {margin: 0 0 20px 0;}

ul.csc-uploads li {border-bottom: 1px solid #ccc;}

ul.csc-uploads span {
  display: block;
}
ul.csc-uploads span.csc-uploads-description {
  width: 80%;
  float: left;
}
ul.csc-uploads img {
  width: auto;
  float: left;
  margin-right: 6px;
}
ul.csc-uploads span.csc-uploads-fileSize {
  width: 20%;
  text-align: right;
  float: right;
}
table {
  width: 100%;
}

/* Anpassungen für form */
.csc-form-element-submit input,
.csc-form-confirmation-false input,
.csc-form-confirmation-true input{
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.csc-form-element-submit input:focus,
.csc-form-confirmation-false input:focus,
.csc-form-confirmation-true input:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.csc-form-element-submit input:hover,
.csc-form-element-submit input:focus,
.csc-form-confirmation-false input:hover,
.csc-form-confirmation-true input:hover,
.csc-form-confirmation-false input:focus,
.csc-form-confirmation-true input:focus {
    color: #333333;
    text-decoration: none;
}

.csc-form-element-submit input:active,
.csc-form-element-submit input  .active,
.csc-form-confirmation-false input:active,
.csc-form-confirmation-true input:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.csc-form-confirmation-false input {background:red; color:#fff;}
.csc-form-confirmation-true input {background:#228811; color:#fff;}
.csc-form-confirmation li { float:left;}
.btn {height: 34px;}

/* Menü: Aktiven Menüpunkt highlighten (auch auf Startseite) - Anfang */
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus,
#page-1 .navbar-default .navbar-nav > .menuid-119 > a, 
#page-1 .navbar-default .navbar-nav > .menuid-119 > a:hover, 
#page-1 .navbar-default .navbar-nav > .menuid-119 > a:focus{
    color: #777 !important;
    background: transparent;
}
.navbar-default .navbar-nav > .active > a:focus-visible,
#page-1 .navbar-default .navbar-nav > .menuid-119 > a:focus-visible {
    color: #777 !important;
    background: transparent;
    outline: 2px dashed currentColor;
    outline-offset: 2px;
}
.navbar-default .navbar-nav > .active > a .caret,
#page-1 .navbar-default .navbar-nav > .menuid-119 > a .caret {
    border-top-color: #777 !important;
    border-bottom-color: #777 !important;
}

/* Menü: Aktiven Menüpunkt highlighten - Ende */

/* rootline navigation */
ul.breadcrumb {
    margin-left:0;
    font-size:80%;
    padding: 0;
    background-color: transparent;
}

@media only screen and (max-width:520px) {
    /*ul.breadcrumb { display:none; }*/
  ul.breadcrumb {
    
    font-size:60% !important;
    
  }
}
@media only screen and (max-width:480px) {
    /*ul.breadcrumb { display:none; }*/
  ul.breadcrumb {
   
    font-size:50% !important;
   
  }
}

/* news pagination */
.page-navigation {
    font-size:80%;
    text-align: center;
}

.news .page-navigation p {
    float: none;
}

.news .page-navigation ul {
    float: none;
    margin: 0;
}

.news .page-navigation ul li {
    float: none;
    display: inline;
}

.news .page-navigation ul li a {
    display: inline;
    padding: 1px 2px;
}

/* adustments for print */
@media print {

    .news .article .news-img-wrap a, .news-list-view .dl-horizontal dt a {
        padding: 0;
        border: 0 none;
    }

}

/*----------------------------------------------------------------------------------------------------------------
/* Styles für Raiba - Anfang 
/* --------------------------------------------------------------------------------------------------------------*/

/* Topheader Breite 1140, Höhe variabel, hier 160 */
.topheader {
margin-top: 20px !important;
margin-bottom: 20px !important;
}


/* für das 3er Spaltenelement */
h2, .h2 {font-size: 1.3em;}

/* für das Servicemenü -Anfang */

@media (max-width:767px){
.servmenu .navbar{ min-height: 18px; z-index: 50 !important;}
.servmenu .navbar-collapse.collapse {
        /*text-align: center;  um Servicemenü zu zentrieren */
       
}
.servmenu .navbar-nav {
    /*display: inline-block;  um Servicemenü zu zentrieren */
    /*float: none;  um Servicemenü zu zentrieren */
    float: left;
    text-align: left;
    margin: 0;
}
.servmenu .navbar-nav  li a{
    font-size: 0.7em;
    color: #777;
    
    padding: 0.1em 0.3em;
    line-height: 22px;
}
.servmenu .navbar-toggle{
    float:left;
  border: 1px solid #f37122;
}

/* highlighten Servmenü: */
.servmenu .navbar-default .navbar-nav > .active > a, 
.servmenu .navbar-default .navbar-nav > .active > a:hover, 
.servmenu .navbar-default .navbar-nav > .active > a:focus,
.servmenu .navbar-nav li a:hover, 
.servmenu .navbar-nav li a:focus {
    color: #f37122;
   
}
.servmenu .navbar-default .navbar-nav > .active > a:focus-visible,
.servmenu .navbar-nav li a:focus-visible {
    color: #f37122;
    outline: 2px dashed currentColor;
    outline-offset: 2px;
}

} /* media bis 767 */

@media (min-width:768px){
.servmenu .navbar{ min-height: 18px; z-index: 50 !important;}
.servmenu .navbar-collapse.collapse {
        text-align: center;  /*um Servicemenü zu zentrieren */
       
}
.servmenu .navbar-nav {
    display: inline-block;  /*um Servicemenü zu zentrieren */
    float: none;  /*um Servicemenü zu zentrieren */
   
    margin: 0;
}
.servmenu .navbar-nav  li a{
    font-size: 0.7em;
    color: #777;
    
    padding: 0.1em 0.3em;
    line-height: 22px;
}
.servmenu .navbar-toggle{
    float:left;
  border: 1px solid #f37122;
}
} /* media ab 768 */
/* für das Servicemenü -Ende */

/* Aufruf Menüs für xs-Anzeige - barrierefrei (ohne Javascript) - Anfang */
.hauptmenu .menuLink a, .servmenu .imprLink a{
color: #777;
text-decoration: none !important;
font-size: 70%;
}
.hauptmenu .menuLink a:hover,
.hauptmenu .menuLink a:focus,
.servmenu .imprLink a:hover,
.servmenu .imprLink a:focus{
color: #f37122;
}
.hauptmenu .menuLink a:focus-visible,
.servmenu .imprLink a:focus-visible{
color: #f37122;
outline: 2px dashed currentColor;
outline-offset: 2px;
}
/* hauptmenu link */


.hauptmenu .menuLink a{
display: inline-block;
margin-top: 8px;
}


/* servmenu link */
.servmenu .imprLink{
display: inline-block;
background: #f5f5f5 url(../Images-Admin/LayoutBilder/orangePfeil.png) 0px 9px no-repeat;
margin: 0px auto 2px 0px;
padding-left: 0px;
}
.servmenu .imprLink a{
padding-left: 6px;
}
/* Aufruf Menüs für xs-Anzeige - barrierefrei - Ende */


/* Container für Hauptmenü: ---------------Anfang */
.hauptmenu .navbar-default{
  padding:0 !important;
 
    }

.hauptmenu .navbar-nav{
   
  max-width: 1140px !important;
  padding:0 !important;
  margin: 0 -15px !important;
    }

/*------------------Anfang  xs: Dropdown anders formatiert */
@media (max-width:767px){ 
.hauptmenu {
/*background: yellow;*/ 
height: auto !important;
}
.hauptmenu .navbar-nav,
.hauptmenu .navbar-default {
background: #ccc; 
height: auto !important;
border-top: 1px solid #777;
border-right: 1px solid #777;
border-bottom: 1px solid #777;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}

.hauptmenu .navbar-default .navbar-nav > .active > a, 
.hauptmenu .navbar-default .navbar-nav > .active > a:hover, 
.hauptmenu .navbar-default .navbar-nav > .active > a:focus,
.hauptmenu .navbar-nav li a:hover, 
.hauptmenu .navbar-nav li a:focus {
    color: #f37122;
   }
.hauptmenu .navbar-default .navbar-nav > .active > a:focus-visible,
.hauptmenu .navbar-nav li a:focus-visible {
    color: #f37122;
    outline: 2px dashed currentColor;
    outline-offset: 2px;
}

.navbar-collapse-hauptmenu.in{
/*background: red;*/
height: auto !important;
overflow: visible !important;
 }
ul .nav .navbar-nav,
li .dropdown .open{
height: auto !important;
}
/* Seitenverweise mit Pfeil */
ul .dropdown-menu li{
background: #f5f5f5  url(../Images-Admin/LayoutBilder/orangePfeil.png) 24px 22px no-repeat !important;
}
.navbar-collapse-servmenue{
margin-left: -20px !important;
}
.navbar-collapse-servmenue .navbar-nav{
background: #ccc;
border-top: 1px solid #777;
border-right: 1px solid #777;
border-bottom: 1px solid #777;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.navbar-collapse-servmenue .navbar-nav li{
background: transparent  url(../Images-Admin/LayoutBilder/orangePfeil.png) 0px 8px no-repeat !important;
padding-left: 3px;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 10px;
padding-right: 5px;
}
/* Menüpunkte 2. Menüebene: größere Schrift, größerer Abstand */


.navbar-collapse-hauptmenu.in .navbar-nav li.dropdown.open li a{
 line-height: 40px;
 margin-left: 5px;
  
 }

/* Menüpunkte 2. Menüebene current: ohne Background-Markierung */
.navbar-collapse-hauptmenu.in .navbar-nav li.dropdown.open li.active a.current{
background: transparent !important;
/*font-weight: bold;*/
color: #f37122;
}

 /* aktiver dropdown-link: */
li.dropdown.open a.dropdown-toggle{
display: inline-block;
/* cssval
border: none;
border-radius: none;
*/
border: 0;
border-radius: 0;
background: transparent !important;
font-weight: bold;
color: #f37122 !important;
}


}

/*------------------Ende  xs: Menü linksbündig, li anders formatiert */

/*------------------Anfang  sm, md, lg: Hauptmenü zentrieren: */ 
 
@media (min-width:768px){ 
.hauptmenu .navbar-collapse-hauptmenu {
text-align: center; /* um Hauptmenü zu zentrieren */ 
}
}

/*------------------Ende  sm, md, lg: Hauptmenü zentrieren: */ 

/* Standardformatierung entfernen: */
.hauptmenu .navbar-default, .servmenu .navbar-default{
  background: none;
  border: none;
}
/* Menü in orange */
.hauptmenu li a{
  color: #f37122 !important;
}

.hauptmenu li a:hover,
.hauptmenu li a:focus,
.hauptmenu li a:active{
  color: #777 !important;
 }
.hauptmenu li a:focus-visible{
  color: #777 !important;
  outline: 2px dashed currentColor;
  outline-offset: 2px;
}

/* ------------------------------------------------Menü über ganze Breite - Anfang */
.hauptmenu .navbar-collapse{
padding-left: 0;
padding-right: 0;
}

.hauptmenu .navbar-nav{
width: 100%;
}



/*------------------------------------------------ Menü über ganze Breite - Ende */

.hauptmenu .navbar-nav {
    display: inline-block; /* um Hauptmenü zu zentrieren */
    float: none !important; /* um Hauptmenü zu zentrieren */
    margin: 0;
}
/* --------------Anfang Menü Buttons im kleinen Display < 767px: -------------------- */ 
.hauptmenu .navbar-header .xs_navi_container{
	margin: 5px 0 !important;
	border: 1px solid #ccc;
	border-radius: 4px;
	background: #f5f5f5;
	padding: 5px;
	height: 45px;
}
.hauptmenu .navbar-header .xs_navi_container .menu_button{
	margin: 0 !important;
	padding: 0 !important;
}
.hauptmenu .navbar-header .xs_navi_container .altern_menu{
	margin: 0;
	padding: 0;
	text-align: right;
}
.hauptmenu .menuLink{
background: #f5f5f5 url(../Images-Admin/LayoutBilder/orangePfeil.png) 12px 13px no-repeat;
/*padding:0 15px;*/
padding: 0 12px 0 18px;
margin: 0 -2px 0 auto;
border: 1px solid #ccc;
border-radius: 4px;
height: 34px;
display: inline-block;
}
/* Für Bildschirmgröße mini: */
@media screen and (max-width: 319px) {
.hauptmenu .menuLink{
background: #f5f5f5 url(../Images-Admin/LayoutBilder/orangePfeil.png) 13px 12px no-repeat;
padding:0 11px 0 19px;
font-size: 80%;
height: 32px;
}
.hauptmenu .menuLink a{
margin-top: 10px;
}
/* Alt. Menü Anfang */
.altern_menu .menuLink{
background: #f5f5f5 url(../Images-Admin/LayoutBilder/orangePfeil.png) 13px 11px no-repeat !important;
padding:0 11px 0 19px;
font-size: 80%;
height: 32px;
}
.altern_menu .menuLink a{
margin-top: 8px;
}
/* Alt. Menü Ende */
} /* Ende Bildschirmgröße mini */


.hauptmenu .navbar-toggle{
  float: left;
  border: 2px solid #f37122;
 
}


.hauptmenu .navbar-toggle{
    background: #f5f5f5 url(../Images-Admin/LayoutBilder/orangePfeil.png) 23px 12px no-repeat;
    margin: 0 !important;
    padding: 0;
    height: 34px;
    width: 100px;
}
.hauptmenu .navbar-toggle .collapse_menu{
	display: inline-block;
    margin-top: 2px !important;
    margin-left: 4px !important;
    color: #333;
    font-weight: bold;
}
.hauptmenu .navbar-toggle:hover .collapse_menu,
.hauptmenu .navbar-toggle:focus .collapse_menu{
	color: #f37122;
	}
.hauptmenu .navbar-toggle:focus-visible .collapse_menu{
	color: #f37122;
	outline: 2px dashed currentColor;
        outline-offset: 2px;
}

/* servmenu */
.servmenu .xs_service_container{
    border: 1px solid #ccc;
    border-radius: 4px;
    background: #f5f5f5;
    height: 35px;
    padding: 0;
}
.servmenu .service_button{
    margin: -5px auto auto -12px !important;
}
.servmenu .altern_service{
	text-align: right;
	margin: 0 5px 0 0;
	padding: 0;
	overflow: visible;
	float: right;
}
 .servmenu .service_switch{
    text-align: center;
    margin: 4px -2px auto auto;
    border: 1px solid #ccc;
    border-radius: 4px;
    /*background: #f5f5f5 url(../Images-Admin/LayoutBilder/orangePfeil.png) 13px 9px no-repeat;*/
    display: inline-block;
    width: 150px;
    padding: 0;
 }
.servmenu .navbar-toggle{
    background: #f5f5f5 url(../Images-Admin/LayoutBilder/orangePfeil.png) 8px 9px no-repeat;
    padding: 0 !important;
}
.servmenu .navbar-toggle .collapse_service{
	display: inline-block;
    padding: 2px 8px 4px 14px;
    color: #333;
    font-weight: bold;
    font-size: 80%;
}
.servmenu .navbar-toggle:hover .collapse_service,
.servmenu .navbar-toggle:focus .collapse_service{
	color: #f37122;
	
}
.servmenu .navbar-toggle:focus-visible .collapse_service{
	color: #f37122;
	outline: 2px dashed currentColor;
    outline-offset: 2px;
}
/* für extrem kleine Bildschirme < 345px: */

/* Kontakt und eBanking: */
.header-container a img{
display: inline;
padding-left: 3px;
padding-right: 3px;
padding-bottom: 3px;
}
/* alternativer Link: */
@media (max-width: 365px){
.servmenu .service_switch{
margin: 4px -2px auto auto !important;
/*background: #f5f5f5 url(../Images-Admin/LayoutBilder/orangePfeil.png) 7px 8px no-repeat;*/
width: 150px;
 }	
.servmenu .imprLink a{
display: inline-block;
font-size: 70%;

}
.servmenu .imprLink{
margin-right: -5px;
}


/* eigentlicher link: */
.servmenu .navbar-toggle{
    background: #f5f5f5 url(../Images-Admin/LayoutBilder/orangePfeil.png) 8px 9px no-repeat;
    padding: 0 !important;
}
.servmenu .navbar-toggle .collapse_service{
	
    font-weight: normal;
    font-size: 60%;
}
	
} /* Ende media query */
/* --------------Ende Menü Buttons im kleinen Display < 767 px -------------------- */ 

/* Anfang Impressum-Menü im extrem kleinen Display < 319px mini ---*/
@media screen and (max-width: 319px){
/* alternativer Link: */
.servmenu .service_switch{
background: #f5f5f5 url(../Images-Admin/LayoutBilder/orangePfeil.png) 9px 10px no-repeat;
text-align: left;
width: 110px;
padding: 0 0 3px 15px;
 }	
.servmenu .imprLink a{
display: block;
font-size: 50%;
margin-top: -10px;
padding: 0 7px 0 0 !important;
}
.servmenu .imprLink{
margin: 0 !important;
padding: 0 !important;
width: 100%;
}


/* eigentlicher link: */
.servmenu .navbar-toggle{
    background: #f5f5f5 url(../Images-Admin/LayoutBilder/orangePfeil.png) 20px 10px no-repeat;
    padding: 0 !important;
}
.servmenu .navbar-toggle .collapse_service{
	
    font-weight: normal;
    font-size: 50%;
    width: 100px;
}
	

}
/* Ende Impressum-Menü im extrem kleinen Display < 319px ---*/

/* sm, md, lg aktiver dropdown-link: */
@media (min-width: 768px){
li.dropdown.open a.dropdown-toggle{
display: inline-block;
border: 1px solid #ccc;
border-bottom: none;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
  /*
-moz-box-shadow: 2px 2px 2px #ccc;
-webkit-box-shadow: 2px 2px 2px #ccc;
box-shadow: 2px 2px 2px #ccc; 
*/
background: #f5f5f5 !important;
}
/* 18.10.23 Umstellung Immobilien in Hauptmenü - Anfang */
li.dropdown.menuid-119.open a.dropdown-toggle{
	background: transparent !important;
	border: none !important;
}
li.dropdown.menuid-95.open a.dropdown-toggle{
	background: transparent !important;
	border: none !important;
}
/* 18.10.23 Umstellung Immobilien in Hauptmenü - Ende */
}

/* jetzt in orange */
.dropdown > a .caret {
    border-top-color: #f37122 !important;
    border-bottom-color: #f37122 !important;
}
.dropdown > a:hover .caret,
.dropdown > a:focus .caret,
.dropdown > a:active .caret
{
    border-top-color: #777 !important;
    border-bottom-color: #777 !important;
}

/* neu 19.5.17 - Anfang */
@media (max-width: 600px){
.dropdown-menu > li > a{
white-space: normal;
}
}
/* neu 19.5.17 - Ende */



/* Hauptmenü über ganze Breite bei sm - Anfang geändert 10/2023 für neuen Menüpunkt Immobilien: */
@media (min-width:768px) and (max-width: 819px){
    .hauptmenu .navbar-nav > li > a{
     margin: auto 0px;   
     /*background: red;*/
     font-size: 93%;
    }
   .hauptmenu .container {
   max-width: 100% !important;
   }
    /* Startseite */
    .hauptmenu .navbar-nav > .menuid-119 > a{
     margin: auto 0px auto 0; 
     padding: 5px 15px 10px 3px;
    
    }
    /* Aktuelles */
    .hauptmenu .navbar-nav > .menuid-52 > a{
     margin: auto 0 auto 0px; 
     padding: 5px 2px 10px 15px;  
    }
}


@media (min-width:820px) and (max-width: 869px){
    .hauptmenu .navbar-nav > li > a{
     margin: auto 2px;   
     /*background: red;*/
     font-size: 100%;
    }
   .hauptmenu .container {
   max-width: 100% !important;
   }
   /* Startseite */
    .hauptmenu .navbar-nav > .menuid-119 > a{
     margin: auto 2px auto 0; 
     padding: 5px 15px 10px 3px;
    
    }
    /* Aktuelles */
    .hauptmenu .navbar-nav > .menuid-52 > a{
     margin: auto 0 auto 2px; 
     padding: 5px 2px 10px 15px;  
    }
}
@media (min-width:870px) and (max-width: 991px){
    .hauptmenu .navbar-nav > li > a{
     margin: auto 4px;   
     /*background: red;*/
     font-size: 100%;
    }
   .hauptmenu .container {
   max-width: 100% !important;
   }
    /* Startseite */
    .hauptmenu .navbar-nav > .menuid-119 > a{
     margin: auto 4px auto 0; 
     padding: 5px 15px 10px 3px;
    
    }
    /* Aktuelles */
    .hauptmenu .navbar-nav > .menuid-52 > a{
     margin: auto 0 auto 4px; 
     padding: 5px 2px 10px 15px;  
    }
}
/* Hauptmenü über ganze Breite bei sm - Ende */


/* Hauptmenü Abstände größer bei md und lg: */
/* md: über ganze Breite , geändert 10/2023 für neuen Menüpunkt Immobilien*/
@media (min-width:992px) and (max-width: 1040px){
    .hauptmenu .navbar-nav > li > a{
     margin: auto 5px ;   
     font-size: 120%;
    }
    /* Startseite */
    .hauptmenu .navbar-nav > .menuid-119 > a{
     margin: auto 5px auto 0; 
     padding: 5px 15px 10px 8px;
    
    }
    /* Aktuelles */
    .hauptmenu .navbar-nav > .menuid-52 > a{
     margin: auto 0 auto 5px; 
     padding: 5px 2px 10px 15px;  
    }
}
@media (min-width:1041px) and (max-width: 1100px){
    .hauptmenu .navbar-nav > li > a{
     margin: auto 5px;   
     font-size: 130%;
    }
     /* Startseite */
    .hauptmenu .navbar-nav > .menuid-119 > a{
     margin: auto 5px auto 0; 
     padding: 5px 15px 10px 3px;
    
    }
    /* Aktuelles */
    .hauptmenu .navbar-nav > .menuid-52 > a{
     margin: auto 0 auto 5px; 
     padding: 5px 2px 10px 15px;  
    }
}
@media (min-width:1101px) and (max-width: 1150px){
    .hauptmenu .navbar-nav > li > a{
     margin: auto 10px;   
     font-size: 130%;
    }
     /* Startseite */
    .hauptmenu .navbar-nav > .menuid-119 > a{
     margin: auto 10px auto 0; 
     padding: 5px 15px 10px 3px;
    
    }
    /* Aktuelles */
    .hauptmenu .navbar-nav > .menuid-52 > a{
     margin: auto 0 auto 10px; 
     padding: 5px 2px 10px 15px;  
    }
}
@media (min-width:1151px) and (max-width: 1199px){
    .hauptmenu .navbar-nav > li > a{
     margin: auto 16px !important;   
     font-size: 125% !important;
    }
     /* Startseite */
    .hauptmenu .navbar-nav > .menuid-119 > a{
     margin: auto 17px auto 0 !important; 
     padding: 5px 15px 10px 3px;
    
    }
    /* Aktuelles */
    .hauptmenu .navbar-nav > .menuid-52 > a{
     margin: auto 0 auto 17px !important; 
     padding: 5px 2px 10px 15px;  
    }
}
/* Ende md */

/* lg: über ganze Breite, geändert 10/2023 für neuen Menüpunkt Immobilien*/
@media (min-width:1200px) {
    .hauptmenu .navbar-nav > li > a{
     margin: auto 16px !important; 
     font-size: 125% !important;
    }
    /* Startseite */
    .hauptmenu .navbar-nav > .menuid-119 > a{
     margin: auto 17px auto 0 !important; 
     padding: 5px 15px 10px 3px;
    
    }
    /* Aktuelles */
    .hauptmenu .navbar-nav > .menuid-52 > a{
     margin: auto 0 auto 17px !important; 
     padding: 5px 2px 10px 15px;  
     
    }
}


/* Container für Hauptmenü: ---------------Ende */


/* Container für Klickpfad: ---------------Anfang */

.klickpfad{
  background-color: transparent !important;
  border-radius: 4px;
  
  max-width: 1140px !important;
  padding:0 0 0 3px !important;
  margin: -20px auto 0 auto !important;
    }

.klickpfad .row div{
  margin-top: 5px !important;
    }

@media (min-width:768px) {
    .klickpfad{
        max-width: 720px;
    }
}
@media (min-width:992px) {
    .klickpfad{
        max-width: 940px;
    }
}
@media (min-width:1200px) {
    .klickpfad{
        max-width: 1140px;
    }
}
@media (max-width:767px) {
    .klickpfad{
        margin: 0 auto !important;
    }
    
}

@media (width:768px) {
    .klickpfad{
        max-width: 720px;
        margin: 0 auto !important;
        
    }
}




.klickpfad li a{
font-size: 1em;
    color: #777;
    padding:0;
    
}

.klickpfad li a:hover{
color: #f37122;
text-decoration: none;    
    
}

.klickpfad .row div{
padding: 0;
margin: 0;
  
}

/* Container für Klickpfad: ---------------Ende */

ul.breadcrumb {
    margin-left:0;
    font-size:80%;
    padding: 0 0 10px 0;
}
/* Trennzeichen Breadcrump: */
.breadcrumb > li + li:before {
  padding: 0 5px;
  color: #0066b3;
  font-weight: bold;
  content: "/\00a0";
}


.Druckersymbol a img {
float: right;
padding-top: 10px;
margin-bottom: -10px;
}

/* Header */

.topheader{
 margin: 0 auto; 
 max-width: 1140px;
 border-radius: 4px;
  padding:0 !important;
 }


/* Container für Header: ---------------Anfang */

.header-container{
  max-width: 1140px !important;
  padding:0 !important;
  margin: 0 auto !important;
    }

.header-container .row div{
   margin-top: 0;
   margin-bottom: 0 !important;
   margin-left: 0 !important;
   
   padding: 0;
    }
    
/* rechts minimaler Abstand - Anfang */
@media (min-width: 768px) and (max-width: 1140px){
.header-container .row{
padding-right: 3px;
}
}
/* rechts minimaler Abstand - Ende */


.header-container .row input{
  margin-right: 4px !important;
  border-radius: 4px;
    }
/* cssval
.header-container img{
  border: none;
  border-radius: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
*/  
.header-container img{
  border: 0;
  border-radius:0;
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
  box-shadow:none;
    }

@media (min-width:768px) {
    .header-container{
        max-width: 720px;
    }
}
@media (min-width:992px) {
    .header-container{
        max-width: 940px;
    }
}
@media (min-width:1200px) {
    .header-container{
        max-width: 1140px;
    }
}
@media (max-width:768px) {
    .header-container{
        margin: 0 auto  !important;
    }
    /* Suchfeld */
    .header-container .row .input-group{
    margin-top: -2px !important;
    padding: 7px 0 0 0;

    }
     .header-container .row .input-group .form-control{
    height: 33px;
    font-size: 12px;

    }

} /* Ende 768 px */


@media (width:768px) {
    .header-container{
        max-width: 720px;
       /* margin: -10px auto 15px auto !important; */
       margin: 0 auto 15px auto !important;
        }
     .navbar-default{
     margin-bottom: 0;
     }
}



  



/* Container für Header: ---------------Ende */

/* Inhalte Header: ---------------Anfang */
.header-container a img{
display: inline;
padding-left: 3px;
padding-right: 3px;
}

.header-container .headkontakt a, .header-container .headonlineb a{
margin-right: 3%;
display: inline-block;
width: 97%;
text-align: center;  
border: 1px solid #ccc;
border-radius: 4px;  
padding: 5px 3px;
margin-top: 0;
color: #333;
font-size: 90%;
text-decoration: none; 
background: #f5f5f5;
}

.header-container .headonlineb a{
border: 1px solid #0066b3; 
background: #f37122; 
color: white;
}

.header-container .headkontakt a:hover,
.header-container .headkontakt a:focus
{
color: #f37122;
font-weight: bold;

}
.header-container .headkontakt a:focus-visible
{
color: #f37122;
font-weight: bold;
outline: 2px dashed currentColor;
    outline-offset: 2px;
}

.header-container .headonlineb a:hover,
.header-container .headonlineb a:focus,
.header-container .headonlineb a:active{
color: #0066b3;
font-weight: bold;
}
.header-container .headonlineb a:focus-visible{
color: #0066b3;
font-weight: bold;
outline: 2px dashed currentColor;
    outline-offset: 2px;
}

.header-container .input-group-btn{
padding: 5px 0 0 3px;
border: 1px solid #ccc;
border-top-right-radius: 4px !important; 
border-bottom-right-radius: 4px !important; 
background: #fafafa;
}

/* responsive: mobile first Ansatz*/
/* mini - für extrem kleine Bildschirme, z.B. 240px: */
@media screen and (max-width: 319px) {
.header-container .headkontakt a, 
.header-container .headonlineb a{
font-size: 8px !important;
line-height: 18px;
padding-top: 15px !important;
padding-left: 1px;
padding-right: 1px;
height: 32px;
}
}

@media screen and (max-width: 420px) {

.header-container .headkontakt a, .header-container .headonlineb a{

font-size: 80%;
padding: 7px 3px !important;

}
  
  }

@media screen and (max-width: 396px) {

.header-container .headkontakt a, .header-container .headonlineb a{

font-size: 70%;

}
 
  }
  
@media screen and (max-width: 768px) {

.header-container .headkontakt a, .header-container .headonlineb a{
margin-top: 5px;
}
.topheader{
margin-top: 10px !important;
margin-bottom: 3px !important;
}
 
  }



@media screen and (min-width: 768px) and (max-width: 992px) {

.header-container .headonlineb a{
margin-right: 0 ;
width: 100%;
}
.header-container .headonlineb a, .header-container .headkontakt a{
margin-bottom: 5px !important;
}
}


@media screen and (min-width: 993px) and (max-width: 1199px) {

.header-container {

font-size: 80%;

}

.header-container .headkontakt a, .header-container .headonlineb a{

padding: 8px 3px ;

}

.header-container .headonlineb{

text-align: right !important;
/*padding-right: 15px !important;*/

}
 
}


@media screen and (min-width: 1200px) {

.header-container {

font-size: 90%;

}

.header-container .headkontakt a, .header-container .headonlineb a{

padding: 6px 3px !important;

}

.header-container .headkontakt{



}



.header-container .headonlineb{



}
 
}



/* Inhalte Header: ---------------Ende */


/* Content Container - Seiteninhalt: */
.content.container{
border: 1px solid #ccc;

border-radius: 4px;
  
-moz-box-shadow: 2px 2px 2px #888;
-webkit-box-shadow: 2px 2px 2px #888;
box-shadow: 2px 2px 2px #888;  
  
max-width: 1140px !important;
padding:0 15px 0 15px !important;
/*padding:0 !important;*/
margin: -5px auto 15px !important;
  
}


/* Footer */
footer {



}
footer p{
font-size: 0.8em;
line-height: 1em;
 
}
/* Dropdown */
.dropdown {
  position: relative;
}

.dropdown-menu {
  text-align: left;
  /* left: 15px; Windows: linksbündig; Safari: nach rechts verschoben */
}
/* Positionierung des Dropdown spezifisch je nach uid und Bildschirmbreite -Anfang */
/* damit dropdown z.B. auf Tablet Portrait ganz rechts nicht abgeschnitten wird */
/* Start */
.menuid-119 .dropdown-menu{
left: 5px;	
}
/* Privatkunden */
.menuid-28 .dropdown-menu{
left: -5px;	
}
/* Firmenkunden */
.menuid-65 .dropdown-menu{
left: -5px;	
}
/* Mitglieder */
.menuid-37 .dropdown-menu{
left: 0px;	
}
/* Wir für Sie */
.menuid-38 .dropdown-menu{
left: 5px;	
}
/* Aktuelles */

.dropdown-menu{
border: 1px solid #ccc;
}






/* Positionierung des Dropdown spezifisch je nach uid und Bildschirmbreite -Ende */

/* -------- Aktuelles: Dropdown rechtsbündig 11.4.15 - Anfang */
/* iPad hochkant: */
@media (min-width:768px) and (max-width:798px){
.menuid-52 .dropdown-menu{
text-align: right;	
/*right: 185px;
left: -185px;*/
right: 225px;
left: -225px;
min-width: 340px;
}
}
@media (min-width:799px) and (max-width:819px){
.menuid-52 .dropdown-menu{
text-align: right;	
right: 188px;
left: -188px;
min-width: 340px;
}
}

@media (min-width:820px) and (max-width:841px){
.menuid-52 .dropdown-menu{
text-align: right;	
right: 215px;
left: -215px;
min-width: 340px;
}
}
@media (min-width:842px) and (max-width:869px){
.menuid-52 .dropdown-menu{
text-align: right;	
right: 188px;
left: -188px;
min-width: 340px;
}
}
@media (min-width:870px) and (max-width:892px){
.menuid-52 .dropdown-menu{
text-align: right;	
right: 215px;
left: -215px;
min-width: 340px;
}
}
@media (min-width:893px) {
.menuid-52 .dropdown-menu{
text-align: right;	
right: 188px;
left: -188px;
min-width: 340px;
}
}
/* --------- Aktuelles: Dropdown rechtsbündig - Ende */

.dropdown-menu  li  a {
  
  color: #333333 !important;
  background: transparent;
  
}

.dropdown-menu  li  a:hover,
.dropdown-menu  li  a:focus,
.dropdown-menu  li  a:active,
.dropdown-menu  li  a.dropdown-toggle{
  color: #f37122 !important;
  background: transparent;
     
}
.dropdown-menu  li  a:focus-visible{
  color: #f37122 !important;
  background: transparent;
      outline: 2px dashed currentColor;
    outline-offset: 2px;  
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
 color: #f37122;
 background: transparent;

}

.dropdown-menu > .active > a:focus-visible {
 color: #f37122;
 background: transparent;
 outline: 2px dashed currentColor;
    outline-offset: 2px;
}

/* Hintergrund für die Spalten in layout2 (Dreispalter) und layout1 (Zweispalter) sowie layout3 und layout4 --- Anfang */

.layout1 .content .row>div .csc-frame-frame1, .layout1 .content .row>div .frame-default,
.layout2 .content .row>div .csc-frame-frame1, .layout2 .content .row>div .frame-default,
.layout3 .content .row>div .csc-frame-frame1, .layout3 .content .row>div .frame-default,
.layout4 .content .row>div .csc-frame-frame1, .layout4 .content .row>div .frame-default,

/* auch für die rechte aside-Spalte! : */
.layout1 .content .row>aside .csc-frame-frame1, .layout1 .content .row>aside .frame-default,
.layout2 .content .row>aside .csc-frame-frame1, .layout2 .content .row>aside .frame-default,
.layout3 .content .row>aside .csc-frame-frame1, .layout3 .content .row>aside .frame-default,
.layout4 .content .row>aside .csc-frame-frame1, .layout4 .content .row>aside .frame-default,

/* auch für Spalte über die ganze Breite, die auf Banner oben oder Überschrift folgt */
.frame-layout-2 + .frame-layout-0,
.container-headline + .frame-layout-0,
/* auch für Einzelelemente; */
/* Phishing/Sich, Anwalt, MitglKonz, Extrabonus, Mitgliederbonuskonzept, Kartenverlust, Gestaltung */
#c288,
#c589,
#c283,
#c634,
#c697,
#c724,
#c574,
#c756,
#c754
{


background-image: -webkit-linear-gradient(top, #f7f7f7 0%, white 100%); 
background-image: -moz-linear-gradient(top, #f7f7f7 0%, white 100%); 
background-image: -o-linear-gradient(#f7f7f7 0%, white 100%); 
background-image: linear-gradient(#f7f7f7 0%, white 100%);
/* moderner Farbverlauf: */
background-image: linear-gradient(to top, white 0%, #f7f7f7 100%);

padding: 10px;
border-radius: 4px;
margin-bottom: 10px;

}
/* Startseite/Leitbild/Kundenumfrage Slider: */
#page-1 .container-headline + .frame-layout-0,
#page-147 .container-headline + .frame-layout-0,
#page-205 .container-headline + .frame-layout-0
{
background-image: none;
background: transparent;
padding: 0;
margin:0;
}

/* Mitgliederbonuskonzept */
#page-49 #c697 > div{
padding-left: 10px;
padding-right: 10px;
}


aside{
padding-left:0 !important;
padding-right:7px !important;
}

/*aside bei sehr schmalen Bildschirmbreiten < 300px: */
@media (max-width:300px) {
    aside{
        padding: 10px 0;
        margin: 5px 0;
    }
}


/* Hintergrund für die Spalten in layout2 (Dreispalter) und layout1 (Zweispalter) sowie layout3 und layout4 --- Ende */


/* } */
/* Anpassungen gegen horizontal scroll bar - Anfang */
/* Bereiche gingen über 1140 px hinaus: 
.content .container .row{
max-width: 1080px !important;
background: purple;
}

/* Anpassungen gegen horizontal scroll bar - Ende */

/* header-Bereich vertikal komprimieren - Anfang*/
.nav > li > a{
padding: 5px 15px 10px 15px;
}
/* header-Bereich vertikal komprimieren - Ende*/

/* in rows immer 20px Innenabstand */
.content .row > div > div,
.content .row > aside > div,
/* auch in bestimmten Einzelelementen: */
/* Phishing, Anwaltshotl, Mitglbonuskonz, Datensch, AGB, Pflichin, Nutzu, Filial,
 Impress, Suchergebn, Gestaltung  */
#c288,
#c589,
#c283, #c473, #c576, #c564, #c620, #c756, #c87, #c754{
padding-left: 20px !important;
padding-right: 20px !important;
}
#c574{
padding-left: 20px !important;
padding-right: 15px !important;
margin-right: 7px;
}

.content .row > aside > div{
padding-top: 10px !important;
}
/* Ausnahmen: */
/* Seite Ansprechpartner, Seite Filialen */
#page-146 .content .row > div > div,
#page-148 .content .row > div > div{
padding: 0 !important;
}

/* Abstand zum äußeren Rand/container-headline: */
/* Seiten Datensch, AGB, Pflicht, Nutz, Impr */

#c473, #c576, #c564, #c620, #c597, #c603{
margin-top: 10px;
}

/* Kästen der Startseite im Bereich 768-1020 gleich hoch */
@media (min-width: 768px) and (max-width: 1020px){
#c1021, #c611, #c588, #c1029{
height: 225px;
}
}

/* 24.3.23 für iPad optimiert: Höhe der Kästen etwas niedriger in best. Bereich ANFANG */

@media (min-width: 768px) and (max-width: 832px){
#c1021, #c611, #c588, #c1029{
height: 180px;
}
}

@media (min-width: 833px) and (max-width: 1020px){
#c1021, #c611, #c588, #c1029{
height: 200px;
}
}

@media (min-width:1020px) and (max-width: 1100px){
#c1021, #c611, #c588, #c1029{
height: 210px;
}
}

@media (min-width:1101px) and (max-width: 1200px){
#c1021, #c611, #c588, #c1029{
height: 225px;
}
}

/* 24.3.23 für iPad optimiert: Höhe der Kästen etwas niedriger in best. Bereich ENDE */

/* -------------------------------------Hintergründe für Seite "So funktioniert mobileCash" */
#page-213 .content .row>.col-sm-4:first-child div,
#page-213 .content .row>.col-sm-4:nth-child(2) div
{
background-color: #e8e8e8 !important;
margin-bottom: -5px !important;
}
#page-213 #c897,
#page-213 #c898
{
margin-bottom: 12px !important;
}
#page-213 .content .row>.col-sm-4:nth-child(2)
{
margin-bottom: 16px !important;
}
/* für gleich hohe Spalten + Farbverlauf letztes Element: */
#page-213 #c923,
#page-213 #c926
{
/*
background-image: -webkit-linear-gradient(top, #e8e8e8 0%, white 100%); 
background-image: -moz-linear-gradient(top, #e8e8e8 0%, white 100%); 
background-image: -o-linear-gradient(#e8e8e8 0%, white 100%); 
background-image: linear-gradient(#e8e8e8 0%, white 100%);
/* moderner Farbverlauf: */
background-image: linear-gradient(to top, white 0%, #e8e8e8 100%) !important;
}
#page-213 #c923 .ce-textpic,
#page-213 #c926 .ce-textpic,
#page-213 #c923 .ce-bodytext,
#page-213 #c926 .ce-bodytext
{
background-color: transparent !important;
}

/* links Überschriften mehr Abstand: */
#page-213 .content .row>.col-sm-4:first-child div .csc-textpic-text,
#page-213 .content .row>.col-sm-4:first-child div .ce-bodytext
{
padding-top: 20px;
}

/* 1. Überschrift runter: */
#page-213 #c901 .csc-textpic-text,
#page-213 #c925 .csc-textpic-text,
#page-213 #c901 .ce-bodytext,
#page-213 #c925 .ce-bodytext
{
padding-top: 10px !important;
}

/* 
nicht im Einsatz:  typo3 9.5 Verbesserung (war vorher auch schon so):
Spaltenhöhe bei <768px auf auto setzen
@media (max-width: 767px){
.frame-layout-0{
height: auto;
}
}
*/

/* -----------------------Problem mit Menü NUR auf Startseite - Anfang */
/* nach Upgrade auf Typo3 11.5 - Aktuelles bricht auf Startseite um */
/* sobald ein Menüpunkt angewählt wurde 8.12.22 */

@media (min-width:1151px) and (max-width: 1199px){
    #page-1  .hauptmenu .navbar-nav > li > a{
     margin: auto 29px;   
     font-size: 130%;
    }
     /* Startseite */
    #page-1  .hauptmenu .navbar-nav > .menuid-119 > a{
     margin: auto 29px auto 0; 
     padding: 5px 15px 10px 3px;
    
    }
    /* Aktuelles */
    #page-1 .hauptmenu .navbar-nav > .menuid-52 > a{
     margin: auto 0 auto 29px; 
     padding: 5px 2px 10px 15px;  
    }
}

/* lg: über ganze Breite */
@media (min-width:1200px) {
    #page-1 .hauptmenu .navbar-nav > li > a{
     margin: auto 30px; 
     font-size: 130%;
    }
    /* Startseite */
    #page-1 .hauptmenu .navbar-nav > .menuid-119 > a{
     margin: auto 31px auto 0; 
     padding: 5px 15px 10px 3px;
    
    }
    /* Aktuelles */
    #page-1  .hauptmenu .navbar-nav > .menuid-52 > a{
     margin: auto 0 auto 29px; 
     padding: 5px 2px 10px 15px;  
     
    }
}
/* caret bei Menüpunkt Startseite auf Startseite verbergen */
 #page-1 .hauptmenu .navbar-nav > .menuid-119 > a .caret{
visibility: hidden !important;
width: 0 !important;
}

/* breadcrump auf Startseite verbergen */
#page-1 .klickpfad .breadcrumb{
visibility: hidden;
height: 0;
}

/* nur auf Startseite ist Menüpunkt Startseite aktiv (grau) */
.navbar-nav .menuid-119 a.current{
color: #F37122 !important;
}
#page-1 .navbar-nav .menuid-119 a.current{
color: #777 !important;
}

/* Hintergrundfarbe h1 Startseite */
#page-1 .content .container-headline h1{
background-color: ##FEFEFE !important;
}

/*--------------------------- Problem mit Menü NUR auf Startseite - Ende */

/* -----------------------------------NEU Herbst 2023 : Menüpunkt Immobilien im Hauptmenü ------------------ */

/* caret bei Menüpunkt Immobilien auf Immobilienseite verbergen */
 #page-95 .hauptmenu .navbar-nav > .menuid-95 > a .caret{
visibility: hidden !important;
width: 0 !important;
}


/* auf Immoseite ist Menüpunkt Immoseite aktiv (grau) */

#page-95 .navbar-nav .menuid-95 a{
color: #777 !important;
}

/* -------------neu Frühjahr 2025 für BFSG -------------- */
/* --------------Farben Menü kontrastreicher */
/* Hauptmenü */
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{
  color: #333 !important;
  background: transparent;
}
.hauptmenu li a:hover,
.hauptmenu li a:focus,
.hauptmenu li a:active{
  color: #333 !important;
  }

.hauptmenu li a:focus-visible{
  color: #333 !important;
  outline: 2px dashed currentColor;
    outline-offset: 2px;
}
/* Servmenü */
/* highlighten Servmenü: */
.servmenu .navbar-default .navbar-nav > .active > a, 
.servmenu .navbar-default .navbar-nav > .active > a:hover, 
.servmenu .navbar-default .navbar-nav > .active > a:focus,
.servmenu .navbar-nav li a:hover, 
.servmenu .navbar-nav li a:focus {
    color: #f37122 !important;
    }
.servmenu .navbar-default .navbar-nav > .active > a:focus-visible,
.servmenu .navbar-nav li a:focus-visible {
    color: #f37122 !important;
    font-weight: bold !important;
    outline: 2px dashed currentColor;
    outline-offset: 2px;
}
/* -------------Servicemenü mit größerer Schrift u.a. */
.servmenu .navbar-nav  li a{
    font-size: 1em;
    color: #414141;
    padding: 0.1em 1em;
    line-height: 30px;
}
.servmenu .nav > li > a{
    display: inline-block;
}
.servmenu .nav > li{
    float: none;
    display: inline-block;
}
.servmenu .navbar-header{
float: none;
text-align: center;
}
.servmenu .navbar-nav{
float: none;
text-align: center;
}
@media (max-width: 767px) {
   .servmenu .navbar-collapse-servmenue .navbar-nav li {
    background: transparent !important;
   }
    .servmenu .navbar-collapse-servmenue .navbar-nav{
    background: #fcfcfc;
   }
   .servmenu .navbar-collapse-servmenue {
      margin: 0 auto;
      margin-left: auto !important;
  }
  .servmenu .navbar-collapse {
     max-height: 400px;
  }
    .navbar-collapse-servmenue .navbar-nav {
    border: 1px solid #ccc;
    border-radius: 4px;
    
  }
}

@media (min-width: 768px) {
  .servmenu .navbar-nav {
      margin-bottom: 10px;
  }
}

/* -------------Footer größere Schrift, höher*/
footer p{
font-size: 1em;
line-height: 1.2em;
}
footer {
height: 286px;
}

/* -------------infoBox größere Schrift + andere Anordnung */
footer .container .infoSpalte .footText,
footer .container .infoSpalte .footHeadline,
footer .container .infoSpalte .footLink{
font-size: 100%;
}
@media (max-width: 767px){
.infoBox .col-xs-6{
width: 100%;
}
.infoBox .row .hidden-xs {
display: block !important;
}
}
/* ------------ Buttons Servicemenu Schrift größer */
.servmenu .navbar-toggle .collapse_service {
    font-size: 100%;
    }
.servmenu .imprLink a {
  font-size: 100%;
  font-weight: bold;
  color: #333;
}
.servmenu .service_switch {
  width: auto;
  padding: 2px 8px 4px 14px;
  }
.servmenu .xs_service_container {
  height: 45px;
 }
 
/* ------------------Button Alternatives Menu Schrift größer */
.hauptmenu .menuLink a, .servmenu .imprLink a {
  color: #333;
  font-size: 100%;
  margin-top: 5px;
}

/* --------------------- Kontakt, eBanking, Suche Schrift größer */
.header-container .headkontakt a, .header-container .headonlineb a,
.headsearch .form-control {
/*
  font-size: 16px;
*/
  font-size: 1.2em;
  height: 40px !important;
}
@media (max-width:404px){
.header-container .headkontakt a, .header-container .headonlineb a,
.headsearch .form-control {
  font-size: 1.1em;
 }
}
@media (max-width:376px){
.header-container .headkontakt a, .header-container .headonlineb a,
.headsearch .form-control {
  font-size: 1em;
 }
}
@media (max-width:349px){
.header-container .headkontakt a, .header-container .headonlineb a,
.headsearch .form-control {
  font-size: 0.9em;
 }
}
@media (max-width:321px){
.header-container .headkontakt a, .header-container .headonlineb a,
.headsearch .form-control {
  font-size: 0.8em;
 }
}
@media screen and (max-width: 319px) {
.header-container .headkontakt a, 
.header-container .headonlineb a{
font-size: 0.7em !important;
}
}


@media (min-width: 992px) {
  .headonlineb {
    width: 10%;
  }
}
@media (min-width: 992px) {
  .headsearch {
    width: 23%;
  }
}
@media (max-width: 768px) {
  .header-container .row .input-group .form-control {
     font-size: 16px;
  }
}

/* ------------------eBanking hover Kontrast besser */
.header-container .headonlineb a{
border: 1px solid #f37122; 
background: #005ba9; 
color: white;
}
.header-container .headonlineb a:hover{
  background: #f5d9c8;
  font-weight: bold;
  }
.header-container .headonlineb a:focus-visible {
  background: #f5d9c8;
  font-weight: bold;
  outline: 2px dashed currentColor;
    outline-offset: 2px;
 }

/* ------------- Dropdown-Menu small Schrift größer, Hintergrund heller*/
.dropdown-menu{
font-size: 16px;
}
@media (max-width: 767px) {
  .hauptmenu .navbar-nav, .hauptmenu .navbar-default {
    background: #fcfcfc;
    height: auto !important;
    border: none;
    border-radius: 4px;
    }
    .hauptmenu .navbar-nav {
    margin: 0 auto !important;
    }
    .hauptmenu .nav > li > a {
      padding: 10px 15px 15px 15px;
     }
}

/* -----------------dropdown large vertikale Abstände größer */
.open .dropdown-menu > li > a {  
  padding: 10px 20px;
}

/* -------- Aktuelles: Dropdown rechtsbündig 19.3.25 - Anfang */
/* iPad hochkant: */
@media (min-width:768px) and (max-width:798px){
.menuid-52 .dropdown-menu{
text-align: right;	
right: 255px;
left: -255px;
min-width: 370px;
}
}
@media (min-width:799px) and (max-width:819px){
.menuid-52 .dropdown-menu{
text-align: right;	
right: 238px;
left: -238px;
min-width: 370px;
}
}

@media (min-width:820px) and (max-width:841px){
.menuid-52 .dropdown-menu{
text-align: right;	
right: 255px;
left: -255px;
min-width: 370px;

}
}
@media (min-width:842px) and (max-width:869px){
.menuid-52 .dropdown-menu{
text-align: right;	
right: 255px;
left: -255px;
min-width: 370px;
}
}
@media (min-width:870px) and (max-width:892px){
.menuid-52 .dropdown-menu{
text-align: right;	
right: 245px;
left: -245px;
min-width: 370px;
}
}
@media (min-width:893px) {
.menuid-52 .dropdown-menu{
text-align: right;	
right: 235px;
left: -235px;
min-width: 370px;
}
}
/* --------- Aktuelles: Dropdown rechtsbündig - Ende */

/* --------------------------Mitglieder: Dropdown z.t. verschieben */
@media (min-width:768px) and (max-width:800px) {
.menuid-37 .dropdown-menu{
right: 170px;
left: -170px;
min-width: 470px;
}
}
@media (min-width:801px) and (max-width:900px) {
.menuid-37 .dropdown-menu{
right: 100px;
left: -100px;
min-width: 470px;
}
}
@media (min-width:901px) and (max-width:1000px) {
.menuid-37 .dropdown-menu{
right: 50px;
left: -50px;
min-width: 470px;
}
}
@media (min-width:1001px) and (max-width:1200px) {
.menuid-37 .dropdown-menu{
right: 30px;
left: -30px;
min-width: 470px;
}
}
/* ------Breadcrumb Schrift größer u.a.--------- */
/* rootline navigation */
ul.breadcrumb {
    font-size:100%;
    }
.klickpfad li a {
  color: #414141;
  text-decoration: none !important;
}
.klickpfad li a:hover{
color: #f37122 !important;
}
.klickpfad li a:focus-visible{
color: #f37122 !important;
outline: 2px dashed currentColor !important;
outline-offset: 2px !important;
}
/* Outline für Input-Felder */
input:focus-visible{
outline: 2px dashed currentColor !important;
    outline-offset: 2px !important;
}
/* ----------------In Safari iphone Portrait lief footer-Text in den blauen Bereich */
.infoBox{
background-color: white;
}

/* -------------------------------------scrollToTop */
.scrollContainer{
position: relative;
max-width: 1140px;
text-align: right;
margin: 10px auto;
}
@media (max-width: 771px){
.scrollContainer{
position: relative;
max-width: 1140px;
text-align: right;
margin: 10px auto 20px auto;
}
}
.scrollToTop {
/*
  position: fixed;
  bottom: 25px;
  right: 25px;
  */ 
  /* auskommentiert: immer einschalten 
  display: none;
  background: white;
  */
  z-index: 1000;

}
.scrollToTop a {
  color: #333;
  text-decoration: none;
    border: 1px solid #ccc;
  border-radius: 5px;
  background: #f7f7f7;
  padding: 7px;
   -moz-box-shadow: 2px 2px 2px #888;
  -webkit-box-shadow: 2px 2px 2px #888;
  box-shadow: 2px 2px 2px #888;
}
.scrollToTop a:hover,
.scrollToTop a:focus {
  color: #000;
  font-weight: bold;
 }
 .scrollToTop:focus-within a{
  outline: 2px dashed;
  outline-offset: 2px;
  color: #000;
  font-weight: bold;
 }
 /* --------------------------------- Skip Menue oben */
 /* Sprung direkt auf h1 */
 .skipMenu {
 margin-top: -15px;
 margin-bottom: 10px;
}
/* unsichtbar < 768px */
@media (max-width:767px){
.skipMenu {
  visibility: hidden;
  display: none;
  height:0;
  }
}  
 .skipMenu button{
 font-size: 1rem;
 border: 1px solid #ccc;
 border-radius: 5px;
 background: #f7f7f7;
 padding: 7px;
  -moz-box-shadow: 2px 2px 2px #888;
  -webkit-box-shadow: 2px 2px 2px #888;
  box-shadow: 2px 2px 2px #888;
 }
 .skipMenu button:focus-visible,
 #skipbut:focus-visible{
 color: #000;
 font-weight:bold;
 outline: 2px dashed currentColor;
 outline-offset: 2px;
 }
.skipMenu button:hover{
  color: #000;
  font-weight: bold;
 }
.skipMenu button:focus {
 color: #000;
 font-weight: bold;
 outline: 2px dashed currentColor;
 outline-offset: 2px;
 }
 #myh1:focus,
 #myh1:focus-visible{
 outline: 2px dashed currentColor;
 outline-offset: 2px;
 }
 /* ----------- Matomo Overlay */
 /* Schrift und Hintergrund Farbe */
 .cc-color-override--1331739998.cc-window {
  color: #333 !important;
  background-color: #f7f7f7 !important;
  border: 2px solid #ccc !important;
  }
  .cc-revoke, .cc-window {
  font-size: 1em !important;
  line-height: 1.5em;
  }
  .cc-color-override--1331739998 .cc-link{
  color: #333 !important;
  opacity: 1 !important;
  }
  .cc-color-override--1331739998 .cc-highlight .cc-btn:first-child {
  color: #333 !important;
  font-size: 1em !important;
  }
  .cc-color-override--1331739998 .cc-btn {
  font-size: 1em !important;
  }
/* ------------Jump Buttons Kontaktformular */
.jump {
  font-size: 1rem;
  border: 1px solid #ccc;
  border-radius:5px;
  background:#f7f7f7;
  padding:7px;
  -moz-box-shadow: 2px 2px 2px #888;
  -webkit-box-shadow:2px 2px 2px #888;
  box-shadow: 2px 2px 2px #888;
}
.jump:focus-visible {
  color: #f37122;
  outline: 2px dashed currentColor;
  outline-offset: 2px;
}
/* -------------------------Anpassungen für Matomo Overlay - wird zuerst angesprungen, wenn es da ist */
/* Outlines */
.cc-compliance .cc-deny{
visibility: visible;
}
.cc-type-opt-in .cc-link:focus-visible,
.cc-compliance .cc-btn:focus-visible{
  font-weight: bold;
  outline: 2px dashed black;
  outline-offset: 2px;
}
/* -----------------------------------------------------------------------------------Anpassungen Typo3 13.4 */
.navbar-default .navbar-nav > .menuid-119 > a{
  color: #f37122 !important;
}
#page-1 .navbar-default .navbar-nav > .menuid-119 > a, 
#page-1 .navbar-default .navbar-nav > .menuid-119 > a:hover, 
#page-1 .navbar-default .navbar-nav > .menuid-119 > a:focus {
  color: #333 !important;
}
/* Styles für Raiba - Ende */