/************************ MAIN CSS************************************/

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

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





body{margin:0; padding:0; font-family: 'Roboto', sans-serif;}

/*Grundaufbau Strukur und Spalten*/


#full-wrapper{ width: 100%; float: left;}
#content-wrapper {margin: 0 auto; width: 100%; max-width: 1200px; padding: 20px 0 0 0;}


.row{width: 100%;float: left;}
.column {float: left;margin: 0 2% 0 0;}

.column:last-child {margin-right: 0;}

.full { width: 100%;}
.half { width: 49%;}
.third { width: 32%;}
.quarter { width: 23.5%;}
.two-thirds { width: 66%;}
.three-quarters { width: 74.5%;}

.abstandoben{margin-top:40px !important;}
.abstandunten{margin-bottom:40px !important;}


.float-left{float:left;}
.float-right{float:right;}


/*Allgemeines*/

.clearer{ clear:both;}
.only-mobile{ display:none !important;}


/*Footer*/

#footer-wrapper{ width: 100%; float: left;}
#footer a{ color:#000; text-decoration:none; }
#footer p{ color:#e20062; margin:0;}
#footer .rechts a:hover, #footer .links a:hover{ color:#9ac880; text-decoration:none;}
#footer .rechts a.active, #footer .links a.active{ color:#9ac880; text-decoration:none;}
#footer .links a.active:hover{color:#e20062;}
#footer .rechts a.active:hover{color:#00887e;}
#footer .rechts p{ float:right;}
#footer .rechts a{ color:#00887e; font-weight:700;}
#footer .links a{ color:#e20062; font-weight:700;}

/*Typo*/

h1{ font-size:40px; margin:5px 0; font-weight:700;color:#fff;}
h2{ font-size:30px; margin:5px 0; font-weight:700;color:#fff;}
p{ font-size:20px; font-weight:400;color:#fff; line-height:1.3em;}

a{ color:#fff; text-decoration:none; font-weight:400;}
a:hover{ color:#9ac880;}

.text-hellgruen{color:#9ac880;}
.text-weiss{color:#fff;}

.starttext{width:59%;}

::selection {background: #d2e3bf;}
::-moz-selection {background: #d2e3bf;}


/* Content */

img{width: 100%;}

#logo{ margin-top:15px;}
.bg-content{ background-color:#00887e; margin-top:30px; padding: 58px 0;}
#home .bg-content{ padding:0 0 58px 0;}
.im-aufbau img{width:32%; margin-top:-200px;}

.leistungen ul{padding: 0 0 0 20px; color:#9ac880; font-size:20px; margin:0;}
.leistungen li{ padding-bottom:10px;}

.box-hellgruen{ background-color:#bcd9a9; padding:10px 0 10px 20px;}
.box-hellgruen h2{ font-size:25px; color:#00887e; line-height:1.3em;}

.sprechzeiten {margin-left:8%;}
.sprechzeiten ul{padding: 0 0 0 0; color:#fff; font-size:20px; margin:10px 30px 0 0;}
.sprechzeiten li{ padding-bottom:20px; list-style:none;}
.sprechzeiten-links, .sprechzeiten-rechts{ float:left;}


#footer .offene-sprechstunde p{font-size: 14px !important; float:left; color:#b6b6b6 !important;}


#impressum hr{ margin:60px 0; border: solid #9ac880 1px; }



/* Mediaqueries */



@media only screen  and (max-width: 1220px) {
#content-wrapper {
    width: 94%;
    padding: 20px 3% 0 3%;
}

.sprechzeiten {
    margin-left: 5%;
}

.box-hellgruen h2{ font-size:20px;}

}

@media (min-width: 1px) and (max-width: 1080px) {
.sprechzeiten {margin-left:3%;}
 h2{ font-size:25px;}
.sprechzeiten ul, .leistungen ul, p{font-size:18px !important;}
h1{ font-size:35px;}
.sprechzeiten ul {margin: 10px 20px 0 0;}

}



@media (min-width: 1px) and (max-width: 800px) {
.abstandoben { margin-top: 30px !important;}
}




@media (min-width: 901px) and (max-width: 970px) {
	.sprechzeiten ul, .leistungen ul, p{font-size:17px !important;}


}

@media (min-width: 1px) and (max-width: 900px) {
.full, .two-thirds, .half, .third, .quarter{width: 100%;}
.column {float: left;margin: 0 0 0 0;}
#home .bg-content .column {margin: 0 0 30px 0;}


.only-desktop{display:none;}
.only-mobile{display:block !important;}

#footer .half, #footer .rechts{width: 100%;}
ul.footer-menu { float: left;}

.footer-menu li {
    padding-left: 0;
	padding-right:20px;
	margin: 10px 0 30px 0;
}

#footer .rechts p {
    float: left;
    margin-top: 10px;
}
.box-hellgruen{ margin-top: 50px;}
#home .bg-content, .bg-content {padding: 0 0 0 0;}

#logo img{width:40%;margin-bottom: 10px;}
#home #logo img{margin-bottom: 20px;}
.im-aufbau img, .news img {width: 40%;}

.box-hellgruen h2{ font-size:25px;}
#footer .offene-sprechstunde p {margin-top: 12px;}
}
@media (min-width: 634px) and (max-width: 900px) {
	.sprechzeiten{width:50% !important;}
}
@media (min-width: 1px) and (max-width: 650px) {
#logo img{width:60%;margin-bottom: 10px;}
#home #logo img{margin-bottom: 20px;}
.im-aufbau img, .news img {width: 60%;}
}



@media (min-width: 1px) and (max-width: 400px) {
.box-hellgruen h2,	h2{ font-size:20px;}
.sprechzeiten ul, .leistungen ul, p{font-size:17px !important;}
h1{ font-size:27px;}
#logo img{width:100%;margin-bottom: 10px;}
#home #logo img{margin-bottom: 20px;}
.im-aufbau img, .news img {width: 100%;}


}