/* Styles für Inhalt Projekt
/* 27.5.2014 angelegt
/* Web-Agentur Christine Brombacher */

/* Header */
.topheader{

}

/* Logo */
.logo {

}


/* Seitentitel als h1 */
.container-headline{
background: transparent !important;
border: 0;
margin: 10px auto 10px auto;
text-align:center; /* zentriert den inline-Block h1 */

}
.container-headline h1{
display: inline-block;
background: transparent;
font-size: 1em;
font-family: 'Michroma', Arial, sans-serif;

/*padding: 0 3px 15px 3px;*/
padding: 0 10px 0 10px;
margin: 0 auto 5px auto !important;
border-radius: 4px;
}
/* --------------------------------------Farben je nach Seite - Anfang */
#page-1 .container-headline h1,
#page-213 .container-headline h1,
#page-234 .container-headline h1
{
color: #c90909;
}
#page-28 .container-headline h1{
color: #66be12;
}
#page-65 .container-headline h1{
color: #e6f330;
background: #868686;
padding: 7px 7px 10px 7px;
}
#page-37 .container-headline h1{
color: #305bf3;
}
#page-38 .container-headline h1,
#page-225 .container-headline h1{
color: #9063c9;
}
#page-21 .container-headline h1{
color: #ef9a0b;
}
#page-236 .container-headline h1{
color: #ef9a0b;
}

/* --------------------------------------Farben je nach Seite - Ende */
/* --------------------------------------Überschrift h2, h3 */
h2{
color: #000;
font-family: 'Michroma', Arial, sans-serif;
font-weight: bold;
}
#page-202 h2{
color: #66be12;
}
@media (min-width: 240px) and (max-width: 312px){
h2{
font-size: 0.6em;
}
h3{
font-size: 70%;
}
}

@media (min-width: 313px)and (max-width: 991px){
h2{
font-size: 0.8em;
}
h3{
font-size: 100%;
}
}
@media (min-width: 992px)and (max-width: 1150px){
h2{
font-size: 0.6em;
}
h3{
font-size: 80% !important;
}
}
@media (min-width: 1151px){
h2{
font-size: 0.8em;
}
h3{
font-size: 100%;
}
}


.csc-header{
text-align: center;
}
.ce-bodytext h3{text-align: center;}


h2,
h2.csc-firstHeader{
font-weight: 500;
display: block;
text-align: center;
margin: 8px auto 10px auto;
}


@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 auto !important;
}
@media (max-width: 300px){
h3,
h3.csc-firstHeader{
font-size: 80%;
}
}

h4,
h4.csc-firstHeader{
font-size: 105%;
font-weight: bold;
color: #333 !important;
display: block;
margin: 6px 0 6px 0;
}
@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: -8px;
}

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

/* Bildunterschriften allgemein */
.csc-textpic-caption{
font-weight: normal;
font-size: 80%;
font-style: normal;
margin-top: 8px;
}

/* Bildunterschriften zentrieren
/* wichtig z.B. für 3. Menüebene über Bilder */
.row .csc-textpic-caption{
text-align: center;
}

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

.content.container a:hover,
.content.container a:focus,
#page-22 .content span a.external-link-new-window:hover,
#page-22 .content span a.external-link-new-window:focus {
color: #868686 !important;
}
/* 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 */
ul.csc-menu.ce-menu-1{
padding: 0 !important;
margin: 0 !important;
text-align:center;
}
.ce-menu-1  li{
display: block;
/*padding: 5px 20px;*/
padding: 10px 20px 0px 20px;
  margin: 5px auto;
  background: #868686 url(../Images-Admin/LayoutBilder/orangePfeil.png) 13px 18px no-repeat;
  border: 1px solid #ccc;
  border-radius: 4px;
 }
/* für page-120 und page-142 button-Breite begrenzen - Anfang */
#c150 .ce-menu-1 li,
#c186 .ce-menu-1 li{
max-width: 200px;
}
/* für page-120 und page-142 button-Breite begrenzen - Ende */

