body {
    color: #000000;
	font-family: Helvetica,Verdana,Arial,sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
}

hr {
  height:1px;
  border:0;
  border-top: 1px solid black;
}



a {
    color: green;
	text-decoration: none;
}
a:hover {
    color: #896e7f;
	text-decoration: none;
}
a.siteRestaurants {
    font-size: 0.8em;
	color: green;
	text-decoration: none;
}
a:siteRestaurants {
	font-size: 0.8em;
    color: #896e7f;
	text-decoration: none;
}

a.menulevel1 {
	font-size: 1em;	
    
	color: #896e7f;
	text-decoration: none;
}

a.menulevel1:hover {
	font-size: 1em;
	font-weight: bold;	
    color: #896e7f;
	text-decoration: none;
}
a.zeuglink {
	font-size: 1em;	
	color: green;
	text-decoration: none;
}

select{
	
	font-size: 1.4em;
	width: 190px;
}
input{
	
	font-size: 1.4em;
	width: 190px;
}

div.babysense_theme{
	
	background-image: url("../img/theme_logo_babysense2.png");
}

div.babysense_theme:hover {
	background-image: url("../img/theme_logo_babysense_on2.png");
	
}

div.fitline_theme{
	
	background-image: url("../img/theme_logo_fitline2.png");
}

div.fitline_theme:hover {
	background-image: url("../img/theme_logo_fitline_on2.png");
	
}

div.ringana_theme{
	
	background-image: url("../img/theme_logo_ringana2.png");
}

div.ringana_theme:hover {
	
	background-image: url("../img/theme_logo_ringana_on2.png");
	
}

div.ringana_themeDD{
	opacity: 0;
	
}

div.ringana_themeDD:hover {
	
	background-image: url("../img/themeRound_BackTrans.png");
	opacity: 1;
	transition: opacity 1s ease-out;
}



div.fitline_themex{
	
	background-color: black;
	opacity: 0;
	
}

div.fitline_themex:hover{
	
	background-color: black;
	opacity: 0.3;
	transition: opacity 1s ease-out;
}

div.ringana_themex{
	
		background-color: black;
	opacity: 0;
	
}

div.ringana_themex:hover{
	
	background-color: black;
	opacity: 0.3;
	transition: opacity 1s ease-out;
}

div.babysense_themex{
	
	background-color: black;
	opacity: 0;
	
}

div.babysense_themex:hover{
	
	background-color: black;
	opacity: 0.3;
	transition: opacity 1s ease-out;
}

h1 {
	font-size:1.2em;	
	color: #896e7f;
	text-decoration: none;
	padding-bottom: 10px;
	padding-top: 10px;
}

h2 {
	font-size:1.2em;	
	color: black;
	text-decoration: none;
	padding-bottom: 10px;
	padding-top: 10px;
}


h4 {		
	font-size:2em;
	border: 0px solid;	
	width: 100%;
	height: auto;
	overflow: hidden;
}

div {
	font-size: 1em;	
}

div.menuhover {
border: 0px solid;
	
}

div.menuhover:hover {
	
	border-bottom: 1px solid #896e7f;
	height:30px;
}

div.menuhover_on {

	font-weight: bold;	
	border-bottom: 1px solid #896e7f;
	height:30px;
}

div.menuhover_on:hover {
	
	border-bottom: 1px solid #896e7f;
	height:30px;
}
div.testx2
{
	background-image: url("../img/menuback.png"); 
	height: 200px;
	
}
div.mymenu {
	border: 0px solid;
	
	background-image: url("../img/menuback.png");
	height:92px;
	margin: 0;
	padding: 0;
	width: 100%;
	background-repeat: repeat-x;
	position: sticky;
	top: 0;
	z-index: 1000;	
	text-align: center;
}
	
div.top {
	border: 1px solid;
	font-size:1em;	
	font-weight: bold;	
    color: black;
	text-decoration: none;
	padding-left: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #e3e3e3;
	color: #50433d;
}

