/* Styles für Inhalt Raiba Pfaffenhofen
/* 27.5.2014 angelegt
/* Web-Agentur Christine Brombacher */
/* mod. fluid-styled-content. 6.5.17 */
/* mod. Typo3 9.5 10.10.19 */

/* Header */
.topheader{

}

/* Logo */
.logo {
}

/* flu A */
#page-1 .ce-bodytext p:first-child {
margin: -8px 0 0 0 ;
height: 0;
}
/* für Fußzeile */
#page-1 #c82 .ce-bodytext p:first-child {
margin: 10px;
height: auto;
}

#page-208 .ce-bodytext p:first-child  {
margin:  0;
height: auto;
}

/* flu E */

/* Seitentitel als h1 */
.container-headline{
background: transparent !important;
border: 0;
/*margin: -12px -15px 0 -15px;*/
margin: -12px auto 0 auto;
text-align:center; /* zentriert den inline-Block h1 */
}
.container-headline h1{
display: inline-block;
background: #fff;
/*font-size: 1em;*/
font-size: 1.2em;
color: #0066b3;
/*padding: 0 3px 15px 3px;*/
padding: 0 10px 0 10px;
margin: 0 auto 5px auto !important;
border-radius: 4px;
}

.csc-header{
text-align: center;
}


h2,
h2.csc-firstHeader{
font-size: 1.2em;
font-weight: 500;
color: #0066b3;
display: block;
margin: 8px 0 10px 0;
text-align: center;
line-height: 1.6 !important;
}

/* h2 im Block flu */
p + h2,
ul + h2,
.ce-bodytext h2{
text-align: left;
}


@media (max-width: 300px){
h2,
h2.csc-firstHeader{
font-size: 90%;
}
}

h3,
h3.csc-firstHeader{
font-size: 100%;
font-style: normal;
font-weight:bold;
display: block;
margin: 8px 0 8px 0;
color: #005ba9;
line-height: 1.6 !important;
}
@media (max-width: 300px){
h3,
h3.csc-firstHeader{
font-size: 80%;
}
}
#page-31 h3,
#page-32 h3{
text-align: left;
}
#page-32 p{
text-align: justify;
text-align: left;
}

h4,
h4.csc-firstHeader{
font-size: 105%;
font-weight: bold;
color: #333 !important;
display: block;
margin: 6px 0 6px 0;
line-height: 1.6 !important;
}
@media (max-width: 300px){
h4,
h4.csc-firstHeader{
font-size: 70%;
}
}

/* einzelne Überschrifts-Container: */
#page-123 #c667{
padding-top: 10px;
border-radius: 4px;
margin-top: 10px;
margin-bottom: 10px;
}

#page-49 #c683{
padding-top: 10px;
border-radius: 4px;
margin-top: 10px;
margin-bottom: 10px;
}

/* Bildunterschriften allgemein */ /* flu */
.csc-textpic-caption,
.mitarbeiter1 .content  .frame-layout-0 .frame-layout-0 figure figcaption,
.mitarbeiter .content  .frame-layout-0 .frame-layout-0 figure figcaption{
font-weight: normal;
font-size: 80%;
font-style: normal;
margin-top: 8px;
}
.mitarbeiter .content  .frame-layout-0 .frame-layout-0 figure figcaption{
min-height: 3em;
}

/* Bildunterschriften zentrieren flu
/* wichtig z.B. für 3. Menüebene über Bilder */
.row .csc-textpic-caption,
.mitarbeiter1 .content  .frame-layout-0 .frame-layout-0 figure figcaption{
text-align: center;
}

/* figcaption breiter als Bild flu - Anfang ----- */
/* eingeblendete Mitarbeiter */
.mitarbeiter1 .content  .frame-layout-0 .frame-layout-0 .ce-gallery,
.mitarbeiter1 .content  .frame-layout-0 .frame-layout-0 .ce-outer,
.mitarbeiter1 .content  .frame-layout-0 .frame-layout-0 .ce-inner,
.mitarbeiter1 .content  .frame-layout-0 .frame-layout-0 .ce-row,
.mitarbeiter1 .content  .frame-layout-0 .frame-layout-0 .ce-column,
.mitarbeiter1 .content  .frame-layout-0 .frame-layout-0 figure{
width: 100%;
left: 0;
right: 0;
}
.mitarbeiter1 .content  .frame-layout-0 .frame-layout-0 .ce-column{
float: none;
text-align: center;
}
.mitarbeiter1 .content  .frame-layout-0 .frame-layout-0 figure img{
margin: auto;
}

/* Seite Ansprechpartner */
.mitarbeiter .content  .frame-layout-0 .frame-layout-0 .ce-gallery,
.mitarbeiter .content  .frame-layout-0 .frame-layout-0 .ce-outer,
.mitarbeiter .content  .frame-layout-0 .frame-layout-0 .ce-inner,
.mitarbeiter .content  .frame-layout-0 .frame-layout-0 .ce-row,
.mitarbeiter .content  .frame-layout-0 .frame-layout-0 .ce-column,
.mitarbeiter .content  .frame-layout-0 .frame-layout-0 figure{
width: 100%;
left: 0;
right: 0;
text-align: center;
margin: auto;
}
.mitarbeiter .content  .frame-layout-0 .frame-layout-0 .ce-column{
float: none;
text-align: center;
}
.mitarbeiter .content  .frame-layout-0 .frame-layout-0 figure img{
margin: auto;
}

/* figcaption breiter flu - Ende ----- */

/* ---------------Abstand Bild unter Text Anfang flu */
.frame-layout-9 + .frame-layout-0 > .ce-above .ce-gallery{
margin-bottom: -10px;
}
/* ---------------Abstand Bild unter Text Ende flu */

/* Bilder schmäler/höher  machen flu - Anfang */
@media (min-width:421px){
#page-179 .col-md-8 .ce-gallery{
max-width: 50% ;
}
#page-92 .col-md-8 .ce-gallery{
max-width: 30% ;
}
#page-40 .col-md-8 .ce-gallery{
max-width: 30% !important;
}
#page-40 .col-md-8 .ce-bodytext{
max-width: 100% !important;
}
#page-49 .frame-layout-3 .ce-bodytext{
max-width: 70% ;
width: 70%;
float: left;
}
#page-49 .frame-layout-3 .ce-gallery{
max-width: 30% ;
width: 30%;
float: right;
}

#page-181 .frame-layout-3 .ce-gallery{
max-width: 30% ;
width: 30%;
float: left;
}

#page-51 #c634 .ce-gallery{
max-width: 30% !important;
width: 30% !important;
}
#page-51 #c634 .ce-bodytext{
max-width: 70% !important;
width: 70% !important;
}
#page-171 .frame-layout-1 .ce-gallery{
max-width: 20% ;
}
#page-171 .frame-layout-1 .ce-bodytext{
max-width: 80% ;
width: 80%;
}
#page-108 .frame-layout-1 .ce-gallery{
max-width: 20% ;
}
#page-197 .frame-layout-1 .ce-gallery{
max-width: 35% ;
}
}

@media (max-width:620px){
#page-181 .frame-layout-3 .ce-bodytext{
max-width: 100% ;
width: 100%;
float: none;
}
#page-181 .frame-layout-3 .ce-gallery{
max-width: 100% ;
width: 100%;
float: none;
}
}

#page-213 .content .row > div:nth-child(1) .ce-gallery,
#page-213 .content .row > div:nth-child(2) .ce-gallery{
max-height: 170px;
min-height: 170px;
height: 170px;
overflow: visible;
}
#page-213  .content .row > div:nth-child(1)  .ce-gallery,
#page-213  .content .row > div:nth-child(1)  .ce-outer,
#page-213  .content .row > div:nth-child(1)  .ce-inner,
#page-213  .content .row > div:nth-child(1)  .ce-row,
#page-213  .content .row > div:nth-child(1)  .ce-column,
#page-213  .content .row > div:nth-child(1)   .image,
#page-213  .content .row > div:nth-child(2)  .ce-gallery,
#page-213  .content .row > div:nth-child(2)  .ce-outer,
#page-213  .content .row > div:nth-child(2)  .ce-inner,
#page-213  .content .row > div:nth-child(2)  .ce-row,
#page-213  .content .row > div:nth-child(2)  .ce-column,
#page-213  .content .row > div:nth-child(2)   .image{
max-height: 170px;
min-height: 170px;
height: 170px;
margin: 0 auto !important;
padding: 0 !important;
}
/* Bilder schmäler machen flu - Ende */

/* Links im Content - Anfang */
.content.container a{
text-decoration: none;
font-weight: bold;
color: #333;
}

.content.container a:hover,
.content.container a:focus{
color: #f37122;
}

/* Links im Content - Ende */

/* Sitemap für Menüebene 1, aufgerufen aus Klickpfad - Anfang */
.csc-sitemap {
padding: 0 !important;
margin: 0 !important;
text-align:center;
}
.csc-sitemap ul{
padding: 0;
margin: 0;
}
.csc-sitemap ul li{
display: inline-block;
padding: 5px 20px;
  margin: 10px 10px;
  background: #f5f5f5 url(../Images-Admin/LayoutBilder/orangePfeil.png) 13px 13px no-repeat;
  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;
  */

}

.csc-sitemap ul li a,
.csc-sitemap ul li a:hover,
.csc-sitemap ul li a:focus{
  color: #777;
  font-weight: normal !important;
  text-decoration: none;
}
/* Sitemap für Menüebene 1, aufgerufen aus Klickpfad - Ende */

/* Menü für Menüebene 1, aufgerufen aus Link neben Menü - Anfang */

/* Buttons zentrieren */
.frame-type-menu_subpages ul, .frame-type-menu_subpages-1 ul{
padding: 0 !important;
margin: 0 !important;
text-align:center;

}
.frame-type-menu_subpages  li{
display: inline-block;
/* padding: 5px 20px; */
padding: 10px 20px 10px 20px; 
  margin: 10px 10px;
  background: #f5f5f5 url(../Images-Admin/LayoutBilder/orangePfeil.png) 13px 18px no-repeat;
  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;
  */

}

