/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

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


.logo a{
    background: url("../images/logo.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: rgba(0, 0, 0, 0);
    display: block;
    width: 280px;
    height: 100px;
    margin: 14px 0 0;
    text-shadow: none;
    text-shadow: none;
		font: 0/0 a;
	  text-shadow: none;
	  color: transparent;
}
.title h2 {
	color:#535353;
	font-family: 'Oxygen', sans-serif;
	font-weight:bold;
	font-size:16px;
	line-height:1.4;
	margin:0;
}
h3 {
	color:#535353;
	font-family: 'Oxygen', sans-serif;
	font-size:20px;
}
.center{
	color:#535353;
	font-family: 'Oxygen', sans-serif;
	font-size:14px;
	line-height:1.6;

}
.center h2{
	color:#00925b;
	font-size:25px;
	font-family: 'Oxygen', sans-serif;
}
/* ------------------------------ Kreise rechts */
.divkreis1{
	text-align:center;
}
.container .columns{
margin-left:5px !important;
margin-right:5px !important;
}
.botox-behandlung{
	margin-left:25px !important;
	margin-top:20px;
}
.botox-behandlung a:hover{
background-color:#008447;
}
.kreis1 {
    background-color: #00925b;
    width: 200px;
    height: 200px;
    text-align: center;
    border-radius: 100px;
    float:right;
    margin-bottom:10px;
}
.kreis1 h3{
		padding-top:0;
    color:#fff;
    font-size:20px;
   	font-family: 'Oxygen', sans-serif;
   	font-weight:bold;
   	margin-top:20px;
}
.kreis1 p{
    color:#fff;
    font-size:15px;
    line-height:1.4;
}
.kreis2 {
    background-color: #f0f0f1;
    width: 200px;
    height: 200px;
    text-align: center;
    border-radius: 100px;
    float:right;
}

a .kreis2  {
	-moz-box-shadow:inset 0px 0px 0px #fff; /* Firefox */
	-webkit-box-shadow:inset 0px 0px 0px #fff; /* Chrome, Safari */
	-khtml-box-shadow:inset 0px 0px 0px #fff; /* Konqueror */
	box-shadow:inset 0px 0px 0px #fff; /* CSS3 */
	-webkit-transition: all 1.8s linear;
	-moz-transition: all 1.8s linear;
	-o-transition: all 1.8s linear;
	-ms-transition: all 1.8s linear;
	transition: all 1.8s linear;
}
a:hover .kreis2 {
  	-moz-box-shadow:inset 0px 0px 10px #292929; /* Firefox */
	-webkit-box-shadow: inset 0px 0px 10px #292929; /* Chrome, Safari */
	-khtml-box-shadow: inset 0px 0px 10px #292929; /* Konqueror */
	box-shadow:inset 0px 0px 10px #292929; /* CSS3 */
	-webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
hr {
  border-top: 1px solid #00925B;
}
.kreis2 h3{
	font-family: 'Oxygen', sans-serif;
	padding-top:15px;
	font-size:22px;
	font-weight:bold;
    color:#535353;
}

.content-container ul{
	margin-left:15px;
	list-style:disc;
}
.bewerbungskasten{
	background-color:#00925B;
	color:#fff;
	padding:10px;
}
.bewerbungskasten h4, .bewerbungskasten p, .bewerbungskasten strong, .bewerbungskasten a{
	color:#fff;
}
.bewerbungskasten a{
	text-decoration:underline;
}
.bewerbungskasten h4{
	margin-top:0;
	margin-bottom:15px;
}
.content-container a{
	color:#00925B;
	text-decoration:underline;
}
.content-container a:hover{
	color:#000;
	text-decoration:underline;
}


.startblock ul{
	list-style:disc;
}
.startblock ul li{
	line-height:20px;
	margin-bottom: 8px;
}
.startblock ul li a:hover{
	text-decoration:underline;
	color:#00925B;
}
.center2{
	padding:-15px 0px 15px 0px;
}
.bgcol{
	padding:20px;
	margin-top:20px;
   	width: 80%;
   	min-height: 200px;
   	background: #f0f0f1;
   	border-radius:0px 150px 150px 0;
}
.bgcol p{
	padding-top:10px;
	font-family: 'Oxygen', sans-serif;
	font-size:15px;
    color:#535353;
}

.sixteen h2{
	color:#00925b;
	font-family: 'Oxygen', sans-serif;
	font-size:25px;
}
.footer1{
	margin-top:20px;
	background-color:#00925b;
	width:94.5%;
	padding:10px;

	color:#fff;
}
.footer1 p{
	margin:0;
}
.footer1 a{
	color:#fff;
}
.footer1 a:hover{
	color:#d2d2d2;
}
.sixteen h2{
	margin-top:20px;
}
.footer2 li {
	display:inline;
	padding:5px;
	color:#535353;
}
.footer2 a{
	color:#535353;
}
.footer2 a:hover{
	color:black;
}
.sixteen h3{
	color:#00925b;
	font-family: 'Oxygen', sans-serif;
	font-size:25px;
}
.center h4{
	color:#d2d2d2;
	font-family: 'Oxygen', sans-serif;
	font-size:28px;
	font-weight:bold;
}
/* #Page Styles
================================================== */

/* #Formular-Kontakt-Seite Zusatz
================================================== */
.Feld {
    width: 340px;
}
input, select, textarea {
    background-color: #fff;
    color: 000;
    min-width: 95%;
}
*::-moz-selection {
    background: none repeat scroll 0 0 #e0e0e0;
    color: #1C1C1C;
}
td, input, select, textarea {
    font-family: 'Roboto',sans-serif;
    font-size: 12px;
    font-weight: normal;
    padding: 0 10px 0 0;
    max-width: 95%;
}
#datei{
	width:300px;
}
#nachricht{
	padding:5px;
	font-size:14px;
}
#kontaktformular .field-width {
    width: 80%;
}
.inhalt2 a{
	color:#00925b;
}
.inhalt2 a:hover{
	color:#000;
}
.inhalt2 h1, h2, h3, h4, h5, h6{
margin-top:25px;
}

