@charset "UTF-8";
/* CSS Document */
/* line 25, stile.scss */
nav ul a .m, .aktiv {
  background-repeat: no-repeat;
  width: 98px;
  height: 105px;
  left: 0;
  float: left;
  margin-right: 17px;
  text-align: center;
  font-weight: bold;
  color: #ffe; }

/* line 37, stile.scss */
div.spalte2a, div.spalte2b {
  width: 185px;
  overflow: visible;
  height: 395px;
  border-left: thin;
  border-left-color: #922;
  border-left-style: solid;
  padding-top: 33px;
  font-size: 0.9em;
  position: absolute;
  left: 615px; }

/* line 51, stile.scss */
div.spalte2a p, div.spalte2a ul, div.spalte2a hr, div.spalte2b p, div.spalte2b ul, div.spalte2b hr {
  margin: 0 10px 10px 12px;
  list-style: none;
  font-size: 0.9em; }

/* line 57, stile.scss */
div.spalte2b li.aus, .aus {
  margin-top: 7px;
  font-size: 0.85em; }

/* line 62, stile.scss */
.popup, div.fenster1, div.fenster2, div.fenstergross {
  background-color: #fff;
  position: absolute;
  border-width: 2px;
  border-color: #922;
  border-style: solid;
  display: none; }

/* line 71, stile.scss */
.balken, div.fenster1 .endbalken, div.fenster2 .endbalken, div.fenstergross .endbalken {
  color: #ffd;
  font-weight: bold;
  position: relative;
  border-bottom-width: 1px;
  border-bottom-color: #922;
  border-bottom-style: solid;
  background-color: #922;
  padding-left: 5px;
  height: 16px; }

/* line 84, stile.scss */
* {
  margin: 0;
  padding: 0;
  border: 0; }

/* line 91, stile.scss */
header
, nav
, section
, article
, aside
, footer
, hgroup
, div {
  display: block; }

/* line 104, stile.scss */
* {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

/* line 114, stile.scss */
ol, ul {
  list-style: none; }

/* line 115, stile.scss */
blockquote, q {
  quotes: none; }

/* line 116, stile.scss */
blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none; }

/* line 117, stile.scss */
:focus {
  outline: 0; }

/* line 118, stile.scss */
ins {
  text-decoration: none; }

/* line 119, stile.scss */
del {
  text-decoration: line-through; }

/* line 120, stile.scss */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/* line 123, stile.scss */
html {
  height: 100%; }

/* line 125, stile.scss */
body {
  height: 100%;
  background-color: #922;
  color: #922;
  font: 0.9em sans-serif;
  text-align: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-content: stretch;
  align-items: center; }

/* line 139, stile.scss */
h1 {
  color: #922;
  font: 1.4em sans-serif;
  margin-bottom: 10px; }

/* line 145, stile.scss */
h2 {
  color: #922;
  font: 1em sans-serif;
  margin-bottom: 10px;
  font-weight: bold; }

/* line 151, stile.scss */
.h2 {
  color: #000;
  font: 1em sans-serif;
  font-weight: bold; }

/* line 157, stile.scss */
.h3 {
  color: #555;
  font-weight: bold; }

/* line 163, stile.scss */
p {
  color: #555;
  font: 0.9em sans-serif;
  line-height: 1.3em;
  margin: 6px 100px 0 0;
  -moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto; }
  /* line 170, stile.scss */
  p.zitat {
    font: 1.1em sans-serif;
    line-height: 1.15em;
    font-style: italic;
    margin: 17px 0 0 170px; }
    /* line 175, stile.scss */
    p.zitat strong {
      color: #922;
      font-weight: bold; }
  /* line 180, stile.scss */
  p.autor {
    font-style: italic;
    text-align: right; }

/* line 186, stile.scss */
a {
  color: #922;
  font-weight: bold;
  text-decoration: none; }
  /* line 190, stile.scss */
  a:hover {
    color: #fcc;
    background-color: #fcc; }

/* line 196, stile.scss */
hr {
  background-color: #922;
  color: #922;
  border: 0 none;
  height: 1px;
  margin: -3px 30px 1px 0;
  display: block; }

/* line 205, stile.scss */
main {
  margin: 0 auto;
  position: relative;
  text-align: left;
  height: 590px;
  width: 900px;
  clear: left;
  background-color: #ffe; }

/* line 215, stile.scss */
nav {
  position: absolute;
  text-align: left;
  width: 100%;
  overflow: hidden; }
  /* line 220, stile.scss */
  nav .balken, nav div.fenster1 .endbalken, div.fenster1 nav .endbalken, nav div.fenster2 .endbalken, div.fenster2 nav .endbalken, nav div.fenstergross .endbalken, div.fenstergross nav .endbalken {
    position: absolute;
    height: 20px;
    background-color: #922; }
  /* line 225, stile.scss */
  nav ul {
    position: absolute; }
    /* line 227, stile.scss */
    nav ul a {
      color: #ffe;
      text-decoration: none; }
      /* line 232, stile.scss */
      nav ul a .m div {
        margin-top: 87px;
        height: 18px;
        overflow: hidden; }
      /* line 238, stile.scss */
      nav ul a:hover .m {
        color: #922;
        background-color: #fcc;
        cursor: pointer; }
  /* line 246, stile.scss */
  nav#navi_oben {
    height: 112px; }
    /* line 248, stile.scss */
    nav#navi_oben .balken, nav#navi_oben div.fenster1 .endbalken, div.fenster1 nav#navi_oben .endbalken, nav#navi_oben div.fenster2 .endbalken, div.fenster2 nav#navi_oben .endbalken, nav#navi_oben div.fenstergross .endbalken, div.fenstergross nav#navi_oben .endbalken {
      left: 440px;
      width: 460px;
      top: 85px; }
    /* line 253, stile.scss */
    nav#navi_oben ul#kapitel_oben {
      left: 440px; }
    /* line 254, stile.scss */
    nav#navi_oben #logo {
      position: absolute;
      background-repeat: no-repeat;
      width: 261px;
      height: 115px;
      margin-top: 25px;
      left: 3px;
      cursor: pointer;
      background-image: url(logo.png); }
      /* line 263, stile.scss */
      nav#navi_oben #logo:hover {
        background-image: url(logo_ueber.png); }
  /* line 267, stile.scss */
  nav#navi_unten {
    top: 455px;
    height: 122px; }
    /* line 270, stile.scss */
    nav#navi_unten .balken, nav#navi_unten div.fenster1 .endbalken, div.fenster1 nav#navi_unten .endbalken, nav#navi_unten div.fenster2 .endbalken, div.fenster2 nav#navi_unten .endbalken, nav#navi_unten div.fenstergross .endbalken, div.fenstergross nav#navi_unten .endbalken {
      width: 690px;
      top: 10px; }
    /* line 274, stile.scss */
    nav#navi_unten ul#kapitel_unten {
      left: 17px;
      top: 10px; }
      /* line 277, stile.scss */
      nav#navi_unten ul#kapitel_unten .m {
        background-position: bottom; }
        /* line 279, stile.scss */
        nav#navi_unten ul#kapitel_unten .m div {
          margin-top: 1px; }
    /* line 282, stile.scss */
    nav#navi_unten #sublogo {
      position: absolute;
      width: 148px;
      height: 109px;
      left: 716px;
      background-image: url(huehnchen.png);
      background-repeat: no-repeat;
      background-position: right bottom; }

