/* @import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400'); */

html {height: 100%;padding-bottom: 2px;}
td,a {color: #32353a; font-size:1.02rem;}
a img {
	border: 0px;
}

img.left {
float:left;	
padding: 5px 12px 0 0;
margin-right: 12px;
}

img.left + li {
float:left;	
padding: 5px 12px 0 0;
margin-right:10px;
}

/* Zeitentabelle*/
table.zeiten {
  border-left: 1px solid #ccc;
  border-collapse: collapse;
}

table.zeiten tr td:nth-child(1) {
  width: 40%;
}

table.zeiten tr td:nth-child(2) {
  width: 60%;
}

table.zeiten tr.tag td {
  border-bottom: 1px solid #ff9eec;
  background: #dfdfdf;
}

tr.tag p {
  font-weight: bold;
  margin-top:12px;
  margin-bottom:0px;
}

.zeiten td {
border-bottom: 0px solid #ccc;
border-bottom: 0px solid #b7b7b7;
padding:12px 30px;
padding-top:20px;
background: #f0f0f0;
background: #fff;
  line-height: 22px;
  vertical-align:top;
}

.zeiten th {
padding:12px;
}

/*

table.zeiten tr {
background-color:#f2f2f2;
padding-top:10px;
}

table.zeiten tr td {
  line-height: 19px;
  vertical-align:top;
}

*/

/* Anfang tabelle mit p*/
/*
th, tr:nth-child(n) td {
border-bottom: 0px solid #ccc;
padding:20px 15px;
border-bottom: 1px solid #ff9eec;
border-right: 1px solid #c4c4c4;
border-right: 5px solid #fff;
background: #f0f0f0;
vertical-align: top;}

td:nth-child(2) p:nth-child(1) {
  margin-top: 40px;
}


tr td p {
  margin-top: 13px;
  line-height: 16px;
}


*/
/* Ende Variante mit p */


tr.unterlegt {
background-color:#f2f2f2;
border-bottom: 2px solid #ccc;
}

th.preise, tr.preise:nth-child(n) td {
border-bottom: 0px solid #ccc;
padding:20px 15px;
border-bottom: 1px solid #ff9eec;
border-right: 1px solid #c4c4c4;
border-right: 5px solid #fff;
background: #f0f0f0;
vertical-align: top;}

td:nth-child(2) p:nth-child(1) {
  m argin-top: 40px;
}


td  a:link, a:visited, a:active, a:hover{
tex-decoration: none;
}

.preise tr:nth-child(n)  td {
border-bottom: 0px solid #ccc;
padding:20px 15px;
border-bottom: 1px solid #ff9eec;
border-right: 1px solid #c4c4c4;
border-right: 4px solid #fff;
background: #f0f0f0;
vertical-align: top;}


.logo {
margin-top:40px;
margin-bottom:97px;
}


body {
background:url(../img/hintergrund1.gif);
background-color: #fff;
background-repeat: no-repeat; 
margin:0px; 
padding:0px;
text-align: center;
font-family: Segoe UI,Open Sans, Verdana, Arial, sans-serif;
font-size:0.95rem;
line-height:1.9rem;
color:#535353;
}

#flex-parent {
display:flex;
justify-content: center;
flex-direction:row;
}

#flex-parent-rechte-spalte {
display:flex;
justify-content: center;
flex-direction:column;
width:69%;
}

#linke-spalte {
color: #000;
background-color: #fff;
flex-grow: 1;
max-width:100%;
width:31%;
}

#rechte-spalte-01 {
/* color: #000; */
background-color: #fff;
flex-grow: 1;
max-width:100%;
padding-left:40px;
}

#rechte-spalte-02 {
color: #000;
background-color: #fff;
flex-grow: 1;
max-width:100%;
text-align: right;
margin-bottom: 10rem;
font-size: 0.8rem;
}


.wrapper {
margin-right: auto;
margin-left:  auto;
width:70%;
max-width: 1170px;
padding: 0px 10px;
margin-top:13px;
}

.one-col {
    padding-right: 50px;
}

p {
margin-top:0px; 
margin-right:20px; 
margin-left:0px;
margin-bottom:10px;
line-height:1.4rem;
font-size:1.02rem
}

p.impressum
{
padding: 0 5px;
margin:0;
color:#909090;
text-align:right;
background:#ffffff;
margin-top:0px;
}

ul
{
padding: 0;
margin: 0;
padding-left: 1.3em;
}

li {
padding-left: 0em;
line-height:1.35rem;
padding-right: 20px;
list-style-type:circle;
font-size:1.02rem;
line-height:1.45rem;
}


.one-col li {
margin-bottom: 4px;
}

a:link,a:visited,a:active,a:hover
{
color:#006699;
text-decoration:underline;
}

a:link.impressum,a:visited.impressum,a:active.impressum,a:hover.impressum
{
font-size:12px;
color:#909090;
text-decoration:none;
font-size: 14px;
}

a.mailwebadresse:link,a.mailwebadresse:visited,a.mailwebadresse:active,a.mailwebadresse:hover
{
/* font-family:verdana,tahoma, arial, sans-serif;*/ 
font-size:12px;
color:#006699;
text-decoration:underline;
}

table.rechtslinksumrahmung
{
border-right: solid 1px #e1e1e1;
border-left: solid 1px #e1e1e1;
width:778px;
}

#umrahmungsdiv
{
width:778px;
margin:0px auto;
border-right: solid 1px #e1e1e1;
border-b ottom: solid 1px #e1e1e1;
border-left: solid 1px #e1e1e1;
}


