/*!
 * Copyright 2020
 */

:root {
  --headlinecolor: #eaeaea;
  --accordionhead-bg: #eeeeee;
  --accordionhead-color: #666666;
} 



/*   Schriften                                */

@immport url('https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@immport url(http://allfont.de/allfont.css?fonts=droid-serif);


/* pt-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/dist/fonts/pt-sans-v17-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* pt-sans-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'PT Sans';
  font-style: italic;
  font-weight: 400;
  src: url('/dist/fonts/pt-sans-v17-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* pt-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  src: url('/dist/fonts/pt-sans-v17-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* pt-sans-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'PT Sans';
  font-style: italic;
  font-weight: 700;
  src: url('/dist/fonts/pt-sans-v17-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}



body {
  //font-family: Verdana, 'PT Sans', sans-serif;
  font-size: 100%;
  color:#707070;
}


/*   Main-Grid                                */

body wrapper#budygrid {  
  display: grid;
  grid-template-areas: 
    ". logo logo logo logo logo logo logo logo ."
    ". header header header header header header header header ."
    ". nav nav nav nav nav nav nav nav ."
    ". article article article article article article article article ."
    "footerleft footer footer footer footer footer footer footer footer footerright";
  grid-template-columns: 1fr 150px 150px 150px 150px 150px 150px 150px 150px 1fr;
  //grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows: 100px 450px 50px auto 1fr auto;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  //height: 100vh;
  }  

body.home wrapper#budygrid {  
  display: grid;
  grid-template-areas: 
    ". logo logo logo logo logo logo logo logo ."
    ". header header header header header header header header ."
    ". nav nav nav nav nav nav nav nav ."
    ". zitat zitat zitat zitat zitat zitat zitat zitat ."
    ". article article article article article article article article ."
    "footerleft footer footer footer footer footer footer footer footer footerright";
  grid-template-columns: 1fr 150px 150px 150px 150px 150px 150px 150px 150px 1fr;
  grid-template-rows: 100px 450px 50px auto 1fr auto;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  //height: 100vh;
  }  

body.impressum wrapper#budygrid,  
body.datenschutz wrapper#budygrid {  
  display: grid;
  grid-template-areas: 
    ". logo logo logo logo logo logo lang lang ."
    "header header header header header header header header header header"
    "navleft nav nav nav nav nav nav nav nav navright"
    ". zitat zitat zitat zitat zitat zitat zitat zitat ."
    ". . article article article article article article . ."
    "footerleft footer footer footer footer footer footer footer footer footerright";
  grid-template-columns: 1fr 150px 150px 150px 150px 150px 150px 150px 150px 1fr;
  grid-template-rows: 235px 450px 50px auto 1fr auto;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  //height: 100vh;
  }  

main-content {  
  display: grid;
  grid-template-areas:
    ". . content content content content content content content content . .";
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows: auto;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  }  
header, footer, article, nav2, aside, div {
  padding: 0.0em;
  //border:1px solid #aeaeae;
  }
article {
  min-height: 520px;
  }
content {
  min-height: 520px;
  }
footer {
  min-height: 300px;
  }
#pageLogo { 
  //display: grid;
  grid-area: logo;
  background: transparent;
  //justify-self: start;
  align-self: center;
  //grid-auto-flow: column;
  //justify-items: end;
  //align-items: left;
  border:1px solid #999999;
  width:100%;
  height:80%;
  padding:2px 10px 0px 10px;
  position:relative;
  }
#pageLogo a { 
  color:#999999;
  text-decoration:none;
   }
#pageLogo a:hover { 
  color:#003c7b;
  text-decoration:none;
   }
#pageLogo a.logotext { 
  margin:12px 10px 10px 10px;
  font-size: 3.0em;
  //color:#999999;
  font-weight:bold;
  text-decoration:none;
   }
