html,body,div,p,h1,h2,h3,ul,ol,span,a,table,td,form,img,li,input,textarea,select {

	line-height:140%;
	margin:0;
	padding:0;
	font-size:16px;
	}
body {
  	cursor: auto;
	font-family: 'Open Sans', sans-serif;
  	font-style:normal;
  	font-weight:600;
  	line-height: 1.5;
  	margin: 0;
  	padding: 0;
	}

.columns {
	margin: 0;
  	padding: 0;
	}

/*****************/



.logo {
	margin:0 20px 0 0;
	padding:12px 10px 0 0;
	width:12.50em;
	border:0;
	float:left;
	}
#logo_puenktchen {
	margin:45px 60px 10px 60px;
	max-width:200px;
	}
.logo_kl {
	margin:15px 10px 0 90px;
	max-width:160px;
	}
.weiss{
	background:#ffffff;
	}
.grau{
	background:#595d61;
	border-bottom:8px solid #fff;
	}
.hellgrau{
	background:#eeeeee;
	border-bottom:8px solid #fff;
	padding-top:30px;
	padding-bottom:30px;
	}
.mittelgrau{
	background:#a8a7a7;
	border-bottom:8px solid #fff;
	}
.kasten {
	margin:0;
	padding:30px 0 0 0;
	}
.inhalt {
	padding-bottom:50px;
	}
#fenster {
	background:#eeeeee;
	margin:0 0 0 0;
	padding:12px 0;
	}
#fenster p{
	margin:5px 15px;
	}
iframe {
	border:0;
 filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(0.4); /* Google Chrome, Safari 6+ & Opera 15+ */
  -moz-filter: grayscale(40%);
  -ms-filter: grayscale(40%);
  -o-filter: grayscale(40%);
  filter: grayscale(40%);
}
/**************************/
ul#menu {
	color:#6f6b62;
	list-style-type:none;
	margin:40px 10px 20px 10px;
	padding:0;
	text-align:center;
	}
ul#menu li{
	display:inline-block;
	padding:0;
	}
ul#menu li a{
	color:#595d61;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	font-size:1.0em;
	margin:0;
	padding:0 13px;
	text-decoration:none;
	}
ul#menu li a:hover, ul#menu li a#current, ul#menu li.aktiv a{
	text-decoration:none;
	color:#a8a7a7;
	cursor:pointer;
	margin:0;
	padding:0 13px;
	}


	
/**************************/
ul#submenu {
	display:block;
	color:#6f6b62;
	padding:0;
  	list-style-type: none;
	}
ul#submenu li{
	float:left;
  	background: #fefefe;
	}
ul#submenu li a{
	display: table;
	text-decoration:none;
	color:#595d61;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	font-size: 0.9em;
	background:#eee;
	margin:0 0.62em 9px 0;
	padding: 1.00em 0.83em;
	}
ul#submenu li a.last{ 
	margin-right:0;
	}
ul#submenu li a:hover, ul#submenu li a#current{
	color:#fff;
	background: #595d61;
	}


#bewerbungsbutton {
    position: fixed;
    top:260px;
    right:20px;
    width:140px;
    height:140px;
    background: #d8291b;
    border-radius: 70px;
    z-index: 200;
    }

#bewerbungsbutton span{
    display: block;
    color:#fff;
    margin:25px 10px;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 1.2em;
    }
.rotate{
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
    overflow:hidden;
    }  
.rotate:hover  
    {
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg);
    }

/**************************/

.grau h1 {
	color:#fff;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	font-size:1.8em;
	font-style:normal;
	margin:10px auto;
	}
.mittelgrau h1 {
	color:#fff;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	font-size:1.8em;
	font-style:normal;
	margin:10px auto;
	}
h2 {
	color:#595d61;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	font-size:1.2em;
	}

h2.daten {
	color:#595d61;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	font-size:1.2em;
	}
h4 {
	color:#595d61;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	font-size:1.6em;
	margin:30px 90px 0 90px;
	padding:0;
	}
p, ul.aufzaehl li{
	color:#595d61;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	font-size:0.88em;
	font-style:normal;
	line-height:160%;
	}
p.start {
	margin:20px 250px;
	}
.puenktchen {
	margin:20px 80px 22px 80px;
	}
.puenktchen span{
	font-weight:700;
	}

.weisskasten {
	display:table-cell;
	height:327px;
	background:#fff;
	}
.inhalt p a{
	color:#a8a7a7;
	text-decoration:none;
	font-size:100%;
	}
.inhalt p a:hover{
	color:#595d61;
	}
.punkt {
	color:#d8291b;
	font-weight:700;

	}
#menschenkette {
	margin:20px 0;
	}


.bu h2 {
	margin:0 auto;
	}
.bu p {
	margin:0 auto 10px auto;
	}
	
	/*************  2-Klick-Banner auf Google Map *************/
div.privacy-msg  {
    display: grid;
    justify-content: center;
    align-items: center;
    text-align:center;
    overflow:hidden;
	}