/* line 295, stile.scss */
nav.pfeile {
  right: -60px;
  bottom: 10px;
  width: 50px; }
  /* line 299, stile.scss */
  nav.pfeile div {
    width: 22px;
    height: 35px;
    background-repeat: no-repeat;
    float: left;
    cursor: pointer; }
  /* line 306, stile.scss */
  nav.pfeile #aus {
    display: none;
    background-image: url(x.png); }
    /* line 309, stile.scss */
    nav.pfeile #aus:hover {
      background-image: url(x_o.png); }
  /* line 311, stile.scss */
  nav.pfeile .ruck {
    background-image: url(pf_l.png); }
    /* line 313, stile.scss */
    nav.pfeile .ruck:hover {
      background-image: url(pf_l_o.png); }
  /* line 315, stile.scss */
  nav.pfeile .vor {
    background-image: url(pf_r.png); }
    /* line 317, stile.scss */
    nav.pfeile .vor:hover {
      background-image: url(pf_r_o.png); }

/* line 321, stile.scss */
nav#querverbindung {
  position: fixed;
  bottom: 0;
  left: 0;
  width: auto;
  padding: .3em 1em;
  color: #922;
  background-color: #ffe;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  margin-left: 1em; }
  /* line 332, stile.scss */
  nav#querverbindung a {
    color: #922; }