#pageLogo .typenr { 
  display: inline-block;
  position:absolute;
  right: 10px;
  margin:13px 10px 10px 10px;
  font-size: 2.0em;
  color:#999999;
  font-weight:bold;
   }
#pageLogo .typenr .nummer,
#pageLogo .typenr .type { 
  display: inline-block;
  position:relative;
  padding:0px;
  padding-right:10px;
  border-right: 4px solid #999999;
  line-height:1em;
  }
#pageLogo .typenr .nummer { 
  padding-left:10px;
  border-right: 0px solid #999999;
  }

#lang-switch { 
  display: grid;
  grid-area: lang;
  background: transparent;
  justify-self: end;
  align-self: center;
  grid-auto-flow: column;
  justify-items: end;
  align-items: center;
  }

nav { 
  grid-area: nav; 
  background-color:#003c7b;
  position: sticky;
  top: 0;
  border: 1px solid #999;
  z-index:10;
  }
navleft { 
  grid-area: navleft;
  background-color:#003c7b;
  overflow:hidden;
  position: sticky;
  top: 0;
  }
navright { 
  grid-area: navright;
  background-color:#003c7b;
  overflow:hidden;
  position: sticky !important;
  top: 0 !important;
  }

header {
  grid-area: header;
  //background:#81aca1 url() no-repeat top center;
  background:#333333 url() no-repeat top center;
  background:
    url() no-repeat top center,
    url() no-repeat center center;
  background-size:auto, cover;
  position:relative;
  }

zitat { 
  grid-area: zitat; 
  }
article { 
  grid-area: article;
  }
article#mainArticle { 
  padding:40px 50px 20px 0px;
  margin-bottom:20px;
  font-size: 1.25rem;
  border: 0px solid #999;
  padding: 20px 0px 20px 0px;
  margin-top: 40px;
  }
content { 
  display:grid;
  grid-area: content;
  padding:40px 0px 20px 0px;
  margin-bottom:60px;
  font-size: 1.25rem;
  }
aside { 
  grid-area: aside; 
  //width:450px;
  padding:20px 25px 20px 30px;
  margin-bottom:60px;
  background-color:#fff0ee;
  //background:#fff0ee url(/images/content/sidebar-bewegung.png) no-repeat center 40px;
  } 
.home aside { 
  //width:450px;
  padding:20px 0px 20px 0px;
  background-color:transparent;
  //background:#fff0ee url(/images/content/sidebar-bewegung.png) no-repeat center 40px;
  } 
footer {
  grid-area: footer;
  color:#ffffff;
  background-color:#9b9b9b;
  padding-top: 20px;
  padding-bottom: 20px;
  }
footerleft {
  grid-area: footerleft;
  background-color:#9b9b9b;
  overflow:hidden;
  }
footerright {
  grid-area: footerright;
  background-color:#9b9b9b;
  overflow:hidden;
  }
footer .adresse {
  font-size: 1.15em;
  line-height: 1.3em;
  margin-bottom: 50px;
  }