.frame-type-menu_subpages  li a,
.frame-type-menu_subpages  li a:hover,
.frame-type-menu_subpages  li a:focus{
  color: #777;
  font-weight: normal !important;
  text-decoration: none;
  padding: 0 !important;
}

@media (max-width: 300px){
.frame-type-menu_subpages  li a,
.frame-type-menu_subpages  li a:hover,
.frame-type-menu_subpages  li a:focus{
  font-size: 80%;
}
}

/* Menü für Menüebene 1, aufgerufen aus Link neben kollab. Menü - Ende */

/* Links im Footer - Anfang */
.infoBox a{
color: #333;
text-decoration: none;
}
.infoBox a:focus,
.infoBox a:hover{
color: #f37122;
}
/* Links im Footer - Ende */

/* Damit Platz für Flexslider freigehalten wird - sonst erscheint zuerst kurz das nachfolgende Inhaltselement oben, */
/* dann legt sich erst der Flexslider drüber - Anfang */

/* #c596 - Startseite */
/* #c666 - Leitbild */
/* #c846 - Kunden-Umfrage */
@media (min-width: 992px){
#c596, #c666, #c846{
min-height: 400px;
}
}

/* Platz für Flexslider - Ende */

/* Bilder ohne Schatten: große Bilder zu Seitenbeginn */
/* Seite Immobilien */
#c168 img{
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}

/* outline entfernen */
a:active, a:focus {outline: none;}

/* link accessibility icons - Anfang */

/* nie ein Zeilenumbruch innerhalb des Links 
deaktiviert am 24.3.21/abgespr. mit Herrn Gross
a.internal-link, a.external-link-new-window, a.mail{
white-space: nowrap;
}
*/

/* ab 24.3.21: Zeilenumbruch im Link erlaubt */
a.internal-link, a.external-link-new-window, a.mail{
-moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 
}

a.internal-link img, a.mail img{
border:0;
border-radius: 0 !important;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none; 
display: inline;
padding-right: 2px;
}
a.external-link-new-window img{
border:0;
border-radius: 0 !important;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
display: inline;
padding-right: 1px;
padding-bottom: 2px;
}

p img{
border:0;
border-radius: 0 !important;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
display: inline;
padding-right: 2px;

}

/* link accessibility icons - Ende */


/* Anfang layout-2 / Layout: grossesBild beim Bild angeben */

/* grosse Bilder 100% breit, ohne Schatten und Rand */
.frame-layout-2 figure.csc-textpic-image img{
display: inline-block;
width: 100%;
max-width: 1100px;
/*max-height: 400px;*/
overflow: visible;
border-radius: 4px;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
/* Bildunterschrift bei großen Seitenanfangsbildern hochsetzen: */
.frame-layout-2 figure.csc-textpic-image figcaption.csc-textpic-caption{
display: inline-block;
padding: 10px;
width: 280px;
/*margin: auto auto 12% -98% !important;*/
margin: auto auto 60px -98% !important;
color: #0066b3;
font-size: 110%;
background: #eee;
opacity: 0.7;
filter: alpha(opacity=70); /* For IE8 and earlier */
  
border-radius: 4px;
  -moz-box-shadow: 2px 2px 2px #888;
  -webkit-box-shadow: 2px 2px 2px #888;
  box-shadow: 2px 2px 2px #888;
}

/* @media (max-width: 480px){ */
@media (max-width: 650px){
.frame-layout-2 figure.csc-textpic-image img{
display:block;
}
.frame-layout-2 figure.csc-textpic-image figcaption.csc-textpic-caption{
/*margin-bottom: 5% !important; */
/* bei kleinen Displays wandert die Bildbeschreibung unter das Bild: */
display: block;
text-align: center;
border: none;
box-shadow: none;
width: auto;
color: #0066b3;
opacity: 1;
margin: 5px auto 0 auto !important; 
padding: 5px;
font-size: 80%;

}
}

/* flu A */
.frame-layout-2 .ce-gallery{
margin-bottom: 0 !important;
}
/* flu E */

/* Ende layout-2 / Layout: grossesBild beim Bild angeben */



/* ---------------------Anfang layout-1 / Layout: kleinesBild beim Bild angeben */
/* allgemein für layout-1 css-styled-content*/
@media (min-width: 481px){
/* Bild links */

.frame-layout-1 .csc-textpic-intext-left > .csc-textpic-imagewrap,
.frame-layout-1   .csc-textpic-intext-left-nowrap > .csc-textpic-imagewrap  {
    float: left;
    width: 40%;
  }

.frame-layout-1   .csc-textpic-intext-left-nowrap > .csc-textpic-text   {
    float: right;
    width: 60%;
  }

/* Bild rechts */
.frame-layout-1   .csc-textpic-intext-right-nowrap > .csc-textpic-text{
    float: left;
    width: 60%;
  }

.frame-layout-1    .csc-textpic-intext-right-nowrap > .csc-textpic-imagewrap,
.frame-layout-1    .csc-textpic-intext-right > .csc-textpic-imagewrap {
    float: right;
    width: 40%;
  }

}


@media (min-width: 600px){
/* Bild links */

.frame-layout-1 .csc-textpic-intext-left > .csc-textpic-imagewrap,
.frame-layout-1   .csc-textpic-intext-left-nowrap > .csc-textpic-imagewrap  {
    float: left;
    width: 35%;
  }

.frame-layout-1   .csc-textpic-intext-left-nowrap > .csc-textpic-text   {
    float: right;
    width: 65%;
  }

/* Bild rechts */
.frame-layout-1   .csc-textpic-intext-right-nowrap > .csc-textpic-text{
    float: left;
    width: 65%;
  }

.frame-layout-1    .csc-textpic-intext-right-nowrap > .csc-textpic-imagewrap,
.frame-layout-1    .csc-textpic-intext-right > .csc-textpic-imagewrap {
    float: right;
    width: 35%;
  }

}
/* flu */
#page-92 .frame-layout-1 .csc-textpic-intext-left > .csc-textpic-imagewrap,
#page-92 .frame-layout-1  .csc-textpic-intext-left-nowrap > .csc-textpic-imagewrap,
#page-92 .frame-layout-1  .ce-left > .ce-gallery   {
float: left !important;
width: 20% !important;
}
#page-92 .frame-layout-1 .csc-textpic-intext-left > .csc-textpic-text, 
#page-92 .frame-layout-1 .csc-textpic-intext-left-nowrap > .csc-textpic-text,
#page-92 .frame-layout-1  .ce-left > .ce-bodytext     {
float: right !important;
width: 80% !important;
background: red important;
}

@media (min-width: 992px){
/* Bild links */

.frame-layout-1 .csc-textpic-intext-left > .csc-textpic-imagewrap,
.frame-layout-1   .csc-textpic-intext-left-nowrap > .csc-textpic-imagewrap  {
    float: left;
    width: 20%;
  }

.frame-layout-1   .csc-textpic-intext-left-nowrap > .csc-textpic-text  {
    float: right;
    width: 80%;
  }
#page-92 .frame-layout-1 .csc-textpic-intext-left > .csc-textpic-imagewrap,
#page-92 .frame-layout-1  .csc-textpic-intext-left-nowrap > .csc-textpic-imagewrap  {
float: left !important;
width: 30% !important;
}
#page-92 .frame-layout-1 .csc-textpic-intext-left > .csc-textpic-text, 
#page-92 .frame-layout-1 .csc-textpic-intext-left-nowrap > .csc-textpic-text   {
float: right !important;
width: 70% !important;
background: red important;
}

/* Bild rechts */
.frame-layout-1   .csc-textpic-intext-right-nowrap > .csc-textpic-text{
    float: left;
    width: 80%;
  }

.frame-layout-1    .csc-textpic-intext-right-nowrap > .csc-textpic-imagewrap,
.frame-layout-1    .csc-textpic-intext-right > .csc-textpic-imagewrap {
    float: right;
    width: 20%;
  }

}


/* ------------------------------------------------------Ende Layout-1 css-styled content*/
/* allgemein für layout-1 fluid-styled-content*/
@media (min-width: 481px){
/* Bild links */

.frame-layout-1 .ce-textpic.ce-intext.ce-left > .ce-gallery,
.frame-layout-1   .ce-textpic.ce-intext.ce-left.ce-nowrap > .ce-gallery  {
    float: left;
    width: 40%;
  }

.frame-layout-1   .ce-textpic.ce-intext.ce-left.ce-nowrap > .ce-bodytext   {
    float: right;
    width: 60%;
  }

/* Bild rechts */
.frame-layout-1   .ce-textpic.ce-intext.ce-right.ce-nowrap > .ce-bodytext   {
    float: left;
    width: 60%;
  }

.frame-layout-1 .ce-textpic.ce-intext.ce-right > .ce-gallery,
.frame-layout-1   .ce-textpic.ce-intext.ce-right.ce-nowrap > .ce-gallery  {
    float: right;
    width: 40%;
  }

}


@media (min-width: 600px){
/* Bild links */

.frame-layout-1 .ce-textpic.ce-intext.ce-left > .ce-gallery,
.frame-layout-1   .ce-textpic.ce-intext.ce-left.ce-nowrap > .ce-gallery  {
    float: left;
    width: 35%;
  }

.frame-layout-1   .ce-textpic.ce-intext.ce-left.ce-nowrap > .ce-bodytext   {
    float: right;
    width: 65%;
  }

/* Bild rechts */
.frame-layout-1   .ce-textpic.ce-intext.ce-right.ce-nowrap > .ce-bodytext   {
    float: left;
    width: 65%;
  }

.frame-layout-1 .ce-textpic.ce-intext.ce-right > .ce-gallery,
.frame-layout-1   .ce-textpic.ce-intext.ce-right.ce-nowrap > .ce-gallery  {
    float: right;
    width: 35%;
  }
}
/* flu */
#page-92 .frame-layout-1 .csc-textpic-intext-left > .csc-textpic-imagewrap,
#page-92 .frame-layout-1  .csc-textpic-intext-left-nowrap > .csc-textpic-imagewrap,
#page-92 .frame-layout-1  .ce-left > .ce-gallery   {
float: left !important;
width: 20% !important;
}
#page-92 .frame-layout-1 .csc-textpic-intext-left > .csc-textpic-text, 
#page-92 .frame-layout-1 .csc-textpic-intext-left-nowrap > .csc-textpic-text,
#page-92 .frame-layout-1  .ce-left > .ce-bodytext     {
float: right !important;
width: 80% !important;
background: red important;
}

