/* This code is only meant for previewing your Reflow design. */
.primaryContainer {
   height: auto;
   margin-left: auto;
   margin-right: auto;
   min-height: 100%;
   width: 100%;
   min-width: 0px;
}

#img_akupunktur {
   float: left;
   height: 350px;
   margin-left: 19.938427%;
   margin-top: 22.0625px;
   clear: both;
   width: 100%;
   background-image:url("img/©pak_Scherle-002.jpg");
   background-position: 0% 0%;
   background-repeat: no-repeat;
   background-attachment: scroll;
   background-size: cover;
}

#header_anfahrt {
   float: left;
   font-size: 0.9375em;
   width: 99.859701%;
   height: auto;
   text-align: left;
   font-weight: normal;
   line-height: 1em;
   word-wrap: break-word;
   margin-left: -0.07500469%;
   margin-top: 30px;
   clear: both;
   min-height: 24px;
   font-family: asap;
   color: rgb(92, 92, 92);
   margin-bottom: 10px;
}

#parent_anfahrt {
   float: left;
   height: 611px;
   margin-left: 19.899742%;
   margin-top: 21.96875px;
   clear: both;
   width: 19.141223%;
}

#anfahrt {
   float: left;
   height: auto;
   margin-left: 0%;
   margin-top: 0.03125px;
   clear: none;
   width: 100%;
}

#logo {
   float: left;
   width: 9.928235%;
   height: auto;
   clear: none;
   color: rgb(0, 0, 0);
   position: relative;
   top: 48px;
   left: 79.84375px;
   z-index: 7;
   margin-top: 6px;
   margin-left: 6.13%;
}

#subbox_nav {
   float: left;
   height: 31.3125px;
   margin-left: 21.195757%;
   margin-top: 85px;
   clear: none;
   width: 57%;
   background-color: rgb(159, 159, 159);
}

#text2 {
   float: left;
   font-size: 1em;
   width: 90px;
   height: auto;
   text-align: left;
   font-weight: normal;
   line-height: 1em;
   word-wrap: break-word;
   margin-left: 0px;
   margin-top: 0px;
   clear: none;
   min-height: 11px;
   font-family: source-sans-pro;
   color: rgb(255, 255, 255);
   padding-top: 1%;
   padding-bottom: 1%;
   margin-right: 0px;
   margin-bottom: 0px;
}

#text2:hover {
    color: #000;
    transition: color 0,1s;
    -webkit-transition: color 0,1s;}

#text {
   float: left;
   font-size: 1em;
   width: 90px;
   height: auto;
   text-align: left;
   font-weight: normal;
   line-height: 1em;
   word-wrap: break-word;
   margin-left: 0px;
   margin-top: 0px;
   clear: none;
   min-height: 11px;
   font-family: source-sans-pro;
   color: rgb(255, 255, 255);
   padding-top: 1%;
   padding-bottom: 1%;
   margin-right: 0px;
   margin-bottom: 0px;
}

#text:hover {
    color: #000;
    transition: color 0,1s;
    -webkit-transition: color 0,1s;}

#text1 {
   float: left;
   font-size: 1em;
   width: 90px;
   height: auto;
   text-align: center;
   font-weight: normal;
   line-height: 1em;
   word-wrap: break-word;
   margin-left: 0px;
   margin-top: 0px;
   clear: none;
   min-height: 11px;
   font-family: source-sans-pro;
   color: rgb(255, 255, 255);
   padding-top: 1%;
   padding-bottom: 1%;
   margin-right: 0px;
   margin-bottom: 0px;
}

#text1:hover {
    color: #000;
    transition: color 0,1s;
    -webkit-transition: color 0,1s;}


#text3 {
   float: left;
   font-size: 1em;
   width: 90px;
   height: auto;
   text-align: left;
   font-weight: normal;
   line-height: 1em;
   word-wrap: break-word;
   margin-left: 0px;
   margin-top: 0px;
   clear: none;
   min-height: 11px;
   font-family: source-sans-pro;
   color: rgb(255, 255, 255);
   padding-top: 1%;
   padding-bottom: 1%;
   padding-right: 0px;
   padding-left: 0px;
   margin-right: 0px;
   margin-bottom: 0px;
}

#text3:hover {
    color: #000;
    transition: color 0,1s;
    -webkit-transition: color 0,1s;}