.error{
	font-weight:bold;
	color:#f00;
	border-bottom: 1px solid red;
}

.merkblatt{
width:190px;}

.downloadbutton {

	min-width:60px;
	background-color:#eeeeee;
	font-family: Arial !important;
	font-weight: normal;
	color:#000;
	font-size:15px;
	padding:5px 20px 5px 20px;
}

.downloadbutton:hover{

	min-width:60px;
	background-color:#00925b;
	font-family: Arial !important;
	font-weight: normal;
	color:#fff;
	font-size:15px;
	padding:5px 20px 5px 20px;
}



/* #Navigation
================================================== */

#nav-fix{
	top:0;
	width:100%;
	height:80px;
	z-index:999;
}
.band.navigation {
	margin:0 auto;
	padding: 0 0 1px 0;
	font-family: 'Oxygen', sans-serif;
}

nav.primary ul,
nav.primary ul li {
	margin: 0 0 0 -7px;
	padding: 0;
}

nav.primary select {
	display: none;
	width:  100%;
	height: 35px;
	margin: 15px 0;
	background-color:#00925b;
	color:#fff;
}

nav.primary ul li {
	display: inline;
	float: left;
	position: relative;
}

nav.primary ul li a {
	display: inline-block;
	line-height: 35px;
	padding:0 14px;
	color: #00925b;

	text-decoration: none;
	font-weight: bold;
	letter-spacing: 0.08em;
}

nav.primary ul li a:hover {
	background:#00925b;
	color:#fff;
	cursor: pointer;
}
ul .active a{
	background:#f0f0f1;
	color:#fff;
}
/*sub menu*/
nav.primary ul ul {
	background:#fff;
	position: absolute;
	top:100%;
	left: 0;
	z-index: 999;

	height: 0px;
	overflow: hidden;
	width: 200px;
	-webkit-transition: opacity 0.4s ease-out;
	-moz-transition: opacity 0.4s ease-out;
	-o-transition: opacity 0.4s ease-out;
	-ms-transition: opacity 0.4s ease-out;
	transition: opacity 0.4s ease-out;
	-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);	
}


