body {
	color: #555555;
	font-family: Arial, Verdana, sans-serif;
	font-size: 14px;
	line-height:18px;
}

td {
	font-size: 14px;
}

body.dialog {
	background-color: #F7F7F7;
	color: #777872;
	font-family: Arial, Verdana, sans-serif;
	font-size: 14px;
}

h1, h2 {
	display: inline-block;
	margin: 0;
}

h1 {
	color: #3D474E;
	font-size: 25px;
	font-weight: normal;
}

h2 {
	color: #777872;
	font-size: 21px;
	font-weight: normal;
	
}

h3 {
	color: #777872;
	font-size: 18px;
	font-weight: normal;
}
a {
	color: #b0428c;
	font-weight: normal;
	text-decoration: none;
}
a:hover {
	color: #888888;
	font-weight: normal;
	text-decoration: none;
}

/* Auf der login seite soll kein Hintergrund/Rahmen dargestellt werden! */
div#inhalt.noBg {
	background-color: white;
	border: none;
}



a.icon-button {
	display: inline-block;
	color: #777872;
	text-decoration: none;
}

a.button, input.button {
	display: inline-block;
	padding: .5em 1em;
	font-weight: bold;
	color: white;
	text-decoration: none;
	background-color: #B54091;
	background-image: -webkit-linear-gradient(270deg,rgba(204,153,204,1.00) 0%,rgba(204,51,153,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(204,153,204,1.00) 0%,rgba(204,51,153,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(204,153,204,1.00) 0%,rgba(204,51,153,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(204,153,204,1.00) 0%,rgba(204,51,153,1.00) 100%);
	border-radius: 3px;
}

.button2 {
	display: inline-block;
	padding: .5em 1em;
	font-weight: bold;
	color: white;
	text-decoration: none;
	background-color: #FFFFFF;
	background-image: -webkit-linear-gradient(270deg,rgba(158,158,158,1.00) 0%,rgba(178,178,178,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(158,158,158,1.00) 0%,rgba(178,178,178,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(158,158,158,1.00) 0%,rgba(178,178,178,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(158,158,158,1.00) 0%,rgba(178,178,178,1.00) 100%);
	border-radius: 3px;
}

a.button3w {
	color:#c4ccd0;
	font-size:11px;	
} 

a.button3w:hover {  
	color:#000000;
}

#inhalt {
	padding: 20px;
	background-color: #f2f2f2; 
	border: thin solid #EAEAEA;
}

.current {
	color:#000000;
	font-weight:bold;
}

a.submenu:hover {
	color: #FFFFFF;
	background-color: #B54091;
	transition: 0.4s;
}

a.submenu {
	display: inline-block;
	margin: 0;
	margin-left: 3px;
	padding: 5px 20px;
	background-color: #F2F2F2;
	border: solid thin #EAEAEA;
	border-bottom: none;
	color: #555555;
	text-decoration: none;
	transition: 0.2s;
}

.submenuactive {
	background-color: #B54091 !important;
	color:#FFFFFF !important;
}

#list-container {
    box-shadow: 0 5px 10px rgb(0 0 0 / 10%);
	background-color:#ffffff;
    border-radius:5px;
	padding:10px;	
	border:1px solid #d6d5ca;
}
#list-container:hover {
   box-shadow: 0 5px 10px rgb(0 0 0 / 30%);
    transition: all .5s;
    transform: scale(01.0);
}

input::placeholder {
  color:#e8e8e8;
  font-style:italic;
}

#kurhauslogo {
	width:500px;
}

/* Smartphone */
@media only screen and ( max-width:640px ) {

  h1 {
	  font-size: 16px;
	  font-weight:bold;
  }
  
  
  #inhalt {
	  padding: 10px 0px 10px 0px;
  }
  
  #kundenname {
	  display:none;
  }

  #mobilepadding {
	  padding:10px;
  }
  
  #kurhauslogo {
	  width:200px;
  }

}