body {
margin:0;padding:0;border:0;
  font-family : Tahoma, verdana, Arial, Helvetica, sans-serif;
  color: black;
  }
 
 
h1{
font-family: Times new roman, Times, serif;
font-size: 16pt;
font-style: italic;
font-weight: normal;
padding: 4px;
text-decoration:none;
letter-spacing:2px;}

#logomobile{
margin: 18px 0px 18px 0px;
width: 100%;
background: white;
text-align: center;
}

#logomobile img{
width: 50%;
min-width: 200px;
max-width:480px;}


img {
max-width: 100%;
height: auto;
}


 .imgzentriert {

text-align: center;
}

img.alignright {display: inline-block; float: left; width: 99%; margin: 5px 5px 5px 0px;}
/*
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.alignright {float:right; }
.alignleft {float:left; }
.aligncenter {display: block; margin-left: auto; margin-right: auto}
*/

#description {
display:none;}

#impressum {
position: relative;
width: auto;
padding-left: 10px;
}

#impressum p {
margin-bottom: 10px;
}

#impressum a:link, #impressum a:visited{
text-decoration: underline;
color: #333;
}



#ontopbottom {
width: 100%;
height: auto;
margin-top: 0px;
margin-bottom: 0px;
padding: 30px 0px 30px 0px;
position: relative; 
background:#0e71b8;
color:black;
text-align: left;
list-style:none;
z-index: 4;
font-weight: bolder;
font-size: 1.0em;
font-family: helvetica;
}

#ontopbottom img {
width: 70%;
height: auto;
margin-left: 10px;
}

#background, #background_container {
}

#background_container{
position: relative;
width: 99%;
height: auto;
z-index: 10;
background: ;
margin-top: 10px;
overflow: hidden;
}

#background{
position: relative;
width: 140%;
overflow: hidden;
margin-left: -20%;
margin-right: -20%;
}

#background_container #background img {
position: relative;
//width: 120vw;
//height: auto;
//margin-left: 0%;
//margin-right: 0%;
overflow: hidden;
object-fit: cover;
object-position: center; 
}


#menu {
position: relative;
width:100%;
height: auto;
min-height: 190px;
background: #0e71b8;
color: black;
text-align: left;
border-top: 1px solid #444444;
border-bottom: 1px solid #444444;
}




#menu ul {
width: 100%;
margin: 0px;
padding: 0px;
list-style-type: none;
font-family: "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Helvetica, Verdana, Arial, sans-serif;
font-size: 16px;
}

#menu li { margin: 0 0 0px 0; }

#menu a
{
display: block;
margin-top:5px;
padding: 2px 5px 6px 8px;
border-bottom: 0px solid #393939;
background: #0e71b8;
text-decoration: none;
font-weight:bold;
opacity: 1;
}

#menu a:link, #level1 a:visited
{
color: white;
text-decoration: none;
}

#menu a:hover
{
border: 0;
background: #00a2ff;
color: white;
}

#level1active a:link, #level1active a:visited, #level1active a:hover
{
border: 0;
background: white;
color: #0e71b8;
}

/* level 2*/

#menu ul#level1 ul#level2 {
width: 100%;
columns: 2;
column-gap: 0px;
background: white;
-webkit-column-break-inside: auto;
          page-break-inside: auto;
               break-inside: auto;
}


#menu ul#level2 a{
font-weight: normal;
padding-left: 25px;
padding-left: 10px;
margin-top:0px;
margin-bottom: 2px;
-webkit-column-break-inside: avoid;
}

#menu ul#level2 a:hover{
background: #00a2ff;
color: white;
}

#menu ul#level2 #level2active a{
background: #F3EB00;
color: black;
}


#menu ul#level1 li#level1active a:hover{
background: #00a2ff;
color: white;
}


/* Menu Level 3Leistungsspektrum */
#inhalt #menutwo {
margin-top: 20px;
}

#inhalt #menutwo ul {
list-style-type: none;
display: inline;
margin-left: 0px;
padding-left: 0px;
}

#inhalt #menutwo ul li {
list-style-type: none;
display: inline;
}

#inhalt #menutwo ul li a{
background: #0e71b8;
color: white;
padding: 2px 4px 2px 4px;
margin-bottom: 9px;
margin-right: 5px;
width: auto;
display: inline-block;
text-decoration: none;
}