@media (min-width: 992px){
/* Bild links */


#page-92 .frame-layout-1 .csc-textpic-intext-left > .csc-textpic-imagewrap,
#page-92 .frame-layout-1  .csc-textpic-intext-left-nowrap > .csc-textpic-imagewrap  {
float: left !important;
width: 30% !important;
}
#page-92 .frame-layout-1 .csc-textpic-intext-left > .csc-textpic-text, 
#page-92 .frame-layout-1 .csc-textpic-intext-left-nowrap > .csc-textpic-text   {
float: right !important;
width: 70% !important;
background: red important;
}

.frame-layout-1 .ce-textpic.ce-intext.ce-left > .ce-gallery,
.frame-layout-1   .ce-textpic.ce-intext.ce-left.ce-nowrap > .ce-gallery  {
    float: left;
    width: 20%;
  }

.frame-layout-1   .ce-textpic.ce-intext.ce-left.ce-nowrap > .ce-bodytext   {
    float: right;
    width: 80%;
  }

/* Bild rechts */
.frame-layout-1   .ce-textpic.ce-intext.ce-right.ce-nowrap > .ce-bodytext   {
    float: left;
    width: 80%;
  }

.frame-layout-1 .ce-textpic.ce-intext.ce-right > .ce-gallery,
.frame-layout-1   .ce-textpic.ce-intext.ce-right.ce-nowrap > .ce-gallery  {
    float: right;
    width: 20%;
  }

}


/* ------------------------------------------------------Ende Layout-1 */

/* ----------------------Anfang layout-3 / Layout: mittleresBild beim Bild angeben */

@media (min-width: 481px){
/* Bild links */

.frame-layout-3 .csc-textpic-intext-left > .csc-textpic-imagewrap,
.frame-layout-3   .csc-textpic-intext-left-nowrap > .csc-textpic-imagewrap  {
    float: left;
    width: 50%;
  }

.frame-layout-3   .csc-textpic-intext-left-nowrap > .csc-textpic-text {
    float: right;
    width: 50%;
  }

/* Bild rechts */
.frame-layout-3   .csc-textpic-intext-right-nowrap > .csc-textpic-text{
    float: left;
    width: 50%;
  }

.frame-layout-3    .csc-textpic-intext-right-nowrap > .csc-textpic-imagewrap,
.frame-layout-3 .csc-textpic-intext-right > .csc-textpic-imagewrap {
    float: right;
    width: 50%;
  }

}


@media (min-width: 600px){
/* Bild links */

.frame-layout-3 .csc-textpic-intext-left > .csc-textpic-imagewrap,
.frame-layout-3   .csc-textpic-intext-left-nowrap > .csc-textpic-imagewrap  {
    float: left;
    width: 35%;
  }

.frame-layout-3   .csc-textpic-intext-left-nowrap > .csc-textpic-text
/* ,.frame-layout-3   .csc-textpic-intext-right > .csc-textpic-imagewrap */   {
    float: right;
    width: 65%;
  }

/* Bild rechts */
.frame-layout-3   .csc-textpic-intext-right-nowrap > .csc-textpic-text{
    float: left;
    width: 65%;
  }

.frame-layout-3    .csc-textpic-intext-right-nowrap > .csc-textpic-imagewrap,
.frame-layout-3 .csc-textpic-intext-right > .csc-textpic-imagewrap {
    float: right;
    width: 35%;
  }

}

@media (min-width: 992px){
/* Bild links */

.frame-layout-3 .csc-textpic-intext-left > .csc-textpic-imagewrap,
.frame-layout-3   .csc-textpic-intext-left-nowrap > .csc-textpic-imagewrap  {
    float: left;
    width: 29%;
  }

.frame-layout-3   .csc-textpic-intext-left-nowrap > .csc-textpic-text  {
    float: right;
    width: 71%;
  }

/* Bild rechts */
.frame-layout-3   .csc-textpic-intext-right-nowrap > .csc-textpic-text{
    float: left;
    width: 71%;
  }

.frame-layout-3    .csc-textpic-intext-right-nowrap > .csc-textpic-imagewrap,
.frame-layout-3 .csc-textpic-intext-right > .csc-textpic-imagewrap {
    float: right;
    width: 29%;
  }

}
/* ------------------------------------------------------Ende Layout-3 */

/* ----------------------------------------Anfang Layout-4, Scheckkarte */
/* enthält Einstellungen aus layout-1- Anfang */

@media (min-width: 481px){
/* Bild links */

.frame-layout-4 .csc-textpic-intext-left > .csc-textpic-imagewrap,
.frame-layout-4   .csc-textpic-intext-left-nowrap > .csc-textpic-imagewrap  {
    float: left;
    width: 40%;
  }

.frame-layout-4   .csc-textpic-intext-left-nowrap > .csc-textpic-text   {
    float: right;
    width: 60%;
  }

/* Bild rechts */
.frame-layout-4   .csc-textpic-intext-right-nowrap > .csc-textpic-text{
    float: left;
    width: 60%;
  }

.frame-layout-4    .csc-textpic-intext-right-nowrap > .csc-textpic-imagewrap,
.frame-layout-4    .csc-textpic-intext-right > .csc-textpic-imagewrap {
    float: right;
    width: 40%;
  }

}


@media (min-width: 600px){
/* Bild links */

.frame-layout-4 .csc-textpic-intext-left > .csc-textpic-imagewrap,
.frame-layout-4   .csc-textpic-intext-left-nowrap > .csc-textpic-imagewrap  {
    float: left;
    width: 35%;
  }

.frame-layout-4   .csc-textpic-intext-left-nowrap > .csc-textpic-text   {
    float: right;
    width: 65%;
  }

/* Bild rechts */
.frame-layout-4   .csc-textpic-intext-right-nowrap > .csc-textpic-text{
    float: left;
    width: 65%;
  }

.frame-layout-4    .csc-textpic-intext-right-nowrap > .csc-textpic-imagewrap,
.frame-layout-4    .csc-textpic-intext-right > .csc-textpic-imagewrap {
    float: right;
    width: 35%;
  }

}

@media (min-width: 992px){
/* Bild links */

.frame-layout-4 .csc-textpic-intext-left > .csc-textpic-imagewrap,
.frame-layout-4   .csc-textpic-intext-left-nowrap > .csc-textpic-imagewrap  {
    float: left;
    width: 30%;
  }

.frame-layout-4   .csc-textpic-intext-left-nowrap > .csc-textpic-text  {
    float: right;
    width: 70%;
  }

/* Bild rechts */
.frame-layout-4   .csc-textpic-intext-right-nowrap > .csc-textpic-text{
    float: left;
    width: 70%;
  }

.frame-layout-4    .csc-textpic-intext-right-nowrap > .csc-textpic-imagewrap,
.frame-layout-4    .csc-textpic-intext-right > .csc-textpic-imagewrap {
    float: right;
    width: 30%;
  }

}

/* enthält Einstellungen aus layout-1- Ende */

/* für zentrierte Bilder über oder unter Text - Anfang */
.frame-layout-4 .ce-center .csc-textpic-image img{
width: 94%;
}
.frame-layout-4 .ce-center .csc-textpic-image{
margin-top: 0;
margin-bottom: 10px;
}

/* für zentrierte Bilder über oder unter Text - Ende */

.frame-layout-4{
background: #f5f5f5 !important;
border: 2px solid #f37122 !important;
max-width: 336px !important;
margin: auto;
color: #333 !important;
 -moz-box-shadow: 2px 2px 2px #888;
  -webkit-box-shadow: 2px 2px 2px #888;
  box-shadow: 2px 2px 2px #888;
}
@media (max-width: 420px){
.frame-layout-4{
font-size: 100% !important;
}
}
@media (min-width: 768px) and (max-width:992px) {
.frame-layout-4{
font-size: 100% !important;
}
}
.frame-layout-4    .csc-textpic-intext-right-nowrap > .csc-textpic-imagewrap,
.frame-layout-4 .csc-textpic-intext-right > .csc-textpic-imagewrap{
width: 30% !important;
float: right !important;
}
.frame-layout-4 .csc-textpic-intext-left > .csc-textpic-imagewrap,
.frame-layout-4   .csc-textpic-intext-left-nowrap > .csc-textpic-imagewrap  {
width: 30% !important;
float: left !important;
}
/* -------------------------------------------------------Ende Layout-4, Scheckkarte */

/* --------------------------------------------------------------
Hinweis: layout-5, layout-6, layout-7 und layout-8 (Bilder mit Schatten)
wurden aus page.tsconfig.ts entfernt, da keine Bilder mit Schatten
benötigt werden. 
-----------------------------------------------------------------*/

/* Anfang Layout-5, Standard mit Schatten */
.frame-layout-5 .csc-textpic-imagewrap img {
border: 0 !important;
 -moz-box-shadow: 2px 2px 2px #888;
  -webkit-box-shadow: 2px 2px 2px #888;
  box-shadow: 2px 2px 2px #888;

}
/* Ende Layout-5, Standard mit Schatten */

/* Anfang Layout-6, kleines Bild mit Schatten */
.frame-layout-6 .csc-textpic-imagewrap img {
border: 0 !important;
 -moz-box-shadow: 2px 2px 2px #888;
  -webkit-box-shadow: 2px 2px 2px #888;
  box-shadow: 2px 2px 2px #888;

}

@media (min-width: 481px){
/* Bild links */

.frame-layout-6 .csc-textpic-intext-left > .csc-textpic-imagewrap,
.frame-layout-6   .csc-textpic-intext-left-nowrap > .csc-textpic-imagewrap  {
    float: left;
    width: 40%;
  }

.frame-layout-6   .csc-textpic-intext-left-nowrap > .csc-textpic-text   {
    float: right;
    width: 60%;
  }

/* Bild rechts */
.frame-layout-6   .csc-textpic-intext-right-nowrap > .csc-textpic-text{
    float: left;
    width: 60%;
  }

.frame-layout-6    .csc-textpic-intext-right-nowrap > .csc-textpic-imagewrap,
.frame-layout-6    .csc-textpic-intext-right > .csc-textpic-imagewrap {
    float: right;
    width: 40%;
  }

}