/* Reihenfolge wichtig! */
.ce-menu-1 > li > a:link,
.ce-menu-1 > li > a:visited,
.ce-menu-1 > li > a:hover,
.ce-menu-1 > li > a:focus,
.ce-menu-1 > li > a:active,
.ce-menu-1 > li > a:visited:hover{
  color: white !important;
  font-weight: normal !important;
  text-decoration: none;
  padding: 0 !important;
}
/* für Seite Tipps & Tricks --------------Anfang*/
#page-215 .frame-type-menu_subpages  li{
display: inline-block;
padding: 10px 20px 10px 20px;
  margin: 5px;
  background: #ccc; 
  border: 1px solid #ccc;
  border-radius: 4px;
 }
#page-215 .frame-type-menu_subpages > li > a:link,
#page-215 .frame-type-menu_subpages > li > a:visited{
  color: #868686 !important;
  font-weight: normal !important;
  text-decoration: none;
  padding: 0 !important;
}
#page-215 .frame-type-menu_subpages > li > a:hover,
#page-215 .frame-type-menu_subpages > li > a:focus,
#page-215 .frame-type-menu_subpages > li > a:active,
#page-215 .frame-type-menu_subpages> li > a:visited:hover{
  color: black !important;
}
/* für Seite Tipps & Tricks ---------------Ende*/

@media (max-width: 300px){
.ce-menu-1  li a,
.ce-menu-1  li a:hover,
.ce-menu-1  li a:focus,
.ce-menu-1  li a:active,
.ce-menu-1  li a:visited{
  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 */
@media (min-width: 992px){
#c596, #c666{
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 */
a.internal-link, a.external-link-new-window, a.mail{
white-space: nowrap;
}

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 */
.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: */
.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){
.layout-2 figure.csc-textpic-image img{
display:block;
}
.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%;

}
}

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



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

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

.frame-layout-1  .ce-intext  > .ce-bodytext  {
        width: 100%;
  }

/* 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  .ce-left > .ce-gallery {
    float: left;
    width: 35%;
  }

.frame-layout-1  .ce-intext  > .ce-bodytext    {
    
    width: 100%;
  }

/* 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%;
  }

}
#page-92 .frame-layout-1  .ce-left .ce-gallery,
#page-92 .frame-layout-1  .csc-textpic-intext-left-nowrap > .csc-textpic-imagewrap  {
float: left !important;
width: 20% !important;
}
#page-92 .frame-layout-1 .csc-textpic-intext-left > .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  .ce-left > .ce-gallery {
    float: left;
    width: 20%;
  }

.frame-layout-1  .ce-intext  > .ce-bodytext {
   
    width: 100%;
  }
#page-92 .frame-layout-1  .ce-left .ce-gallery,
#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  .ce-left .ce-bodytext  {
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 */

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

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

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

.layout-3    .ce-left .ce-bodytext{
    float: right;
    width: 50%;
  }

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

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

}


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

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

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

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

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

}

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

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

.layout-3    .ce-left .ce-bodytext {
    float: right;
    width: 71%;
  }

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

.layout-3    .csc-textpic-intext-right-nowrap > .csc-textpic-imagewrap,
.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  .ce-left .ce-gallery,
.frame-layout-4   .csc-textpic-intext-left-nowrap > .csc-textpic-imagewrap  {
    float: left;
    width: 40%;
  }