#nav {
   float: left;
   height: 67.3125px;
   margin-left: 6.14786%;
   margin-top: 49px;
   clear: none;
   width: 72.531615%;
   margin-bottom: 7%;
}

#footer {
   float: none;
   height: auto;
   margin-left: auto;
   margin-top: 10%;
   clear: none;
   width: 57.32%;
   margin-right: auto;
   background-color: rgb(199, 199, 199);
}

#impressum {
   float: left;
   font-size: 0.7em;
   width: auto;
   height: auto;
   text-align: left;
   font-weight: normal;
   line-height: 1em;
   word-wrap: break-word;
   margin-left: 33.018321%;
   margin-top: 10px;
   clear: none;
   min-height: 30px;
   font-family: asap;
   color: rgb(255, 255, 255);
   padding-top: 3px;
   padding-bottom: 3px;
   margin-bottom: 10px;
   text-align: center;
}

#impressum:hover {
    color: #000;
    transition: color 0,1s;
    -webkit-transition: color 0,1s;}

#wrapper_maps {
   float: left;
   height: 50% !important;
   margin-left: 0%;
   margin-top: 20px;
   clear: none;
   width: 100% !important;
   padding-top: 0px;
}

#wrapper_maps iframe {
    width: 100% !important;
    height: 50% !important;
}

@media only screen and (max-width: 2694px) {
   #img_akupunktur {
       float: none;
       height: 200px;
       margin-left: auto;
       margin-top: 0px;
       clear: none;
       width: 100%;
       background-image:url("img/©pak_Scherle-242.jpg");
       background-position: 0% 14%;
       background-repeat: no-repeat;
       background-attachment: scroll;
       background-size: cover;
       margin-right: auto;
   }

   #header_anfahrt {
       float: none;
       font-size: 0.9375em;
       width: 99.859701%;
       height: auto;
       text-align: left;
       font-weight: normal;
       line-height: 1em;
       word-wrap: break-word;
       margin-left: auto;
       margin-top: 30px;
       clear: none;
       min-height: 24px;
       font-family: asap;
       color: rgb(145, 145, 145);
       margin-right: auto;
       margin-bottom: 10px;
   }

   #parent_anfahrt {
       float: none;
       height: auto;
       margin-left: auto;
       margin-top: 0%;
       clear: none;
       width: 57.353919%;
       min-width: 200px;
       margin-right: auto;
   }

   #anfahrt {
       float: left;
       height: auto;
       margin-left: 0%;
       margin-top: 0.03125px;
       clear: none;
       width: 100%;
   }

   .primaryContainer {
       margin-left: 0%;
       margin-right: 0px;
       float: left;
   }

   #logo {
       width: 9.928108%;
       margin-top: 0px;
       clear: none;
       height: auto;
       padding-right: 0px;
       margin-left: 0px;
       min-width: 75px;
       position: absolute;
       top: 49px;
       left: 79px;
       bottom: auto;
       right: auto;
   }

   #subbox_nav {
       float: none;
       height: 31.3125px;
       margin-left: 20.918692%;
       margin-top: 36px;
       clear: none;
       width: 79.081307%;
       opacity: 1;
       background-color: rgb(199, 199, 199);
   }

   #text2 {
       float: left;
       font-size: 1em;
       height: auto;
       text-align: center;
       font-weight: normal;
       line-height: 1em;
       word-wrap: break-word;
       clear: none;
       min-height: 0px;
       font-family: source-sans-pro;
       color: rgb(255, 255, 255);
       width: 90px;
       margin-top: 0px;
       margin-left: 3.205634%;
   }

   #text {
       float: left;
       font-size: 1em;
       height: auto;
       text-align: center;
       font-weight: normal;
       line-height: 1em;
       word-wrap: break-word;
       clear: none;
       min-height: 0px;
       font-family: source-sans-pro;
       color: rgb(255, 255, 255);
       width: 90px;
       margin-top: -0.1875px;
       margin-left: 1.578125px;
   }

   #text1 {
       float: left;
       font-size: 100%;
       height: auto;
       font-weight: normal;
       line-height: 1em;
       word-wrap: break-word;
       clear: none;
       min-height: 0px;
       font-family: source-sans-pro;
       color: rgb(255, 255, 255);
       margin-top: -0.375px;
       margin-left: 3.395013%;
       width: 90px;
   }

   #text3 {
       float: left;
       font-size: 1em;
       height: auto;
       text-align: center;
       font-weight: normal;
       line-height: 1em;
       word-wrap: break-word;
       clear: none;
       min-height: 0px;
       font-family: source-sans-pro;
       color: rgb(255, 255, 255);
       width: 90px;
       margin-top: -0.1875px;
       margin-left: 2.347533%;
   }

   #nav {
       float: left;
       height: 67.3125px;
       margin-left: 6.14786%;
       margin-top: 49px;
       clear: none;
       width: 72.530116%;
       margin-bottom: 7%;
   }

   #footer {
       float: none;
       height: auto;
       margin-left: auto;
       margin-top: 10%;
       clear: none;
       width: 57.32%;
       margin-right: auto;
       background-color: rgb(199, 199, 199);
       margin-bottom: 5%;
       text-align: center;
   }

   #impressum {
       float: none;
       font-size: 0.7em;
       width: auto;
       height: auto;
       text-align: center;
       font-weight: normal;
       line-height: 1em;
       word-wrap: break-word;
       margin-left: auto;
       margin-top: 10px;
       clear: none;
       min-height: 0px;
       font-family: asap;
       color: rgb(255, 255, 255);
       padding-top: 3px;
       padding-bottom: 0%;
       margin-bottom: 10px;
       margin-right: auto;
   }


   #wrapper_maps {
       float: left;
       height: 30% !important;
       margin-left: 0%;
       margin-top: 20px;
       clear: none;
       width: 100%;
       padding-top: 0px;
   }

    #wrapper_maps iframe {
        width: 100% !important;
        height: 30% !important;
}


