/* Styling der Mitarbeiter auf der Seite Unsere Mitarbeiter - .mitarbeiter*/
/* und auf eingebundenen "Visitenkarten" der Mitarbeiter - .mitarbeiter1 */

/* wirkt sich aber auf fast alle Seiten aus, da quasi überall Klasse mitarbeiter1 eingebunden ist */

/* neu für Upgrade 8.7 */
.mitarbeiter1 .frame-layout-0 figure.image{
/* keine so gute Idee: */
/* margin: 0 auto !important; */
}

.mitarbeiter .content .row>div,
.mitarbeiter1 .content .row>div{
padding:0 7px 0 7px;
}
@media (min-width: 1140px){
.mitarbeiter .content .row>div,
.mitarbeiter1 .content .row>div{
padding:0 10px 0 0;
}
}

/* Damit Seitenüberschrift an Ort und Stelle bleibt: */
.mitarbeiter .content .container-headline .row>div,
.mitarbeiter1 .content .container-headline .row>div{
padding:0;
}

#page-146 .content .container-headline{
margin-bottom: 10px;
}

.mitarbeiter .content .row .layout0,
.mitarbeiter1 .content .row .layout0{
padding: 0;
margin: 0;
}

.mitarbeiter .content .row .frame-layout-0 .frame-layout-0,
.mitarbeiter .content .frame-layout-0 .frame-layout-0,
.mitarbeiter1 .content .row .frame-layout-0 .frame-layout-0,
.mitarbeiter1 .content .frame-layout-0 .frame-layout-0{
/*background:linear-gradient(white, #a2bdd1);*/
/*background:linear-gradient(white, #dedede);*/
background:linear-gradient(#f7f7f7, white);
margin: 0 auto 5px auto !important;
padding: 15px 15px 0 15px;
border-radius: 4px;
}

/* Seite für den einzelnen Mitarbeiter */
.mitarbeiter .content .frame-layout-0 .frame-layout-0,
.mitarbeiter1 .content .frame-layout-0 .frame-layout-0{
max-width: 400px;
margin: 10px auto 10px auto;
}

/* Accordion Seite Kontakt */
#page-21 #c143{
max-width: 400px;
margin: 0 auto 10px auto;
}

/* Accordion Seite Kontakt-Rückruf */
#page-112 #c595{
max-width: 420px;
margin: 0 auto 10px auto;
}


.mitarbeiter .content  .row .frame-layout-0 .frame-layout-0 .csc-firstHeader,
.mitarbeiter .content  .frame-layout-0 .frame-layout-0 .csc-firstHeader,
.mitarbeiter1 .content  .row .frame-layout-0 .frame-layout-0 .csc-firstHeader,
.mitarbeiter1 .content  .frame-layout-0 .frame-layout-0 .csc-firstHeader{
color: #0066b3;
margin-top: 3px;
}

.mitarbeiter .content  .row .frame-layout-0 .frame-layout-0 .csc-textpic-image .csc-textpic-caption,
.mitarbeiter .content  .frame-layout-0 .frame-layout-0 .csc-textpic-image .csc-textpic-caption,
.mitarbeiter1 .content  .row .frame-layout-0 .frame-layout-0 .csc-textpic-image .csc-textpic-caption,
.mitarbeiter1 .content  .frame-layout-0 .frame-layout-0 .csc-textpic-image .csc-textpic-caption{
margin-top: 10px;
color: #333;
display:block;
height: 5em;
border-bottom: 1px solid #0066b3;
}
/* flu A */
.mitarbeiter1 .content  .frame-layout-0 .frame-layout-0 figure figcaption{
margin-top: 10px;
color: #333;
height: 5em;
border: none;
}
.mitarbeiter1 .content  .frame-layout-0 .frame-layout-0 .ce-gallery,
.mitarbeiter .content  .frame-layout-0 .frame-layout-0 .ce-gallery{
border-bottom: 1px solid #0066b3;
}
.mitarbeiter .content  .frame-layout-0 .frame-layout-0 .ce-gallery{
padding-bottom: 10px;
}
/* flu E */