.frame-layout-4    .ce-left .ce-bodytext  {
    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  .ce-left .ce-gallery,
.frame-layout-4   .csc-textpic-intext-left-nowrap > .csc-textpic-imagewrap  {
    float: left;
    width: 35%;
  }

.frame-layout-4    .ce-left .ce-bodytext  {
    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  .ce-left .ce-gallery,
.frame-layout-4   .csc-textpic-intext-left-nowrap > .csc-textpic-imagewrap  {
    float: left;
    width: 30%;
  }

.frame-layout-4    .ce-left .ce-bodytext {
    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 .csc-textpic-center .csc-textpic-image img{
width: 94%;
}
.frame-layout-4 .csc-textpic-center .csc-textpic-image{
margin-top: 0;
margin-bottom: 10px;
}
/* neu für textmedia */
.frame-layout-4 img{
width: 94%;
}
.frame-layout-4 .image{
margin-top: 0;
margin-bottom: 10px;
}


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

/* -------------Grundeinstellungen für layout-4 Scheckkarte */
.frame-layout-4{
max-width: 336px !important;
margin: 10px auto;
color: #333;
 -moz-box-shadow: 2px 2px 2px #888;
  -webkit-box-shadow: 2px 2px 2px #888;
  box-shadow: 2px 2px 2px #888;
}
#page-1 .frame-layout-4,
#page-213 .frame-layout-4,
#page-234 .frame-layout-4{
border: 2px solid #c90909;
}

@media (max-width: 420px){
.frame-layout-4{

}
}
@media (min-width: 768px) and (max-width:992px) {
.frame-layout-4{

}
}
.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  .ce-left .ce-gallery,
.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 */
.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 */
.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 */

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

.layout-6    .ce-left .ce-bodytext  {
    float: right;
    width: 60%;
  }

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

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

}


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

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

.layout-6    .ce-left .ce-bodytext  {
    float: right;
    width: 65%;
  }

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

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

}

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

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

.layout-6    .ce-left .ce-bodytext {
    float: right;
    width: 80%;
  }

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

.layout-6    .csc-textpic-intext-right-nowrap > .csc-textpic-imagewrap,
.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 */
.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 */

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

.layout-7    .ce-left .ce-bodytext{
    float: right;
    width: 50%;
  }

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

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

}


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

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

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

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

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

}

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

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

.layout-7    .ce-left .ce-bodytext {
    float: right;
    width: 71%;
  }

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

.layout-7    .csc-textpic-intext-right-nowrap > .csc-textpic-imagewrap,
.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 */

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

.layout-8    .ce-left .ce-bodytext  {
    float: right;
    width: 60%;
  }

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

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

}


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

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

.layout-8    .ce-left .ce-bodytext  {
    float: right;
    width: 65%;
  }

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

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

}

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

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

.layout-8    .ce-left .ce-bodytext {
    float: right;
    width: 70%;
  }

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

.layout-8    .csc-textpic-intext-right-nowrap > .csc-textpic-imagewrap,
.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 */
.layout-8 .csc-textpic-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;
}
.layout-8 .csc-textpic-center .csc-textpic-image{
margin-top: 0;
margin-bottom: 10px;
}

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

.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){
.layout-8{
font-size: 70% !important;
}
}
@media (min-width: 768px) and (max-width:992px) {
.layout-8{
font-size: 70% !important;
}
}
.layout-8    .csc-textpic-intext-right-nowrap > .csc-textpic-imagewrap,
.layout-8 .csc-textpic-intext-right > .csc-textpic-imagewrap{
width: 30% !important;
float: right !important;
}
.layout-8  .ce-left .ce-gallery,
.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 */

.layout-9 {
background-image: none !important;
background-color: #dedede;
}

/* Ende Layout-9 */

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

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


.layout-0 .csc-textpic-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;
}
.frame-default ul{

}
#page-108 #c164 ul{

}

/* 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 */

.ce-table{
display:block;
margin-bottom: 10px;
text-align: left;
border-radius: 4px;
border-spacing: 0;
border-collapse: separate;
}
/* Profil Lebenslauf tabelle */
#c964 .ce-table td:nth-child(1){
color: #9063c9;
padding-left: 3px;
}
#c964 .ce-table td:nth-child(2){
padding-left: 10px;
}
#c964 .ce-table td{
padding-top: 8px !important;
padding-bottom: 8px !important;
}

