/* CSS Document */

*{margin: 0px;
padding:0px;}


h5{font-size:14px;}

.pink{color:#FF74E0;}

#corona {
    background-color: #FF74E0;
    padding: 14px;
    border: dotted;
    text-align: center;
}


.babypause {
    color: #FFf;
    font-size: 14px;
}


#slogan {
    left: 215px;
    position: relative;
    top: 133px;
    width: 550px;
	font-size:13px;
font-style: italic;}

div #offen {float:left;
width: 320px;
/* width: 300px;*/
margin-top:15px;
padding-right: 40px;
margin-left: 15px;
/* padding-right: 50px;*/}

div #linke_seite{float: left;
width:350px;
}

div #linke_seite_impressum{float: left;
width:700px;
}
div #linke_seite_info {float: left;

width:700px;}

div #rechte_seite{float: left;
text-align:left;
width: 285px;
/* margin-top: 25px;*/
margin-top: 60px;
}

ul.start li{list-style-type: none;
font-size: 15px;
/*margin-bottom: 40px;*/
margin-bottom:30px;
}

.start a{color: #ABACAD;}


#kontakt{width: 510px;
margin-left: 100px;}

.gross{font-weight:bold;
font-size:13px;}

#output{margin-left: 30px;}

#output li{margin-bottom: 15px;}


.knopf{width: 70px;}

h1,h2,h3,h4{margin-bottom: 20px;}

h1.weniger_abstand{margin-bottom: 5px;}

h2.ueberschrift_ohne_abstand{margin-top: 10px;}

p{margin:20px 0 20px 0;}

p.block{margin:20px 0 20px 0;
text-align:justify;}

p.aktuelles{width: 200px;
margin-left: 45px;}

p.aktuelles2{width: 200px;
margin-left: 20px;
margin-top: 0px;}

p.aktuelles3{width: 200px;
margin-left: 20px;
margin-top: 0px;}

.produkte{margin-left: 20px;
margin-bottom: 25px;}

table.produkte{width: 720px;}

.right_preis{float:right;
}

.right_preis1{float:right;

}
.mini{font-size: 9px;}


img{border:none;}


.navi_unten a, .navi_oben a{
	text-decoration:none;
	font-weight: bold;
	color:#999999;
	}
.navi_unten a:hover,  .navi_oben a:hover {
	text-decoration:none;
	color: #333;
	}
	
	.navi_unten a:visited,  .navi_oben a:visited
	 {
	text-decoration:none;
	color: #999999;
	font-weight:lighter;
	}
	
	img{border:none;}
	
	#footer a {color: #999999;}

body{
font-family: Verdana, Geneva, sans-serif;
font-size: 14px;
}

#wrapper{width: 1000px;
margin: 0 auto;
color: #969798;
}

#logo a {
    height: 150px;
    left: 180px;
    position: absolute;
    top: 20px;
    width: 320px;
    z-index: 1;
}
.links{float:left;
width: 690px;}

.links_badezauber{float:left;
width: 280px;}

.links_ella{float:left;
width: 630px;}

.beschreibung{font-size:12px;
font-weight:bold;}

 .beschreibung_link{font-size:12px;
}

.rechts{float:right;
}

.notext{font-size:1px;
color: #458288;
text-indent:-9999px;
overflow:hidden;}

#header{background:url(../Images/layout/LogoSKK_kleiner.png)  no-repeat;
width: 1024px;
height:150px;
margin-bottom: 0px;}

#navmenu{margin-left: 30px;
}


#navmenu li
{
	width: 195px;     /* breite der verwendeten bilder (für alle gleich)*/
	list-style-type: none;
	float: left;
	}

 
#navmenu li a
{
	height: 35px;    /* höhe der verwendeten bilder */
	display: block;
	color: #000;
	
}
 #header_bild {
    float: right;
    margin-bottom: -7px;
}

#content{margin-top: 35px;
margin-left: 15px;
width: 1024px;
min-height: 400px;
padding: 0 25px 0  0  ;
}

#content_start{margin-top: 25px;
margin-left: 40px;
width: 1024px;
min-height: 400px;
padding: 0 25px 0  0  ;
float:left;}

#content_behandlungen{margin-top: 35px;
margin-left: 0px;
width: 1024px;
min-height: 400px;
float:left;}


.links_badezauber{float:left;
width: 280px;}

.links_ella{float:left;
width: 630px;}

.beschreibung{font-size:12px;
font-weight:bold;}

 .beschreibung_link{font-size:12px;
}
.infos1{width:280px;
float:left;
padding: 0 0px;
text-align:center;}

.infos2{width: 400px;
float:left;
padding: 0 0px;
text-align:center;}

.infos3{width: 260px;
float:left;
text-align:center;
padding: 0 0px;}

.infos4{width: 250px;
float:right;
text-align:center;
padding: 0 0px;}

.klein{font-size: 10px;}

#sidebar{float:left;
width: 210px;
margin-top: 35px;
padding: 0 15px 0 10px ;}

.clear{clear:both;}

.fett{font-weight: bold;}

#footer{float:right;
font-size: 12px;
	}
	
input:focus, textarea:focus, select:focus{
	background-color: #A3C3E1;
}

.hauptliste {margin-bottom:15px;;}
.hauptliste a{text-decoration:none; color:#cccccc;}
.hauptliste a:hover{ text-decoration:underline;}
.hauptliste a:visited{color:#999999;}

/*.hauptliste{list-style-image:url(../images/layout/liste.gif);}
.hauptliste ul{
	list-style-image:url(../images/layout/liste2.gif);
	top: 5px;
}
.hauptliste ul ul li{list-style-image:url(../images/layout/liste4.gif);}*/

	
/** Kontaktformular **/
#content fieldset.referenzen{padding: 20px 5px 5px 5px;
border: 3px solid #B5D3D5; 
margin-bottom: 10px;}

#content fieldset.referenzen legend{
padding-bottom: 5px;
margin-top: 5px;}

#content ul li{margin-left:50px;}



.zweispaltig_1{width: 210px;
margin-left: 220px;
float: left;}

.zweispaltig_2{width: 210px;
margin-left: 70px;
float: left;}

li a.aktion{color:#FF74E0;}

span.schwarz{font-weight:bolder;
color:#666565;
font-style: upper-alpha;}{

form .checkbox {
    width: 20px;
}

.ds a,  .ds a {
	
	color: #969798;}

.ds a:hover,  .ds a:hover {
	
	color: #333;}
	
	
/***  Scroll to top  ***/	
 {
  margin:0;
  padding:0;
}

html {
  scroll-behavior: smooth;
}


.fas .fa-chevron-up{
	font-size: 1.2rem;
	font-weight: bolder;
}

.to-top {
  background: white;
  position: fixed;
  bottom: 16px;
  right:32px;
  width:50px;
  height:50px;
  border-radius: 50%;
  display: flex;
  align-items: right;
  justify-content: right;
  font-size:32px;
  color:#1f1f1f;
  text-decoration: none;
  opacity:0;
  pointer-events: none;
  transition: all .4s;
  font-size: 1.2rem;
}

.to-top.active {
  bottom:32px;
  pointer-events: auto;
  opacity:1;
}

div .pfeil{
	position: absolute;
	margin-bottom: 50px;
	margin-right: 50px;
}