div.bottom {
	border: 1px solid;
	background-image: url("../img/bottomback2.png");
	font-size:1em;		
    color: black;
	text-decoration: none;
	padding-top: 25px;
	padding-bottom: 20px;
	background-repeat: repeat-x;
	color: #50433d;
	margin: 0px;
}
div.graficslide {
	border: 0px solid;	
	width: 100%;
	height: auto;
	overflow: hidden;
}

div.mycontentAdmin {
	
	border: 0px solid green;
	
	width: 600px;
	height: auto;
	
	padding-left: 10px;
	padding-bottom: 20px;	
	
	margin-bottom: 20px;
	margin-top: 30px;
	
	font-size:1em;
	overflow: hidden;
	text-align:justify;
	
	line-height:1.5em;
	
	
	/* font-family: "Mulish", Sans-serif; */
	

}

table {
    border-collapse: collapse; 
	
} 

table td{
    
}


td.color1{
    border:0px dotted blue;
    padding:5px;
}

td.color2{
    border:1px dotted #000000;
    padding:5px;
}
td.color2_on{
    border:1px dotted #000000;
    padding:5px;
}
td.color2_off{
    border:1px dotted #000000;
    padding:5px;
	background-color: #dcdcdc;
}



table th{
   border:2px solid #69899F;
   padding:5px;
}

th.big{
   border:2px solid #69899F;
   padding:5px;
   font-size: 1.4em;
   font-weight: normal;
   text-align: left;
}

span.sql_messagecss
{
	background-color: #9efb9e ;
	border-radius: 6px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:15px;
	padding-right:15px;
}


div.mycontent {
	
	border: 0px solid green;
	
	width: 600px;
	height: auto;
	
	padding-left: 10px;
	padding-bottom: 20px;	
	
	margin-bottom: 20px;
	margin-top: 30px;
	
	
	font-size:1em;
	overflow: hidden;
	text-align:justify;
	
	line-height:1.5em;
	
	background-repeat: no-repeat;
	background-position: top;
	
	/* font-family: "Mulish", Sans-serif; */
	

}

div.mycontent:first-letter {
  
  border:0px solid red;
  font-size: 3.2rem;
  font-weight: bold;
  color: #896e7f;
  
	float: left;
	padding-right: 5px;
	margin-bottom: 0px;
	margin-top: 5px;
  
}

div.testrect {
  margin-top: 80px;
  height: 183px;
  width: 250px;
  height: 75px;
  transition: margin-top 2s;
  
  background-image: url("../img/fitline_slice_bottom.png");
  
}
div.testrect:hover {
  margin-top: 110px;
  width: 250px;
  height: 183px;
  background-image: url("../img/fitline_slice_bottom.png");
}

div.testrectXX {
  margin-top: 80px;
  height: 183px;
  width: 250px;
  height: 75px;
  
  
  
}


.box{
  
}



.transformFitline{
	
  margin-top: 107px; 
  
  /* background-color: white; */
  background-image: url("../img/fitline_slice_middle.png");
  
  /* opacity: 0; */
  transition: all 2s ease;

  

  /* display:none; */
  border: 0px solid grey;

  transform-origin: top center;  
  transform: scale(1, 0);

  
  width: 210px; 
  height: 138px; 
  
  z-index: 11; 
  
  
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 5px;
  
  
}

.transformFitline-active{
	
  margin-top: 107px; 
  
  /* background-color: white; */
  background-image: url("../img/fitline_slice_middle.png");
  
  
  /* opacity: 1; */
  transition: all 1.5s ease;
  /*transition-delay: 0.2s; */
  
  /* display:block; */
  border: 0px solid grey; 
  
  transform-origin: top center;  
  transform: scale(1, 1);
  
  width: 210px; 
    height: 138px;
  
  z-index: 11; 
   
  
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 5px;
  
}


.transform{
  margin-top: 106px;
  
  
  transition: all 1.5s ease;
  
  /* transition-delay: 0.2s; */
  
  height:200px;
  width: 250px;
  
  z-index: 12;  
  
  
  background-image: url("../img/fitline_slice_bottom.png");
  background-repeat: no-repeat;
  
  
}