@media only screen and (max-width: 1210px) {
   #parent_anfahrt {
       width: 65.049486%;
       height: auto;
       margin-top: 13.199913%;
       margin-left: auto;
       clear: none;
       margin-right: auto;
       float: none;
       margin-bottom: 7%;
   }

   #anfahrt {
       margin-top: 0px;
       margin-left: 0%;
       clear: none;
       width: 100%;
   }

   #header_anfahrt {
       width: 99.995847%;
       margin-top: 12.046875px;
       clear: both;
       height: auto;
       margin-left: 0.00415334%;
       margin-right: 0px;
       float: left;
   }

   #img_akupunktur {
       margin-top: 0px;
       clear: none;
       margin-left: 0%;
       width: 100%;
       margin-right: 0px;
       float: left;
       height: 317.015625px;
   }

   #logo {
       width: 10.89538%;
       height: auto;
       min-width: 50px;
       top: 50px;
       left: 40px;
       bottom: auto;
       right: auto;
   }

   #subbox_nav {
       margin-top: 35.9375px;
       margin-left: 14.83452%;
       clear: none;
       width: 85.16548%;
       margin-right: 0px;
       float: left;
       display: block;
       margin-bottom: 7%;
   }

   #text2 {
       clear: none;
       width: 90px;
   }

   #text {
       clear: none;
       width: 90px;
   }

   #text1 {
       clear: none;
       width: 90px;
   }

   #text3 {
       clear: none;
       width: 90px;
   }

   #nav {
       width: 76.357448%;
       height: 67.3125px;
       margin-top: 49px;
       margin-left: 6.147474%;
       clear: none;
   }

   #footer {
       margin-left: auto;
       margin-right: auto;
       float: none;
       margin-top: 10%;
       clear: none;
   }

   #wrapper_maps {
       height: 30% !important;
   }
}

@media only screen and (max-width: 950px) {
   #logo {
       width: 9.998292%;
       min-width: 30px;
   }

   #subbox_nav {
       width: 85.161579%;
       margin-top: 27px;
       margin-left: 14.836185%;
       clear: none;
       height: 21.5625px;
       margin-right: 0px;
       float: left;
   }

   #text2 {
       clear: none;
       width: 90px;
   }

   #text {
       clear: none;
       width: 90px;
   }

   #text3 {
       clear: none;
       margin-top: -0.375px;
       margin-left: 2.419833%;
   }

   #parent_anfahrt {
       width: 65.047845%;
       height: auto;
       margin-top: 10%;
       clear: none;
   }

   #text1 {
       width: 90px;
   }

   #nav {
       width: 76.356732%;
       height: 67.3125px;
   }
}