footer .adresse h4 {
  font-size: 1.25em;
  font-weight: 900;
  color:#ffffff;
  margin-bottom:10px;
}

  .centertext {  
   text-align: left;
   width: 500px;
   margin: 0px auto 0px auto;
  }
  .centertext p,  
  .centertext ul {  
   text-align: left;
  }


  #pageLogo img.section-logo {  
   margin-right:15px;
  }
  #pageLogo img.section-spenden {  
   margin:30px 0px 0px 295px;
  }
  #pageLogo img.section-kontakt {  
   margin:30px 0px 0px 42px;
  }

  lang {
    grid-area: lang;
    background-color: #a5037c;
  }

  #lang-switch {
    margin: 10vw 0vw 0 20px;;
    //position: absolute;
    //right: 1vw;
  }

  #lang-switch a.lang-switch-e,
  #lang-switch a.lang-switch-d {
   margin:0px 0px 0px 0px;
   padding:0px 5px 0px 0px;
   text-transform:uppercase;
   text-decoration:none;
   font-size: 1.2em;
   font-weight:bold;
   font-family: sans-serif;
   line-height:1.0em;
  }
  #lang-switch a.lang-switch-d {
   margin-left:0px;
   padding:0px 0px 0px 5px;
   border-left:2px solid #707070;
  }
  #lang-switch a.lang-switch-e:hover,
  #lang-switch a.lang-switch-d:hover,
  #lang-switch a.lang-switch-e.active,
  #lang-switch a.lang-switch-d.active {
   color:#a5037c;
  }
  #pageHeader img.teaserraushier {  
   position:absolute;
   top:322px;
   right:0;
   margin-right: calc((100% - 1200px)/2);
   animation-name: example1;
   animation-duration: 1.5s;
   //position: sticky !important;
   //top: 0 !important;
   z-index:10;
  }
  @keyframes example1 {
    from {margin-left: 258px;}
    to {margin-left: 220px;}
    from {height: 100px;}
    to {height: 145px;}
  }
  #pageHeader img.teaserraushier.sticky {
    position: fixed !important;
    top: 0 !important;
    animation-name: example2;
    animation-duration: 1.0s;
    margin-left: 258px;
    height: 100px;
  }
  @keyframes example2 {
    from {margin-left: 258px;}
    to {margin-left: 220px;}
    from {height: 145px;}
    to {height: 100px;}
  }

  #pageHeader {  
   //padding-left: calc((100% - 1200px)/2);
   //padding-right: calc((100% - 1200px)/2);
  }

/*                                               */



/*   Seiten Specials                                */


.luffebilder {
    text-align:center;
    margin-top:50px;
}
.luffebilder .luffebild {
    max-width: 24%;
    max-height: calc(300px / 1.666);
    border: 1px solid #999999;
    margin:0px 0px 5px 0px;
}

#map_canvas1 {
    width: 400px;
    height: 400px;
    border: 1px solid #999999;
}
.leaflet-control-attribution {
    font-size: 10px !important;
}
.button {
    display: inline-block;
    white-space: nowrap;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #cccccc));
    background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
    background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
    background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
    background-image: linear-gradient(to bottom, #eeeeee,#cccccc);
    background-color: #eeeeee;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC');
    //zoom: 1;
    border: 1px solid #777;
    border-radius: .2em;
    color: #333 !important;
    cursor: pointer;
    font: normal 0.7em/2em Arial, Helvetica;
    margin: 0 0.75em 0 0;
    padding: 0 1.5em;
    overflow: visible;
    text-decoration: none !important;
}
.button:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fafafa), color-stop(100%, #dddddd));
    background-image: -webkit-linear-gradient(top, #fafafa, #dddddd);
    background-image: -moz-linear-gradient(top, #fafafa, #dddddd);
    background-image: -ms-linear-gradient(top, #fafafa, #dddddd);
    background-image: linear-gradient(to bottom, #fafafa,#dddddd);
    background-color: #fafafa;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FFFAFAFA', endColorstr='#FFDDDDDD');
    zoom: 1;
}

/*                                               */



/*   Test Navigation                                */

div#navDiv ul.nav-grid {
	display:grid;
  grid-auto-flow: column;
  justify-items: start;
  align-items: start;
	//height: 300px;
	overflow:hidden;
	padding:0;
	margin:0;
  border:1px solid #ababab;
}

div#navDiv ul.nav-grid li {
  overflow: hidden;
  z-index:10;
}
div#navDiv ul.nav-grid li:hover,
ul.nav-grid li.aktive {
  background-color: #ababab;
  z-index:10;
  cursor:pointer;
}


div#navDiv ul.nav-grid li ul {
	position:absolute;
	padding:0;
	max-height: 0;
	overflow: hidden;
  background-color: #ababab;
	background-color: rgba(200, 200, 200, 0.2);
	//-webkit-transition: max-height 0.8s;
	//-moz-transition: max-height 0.8s;
	transition: all 0.2s linear;
}
div#navDiv ul.nav-grid li:hover ul {
	max-height: 100px;
	transition: all 0.5s linear;
}
div#navDiv ul.nav-grid li ul li {
}

