/* global */
.fade-in {
    opacity:1 !important;
     -webkit-transition: 0.6s ease-in all;
    -moz-transition: 0.6s ease-in all;
    -o-transition: 0.6s ease-in all;
    transition: 0.6s ease-in all;
    }

a {
    cursor:pointer;
    color:#666;
    }

a:hover {
    text-decoration:none;
    color:#ccc;
    
    }

body {
	background: #ccc;
	margin: 0;
	font-family: 'Fira Sans', sans-serif;
}

canvas {
    
    bottom:170px;
	cursor: crosshair;
	display: block;
	max-width:1140px;
	width:100%;
}

.bg_all {
    margin-top: 80px;
    background-color:#fff;
      -webkit-transition: 0.3s ease-in all;
    -moz-transition: 0.3s ease-in all;
    -o-transition: 0.3s ease-in all;
    transition: 0.3s ease-in all;
    }
    
.bg_sub {
    margin-top: 50px;
    background-color:#fff;
    }
    
.cont-all {
     -webkit-transition: 0.3s ease-in all;
    -moz-transition: 0.3s ease-in all;
    -o-transition: 0.3s ease-in all;
    transition: 0.3s ease-in all;
    }
    
.cont-all-sub {
    width:100%;
    height:auto;
    opacity:0;
     -webkit-transition: 0.3s ease-in all;
    -moz-transition: 0.3s ease-in all;
    -o-transition: 0.3s ease-in all;
    transition: 0.3s ease-in all;
    }     
    
.container {
    padding:0;
    background-color:#fff;
    } 
    
.container-sub {
    
     padding-left:20px;
     padding-right:20px;
  
    } 
    
.form {
    margin-left:auto;
    margin-right:auto;
    width:60%;
    color:#fff;
    }    

textarea {
        border: 1px solid #fff;
        border-radius: 0.25rem;
        }
    
h1 {
    font-size: 2.3em;
    color:#595959;
    font-weight:300;
    padding-bottom:30px;
    max-width:80%;
    margin-left:auto;
    margin-right:auto;
    } 
    
h4 {
    font-size: 1.3em;
    color: rgb(235, 186, 147);;
    font-weight:300;
    letter-spacing: 1px;
    padding-top:20px;
    } 
    
h5 {
    font-size: 1.3em;
    color:#fff;
    font-weight:300;
    padding-bottom:30px;
    } 
    
h6 {
    font-size: 0.9em;
    color: rgb(235, 186, 147);
    font-weight:400;
    letter-spacing: 2px;
    } 
    
.cellagon-karte {
    font-size: 1.3em;
    color: rgb(130, 59, 213);
    font-weight:300;
    letter-spacing: 1px;
    padding-top:20px;
    min-height: 80px;
    } 


p {
    color:#595959;
    font-weight:300;
    }
    
section {
    background-color:#fff;
    }
    
.text-container {
    padding-left:15%;
    padding-right:15%;
    padding-bottom:30px;
    } 
    
.invert {color:#fff;}    


    
.header {
    background-image:url('../img/header_bg.jpg');
    background-repeat:no-repeat;
    background-position:left top;
    background-size:100%;
    background-color:#ffb700;
    height:220px;
    width:100%;
    }
    
.headersub {
    background-repeat:no-repeat;
    background-position:left top;
    background-size: 100%;
    background-color:#a40319;
    height:220px;
    width:100%;
    
    }
        
    
.logo-type {
    
    font-size:3.5em;
    color:#fff;
    font-weight:500;
    text-transform:uppercase;
    text-align:right;
    padding-right:70px;
    padding-top:65px;
    letter-spacing:4px;
    }
    
.logo-type-small {
    font-size:1.2em;
    color:#666;
    font-weight:300;
    text-align:right;
    padding-right:78px;
    margin-top:-10px;
    }
    
.logo-type-sub {
    
    font-size:4em;
    color:#fff;
    font-weight:500;
    text-transform:uppercase;
    text-align:center;
    padding-right:0px;
    padding-top:65px;
    letter-spacing:4px;
    } 
    
   

.devider {
    height:50px;
    }
    
.image-full-width {
    width:90%;
    padding-bottom:25px;
    }
    
.image-drittel-width {
    width:20%;
    padding-bottom:25px;
    }  
    
.image-halb-width {
    width:40%;
    padding-bottom:15px;
    margin-top:-50px;
    }  
    
    
.lila {color: rgb(177, 85, 172) !important;} 

.record-list {
    list-style: none;
    margin-left: -40px;}
/* end global */

/* nav */

.bg-light {
    background-color:#fff !important;
    }

.navbar {
    padding-top:1px;
    padding-left:0;
    padding-right:0;
    padding-bottom:0;
    justify-content: unset;
    border-top: 1px solid #ccc;
    }

.nav ul {
    margin-left:0px !important;
}

.navbar-fixed-bottom .dropdown .caret {
  content: "";
  border-top: 0;
  border-bottom: 0.3em solid;
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 0.125rem;
}

.navbar-toggler {
     background-color:#ccc !important;
    border-radius:0;
    border:0;
    width:60px;
    }
    

.navbar-toggler-icon {
    color:#fff !important;
}

.selected {
    background-color:#ccc;
    }


.nav-item {
    float: left;
    width:40%;
     height:60px;
      align-items: center;
    align-content: center;
   
    }
    
.navbar-nav {
    flex-direction: row;
    border-bottom: 1px solid #ccc;
    height:61px;
    }    

.subnav-img {
    width:60px;
    height:60px;
    float:left;
    }
    
.subnav-img img {
    width:100%;
    }    
    
.subnav-text {
    float:left;
     width:72%;
    height:60px;
     text-align:center;
     text-transform: uppercase;
    }
    
.subnav-text-small {
    float:left;
     width:72%;
    height:30px;
     text-align:center;
     text-transform: uppercase;
     margin-top:12px;
    } 
    
.navbar-desc {
    margin-left:15px;
    text-transform: uppercase;
    font-weight:300;
    }    
/* end nav */


/* balloon */

.balloon-petra {
    position:absolute;
    left:100px;
    top:50px;
  width: 250px;
  height:160px;
  padding: 15px;
  color: "#666";
  background-color:#ffb700;
  z-Index: "99999";
  text-align: "left";
  opacity:0;
  -webkit-transition: 0.3s ease-in all;
    -moz-transition: 0.3s ease-in all;
    -o-transition: 0.3s ease-in all;
    transition: 0.3s ease-in all;
}

.balloon-petra:before {
    position: absolute;
    top: 45%;
    left: 100%;
    margin-left: -5px;
    content: '';
    width: 0;
    height: 0;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-bottom: 10px solid #ffb700;
    transform: rotate(90deg);
   
    }
    
.img-left {
    text-align:right;
    }     

.balloon-manfred {
  position:absolute;
    left:240px;
    top:250px;
  width: 250px;
  height:85px;
  padding: 15px;
  color: "#666";
  background-color:#ffb700;
  z-Index: "99999";
  text-align: "left";
  opacity:0;
  -webkit-transition: 0.3s ease-in all;
    -moz-transition: 0.3s ease-in all;
    -o-transition: 0.3s ease-in all;
    transition: 0.3s ease-in all;
}

.openBalloon {
    opacity:1;
    }
    
.petra {cursor:pointer;}  
.manfred {cursor:pointer;}   

.balloon-manfred:before {
    position: absolute;
    top: 45%;
    left: 0%;
    margin-left: -15px;
    content: '';
    width: 0;
    height: 0;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-bottom: 10px solid #ffb700;
    transform: rotate(-90deg);
   
    }
    
.balloon-name {
    text-align:left;
    font-size:1em;
    font-weight:700;

    } 
    
    .balloon-text {
    text-align:left;
    font-size:0.8em;
    font-weight:300;
    color:#fff;
    line-height:14px;
    } 

/* end balloon */


.PPTM li{
    color: #595959;
    font-weight: 300;
    list-style-type:none;
    text-align: center;
    }
    
.PPTM-Content p {
    text-align: center;
    
    }
    
.PPTM {
    padding: 0;
    }
    
    
    
.list-erstehilfe {
    list-style: none;
    font-weight: 300;
    margin-left:-40px;
    }


.subhead-gruen {
    color: #8cb017;
    }
    
.subhead-grey {
    color: #595959;
    }

.telefon-erstehilfe {
    font-size: 1.5em;
    color: #fff;
    font-weight: 200;
    }

.card-header-aktuelles {
    background-color: #ffe998 !important;
    }
    
.card-aktuelles {
    background-color: rgba(255, 255, 255, 0.55) !important;
    }
    
.accordion-aktuelles {
    margin-bottom: -33px !important;
    }
    
.headline-aktuelles {
    margin-bottom: -1px;
    }
    
.link-aktuelles {
    text-decoration: none;
    color: #595959;
    font-weight: 400;
    }
    
.link-aktuelles:hover {
    color: #595959;
    }

.link-partner {
    text-decoration: none;
    color: #fff;
    font-size: 1.2em;
    }
    
.link-partner:hover {
    color: #d1a6d0;
    }







/****** BUTTON ******/

/* KONTAKT */
.button-google {
    position: relative;
    background-color: rgb(32, 0, 169);
    width: 180px;
    height: 40px;
    color: #fff;
    bottom: -95px;
    left: 43%;
    font-size: 18px;
    border: 1px solid #fff;
    padding-top:6px;
    cursor:pointer;
    }

/* TERMINE */
.buttonTermine {
    position: relative;
    background-color: #a40319;
    width: 180px;
    height: 40px;
    color: #fff;
    bottom: -95px;
    left: 43%;
    font-size: 18px;
    border: 1px solid #fff;
    padding-top:6px;
    cursor:pointer;
    }
    
.termine {
    background-color: #a40319;
    height:0;
    width:100%;
    -webkit-transition: 0.3s ease-in all;
    -moz-transition: 0.3s ease-in all;
    -o-transition: 0.3s ease-in all;
    transition: 0.3s ease-in all;
    overflow:hidden;
    }

.openDates {
    height:310px;
    }
    
.day-cell {width:14.28%;float:left;} 

.termine-tage {width:100%;display: flow-root;}

    
/* SCHMERZFREIWOCHEN TERMINE */   

.schmerz-termine {
    text-align:center;
    padding-bottom:50px;
    }
    
.termin-head p {
    color:#fff;
    font-size:1.2em;
    } 
    
.termin-date p {
    color:#ee896a;
    font-size:1.6em;
    } 
    
.termin-member p {
    color:#fff;
    } 
    
.buttonAnmelden {
    position: relative;
    background-color: #a40319;
    width: 180px;
    height: 40px;
    color: #fff;
    font-size: 18px;
    border: 1px solid #fff;
    padding-top:6px;
    cursor:pointer;
    text-align:center;
    left:24%;
    }    

/* END SCHMERZFREIWOCHEN TERMINE */    

/*text petra */


    
/* ZITATE */

#zitate {
    background-color: #f2f2f2;
    height:250px;
    width:100%;
    } 
    