@media only screen and (max-width: 774px) {
   #parent_anfahrt {
       margin-top: 2%;
       margin-left: auto;
       clear: none;
       width: 76.630068%;
       height: auto;
       margin-right: auto;
       float: none;
   }

   #anfahrt {
       width: 100%;
       height: 550.96875px;
       margin-top: 0px;
       margin-left: 0%;
       clear: none;
   }

   #logo {
       width: 7.4580078125em;
       top: 0px;
       left: 0px;
       position: relative;
       margin-top: 7.0625px;
       margin-left: 3.078125px;
       clear: none;
       margin-bottom: 10px;
       z-index: 2;
   }

   #subbox_nav {
       margin-top: 2.779319%;
       margin-left: -1.932677%;
       clear: both;
       width: 101.929758%;
       padding-top: 0px;
       height: auto;
       padding-right: 0px;
       padding-bottom: 0px;
       padding-left: 0px;
       position: relative;
       top: 0px;
       left: 0px;
       margin-right: 0px;
       float: left;
   }

   #text2 {
       margin-top: 0.625px;
       margin-left: 0%;
       clear: none;
       width: 90px;
       font-size: 0.9em;
   }

#text2:hover {
    color: #000;
    transition: color 0,1s;
    -webkit-transition: color 0,1s;}

   #text {
       margin-top: -1.015625px;
       margin-left: 0px;
       clear: none;
       font-size: 0.9em;
       width: 90px;
   }

#text:hover {
    color: #000;
    transition: color 0,1s;
    -webkit-transition: color 0,1s;}

   #text1 {
       width: 90px;
       margin-top: 0.28125px;
       margin-left: 0%;
       clear: none;
       font-size: 0.9em;
   }

#text1:hover {
    color: #000;
    transition: color 0,1s;
    -webkit-transition: color 0,1s;}

   #text3 {
       width: 90px;
       margin-top: 0.625px;
       margin-left: 0%;
       clear: none;
       font-size: 0.9em;
   }

#text3:hover {
    color: #000;
    transition: color 0,1s;
    -webkit-transition: color 0,1s;}

   #nav {
       margin-top: 3.616501%;
       margin-left: auto;
       clear: none;
       margin-bottom: 6.847545%;
       height: 144.609375px;
       padding-top: 1.421189%;
       padding-right: 1.421189%;
       padding-bottom: 1.421189%;
       padding-left: 1.421189%;
       width: 76.357686%;
       margin-right: auto;
       float: none;
   }

   #header_anfahrt {
       margin-top: 11.046875px;
       margin-left: 0.00311207%;
       clear: both;
       width: 99.990997%;
   }

   #img_akupunktur {
       height: 229.02px;
       width: 100%;
   }

   #wrapper_maps {
       height: 100% !important;
        width: 100% !important;
   }

 #wrapper_maps iframe {
        width: 100% !important;
        height: 100% !important;
}
}

@media only screen and (max-width: 410px) {
   #parent_anfahrt {
       width: 87.72846%;
       height: auto;
       margin-top: 0px;
       margin-left: auto;
       clear: none;
       float: none;
       margin-right: auto;
   }

   #img_akupunktur {
       margin-top: 0px;
       margin-left: 0%;
       clear: none;
       width: 100%;
       height: 170px;
   }

   #header_anfahrt {
       margin-top: 20px;
       margin-left: 0%;
       clear: both;
       width: 100%;
   }

   #anfahrt {
       margin-top: 0.03125px;
       margin-left: -0.33158069%;
       clear: none;
   }

   #logo {
       width: 6.8525390625em;
       margin-top: 1.75px;
       clear: none;
       margin-right: 0px;
       float: left;
       height: auto;
   }

   #subbox_nav {
       margin-top: 70px;
       margin-left: auto;
       clear: none;
       height: auto;
       width: auto;
       float: none;
       margin-right: auto;
   }

   #text2 {
       clear: none;
       width: 90px;
       margin-top: auto;
       margin-left: auto;
   }

   #text {
       clear: none;
       width: 90px;
       margin-top: 0px;
       margin-left: auto;
   }

   #text1 {
       display: block;
       width: 90px;
   }

   #text3 {
       clear: none;
       width: 90px;
       margin-left: auto;
   }

   #nav {
       width: 76.354439%;
       height: 144.609375px;
   }

   #wrapper_maps {
       height: 100% !important;
   }

 #wrapper_maps iframe {
        width: 100% !important;
        height: 70% !important;
}
}