div#navDiv input#hamburger {display:none;}
div#navDiv label.hamburger {display:none;}




@media all and (max-width: 992px) {

  body wrapper#budygrid {  
    grid-template-areas: 
      "logo logo logo logo"
      "nav nav nav nav"
      "header header header header"
      "article article article aside"
      "footer footer footer footer";
    grid-template-rows: 195px 50px 34vw 1fr 70px 50px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }  

  div#navDiv ul.nav-grid { 
    max-height: 0px; 
	  display:block;
    padding-left:15px;
    //margin:15px;;
    overflow: hidden; 
    transition: all 0.5s linear;
    border:0px solid #ababab;
  }

  div#navDiv ul.nav-grid li ul {
    position:relative;
    max-height:initial;
  }
  div#navDiv ul.nav-grid li ul li {
    padding-left:15px;
  }

  #map_canvas1 {
    width: 100%;
  }


  /*   Hamburger             */
  div#navDiv input#hamburger {display:none}
  div#navDiv label.hamburger { 
    position: relative; 
    display: block;
    background: #999999; 
    width: 56px; 
    height: 52px; 
    border-radius: 3px; 
    margin-left: 15px; 
    margin-bottom: 15px; 
  }
  div#navDiv .line { 
    position: absolute; 
    left:10px;
    height: 5px; width: 35px; 
    background: #fff; border-radius: 2px;
    display: block; 
    transition: 0.5s; 
    transform-origin: center; 
  }
  div#navDiv .line:nth-child(1) { top: 12px; }
  div#navDiv .line:nth-child(2) { top: 24px; }
  div#navDiv .line:nth-child(3) { top: 36px; }
  div#navDiv #hamburger:checked + .hamburger .line:nth-child(1){
    transform: translateY(12px) rotate(-45deg);
  }
  div#navDiv #hamburger:checked + .hamburger .line:nth-child(2){
    opacity:0;
  }
  div#navDiv #hamburger:checked + .hamburger .line:nth-child(3){
    transform: translateY(-12px) rotate(45deg);
  }
  /*                          */


  div#navDiv #hamburger:checked + .hamburger  + ul.nav-grid { 
    max-height: 400px; 
    border:1px solid #ababab;
  }

}

/*                                               */

	/* ContentRow   Accordion  */
.contentrow.accordion { 
  padding-bottom: 0px;
 }
.contentrow.accordion .rowcontent {  
  display: initial;
  grid-template-columns: auto;
  grid-column-gap: 50px;
  padding-bottom: 0px;
  grid-template-rows: auto;
 }
.contentrow.accordion h1, 
.contentrow.accordion h2 { 
 }
.contentrow.accordion p {
}
.contentrow.accordion ul {
}

/*  Klassen für die Accordion-Accordion  */

.accordion #accordion { 
  margin-top: 40px;
  margin-bottom: 40px;
}
.accordion #accordion * { 
  -moz-box-sizing: border-box; 
  -webkit-box-sizing: border-box; 
  box-sizing: border-box;
}
.accordion #accordion .ui-accordion-header {
  background: transparent url("/images/elemente/arrow-blue-right.png") no-repeat 10px center;
  padding: 4px 0px 4px 70px !important;
  padding: 15px 0px 15px 55px !important;
  margin: 10px 0px 0px 0px;
  min-height: 39px;
  cursor: pointer;
  font-size: 1.10em;
  font-weight: 600;
  color: var(--accordionhead-color);
  border: 1px solid var(--accordionhead-bg) !important;
  border-bottom: 1px solid var(--accordionhead-bg);
  border-radius: initial;
}
.accordion #accordion .ui-accordion-header.ui-state-hover,
.accordion #accordion .ui-accordion-header.ui-accordion-header-active {
  background: var(--accordionhead-bg) url("/images/elemente/arrow-blue-down.png") no-repeat 10px center;
  //color: #fff;
}
.accordion #accordion .ui-accordion-content {
  padding: 20px 20px 20px 20px;
  background: transparent;
  overflow: hidden;
  //border-bottom: 1px solid #d62273;
}
.accordion #accordion .ui-accordion-content img {
  max-width:1200px;
}
.accordion #accordion .ui-accordion-content a img {
  margin: 20px 20px 20px 0px;
  background: transparent;
  overflow: hidden;
  border: 1px solid #ababab;
}



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

}

