@charset "utf-8";
/* CSS Document */

 @-ms-viewport {
        width: device-width;
      }

      @viewport {
        width: device-width;
      }

      *,
      *::after,
      *::before {
        box-sizing: border-box;
      }

.weiterlesen {color: #9c667d;}
		
      body {
        background-color: #efe7e1;
        color: #fff;
        line-height: 1.3;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
        font-size: 100%;
        padding: 0;
      }

#hg {

background-image: url(bilders/murmel_gross2.jpg);

background-position:bottom;

background-attachment:fixed;

background-size:cover;

}

.responsive_map {
height: 0;
overflow: hidden;
padding-bottom: 56%;
position: relative;
}

.responsive_map iframe {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}


.hervorheben {color: #9C667D; font-weight: bolder;}

      .container {
        max-width: 1200px;
        margin: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
		-webkit-box-shadow: 3px 3px 16px -2px rgba(79,70,84,0.61);
-moz-box-shadow: 3px 3px 16px -2px rgba(79,70,84,0.61);
box-shadow: 3px 3px 16px -2px rgba(79,70,84,0.61);  
		  
      }

      .kopf {
        background-color:#f7f4f1;
        color: #f7f4f1;
        text-align: center;
        padding: 20px 0px;
        width: 100%;
      }

      .kopf h1,
      .navigation h2 {
        font-weight: normal;
      }




#anrufen {
    width: 100%;
    height: auto;
    padding-top: 20px;
	padding-right: 10px;
    padding-bottom: 20px;
    text-align: right;
	background: #f7f4f1;
    list-style-type: none;}

#anrufen a:link, a:active, a:visited {
    color: #7c697c;
}
		
		#praxis-hohlweg {width: 100%;}
		
		#praxis-hohlweg img {width: 100%; height: auto;}
		
		
      .navigation {
        background-color: #f7f4f1;
        color: #ffffff;
      }

      .navigation ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
		flex-direction: column;
        list-style: none;
        margin: 0;
        padding: 0;
      }

      .navigation li {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        text-align: left;
      }

      .navigation a {
        display: block;
		color: #efe7e1;
        padding: 1em 2em 1em 3em;
      }

      .navigation a:hover,
      .navigation a:focus,
      .navigation a:active {
        background-color: rgba(255, 255, 255, 0.1); color: #d4cdd4;
      }

      .seite {
        flex: 1;        
		background-color: #f7f4f1;
        color: #260F25;
        padding: 1em;
      }

      .inhalt {
        flex: 2;
        background-color: #f7f4f1;
        color: #6b576b;
      }

      a:link,
      a:visited {
        color: #f7f4f1;
        text-decoration: none;
      }

      img {
        max-width: 100%;
        height: auto;
      }
      /* Button bei großen Viewports ausblenden */
      [aria-controls="navi-liste"] {
        display: none;
      }





 .navigationfuss {
        background-color: #f7f4f1;
        color: #ffffff;
	    width: 1400px;
	    margin:auto;
      }

      .navigationfuss ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
		flex-direction: column;
        list-style: none;
        margin: 0;
        padding: 0;
      }

      .navigationfuss li {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        text-align: left;
      }

      .navigationfuss a {
        display: block;
		color: #efe7e1;
        padding: 1em 1em 1em 3em;
      }

      .navigationfuss a:hover,
      .navigationfuss a:focus,
      .navigationfuss a:active {
        background-color: rgba(255, 255, 255, 0.1);
      }



#kontakt a, a:hover, a:focus, a:active {color: #9c667d;}






		
		@media screen and (max-width: 499px) {
        .seite {
          display: ;}
        }
		
aside.seite img {width: 100%; height: auto;}
		

      @media screen and (max-width: 650px) {
        .container {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
        }
        .seite,
        .inhalt {
          width: 100%;
        }
        .kopf {
          padding: 0;
        }
        .navigation {
          position: relative;
		  width: ;
        }
        .navigation ul {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          margin-left: 0;
          padding-left: 0;
        }
        .navigation li {
          padding: 0;
          border-bottom: 1px solid white;
        }
        .navigation button {
	/* position: absolute; */
    /* top: -1.5rem; */
    background: #968496;
    width:100%;
	text-align:left;
    color: #ffffff;
    padding: 0.7em;}
		  
        [aria-controls="navi-liste"] {
          display: block;
        }
        .navigation ul {
          display: none;
        }
        [aria-expanded="true"]~ul {
          display: block;
        }
        [aria-expanded="false"] .geschlossen {
          display: none;
        }
        [aria-expanded="true"] .geschlossen {
          display: inline-block;
        }
        [aria-expanded="true"] .offen {
          display: none;
        }
      }



#meditation li {color: #9C667D; font-size: 15px; font-weight: bolder;}


#praxis-hohlweg video {width: 100%; height: auto;}