@media (min-width: 600px){
/* Bild links */

.frame-layout-6 .csc-textpic-intext-left > .csc-textpic-imagewrap,
.frame-layout-6   .csc-textpic-intext-left-nowrap > .csc-textpic-imagewrap  {
    float: left;
    width: 35%;
  }

.frame-layout-6   .csc-textpic-intext-left-nowrap > .csc-textpic-text   {
    float: right;
    width: 65%;
  }

/* Bild rechts */
.frame-layout-6   .csc-textpic-intext-right-nowrap > .csc-textpic-text{
    float: left;
    width: 65%;
  }

.frame-layout-6    .csc-textpic-intext-right-nowrap > .csc-textpic-imagewrap,
.frame-layout-6    .csc-textpic-intext-right > .csc-textpic-imagewrap {
    float: right;
    width: 35%;
  }

}

@media (min-width: 992px){
/* Bild links */

.frame-layout-6 .csc-textpic-intext-left > .csc-textpic-imagewrap,
.frame-layout-6   .csc-textpic-intext-left-nowrap > .csc-textpic-imagewrap  {
    float: left;
    width: 20%;
  }

.frame-layout-6   .csc-textpic-intext-left-nowrap > .csc-textpic-text  {
    float: right;
    width: 80%;
  }

/* Bild rechts */
.frame-layout-6   .csc-textpic-intext-right-nowrap > .csc-textpic-text{
    float: left;
    width: 80%;
  }

.frame-layout-6    .csc-textpic-intext-right-nowrap > .csc-textpic-imagewrap,
.frame-layout-6    .csc-textpic-intext-right > .csc-textpic-imagewrap {
    float: right;
    width: 20%;
  }

}

/* Ende Layout-6, kleines Bild mit Schatten */

/* Anfang Layout-7, mittleres Bild mit Schatten */
.frame-layout-7 .csc-textpic-imagewrap img {
border: 0 !important;
 -moz-box-shadow: 2px 2px 2px #888;
  -webkit-box-shadow: 2px 2px 2px #888;
  box-shadow: 2px 2px 2px #888;

}

@media (min-width: 481px){
/* Bild links */

.frame-layout-7 .csc-textpic-intext-left > .csc-textpic-imagewrap,
.frame-layout-7   .csc-textpic-intext-left-nowrap > .csc-textpic-imagewrap  {
    float: left;
    width: 50%;
  }

.frame-layout-7   .csc-textpic-intext-left-nowrap > .csc-textpic-text {
    float: right;
    width: 50%;
  }

/* Bild rechts */
.frame-layout-7   .csc-textpic-intext-right-nowrap > .csc-textpic-text{
    float: left;
    width: 50%;
  }

.frame-layout-7    .csc-textpic-intext-right-nowrap > .csc-textpic-imagewrap,
.frame-layout-7 .csc-textpic-intext-right > .csc-textpic-imagewrap {
    float: right;
    width: 50%;
  }

}


@media (min-width: 600px){
/* Bild links */

.frame-layout-7 .csc-textpic-intext-left > .csc-textpic-imagewrap,
.frame-layout-7   .csc-textpic-intext-left-nowrap > .csc-textpic-imagewrap  {
    float: left;
    width: 35%;
  }

.frame-layout-7   .csc-textpic-intext-left-nowrap > .csc-textpic-text
/* ,.frame-layout-7   .csc-textpic-intext-right > .csc-textpic-imagewrap */   {
    float: right;
    width: 65%;
  }

/* Bild rechts */
.frame-layout-7   .csc-textpic-intext-right-nowrap > .csc-textpic-text{
    float: left;
    width: 65%;
  }

.frame-layout-7    .csc-textpic-intext-right-nowrap > .csc-textpic-imagewrap,
.frame-layout-7 .csc-textpic-intext-right > .csc-textpic-imagewrap {
    float: right;
    width: 35%;
  }

}

@media (min-width: 992px){
/* Bild links */

.frame-layout-7 .csc-textpic-intext-left > .csc-textpic-imagewrap,
.frame-layout-7   .csc-textpic-intext-left-nowrap > .csc-textpic-imagewrap  {
    float: left;
    width: 29%;
  }

.frame-layout-7   .csc-textpic-intext-left-nowrap > .csc-textpic-text  {
    float: right;
    width: 71%;
  }

/* Bild rechts */
.frame-layout-7   .csc-textpic-intext-right-nowrap > .csc-textpic-text{
    float: left;
    width: 71%;
  }

.frame-layout-7    .csc-textpic-intext-right-nowrap > .csc-textpic-imagewrap,
.frame-layout-7 .csc-textpic-intext-right > .csc-textpic-imagewrap {
    float: right;
    width: 29%;
  }

}


/* Ende Layout-7, mittleres Bild mit Schatten */

/* Anfang Layout-8, Scheckkarte: Bilder mit Schatten */
/* enthält Einstellungen aus layout-1- Anfang */

@media (min-width: 481px){
/* Bild links */

.frame-layout-8 .csc-textpic-intext-left > .csc-textpic-imagewrap,
.frame-layout-8   .csc-textpic-intext-left-nowrap > .csc-textpic-imagewrap  {
    float: left;
    width: 40%;
  }

.frame-layout-8   .csc-textpic-intext-left-nowrap > .csc-textpic-text   {
    float: right;
    width: 60%;
  }

/* Bild rechts */
.frame-layout-8   .csc-textpic-intext-right-nowrap > .csc-textpic-text{
    float: left;
    width: 60%;
  }

.frame-layout-8    .csc-textpic-intext-right-nowrap > .csc-textpic-imagewrap,
.frame-layout-8    .csc-textpic-intext-right > .csc-textpic-imagewrap {
    float: right;
    width: 40%;
  }

}


@media (min-width: 600px){
/* Bild links */

.frame-layout-8 .csc-textpic-intext-left > .csc-textpic-imagewrap,
.frame-layout-8   .csc-textpic-intext-left-nowrap > .csc-textpic-imagewrap  {
    float: left;
    width: 35%;
  }

.frame-layout-8   .csc-textpic-intext-left-nowrap > .csc-textpic-text   {
    float: right;
    width: 65%;
  }

/* Bild rechts */
.frame-layout-8   .csc-textpic-intext-right-nowrap > .csc-textpic-text{
    float: left;
    width: 65%;
  }

.frame-layout-8    .csc-textpic-intext-right-nowrap > .csc-textpic-imagewrap,
.frame-layout-8    .csc-textpic-intext-right > .csc-textpic-imagewrap {
    float: right;
    width: 35%;
  }

}

@media (min-width: 992px){
/* Bild links */

.frame-layout-8 .csc-textpic-intext-left > .csc-textpic-imagewrap,
.frame-layout-8   .csc-textpic-intext-left-nowrap > .csc-textpic-imagewrap  {
    float: left;
    width: 30%;
  }

.frame-layout-8   .csc-textpic-intext-left-nowrap > .csc-textpic-text  {
    float: right;
    width: 70%;
  }

/* Bild rechts */
.frame-layout-8   .csc-textpic-intext-right-nowrap > .csc-textpic-text{
    float: left;
    width: 70%;
  }

.frame-layout-8    .csc-textpic-intext-right-nowrap > .csc-textpic-imagewrap,
.frame-layout-8    .csc-textpic-intext-right > .csc-textpic-imagewrap {
    float: right;
    width: 30%;
  }

}

/* enthält Einstellungen aus layout-1- Ende */

/* für zentrierte Bilder über oder unter Text - Anfang */
.frame-layout-8 .ce-center .csc-textpic-image img{
width: 94%;
-moz-box-shadow: 2px 2px 2px #888;
  -webkit-box-shadow: 2px 2px 2px #888;
  box-shadow: 2px 2px 2px #888;
}
.frame-layout-8 .ce-center .csc-textpic-image{
margin-top: 0;
margin-bottom: 10px;
}

/* für zentrierte Bilder über oder unter Text - Ende */

.frame-layout-8{
background: #f5f5f5 !important;
border: 2px solid #f37122 !important;
max-width: 336px !important;
margin: auto;
color: #333 !important;
 -moz-box-shadow: 2px 2px 2px #888;
  -webkit-box-shadow: 2px 2px 2px #888;
  box-shadow: 2px 2px 2px #888;
}
@media (max-width: 420px){
.frame-layout-8{
font-size: 100% !important;
}
}
@media (min-width: 768px) and (max-width:992px) {
.frame-layout-8{
font-size: 100% !important;
}
}
.frame-layout-8    .csc-textpic-intext-right-nowrap > .csc-textpic-imagewrap,
.frame-layout-8 .csc-textpic-intext-right > .csc-textpic-imagewrap{
width: 30% !important;
float: right !important;
}
.frame-layout-8 .csc-textpic-intext-left > .csc-textpic-imagewrap,
.frame-layout-8   .csc-textpic-intext-left-nowrap > .csc-textpic-imagewrap  {
width: 30% !important;
float: left !important;
}
/* Ende Layout-8, Scheckkarte mit Schatten */

/* Anfang Layout-9, Spaltenelement ohne Farbverlauf, grau */

.frame-layout-9 {
background-image: none !important;
/* background-color: #dedede !important; 19.3.25 */
background-color: #f7f7f7 !important;
}

/* Ende Layout-9 */

/* Anfang Layout-10, Spaltenelement ohne Farbverlauf, transparent */
.frame-layout-10 {
background-image: none !important;
background-color: transparent !important;
}
/* Ende Layout-10 */

/* Anfang Layout-11, Spaltenelement ohne Farbverlauf, transparent, mit Pfeil */
.frame-layout-11::after {
    content: "↓";
} 
.frame-layout-11 {
background-image: none !important;
background-color: transparent !important;
font-size: 200%;
    color: #333;
    display: block;
    margin: 0px auto !important;
    text-align: center;
    border: medium none;
}
/* Ende Layout-11 */