nav.primary ul li span {
	display: none;
}

nav.primary ul li:hover ul {
	opacity: 10; 
  	filter: alpha(opacity=100); 
	height: auto;
	overflow: auto;
}

nav.primary ul ul{
	margin:0px;
}

nav.primary ul ul li {
	float: none;
	display: list-item;
	border-bottom: 1px solid #9c9c9c;
}

nav.primary ul ul li a {
	display: block;
	text-transform: none;
	font-size:11px;
	font-weight:normal;
	line-height:20px;
	padding:3px 0 3px 15px;
}

nav.primary ul li:hover > a {
	background: #00925b;
	color:#fff;
}

/* #Selection
================================================== */
		::selection {color:#1c1c1c;background:#e3e3e3;}
::-moz-selection {color:#1c1c1c;background:#e3e3e3;}

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		.kreis1 {
		    width: 180px;
		    height: 180px;
		}
		.kreis1 h3{
		    font-size:18px;
		}
		.kreis1 p{
		    color:#fff;
		    font-size:14px;
		}
		.kreis2 {
		    width: 180px;
		    height: 180px;
		}
		.kreis2 h3{
			font-size:20px;
		}
		.startblock ul{
			margin-left:15px;
		}
		.botox-behandlung{
	margin-left:0px !important;
	margin-top:20px;
}

	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {

	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		.logo{
    background: url("../images/logo.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: rgba(0, 0, 0, 0);
    display: block;
    width: 280px;
    height: 100px;
    margin: 14px 0 0;
    text-shadow: none;
}
.bgcol{
	padding:5px;
	margin-top:20px;
   	width: 100%;
   	min-height: 250px;
   	background: #f0f0f1;
   	border-radius:0px 0px 0px 0;
}
.bgcol p{
	padding-top:10px;
	font-family: 'Oxygen', sans-serif;
	font-size:15px;
    color:#535353;
}
.kreis1 {
    width: 250px;
    height: 250px;
    margin:auto;
    border-radius: 200px;
}
.kreis1 h3{
	padding-top:45px;
    font-size:23px;
}
.kreis1 p{
    color:#fff;
    font-size:17px;
}
.kreis2 {
    width: 250px;
    height: 250px;
    margin:auto;
    border-radius: 200px;
    margin-top:20px;
}
.kreis2 h3{
	padding-top:40px;
	font-size:25px;
}
		.botox-behandlung{
	margin-left:0px !important;
	margin-top:20px;
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		.bgcol{
			padding:10px;
			margin-top:20px;
		   	width: 100%;
		   	min-height: 530px;
		   	background: #f0f0f1;
		   	border-radius:0px 0px 0px 0;
		}
		.bgcol p{
			padding-top:10px;
			font-family: 'Oxygen', sans-serif;
			font-size:15px;
		    color:#535353;
		}
		nav.primary select {
			display: block;
			margin:-10px;
		}
		nav.primary ul {
			display: none;
		}
		.kreis1,.kreis2{
			margin-right:70px;
		}
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {

.bgcol{
	padding:10px;
	margin-top:20px;
   	width: 100%;
   	min-height: 560px;
   	background: #f0f0f1;
   	border-radius:0px 0px 0px 0;
}
.bgcol p{
	padding-top:10px;
	font-family: 'Oxygen', sans-serif;
	font-size:15px;
    color:#535353;
}
.title {
	color:#535353;
	font-family: 'Oxygen', sans-serif;
	font-weight:bold;
	font-size:14px;
	line-height:1.4;
}
nav.primary select {
	display: block;
	margin: -10px 0;
}
nav.primary ul {
	display: none;
}

	}
/* ====================================================================================================================
 * Cookie-Hinweis
 * ====================================================================================================================*/
.cc_container .cc_btn:hover, .cc_container .cc_btn:active {
    background-color: #2D935E !important;
    border-radius: 5px;
    color: #fff !important;
    transition: background 200ms ease-in-out 0s, color 200ms ease-in-out 0s, box-shadow 200ms ease-in-out 0s;
}
.cc_more_info{
	color:#2D935E !important;
}