#c964 .ce-table td{ border-bottom: 2px solid #fff;}

.ce-table tbody{
display:inline-block;
margin: 0 auto;
background: transparent !important;
}

@media (min-width:240px) and (max-width: 340px){
.ce-table tr td{
font-size:50%;
}
#c964 .ce-table tr td{
font-size:70%;
}
}
@media (min-width:341px){
.ce-table tr td{
/* font-size:70%; */
font-size:55%;
}
#c964 .ce-table tr td{
font-size:100%;
}
}

#c861 .ce-table tr:nth-child(1) td,
#c854 .ce-table tr:nth-child(1) td{
padding:5px;
text-align: left;
color: white;
background-color: #868686;
}
#c861 .ce-table tr:nth-child(even),
#c854 .ce-table tr:nth-child(even){
background: transparent;
text-align: left;
}
#c861 .ce-table tr:nth-child(odd),
#c854 .ce-table tr:nth-child(odd){
background: #e0e0e0;
text-align: left;
}
#c861 .ce-table tr:nth-child(even) td,
#c861 .ce-table tr:nth-child(odd) td,
#c854 .ce-table tr:nth-child(even) td,
#c854 .ce-table tr:nth-child(odd) td{
padding: 5px;
}
/* erste Zeile */
#c861 .ce-table tr:nth-child(1),
#c854 .ce-table tr:nth-child(1){
font-weight: bold;
text-align: center;
color: #0066b3;
font-size:90%;
}

/* runde Ecken-Anfang funktioniert nur oben*/
#c861 .ce-table tr:first-child,
#c861 .ce-table tr:first-child td:first-child,
#c854 .ce-table tr:first-child,
#c854 .ce-table tr:first-child td:first-child  {
    border-top-left-radius:4px;
}

#c861 .ce-table tr:first-child,
#c861 .ce-table tr:first-child td:last-child,
#c854 .ce-table tr:first-child,
#c854 .ce-table tr:first-child td:last-child {
    border-top-right-radius:4px;
}

/* da runde Ecken nicht gehen, nach unten ausblenden  */
#c861 .ce-table tr:last-child,
#c854 .ce-table tr:last-child  {
    background: -webkit-linear-gradient(#e0e0e0, white); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#e0e0e0, white); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#e0e0e0, white); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#e0e0e0, white); /* Standard syntax */
}


/* runde Ecken-Ende */

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

/* Standard-Tabellenformat - Ende */

/* 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 */
.frame-default p,
.frame-default ul li,
aside,
aside p{
/* bricht Wörter einfach ohne Silbengrenzen um!
-ms-word-break: break-all;
     word-break: break-all;

     /* Non standard for webkit */
     word-break: break-word;
*/
-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;
}
/* Silbentrennung  in p und ul, nicht nur in Blocksatz - Ende */


/* ---------------Seitenspezifische Einstellungen - Anfang ----------------- */

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

@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: bold;
}
}
/* Seite Invest & Finanz - Ende */



/* für verschl. Email */
noscript span {display: none;}


/* -----------------------------------Urlaub */
/* Startseite */
#c853{
display: block;
border: 1px solid #f5f5f5;
background: #f5f5f5 url(../Images-Admin/LayoutBilder/Sonnenschein.png) 0 0 no-repeat;
border-radius: 4px;
padding: 12px !important;
margin-bottom: 12px;
}
#c853 p{
margin: 0;
}
/* Kontakt */
#c967 #c853{
display: block;
border: 1px solid transparent;
background: transparent url(../Images-Admin/LayoutBilder/Sonnenschein.png) 0 0 no-repeat;
border-radius: 4px;
padding: 12px !important;
margin-bottom: 12px;
}
#967 #c853 p{
margin: 0;
}

/* neu für textmedia */
.ce-row {
text-align: center;
}
.ce-column {
margin: auto;
float: none;
}
.ce-column img{
margin: auto;
}