/* Anfang layout-12 / Layout: IMGmobileCash beim Bild angeben */
/* allgemein für layout-12 */
.frame-layout-12 {
background-image: none !important;
background-color: transparent !important;
}
.frame-layout-12 img{
max-height: 150px !important;
}

/* Ende layout-12 */


/* Mehrere verlinkte Bilder als Navigation 3. Ebene (Standard-Layout = layout-0) - Anfang */

.frame-layout-0 .ce-center, .frame-layout-0 .ce-center-inner {
text-align: center;
}
.frame-layout-0 .ce-center .csc-textpic-imagerow {
display:block;
}


.frame-layout-0 .ce-center .csc-textpic-imagerow .csc-textpic-caption{
font-weight: bold;
}

/* Mehrere verlinkte Bilder als Navigation 3. Ebene - Ende */

/* Trenner */
hr{
border-width: 2px;
border-color: #ccc;
}

.frame-default{
padding-bottom: 6px !important;
}

/* Listenformatierung - Anfang */
.frame-default ul, 
.frame-default ol{
margin: 0 auto 10px 1.5em;
padding: 0;
}
.frame-default ul{
list-style: url(https://raiba-pfaffenhofen.de/fileadmin/Raiba/Resources/Images-Admin/LayoutBilder/raiba_bullet.png) outside;
}
#page-108 #c164 ul{
list-style: url(https://raiba-pfaffenhofen.de/fileadmin/Raiba/Resources/Images-Admin/LayoutBilder/raiba_bullet.png) inside !important;
}
/* flu */
.ce-intext.ce-left ol, .ce-intext.ce-left ul {
    padding-left: 16px;
    margin-left: 4px;
    overflow: auto;
}
.ce-textpic.ce-center ol, .ce-textpic.ce-center ul {
    padding-left: 16px;
    margin-left: 4px;
    overflow: auto;
}
.ce-textpic.ce-center ol li, .ce-textpic.ce-center ul li {
    text-align: left;
}

/* Listenformatierung - Ende */

/* Schriftgröße im Content auf mini-Bildschirmen < 319px ------- Anfang */
@media screen and (max-width: 319px) {
.content p{
font-size: 80%;
}
}
/* Schriftgröße im Content auf mini-Bildschirmen < 319px ------- Ende*/

/* Standard-Tabellenformat - Anfang */

.contenttable-0,
.ce-table{
display:block;
margin-bottom: 10px;
text-align: center;
}
.contenttable-0 tbody,
.ce-table tbody{
display:inline-block;
margin: 0 auto;
}
.contenttable-0 tr td,
.ce-table tr td{
font-size:80%;
}
.contenttable-0 .tr-0 td,
.ce-table .tr:nth-child(1) td{
padding:5px;
}
.contenttable-0 .tr-even,
.ce-table .tr:nth-child(even){
background: #d0dfe9;
text-align: left;
}
.contenttable-0 .tr-odd,
.ce-table .tr:nth-child(odd){
background: #ffffff;
text-align: left;
}
.contenttable-0 .tr-even td,
.contenttable-0 .tr-odd td,
.ce-table .tr:nth-child(even) td,
.ce-table .tr:nth-child(odd) td{
padding: 5px;
}
/* erste Zeile */
.contenttable-0 .tr-0,
.ce-table .tr:nth-child(1){
font-weight: bold;
text-align: center;
color: #0066b3;
font-size:90%;
}

@media (min-width: 769px) and (max-width: 850px){
.contenttable-0 tr td,
.ce-table tr td{
font-size:60%;
}
}

/* Standard-Tabellenformat - Ende */

/* piwik Hinweis im Impressum: */
.piwikHinweis {
border: 0; 
width: 100%;
margin: 0;
padding: 20px;
}

@media (max-width: 300px){
.piwikHinweis {
height: 30em;
}
}

@media (max-width: 319px){
.piwikHinweis {
height: 26.5em;
}
}
@media (min-width: 320px) and (max-width: 420px ){
.piwikHinweis {
height: 20em;
}
}

@media (min-width: 420px) and (max-width: 480px ){
.piwikHinweis {
height: 16em;
}
}

@media (min-width: 481px) and (max-width: 768px ){
.piwikHinweis {
height: 14em;
}
}

@media (min-width: 769px) and (max-width: 992px ){
.piwikHinweis {
height: 12em;
}
}

@media (min-width: 993px) and (max-width: 1199px ){
.piwikHinweis {
height: 10em;
}
}

@media (min-width: 1200px){
.piwikHinweis {
height: 10em;
}
}

/* divider an grau hinterlegte divs anpassen: */
.row .divider{
padding: 0;
margin: 0;
}
.row .divider hr{
border-width:2px;
border-color: #fff;
margin-top: 0;
margin-bottom: 2px;
}

/* divider nach Banner: Ohne Hintergrund */
/* Seite Junge Kunden */
#page-96 #c607 + div{
background: transparent !important;
margin: -15px 0 -10px 0;
padding: 0;
}

/* Padding in Spalten vergrößern - Anfang ------------------
.content .row > div{
padding: 15px;
}
Padding in Spalten vergrößern - Ende --------------------*/

/* Silbentrennung  in p und ul, nicht nur in Blocksatz - Anfang */
/* typo3 9.5 auch in .frame-acc-closed .ce-bodytext */
.frame-default p,
.frame-default ul li,
.frame-acc-closed .ce-bodytext p{

/* bricht Wörter einfach ohne Silbengrenzen um!
-ms-word-break: break-all;
     word-break: break-all;
     word-break: break-word;
*/

-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;
}
/* Silbentrennung  in p und ul, nicht nur in Blocksatz - Anfang */


/* ---------------Seitenspezifische Einstellungen - Anfang ----------------- */
/* Seite Immobilien - lange Links: */
/* für den Bereich, wo Spalten eng werden: */
@media (min-width:240px) and (max-width:415px){

#page-95 .row .col-md-8 a{
font-size: 80%;
white-space: normal !important;
}

}

/* Seite Mastercard-Visa - lange Links: */
/* sehr lange links umbrechen */
#page-190 #c759 a,
#page-190 #c761 a{
white-space: normal;
}
/* für den Bereich, wo Spalten eng werden: */
@media (min-width:240px) and (max-width:415px){
#page-124 .row .col-md-8 a{
font-size: 100%;
white-space: normal;
}
}
@media (min-width:240px) and (max-width:290px){
#page-124 .row .col-md-8 a{
font-size: 100%;
white-space: nowrap;
}
}
@media (min-width:320px) and (max-width:337px){
#page-124 .row .col-md-8 a{
font-size: 100%;
white-space: nowrap;
}
}

/* Seite Privatkunden KK - sehr lange Links:*/
#page-178 #c621 a{
white-space: normal;
}


/* Seite Startseite - lange Links: */
#page-1 .row .col-md-4 a{
white-space: normal;
}

/* Seite Impressum - lange Links / flu*/
@media (max-width: 600px){
#page-22 #c756 p a{
font-size: 100%;
white-space: normal;
}
#page-22 #c756 .ce-gallery{
width: 100%;
max-width: 100%;
margin: 0;
}
#page-22 #c756 .ce-gallery img{
margin: 0 auto;
}
}
@media (min-width: 601px){
#page-22 #c756 .ce-gallery{
width: 100%;
max-width: 30%;
}
#page-22 #c756 .ce-bodytext{
width: 100%;
max-width: 70%;
}
#page-22 #c756 .ce-gallery img{
margin: 0;
}
}

/* Seite Pflichtinfo - lange Links / Lange Wörter in Liste*/
@media (max-width: 400px){
#page-32 #c564 ol li{
font-size: 100%;
white-space: normal;
padding-left: 0;
}
#page-32 #c564 ol{
padding-left: 0 !important;
}
}

/* Seite Invest & Finanz - Anfang */
#page-98 #c331{
background-image: none;
/* background-color: #dedede; 19.3.25 */
background-color: #f7f7f7;
}
@media (max-width: 1059px){
#page-98 #c331{
margin: -13px auto 10px auto;
}
}
@media (min-width: 1060px){
#page-98 #c331{
margin: -13px 10px 10px auto;
}
}

@media (min-width: 992px) and (max-width: 1060px){
#page-98 #c656 h2, #page-98 #c657 h2, #page-98 #c658 h2, #page-98 #c659 h2{
font-size: 1em;
font-weight: 550;
}
}
/* Seite Invest & Finanz - Ende */

/* eingebundene Mitarbeiter nach oben versetzen: */
/* Seiten: Liqu & Zahl (97) , Immobilien (95), Bö & Wert (89), Mastercard (124),
 Stellenang (108) VR-Bank App (138) Rating (181) Finanzplan (107)* Tipps (187) Schließf (93)
 Vorteile als Mitgl (40) Unternnachf (101) Primagiro (134) Mobilität (135) Auslandsgesch (179)
 Master/Visa (190) Notruf (194) GoldCard (196)* mobileCash(213), VisaCard Gold(197), Karriere im Kreditwesen(217) */
#page-97 #c222,
#page-95 #c216,
#page-89 #c216,
#page-124 #c354,
#page-108 #c217,
#page-138 #c451,
#page-181 #c217,
#page-107 #c217,
#page-187 #c217,
#page-93 #c217,
#page-40 #c217,
#page-101 #c222,
#page-100 #c222,
#page-134 #c449,
#page-137 #c217,
#page-179 #c222,
#page-190 #c354,
#page-194 #c217,
#page-196 #c354,
#page-213 #c217,
#page-197 #c354,
#page-217 #c217,
#page-229 #c451,
#page-192 #c354{
padding-top: 5px;
}

/* Bild soll auf kleineren Displays verschwinden */
@media (max-width: 768px){
#page-49 #c283 .csc-textpic-imagewrap,
#page-49 #c283 .ce-gallery{
visibility: hidden;
width: 0;
height: 0;
}
#page-49 #c283 .csc-textpic-text,
#page-49 #c283 .ce-bodytext{
width: 100%;
max-width: 100%;
float: none;
}
}

/* zweites Element unter Mitgliederbonuskonzept/ Bild neben Text */
@media (min-width: 420px) and (max-width: 720px){
#page-49 #c697 .csc-textpic-image,
#page-49 #c697 .csc-textpic-text
{
display: block;
width: 100%;
}
}