2bilder_rechts
{
background-color:#e1e1e1;
margin-bottom:0px;
border-right:0px solid #e1e1e1;
border-bottom:0px solid #e1e1e1;
margin-right:0px;
margin-left:5px;
margin-bottom:15px;
float:left;
}

2bilder_links
{
background-color:#e1e1e1;
margin-bottom:0px;
border-right:0px solid #e1e1e1;
border-bottom:0px solid #e1e1e1;
margin-right:0px;
margin-left:0px;
margin-bottom:15px;
float:left;
}

.bildunterschrift 
{
background-color:#ffffff;
margin-bottom:0px;
border-right:1px solid #e1e1e1;
border-bottom:1px solid #e1e1e1;
margin-right:0px;
margin-bottom:0px;
float:left;
width:220px;
}

.bildunterschrift_2bilder 
{
margin:0px;
padding:0px;
background-color:#ffffff;
margin-bottom:0px;
float:left;
width:220px;
}

.bildunterschrift_tabelle 
{
background-color:#ffffff;
margin-bottom:0px;
float:left;
}

img.kategoriebild
{
display:inline;
width: 100%;
}

img
{display: block;
}

.mobile_only {
display: none;	
}

.desktop_only {
display: block;	
}

.box0
{
background-color:#ff22ff;
width:10px;
height:12px;
border-left: 0px solid #e1e1e1;
border-right: 0px solid #e1e1e1;
}

.box1
{
background-color:#ffffff;
width:320px;
/* height:32rem;*/ 
border-left: 1px solid #e1e1e1;
text-align:left;
}

.box3
{
background-color:#ffffff;
width:100%;
max-width:100%;
border-left: 0px solid #e1e1e1;
border-right: 1px solid #e1e1e1;
text-align:left;
border-top: 1px solid #e2e2e2;
border-bottom: 1px solid #e2e2e2;
padding-left: 16px;
padding-right: 15px;
padding-bottom:10rem;
box-sizing:border-box;
}

#startseite strong {
	color:#ea23cb;
	font-weight:500;
}

.ueberschrift1
{
text-align:left;
margin-top: 30px;
margin-left: 0px;
margin-bottom: 34px;
font-size:40px;
font-weight: 300;
color: #ffc231;
color: #c4c4c4;
line-height: 3rem;
}

.ueberschrift2
{
text-align:left;
margin-left: 0px;
margin-top: 26px;
margin-bottom: 2px;
padding-top: 10px;
padding-left: 0px;
padding-bottom: 10px;
font-size:19px;
color: #757575;
color:#ea23cb;
font-weight:normal;
background-color:#eaeaea;
background-color:#fff;
}

.ueberschrift3
{
text-align:left;
margin:5px 0px;
padding: 2px 5px;
font-size:14px;
color: #757575;
color:#ea23cb;
font-weight:normal;
background-color:#f2f2f2;
}

.zitat p
{
text-align:left;
margin-left: 0px;
margin-top: 26px;
margin-bottom: 28px;
line-height:40px;
color: #757575;
color:#ea23cb;
font-family:Segoe UI;
font-weight:300;
font-size:30px;
}


h3
{
text-align:left;
border-top: 0px solid #ea23cb;
border-bottom: 0px solid #ea23cb;
margin-top:30px;
margin-bottom:15px;
padding: 0px 1px;
font-size:18px;
color: #000;
font-weight:normal;
background-color:#fff;
}

.ueberschrift1 + .ueberschrift2
{
margin-top: 20px;
}


.zwischenueber_obengross
{
text-align:left;
margin-left: 0px;
padding-top: 10px;
padding-left: 0px;
padding-bottom: 0px;
font-size:12px;
color: #f000000;
font-weight:bold;
}


.fliess
{
font-size:12px;
width:475px;
color:#000000;
font-weight:normal;
text-align:left;
line-height:18px;
padding-right:20px;
padding-bottom:8px;
}

.fliess_mitbild
{
font-size:12px;
width:475px;
color:#000000;
font-weight:normal;
text-align:left;
line-height:18px;
padding-right:20px;
padding-bottom:8px;
padding:0;
margin:0;
}

.fliess_gerahmt
{
font-size:12px;
width:475px;
color:#000000;
font-weight:normal;
text-align:left;
line-height:18px;
padding: 4px;
border: 1px solid #ffc231;
}

@media (max-width: 1200px) {
.wrapper {
margin-right: auto;
margin-left:  auto;
width:100%;
max-width: 800px;
padding: 0px 10px;
margin-top:13px;
box-sizing:border-box;
}
.one-col {
    padding-right: 4%;
}
.nav-top ul {
    max-width: 70%;
}

#rechte-spalte-01 {
padding-left:0px;
}

}

@media (max-width: 800px) {

body {
background: none;
}
.wrapper {
width:100%;
max-width: 100%;
margin-top:13px;
}

.box3
{
padding-left: 16px;
padding-right: 0px;
border-top: 0px solid #e2e2e2;
}

.one-col {
    padding-right: 0%;
}


#flex-parent {
flex-direction:column;
}
#flex-parent-rechte-spalte {
    width: 100%;
}
#linke-spalte {
    width: 100%;
}
p, li {
font-size: 1.0rem;
line-height:1.4rem;
}
.box1{
width:100%; 
border-left: 0px;
text-align:left;
}
.box3 {
width: 100%;
padding-left: 0px;
padding-bottom:7rem;
border-right: 0px;
box-sizing:border-box;
}
img.kategoriebild {
width: 100%;
}	
.nav-top ul {
display: none;
}	
.box1 ul {
margin-left: 0px;
}
.box1 ul li li{
margin-left: 20px;
}

.mobile_only {
display: block;	
}

.desktop_only {
display: none;	
}

}