/* ContentRow End   Acccordion  */








@media all and (max-width: 1200px) {

  body wrapper#budygrid {  
    display: grid;
    grid-template-areas: 
      "logo logo logo logo logo"
      "header header header header header"
      "nav nav nav nav nav"
      "article article article article article"
      "footer footer footer footer footer";
    grid-template-rows: 100px 34.5vw 50px 1fr auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
  }

  body.home wrapper#budygrid {  
    display: grid;
    grid-template-areas: 
      "logo logo logo logo logo"
      "header header header header header"
      "nav nav nav nav nav"
      "zitat zitat zitat zitat zitat"
      "article article article article article"
      "footer footer footer footer footer";
    grid-template-rows: 100px 34.5vw 50px auto 1fr auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: right;
  }  

body.impressum wrapper#budygrid, 
body.datenschutz wrapper#budygrid { 
    grid-template-areas: 
      "logo logo logo logo logo"
      "nav nav nav nav nav"
      "header header header header header"
      "article article article article article"
      "footer footer footer footer footer";
    grid-template-rows: 100px 50px 34vw 1fr 70px 50px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }  

  #pageLogo img.section-logo {  
   width:30vw;
   margin-right:0;
   margin-left:2vw;
  }
  #pageLogo img.section-spenden {  
   width:10vw;
   margin:0 0 0 18vw;
  }
  .centertext {  
   text-align: left;
   width: 500px;
   margin: 0px auto 0px auto;
  }

  #pageLogo img.section-kontakt {  
  width:10vw;
   margin:0 0 0 2vw;
  }
  #lang-switch {
    margin: 10vw 2vw 0 1vw;
  }
  #lang-switch a.lang-switch-e {
    margin: 0 0 0 0;
  }
  #lang-switch a.lang-switch-d {
    margin: 0 0 0 0;
  }
#pageHeader img.teaserraushier {
    position: absolute;
    top: auto;
    bottom: 5px;
    right: 5px;
    margin-right: 0;
    animation-name: example1;
    animation-duration: 1.5s;
    //position: sticky !important;
    //top: 0 !important;
    z-index: 10;
}
  header {
  background:
    url(/images/headbilder/header-frauenberatungsstelle-portraits.png) no-repeat top center,
    url(/images/headbilder/header-frauenberatungsstelle-background.png) no-repeat top center;
  background-size:100% auto, 133%;
  position:relative;
  }
  article#mainArticle {
    padding: 0px 20px 20px 20px;
  }
  article#mainArticle img {
    max-width:100%;
  }
  aside {
    grid-area: aside;
    padding: 20px 20px 20px 20px;
  }  
  footer {
    padding: 34px 20px 20px 20px;
    min-height: 50px;
  }
  footer .adresse {
    margin-bottom: 10px;
  }
  
 body.home zitat {
    font-family: "Droid Serif", Times, serif;
    font-size: 3.2rem;
    color: #49a7a2;
    font-weight: normal;
    line-height: 1.13em;
    margin-top: 0px;
    margin-bottom: 74px;
    padding: 40px 20px 20px 20px;
  }


}


