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

/* @import url('https://fonts.googleapis.com/css?family=Crimson+Text:600|Roboto:300,300i,400,500'); */



/* crimson-pro-600 - latin */
@font-face {
  font-family: 'Crimson Pro';
  font-style: normal;
  font-weight: 600;
  src: url('/fonts/crimson-pro-v23-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/crimson-pro-v23-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/crimson-pro-v23-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/crimson-pro-v23-latin-600.woff') format('woff'), /* Modern Browsers */
       url('/fonts/crimson-pro-v23-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/crimson-pro-v23-latin-600.svg#CrimsonPro') format('svg'); /* Legacy iOS */
}

/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('/fonts/roboto-v30-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/roboto-v30-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/roboto-v30-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/roboto-v30-latin-300.woff') format('woff'), /* Modern Browsers */
       url('/fonts/roboto-v30-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/roboto-v30-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-300italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url('/fonts/roboto-v30-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/roboto-v30-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/roboto-v30-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/roboto-v30-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('/fonts/roboto-v30-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/roboto-v30-latin-300italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/fonts/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('/fonts/roboto-v30-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/roboto-v30-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/roboto-v30-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/roboto-v30-latin-500.woff') format('woff'), /* Modern Browsers */
       url('/fonts/roboto-v30-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/roboto-v30-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}





@media screen {
  /* force vertical scrollbar */
  body {
    overflow-y: scroll;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-size: 17px;
    line-height: 1.42857143;
    line-height: 1.4em;
    font-weight: 400;
    font-weight: 300;
    color: #505050;
    margin: 0;
  }

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

/* ----- Basic Element Styling */
  header {
    position: relative;
    background: #fac133;
  }
  .anihead {
  position: absolute;
  top: 0; 
  left: 0;
  width: 100%; 
  height: 100%;
  opacity: .0; 
    //background: #cccccc;
    //background: #fac133 url(/images/elemente/point-small.png) no-repeat 80% center;
    background-image: url(/images/elemente/point-small.png);
    background-repeat: no-repeat;
    background-position: -550px -550px;
    //webkit-transition: background-position .01s ease-in-out;
    //-moz-transition: background-position .01s ease-in-out;
    //-o-transition: background-position .01s ease-in-out;
    //transition: background-position .01s ease-in-out;
    //-webkit-transition-delay: .01s;
    //-moz-transition-delay: .01s;
    //-o-transition-delay: .01s;
    //transition-delay: .01s;
  }
  .anihead.animate {
    //webkit-transition: all .95s ease-in-out;
    //-moz-transition: all .95s ease-in-out;
    //-o-transition: all .95s ease-in-out;
    //transition: all .95s ease-in-out;
    //-webkit-transition-delay: .2s;
    //-moz-transition-delay: .2s;
    //-o-transition-delay: .2s;
    //transition-delay: .2s;
  }
  header:hhover {
    background-position: 80% center;
  }

  //.home header { background-image: url(/images/headbilder/head-home.jpg); }
  //.content header { background-image: url(/images/headbilder/head-person.jpg);}
  //.listen header { background-image: url(/images/headbilder/head-angebot.jpg);}
  //.team header { background-image: url(/images/headbilder/head-team.jpg);}
  //.seminare header { background-image: url(/images/headbilder/head-person.jpg);}
  //.intern header { background-image: url(/images/headbilder/head-gestalt.jpg);}
  //.kontakt header { background-image: url(/images/headbilder/head-kontakt.jpg);}
  //.newsletter header { background-image: url(/images/headbilder/head-newsletter.jpg);}
  //.impressum header { background-image: url(/images/headbilder/head-impressum.jpg);}

  header .header {
    //background-color: rgba(0,0,0,0.2);
    padding: 1.5em;
    color: #FFF;
    min-height:190px;
  }
  .home header .header {
    min-height:300px;
  }
  .home .anihead {
    background-image: url(/images/elemente/point.png);
  }
  //.home header .header { background-image: url(/images/headbilder/head-home.jpg); }
  //.person header .header { background-image: url(/images/headbilder/head-person.jpg);}
  //.angebot header .header { background-image: url(/images/headbilder/head-angebot.jpg);}
  //.gestalt header .header { background-image: url(/images/headbilder/head-gestalt.jpg);}
  //.kontakt header .header { background-image: url(/images/headbilder/head-kontakt.jpg);}
  //.impressum header .header { background-image: url(/images/headbilder/head-impressum.jpg);}

  header .logo {
    background: transparent;
    color: #ffffff;
    font-size:375%;
  }
  img.logo {
    margin-top: 32px;
    margin-left: 0px;
  }

  nav {
    background: #222222;
    background: transparent;
    margin-bottom: 3.5em;
    margin-bottom: 8px;
  }


  main {
    min-height: 370px;
  }
  main .info {
    margin-bottom: 1.5em;
  }


  .headrow2 {
    background: transparent; 
    height:50px; 
    margin:60px 0px 50px 0px;
  }
  .headrow2 .greymask {
    position:absolute; 
    height:50px; width:40%; 
    background:#969696;
  }
  .headrow2 .col-sm-6.headleft {
    background:#969696; 
    height:50px;
    //width:43.35%;
    width:50.00%;
    padding-right:15px;
    padding-left:15px;
  }
	.headrow2 h1 {
    font-size:17px; 
    letter-spacing: 0.13em;
    margin-top: 0px;
    text-align:right; 
    padding:18px 10px 18px 16px;
    color:#ffffff; 
    float: right;
    background:transparent url(/images/elemente/h1-arrow.png) no-repeat left center;
  }


  main .col-sm-6.colleft {
    width:100%;
    padding-right:15px;
    padding-left:15px;
  }
  main .col-sm-6.colright {
    width:100%;
    padding-left:15px;
    padding-right:15px;
  }

  main .col-sm-8.colleft {
    width: 100.00%;
    padding-right: 15px;
    padding-left: 15px;
  }
  main .col-sm-4.colright {
    width: 100.00%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .headrow {
    width: 100%;
    padding-right:30px;
}
  .headrow .headcol {
    position: relative;
    width:45.833%;
    width:44.5%;
    height:50px;
    padding-right:15px;
    margin:60px 0px 50px 0px;
    box-sizing:content-box;
    background:#969696;
  }
	.headrow h1 {
    font-size:17px; 
    letter-spacing: 0.13em;
    margin-top: 3px;
    text-align:right; 
    padding:18px 10px 18px 16px;
    color:#ffffff; 
    float: right;
    background:transparent url(/images/elemente/h1-arrow.png) no-repeat left center;
  }
	.headcol span {
    position: absolute;
    top:17px;
    right:200px;
    color: #ffffff;
    font-weight: 400;
    font-size: 1.15em;
    letter-spacing: 0.175em;
  }
  aside {
    border-left: 1px #ddd solid;
    margin-left:-0px;
  }

  footer {
    color: #444;
    padding: 0.5em 0.0em 0.5em 0.0em;
    margin: 50px 0px 20px 0px;
    border: 1px #dedede solid;
    overflow:hidden;
    background: #969696;
  }
  footer p {
    margin:11px 0px 0px 0px;
    text-align:center;
  }
  footer ul {
    width: 100%;
    overflow: hidden;
    float: left;
    position: relative;
    line-height: 1em;
    background: transparent none repeat scroll 0% 0%;
    border: 1px solid #E1E1E1;
    margin: 0px;
    padding: 0.5em 1.5em;
    display: inline;
    float: left;
  }
  footer ul li {
    display: inline;
    float: left;
    font-size: 1em;
    line-height: 1;
    list-style-type: none;
    margin: 0px 0.25em 0px 0px;
    padding: 0px;
  }
  footer ul li a {
    background: transparent none repeat scroll 0% 0%;
    color: #999;
    display: block;
    font-size: 1em;
    line-height: 2em;
    padding: 0px 0.5em;
    font-weight: normal;
    text-decoration: none;
    width: auto;
  }
  .footcol-left {
    width: 100%;
    margin: 20px 0px 0px 0px;
    padding-left: 15px;
    color: #ffffff;
    font-size:14px;
    line-height:1.4em;
  }
  .footcol-right {
    width: 100%;
    margin: 20px 0px 0px 0px;
    color: #ffffff;
    font-size:14px;
    line-height:1.4em;
  }
  .footcol-right .navbox {
    width: auto;
    margin: 0px 0px 0px 0px;
    float: inherit;
  }
  .footcol-right .navbox a {
    color: #fff;
  }
  .footcol-right .navbox a:hover {
    color: #fac123;
  }
  .footcol-right .navbox a.aktive {
    color: #fac123;
  }


/* ----- 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; 
  }


/* ----- 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;
  }


  .anmerkung {
    font-size: 77% !important;
    padding-top:20px;
    padding-left:0px
  }
  .anmerkung-bul {
    font-size: 77% !important;
    padding-top:20px;
    padding-left:11px
  }
  .anmerkung-bul::before {
    content:"•";
    position: relative;
    display: inline-block;
    margin-left: -11px;
    width: 11px;
    height: 11px;
    top: 7px;
    font-size: 22pt;
    color: #fac123;
    line-height: 11px;
  }


  main p {
    font-size: 88%;
    line-height: 1.51;
    margin: 0 0 0.8em 0;
  }
  main ul {
    padding-left: 0; 
  }
  main ul li {
    color: #505050; 
    list-style: none; 
    margin-left: 0; 
  }

  main ul li::before {
    color: #fac123;
    content: "\2022";
    font-size: 2em;
    padding-right: 0.12em;
    position: relative;
    top: 0.182em;
    line-height: 0em;
    height: 0em;
  }






  .textbox h1,
  .textbox h2 {
    padding: 5px 5px 5px 16px;
    font-size: 1.00em;
    color: #f39503;
    line-height: 1.3125;
    margin: 0 0 0 0;
    background: url(/images/elemente/link-arrow.png) no-repeat left center;
  }
  .textbox p {
    font-size: 0.90em;
  }


.behandtxtbox {
    min-height: 390px;
    font-size: 95%;
    line-height: 0.9em;
}
  .behandtxtbox h1,
  .behandtxtbox h2 {
    padding: 5px 5px 5px 16px;
    font-size: 1.00em;
    color: #f39503;
    line-height: 1.3125;
    margin: 0 0 0 0;
    background: url(/images/elemente/link-arrow.png) no-repeat left center;
  }
  .behandtxtbox p {
    font-size: 0.90em;
    margin: 0 0 0.75em 0;
  }
  .behandtxtbox blockquote {
    margin: 1.0em 0 1.0em 0;
  }
  .behandtxtbox blockquote p {
    font-size: 1.00em;
    margin: 0 0 0 0;
    line-height: 1.2em;
  }
  .behandtxtbox li {
    font-size: 0.90em;
    line-height: 1.5em;
  }


/* ----- Klassen für die Homeseite  */
  .home h2.lefth2 {
    position: relative;
    width:100%;
    margin-top: 0px;
    margin-bottom: 30px;
    font-weight: 400;
    font-size: 2.00em;
    letter-spacing: 0.100em;
    text-transform: uppercase;
    color: #969696;
    text-align:left;
    text-align:left;
 }
	.home .headcol span {
    position: absolute;
    top:17px;
    right:200px;
    color: #ffffff;
    font-weight: 400;
    font-size: 1.15em;
    letter-spacing: 0.175em;
	}

	.home .col-sm-6.colleft {
    width: 100%;
    padding-right: 15px;
    padding-left: 100px;
    	padding-left: 15px;
	}
	.home .col-sm-6.colright {
    width: 100%;
    padding-left: 15px;
    padding-right: 80px;
    	padding-right: 15px;
  }
  .home .headlabel {
    float:left;
    display:none;
  }

	.home .headcol {
    width: 41.0%;
    margin: 97px 0px 43px 0px;
	}
	.maps1, .maps2 {
    position: relative;
    display: block;
    width: 600px;
    	width: 100%;
    height: 300px;
    margin: 37px 0px 20px 0px;
    border: 1px solid #fac123;
	}
	.mapjohns {
    display:block;
    height:auto;
    padding:0px;
    opacity:1;
	}
	.butjohns {
    width:100%;
    color:#505050;
    padding-bottom: 30px;
    //padding-right: 0px;
	}
	.butjohns:hover {
    cursor:pointer;
    color:#505050;
	}
	.mapjohns {
    display:block;
    padding:0px;
    opacity:1;
	}
	.butdonner {
    width:100%;
    color:#999999;
    //padding: 0px;
	}
	.butdonner:hover {
    cursor:pointer;
    color:#505050;
	}
	.butjohns .praxisname, .butdonner .praxisname {
    font-size:1.42em;
    padding:0px;
    margin:0px;
	}
	.butjohns .praxisdaten, .butdonner .praxisdaten {
    font-size:1.22em;
    padding:0px 0px 20px 0px;
    margin:0px;
	}
	.butjohns .oeffnungszeiten, .butdonner .oeffnungszeiten {
    font-size:0.90em;
    padding:0px 0px 0px 0px;
    margin:0px;
	}
	.mapdonner {
    position:absolute;
    display:block;
    top:-3000px;
    height:auto;
    padding:0px;
    opacity:1;
	}
	.mapslink {
    padding: 5px 5px 5px 16px;
    font-size:0.95em;
    color: #505050;
    background:url(/images/elemente/link-arrow.png) no-repeat left center;
	}
	.hvvlink {
    font-size:0.95em;
    padding: 5px 120px 5px 16px;
    color: #505050;
    background:url(/images/elemente/link-arrow.png) no-repeat left center, url(/images/elemente/hvv-logo.png) no-repeat right center;
	}
		.mapslink:hover, .hvvlink:hover {
    color: #fac123;
	}



/* ----- Klassen für die Behandlerin  */
  .textbox {
  }
  .overlaybox {
    position:absolute;
    width: calc(100% - 15px);
    top: 0px;
    min-height:372px;
    margin:0px 0px 0px 0px;
    padding:20px 20px 20px 20px;
    overflow:hidden;
    display:none;
    opacity:0;
    transition: all 0.1s linear;
    background: #ffffff;
    border-bottom: 5px solid #fac133;
    box-shadow: 0px 0px 15px silver;
  }
  .rightcolimg {
    float:right;
  }
  .rightcolimg:hover {
    cursor:pointer;
    transition: all 0.5s linear;    
  }
  .downbox a {
    font-weight:500;
    color:#4a9192;
  }
  .downbox span.byte {
    color:#888888;
  }



/* ----- Klassen für die Osteopatieseite  */
  .col-sm-8.colleft.osteo p {
    font-size: 0.90em;
    line-height: 1.40;
    margin: 0 0 0.8em 0;
  }
  .col-sm-8.colleft.osteo h2 {
    position: relative;
    padding: 0px 0px 0px 16px;
    font-size: 1.00em;
    line-height: 1.2125;
    color: #f39503;
    margin: 0 0 0 0;
    background: url(/images/elemente/link-arrow.png) no-repeat left center;
  }

  .osteobox {
    margin-right: 50px;
    padding-bottom: 20px;
    margin-bottom: 30px;
    margin-right: 15px;
    margin-left: 15px;
    overflow:hidden;
    border-bottom:1px solid #fac123;
  }

  .col-sm-8.colleft.osteo {
    width: 100%;
    padding-left:0px;
    padding-right:15px;
  }
  .col-sm-4.colright.osteo {
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
    text-align:center;
  }
  .col-sm-4.colright.osteo img {
    width:100%;
    height:auto;
    margin-top: 20px;
    margin-bottom: 20px;
  }


/* ----- 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; 
  }


/* ----- Klassen für die Accordion-Seite  */
  .accorbox { 
    height:auto;
    padding:20px 0px 20px 20px; 
    margin:0px 0px 0px 0px; 
    border-bottom: 1px solid #8c8d8f; 
  }
  .accorbox:first-child { 
    border-top: 1px solid #8c8d8f; 
  }
  .accorbox .blockhead { 
    margin:0px 10px 0px 0px; 
    padding:0; 
    text-transform:none;
    cursor:pointer;
    outline:none; 
  }
  .accorbox .blockhead.ui-state-default { 
    background:transparent url(/images/elemente/arrows-close.png) no-repeat center right;

  }
  .accorbox .blockhead.ui-state-hover { 
    background:transparent url(/images/elemente/arrows-hover.png) no-repeat center right;
    color:#b00135;  }
  .accorbox .blockhead.ui-state-active { 
    background:transparent url(/images/elemente/arrows-open.png) no-repeat center right;
    color:#b00135;  }

  .accorbox .blockbox { 
    padding:20px 30px 0px 0px !Important; 
  }


/* ----- Klassen für Bildergalerien  */
  .galerybox {
    display:block;
    //overflow:hidden;
    padding: 30px 0px 30px 0px;
    border-bottom: 0px solid #b51621;
  }
  .galerybox:first-child {
    margin-top: 95px;
    border-top: 1px solid #dedede;
  }
  .galerybox img {
    margin: 0px 10px 20px 0px;
    display:inline-block; 
    padding: 4px;
    border: 1px solid #cccccc;
    border-radius: 2px;
  }
  .sb-galerie .galerybox {
    display:block;
    overflow:hidden;
    padding: 0px 0px 30px 0px;
    border-bottom: 0px solid #b51621;
  }
  .sb-galerie .galerybox:first-child {
    margin-top: 95px;
    border-top: 1px solid #dedede;
  }
  .sb-galerie .galerybox h2 {
    padding: 0px 0px 5px 0px;
    font-size:120%;
    color:#ababab;
    font-style: normal;
  }
  .sb-galerie .galerybox img {
    margin: 0px 0px 20px 0px;
    display:block; 
    clear: both;
    //width: 100%;
    //height: auto;
    padding: 4px;
    border: 1px solid #cccccc;
    border-radius: 2px;
  }
  .sb-galerie .galerybox a {
    display: block;
    clear: both;
    margin: 0px 0px 0px 0px;
  }
  .sb-galerie .galerietext {
    margin: 0px 0px 0px 0px; 
    padding:3px 4px 3px 4px; 
    display:inline-block; 
    width:100%; 
    border:1px solid #cccccc; 
    border-radius: 2px;
  }




/* ----- Klassen für die Kontaktseite  */
  #map_canvas {
    width:100%;
    height:380px;
    border:1px solid #646464;
  } 




/* ----- Klassen für die Home-Seite  */

  .homeleft {
    font-size: 140%;
    font-weight:400;
    line-height: 1.25 !important;
  }
  .homeleft h1 {
    font-size:205%;
    color: #0471a7;
  }
  .homeleft p {
    line-height: 1.25 !important;
  }
  .homeright {
    font-size:100%;
  }


/* ----- 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;}




}


/* ----- Breite ab 0px ----- */
@media screen and (min-width: 0px) {
  body > header, body > nav, body > main, body > footer {
    min-width: 0;
  }
  main {
    min-height: 370px;
  }
  .container {
    width: auto;
  }
  body > footer {
    min-width: 0;
    min-height: 141px;
    background: #969696;
  }

  .textbox {
    min-height: 390px;
  }
  main .col-sm-4.colright {
    text-align: center;
  }
  .rightcolimg {
    float:inherit;
  }
  .overlaybox {
    width: calc(100% - 30px);
  }
  .leftcolimg {
    float:inherit;
    width: 100.00%;
    height: auto;
    margin-bottom: 20px;
  }


}


/* ----- Breite ab 480px ----- */
@media screen and (min-width: 480px) {
  main .col-sm-6.colleft {
    text-align:center;
  }
  .leftcolimg {
    float:inherit;
    width: 408px;
    height: auto;
  }
  .headrow2 .col-sm-6.headleft {
    width:43.35%;
  }

	.butjohns {
    width:50%;
    color:#505050;
    padding-right: 0px;
	}
	.butdonner {
    width:50%;
    color:#505050;
    padding-right: 0px;
	}
  .footcol-left {
    width: 70%;
    margin: 20px 0px 0px 0px;
    padding-left: 15px;
    color: #ffffff;
    font-size: 14px;
    line-height: 1.4em;
  }
  .footcol-right {
    width: 30%;
    margin: 20px 0px 0px 0px;
    color: #ffffff;
    font-size: 14px;
    line-height: 1.4em;
  }
  .footcol-right .navbox {
    width: auto;
    margin: 0px 0px 0px 0px;
    float: right;
  }

  .col-sm-4.colright.osteo img {
    width:auto;
    height:auto;
  }
	


}


/* ----- Breite ab 768px ----- */
@media screen and (min-width: 768px) {
  main .col-sm-8.colleft {
    width: 70.00%;
    padding-right: 15px;
    padding-left: 15px;
  }
  main .col-sm-4.colright {
    width: 30.00%;
    padding-left: 15px;
    padding-right: 15px;
  }

  main .col-sm-6.colleft {
    width:45.833%;
    padding-right:25px;
    padding-left:15px;
    border-right:0px solid #999999;
  }
  main .col-sm-6.colright {
    width:54.166%;
    padding-left:25px;
    padding-right:15px;
    border-right:0px solid #999999;
  }
  .leftcolimg {
    float:right;
    width: 408px;
    height: auto;
    margin-bottom: 20px;
  }

  .leftcolimg {
    float:inherit;
    width: 100%;
    height: auto;
  }

  .osteobox {
    margin-left: 15px;
    margin-right: 15px;
  }
  .col-sm-8.colleft.osteo {
    width: 60%;
    padding-left:0px;
    padding-right:30px;
  }
  .col-sm-4.colright.osteo {
    width: 40%;
    padding-left: 0px;
    padding-right: 0px;
    text-align:center;
    min-width:inherit;
  }
  .col-sm-4.colright.osteo img {
    width: 100%;
    height: auto;
    margin-top: 25px;
  }

  .link-mobile { color:#505050; text-decoration:none, cursor:default;}
  .link-mobile:hover { color:#505050; text-decoration:none; cursor:default;}



}

/* ----- Breite ab 992px ----- */
@media screen and (min-width: 900px) {
img.logo {
    margin-top: 62px;
    margin-left: 0px;
}
	}


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

  .container {
    width: 1000px;
  }
  main .col-sm-8.colleft {
    width: 70.00%;
    padding-right: 25px;
    padding-left: 15px;
    border-right: 0px solid #999999;
  }
  main .col-sm-4.colright {
    width: 30.00%;
    padding-left: 35px;
    padding-right: 15px;
    border-right: 0px solid #999999;
  }

  main .col-sm-6.colleft {
    width:45.833%;
    padding-right:25px;
    padding-left:15px;
    border-right:0px solid #999999;
  }
  main .col-sm-6.colright {
    width:54.166%;
    padding-left:25px;
    padding-right:15px;
    border-right:0px solid #999999;
  }


  .col-sm-8.colleft.osteo {
    width: 62%;
    padding-left:15px;
    padding-right:30px;
  }
  .col-sm-4.colright.osteo {
    width: 38%;
    padding-left: 0px;
    padding-right: 0px;
    text-align:right;
    min-width:350px;
  }


}


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

  .home .col-sm-6.colleft {
    width: 40.0%;
    padding-right: 25px;
    padding-left: 15px;
  }
  .home .col-sm-6.colright {
    width: 60%;
    padding-left: 0px;
    padding-right: 15px;
  }
  .home .headlabel {
    float:left;
    display:inline-block;
  }
  .home h2.lefth2 {
    position: relative;
    width: auto;
    margin-top: 5px;
    font-weight: 400;
    font-size: 1.00em;
    letter-spacing: 0.100em;
    text-transform: uppercase;
    color: #969696;
    float: right;
  }

  .maps1, .maps2 {
    width: 600px;
    height: 300px;
    margin: 37px 0px 20px 0px;
    border: 1px solid #fac123;
  }
	.butdonner {
    padding-left: 10px;
	}


}


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

  .osteopathie main.container {
    width: 1200px;
   }

  .osteobox {
    margin-right: 50px;
  }
  .col-sm-8.colleft.osteo {
    width: 62%;
    padding-left:0px;
    padding-right:0px;
  }
  .col-sm-8.colleft.osteo p {
    font-size: 0.90em;
    line-height: 1.40;
    margin: 0 0 0.8em 0;
    margin-left: 150px;
  }
  .col-sm-8.colleft.osteo h2 {
    position: absolute;
    padding: 0px 0px 0px 16px;
    font-size: 1.00em;
    line-height: 1.2125;
    color: #f39503;
    margin: 0 0 0 0;
    background: url(/images/elemente/link-arrow.png) no-repeat left center;
  }

  .col-sm-4.colright.osteo {
    width: 38%;
    padding-left: 80px;
    padding-right: 0px;
    text-align:left;
  }
  .col-sm-4.colright.osteo img {
    margin: 0 0 0 0;
    float: right;
  }
  .col-sm-4.colright.osteo .rightcolimg {
    margin: 0 0 0 0;
    float: right;
  }





}