.transform-active{
  margin-top: 250px;
  
  transition: margin-top 1.5s;
  
  height:200px; 

  
  z-index: 12;  
  
  background-image: url("../img/fitline_slice_bottom.png");
  
}


div.specialentry {

    animation: einblenden 2s;
    -moz-animation: einblenden 2s; /* Für Firefox */
    -webkit-animation: einblenden 2s; /* Für Safari und Chrome */
    -o-animation: einblenden 2s; /* Für Opera */
}
img.specialentryXX {

    animation: einblenden 2s;
    -moz-animation: einblenden 2s; /* Für Firefox */
    -webkit-animation: einblenden 2s; /* Für Safari und Chrome */
    -o-animation: einblenden 2s; /* Für Opera */
}

img.centerme {
	vertical-align: middle;
}

div.contact_label{
	float: left;
	padding-left: 5px;
	font-weight: bold;
	color: #896e7f; 
	
	
}

div.contact_error{
	border:0px solid red;
	margin-left: 10px;
	margin-top: 10px;
	line-height:0.8em;
	float:left;
	font-size: 0.7em; 
	color:red;
}

@keyframes einblenden {
    from { opacity:0; }
    to { opacity:1; }
}

@-moz-keyframes einblenden { /* Für Firefox */
    from { opacity:0; }
    to { opacity:1; }
}

@-webkit-keyframes einblenden { /* Für Safari und Chrome */
    from { opacity:0; }
    to { opacity:1; }
}

@-o-keyframes einblenden { /* Für Opera */
    from { opacity:0; }
    to { opacity:1; }
}

img.slide {
  width: 100%;
  height: auto;
}


.box { position: relative }
.box div { position: absolute }


textarea {
   background-size: contain;
   border-radius:6px; 
   border: 2px solid #896e7f;
   outline: none; 
   color: #ab8e9f;
}

label{
   display: inline-block; 
   width: 7em;
   color: #896e7f;
   outline: none; 
   
   
}

input[type=text] {
  width: 350px;
  color: #ab8e9f;
  border-radius:6px; 
  border: 2px solid #896e7f;
   
  outline: none; 
}

input.inputblue[type=text] {
	font-size:1em;
  width: 350px;
  color: blue;
  border-radius:6px; 
  border: 2px solid blue;   
  outline: none; 
}


input[type=submit] {

	  margin-top: 4px;
	  border: 2px solid #896e7f;
	  border-radius:6px; 
	  color:white;
	  background-color: #896e7f;
	box-shadow: 2px 2px 2px silver;	 
	cursor: pointer;
	width: 120px;
      
}

input.inputblue[type=submit] {
font-size:1em;
	  border: 2px solid blue;
	  border-radius:6px; 
	  color:white;
	  background-color: #b0c3f9;
	box-shadow: 2px 2px 2px silver;	 
	cursor: pointer;
	width: 120px;
      
}

input[type=submit]:hover {

      border: 2px solid #896e7f;
	  background-color: #ab8e9f;
	  color:#white;
	  border-radius:6px; 
	  box-shadow: 3px 3px 3px silver;
      transition: 0.7s;
}

input.inputblue[type=submit]:hover {

      border: 2px solid blue;
	  background-color: #808fb8;
	  color:#white;
	  border-radius:6px; 
	  box-shadow: 3px 3px 3px silver;
      transition: 0.7s;
}

#cookie-popup { 
  text-align: center; 
  background: #fff;
  position: fixed;
  top: 0px; 
  left: 0;
  right: 0;
  z-index: 9999;
  font-size:14px; 
  line-height:20px;
  padding: 20px;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
  }

#cookie-popup.hidden {
  display: none;
}

div.warnung {

    position: absolute;	
	background: hsla(103,3%,65%,0.95);
	width: 100%;
	height: 100%;
    z-index: 99999;
	transition: background 4s; 
	display: block;
	padding-top: 10%;
	text-align: center;
}