/* line 337, stile.scss */
.aktiv {
  position: absolute;
  background-color: #fcc; }
  /* line 341, stile.scss */
  .aktiv div {
    color: #922;
    margin-top: 87px;
    height: 18px;
    overflow: hidden; }

/* line 349, stile.scss */
footer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  position: absolute;
  height: 16px;
  font-size: 0.75em;
  color: #fcc;
  top: 570px;
  padding-top: 4px;
  background-color: #922;
  width: 900px;
  overflow: hidden; }
  /* line 362, stile.scss */
  footer a {
    color: #fcc;
    font-weight: bold;
    text-decoration: none; }
    /* line 366, stile.scss */
    footer a:hover {
      color: #922;
      background-color: #fcc; }
  /* line 371, stile.scss */
  footer #kwasi {
    width: 250px;
    text-align: right; }

/* line 378, stile.scss */
div.zeile {
  position: absolute;
  top: 150px;
  left: 100px;
  height: 305px;
  width: 800px;
  overflow: visible; }
  /* line 385, stile.scss */
  div.zeile img {
    float: right;
    padding: 0 0 2px 5px; }
  /* line 389, stile.scss */
  div.zeile a:hover {
    color: #922;
    background-color: #fcc; }
/* line 395, stile.scss */
div.spalte1 {
  width: 525px;
  float: left;
  height: 100%; }
/* line 401, stile.scss */
div.spalte1a {
  width: 300px;
  float: left;
  height: 100%; }
  /* line 405, stile.scss */
  div.spalte1a p {
    margin: 0 15px 7px 0; }
  /* line 406, stile.scss */
  div.spalte1a ul {
    margin: 0 30px 7px 20px;
    color: #555;
    font-size: 0.9em;
    line-height: 1.3em; }
/* line 414, stile.scss */
div.spalte1b {
  width: 275px;
  float: left;
  height: 100%; }
  /* line 418, stile.scss */
  div.spalte1b p {
    margin: 0 25px 10px 0; }
/* line 421, stile.scss */
div.spalte1c {
  width: 250px;
  float: left;
  height: 100%; }
  /* line 425, stile.scss */
  div.spalte1c p {
    margin: 0 30px 7px 0; }
/* line 428, stile.scss */
div.abstand {
  width: 66px;
  float: left;
  height: 100%; }
/* line 434, stile.scss */
div.abstand_klein {
  width: 16px;
  float: left;
  height: 100%; }
/* line 449, stile.scss */
div.spalte2b h3 {
  color: #555;
  margin: 0 0 10px 12px;
  font-size: 0.9em; }
/* line 457, stile.scss */
div.spalte2b li {
  cursor: pointer;
  list-style: none;
  font-weight: bold; }
  /* line 462, stile.scss */
  div.spalte2b li a {
    font-weight: normal; }
  /* line 463, stile.scss */
  div.spalte2b li:hover {
    color: #fcc !important;
    background-color: #922; }
/* line 468, stile.scss */
div.spalte2b a:hover {
  color: #fcc;
  background-color: #922; }
/* line 474, stile.scss */
div.fenster1 {
  width: 400px;
  left: 290px; }
  /* line 478, stile.scss */
  div.fenster1 .balken, div.fenster1 .endbalken {
    width: 377px; }
  /* line 480, stile.scss */
  div.fenster1 a:hover {
    color: #922;
    background-color: #fcc; }
/* line 486, stile.scss */
div.fenster2 {
  width: 259px;
  left: 400px;
  overflow: hidden; }
  /* line 491, stile.scss */
  div.fenster2 .balken, div.fenster2 .endbalken {
    width: 236px; }
  /* line 493, stile.scss */
  div.fenster2 a:hover {
    color: #922;
    background-color: #fcc; }
/* line 499, stile.scss */
div.fenstergross {
  max-width: 1000px;
  margin: 0 auto; }
  /* line 503, stile.scss */
  div.fenstergross .balken, div.fenstergross .endbalken {
    width: calc(100% - 23px);
    background-color: #fcc;
    color: #922;
    cursor: pointer; }
  /* line 510, stile.scss */
  div.fenstergross .inhalt {
    padding: 1em;
    width: auto;
    text-align: left;
    -webkit-column-count: 2;
    /* Chrome, Safari, Opera */
    -moz-column-count: 2;
    /* Firefox */
    column-count: 2;
    -webkit-column-gap: 20px;
    /* Chrome, Safari, Opera */
    -moz-column-gap: 20px;
    /* Firefox */
    column-gap: 20px; }
    /* line 520, stile.scss */
    div.fenstergross .inhalt h3 {
      padding-top: 1em; }
    /* line 521, stile.scss */
    div.fenstergross .inhalt h4, div.fenstergross .inhalt h4 ~ p {
      display: inline; }
    /* line 522, stile.scss */
    div.fenstergross .inhalt a:hover {
      color: #922;
      background-color: #ffe; }
/* line 529, stile.scss */
div.fotofenster {
  position: absolute;
  display: none;
  width: 900px;
  height: 574px;
  left: 0;
  top: 0;
  background-color: #ffe; }

/* line 542, stile.scss */
.bildinhalt {
  position: absolute;
  top: 50%;
  left: 50%; }

/* line 548, stile.scss */
.icks {
  position: relative;
  font-weight: bold;
  width: 18px;
  height: 16px;
  background-color: #ffd;
  border-bottom-width: 2px;
  border-bottom-color: #922;
  cursor: pointer;
  border-bottom-style: solid;
  float: right;
  text-align: center;
  font-size: 1.05em; }

/* line 563, stile.scss */
.inhalt {
  width: 100%;
  top: 20px;
  clear: left; }
  /* line 567, stile.scss */
  .inhalt p {
    margin: 5px; }
  /* line 568, stile.scss */
  .inhalt ul {
    margin-left: 20px;
    color: #555;
    font-size: 0.9em; }

/* line 575, stile.scss */
#lageplan_thumb {
  cursor: pointer;
  height: 205px; }
  /* line 578, stile.scss */
  #lageplan_thumb p:before {
    content: "►►";
    padding: 0 .2em;
    color: #922; }

/* line 585, stile.scss */
#lageplan_badenweiler {
  cursor: pointer;
  content-before: " > >"; }
  /* line 588, stile.scss */
  #lageplan_badenweiler p:before {
    content: "►►";
    padding: 0 .2em;
    color: #922; }
  /* line 593, stile.scss */
  #lageplan_badenweiler:hover p {
    color: #922; }

/* line 596, stile.scss */
.bilder {
  position: absolute;
  height: 132px;
  width: 595px;
  left: -3px;
  top: 120px; }

/* line 604, stile.scss */
.bildcontainer {
  position: absolute;
  height: 132px;
  width: 434px;
  left: 0; }

/* line 611, stile.scss */
.thumb {
  position: relative;
  height: 60px;
  width: 100px;
  cursor: pointer;
  border-width: 3px;
  border-color: #ffe;
  border-style: solid;
  float: left; }

/* line 622, stile.scss */
img#lageplan {
  width: 390px;
  height: 273px;
  margin: 5px; }

/*
''''''''''''''''''''''''''' kapitelstile '''''''''''''''''''''''''''  
*/
/* line 632, stile.scss */
#m1 {
  background-image: url(asprion_rw.png); }
  /* line 634, stile.scss */
  #m1:hover {
    background-image: url(asprion_rose.jpg); }

/* line 636, stile.scss */
#m2 {
  background-image: url(rahmen_rw.png); }
  /* line 638, stile.scss */
  #m2:hover {
    background-image: url(rahmen_rose.jpg); }