.zitat-home-left {
    position:relative;
    text-align:center;
    font-size:1.2em;
    top:10%;
   
        } 
        
.zitat-home-right {
    position:relative;
    text-align:center;
    font-size:1.2em;
    top:10%;
  
        }  
        
.zit-text-home p {color:#bbb;}      
        
    
.zitat {
    
    text-align:center;
    font-size:1.2em;
    top:15px;
    
    }
    
.zit-name {
    position:absolute;
    text-align:right;
    font-size:0.6em;
    color:#a40319;
    top:150px;
    }    

.zit-name-lila {
    position:absolute;
    text-align:right;
    font-size:0.6em;
    color:rgb(177, 85, 172);
    top:120px;
    }    
        
.carousel-indicators {
    bottom: -20px;
}

.carousel-item {
    height:180px;
    }
    
.zit-99 {
    position:absolute;
    margin-top:5px;
    margin-left:-270px;
    
    }

.zit-66 {
    position:absolute;
    margin-top:77px;
    margin-left:270px;
    }
    
.zit-66-2 {
    position:absolute;
    margin-top:105px;
    margin-left:270px;
    } 
    
.zit-66-3 {
    position:absolute;
    margin-top:105px;
    margin-left:290px;
    } 
    
.zit-99-gelb {
    position:absolute;
    margin-top:5px;
    margin-left:-170px;
    
    }

.zit-66-gelb {
    position:absolute;
    margin-top:77px;
    margin-left:160px;
    }
    
.zit-99-gelb-rechts {
    position:absolute;
    margin-top:5px;
    margin-left:-155px;
    
    }

.zit-66-gelb-rechts {
    position:absolute;
    margin-top:77px;
    margin-left:145px;
    }     
    

/* LNB */
.buttonLnB {
    position: relative;
    background-color: #f10019;
    width: 180px;
    height: 40px;
    color: #fff;
    bottom: -25px;
    margin-left: auto;
    margin-right: auto;
    font-size: 18px;
    border: 1px solid #fff;
    padding-top:6px;
    cursor:pointer;
    }
    
.lnb {
    background-color: #e5e5e5;
    height:0;
    width:100%;
    -webkit-transition: 0.3s ease-in all;
    -moz-transition: 0.3s ease-in all;
    -o-transition: 0.3s ease-in all;
    transition: 0.3s ease-in all;
    overflow:hidden;
    
    }
    
.logo-lnb {
    width:100%;
    text-align:center;
    }  
    
.logo-lnb img {
    width:20%;
    
    }     

.openTextL {
    height:750px;
}


    
/* PPT */
.buttonPPT {
    position: relative;
    background-color: #f10019;
    width: 180px;
    height: 40px;
    color: #fff;
    bottom: -25px;
    margin-left: auto;
    margin-right: auto;
    font-size: 18px;
    border: 1px solid #fff;
    padding-top:6px;
    cursor:pointer;
    }
    
.ppt {
    background-color: #e5e5e5;
    height:0;
    width:100%;
    -webkit-transition: 0.3s ease-in all;
    -moz-transition: 0.3s ease-in all;
    -o-transition: 0.3s ease-in all;
    transition: 0.3s ease-in all;
    overflow:hidden;
    }

.openTextP {
    height:450px;
}

    
/* MAGNETFELD */
.buttonMagnetfeld {
    position: relative;
    background-color: #f10019;
    width: 180px;
    height: 40px;
    color: #fff;
    bottom: -25px;
    margin-left: auto;
    margin-right: auto;
    font-size: 18px;
    border: 1px solid #fff;
    padding-top:6px;
    cursor:pointer;
    }
    
.magnetfeld {
    background-color: #e5e5e5;
    height:0;
    width:100%;
    -webkit-transition: 0.3s ease-in all;
    -moz-transition: 0.3s ease-in all;
    -o-transition: 0.3s ease-in all;
    transition: 0.3s ease-in all;
    overflow:hidden;
    }
    
.magnet-image {
    position:relative;
    left:50px;
    top:-520px;
    width:20%;
    }  
    
.magnet-image img {
    width:70%;
    }      


.openText {
    height:550px;
}
    

/* NEURALTHERAPIE */
.buttonNeural {
    position: relative;
    background-color: #f10019;
    width: 180px;
    height: 40px;
    color: #fff;
    bottom: -25px;
   margin-left: auto;
    margin-right: auto;
    font-size: 18px;
    border: 1px solid #fff;
    padding-top:6px;
    cursor:pointer;
    }
    
.neural {
    background-color: #e5e5e5;
    height:0;
    width:100%;
    -webkit-transition: 0.3s ease-in all;
    -moz-transition: 0.3s ease-in all;
    -o-transition: 0.3s ease-in all;
    transition: 0.3s ease-in all;
    overflow:hidden;
    }


.openTextN {
    height:370px;
}



/* LOMI LOMI */
.buttonLomi {
    position: relative;
    background-color: rgb(235, 186, 147);
    width: 180px;
    height: 40px;
    color: #fff;
    margin-left: auto;
    margin-right: auto;
    bottom: -25px;
    font-size: 18px;
    border: 1px solid #fff;
    padding-top:6px;
    cursor:pointer;
    }
    
.lomi {
    background-color: #e5e5e5;
    height:0;
    width:100%;
    -webkit-transition: 0.3s ease-in all;
    -moz-transition: 0.3s ease-in all;
    -o-transition: 0.3s ease-in all;
    transition: 0.3s ease-in all;
    overflow:hidden;
    }
          

.openTextm {
    height:600px;
}


/* PPT MASSAGEN */
.buttonPPTM {
    position: relative;
    background-color: rgb(235, 186, 147);;
    width: 180px;
    height: 40px;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
    bottom: -25px;
    font-size: 18px;
    border: 1px solid #fff;
    padding-top:6px;
    cursor:pointer;
    }
    
.pptm {
    background-color: #e5e5e5;
    height:0;
    width:100%;
    -webkit-transition: 0.3s ease-in all;
    -moz-transition: 0.3s ease-in all;
    -o-transition: 0.3s ease-in all;
    transition: 0.3s ease-in all;
    overflow:hidden;
    }
          

.openTextpptm {
    height:470px;
}

/* FUSSREFLEX */
.buttonFUSS {
    position: relative;
    background-color: rgb(235, 186, 147);;
    width: 180px;
    height: 40px;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
    bottom: -25px;
    font-size: 18px;
    border: 1px solid #fff;
    padding-top:6px;
    cursor:pointer;
    }
    
.fuss {
    background-color: #e5e5e5;
    height:0;
    width:100%;
    -webkit-transition: 0.3s ease-in all;
    -moz-transition: 0.3s ease-in all;
    -o-transition: 0.3s ease-in all;
    transition: 0.3s ease-in all;
    overflow:hidden;
    }
          
.openTextfm {
    height:600px;
}


/* AUTOGENES TRAINING */
.buttonAutogen {
    position: relative;
    background-color: rgb(235, 186, 147);;
    width: 180px;
    height: 40px;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
    bottom: -25px;
    font-size: 18px;
    border: 1px solid #fff;
    padding-top:6px;
    cursor:pointer;
    }
    
.autogen {
    background-color: #e5e5e5;
    height:0;
    width:100%;
    -webkit-transition: 0.3s ease-in all;
    -moz-transition: 0.3s ease-in all;
    -o-transition: 0.3s ease-in all;
    transition: 0.3s ease-in all;
    overflow:hidden;
    }
          

.openTextE {
    height:430px;
}

/* KLANGSCHALENMASSAGE */
.buttonKlang {
    position: relative;
    background-color: rgb(235, 186, 147);;
    width: 180px;
    height: 40px;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
    bottom: -25px;
    font-size: 18px;
    border: 1px solid #fff;
    padding-top:6px;
    cursor:pointer;
    }
    
.klang {
    background-color: #e5e5e5;
    height:0;
    width:100%;
    -webkit-transition: 0.3s ease-in all;
    -moz-transition: 0.3s ease-in all;
    -o-transition: 0.3s ease-in all;
    transition: 0.3s ease-in all;
    overflow:hidden;
    }
          

.openTextK {
    height:350px;
}


/* Körperzellen */
.buttonZellen {
    position: relative;
    background-color: rgb(130, 59, 213);
    width: 180px;
    height: 40px;
    color: #fff;
    bottom: -60px;
    margin-left: auto;
    margin-right: auto;
    font-size: 18px;
    border: 1px solid #fff;
    padding-top:6px;
    cursor:pointer;
    }
    
.zellen {
    background-color: #e5e5e5;
    height:0;
    width:100%;
    -webkit-transition: 0.3s ease-in all;
    -moz-transition: 0.3s ease-in all;
    -o-transition: 0.3s ease-in all;
    transition: 0.3s ease-in all;
    overflow:hidden;
    
    }  

.openTextC {
    height:850px;
}

/* MIKRO */
.buttonMikro {
    position: relative;
    background-color: rgb(130, 59, 213);
    width: 180px;
    height: 40px;
    color: #fff;
    bottom: -60px;
    margin-left: auto;
    margin-right: auto;
    font-size: 18px;
    border: 1px solid #fff;
    padding-top:6px;
    cursor:pointer;
    }
    
.mikro {
    background-color: #e5e5e5;
    height:0;
    width:100%;
    -webkit-transition: 0.3s ease-in all;
    -moz-transition: 0.3s ease-in all;
    -o-transition: 0.3s ease-in all;
    transition: 0.3s ease-in all;
    overflow:hidden;
    
    } 
    
.openTextMi {
    height:1080px;
}    



/** ACCORDION **/
.accordion.accordion-4 p {
  font-size: 1rem; }
.accordion.accordion-4 .card {
  border: 0; }
  .accordion.accordion-4 .card .card-body {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px; }
    
    .accordion.accordion-4 a {
        text-decoration: none;
        }
        
        .card-border-bottom {
            border-bottom: 0;
            }
    
    



/* WOHLFÜHL KARTEN */

.wohlfuehl {
    background-color: #f9f9f9;
    width: 100%;
    height: auto;
    text-align: center;
    }
    
.image-wohlfuehl1 {
    width: 100%;
    height: 150px;
    background-image: url("../../../../storage/app/media/header-sub/933583262.jpg");
    background-size: cover;
    }
    
.image-wohlfuehl2 {
    width: 100%;
    height: 150px;
    background-image: url("../../../../storage/app/media/header-sub/964912464.jpg");
    background-size: cover;
    }
    
.image-wohlfuehl3 {
    width: 100%;
    height: 150px;
    background-image: url("../../../../storage/app/media/header-sub/502874919.jpg");
    background-size: cover;
    }
    
.wohlfuehlpreis {
    font-size: 2em;
    color: rgb(235, 186, 147);
    margin-top: -30px;
    }
    
.wohlfuehldauer {
    width: 100%;
    height: 30px;
    background-color: rgb(235, 186, 147);
    color: white;
    line-height: 30px;
    }
    
.wohlfuehl-padding-bottom {
    padding-bottom: 15px;
    }



.behandlungen-preise {
    color: rgb(235, 186, 147);
    font-weight: 500;
    }

.termine-link-farbe {
    color: rgb(235, 186, 147);
    text-decoration: none;
    font-weight:400;
    }
 
 /* CELLAGON KARTEN */

.cellagon {
    background-color: #f7f7f7;
    width: 100%;
    height: auto;
    text-align: center;
    min-height: 350px;
    }
    
.cellagonpreis {
    font-size: 2em;
    color: rgb(130, 59, 213);
    margin-top: -30px;
    }
    
.cellagondauer {
    width: 100%;
    height: 30px;
    background-color: rgb(130, 59, 213);
    color: white;
    line-height: 30px;
    position: relative;
    bottom: 0;
    }
    
.cellagon-padding-bottom {
    padding-bottom: 15px;
    }

.cellagon-text {
    height: auto;
    min-height: 180px;
    }
    

.ohm-image {
    text-align: center;
    }
    
.ohm-text {
    font-size: 1.5em;
    color: #ebba93;
    }
    
/* SECTIONS */

.section-grey {
    background-color: #e5e5e5;
    }
      
    
.section-gelb {
    background-color: #ffc602;
    text-align:center;
    padding-top:50px;
    padding-bottom:120px;
    background-image:url("../../../../storage/app/media/header-sub/mitte-image-allergien.jpg");
    background-position: bottom;
    background-repeat:no-repeat;
    background-size: 100%;
    }  
    
    
.section-cellagon {
    background-color: rgb(130, 59, 213);
    text-align:center;
    padding-top:50px;
    padding-bottom:80px;
    background-image:url("../../../../storage/app/media/header-sub/mitte-image-ernahrung.jpg");
    background-position: bottom;
    background-repeat:no-repeat;
    background-size: 100%;
    } 
    
.section-orange {
    background-color: #e04e19;
    text-align:center;
    padding-top:50px;
    padding-bottom:120px;
    background-image:url("../../../../storage/app/media/header-sub/");
    background-position: bottom;
    background-repeat:no-repeat;
    background-size: 100%;
    }
    
.section-partner {
    background-color: rgb(177, 85, 172);
    text-align:center;
    padding-top:50px;
    padding-bottom:120px;
    background-image:url("../../../../storage/app/media/header-sub/mitte-image-partner.jpg");
    background-position: bottom;
    background-repeat:no-repeat;
    background-size: 100%;
    }
    
.section-lnb-termine {
    background-color: #a40319;
    text-align:center;
    padding-top:50px;
    padding-bottom:120px;
    background-image:url("../../../../storage/app/media/header-sub/mitte-image-termine.jpg");
    background-position: bottom;
    background-repeat:no-repeat;
    background-size: 100%;
    }
    
.section-lnb-termine p {color:#fff;}    
    
.section-gruen {
    background-color: #8cb017;
    text-align:center;
    padding-top:50px;
    padding-bottom:120px;
    background-image:url("../../../../storage/app/media/header-sub/mitte-image-erstehilfe.jpg");
    background-position: bottom;
    background-repeat:no-repeat;
    background-size: 100%;
    }
    
.section-beige {
    background-color: #caa578;
    text-align:center;
    padding-top:50px;
    padding-bottom:120px;
    background-image:url("../../../../storage/app/media/header-sub/");
    background-position: bottom;
    background-repeat:no-repeat;
    background-size: 100%;
    }
    
.section-magenta {
    background-color: #a61490;
    text-align:center;
    padding-top:50px;
    padding-bottom:120px;
    background-image:url("../../../../storage/app/media/header-sub/");
    background-position: bottom;
    background-repeat:no-repeat;
    background-size: 100%;
    }
    
.section-kontakt {
    background-color: rgb(32, 0, 169);
    text-align:center;
    padding-top:50px;
    padding-bottom:120px;
    background-image:url("../../../../storage/app/media/header-sub/mitte-image-kontakt.jpg");
    background-position: bottom;
    background-repeat:no-repeat;
    background-size: 100%;
    }
    
.section-therapie {
    background-color: #f10019;
    text-align:center;
    padding-top:50px;
    padding-bottom:50px;
    background-image:url("../../../../storage/app/media/header-sub/mitte-image-schmerztherapien.jpg");
    background-position: bottom;
    background-repeat:no-repeat;
    background-size: 100%;
    }
    
.section-kosmetik {
    background-color: rgb(235, 186, 147);
    text-align:center;
    padding-top:50px;
    padding-bottom:50px;
    background-image:url("../../../../storage/app/media/header-sub/mitte-image-kosmetik.jpg");
    background-position: bottom;
    background-repeat:no-repeat;
    background-size: 100%;
    }
    
.section-aktuelles {
    background-color: #ffdc51;
    text-align:center;
    padding-top:50px;
    padding-bottom:120px;
    background-image:url("../../../../storage/app/media/header-sub/mitte-image-aktuelles.jpg");
    background-position: bottom;
    background-repeat:no-repeat;
    background-size: 100%;
    }
    
    
    
    
.section-siegel {
    position: absolute;
    width: 150px;
    right: 200px;
    top: -100px;
    }
    
.form-siegel {
    position: absolute;
    width: 120px;
    right: 200px;
    top: -150px;
    }    
    
.subpage h1 {
    padding-bottom:30px;
    font-size: 2.3em;
    color:#595959;
    font-weight:300;
    }
    

    
.visible {
    display:block;
    }
    
.section-rot {
    background-color: #a40319;
    text-align:center;
    padding-top:50px;
    padding-bottom:120px;
    background-image:url("../../../../storage/app/media/header-sub/mitte-image-schmerzfrei.jpg");
    background-position: bottom;
    background-repeat:no-repeat;
    background-size: 100%;
    } 
    
.section-rot p {color:#fff;}    
    
.termine p {color:#fff;}    

/* END SECTIONS */

.kurs-img {margin-bottom:-50px;}

.zit-name-partner {
    width:100%;
    text-align:center;
    font-size:0.8em;
    margin-top:-30px;
    padding-bottom:50px;
}

#datenschutz h4 {color:#ccc;}

/* TERMINKALENDER BEWEGUNGSLEHRE */

.termine-container {width:100%; height:auto; }
.termine-header-monat {width:100%; height:60px; background-color:rgba(255,255,255,0.1);padding-top:15px;font-size:1.5em;align-items:center;}
.termine-monat{text-align:center;}
.termine-header-woche {width:100%; height:30px;}
.termine-woche {width:14.28%;height:40px;background-color:rgba(255,255,255,0.2);float:left;text-align:center;color:#fff;padding-top:10px;}
.termine-container-woche {width:20%; height:auto; float:left;}
.termine-arrow-links{float:left;margin-left:15px;}
.termine-arrow-rechts{position:absolute;right:25px;top:15px;}

.card {
    background-color: transparent;
    background-clip: border-box;
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius:0;
    }
    
.card-link {color:rgb(235, 186, 147);font-size:1em;}  
.card-link-deaktiv {color:#ccc;font-size:1em; pointer-events:none;}
.card-link-no {color:#ccc;font-size:1em; } 
.card-body {color:#fff;}    

/* END TERMINKALENDER BEWEGUNGSLEHRE */

/* FOOTER */

.footer .row {
    margin-top: -85px;
}

.footer {
    height:200px;
    width:100%;
   background-color:#ffb700;
    }   
    
.ftr-text p {
    text-align:center;
    color:#fff;
    font-size: 0.9em;
    }
    
.ftr-text h1 {
    text-align:center;
    color:#fff;
    font-size: 1.5em;
    }    

.ftr-nav {
    text-align:center;
    color:#fff;
    font-size: 0.9em;
    }  
    
.ftr-nav a {color:#fff;}    
/* END FOOTER */

/*  !!!!!! RESPONSIVE !!!!!!!! */

@media ( max-width: 1499px ) {
    textarea {max-width:620px;}
}

@media ( max-width: 1199px ) {
    
    .bg_all {
    margin-top: 80px;
    }
    
    .logo-type {
    font-size:3em;
    padding-right:60px;
    padding-top:30px;
    }
    
    .logo-type-small {
    font-size:1em;
    padding-right:66px;
    }
    
    .logo-type-sub {
    font-size:2.3em;
    padding-top:55px;
    } 
    
    .header, .headersub, .header-sub {
    height:150px;
    }
    
    .nav-item {
    float: left;
    width:40%;
    height:60px;
    align-items: center;
    align-content: center;
   
    }
      
    
.subnav-text {
    width:65%;
  
    }
    
.subnav-text-small {
    width:65%;
  
    } 
    
.petra {
    width:200px;
    height:auto;
    }
    
.manfred {
    width:200px;
    height:auto;
    } 
    
.zitat-home-left, .zitat-home-right {
    font-size:1em;
    } 
    
.footer .row {
    margin-top: -125px;
} 

#STBtns {height:30px;} 

textarea {max-width:520px;}
    
}     

@media ( max-width: 991px ) {
    
    .bg_all {
    margin-top: 80px;
    }
    
    .logo-type {
    font-size:2.8em;
     padding-right:40px;
    padding-top:33px;
    }
    
    .logo-type-small {
    font-size:0.8em;
    padding-right:47px;
    }
    
    .logo-type-sub {
    font-size:2.3em;
    padding-top:55px;
    } 
    
    .header, .headersub, .header-sub {
    height:150px;
    }
    
    .nav-item {
    float: left;
    width:40%;
     height:60px;
      align-items: center;
    align-content: center;
   
    }
    
.navbar-nav {
    flex-direction: row;
    border-bottom: 1px solid #ccc;
    height:51px;
    }    

.navbar-toggler {
      width:50px;
    }

.subnav-img {
    width:50px;
    height:50px;
    float:left;
    }
    
.subnav-img img {
    width:100%;
    }    
    
.subnav-text {
    float:left;
     width:65%;
    height:50px;
     text-align:center;
     text-transform: uppercase;
    }
    
.subnav-text-small {
    float:left;
     width:65%;
    height:25px;
     text-align:center;
     text-transform: uppercase;
     margin-top:8px;
    } 
    
.nav-link {
    font-size:0.8em;
    }
    
.petra {
    width:300px;
    height:auto;
    margin-right:0 !important;
    }
    
.manfred {
    width:300px;
    height:auto;
    margin-left:0 !important;
    } 
    
.zitat-home-left, .zitat-home-right {
    font-size:1.2em;
    }  
    
#STBtns {height:250px;} 
    
/* FOOTER */

.footer {
    height:400px;
    }
    
.footer .row {
    margin-top: -150px;
} 

/* END FOOTER */
    
}    
    
@media ( max-width: 767px ) {
    
    .bg_all {
    margin-top: 60px;
    }
    
    p {
    font-size:0.7em;
    }
    
    .logo-type {
    font-size:1.9em;
    padding-right:30px;
    padding-top:28px;
    }
    
    .logo-type-small {
    font-size:0.8em;
    padding-right:35px;
    }
    
    .subpage h1 {
    font-size:1.2em;
    } 
    
    .logo-type-sub {
    font-size:1.5em;
    padding-top:40px;
    } 
    
    .header, .headersub, .header-sub {
    height:110px;
    }
    
     .nav-display {
        display:none;
        }
    
    .navbar-nav {
       height:500px;
    flex-direction:column;
    background-color:#fff;
    border:0;
        }
    
    .nav-item {
        width: 100%;
        height:50px;
        border-bottom: 1px solid #ccc;
    }
    
    .subnav-img {
    width:50px;
    height:50px;
    float:left;
    }
        
        
.subnav-text {
    
     width:85%;
    height:50px;
     text-align:center;
     text-transform: uppercase;
    }
    
.subnav-text-small {
    
     width:85%;
    height:25px;
     text-align:center;
     text-transform: uppercase;
     margin-top:8px;
    } 
    
.nav-link {
    font-size:0.8em;
    } 

/* tx-petra */

    .tx-petra {
    position:absolute;
    left:60px;
     top:50px;
  width: 250px;
  height:160px;
  padding: 15px;
  color: "#666";
  text-align: "center";
}
    
/* balloon */

.balloon-petra {
    position:absolute;
    left:60px;
    top:50px;
  width: 250px;
  height:160px;
  padding: 15px;
  color: "#666";
  background-color:#ffb700;
  z-Index: "99999";
  text-align: "left";
  opacity:0;
  -webkit-transition: 0.3s ease-in all;
    -moz-transition: 0.3s ease-in all;
    -o-transition: 0.3s ease-in all;
    transition: 0.3s ease-in all;
}

.balloon-petra:before {
    position: absolute;
    top: 45%;
    left: 100%;
    margin-left: -5px;
    content: '';
    width: 0;
    height: 0;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-bottom: 10px solid #ffb700;
    transform: rotate(90deg);
   
    }
    
.img-left {
    text-align:right;
    }     

.balloon-manfred {
  position:absolute;
    left:250px;
    top:250px;
  width: 250px;
  height:85px;
  padding: 15px;
  color: "#666";
  background-color:#ffb700;
  z-Index: "99999";
  text-align: "left";
  opacity:0;
  -webkit-transition: 0.3s ease-in all;
    -moz-transition: 0.3s ease-in all;
    -o-transition: 0.3s ease-in all;
    transition: 0.3s ease-in all;
}

.openBalloon {
    opacity:1;
    }
    
.petra {cursor:pointer; width:270px;}  
.manfred {cursor:pointer;  width:270px;}   

.balloon-manfred:before {
    position: absolute;
    top: 45%;
    left: 0%;
    margin-left: -15px;
    content: '';
    width: 0;
    height: 0;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-bottom: 10px solid #ffb700;
    transform: rotate(-90deg);
   
    }
    
.balloon-name {
    text-align:left;
    font-size:1em;
    font-weight:700;

    } 
    
    .balloon-text {
    text-align:left;
    font-size:0.8em;
    font-weight:300;
    color:#fff;
    line-height:14px;
    } 

/* end balloon */  

/* ZITATE */

#zitate {
    background-color: #f2f2f2;
    height:250px;
    width:100%;
    } 
    
.zitat-home-left {
    position:absolute;
    text-align:center;
    font-size:1.2em;
    top:32%;
    left:15%;
        } 
        
.zitat-home-right {
    position:absolute;
    text-align:center;
    font-size:1.2em;
    top:40%;
    left:65%;
        }  
        
.zit-text-home p {color:#bbb;}      
        
    
.zitat {
    
    text-align:center;
    font-size:1.2em;
    top:15px;
    
    }
    
.zit-name {
    position:absolute;
    text-align:right;
    font-size:0.6em;
    color:#a40319;
    top:120px;
    }    
    
.carousel-indicators {
    bottom: 0;
}

.carousel-item {
    height:180px;
    }
    
.zit-99 {
    position:absolute;
    margin-top:5px;
    margin-left:-135px;
    
    }

.zit-66 {
    position:absolute;
    margin-top:77px;
    margin-left:75px;
    }
    
.zit-99-gelb {
    position:absolute;
    margin-top:0;
    margin-left:-130px;
    
    }

.zit-66-gelb {
    position:absolute;
    margin-top:48px;
    margin-left:120px;
    }
    
.zit-99-gelb-rechts {
    position:absolute;
    margin-top:0;
    margin-left:-125px;
    
    }

.zit-66-gelb-rechts {
    position:absolute;
    margin-top:48px;
    margin-left:110px;
    }     

/* END ZITATE */  

#STBtns {height:150px;}
/* LNB */
.buttonLnB {
    position: relative;
    background-color: #f10019;
    width: 180px;
    height: 40px;
    color: #fff;
    bottom: -25px;
    margin-left: auto;
    margin-right: auto;
    font-size: 18px;
    border: 1px solid #fff;
    padding-top:6px;
    cursor:pointer;
    }
    
.lnb {
    background-color: #e5e5e5;
    height:0;
    width:100%;
    -webkit-transition: 0.3s ease-in all;
    -moz-transition: 0.3s ease-in all;
    -o-transition: 0.3s ease-in all;
    transition: 0.3s ease-in all;
    overflow:hidden;
    
    }
    
.logo-lnb {
    width:100%;
    text-align:center;
    }  
    
.logo-lnb img {
    width:20%;
    
    }     

.openTextL {
    height:570px;
}


    
/* PPT */
.buttonPPT {
    position: relative;
    background-color: #f10019;
    width: 180px;
    height: 40px;
    color: #fff;
    bottom: -25px;
    margin-left: auto;
    margin-right: auto;
    font-size: 18px;
    border: 1px solid #fff;
    padding-top:6px;
    cursor:pointer;
    }
    
.ppt {
    background-color: #e5e5e5;
    height:0;
    width:100%;
    -webkit-transition: 0.3s ease-in all;
    -moz-transition: 0.3s ease-in all;
    -o-transition: 0.3s ease-in all;
    transition: 0.3s ease-in all;
    overflow:hidden;
    }

.openTextP {
    height:350px;
}

    
/* MAGNETFELD */
.buttonMagnetfeld {
    position: relative;
    background-color: #f10019;
    width: 180px;
    height: 40px;
    color: #fff;
    bottom: -30px;
    margin-left: auto;
    margin-right: auto;
    font-size: 18px;
    border: 1px solid #fff;
    padding-top:6px;
    cursor:pointer;
    }
    
.magnetfeld {
    background-color: #e5e5e5;
    height:0;
    width:100%;
    -webkit-transition: 0.3s ease-in all;
    -moz-transition: 0.3s ease-in all;
    -o-transition: 0.3s ease-in all;
    transition: 0.3s ease-in all;
    overflow:hidden;
    }
    
.magnet-image {
    position:relative;
    left:30px;
    top:-450px;
    width:30%;
    }  
    
.magnet-image img {
    width:70%;
    }      


.openText {
    height:470px;
}
    

/* NEURALTHERAPIE */
.buttonNeural {
    position: relative;
    background-color: #f10019;
    width: 180px;
    height: 40px;
    color: #fff;
    bottom: -30px;
   margin-left: auto;
    margin-right: auto;
    font-size: 18px;
    border: 1px solid #fff;
    padding-top:6px;
    cursor:pointer;
    }
    
.neural {
    background-color: #e5e5e5;
    height:0;
    width:100%;
    -webkit-transition: 0.3s ease-in all;
    -moz-transition: 0.3s ease-in all;
    -o-transition: 0.3s ease-in all;
    transition: 0.3s ease-in all;
    overflow:hidden;
    }


.openTextN {
    height:330px;
}

/* FOOTER */

.footer {
    height:200px;
    }
    
/* END FOOTER */

#STBtns {height:270px;}
    
}   
       

@media ( max-width: 415px ) {
    
    .row {margin-left:0;
        margin-right:0;}
    
    .bg_all {
    margin-top: 50px;
    }
    
    .logo-type {
    font-size:1.5em;
     padding-right:20px;
    padding-top:25px;
    }
    
    .logo-type-small {
    font-size:0.6em;
    padding-top:5px;
    padding-right:25px;
    }
    
    .logo-type-sub {
    font-size:1.3em;
    padding-top:25px;
    } 
    
    .header, .headersub, .header-sub {
    height:85px;
    }
    
    .nav-display {
        display:none;
        }
    
    .navbar-nav {
       height:400px;
    flex-direction:column;
    background-color:#fff;
        }
    
    .nav-item {
        width: 100%;
        height:40px;
         border-bottom: 1px solid #ccc;
    }
    
    .subnav-img {
    width:40px;
    height:40px;
    float:left;
    }
        
        
.subnav-text {
    
     width:80%;
    height:40px;
     text-align:center;
     text-transform: uppercase;
     margin-top:5px;
    }
    
.subnav-text-small {
    
     width:80%;
    height:25px;
     text-align:center;
     text-transform: uppercase;
     margin-top:5px;
    } 
    
.nav-link {
    font-size:0.8em;
    } 
    
  .navbar-toggler {
      width:40px;
      padding-left:5px;
    }
    
.zitat-home-left {
    position: absolute;
    text-align: center;
    font-size: 1.2em;
    top: 32%;
    left: 13%;
} 

.zitat-home-right {
    position: absolute;
    text-align: center;
    font-size: 1.2em;
    top: 32%;
    left: 63%;
}    
    
 /* balloon */

.balloon-petra {
    position:absolute;
    left:0;
    top:50px;
  width: 250px;
  height:160px;
  padding: 15px;
  color: "#666";
  background-color:#ffb700;
  z-Index: "99999";
  text-align: "left";
  opacity:0;
  -webkit-transition: 0.3s ease-in all;
    -moz-transition: 0.3s ease-in all;
    -o-transition: 0.3s ease-in all;
    transition: 0.3s ease-in all;
}

.balloon-petra:before {
    position: absolute;
    top: 45%;
    left: 100%;
    margin-left: -5px;
    content: '';
    width: 0;
    height: 0;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-bottom: 10px solid #ffb700;
    transform: rotate(90deg);
   
    }
    
.img-left {
    text-align:right;
    }     

.balloon-manfred {
  position:absolute;
    left:0px;
    top:250px;
  width: 250px;
  height:85px;
  padding: 15px;
  color: "#666";
  background-color:#ffb700;
  z-Index: "99999";
  text-align: "left";
  opacity:0;
  -webkit-transition: 0.3s ease-in all;
    -moz-transition: 0.3s ease-in all;
    -o-transition: 0.3s ease-in all;
    transition: 0.3s ease-in all;
}

.openBalloon {
    opacity:0;
    }
    
.petra {cursor:pointer;width:50%;margin-right:0 !important;}  
.manfred {cursor:pointer;width:54%;margin-left:-15px !important;}    

.balloon-manfred:before {
    position: absolute;
    top: 45%;
    left: 0%;
    margin-left: -15px;
    content: '';
    width: 0;
    height: 0;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-bottom: 10px solid #ffb700;
    transform: rotate(-90deg);
   
    }
    
.balloon-name {
    text-align:left;
    font-size:1em;
    font-weight:700;

    } 
    
    .balloon-text {
    text-align:left;
    font-size:0.8em;
    font-weight:300;
    color:#fff;
    line-height:14px;
    } 

/* end balloon */ 

#STBtns {height:250px;}


.col-12, .col-md-12 {padding:0;}

.openTextL {
    height: 620px;
}

.openTextP {
    height: 380px;
}

.openText {
    height: 860px;
}

.openTextN {
    height: 430px;
}

.openTextMi {
    height: 980px;
}

.openTextfm {
    height: 580px;
}



.magnet-image {
    position: relative;
    left: 20%;
    top: 0px;
    width: 90%;
}

.section-siegel {
    position: absolute;
    width: 80px;
    right: 25px;
    top: -100px;
}

.buttonTermine {
    position: relative;
   left:0;
    width: 180px;
    height: 40px;
    color: #fff;
    bottom: -25px;
    margin-left: auto;
    margin-right: auto;
    font-size: 18px;
    border: 1px solid #fff;
    padding-top: 6px;
    cursor: pointer;
}

.buttonAnmelden {
    position: relative;
   left:0;
    width: 180px;
    height: 40px;
    color: #fff;
    bottom: -25px;
    margin-left: auto;
    margin-right: auto;
    font-size: 18px;
    border: 1px solid #fff;
    padding-top: 6px;
    cursor: pointer;
}

.zit-99 {
    position:absolute;
    margin-top:0;
    margin-left:-195px;
    
    }

.zit-66 {
    position:absolute;
    margin-top:50px;
    margin-left:195px;
    }
    
.zit-66-2 {
    position:absolute;
    margin-top:70px;
    margin-left:175px;
    } 
    
.zit-66-3 {
    position:absolute;
    margin-top:70px;
    margin-left:105px;
    } 
    
.openDates {
    height: 910px;
}

.schmerz-termine {
    
    padding-bottom: 100px;
}

.form {
      width: 100%;
   }

textarea {max-width:220px;}

.text-container {
    padding-left: 5%;
    padding-right: 5%;
   
}

.buttonZellen {
    position: relative;
   left:0;
    width: 180px;
    height: 40px;
    color: #fff;
    bottom: -25px;
    margin-left: auto;
    margin-right: auto;
    font-size: 18px;
    border: 1px solid #fff;
    padding-top: 6px;
    cursor: pointer;
}

.buttonMikro {
    position: relative;
   left:0;
    width: 180px;
    height: 40px;
    color: #fff;
    bottom: -25px;
    margin-left: auto;
    margin-right: auto;
    margin-top:10px;
    font-size: 18px;
    border: 1px solid #fff;
    padding-top: 6px;
    cursor: pointer;
}

.buttonLomi {
    position: relative;
   left:0;
    width: 180px;
    height: 40px;
    color: #fff;
    bottom: -25px;
    margin-left: auto;
    margin-right: auto;
  
    font-size: 18px;
    border: 1px solid #fff;
    padding-top: 6px;
    cursor: pointer;
}

.buttonPPTM {
    position: relative;
   left:0;
    width: 180px;
    height: 40px;
    color: #fff;
    bottom: -25px;
    margin-left: auto;
    margin-right: auto;
    margin-top:10px;
    font-size: 18px;
    border: 1px solid #fff;
    padding-top: 6px;
    cursor: pointer;
}

.buttonFUSS {
    position: relative;
   left:0;
    width: 180px;
    height: 40px;
    color: #fff;
    bottom: -25px;
    margin-left: auto;
    margin-right: auto;
    margin-top:10px;
    font-size: 18px;
    border: 1px solid #fff;
    padding-top: 6px;
    cursor: pointer;
}

.buttonKlang {
    position: relative;
   left:0;
    width: 180px;
    height: 40px;
    color: #fff;
    bottom: -25px;
    margin-left: auto;
    margin-right: auto;
    margin-top:10px;
    font-size: 18px;
    border: 1px solid #fff;
    padding-top: 6px;
    cursor: pointer;
}

.button-google {
    position: relative;
   left:0;
    width: 180px;
    height: 40px;
    color: #fff;
    bottom: -25px;
    margin-left: auto;
    margin-right: auto;
    margin-top:10px;
    font-size: 18px;
    border: 1px solid #fff;
    padding-top: 6px;
    cursor: pointer;
}

.image-drittel-width {
    width: 50%;
    padding-bottom: 25px;
}

.image-halb-width {
    width: 70%;
}

.cellagon {
    min-height: 100px;
}

.cellagon-text {
    height: auto;
    min-height: 100px;
}

.section-kosmetik {
   
    padding-bottom: 100px;
   
}

.footer .row {
    margin-top:-175px;
    }
    
 .termin p {font-size:1em}   
 .card-link {color:rgb(235, 186, 147);font-size:0.7;}
 .card-header{padding:6px;}
.card-body {padding:5px;font-size:0.7em;}
}

@media ( max-width: 321px ) {
    
    .row {
        margin-left:0;
        margin-right:0;
        }
    
    .bg_all {
    margin-top: 50px;
    }
    
    .logo-type {
    font-size:1.5em;
     padding-right:20px;
    padding-top:25px;
    }
    
    .logo-type-small {
    font-size:0.6em;
    padding-top:5px;
    padding-right:25px;
    }
    
    .logo-type-sub {
    font-size:1em;
    padding-top:25px;
    } 
    
    .header, .headersub, .header-sub {
    height:70px;
    }
    
    .nav-display {
        display:none;
        }
    
    .navbar-nav {
       height:400px;
    flex-direction:column;
    background-color:#fff;
        }
        
    .navbar-toggler {
      width:40px;
      padding-left:5px;
    }    
    
    .nav-item {
        width: 100%;
        height:40px;
         border-bottom: 1px solid #ccc;
    }
    
    .subnav-img {
    width:40px;
    height:40px;
    float:left;
    }
        
        
.subnav-text {
    
     width:80%;
    height:40px;
     text-align:center;
     text-transform: uppercase;
    }
    
.subnav-text-small {
    
     width:80%;
    height:25px;
     text-align:center;
     text-transform: uppercase;
     margin-top:8px;
    } 
    
.nav-link {
    font-size:0.8em;
    } 
    
.zitat-home-left {
    position: absolute;
    text-align: center;
    font-size: 1.2em;
    top: 32%;
    left: 6%;
} 

.zitat-home-right {
    position: absolute;
    text-align: center;
    font-size: 1.2em;
    top: 32%;
    left: 62%;
}
    
 /* balloon */

.balloon-petra {
    position:absolute;
    left:0;
    top:50px;
  width: 250px;
  height:160px;
  padding: 15px;
  color: "#666";
  background-color:#ffb700;
  z-Index: "99999";
  text-align: "left";
  opacity:0;
  -webkit-transition: 0.3s ease-in all;
    -moz-transition: 0.3s ease-in all;
    -o-transition: 0.3s ease-in all;
    transition: 0.3s ease-in all;
}

.balloon-petra:before {
    position: absolute;
    top: 45%;
    left: 100%;
    margin-left: -5px;
    content: '';
    width: 0;
    height: 0;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-bottom: 10px solid #ffb700;
    transform: rotate(90deg);
   
    }
    
.img-left {
    text-align:right;
    }     

.balloon-manfred {
  position:absolute;
    left:0px;
    top:250px;
  width: 250px;
  height:85px;
  padding: 15px;
  color: "#666";
  background-color:#ffb700;
  z-Index: "99999";
  text-align: "left";
  opacity:0;
  -webkit-transition: 0.3s ease-in all;
    -moz-transition: 0.3s ease-in all;
    -o-transition: 0.3s ease-in all;
    transition: 0.3s ease-in all;
}

.openBalloon {
    opacity:0;
    }
    
.petra {cursor:pointer;width:55%;margin-right:-15px !important;}  
.manfred {cursor:pointer;width:55%;margin-left:-15px !important;}   

.balloon-manfred:before {
    position: absolute;
    top: 45%;
    left: 0%;
    margin-left: -15px;
    content: '';
    width: 0;
    height: 0;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-bottom: 10px solid #ffb700;
    transform: rotate(-90deg);
   
    }
    
.balloon-name {
    text-align:left;
    font-size:1em;
    font-weight:700;

    } 
    
    .balloon-text {
    text-align:left;
    font-size:0.8em;
    font-weight:300;
    color:#fff;
    line-height:14px;
    } 

/* end balloon */ 

.openTextL {
    height: 700px;
}

.openTextP {
    height: 380px;
}

.openText {
    height: 860px;
}

.openTextN {
    height: 430px;
}

.openTextMi {
    height: 980px;
}

.openTextfm {
    height: 650px;
}



.magnet-image {
    position: relative;
    left: 20%;
    top: 0px;
    width: 90%;
}

.section-siegel {
    position: absolute;
    width: 80px;
    right: 25px;
    top: -100px;
}

.buttonTermine {
    position: relative;
   left:0;
    width: 180px;
    height: 40px;
    color: #fff;
    bottom: -25px;
    margin-left: auto;
    margin-right: auto;
    font-size: 18px;
    border: 1px solid #fff;
    padding-top: 6px;
    cursor: pointer;
}

.buttonAnmelden {
    position: relative;
   left:0;
    width: 180px;
    height: 40px;
    color: #fff;
    bottom: -25px;
    margin-left: auto;
    margin-right: auto;
    font-size: 18px;
    border: 1px solid #fff;
    padding-top: 6px;
    cursor: pointer;
}

.zit-99 {
    position:absolute;
    margin-top:0;
    margin-left:-95px;
    
    }

.zit-66 {
    position:absolute;
    margin-top:50px;
    margin-left:95px;
    }
    
.zit-66-2 {
    position:absolute;
    margin-top:70px;
    margin-left:85px;
    } 
    
.zit-66-3 {
    position:absolute;
    margin-top:70px;
    margin-left:105px;
    } 
    
.openDates {
    height: 910px;
}

.schmerz-termine {
    
    padding-bottom: 100px;
}

.form {
      width: 100%;
   }

textarea {max-width:220px;}

.text-container {
    padding-left: 5%;
    padding-right: 5%;
   
}

.buttonZellen {
    position: relative;
   left:0;
    width: 180px;
    height: 40px;
    color: #fff;
    bottom: -25px;
    margin-left: auto;
    margin-right: auto;
    font-size: 18px;
    border: 1px solid #fff;
    padding-top: 6px;
    cursor: pointer;
}

.buttonMikro {
    position: relative;
   left:0;
    width: 180px;
    height: 40px;
    color: #fff;
    bottom: -25px;
    margin-left: auto;
    margin-right: auto;
    margin-top:10px;
    font-size: 18px;
    border: 1px solid #fff;
    padding-top: 6px;
    cursor: pointer;
}

.buttonLomi {
    position: relative;
   left:0;
    width: 180px;
    height: 40px;
    color: #fff;
    bottom: -25px;
    margin-left: auto;
    margin-right: auto;
  
    font-size: 18px;
    border: 1px solid #fff;
    padding-top: 6px;
    cursor: pointer;
}

.buttonPPTM {
    position: relative;
   left:0;
    width: 180px;
    height: 40px;
    color: #fff;
    bottom: -25px;
    margin-left: auto;
    margin-right: auto;
    margin-top:10px;
    font-size: 18px;
    border: 1px solid #fff;
    padding-top: 6px;
    cursor: pointer;
}

.buttonFUSS {
    position: relative;
   left:0;
    width: 180px;
    height: 40px;
    color: #fff;
    bottom: -25px;
    margin-left: auto;
    margin-right: auto;
    margin-top:10px;
    font-size: 18px;
    border: 1px solid #fff;
    padding-top: 6px;
    cursor: pointer;
}

.buttonKlang {
    position: relative;
   left:0;
    width: 180px;
    height: 40px;
    color: #fff;
    bottom: -25px;
    margin-left: auto;
    margin-right: auto;
    margin-top:10px;
    font-size: 18px;
    border: 1px solid #fff;
    padding-top: 6px;
    cursor: pointer;
}

.button-google {
    position: relative;
   left:0;
    width: 180px;
    height: 40px;
    color: #fff;
    bottom: -25px;
    margin-left: auto;
    margin-right: auto;
    margin-top:10px;
    font-size: 18px;
    border: 1px solid #fff;
    padding-top: 6px;
    cursor: pointer;
}

.image-drittel-width {
    width: 50%;
    padding-bottom: 25px;
}

.image-halb-width {
    width: 70%;
}

.cellagon {
    min-height: 100px;
}

.cellagon-text {
    height: auto;
    min-height: 100px;
}

.section-kosmetik {
   
    padding-bottom: 100px;
   
}

#termine .col-md-4 {border-bottom: 1px solid rgba(255, 255, 255, 0.5);}

.termin p {font-size:1em}

.card-link {color:rgb(235, 186, 147);font-size:0.6em;}  
.card-header{padding:8px;}
.card-body {padding:5px;font-size:0.6em;}
    
}