#inhalt #menutwo ul li a:hover {
background: #00a2ff;
color: white;
}

#inhalt #menutwo ul li a#level1current {
background: #00a2ff;
color: white;
}


#icebox {
width: 100%;
height: auto;
margin-top: 5px;
margin-bottom: 5px;
padding: 4px 0px 4px 0px;
position: relative; 
background:#F3EB00;
color:black;
text-align: left;
list-style:none;
z-index: 4;
font-weight: bolder;
font-size: 1.0em;
font-family: helvetica;
}

#icebox h2{
margin:0;
}

#icebox a{
padding-left: 10px;
display:block;
color: black;
text-decoration:none;}


#ontopblue {
width: 100%;
height: auto;
margin-top: 5px;
margin-bottom: 5px;
padding: 8px 0px 8px 0px;
position: relative; 
background:#0e71b8;
color:black;
text-align: center;
list-style:none;
z-index: 4;
font-weight: bolder;
font-size: 1.0em;
font-family: helvetica;
}

#ontopblue img {
width: 50%;
height: auto;
}



p {
margin:0;
padding:0;}



#inhalt {
position: relative;
background: white;
height: auto;
padding: 5px;
padding-left: 10px;
z-index:3;
color: black;
font-family: Helvetica, Lucida Sans, Helvetica, Verdana, Tahoma, Verdana, Arial, Courier New, sans-serif;
font-size: 0.95em;
line-height: 130%;
width: auto;
}

#inhalt a, #inhalt a:visited {
	color:  #0e71b8;
	background: none;
	font-weight: bold;
	text-decoration: underline;
	padding: 0px;
}

#inhalt h2 a:link, #inhalt h2 a:visited{
color:#444444;
text-decoration: none;
padding: 2px;
padding-left: 5px;
border-bottom: 5px solid #444444;
width: 97%;
display:block;
background: white;
}

#inhalt h2 a:hover{
color:#444444;
text-decoration: none;
padding: 2px;
padding-left: 5px;
border-bottom: 5px solid #444444;
width: 97%;
display:block;
background: white;
}



#inhalt h3 a:link, #inhalt h3 a:visited{
color:white;
text-decoration: none;
padding: 2px;
padding-left: 5px;
border-bottom: 0px;
width: 97%;
display:block;
background: #00a2ff;
}

#inhalt h4, #inhalt h4 {
color:#444444;
text-decoration: none;
padding: 2px;
padding-left: 5px;
border-bottom: 5px solid #444444;
width: 97%;
display:block;
background: white;
}
.content{
border-bottom: 3px solid #DFDFDF;
margin-bottom:30px;
padding-bottom:7px;
}


#inhalt ul{
padding-left: 22px;
list-style-image: url(images/aufzaehlungszeichen1.gif);
}

#inhalt ul li {
padding-bottom: 5px;
}


/* ------ Smashballoon ------*/

div.cff-wrapper {
min-height: 50px;
margin-right: 15px;
}


#inhalt div.cff-wrapper #cff div.cff-item{
border: 3px solid #DADADA;
padding: 2px;
}

#inhalt a.fbnewslink { 
color:white;
padding: 5px;
background: #0e71b8;
}

#inhalt a.fbnewslink:hover { 
color:white;
padding: 5px;
background: #00a2ff;
}

#inhalt div.cff-wrapper #cff div.cff-item a:hover{
background: transparent;
color: #00a2ff;
}

#inhalt .cff-wrapper .cff-item a span.cff-more {
font-weight: bold;
}
#inhalt .cff-wrapper .cff-item a span.cff-less {
font-weight: bold;
}

/* Leistungsspektrum */

#inhalt a.leistungsspektrum {
background: #0e71b8;
color: white;
padding: 2px 4px 2px 4px;
margin-bottom: 9px;
width: auto;
display: inline-block;
}

#inhalt a.leistungsspektrum:hover {
background: #00a2ff;
color: white;
}

#inhalt img.wp-image-1511 {
border: 7px solid #E1E1E1;
margin-bottom: 10px;
}

body.id20 #inhalt a.lslink img.alignnone {
border: 7px solid #E1E1E1;
width: 30%;
}