/* line 640, stile.scss */
#m3 {
  background-image: url(links_rw.png); }
  /* line 642, stile.scss */
  #m3:hover {
    background-image: url(links_rose.jpg); }

/* line 644, stile.scss */
#m4 {
  background-image: url(kontakt_rw.png); }
  /* line 646, stile.scss */
  #m4:hover {
    background-image: url(kontakt_rose.jpg); }

/* line 648, stile.scss */
#m5 {
  background-image: url(supervision_rw.png); }
  /* line 650, stile.scss */
  #m5:hover {
    background-image: url(supervision_rose.jpg); }

/* line 652, stile.scss */
#m6 {
  background-image: url(coaching_rw.png); }
  /* line 654, stile.scss */
  #m6:hover {
    background-image: url(coaching_rose.jpg); }

/* line 656, stile.scss */
#m7 {
  background-image: url(mediation_rw.png); }
  /* line 658, stile.scss */
  #m7:hover {
    background-image: url(mediation_rose.jpg); }

/* line 660, stile.scss */
#m8 {
  background-image: url(moderation_rw.png); }
  /* line 662, stile.scss */
  #m8:hover {
    background-image: url(moderation_rose.jpg); }

/* line 664, stile.scss */
#m9 {
  background-image: url(training_rw.png); }
  /* line 666, stile.scss */
  #m9:hover {
    background-image: url(training_rose.jpg); }

/* line 668, stile.scss */
#m10 {
  background-image: url(aktuell_rw.png); }
  /* line 670, stile.scss */
  #m10:hover {
    background-image: url(aktuell_rose.jpg); }

/* line 677, stile.scss */
#startseite #m1 {
  background-image: url(asprion.jpg); }
  /* line 679, stile.scss */
  #startseite #m1:hover {
    background-image: url(asprion_rose.jpg); }