div.privacy-msg p {
	margin-top:30px;
    border: 1px solid black;
    padding: 15px;
  	color:#595d61 !important;
	}
.privacy-msg p a{ 
	background:#a8a7a7 !important;
	color:#fff !important;
	padding:10px;  
	font-size:1.2em !important;
	}
.privacy-msg p a:hover{ 
	color:#595d61 !important;
	}
	
/**************************/


#footer{
	padding-bottom:50px;
	}
#footer h3 {
	color:#fff;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	font-size:1.15em;
	font-style:normal;
	padding:0;
	line-height:180%;
	margin:20px 0 0 90px;
	}
#footer p {
	color:#fff;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	font-size:0.95em;
	font-style:normal;
	padding:0;
	line-height:180%;
	margin:20px 0 0 90px;
	}
#footer p.rechts {
	text-align:left;
	margin:20px 40px 0 90px;
	padding-bottom:18px;
	}
#footer .abstand {
	height:52px;
	}
.gross {
	font-size:1.3em;
	}
#footer a {
	color:#c3c4c6;
	text-decoration:none;
	font-size:100%;
	}
#footer a:hover {
	color:#ffffff;
	text-decoration:none;
	}
#footer a.brief {
	display:block;
	background-image:url(images/umschlag.jpg);
	background-position:0 2px;
	background-repeat:no-repeat;
	padding-left:40px;
	margin:5px 0 10px 0;
	}
#footer table {
	margin:20px 0 0 90px;
	color:#fff;
  	width: 80%;
 	}
#footer table td{
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	font-size:0.95em;
	padding:3px 0;
	}
   
a#button { 
    position:absolute;
	display:block;
   	width: 2.500em;
   	height: 2.500em;

   	-webkit-border-radius: 1.250em; 
   	border-radius: 1.250em;
	}
a#button span {
	display:block;
	text-align:left;
	margin:30px 0 0 0;
	width:200px;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	font-size:1.3em;
	}

@-webkit-keyframes redPulse {
  	from { background-color: #cc1316; -webkit-box-shadow: 0 0 12px #cc1316; }
  	50% { background-color: #fc2124; -webkit-box-shadow: 0 0 22px #cc1316; }
  	to { background-color: #cc1316; -webkit-box-shadow: 0 0 12px #cc1316; }
	}
a.red.button {
  	-webkit-animation-name: redPulse;
  	-webkit-animation-duration: 4s;
  	-webkit-animation-iteration-count: infinite;
	}
a#button.ruecken {
	margin:14em 0 0 40em;	
	}
a#button.neuro {
	margin:14em 0 0 20em;	
	}
a#button.kinder {
	margin:9em 0 0 44em;	
	}
a#button.verletzungen {
	margin:8em 0 0 40em;	
	}
a#button.chronisch {
	margin:9.8em 0 0 30em;	
	}
a#button.gelenk {
	margin:8em 0 0 50em;	
	}
a#button.cmd {
	margin:15em 0 0 45em;	
	}
/**********************/   
a.nach:after { content: url(images/punkt_kl.png) " " attr(href) " "; 
	margin:3px 2px 0 4px;
	}

a.vor:before { content: url(images/punkt_kl.png) " " attr(href) " "; 
	margin:3px 2px 0 2px;
	}
	
	
/**********************************************/

img.rund {
	 width: 17.500em;
    height: auto;
    border-radius: 8.750em;
    -webkit-border-radius: 8.750em;
    overflow:hidden; /* Für Image-Element Variante */
	margin:40px auto 20px auto;
	}

h2 {
	margin:0 90px 0 90px;
	}

h2.daten {
	margin:40px 90px 0 90px;
	}
h2.zwischenhead {
	color:#fff; 
	padding-top:8px;
	padding-bottom:8px;
	}

p {
	margin:20px 90px 0 90px;
	line-height:160%;
	}
ul.aufzaehl {
	margin:10px 90px 20px 105px;
	line-height:160%;
	}
.team h2 {
	margin:60px 10px 0 20px;
	line-height:160%;
	}
.team p {
	margin:5px 10px 30px 20px;
	line-height:160%;
	}
.ausgerichtet {
	text-align:right;
	}
hr {
	width: 50px;
	height: 2px;
	text-align: center;
	margin: 20px 90px;
	background-color: #fff;
	border-bottom: none;
	border-top: none;
	}
/**********************************************/
.kasten h2 {
	color:#595d61;
	font-family: 'Open Sans', sans-serif;
	font-weight:800;
	font-size:0.875em;
	font-style:normal;
	margin:0;
	padding:17px 0 0 10px;
	font-size:1.1em;
	}

.kasten p {
	margin:0;
	padding:0 0 0 20px;
	font-size:1.0em;
	}
.kasten a, .kasten2 a  {
	font-size:1.1em;
	color:#595d61;
	}