/* Schriftgröße Emailadresse auf großen Bildschirmen flu */
.mitarbeiter .content  .row .frame-layout-0 .frame-layout-0 .ce-bodytext,
.mitarbeiter .content  .frame-layout-0 .frame-layout-0 .ce-bodytext,
.mitarbeiter .content  .frame-layout-0 .frame-layout-0 .ce-bodytext,
.mitarbeiter1 .content  .row .frame-layout-0 .frame-layout-0 .ce-bodytext,
.mitarbeiter1 .content  .frame-layout-0 .frame-layout-0 .ce-bodytext,
.mitarbeiter1 .content  .frame-layout-0 .frame-layout-0 .ce-bodytext{
display: inline-block;
margin: 7px auto 2px auto;
font-size: 100%;
color: #333;
}

/* Zeilenabstand Emailadressen große Bildschirme */
.mitarbeiter1 .content  .row .frame-layout-0 .frame-layout-0 .ce-bodytext p a,
.mitarbeiter1 .content  .row .frame-layout-0 .frame-layout-0 .ce-bodytext p a,
.mitarbeiter .content  .row .frame-layout-0 .frame-layout-0 .ce-bodytext p a,
.mitarbeiter .content  .row .frame-layout-0 .frame-layout-0 .ce-bodytext p a,
.mitarbeiter1 .content .frame-layout-0 .frame-layout-0 .ce-bodytext p a,
.mitarbeiter1 .content .frame-layout-0 .frame-layout-0 .ce-bodytext p a,
.mitarbeiter .content .frame-layout-0 .frame-layout-0 .ce-bodytext p a,
.mitarbeiter .content .frame-layout-0 .frame-layout-0 .ce-bodytext p a{
display: inline-block;
/* padding-bottom: 10px */;
}


/* ganz kleine Bildschirme Anfang ------------------------------ */
@media (max-width: 299px){
.mitarbeiter1 .content  .row .frame-layout-0 .frame-layout-0 .ce-bodytext p a,
.mitarbeiter .content  .row .frame-layout-0 .frame-layout-0 .ce-bodytext p a,
.mitarbeiter1 .content .frame-layout-0 .frame-layout-0 .ce-bodytext p a,
.mitarbeiter .content .frame-layout-0 .frame-layout-0 .ce-bodytext p a,
.mitarbeiter1 .content  .row .frame-layout-0 .frame-layout-0 .ce-bodytext p a,
.mitarbeiter .content  .row .frame-layout-0 .frame-layout-0 .ce-bodytext p a,
.mitarbeiter1 .content .frame-layout-0 .frame-layout-0 .ce-bodytext p a,
.mitarbeiter .content .frame-layout-0 .frame-layout-0 .ce-bodytext p a{
/*font-size: 40%;*/
white-space: normal;
}

.mitarbeiter1 .content  .row .frame-layout-0 .frame-layout-0 .csc-textpic-caption,
.mitarbeiter .content  .row .frame-layout-0 .frame-layout-0 .csc-textpic-caption,
.mitarbeiter1 .content .frame-layout-0 .frame-layout-0 .csc-textpic-caption,
.mitarbeiter .content .frame-layout-0 .frame-layout-0 .csc-textpic-caption,
.mitarbeiter1 .content  .frame-layout-0 .frame-layout-0 figure figcaption{
font-size: 50%;
}


.mitarbeiter1 .content  .row .frame-layout-0 .frame-layout-0 .csc-firstHeader,
.mitarbeiter .content  .row .frame-layout-0 .frame-layout-0 .csc-firstHeader,
.mitarbeiter1 .content .frame-layout-0 .frame-layout-0 .csc-firstHeader,
.mitarbeiter .content .frame-layout-0 .frame-layout-0 .csc-firstHeader{

font-size: 90%; 
}

.mitarbeiter .content  .row .frame-layout-0 .frame-layout-0,
.mitarbeiter1 .content  .row .frame-layout-0 .frame-layout-0{
height: 390px !important;
}

}
/* ganz kleine Bildschirme Ende------------------------------ */