@media all and (max-width: 992px) {


  body wrapper#budygrid {  
    grid-template-areas: 
      "logo logo logo logo logo"
      "nav nav nav nav nav"
      "header header header header header"
      "article article article article article"
      "aside aside aside aside aside"
      "footer footer footer footer footer";
    grid-template-rows: 100px 57px 34vw auto auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }  

  body.home wrapper#budygrid {  
    display: grid;
    grid-template-areas: 
      "logo logo logo logo logo"
      "nav nav nav nav nav"
      "header header header header header"
      "zitat zitat zitat zitat zitat"
      "article article article article article"
      "aside aside aside aside aside"
      "footer footer footer footer footer";
    grid-template-rows: 100px 57px 34vw auto auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }  



  article#mainArticle {
    padding: 0px 20px 20px 20px;
    margin-bottom: 0px;  }
  aside {
    grid-area: aside;
    padding: 20px 20px 20px 20px;
    margin-bottom: 10px;
  }  

#pageHeader img.teaserraushier {
    position: absolute;
    top: auto;
    bottom: 5px;
    right: 5px;
    margin-right: 0;
    height: 15vw;
    animation-name: example3;
    animation-duration: 1.5s;
    z-index: 10;
}
  @keyframes example3 {
    from {margin-left: 258px;}
    to {margin-left: 220px;}
    from {height: 10vw;}
    to {height: 15vw;}
  }

}

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

 #pageLogo img.section-logo {
    width: 31vw;
    margin-right: 0;
    margin-left: 2vw;
 }
  #pageLogo img.section-spenden {
    width: 13vw;
    margin: 0 0 0 22vw;
  }
#pageLogo img.section-kontakt {
    width: 13vw;
    margin: 0 0 0 2vw;
}

  #lang-switch a.lang-switch-e,
  #lang-switch a.lang-switch-d {
   display:block;
   padding:0px 10px 0px 0px;
   margin:0px;
   border-left:0px solid #707070;
   font-size: 1.0em;
   font-weight:bold;
   font-family: sans-serif;
   line-height:1.0em;
  }
  #lang-switch a.lang-switch-e.active,
  #lang-switch a.lang-switch-d.active {
   color:#a5037c;
   display:none;

}

@media all and (max-width: 576px) {

  #pageLogo img.section-spenden {
    width: 13vw;
    margin: 0 0 0 15vw;
  }
  #pageLogo .typenr {
    margin: 4px 10px 10px 10px;
    text-align: right;
  }
  #pageLogo .typenr .type,
  #pageLogo .typenr .nummer {
    display: block;
    position: relative;
    padding-right: 0px;
    padding-left: 0px;
    border-right: 0px solid #999;
  }

  .centertext {  
   text-align: left;
   width: 100%;
   margin: 0px auto 0px auto;
  }


  #lang-switch a.lang-switch-e,
  #lang-switch a.lang-switch-d {
   display:block;
   padding:0px 10px 0px 0px;
   margin:0px;
   border-left:0px solid #707070;
   font-size: 1.0em;
   font-weight:bold;
   font-family: sans-serif;
   line-height:1.0em;
  }
  #lang-switch a.lang-switch-e.active,
  #lang-switch a.lang-switch-d.active {
   color:#a5037c;
   display:none;

 }
 .luffebilder .luffebild {
    max-width: 100%;
    max-height: initial;
    border: 1px solid #999999;
    margin: 0px 0px 5px 0px;
 }

}




@media all and (max-width: 450px) {

  #pageLogo a.logotext {
    margin: 12px 10px 10px 10px;
    font-size: 2.0em;
  }
  #pageLogo .typenr .type, 
  #pageLogo .typenr .nummer {
    font-size: 0.9em;
    line-height: 1.2em;  }

}

  /*   Accordion             */
.ui-accordion-content img,
.ui-widget-content img {
  float: left;
  }