/**********************************************/
@media only screen and (max-width: 1200px)  {
	
.kasten {
	padding:30px 0 0 20px;
	}
}
/**********************************************/
@media only screen and (max-width: 1000px)  {


.kasten {
	padding:15px 0 0 30px;
	}
.kasten h2  {
	margin:0;
	padding:20px 0 0 0;
	font-size:1.0em;
	}
.kasten p {
	margin:0;
	padding:0;
	font-size:0.9em;
	}

p.start {
	margin:20px 150px;
	}
.logo {
	margin:0 20px 0 0;
	padding:12px 10px 0 0;
	width:11em;
	border:0;
	float:none;
	}
ul#menu {
	display:block;
	color:#6f6b62;
	list-style-type:none;
	margin:40px 0 40px 0;
	border:1px solid #fff;
	padding:0;
	}
a#button span {
	display:block;
	text-align:left;
	margin:25px 0 0 0;
	width:200px;
	font-size:1.0em;
	}
a#button.ruecken {
	margin:10% 0 0 35%;	
	}
a#button.neuro {
	margin:10% 0 0 35%;	
	}
a#button.kinder {
	margin:10% 0 0 35%;		
	}
a#button.verletzungen {
	margin:10% 0 0 35%;		
	}
a#button.chronisch {
	margin:10% 0 0 35%;	
	}
a#button.gelenk {
	margin:10% 0 0 35%;	
	}
a#button.cmd {
	margin:16% 0 0 55%;	
	}
	
#footer h3 {
	margin:20px 0 0 50px;
	}
#footer p {
	margin:20px 0 0 50px;
	}
#footer p.rechts {
	margin:20px 40px 0 50px;
	padding-bottom:18px;
	}
#footer .abstand {
	height:55px;
	}
#footer table {
	margin:20px 0 0 50px;
	color:#fff;
  	width: 80%;
 	}
#bewerbungsbutton {
    top:320px;
    right:10px;
    width:120px;
    height:120px;
    border-radius:60px;
    }
#bewerbungsbutton span{
    margin:20px 10px;
    font-size: 1.0em;
    }
    
}

/**********************************************/
@media only screen and (max-width: 40em) {

.kasten {
	padding:15px 0 10px 10px;
	}
.kasten h2  {
	display:none;
	}
.kasten p {
	display:none;
	}
h4 {
	margin:30px 90px 0 20px;
	padding:0;
	}
.logo {
	margin:0 8px 0 0;
	padding:12px 8px 0 0;
	width:8.8em;
	}	
.logo_kl {
	margin:15px 10px 0 20px;
	max-width:160px;
	}
#footer p.rechts {
	text-align:left;
	margin:10px 10px 0 45px;
	}
#footer h3 {
	margin:40px 10px 0 45px;
	}
p.start {
	margin:20px 35px;
	}
#footer table {
	margin:0 0 0 45px;
  	width: 80%;
 	}
ul#menu {
	display:block;
	margin:6px 0 10px 0;
	float:none;
	width:100% !important;
	border-bottom:8px solid #fff;
	}
ul#menu li{
	width:100%;
	margin:0 0 4px 0;
	padding:5px 0;
	display:block;
	background:#eeeeee;
	}
ul#menu li:hover{
	color:#fff;
	background:#a8a7a7;
	}
ul#menu li a{
	width:100%;
	padding:8px 10px;
	}
ul#menu li a:hover{
	color:#fff;
	}
ul#menu li a#current{
	color:#a8a7a7;
	}
.team h2 {
	display:block;
	text-align:center;
	margin:0 auto;
	}
.team p {
	display:block;
	text-align:center;
	margin:0 auto 10px auto;
	}
#footer .mitte p {
	margin-left:45px;
	}
ul#submenu {
	display:block;
	color:#6f6b62;
	padding:0;
  	list-style-type: none;
	}
ul#submenu li{
	float:none;
	width:100%;
  	background: #fefefe;
	}
ul#submenu li a{
	width:100%;
	text-align:left;
	margin:0 0.62em 4px 0;
	padding: 0.40em 1.09em;
	}
	
h1 {
	margin:30px 20px 0 20px;
	}
h2 {
	margin:0 20px;
	}
p {
	margin:20px;
	}
ul.aufzaehl {
	margin:10px 35px;
	}
.ausgerichtet {
	text-align:left;
	}
img.rund {
	margin:20px auto;
	margin:20px auto;
	}
.bild_puenktchen{
	padding-right:10px;
	padding-left:10px;
	}
#googlemap {
	width:100%;
	height:808px;
	}
.google-maps {
	position: relative;
	padding-bottom: 124%;
	height: 0;
	overflow: hidden;
    }
.google-maps #googlemap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
    }
#bewerbungsbutton {
    position: absolute;
    top:160px;
    right:10px;
    width:90px;
    height:90px;
    border-radius:45px;
    }
#bewerbungsbutton span{
    margin:18px 5px;
    font-size: .85em;
    line-height: 110%;
    }
.hide-for-small {
    display: none;
    }
.show-for-small {
    display: block;
    }
}