/**
 * CSS Framework
 *
 * default screen stylesheet - Master-layout type layout
 *
 * version 0.0.1
 */

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('/fonts/glyphicons-halflings-regular.eot');
  src: url('/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
@font-face {
  font-family: 'OpenNavigation';
  src: url('/fonts/OpenNavigation-Regular.otf');
}



/* ----- ab 000px Breite   ----- */
@media screen {
  /* force vertical scrollbar */
  body {
    background: transparent url() repeat-x center top;
    overflow-y: scroll;
    font-family: "Open Sans", Helvetica, Arial,sans-serif;
    font-size: 14px;
    font-size: 13pt;
    line-height: 1.42857;
    color:#7c003e;
    	color:#333333;
  }

  /* fallback for missing media queries support*/
  body > header, body > nav, body > main, body > footer {
    min-width: 765px;
  }

/* ----- Basic Element Styling */
  header {
    width: 100%;
    //max-width: 1439px;
    background: transparent url(/images/headbilder/headbild-uebermich-desc.jpg) no-repeat center top;
    color: #ffffff;
    position: relative;
  }
  header.affix {
    position: relative;
    //position: fixed;
  }
  header .header {
    position:relative;
    height:320px;
    	max-width: 1439px;
    padding: 0em;
    color: #FFF;
  }

  header.affix {
    position: fixed;
    margin-top: -279px;
    top:0px;
    z-index:300;
  }
  header.affix h1 {
    top: 190px;
    height: 40px;
  }
  main {
    padding-top: 30px;
  }

  header.affix + main {
    margin-top: 325px;
  }
  aaside.affix{
    margin-top: -285px;
    margin-left: 569px;
    width: 350px;
  }

  header .logo {
    position: absolute;
    background: #ffffff url("/images/elemente/logo-birgit-hartmann-pool-sm.png") no-repeat right center;
    background: #ffffff url("/images/elemente/logo-birgit-hartmann-pool-sm_2.svg") no-repeat right center;
    //background: #ffffff url(/images/elemente/Logo-Hartmann-Pool-Mobile.svg) no-repeat right center;
    background-size:380px;
    //background-size:450px;
    top: 0px;
    right: 0px;
    display: block;
    width: 100%;
    height: 40px;
    //height: 50px;
    color: transparent;
  }
  header .logo:hover {
    color: transparent;
  }
  header .logo:hover {
    color: transparent;
  }
  header { background: transparent url(/images/headbilder/headbild-uebermich-mob2.jpg) no-repeat center top; }
  .home header { background-image: none;}
  .aktuelles header { background-image: url(/images/headbilder/headbild-aktuelles-mob2.jpg);}
  .mbsr header { background-image: url(/images/headbilder/headbild-mbsr-mob2.jpg);}
  .achtsamkeit header { background-image: url(/images/headbilder/headbild-achtsamkeit-mob2.jpg);}
  .edp header { background-image: url(/images/headbilder/headbild-edp-mob2.jpg);}
  .berufung header { background-image: url(/images/headbilder/headbild-beruf-mob2.jpg);}
  .termine header { background-image: url(/images/headbilder/headbild-termine-mob2.jpg);}
  .einzelarbeit header { background-image: url(/images/headbilder/headbild-einzelarbeit-mob2.jpg);}
  .uebermich header { background-image: url(/images/headbilder/headbild-uebermich-mob2.jpg);}
  .kontakt header { background-image: url(/images/headbilder/headbild-kontakt-mob2.jpg) ;}
  .newsletter header { background-image: url(/images/headbilder/headbild-newsletter-mob2.jpg);}
  .impressum header { background-image: url(/images/headbilder/headbild-impressum-mob2.jpg);}
  .datenschutz header { background-image: url(/images/headbilder/headbild-datenschutz-mob2.jpg);}

  .home header .container { position:relative; max-width: 1449px;}

  nav {
    position: absolute;
    top:279px;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 30px;
    background: #ffffff;
    background: rgba(255, 255, 255, 0.75);
    border-bottom: 1px solid rgba(0, 0, 0, 0.14);
    z-index: 200;
  }
  main {
    font-size: 16px;
    font-size: 13pt;
    line-height: 1.42857;
    color:#7C003E;
    	color:#333333;
    	letter-spacing: 0.025em;
  }
  main.container {
   border:0px solid #00ffff;
   padding-left: 28px;
   padding-right: 23px;
  }
  main .info {
    margin-bottom: 1.5em;
  }
  main strong {
    font-family: "Open Sans Bold";
  }

  main ul {
    margin-left: -40px;
    	margin-left: -20px;
    list-style-type: none;
    	list-style-type: initial;
  }
  main li { 
    //padding-left: 20px;
  }
  main li:before { 
    //content: "\003e";
    margin-left: -20px;
    padding-right: 8px;
    font-family: 'OpenNavigation';
    font-size: 1.00em;
    font-style: normal;
    font-weight: normal;
    line-height: 1.50em;
  }

  aside {
    //border-left: 1px #ddd solid;
    //margin-left:-0px;
  }

  footer {
    position: relative;
    height: 128px;
    height: 148px;
    padding: 20px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    border: 0px #dedede solid;
    overflow:hidden;
    background: #c89816;
    color:#7C003E;
    color:#ffffff;
    z-index:100;
  }
  footer.container {
    width: 100% !Important;
    padding-right: 30px;
    padding-left: 30px;
  }
  footer p {
    margin:5px 0px 0px 0px;
    text-align:left;
    font-size: 13px;
    line-height: 1.25em;
  }
  footer ul {
    width: 100%;
    overflow: hidden;
    float: right;
    float: left;
    position: relative;
    line-height: 1em;
    background: transparent none repeat scroll 0% 0%;
    margin: 10px 0px 5px 0px;
    padding: 0px;
    border:0px solid #ff0000;
  }
  footer ul li {
    display: inline;
    display: block;
    clear: right;
    font-size: 1em;
    line-height: 1;
    list-style-type: none;
    margin: 0px 0.25em 0px 0px;
    padding: 0px;
    //float: right;
    //float: left;
  }
  footer ul li a {
    background: transparent none repeat scroll 0% 0%;
    color: #ffffff;
    display: block;
    font-size: 0.92em;
    line-height: 0.92em;
    padding: 0px 0.5em;
    padding: 0px 0.0em;
    font-weight: normal;
    text-decoration: none;
    width: auto;
  }
  footer ul li a:hover {
    color: #7C003E;
  }
  footer ul li a::before {
    content: ">";
    margin-left: 0px;
    padding-right: 5px;
    font-family: "OpenNavigation";
    font-size: 1em;
    font-style: normal;
    font-weight: normal;
    line-height: 1.5em;
  }

  main a.backbutton {
    position: relative;
    display: block;
    height: 30px;
    width: 30px;
    float: right;
    margin: 0px -5px 15px 0px;
    margin-left: 20px;
    color:#7C003E;
    overflow:hidden;
    border:0px solid #dfdfdf;
    border-radius:50%;
    z-index:500;
  }
  main a.backbutton:hover {
    color:#cb9a04;
  }
  main a.backbutton::before {
    content: "\25b2";
    display: block;
    margin: -7px 20px 0px 3px;
    padding: 0px;
    font-family: "OpenNavigation";
    font-size: 2.0em;
    font-style: normal;
    font-weight: normal;
    line-height: 1.0em;
  }
  .home main a.backbutton {
    float: right;
    margin: 15px 15px 10px 15px;
  }


/* ----- skip links styling */
  .skiplinks a.skip:focus,
  .skiplinks a.skip:active {
    color: #fff;
    background: #333;
    border-bottom: 1px #000 solid;
    padding: 10px 0;
    text-align: center;
    text-decoration: none;
  }

/* ----- Anpassungen Inhaltlich  */

/* ----- Links  */

  a.pdf-link {
    line-height:18px; 
    margin-left:3px; 
    padding:1px 0px 1px 22px; 
    background:transparent url(/images/elemente/link-pdf.png) no-repeat center left;
    border:0px solid #888888; 
  }
  a.ext-link {
    line-height:18px; 
    margin-left:3px; 
    padding:1px 0px 1px 22px; 
    background:transparent url(/images/elemente/link-extern.png) no-repeat center left;
    border:0px solid #888888; 
  }
  a.ext-link:hover,
  a.pdf-link:hover {
    text-decoration:underline; 
  }
  .mailbutton a, a.mailbutton, .linkbutton {
    display: inline-block;
    padding: 8px 20px 9px 20px;
    margin-bottom: 10px;
    background-color: #7C003E;
    color: #ffffff;
    font-size: 16px;
    font-size: inherit;
    font-weight: normal;
    line-height: 1.00;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 3px;
  }
  .linkbutton:hover, .mailbutton a:hover, .mailbutton a:focus,
    a.mailbutton:hover, a.mailbutton:focus {
    background-color: #cb9a04;
    background-position: 0px -15px;
    color: #ffffff;
  }
  a.abmeldelink {
    color: #7C003E;
    font-weight: bold;
  }
  a.abmeldelink:hover {
    color: #cb9a04;
  }


/* ----- Blockelemente  */
  hr {
    color: #fff;
    background: transparent;
    margin: 0 0 0.75em 0;
    padding: 0 0 0.67857em 0;
    border: 0;
    border-bottom: 1px #eeeeee solid;
  }

/* ----- Klassen für Content  */
  .bild-links { float:left; display:inline; margin-right:1.0em; margin-bottom:0.15em; margin-top:0.45em; border: 0px solid #999999; border-top-left-radius: 0px;}
  .bild-rechts { float:right; display:inline; margin-left:1.0em !important; margin-bottom:0.45em; margin-top:0.15em; border: 0px solid #999999; border-top-right-radius: 0px;}
  .bild-mitte { display:block; text-align:center; margin:0.5em auto; margin-top:0.45em; border: 0px solid #999999; border-top-right-radius: 0px; }
  .bild-block { display:block; margin-right:0.0em; margin-bottom:0.15em; margin-top:0.45em; border: 0px solid #999999; border-top-left-radius: 0px;}

/* ----- Klassen für die Downloadseite  */
  .downbox {
    margin:0px 0px 10px 0px;
    padding:0px 0px 20px 0px;
    overflow:hidden;
    border-bottom: 1px solid #eeeeee;
  }
  .downbox a {
    font-weight:500;
    color:#4a9192;
  }
  .downbox span.byte {
    color:#888888;
  }


/* ----- Klassen für die Linkseite  */
  .linkbox {
    margin:0px 0px 10px 0px;
    padding:0px 0px 10px 20px;
    overflow:hidden;
    border-bottom: 1px solid #eeeeee;
  }
  .linkbox a {
    font-weight:500;
    color:#4a9192;
  }


/* ----- Klassen für die Literaturliste  */
  .litbox {
    margin:0px 0px 0px 0px;
    padding:10px 0px 6px 0px;
    border-bottom: 1px solid #eeeeee;
  }
  .litbox h2.zwischentitel {
    margin:-15px 0px 10px 0px;
    padding:35px 0px 0px 0px;
    font-size:1.7em;
    color:#666666;
    background-color:#ffffff;
    border-top: 0px solid #880000;
    border-bottom: 1px solid #bababa;
  }


/* ----- Klassen für die FAQ-Seite  */
  .faqbox { 
    height:auto;
    padding:10px 0px 10px 20px; 
    margin:0px 0px 0px 0px; 
    border-bottom: 1px solid #cccccc; 
  }
  .faqbox:first-child { 
    border-top: 1px solid #cccccc; 
  }
  .faqbox .blockhead { 
    margin:0; 
    padding:0; 
    cursor:pointer;
    outline:none; 
  }


/* ----- Klassen für die Team-Seite  */
  .teambox { 
    height:auto;
    overflow:hidden; 
    margin:0px 25px 0px 25px; 
    padding:20px 0px 20px 0px; 
    background-color:#f6f6f6;
    border-bottom: 1px solid #ababab; 
  }
  .teambox:first-of-type { 
    margin-top:25px; 
    border-top: 1px solid #ababab; 
  }
  .teambox.even { background-color:transparent;}
  .teambox p { 
    margin:0px; 
    padding:10px 20px 0px 105px; 
  }
  .teambox img { 
    margin:0px 14px 0px 0px; 
    border:0px solid #ababab; 
  }


   :target:before { /* fixed header height*/
     content:"";
     display:block;
     height:129px; /* fixed header height*/
     margin:-129px 0 0; /* negative fixed header height */
   }

  .eventbox { 
    margin:10px 0px 102px 0px; 
    border:0px solid #ababab;
    outline:none; 
  }
  .eventbild {
    height: auto;
    //margin-left: -28px;
    width:100%;
    //width: 100vw;
    margin-bottom: 31px;
  }
  .eventhead { 
    margin: 0px 0px 17px 0px;
    font-size:13pt;
    font-weight:bold;
    color:#7C003E;
  }
  .eventdaten { 
    margin: 0px 0px 15px 0px;
    font-size:13pt;
    font-weight:normal;
    line-height:1.49em;
  }
  .eventdaten p { 
    margin: 0px 0px 0px 0px;
  }
  .eventtext { 
    margin: 0px 0px 15px 0px;
    font-size:100%;
    font-weight:normal;
    color:#333333;
  }
   a.eventlink {
    display: block;
    margin: 10px 0px 20px 0px;
    font-size:16.6px;
    font-weight: bold;
    color: #7C003E;
  }
  a.eventlink::before {
    content: ">";
    margin-left: 0px;
    padding-right: 5px;
    font-family: "OpenNavigation";
    font-size: 1em;
    font-style: normal;
    font-weight: normal;
    line-height: 1.5em;
  }

  ul.eventnav { 
    margin-bottom: 36px;
    margin-left: -39px;
    list-style-type: none;
  }

  .eventnav li { 
    padding-left: 0px;
    font-size: 14px;
    line-height: 1.55;
    margin-left: 0em;
    margin-bottom: 16px;
  }
  .eventnav li::before {
    content:"";
    margin: 0px;
    padding: 0px;
  }
  .eventnav li a {
    display: block;
    font-weight: bold;
    color: #7C003E;
  }
  .eventnav li a::before {
    content: ">";
    margin-left: 0px;
    padding-right: 5px;
    font-family: "OpenNavigation";
    font-size: 1em;
    font-style: normal;
    font-weight: normal;
    line-height: 1.5em;
  }

  .aktuellbox { 
    margin-bottom:10px; 
    outline:none; 
  }
  .aktuellbox p { 
    margin-bottom:0px; 
  }
  .aktuellhead { 
    margin: 0px 0px 0px 0px;
    font-size:18px;
    font-weight:bold;
    color:#cb9a04;
  }
  .aktuelltext {
    margin: 0px 0px 8px 0px;
    overflow: hidden;
    height: 1.6em;
  }
  .aktuelltext > p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
  }
  .aktuelldata {
    margin: 0px 0px 0px 0px;
    overflow: hidden;
    //height: 1.6em;
  }
   a.aktuelllink {
    display: block;
    margin: 0px 0px 20px 0px;
    font-size:1em;
    font-weight: bold;
    color: #7C003E;
  }
  a.aktuelllink::before {
    content: ">";
    margin-left: 0px;
    padding-right: 5px;
    font-family: "OpenNavigation";
    font-size: 1em;
    font-style: normal;
    font-weight: normal;
    line-height: 1.5em;
  }

  .md-block {
    display: block;
  }
  .md-hidden {
    display: none;
  }

/* ----- Elemente Termine-Seite   ----- */

  .termine h1.termineheadline {
    padding-left: 0px;
    padding-bottom: 20px;
  }
  .termine .terminbox {
    display:block; 
    overflow:hidden; 
    margin-bottom:20px;
  }
  .termine .terminbox:hover a.terminlink {
    color:#cb9a04; 
  }
  .termine .terminbox .termindate {
    color:#000000;
    font-weight:bold; 
  }
  .termine .terminbox:hover .termindate {
    color:#000000;
  }
  .termine .termindata {
    padding-top:2px; 
    //min-height:100px; 
    margin-Bottom:15px;
  }
  .termine .termindata strong {
    //font-size:0.8em;
  }
  .termine .terminimg {
    //float:left; 
    //margin-right:20px;
    //width:200px;
    //height:140px; 
    //margin-right:31px; 
    //margin-Bottom:0px; 
  }
  .termine .terminimg {
    width:100%; 
    height:70%;
    float:left; 
    margin-right:0px; 
    margin-bottom:10px; 
  }
  .termine h2.terminhead {
    padding-top:5px; 
    max-height:60px; 
    margin-Bottom:10px; 
  }
  .terminhead {
    margin: 0px 0px 0px 0px;
    font-size: 18px;
    font-weight: bold;
    color: #7C003E;
  }
  .terminlinkbox {
    padding-top:0px; 
  }
  .terminlink {
  }
  .terminlink {
    display: block;
    margin: 0px 0px 0px 0px;
    padding-top:0px; 
    font-size: 1em;
    font-weight: bold;
    color: #7C003E;
  }
  .terminlink::before {
    content: ">";
    margin-left: 0px;
    padding-right: 5px;
    font-family: "OpenNavigation";
    font-size: 1em;
    font-style: normal;
    font-weight: normal;
    line-height: 1.5em;
  }


/* ----- Elemente Home-Seite   ----- */
  .home header {
    position: relative;
    background: transparent url() no-repeat scroll center top;
    height: 155px;
    height: 34vw;
    z-index:100;
    border:0px solid #ff0000;
    
  }
  .home header .logo {
    position:absolute;
    background: transparent url(/images/elemente/logo-birgit-hartmann-pool-home.png) no-repeat right top;
    background: transparent url(/images/elemente/logo-birgit-hartmann-pool-home.svg) no-repeat right top;
    background: transparent url(/images/elemente/Logo-Hartmann-Pool-Home.svg) no-repeat center center;
    background: transparent url(/images/elemente/2024.05_Hartmann-Pool_Logo_RZ.svg) no-repeat center center;
    background-size: cover;
    background-size: contain;
    top:20px;
    top:30px;
    right:10px;
    display:block;
    width:400px;
    height:100px;
    color: transparent;
  }
  .hhome main.container {
    position: relative;
    display: block;
    width: 100vw;
    height:100vh;
    min-height:600px;
    padding: 0px !Important;
    margin: 0px !Important;
    top:0px;
    bottom:0px;
    border:0px solid #00ff00;
  }

  .home main.container {
    position: relative;
    display: block;
    //min-height:600px;
    padding: 0 !important;
    margin: auto !important;
    //top:220px;
    //bottom:0px;
    //border:0px solid #00ff00;
    max-width: 1100px;
  }

/* ----- Swiper Elemente    ----- */
  .swiper-slide a span {
    color: #7C003E;
  }
  .swiper-slide a:hover span {
    color: #cb9a04;
  }





/* ----- Klassen Interne-Seiten  */

  .kurswrapper { 
    display: flex;
    flex-wrap: wrap;
    row-gap: 25px;
    column-gap: 25px;
    //grid-auto-rows: auto;
   }

  .gruppenhead { 
    border-bottom:1px solid #bcbcbc; 
    padding:20px 0px 10px 0px; 
    margin:10px 0px 10px 0px ; 
  }

  .kursbox { 
    display:inline-grid;
    grid-template-columns: 1fr;
		grid-template-rows: auto;
		align-content: center;
    //display:inline-block; 
    color:#cb9a04; 
		height:240px; 
		width:240px; 
		padding:6px; 
		background:#7C003E; 
		text-align:center; 
		//margin: 20px 20px 0px 0px; 
		overflow:hidden;


  }
  .kursbox:hover {}
  .kursgruppe, 
  .kursname { 
    display:block;
    font-size: 1.6em; 
    //font-weight:600;
    line-height:1.4em;
   font-family: "Open Sans", Arial, Helvetica, sans-serif; 
    color:inherit;  
  }
  .kursname { 
    //font-weight:300;
    font-family: "Open Sans Light", Arial, Helvetica, sans-serif; 
  }
  .userid { 
    display:block;
    font-size: 1.0em; 
    //font-weight:300; 
    line-height:1.4em; 
    color:inherit; 
  }

  .downloadbutton {
    display:inline-block; 
    padding:0px 30px 0px 44px; 
    margin-bottom:18px;
    color:#7C003E; 
    line-height:2.2em; 
    background:transparent url(/images/elemente/icon-download.png) no-repeat 15px center; 
    border:2px solid #7C003E; 
    border-radius: 5px; 
  }
  .downloadbutton:hover { background-color:#7C003E; color:#ffffff;}
  .pagesnr {
    padding-top:10px; 
    font-size: 1.1em; 
  }
  .pagesnr a {
    font-size: 1.1em; 
    //line-height:1em; 
    color:#7C003E; 
    padding:0px 9px 0px 9px; 
    border:1px solid #7C003E; 
    border-radius: 5px;
      margin-bottom: 10px;
      display: inline-block;
} 
  }
  .pagesnr a.aktive,
  .pagesnr a:hover {
    color:#ffffff; 
    background-color:#7C003E; 
  }

  h1.bold {
  margin: 0 0 0.4375em 0;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 19pt;
  line-height: 1.35;
  color: #cb9a04;
}
  h2.h1 {
  margin: 0 0 0.4375em 0;
  font-family: "Open Sans Light", Arial, Helvetica, sans-serif;
  font-size: 19pt;
  line-height: 1.35;
  color: #cb9a04;
}
.intern h1 {
  margin: 0 0 0.4375em 0;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 19pt;
  line-height: 1.35;
  color: #cb9a04;
}
.intern h1+h2 {
  margin: 0 0 0.4375em 0;
  font-family: "Open Sans Light", Arial, Helvetica, sans-serif;
  font-size: 19pt;
  line-height: 1.35;
  color: #cb9a04;
}

  .colorviewbox {
    font-size:20px; 
		display:inline-block; 
    padding:5px 20px 5px 20px; 
    margin-left:20px; width:auto
    background-color: transparent; 
    border:1px solid #cb9a04; 
  }
  .bordeaux { background-color:#7C003E; color:#cb9a04; }
  a:hover.bordeaux { background-color:#7C003E; color:#cb9a04; }
  .ocker { background-color:#cb9a04; color:#7C003E; }
  a:hover.ocker { background-color:#cb9a04; color:#7C003E; }
  .blau { background-color:#bbdbe2; color:#7C003E; }
  a:hover.blau { background-color:#bbdbe2; color:#7C003E; }
  .rot { background-color:#ff0000; color:#ffffff; }

  .logoutbutton {
    color: #ffffff;
    background-color: #7C003E;
    border: none;
    margin-left: 0px;
    padding: 4px 24px 6px 24px;;
		margin-left: 0px;
    border-radius: 3px; 
    font-size:1.0em;
  }
  .logoutbutton:hover {
    color: #ffffff;
    background-color: #cb9a04;
  }



}


/* ----- Swiper Elemente bis 768px   ----- */
@media screen and (max-width: 768px) {

  .swiper-wrapper {
    display: block !Important;
  }
  .swiper-slide {
    height: auto !Important;
    width: 100% !Important;
    margin-bottom:40px !Important;
  }
  .swiper-slide:last-child {
    margin-bottom:0px !Important;
  }

  .home header {
    position: relative;
    height: 155px;
    
  }

  .swiper-slide span {
    width: 100%;
    height: 40px;
    display: block;
    font-weight: bold;
    font-size: 14.5px;
    text-align: left;
    background: rgba(255, 255, 255, 0.6); 
    opacity: 0.9999;
    padding:10px 0px 0px 60px;
    border:0px solid #ff0000;
  }
  .swiper-slide span {
    width: 100%;
    height: 40px;
    display: block;
    font-weight: bold;
    font-size: 19.0px;
    text-align: left;
    background: rgba(255, 255, 255, 0.6); 
    opacity: 0.9999;
    padding:7px 0px 0px 27px;
    border:0px solid #ff0000;
  }
  .swiper-slide span::before {
    content: ">";
    margin-left: 0px;
    padding-right: 9px;
    font-family: "OpenNavigation";
    font-size: 1.0em;
    font-style: normal;
    font-weight: normal;
    line-height: 1em;
  }
  .swiper-slide img {
    width: 100%;
    height: auto;
    margin-top:-40px;
  }
  .swiper-pagination {
    display: none;
  }
  .swiper-button-prev, .swiper-button-next {
    display: none;
  } 
  
 .home .homezitatbox {
    display:none;
  }
 .home .homenavbox {
    margin-bottom:40px;
  }










}


/* ----- reset fallback values in modern browsers */
@media screen and (min-width: 0px) {
  body > header, body > nav, body > main, body > footer {
    min-width: 0;
  }







  .homenavbox {
    padding-right: 1% !important;
    padding-left: 1% !important;
  }
  .homenavbox a span {
    color: #7C003E;
  }
  .homenavbox span {
    width: 100%;
    height: 40px;
    display: block;
    font-weight: bold;
    font-size: 14.5px;
    text-align: center;
    background: rgba(255, 255, 255, 0.6); 
    opacity: 0.9999;
    padding:10px 0px 0px 0px;
    border:0px solid #ff0000;
    color: #000000;
  }
  .homenavbox img {
    width: 100%;
    height: auto;
    margin-top:-40px;
  }

  .homezitatbox {
    padding-right: 1% !important;
    padding-left: 1% !important;
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .hometextbox {
    padding-right: 1% !important;
    padding-left: 1% !important;
    padding-top: 0px;
    padding-bottom: 40px;
  }








}


/* ----- ab 480px Breite   ----- */
@media screen and (max-width: 480px) {
  header h1 {
    font-size: 1.5em;
    line-height: 1em;
    margin: 0;
  }

  .searchform,
  nav .hlist ul,
  nav .hlist li {
    //display: block;
    float: none;
    width: auto;
    text-align: left;
  }

  .searchform input[type="search"] {
    width: 75%;
  }


  .home header {
    height: 30vw;
    border:0px solid #ff0000;
    
  }
  .home header .container {
    padding-right: 25px;
    padding-left: 25px;
    padding-right: 10px;
    padding-left: 10px;
  }
  .home header .logo {
    position:relative;
    background: transparent url(/images/elemente/logo-birgit-hartmann-pool-home.png) no-repeat center center;
    background-size:contain;
    background: transparent url(/images/elemente/logo-birgit-hartmann-pool-home_2.svg) no-repeat right center;
    background: transparent url(/images/elemente/Logo-Hartmann-Pool-Home.svg) no-repeat right center;
    background: transparent url(/images/elemente/2024.05_Hartmann-Pool_Logo_RZ.svg) no-repeat center center;
    background-size:cover;
    background-size:contain;
    left:0px;
    display:block;
    top:10px;
    top:initial;
    width:100%;
    height:30vw;
    color: transparent;
    border:0px solid #0000ff;
  }
  .swiper-slide {
    height: 145px !Important;
    overflow:hidden;
  }
  .swiper-slide span {
    width: 100%;
    height: 40px;
    display: block;
    font-weight: bold;
    font-size: 19.0px;
    text-align: left;
    background: rgba(255, 255, 255, 0.6); 
    opacity: 0.9999;
    padding:7px 0px 0px 27px;
    border:0px solid #ff0000;

  }
  .swiper-slide img {
    width: 100%;
    height: auto;
    margin-top:-100px;
  }
  .swiper-slide span::before {
    content: ">";
    margin-left: 0px;
    padding-right: 9px;
    font-family: "OpenNavigation";
    font-size: 1.0em;
    font-style: normal;
    font-weight: normal;
    line-height: 1em;
  }
  .swiper-slide img.imgaktuell { width: 100%; margin-top:-105px; }
  .swiper-slide img.imgzeit { width: 100%; margin-top:-83px; }
  .swiper-slide img.imgherz { width: 100%; margin-top:-115px; }
  .swiper-slide img.imgberuf { width: 100%; margin-top:-100px; }
  .swiper-slide img.imgeinzel { width: 100%; margin-top:-100px; }
  .swiper-slide img.imgueber { width: 100%; margin-top:-105px; }
  .swiper-slide img.imgkontakt { width: 100%; margin-top:-105px; }


}


/* ----- ab 480px Breite   ----- */
@media screen and (min-width: 480px) {

  header { background: transparent url(/images/headbilder/headbild-uebermich-mob.jpg) no-repeat left top; }
  .home header { background-image: none;}
  .aktuelles header { background-image: url(/images/headbilder/headbild-aktuelles-mob.jpg);}
  .mbsr header { background-image: url(/images/headbilder/headbild-mbsr-mob.jpg);}
  .achtsamkeit header { background-image: url(/images/headbilder/headbild-achtsamkeit-mob.jpg);}
  .edp header { background-image: url(/images/headbilder/headbild-edp-mob.jpg);}
  .berufung header { background-image: url(/images/headbilder/headbild-beruf-mob.jpg);}
  .termine header { background-image: url(/images/headbilder/headbild-termine-mob.jpg);}
  .einzelarbeit header { background-image: url(/images/headbilder/headbild-einzelarbeit-mob.jpg);}
  .uebermich header { background-image: url(/images/headbilder/headbild-uebermich-mob.jpg);}
  .kontakt header { background-image: url(/images/headbilder/headbild-kontakt-mob.jpg);}
  .newsletter header { background-image: url(/images/headbilder/headbild-newsletter-mob.jpg);}
  .impressum header { background-image: url(/images/headbilder/headbild-impressum-mob.jpg);}
  .datenschutz header { background-image: url(/images/headbilder/headbild-datenschutz-mob.jpg);}


}

/* ----- ab 480px Breite   ----- */
@media screen and (min-width: 480px) {

  .termine .terminimg {
    width: 180px;
    height: 126px;
    float: left;
    margin-right: 20px;
    margin-Bottom: 0px;
  }



/* ----- ab 620px Breite   ----- */
@media screen and (min-width: 620px) {

  .termine h1.termineheadline {
    padding-left: 231px;
    padding-bottom: 20px;
  }
  .termine .terminimg {
    width: 200px;
    height: 140px;
    float: left;
    margin-right: 31px;
    margin-Bottom: 0px;
  }

}



/* ----- Bootstrap Korrektur   ----- */
@media screen and (min-width: 768px) {
  .container {
    //width: 750px;
    width: initial;
  }
  .home main.container {
    top:220px;
  }
  .termine .terminimg {
    width: 200px;
    height: 140px;
    float: left;
    margin-right: 31px;
    margin-Bottom: 0px;
  }

}

/* ----- ab 768px Breite   ----- */
@media screen and (min-width: 769px) {

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.container {
    width: auto;
}
  main.container {
    //width: 768px;
    padding-right: 15px;
    padding-left: 15px !Important;
    margin-right:auto;
    margin-left: auto;
    border:0px solid #0000ff;
  }
  .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-right: 25px;
    padding-left: 25px;
  }
  header {
    position: relative;
    background-color:#ffffff;
    background-position:left top;
    background: #ffffff url(/images/headbilder/headbild-uebermich.jpg) no-repeat center top;
    height: 378px;
    z-index:100;
  }
  header.affix {
    position: fixed;
    margin-top: -142px;
    margin-top: -279px;
    top:0px;
  }
  header.affix h1 {
    top: 190px;
    height: 40px;
  }
  main {
    padding-top: 30px;
  }
  header.affix + main {
    margin-top: 375px;
  }
  aside p {
    font-size: 14px !Important;
  }
  aside.affix{
    margin-top: -285px;
    margin-left: 579px;
    width: 350px;
  }
  aside.col-md-4 {
    width: 370px !Important;
  }
  main a.backbutton {
    display: none;
  }

  .eventbild { 
    width:100%;
    height:auto;
    max-height:auto;
    margin-left: 0px;
    margin-bottom:31px;
  }
  .secondary {
    border-top: 1px #888 solid;
    margin-top: 1.5em !important;
    padding-top: 1.5em !important;
  }

  .searchform {
    display: block;
    float: none;
    width: auto;
    text-align: right;
  }

  .searchform input[type="search"] {
    width: 14%;
  }

  form.login-form label.control-label {
    text-align: right;
  }


  .home header {
    position: absolute;
    background: transparent url() no-repeat scroll center top;
    height: 155px;
    z-index:100;
    border:0px solid #ff0000;    
  }
  .home header .logo {
    position:absolute;
    background: transparent url(/images/elemente/logo-birgit-hartmann-pool-home.png) no-repeat right top;
    background: transparent url(/images/elemente/logo-birgit-hartmann-pool-home.svg) no-repeat right top;
    background: transparent url(/images/elemente/Logo-Hartmann-Pool-Home.svg) no-repeat center center;
    background: transparent url(/images/elemente/2024.05_Hartmann-Pool_Logo_RZ.svg) no-repeat center center;
    background-size: contain;
    top:40px;
    top:60px;
    right:80px;
    right:20px;
    display:block;
    width:470px;
    height:100px;
    color: transparent;
    //border:1px solid #ff0000;
  }

  /* ----- Swiper Elemente   ----- */
  .swiper-container {
    width: 100%;
    height: 33.33333vh !Important;
    top:50%;
    margin-top:-16.66666vh;
    min-height:220px;
    border:0px solid #00ff00;
  }
   .swiper-container:hover {
    cursor:pointer;
  }
  .swiper-slide {
    height: 100% !Important;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .swiper-slide img {
    width: 100%;
    height: auto;
    margin-top:-40px;
  }

  .swiper-slide span {
    width: 100%;
    height: 40px;
    display: block;
    font-weight: bold;
    font-size: 14.5px;
    text-align: center;
    background: rgba(255, 255, 255, 0.6); 
    opacity: 0.9999;
    padding:10px 0px 0px 0px;
    border:0px solid #ff0000;
  }

  .swiper-button-next, .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%237c003e'%2F%3E%3C%2Fsvg%3E") !Important;
    background-image: url("/images/elemente/pfeil-rechts.png") !Important;
    display:none;
  }
  .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%237c003e'%2F%3E%3C%2Fsvg%3E") !Important;
    background-image: url("/images/elemente/pfeil-links.png") !Important;
    left: 10px;
    right: auto;
  }
  .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {
    cursor: auto;
    pointer-events: auto !Important;
  }


  .swiper-container:hover .swiper-button-prev, 
  .swiper-container:hover .swiper-button-next {
    display:block;
  }
  .swiper-pagination {
    position: fixed !Important;
    bottom: 200px;
  } 
  .swiper-pagination-bullet {
    background: #cb9a04 none repeat scroll 0% 0% !Important;
    opacity: 1 !Important;
    }
  .swiper-pagination-bullet-active {
    opacity: 1 !Important;
    background: #7c003e none repeat scroll 0% 0% !Important;
  }



}


/* ----- ab 992px Breite   ----- */
@media screen and (min-width: 992px) {

  header .logo {
    position:absolute;
    background: transparent url(/images/elemente/logo-birgit-hartmann-pool.png) no-repeat right top;
    background: transparent url(/images/elemente/logo-birgit-hartmann-pool.svg) no-repeat center center;
    background: transparent url(/images/elemente/logo-birgit-hartmann-pool-3.svg) no-repeat center center;
    background: transparent url(/images/elemente/Logo-Hartmann-Pool-Content.svg) no-repeat center center;
    background: transparent url(/images/elemente/2024.05_Hartmann-Pool_Logo_Rot-Weiss_RZ.svg) no-repeat center center;
    background-size:cover;
    background-size:contain;
    top:60px;
    top:45px;
    right:80px;
    right:20px;
    display:block;
    width:400px;
    width:470px;
    height:100px;
    color: transparent;
  }

  header.affix {
    position: fixed;
    margin-top: -280px;
    top: 0px;
  }
  main.container {
    width: 992px;
    padding-left: 15px !Important;
    margin-left: auto;
    margin-right: auto;
    border:0px solid #ff0000;
    min-height:480px;
  }
  header { background: transparent url(/images/headbilder/headbild-uebermich-desc.jpg) no-repeat center top; }
  .home header { background-image: none;}
  .aktuelles header { background-image: url(/images/headbilder/headbild-aktuelles-desc.jpg);}
  .mbsr header { background-image: url(/images/headbilder/headbild-mbsr-desc.jpg);}
  .achtsamkeit header { background-image: url(/images/headbilder/headbild-achtsamkeit-desc.jpg);}
  .edp header { background-image: url(/images/headbilder/headbild-edp-desc.jpg);}
  .berufung header { background-image: url(/images/headbilder/headbild-beruf-desc.jpg);}
  .termine header { background-image: url(/images/headbilder/headbild-termine-desc.jpg);}
  .einzelarbeit header { background-image: url(/images/headbilder/headbild-einzelarbeit-desc.jpg);}
  .uebermich header { background-image: url(/images/headbilder/headbild-uebermich-desc.jpg);}
  .kontakt header { background-image: url(/images/headbilder/headbild-kontakt-desc.jpg);}
  .newsletter header { background-image: url(/images/headbilder/headbild-newsletter-desc.jpg);}
  .impressum header { background-image: url(/images/headbilder/headbild-impressum-desc.jpg);}
  .datenschutz header { background-image: url(/images/headbilder/headbild-datenschutz-desc.jpg);}

  nav {
    margin-top: 0px;
    position: absolute;
    //border-bottom: 0px solid rgba(0, 0, 0, 0.03);
    border: none;
  }
  .main-nav {
    padding-right: 0px;
    padding-left: 0px !Important;
  }
  .container.main-nav {
    width: 992px;
  }

  footer.container {
    width: 992px;
    height: 55px;
    padding-left: 15px !Important;
    margin-left: auto;
    margin-left: auto;
    border:0px solid #ff0000;
    background: #ffffff;
    color: inherit;
  }

  footer .md-block {
    display: inline-block;
  }
  footer .md-hidden {
    display: inline-block;
  }
  footer ul {
    float: right;
    margin: 0px 58px 5px 0px;
    text-align:right;
  }
  footer ul li {
    display: inline-block;
    clear: left;
  }
  footer ul li a {
    color: #7C003E;
    //font-size: 1em;
    line-height: 1.8em;
    padding: 0px 0.5em;
  }
  footer ul li a:hover {
    color: #cb9a04;
  }
  footer ul li a::before {
    content: "";
    padding-right: 0px;
  }

/* ----- home seite   ----- */

  .home header {
    position: absolute;
    background: transparent url() no-repeat scroll center top;
    height: 155px;
    z-index:100;
    border:0px solid #ff0000;    
  }
  .home header .logo {
    position:absolute;
    background: transparent url(/images/elemente/logo-birgit-hartmann-pool-home.svg) no-repeat right top;
    background: transparent url(/images/elemente/Logo-Hartmann-Pool-Home.svg) no-repeat center center;
    background: transparent url(/images/elemente/2024.05_Hartmann-Pool_Logo_RZ.svg) no-repeat center center;
    background-size: contain;
    top:60px;
    right:80px;
    right:20px;
    display:block;
    width:400px;
    width:470px;
    height:100px;
    color: transparent;
    //border:1px solid #ff0000;
  }

  .home main.container {
    position: fixed;
    position: relative;
    width: 100vw;
    height:100vh;
    min-height:600px;
    padding: 0px !Important;
    top:220px;
    bottom:0px;
    //border:1px solid #00ff00;
  }
  .hhhhome main.container {
    position: fixed;
    position: relative;
    width: 100vw;
    height:100vh;
    min-height:600px;
    padding: auto !Important;
    margin: auto !Important;
    top:0px;
    bottom:0px;
    //border:1px solid #00ff00;
  }



}


/* ----- ab 1100px Breite   ----- */
@media screen and (min-width: 1100px) {

  .home header .logo {
    right:calc((100% - 1080px) / 2 );
  }

}


/* ----- ab 1200px Breite   ----- */
@media screen and (min-width: 1200px) {

  main.container {
    width: 992px;
    padding-left: 15px !Important;
    margin-left: auto;
    margin-right: auto;
    border:0px solid #00ff00;
  }
  header {
    background-position:center top;
  }
  .main-nav {
    padding-left: 0px !Important;
  }

  footer.container {
    width: 992px;
    padding-left: 15px !Important;
    margin-left: auto;
    margin-right: auto;
    border:0px solid #00ff00;
  }


}


/* ----- ab 1460px Breite   ----- */
@media screen and (min-width: 1460px) {

  header {
    width: 100%;
    //	max-width: inherit;
    background: transparent url(/images/headbilder/headbild-uebermich-desc.jpg) no-repeat center top;
    background-size: 100%;
    background-size: cover;
    border:0px solid #ff0000;
    border-bottom:58px solid #ffffff;
    padding-bottom:58px;
    background-origin:content-box;
  }
}