/* ---------------------------------------Stile RTE aus rte.css (identisch halten!) Anfang-------- */
/* Anfang links in Absätzen oder spans - für WYSIWYG im RTE!*/
p a.internal-link,
p a.external-link-new-window,
p a.mail,
p a.download,
span a.internal-link,
span a.external-link-new-window,
span a.mail,
span a.download,
.telNr{
text-decoration: none !important;
font-weight: bold !important;
color: #aaa;
}
p a.internal-link:hover,
p a.external-link-new-window:hover,
p a.mail:hover,
p a.download:hover,
span a.internal-link:hover,
span a.external-link-new-window:hover,
span a.mail:hover,
span a.download:hover,
.telNr:hover{
color: #333;
}
/* Ende links im Content */

/* neu Link Icons ---------------------------------------------- Anfang */
a.internal-link, a.internal-link:hover{
display: inline-block;
padding-left: 10px;
background: transparent url(../Images-Admin/LinkAccessIcons/internerLink.png) left center no-repeat;
}
a.external-link-new-window, a.external-link-new-window:hover{
display: inline-block;
padding-left: 12px;
background: transparent url(../Images-Admin/LinkAccessIcons/externerLink.png) left center no-repeat;
}
a.download, a.download:hover{
display: inline-block;
padding-left: 14px;
background: transparent url(../Images-Admin/LinkAccessIcons/download.png) left center no-repeat;
}
a.mail, a.mail:hover{
display: inline-block;
padding-left: 16px;
background: transparent url(../Images-Admin/LinkAccessIcons/email.png) left center no-repeat;
}
.telNr{
display: inline-block;
padding-left: 16px;
background: transparent url(../Images-Admin/LinkAccessIcons/tel.png) left center no-repeat;
}
/* für navi-Links: ohne Icon auf Leistungs-Unterseiten*/
.navi{
margin-top: 20px !important;
padding-top: 20px !important;
text-align: center;
}
.navi a.internal-link, .navi a.internal-link:hover,
.navi + p a.internal-link, .navi + p a.internal-link:hover{
background: none;
}
.navi a.external-link-new-window, .navi a.external-link-new-window:hover{
background: none;
}
.navi a.download, .navi a.download:hover{
background: none;
}
.navi a.mail, .navi a.mail:hover{
background: none;
}
.navi .telNr{
background: none;
}
/* neu Link Icons --------------------------------------------- Ende */

#c1000{
padding-bottom: 0 !important;
}
#c1000 p{
margin: 0 !important;
font-size: 0.7em;
text-align: center;
}
#c839, #c864{
margin-top: 22px !important;
}

/* -------------------------------------------Tipps & Tricks Übersicht */
#c1008 {
background-color: #dedede;
max-width: 363px;
border-radius: 4px;
margin-left: auto;
margin-right: auto;
float: none;
margin-bottom: 10px;
}
#c1008 img{
width: 70px;
}
#c1008 .ce-textpic{
padding-top: 14px;
}

@media (max-width: 399px){
#c1008 .ce-bodytext{
margin-top: 20px;
font-size: 0.7em;
}
}


@media (min-width: 400px) and (max-width: 991px){
#c1008 .ce-bodytext{
margin-top: 20px;
}
}

@media (min-width: 992px) and (max-width: 1029px){
#c1008 .ce-bodytext{
margin-top: 20px;
font-size: 0.8em;
}
}

@media (min-width: 1030px) and (max-width: 1119px){
#c1008 .ce-bodytext{
margin-top: 20px;
font-size: 0.9em;
}
}
@media (min-width: 1120px){
#c1008 .ce-bodytext{
margin-top: 20px;
}
}
#c1009, #c1010, #c969, #c1011, #c910, #c1012, #c949, #c1013, #c963, #c1014, #c1017, #c1018{
padding: 0 !important;
}