/* Überschriften-Links auf der Startseite */
#page-1 #c714 a,
#page-1 #c715 a,
#page-1 #c719 a{
color: #0066b3;
font-weight: normal;
padding-left: 18px;
background: transparent url(../Images-Admin/LayoutBilder/orangePfeil.png) 10px 7px no-repeat;
}

#page-1 #c714 a{
background: transparent url(https://raiba-pfaffenhofen.de/fileadmin/Raiba/Resources/Images-Admin/LinkAccessIcons/internerLink.png) 6px 6px no-repeat;
}
#page-1 #c714 a:hover,
#page-1 #c715 a:hover,
#page-1 #c719 a:hover{
color: #f37122;
}

/* Seite Datenschutzhinweis (31) */
#page-31 #c437{
background-color: #f5f5f5;
}

/* Seite Datenschutzhinweis (30), Seite Tipps (187 */
#page-30 #c576 p a.download,
#page-187 p a.download{
padding-left: 1em;
}

/* Seite Pflichtinfo (32) */
#page-32 #c564 ol{
padding-left: 2em;
}

/* Tabelle Seite Notrufnummern */
/* 5. Breakpoint */
@media  (max-width: 399px){
#page-194 table{
font-size: 100%;
}
/* Tabellenspalten untereinander darstellen */
#page-194 table tr td{
display: block;
width: 100%;
}
}

/* 4. Breakpoint */
@media  (min-width: 400px) and (max-width: 519px){
#page-194 table{
font-size: 70%;
}

}

/* 3. Breakpoint */
@media (min-width: 520px) and (max-width: 549px){
#page-194 table{
font-size: 90%;
}
}

/* 2. Breakpoint */
@media (min-width: 550px) and (max-width: 599px){
#page-194 table{
font-size: 100%;
}
}

/* 1. Breakpoint */
@media (min-width: 600px){
#page-194 table{
font-size: 115%;
}
}


#page-194 table{
color: #0066b3;
margin-bottom: 15px;
}
#page-194 table tr{
border-bottom: 1px solid #0066b3;
}

#page-194 table td{
padding: 10px;
}

/* Seite Gestaltung (neu, Dreispalter) */
/* Internetadressen nicht trennen */
#page-195 p{
hyphens: none;
}

@media (min-width: 1140px){
/* Überschrift */
#page-195 #c787{
margin-right: 11px;
}
}

#page-195 #c787,
#c427{
background-image: none;
/* background-color: #dedede; 19.3.25 */
background-color: #f7f7f7;
}

/* Links */
@media (max-width: 274px){
#page-195 #c790 p a{
font-size: 100%;
}
}

@media (min-width: 768px) and (max-width: 890px){
#page-195 #c790 p a{
font-size: 100%;
}
}

/* Bild in der Mitte */
#page-195 #c788{
padding: 0 !important;
background-image: none;
background: transparent;
}

/* Spalten untereinander: Bild verschwindet */
@media (max-width: 767px){
#page-195 #c788{
visibility: hidden;
width: 0;
height: 0;
}
#page-195 #c789{
background-image: none;
/* background-color: #dedede; 19.3.25 */
background-color: #f7f7f7;
}
}

@media (min-width: 768px) and (max-width: 899px){
#page-195 #c788 img{
margin-top: 40px;
}
}
@media (min-width: 900px) and (max-width: 1040px){
#page-195 #c788 img{
margin-top: 20px;
}
}

/* Seite Karriere (früher Stellenangebote): */
#page-108 #c164 + div > .divider hr{
border-color: #ccc;
border-width: 1px;
}
#page-108 #c164 + div{
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
}

#page-108 #c164 + div,
#page-108 #c808{
background-image: none;
background: transparent;
}
/* flu */
#page-108 #c164 .ce-bodytext{
margin-top: -8px;
}

/* eBanking */
#page-117 #c809 img{
margin-top: 10px;
}
#page-117 .content .row{
margin-left: 5px;
}

#page-117 #c153 li{
display: block !important;
width: 50%;
margin-left: auto;
margin-right: auto;
padding-top: 4px;
padding-bottom: 4px;
background: url("../Images-Admin/LayoutBilder/orangePfeil.png") no-repeat scroll 13px 13px #f5f5f5;
}

@media (max-width: 290px){
#page-117 #c153 li{
font-size: 60%;
}
}

@media (max-width: 350px){
#page-117 #c153 li{
font-size: 100%;
}
}

@media (max-width: 580px){
#page-117 #c153 li{
width: 100%;
}
}

#page-117 #c154{
background-image: none;
/* background-color: #dedede; 19.3.25 */
background-color: #f7f7f7;
}

@media (max-width: 768px){
#page-117 .content .row > div .frame-default{
background-image: none;
background-color: transparent;
}
/* Bild verschwindet */
#page-117 .content .row > aside{
visibility: hidden;
height: 0;
width: 0;
}
}

/* Banner Seite Baugebiet Egenburg */
#c810{
margin-top: 13px;
}

/* Annonce Bonusrechner Seite eBanking */
#c838 img{
margin-top: 10px !important;
}

/* Seite paydirekt - Anfang */
#c856, #c860{
padding-top: 18px;
}
@media (min-width: 768px) and (max-width: 839px){
#c857 h2, #c859 h2, #c861 h2{
font-size: 0.75em;
}
}
@media (min-width: 840px) and (max-width: 929px){
#c857 h2, #c859 h2, #c861 h2{
font-size: 0.9em;
}
}
@media (min-width: 930px) and (max-width: 1070px){
#c857 h2, #c859 h2, #c861 h2{
font-size: 1em;
}
}

/* sah mit Blocksatz und Trennung sehr seltsam aus */
@media (min-width: 768px) and (max-width: 920px){
#c860 p{

}
}
/* Seite paydirekt - Ende */


/* Seite mobileCash- Anfang */
#page-212 #c889{
margin-bottom: 0;
}
#page-212 #c896{
background: transparent;
margin-top: 0;
padding-top: 0;
}
#page-212 #c889 .csc-textpic-text,
#page-212 #c893 .csc-textpic-text
{
padding-top: 7px;
}
/* Seite mobileCash- Ende */

/* Piwik Hinweis Seite Datenschutzhinweise */
#page-31 #c437 {
/* color: blue !important; wirkt nicht */
}


/* Seite easyCredit - Ihre Ansprechpartner */
#c949{
padding: 0 !important;
background: transparent !important;
}
/*
#c949 figure {
padding-top: 22px;
}
*/

/* Seite Privatkredite */
/* img in Liste brach um */
#c965 img{
display: inline-block;
}
/* Blocksatz und Silbentrennung in Listenelement */
#c965 li{
 text-align: justify;
 
-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;
}

/* Seite Finanzieren, Bauen und Wohnen mit Änderung für Privatkredit*/
/* mobile first */
@media (min-width: 301px) and (max-width:383px){
#c972 {
height: 75px;
}
}

@media (min-width: 301px) and (max-width:308px){
#c974 {
height: 85px;
}
}

@media (min-width: 309px) and (max-width:426px){
#c974 {
height: 75px;
}
}

@media (min-width:768px){
#c972 h2{
font-size: 0.7em;

}
#c974 h2{
font-size: 0.6em;
}
}

@media (min-width:790px){
#c972 h2{
font-size: 0.8em;

}
}

@media (min-width:800px){
#c974 h2{
font-size: 0.7em;
}
}

@media (min-width:900px){
#c974 h2{
font-size: 0.8em;
}
}

/* iPad landscape */
@media (width:1024px){
#c972 h2{
font-size: 1em;

}
#c974 h2{
font-size: 0.9em;
}
}

@media (min-width:1027px){
#c972 h2{
font-size: 1em;

}
#c974 h2{
font-size: 0.8em;
}
}

@media (min-width:1044px){
#c974 h2{
font-size: 0.9em;
}
}

@media (min-width:1080px){
#c974 h2{
font-size: 1em;
}
}

@media (min-width:1130px){
#c972 h2{
font-size: 1.2em;

}
}


@media (min-width:1150px){
#c974 h2{
font-size: 1em;
}
}

#page-224 #c973{
height: 55px !important;
}

@media (min-width:384px){
#c972 {
height: 55px;
}
}

@media (min-width:427px){
#c974 {
height: 55px;
}
}

/* hellerer Hintergrund: */
#page-224 #c970,
#page-224 #c975,
#page-224 #c976{
background-image: none;
background-color: #f7f7f7;
}

/* Seite Öffnungszeiten flu */
#page-148 #c696 .ce-bodytext{
width: 100%;
float: none;
text-align: center;
}
#page-148 #c235 .ce-bodytext{
width: 100%;
float: none;
text-align: left;
}
#page-148 .ce-gallery{
margin: 0;
}


/* Kartenverlust und Sperrung */
@media (max-width: 768px){
#page-170 .frame-layout-1   .ce-textpic.ce-intext.ce-right.ce-nowrap > .ce-bodytext   {
    float: none;
    width: 100%;
  }

#page-170 .frame-layout-1 .ce-textpic.ce-intext.ce-right > .ce-gallery,
#page-170 .frame-layout-1   .ce-textpic.ce-intext.ce-right.ce-nowrap > .ce-gallery  {
    float: none;
    width: 100%;
   text-align: center;
   margin: 0 auto;
  }
#page-170 .frame-layout-1   .ce-textpic.ce-intext.ce-right.ce-nowrap  .ce-column  {
    float: none;
    width: 100%;
   text-align: center;
   margin: 0 auto;
  }
#page-170 .frame-layout-1   .ce-textpic.ce-intext.ce-right.ce-nowrap  img  {
       margin: 0 auto;
  }
}
@media (min-width: 769px){
#page-170 .frame-layout-1   .ce-textpic.ce-intext.ce-right.ce-nowrap > .ce-bodytext   {
    float: left;
    width: 70%;
  }

#page-170 .frame-layout-1 .ce-textpic.ce-intext.ce-right > .ce-gallery,
#page-170 .frame-layout-1   .ce-textpic.ce-intext.ce-right.ce-nowrap > .ce-gallery  {
    float: right;
    width: 30%;
    padding: 0;
  }