/* line 681, stile.scss */
#startseite #m2 {
  background-image: url(rahmen.jpg); }
  /* line 683, stile.scss */
  #startseite #m2:hover {
    background-image: url(rahmen_rose.jpg); }
/* line 685, stile.scss */
#startseite #m3 {
  background-image: url(links.jpg); }
  /* line 687, stile.scss */
  #startseite #m3:hover {
    background-image: url(links_rose.jpg); }
/* line 689, stile.scss */
#startseite #m4 {
  background-image: url(kontakt.jpg); }
  /* line 691, stile.scss */
  #startseite #m4:hover {
    background-image: url(kontakt_rose.jpg); }
/* line 693, stile.scss */
#startseite #m5 {
  background-image: url(supervision.jpg); }
  /* line 695, stile.scss */
  #startseite #m5:hover {
    background-image: url(supervision_rose.jpg); }
/* line 697, stile.scss */
#startseite #m6 {
  background-image: url(coaching.jpg); }
  /* line 699, stile.scss */
  #startseite #m6:hover {
    background-image: url(coaching_rose.jpg); }
/* line 701, stile.scss */
#startseite #m7 {
  background-image: url(mediation.jpg); }
  /* line 703, stile.scss */
  #startseite #m7:hover {
    background-image: url(mediation_rose.jpg); }
/* line 705, stile.scss */
#startseite #m8 {
  background-image: url(moderation.jpg); }
  /* line 707, stile.scss */
  #startseite #m8:hover {
    background-image: url(moderation_rose.jpg); }
/* line 709, stile.scss */
#startseite #m9 {
  background-image: url(training.jpg); }
  /* line 711, stile.scss */
  #startseite #m9:hover {
    background-image: url(training_rose.jpg); }
/* line 713, stile.scss */
#startseite #m10 {
  background-image: url(aktuell.jpg); }
  /* line 715, stile.scss */
  #startseite #m10:hover {
    background-image: url(aktuell_rose.jpg); }

/* line 724, stile.scss */
#a1 {
  background-image: url(asprion_rose.jpg);
  left: 440px; }

/* line 728, stile.scss */
#a3 {
  background-image: url(rahmen_rose.jpg);
  left: 555px; }

/* line 732, stile.scss */
#a4 {
  background-image: url(links_rose.jpg);
  left: 670px; }

/* line 736, stile.scss */
#a5 {
  background-image: url(kontakt_rose.jpg);
  left: 785px; }

/* line 740, stile.scss */
#a6 {
  background-image: url(supervision_rose.jpg);
  left: 17px;
  background-position: bottom;
  top: 465px; }
  /* line 745, stile.scss */
  #a6 div {
    margin-top: 1px; }

/* line 747, stile.scss */
#a7 {
  background-image: url(coaching_rose.jpg);
  left: 132px;
  background-position: bottom;
  top: 465px; }
  /* line 752, stile.scss */
  #a7 div {
    margin-top: 1px; }

/* line 754, stile.scss */
#a8 {
  background-image: url(mediation_rose.jpg);
  left: 247px;
  background-position: bottom;
  top: 465px; }
  /* line 759, stile.scss */
  #a8 div {
    margin-top: 1px; }

/* line 761, stile.scss */
#a9 {
  background-image: url(moderation_rose.jpg);
  left: 362px;
  background-position: bottom;
  top: 465px; }
  /* line 766, stile.scss */
  #a9 div {
    margin-top: 1px; }

/* line 768, stile.scss */
#a10 {
  background-image: url(training_rose.jpg);
  left: 477px;
  background-position: bottom;
  top: 465px; }
  /* line 773, stile.scss */
  #a10 div {
    margin-top: 1px; }

/* line 775, stile.scss */
#a2 {
  background-image: url(aktuell_rose.jpg);
  left: 592px;
  background-position: bottom;
  top: 465px; }
  /* line 780, stile.scss */
  #a2 div {
    margin-top: 1px; }

/*body#spionage {
	height: calc(100% – 10%) !important;
	main {
		box-sizing: border-box;
		width: 100%;
		height: auto;
		padding: 1em;
		max-width: 1000px;
		text-align: left;
		*:not(h1) { display: inline;color: $grau; margin: 0; }
		h4{ margin-left: 1em; }
		a { text-decoration: underline;  }
		a:hover { color: $rot; }
		h1, h2 { color: $rot }
		h1 {    padding-top: 15px; }
	}
}
*/

/*# sourceMappingURL=stile.css.map */