/* kleine Bildschirme - Anfang -------------- */
@media (min-width:320px) and (max-width:350px){
.mitarbeiter1 .content  .row .frame-layout-0 .frame-layout-0 .ce-bodytext p a,
.mitarbeiter .content  .row .frame-layout-0 .frame-layout-0 .ce-bodytext p a,
.mitarbeiter1 .content .frame-layout-0 .frame-layout-0 .ce-bodytext p a,
.mitarbeiter .content .frame-layout-0 .frame-layout-0 .ce-bodytext p a{
white-space: normal;
}
.mitarbeiter .content  .row .frame-layout-0 .frame-layout-0,
.mitarbeiter1 .content  .row .frame-layout-0 .frame-layout-0{
height: 430px;
}
/* kleine Bildschirme - Ende --------------- */

@media (max-width: 768px) {
.mitarbeiter .content  .row .frame-layout-0 .frame-layout-0,
.mitarbeiter1 .content  .row .frame-layout-0 .frame-layout-0{
height: 410px;
}
}

@media (min-width: 769px) and (max-width: 992px) {
.mitarbeiter .content  .row .frame-layout-0 .frame-layout-0,
.mitarbeiter1 .content  .row .frame-layout-0 .frame-layout-0{
height: 410px;
}
}

@media (min-width: 993px) and (max-width: 1070px) {
/* Schriftgröße Emailadresse anpassen */
.mitarbeiter .content  .row .frame-layout-0 .frame-layout-0 .ce-bodytext,
.mitarbeiter .content  .frame-layout-0 .frame-layout-0 .ce-bodytext,
.mitarbeiter1 .content  .row .frame-layout-0 .frame-layout-0 .ce-bodytext,
.mitarbeiter1 .content  .frame-layout-0 .frame-layout-0 .ce-bodytext{

font-size: 75%;

}

}

@media (min-width: 993px) {
.mitarbeiter .content  .row .frame-layout-0 .frame-layout-0,
.mitarbeiter1 .content  .row .frame-layout-0 .frame-layout-0{
height: 410px;
}
}

/* für die Seite Kontakt-Rückruf:*/
/* eingebundenes Accordion */

#page-112 #c143{
height: 100% !important;
background: transparent;
}
#page-112 #c143{padding:0; margin:0;}



/* Hintergrund Spalten: */
.mitarbeiter .content .row>div .csc-frame-frame1, .mitarbeiter .content .row>div .frame-default,
/*.mitarbeiter1 .content .row>div .csc-frame-frame1, .mitarbeiter1 .content .row>div .frame-default,*/

.mitarbeiter .content .row>aside .csc-frame-frame1, .mitarbeiter .content .row>aside .frame-default,
/*mitarbeiter1 .content .row>aside .csc-frame-frame1, .mitarbeiter1 .content .row>aside .frame-default*/{
background: transparent;
padding: 0;
border-radius: 0;
margin-bottom: 10px;
}

mitarbeiter1 .content .row>aside .csc-frame-frame1, .mitarbeiter1 .content .row>aside .frame-default{
padding:0;
}

/* Trenner */
.mitarbeiter .divider{
margin-top: -20px;
}

/* Bilder etwas tiefer setzen */
.mitarbeiter .csc-textpic-imagewrap figure,
.mitarbeiter1 .csc-textpic-imagewrap figure{
    margin: 10px 10px 20px;
}

/* Seite Jandl/Bauer */

#page-188 #c765,
#page-188 #c766,
#page-188 #c767{

background-image: none;
}

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

.mitarbeiter .content .row .frame-layout-0 .frame-layout-0,
 .mitarbeiter .content .frame-layout-0 .frame-layout-0,
  .mitarbeiter1 .content .row .frame-layout-0 .frame-layout-0,
   .mitarbeiter1 .content .frame-layout-0 .frame-layout-0 {
  background: linear-gradient(#f7f7f7, white);
}
/* -------------------------- Änderungen für BFSG Frühjahr 2025 Ende */