#page-170 .frame-layout-1   .ce-textpic.ce-intext.ce-right.ce-nowrap  .ce-row, 
#page-170 .frame-layout-1   .ce-textpic.ce-intext.ce-right.ce-nowrap  .ce-column  {
    float: right;
    padding: 0;
  }
}
/* Bildunterschrift Startseite größerer Abstand typo3 9.5 - Anfang */
#c1021 .ce-bodytext p:nth-child(2),
#c611 .ce-bodytext p:nth-child(2),
#c1029 .ce-bodytext p:nth-child(2){
padding-top: 10px;
}
/* Bildunterschrift größerer Abstand typo3 9.5 - Ende */
/* Startseite zwei Filme in linke Spalte einbinden 8.9.17 Anfang ----------------------*/
#c1021 div{
box-sizing: content-box;
}
#c1021 .ce-outer, #c1021 .ce-inner, #c1021 .ce-row{
padding: 0;
}
#c1021 .ce-gallery{
margin: 0 -4px 10px -3px;
padding: 0 !important;
}
#c1021 .ce-gallery .ce-column .image{
margin-right: 0;
margin-left: 0;
}
#c1021 .ce-bodytext p{
font-weight: bold;
}
/* responsive --------------------------- */
@media (min-width: 250px) and (max-width: 300px){
#c1021 .ce-gallery .ce-column{
max-width: 40%;
margin: 0 5px;
}
#c1021 .ce-gallery .ce-column + .ce-column{
float: right;
max-width: 40%;
}
}
@media (min-width: 301px) and (max-width: 420px){
#c1021 .ce-gallery .ce-column{
max-width: 45%;
margin: 0 5px;
}
#c1021 .ce-gallery .ce-column + .ce-column{
float: right;
max-width: 45%;
}
}
@media (min-width: 421px) and (max-width: 750px){
#c1021 .ce-gallery .ce-column{
max-width: 50%;
margin: 0 5px;
}
#c1021 .ce-gallery .ce-column + .ce-column{
float: right;
max-width: 50%;
}
}
@media (min-width: 751px) and (max-width: 775px){
#c1021 .ce-gallery .ce-column{
max-width: 42%;
margin: 0 5px;
}
#c1021 .ce-gallery .ce-column + .ce-column{
float: right;
max-width: 42%;
}
}
@media (min-width: 776px) and (max-width: 1140px){
#c1021 .ce-gallery .ce-column{
max-width: 45%;
margin: 0 5px;
}
#c1021 .ce-gallery .ce-column + .ce-column{
float: right;
max-width: 45%;
}
}
@media (min-width: 1141px){
#c1021 .ce-gallery .ce-column{
max-width: 50%;
margin: 0 5px;
}
#c1021 .ce-gallery .ce-column + .ce-column{
float: right;
max-width: 50%;
}
}

/* Startseite zwei Filme in linke Spalte einbinden 8.9.17 Ende ----------------------*/

/* Startseite zwei Filme in rechte Spalte einbinden 14.9.17 Anfang ----------------------*/
#c1029 div{
box-sizing: content-box;
}
#c1029 .ce-outer, #c1029 .ce-inner, #c1029 .ce-row{
padding: 0;
}
#c1029 .ce-gallery{
margin: 0 -4px 10px -3px;
padding: 0 !important;
}
#c1029 .ce-gallery .ce-column .image{
margin-right: 0;
margin-left: 0;
}
#c1029 .ce-bodytext p{
font-weight: bold;
}
/* responsive --------------------------- */
@media (min-width: 250px) and (max-width: 300px){
#c1029 .ce-gallery .ce-column{
max-width: 40%;
margin: 0 5px;
}
#c1029 .ce-gallery .ce-column + .ce-column{
float: right;
max-width: 40%;
}
}
@media (min-width: 301px) and (max-width: 420px){
#c1029 .ce-gallery .ce-column{
max-width: 45%;
margin: 0 5px;
}
#c1029 .ce-gallery .ce-column + .ce-column{
float: right;
max-width: 45%;
}
}
@media (min-width: 421px) and (max-width: 750px){
#c1029 .ce-gallery .ce-column{
max-width: 50%;
margin: 0 5px;
}
#c1029 .ce-gallery .ce-column + .ce-column{
float: right;
max-width: 50%;
}
}
@media (min-width: 751px) and (max-width: 775px){
#c1029 .ce-gallery .ce-column{
max-width: 42%;
margin: 0 5px;
}
#c1029 .ce-gallery .ce-column + .ce-column{
float: right;
max-width: 42%;
}
}
@media (min-width: 776px) and (max-width: 1140px){
#c1029 .ce-gallery .ce-column{
max-width: 45%;
margin: 0 5px;
}
#c1029 .ce-gallery .ce-column + .ce-column{
float: right;
max-width: 45%;
}
}
@media (min-width: 1141px){
#c1029 .ce-gallery .ce-column{
max-width: 50%;
margin: 0 5px;
}
#c1029 .ce-gallery .ce-column + .ce-column{
float: right;
max-width: 50%;
}
}

/* Startseite zwei Filme in rechte Spalte einbinden 14.9.17 Ende ----------------------*/

/* Image Videos einbinden -------------------------------------- */
#page-235 iframe, #page-236 iframe, #page-237 iframe, #page-238 iframe{
display: block;
margin-top: 10px;
margin-right: auto !important;
margin-left: auto !important;
border-radius: 4px;
}

@media (max-width: 400px){
#page-235 iframe, #page-236 iframe, #page-237 iframe, #page-238 iframe{
width: 213px;
height: 120px;
}
}
@media (min-width: 401px) and (max-width: 680px){
#page-235 iframe, #page-236 iframe, #page-237 iframe, #page-238 iframe{
width: 320px;
height: 180px;
}
}

@media (min-width: 681px){
#page-235 iframe, #page-236 iframe, #page-237 iframe{
width: 640px;
height: 360px;
}
}

/* Kaltwasser-Grill-Challenge */
#page-238 #c1036 iframe{
margin-left: auto;
margin-right: auto;
padding-top: 12px;
}
#page-238 #c1036{
text-align: center;
}




/* ---------------Seitenspezifische Einstellungen - Ende   ----------------- */

/*------------------ 11.6.18 mindshape_cookie_hint Anfang*/
.cc_banner-wrapper .cc_container{
background: #005ba9;
opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}
.cc_banner-wrapper .cc_message{
line-height: 1.6;
color: white;
}
.cc_banner-wrapper .cc_btn{
margin-top: 10px;
}

/*------------------ 11.6.18 mindshape_cookie_hint Ende*/

/* 26.11.18 Video Seite Digitale Karten - Anfang */
#c1071 iframe{
max-width: 100% !important;
width: auto !important;
height: auto !important;
border-radius: 4px !important;
padding: 0 !important;
margin: 0 auto !important;
}
#c1071{
padding: 0 !important;
margin: 0 !important;
text-align: center !important;
background: transparent !important;
}
#c1072{
padding: 0 !important;
margin: 0 !important;
text-align: center !important;
background: transparent !important;
}
/* 26.11.18 Video Seite Digitale Karten - Ende */

/* Hinweis Startseite unter Slider - Anfang 
#c978 {
margin: 20px 10px 10px 0;
border-radius: 4px !important;
padding: 0px 20px 10px 20px !important;
/* background-color: #dedede; 19.3.25 */
background-color: #f7f7f7;
font-weight; bold;
}
#c978 p {
font-weight: bold;
}
#flexslider-596{
padding-bottom: 0px !important;
}
/* Hinweis Startseite unter Slider - Ende */

/* ------------------Cookie Consent Banner Anpassungen - Anfang ------------ */
/* Decline überschreiben */
.cc-deny {
visibility: hidden;
}
.cc-deny:after {
content:'Ablehnen'; 
font-weight: normal;
visibility: visible;
}
/* Links besser */
.cc-link, 
.cc-allow,
.cc-deny {
text-decoration: none !important;
}
.cc-link:hover, 
.cc-allow:hover,
.cc-deny:hover {
font-weight: bold !important;
}
/* change-mind-tab */
.cc-revoke{
text-decoration: none !important;
}
.cc-revoke:before {
content:'Cookie Einstellungen-'; 
font-weight: normal;
}
/* DS-Hinweis: */
#c1106 .ce-center p{
text-align: justify;
}

/* Matomo Cookie Consent Revoke Text ändern - Anfang 13.2.23*/
/* sonst steht da "Cookie-Einstellungen-undefined" */
/* Workaround: Text "undefined" nicht lesbar, da gleiche Farbe wie Hintergrund */
.cc-color-override--1331739998.cc-revoke{
  background-color: rgb(237, 239, 245);
  color: rgb(237, 239, 245) !important;
}
.cc-revoke:before{
color: rgb(131, 131, 145);
}
/* Matomo Cookie Consent Revoke Text ändern - Ende 13.2.23 */

/* ------------------------Cookie Consent Banner Anpassungen - Ende ------------ */

/* Anpassungen für einzelne Seiten Typo3 9.5 - Anfang */
.content #c637 p > a.external-link-new-window > img{
visibility: visible !important;
width: 360px !important;
height: auto !important;
}
/* Anpassungen für einzelne Seiten Typo3 9.5 - Ende */

/* ------------------------------------------------------Notfall-Hinweis Corona 10.3.20 ----------------------- */
/* Original auf Startseite; eingebunden auf Seiten Ansprechpartner, Öff.zeiten, Kontakt, Kontakt-Rückruf */
/* Original */
#c978{
margin: 10px auto !important;
padding: 10px !important;
border: 2px solid #f37122 !important;
border-radius: 4px !important;
max-width: 100% !important;
background: white !important;
}
/* eingebunden */
#page-146 #c1201,
#page-148 #c1202,
#page-21 #c1203,
#page-112 #c1204{
background-image: none;
padding: 0 !important;
margin-bottom: 0 !important;
border: none !important;
}
/* -----------------anderer Corona Hinweis 25.3.20 / 11.8.25 */
#c1205{
padding: 10px;
background: #f7f7f7 !important;
border: 2px solid #f37122 !important;
border-radius: 4px !important;
margin-bottom: 15px !important;
}