body.id20 #inhalt a.lslink img.alignnone:hover {
border: 7px solid #0e71b8;
}

body.id20 #inhalt a.lslink:hover {
background: white;
}

/* Standorticons */

#inhalt a.standorticonlink {
margin-bottom: 6px;
border: 0px;
text-decoration: none;
background: none;
}

#inhalt a.standorticonlink img {
margin-bottom: 6px;
border: 0px;
text-decoration: none;
background: none;
}

#inhalt a.standorticonlink:hover {
margin-bottom: 6px;
border: 0px;
text-decoration: none;
background: none;
}

#inhalt a.standorticonlink:hover img{
martgin-bottom: 6px;
border: 0px;
text-decoration: none;
background: none;
  -webkit-filter: brightness(1.5);
  filter: brightness(1.5);
}

/* -------------- Babypause ------------- */

body.ueber_uns #inhalt:after {
content: "\A\A*...derzeit auf Babypause! / on maternity leave!";
white-space:pre;
}

/*
body.ueber_uns #inhalt a img.wp-image-751juha {
opacity: 0.60;
//-webkit-filter: grayscale(100%);
//filter: grayscale(100%);
}
*/

/* -------------- Über uns -------------------- */

body.ueber_uns #inhalt a img {
width:80vW;
max-width: 1600px;
height: auto;
margin-top: 10px;
border: 7px solid #E1E1E1;
text-align: center;
}

@media (orientation: portrait) {
body.ueber_uns #inhalt a img {
width:80vW;
}
}

@media (orientation: landscape) {
body.ueber_uns #inhalt a img {
width:45vW;
}
}

/* -----------------Inhalt Fotos --------------------- */

body.fotos #inhalt a img{
width:100%;
max-width: 1600px;
height: auto;
margin-bottom: 15px;
}

/* ------------------- Index Fotos --------------------- */
body.index #inhalt a img{
width: 48%;
display: inline;
}

/* ------- ------ */

#map_canvas1, #map_canvas2, #map_canvas3 {
width:100%; 
height:430px;
}

#mapindexpage {
width:100%; 
height:380px;
}


#termin{
width: 100%;
height: auto;
margin-top: 15px;
padding: 10px 0px 10px 0px;
position: relative; 
background:#0e71b8;
color:white;
text-align: left;
list-style:none;
z-index: 4;
font-weight: bolder;
font-size: 1.3em;
font-family: helvetica;
}

#termin h2{
margin:0;
}

#termin a{
padding-left: 10px;
display:block;
color: white;
text-decoration:none;}

#callbutton{
width: 100%;
height: auto;
margin-top: 0px;
padding: 5px 0px 7px 0px;
position: relative; 
background:silver;
background:#0e71b8;
color:white;
text-align: center;
list-style:none;
z-index: 4;
font-weight: bolder;
font-size: 1.2em;
font-family: helvetica;
}


#callbutton a{
padding-left: 0px;
display:inline-block;
color: white;
font-size: 1.0em;
text-decoration:none;}


#callbutton a img.phoneicon {
height: 1em;
margin-bottom: -0.15em;
}

#callbutton a.sprachetop { padding: 2px; margin-right: 8px; display: inline; }

#callbutton a.sprachetop:nth-of-type(2) { padding: 2px; margin-left: 25px; }

#callbutton a.sprachetop img { margin-bottom: -0.1em;}

#sprachen{
width: auto;
position: relative;
margin-top: 10px;
padding: 5px;
padding-left: 5px;
margin-bottom:10px;
height: auto;
background:white;
color:black;
text-align: left;
list-style:none;
z-index: 5;
display:;
}

div.sprache { padding: 2px; padding-right: 9px; display: inline;}

#sprachen img {border: 0px solid gray;}



#dost {
display: none;}

#sitemap{
display:none;}

.hide{
visibility: hidden;
display:none;
max-height: 300px;
}
/* --------------- Video ---------------------- */
div.youtube {
position: relative;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 55.1%; /* 16:9 Aspect Ratio */
padding-top: 0px;
height: 0;
margin-bottom: 10px;
border: 7px solid #0e71b8;
}

div.youtube iframe {
position: absolute;
top: 0px;
left: 0px;
width: 100%!important;
height: 100%!important;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}