.ui-accordion-content p,
.ui-widget-content p {
  //padding-left: 100px;
  }
.person .ui-icon, .ui-widget-content .ui-icon {
    background: url("/images/elemente/pfeil-weiss-right.png") no-repeat left center;
}
.person .ui-state-hover .ui-icon,
.person .ui-state-focus .ui-icon,
.person .ui-button:hover .ui-icon,
.person .ui-button:focus .ui-icon {
		background-image: url("/images/elemente/pfeil-weiss-right.png");
}
.person .ui-state-active .ui-icon, .ui-button:active .ui-icon {
    background-image: url("/images/elemente/pfeil-weiss-down.png");
}


/*   Kategorie Einstellungen             */

.Xhome #pageLogo .section-logo{ border-right: 2px solid #49a7a2;}
.Xgestalttherapie #pageLogo .section-logo{ border-right: 2px solid #70b2cd;}
.Xpaartherapie #pageLogo .section-logo{ border-right: 2px solid #87acb1;}
.Xeinzeltherapie #pageLogo .section-logo{ border-right: 2px solid #fc705b;}
.Xperson #pageLogo .section-logo{ border-right: 2px solid #f8970e;}
.Xkonditionen #pageLogo .section-logo{ border-right: 2px solid #23387f;}
.Xkontakt #pageLogo .section-logo{ border-right: 2px solid #5ba1bf;}
.Ximpressum #pageLogo .section-logo{ border-right: 2px solid #5ba1bf;}
.Xdatenschutz #pageLogo .section-logo{ border-right: 2px solid #5ba1bf;}


  /*   Sidebar             */
.home aside { background-color: transparent;}
.gestalttherapie aside { background-color: #e2f0f6;}
.paartherapie aside { background-color: #d9f2f4;}
.einzeltherapie aside { background-color: #fff0ee;}
.person aside { background-color: #ca3637;}
.konditionen aside { background-color: #d6dee7;}
.kontakt aside { background-color: transparent;}
.impressum aside { background-color: #fcc85b;}
.datenschutz aside { background-color: #fcc85b;}

.home aside h2 { color: #49a7a2;}
.gestalttherapie aside h2 { color: #0485c0;}
.paartherapie aside h2 { color: #548990;}
.einzeltherapie aside h2 { color: #dd5a45;}
.person aside h2 { color: #ffffff;}
.konditionen aside h2 { color: #23387f;}
.kontakt aside h2 { color: #5ba1bf;}
.impressum aside h2 { color: #5ba1bf;}
.datenschutz aside h2 { color: #5ba1bf;}

.home aside h3 { color: #49a7a2;}
.gestalttherapie aside h3 { color: #0485c0;}
.paartherapie aside h3 { color: #548990;}
.einzeltherapie aside h3 { color: #dd5a45;}
.person aside h3 { color: #ffffff;}
.konditionen aside h3 { color: #23387f;}
.kontakt aside h3 { color: #5ba1bf;}
.impressum aside h3 { color: #5ba1bf;}
.datenschutz aside h3 { color: #5ba1bf;}

.person aside * { color: #ffffff;}


.person aside { 
    background-image: url(/images/content/Portrait-Astrid-Kohrs.jpg);
    background-repeat:no-repeat;
    background-size:contain;
    padding-top:165%;
  }



  /*   Content             */
.kontakt h1 { color: #5ba1bf;}

.home h2 { color: #49a7a2;}
.gestalttherapie h2 { color: #0485c0;}
.paartherapie h2 { color: #548990;}
.einzeltherapie h2 { color: #dd5a45;}
.person h2 { color: #ca3637;}
.konditionen h2 { color: #23387f;}
.kontakt h2 { color: #5ba1bf;}
.impressum h2 { color: #5ba1bf;}
.datenschutz h2 { color: #5ba1bf;}



/*   Editmode-Einstellungen             */

 body#editmode button.weBtn {
    width: initial;
}