/*----------------- Interner Bereich 25.3.20 */
#page-259 #c1206 form legend:before{
content: "Hier können Sie sich ";
}
#page-259 #c1206 form legend{
text-transform: uppercase;
font-size: 18px;
}
#page-259 #c1206 form legend:after{
content: ":";
}
#page-259 #c1206 form label{
width: 150px;
max-width: 150px;
}
#page-259 #c1206 form input[type=submit]{
display: inline-block;
margin-left: 35%;
margin-top: 10px;
}
#page-259 #c1206 form input {
	width: 200px;
	padding: 2%;
	margin-top: 2%;
	margin-bottom: 2%;
	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;
}
#page-259 #c1206 .tx-felogin-pi1>h3,
#page-259 #c1206 .tx-felogin-pi1>h3+div{
visibility: hidden;
height: 0;

}

/* Seite Vermögen optimieren */
#c1211 ul li { padding-bottom: 0 !important;}
#c1211 ul li:first-child { padding-top: 10px !important;}
#c1209 h2 { 
color: #F37122;
font-size: 1.4em;

}

/* Bild auf Seite "Ihre Vorteile als Mitglied war unsichtbar */
.content #c637 p.Links > a > img{
visibility: visible !important;
height: 190px;
width: 360px;
}

/*------------------------------------------- Warnhinweis e-Banking */
/*------------------------------------------- Änderung auch row unten nötig */
@media (max-width: 780px){
#c1332{
background: f9f9f9;
border-radius: 4px;
font-size: 100%;
}
}
@media (min-width: 781px){
#c1332{
background: white url(https://raiba-pfaffenhofen.de/fileadmin/Raiba/Resources/Images-Raiba-Redaktion/05_eBanking/Datenstrom.png) top left no-repeat;
border-radius: 4px;
margin-right: 0;
}
#c1332 .ce-bodytext{
background: rgba(255,255,255,0.5);
margin: 10px;
padding: 10px;
border-radius: 4px;
}
}
/* row unten: */
#page-117 .content #c154 + .row{
/* background-image: linear-gradient(to top, white 0%, #dedede 100%); 19.3.25 */
background-image: linear-gradient(to top, white 0%, #f7f7f7 100%);
margin-left: 0;
}
#c153, #c838{
background: transparent !important;
}

/* neue Seite ExclusiveCard */
#page-268 .content #c1362 figure,
#page-268 .content #c1350 figure{
margin-left: 0 !important;
}

/* SecureGo Plus App */
#page-125 #c1367{
background-image: none;
background: transparent;
}

/* VR-BankingApp Seite */
#page-229 #c1371,
#page-229 #c1372{
background-image: none;
background: transparent;
}

/* VR SecureGo plus Seite */
#c1374{
border: 1px solid #f37122;
}

/* Seite VR ImmoFlex */
/*
#page-270 #c1421{
background: url(../Images-Raiba-Redaktion/02_Privatkunden/Wuensche_erfuellen_VR_ImmoFlex.png) center center no-repeat !important;
}
*/

@media (max-width: 599px){
#page-270 #c1422 img{
max-width: 150px !important;
}
#page-270 #c1422 .ce-column{
float: none !important;
}
#page-270 #c1422 figcaption{
font-weight: bold !important;
}
}

@media (min-width: 600px){
#page-270 #c1422 img{
max-width: 150px !important;
}
#page-270 #c1422 figcaption{
font-weight: bold !important;
}
}

#page-270 #c1428 figcaption{
font-size: 1em !important;
}

/* Hinweis von Startseite auf Seite Ansprechpartner ausgeben */
#c1205{
max-width: 100% !important;
}

/* Links auf VR Online Banking und GENO Broker Formatierung neu 2.7.24 - Anfang */
/* auf Seite ebanking */
#page-117 #c154 .ce-bodytext p:nth-child(2)  a,
#page-117 #c154 .ce-bodytext p:nth-child(4)  a{
font-size: 110%;
line-height: 125%;
font-weight:bold;
color: white !important;
text-decoration: none !important;
display: inline-block;
margin: 10px;
border: 1px solid #f37122;
border-radius: 4px;
padding: 13px;
background-color: #005ba9 !important;
}
#page-117 #c154 .ce-bodytext p:nth-child(2)  a:hover,
#page-117 #c154 .ce-bodytext p:nth-child(4)  a:hover,
#page-117 #c154 .ce-bodytext p:nth-child(2)  a:focus,
#page-117 #c154 .ce-bodytext p:nth-child(4)  a:focus{
	color: #005BA9 !important;
	background-color: #f5d9c8 !important;
	outline: none !important;
}
#page-117 #c154 .ce-bodytext p:nth-child(2) a:focus-visible,
#page-117 #c154 .ce-bodytext p:nth-child(4) a:focus-visible{
  /* geht nicht, warum ist unklar!
  outline: 2px dashed currentColor !important;
  outline-offset: 10px !important;
  */
  border: 4px dotted #f37122;
  color: #005BA9 !important;
  background-color: #f5d9c8 !important;
  outline: none !important;
}
#page-117 #c154  p > span > a > img{
visibility: visible !important;
height: 11px !important;
width: 10px !important;
}
#page-117 #c154 .eBanking a.external-link-new-window, 
#page-117 #c154 .eBanking a.external-link-new-window:hover {
    display: inline-block;
    padding-left: 12px;
   background: #f37122 url(https://raiba-pfaffenhofen.de/web/20240204172041im_/https://raiba-pfaffenhofen.de/fileadmin/Raiba/Resources/Images-Admin/LinkAccessIcons/externerLink.png) left center no-repeat;
}
/* Links auf VR Online Banking und GENO Broker Formatierung neu 2.7.24 - Ende */

/* Seite Pflichtinformationen 29.7.24 - Anfang */

#page-32 h2{
margin: 8px 0 0 0;
text-align: left;
}
#page-32 .ce-div{
margin: 0 10px 0 0;
border-width: 1px;
}
#page-32 #c1563 p a{
display: inline-block;
margin-bottom: 10px;
}
#page-32 #c1578 p.Rechts{
text-align: right;
}

/* Seite Pflichtinformationen 29.7.24 - Ende */

/* ----------------Änderungen für BFSG Frühjahr 2025 Anfang */

 .mitarbeiter1 .content .frame-layout-0 .frame-layout-0 figure figcaption,
  .mitarbeiter .content .frame-layout-0 .frame-layout-0 figure figcaption {
   font-size: 100%;
}
/* Trenner auf Transkript-Seiten */
#page-283 hr,
#page-282 hr,
#page-281 hr {
  margin-top: 0;
  margin-bottom: 0;
  }
#page-283 .container-headline + .frame-layout-0,
#page-282 .container-headline + .frame-layout-0,
#page-281 .container-headline + .frame-layout-0{
margin-bottom: 0;
}
/* Verlinkte Bilder Outline anders */
.content .image a img,
.header-container .headlogo a img{
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.content .image a,
.header-container .headlogo a {
outline: none;
}

.content .image a:focus-visible img,
.content .image a:focus img,
.content .image a:hover img,
.header-container .headlogo a:focus-visible img,
.header-container .headlogo a:focus img,
.header-container .headlogo a:hover img
{
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
/* Unter Video Kontaktlos Bezahlen */
#c1656 a{
display: block;
margin-top: -25px;
}
/* Giropay Privatkunden */
#c1476{
margin-top: 0;	
}
#c1456{
padding: 10px;
border-radius: 4px;
}
/* Goldsparplan */
#c1658 h2{ text-align: left;}
/* Philosophie */
#c1679{margin-top: -20px;}
#c1680 hr{margin-top: 0px;}
/* VR SecureGo... */
#c1367 h3{text-align: left;}
/* Phishing */
#c288 h3{text-align: left;}
/* PSD2 */
#page-253 h5{
font-size: 100%;
font-weight: bold;
font-style: italic;
}
/* AGB */
#page-30 #c1700{
padding-left: 20px;
padding-right: 20px;
}
/* Schriftgröße im Content auf mini-Bildschirmen < 319px ------- Anfang */
@media screen and (max-width: 319px) {
.content p{
font-size: 100%;
}
}
/* Schriftgröße im Content auf mini-Bildschirmen < 319px ------- Ende*/
/* Seite Immobilien - lange Links: */
/* für den Bereich, wo Spalten eng werden: */
@media (min-width:240px) and (max-width:415px){
#page-95 .row .col-md-8 a{
font-size: 100%;
white-space: normal !important;
}
}
/* Tabelle auf Seite Notrufnummern früher umbrechen, damit Schrift größer!
*/
/* Tabelle Seite Notrufnummern */
/* 5. Breakpoint */
@media  (max-width: 549px){
#page-194 table{
font-size: 100% !important;
}
/* Tabellenspalten untereinander darstellen */
#page-194 table tr td{
display: block !important;
width: 100%;
}
}
/* Ansprungpunkt Accordion Kontaktformular */
#jumpp {
margin-top: 10px;
display: inline-block;
}
#jumpp:focus-visible,
#jumpp:focus {
  color: #005ba9;
  font-weight: bold;
  outline: 2px dashed currentColor;
  outline-offset: 2px;
}
/* Link auf Startseite zu Slider-Transkript */
#c1736{margin-top: -20px;}
#c1736 p a {font-weight: normal !important;}

/* Sitemap (auf zwei Seiten)*/
#c1742 h2{
padding-top: 12px;
}
#c1742{
border: 1px solid #ccc;
border-radius: 4px;
background: #f7f7f7;
}
#c1742 header + ul{
padding: 10px;
}
@media (min-width: 400px){
#c1742 header + ul{
padding: 10px 10px 10px 20%;
}
}
#c1742 ul li a{
color: #005ba9; 
}
#c1742 ul ul li a{
color: #333; 
}
#c1742 ul ul ul{
margin-bottom: -10px; 
}
#c1742 ul ul ul li a{
font-style: italic; 
}
#page-297 #c1743{
background: transparent;
}
#page-297 #c1743 .frame-layout-0{
max-width: 100%;
}

/* ----------------Änderungen für BFSG Frühjahr 2025 Ende */

/* Seite Beschwerdemanangement 21.10.25 */
#page-242 #c1796{
position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}
#page-242 #c1796 iframe{
position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}