.pagewidth {
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
}

html {
	width:100%;
	height:100%;
}

h1, h2, h3, h4, h5 {
    margin:0px;
    padding:0px;
}

h1 {
	font-size: 32px;
}

h1 {
	font-size: 25px;
}


body {
	font-family: 'Ubuntu', sans-serif;
	font-weight: 400;
	font-size: 12pt;
	color:black;
	
}

body .helper {

	display:block;
	margin-right:auto;
	margin-left:auto;
	padding-left:15px;
	padding-right:15px;
	padding-top:20px;
}

h1, h2, h3, p {
	
}

h1 {
	font-weight: 700;
	text-align:center;
	margin-bottom:45px;
}

h2 {
	margin-bottom:25px;
}

h3 {
	margin-bottom:20px;
}

.logo {
	max-width:85%;
	width:600px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	margin-bottom:30px;
}

.bernd {
	display:block;
	margin-left:auto;
	margin-right:auto;
	width:250px;
	max-width:80%;
	margin-bottom:-60px;
}

.box {
	background-color:rgba(0,0,0,0.9);
	padding:20px;
	padding-top:80px;
	border-radius:8px;
	margin-bottom:30px;
}

.geschenke {
	background-color:rgba(175,54,134,0.9);
	padding:20px;
	border-radius:8px;
	margin-bottom:30px;
}

.hallo {
	margin-bottom:20px;
}

.bindabei {
	display:flex;
	justify-content:center;
	align-content:center;
	align-items:center;
	flex-direction:row;
}

.bindabei img {
	display:block;
	max-width:100px;
}

.rueckmeldung, .infos, .einladung, .geschenke {
	width:85%;
	max-width:500px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

.infos {
	padding-top:20px;
	padding-bottom:60px;
	margin-top:20px;
	border-top:5px solid white;
}

.rueckmeldung .btn-primary, .infos .btn-primary {
	font-size:1.3em;
	background-color:#8ece34;
	border:none;
}

.rueckmeldung .btn-primary:hover, .infos .btn-primary:hover {
	background-color:#000;
}

/*preloader*/
.preloader-wrapper {
    height: 100%;
    width: 100%;
    background: #000;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999999;
    display:table;
}

.preloader-wrapper .wrapper {
    display:table-cell;
    width:100%;
    height:100%;
    text-align:center;
    vertical-align:middle;
}

.preloader-wrapper .preloader img {
    width: 64px;
    height: 64px;
}

.hiddenopa {
	opacity: 0;
}
/*/preloader*/


/*common*/
.left {
	text-align:left;
}
.right {
	text-align:right;
}

.center {
	text-align:center;
}

.clear {
	clear:both;
}

button {
	cursor:pointer;
}

button:focus {
	outline-width: 0;
}

img {
    max-width:100%;
}



.nopadding {
    padding:0px;
}

.marb0 {
	margin-bottom:0px !important;
}


.marb15 {
	margin-bottom:15px !important;
}

.marb30 {
	margin-bottom:30px !important;
}

.marb45 {
	margin-bottom:45px !important;
}

.marb60 {
	margin-bottom:60px !important;
}

.pad30 {
	padding:30px;
}

hr {
	margin-top: 40px;
    margin-bottom: 40px;
    border: 0;
    border-top: 1px solid rgba(0,0,0,0.2);
}

/*/common*/




/*hauptnavigation */

#hauptnavigation {
	background-color: black;
	z-index:10;
}


#hauptnavigation  {
	
}

.desktop>ul>li>a {
	padding: 10px 20px;
}

.desktop ul ul li a {
	padding: 10px 20px;
	background-color:#444;
}

.desktop ul ul {
	
}


.desktop>ul>li>a:hover {
	background-color:#8b0000;
}


.desktop ul {
}

/*/hauptnavigation*/


.header {
	box-shadow: 0 3px 3px 0 rgba(33,33,33,0.14), 0 1px 4px 0 rgba(33,33,33,0.06), 0 1px 16px 0 rgba(33,33,33,0.1);
	background-color: white;
	z-index: 2;
	position: relative;
}

.header .logo img {
	display:block;
	padding:30px;
	margin-left: auto;
	margin-right: auto;
	width:300px;
	max-width:50%;
}

.header .name {
	text-align: center;
	font-weight: 300;
	font-size:30px;
	padding-bottom: 20px;
	
}

.header .wrapper {
	position: relative;
}

.header .user {
	border:1px solid #eee;
	padding:15px;
	position: absolute;
	top:0px;
	right:15px;
	-webkit-box-shadow: 0px 0px 11px -8px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 11px -8px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 11px -8px rgba(0,0,0,0.75);
	border-top-style: none;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
}


.greyarea {
	background-color: rgb(247,247,247);
	padding:30px 0px;
	z-index: 1;
	position: relative;
}


/*calender*/

#calendar {
	max-width: 450px;
	margin-left: auto;
	margin-right: auto;
}

#calendar .ui-datepicker-inline {
	background-color: white;
	border: 1px solid rgba(0,0,0,0.1);
	padding:15px;
	margin:15px;
	border-radius: 15px;
	-webkit-box-shadow: 0px 0px 11px -8px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 11px -8px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 11px -8px rgba(0,0,0,0.75);
}

#calendar .ui-datepicker-title {
	margin-left:auto;
	margin-right: auto;
	text-align: center;
	font-size:25px;
}

#calendar .ui-datepicker-calendar {
	min-width:100%;
	margin-left: auto;
	margin-right: auto;
}



#calendar td a {
	color:black;
	text-decoration: none;
}

#calendar .ui-priority-secondary, #calendar .ui-datepicker-unselectable {
	color:rgba(0,0,0,0.15);
}


#calendar thead th, #calendar td {
	padding:2px;
	text-align: center;
}

#calendar td, #calendar th {
  position: relative;
  width: auto;
  /* desired width */
}

#calendar td::before, #calendar th::before {
	content: "";
	display: block;
	padding-top: 95%;
	

  /* initial ratio of 1:1*/
}

#calendar td::before {
	border:1px solid white;
	border-radius: 256px;

  /* initial ratio of 1:1*/
}


#calendar td a, #calendar td span, #calendar th span {
	
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	/*   display: flex;
	align-items: center; */
	line-height:100%;
	height:100%;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	
	/*
	display:block;
	color:rgba(0,0,0,1);
	border:1px solid rgba(0,0,0,0.5);
	padding:8px;
	border-radius: 256px;
	*/
}


#calendar td a:hover {
	text-decoration: none;
}

#calendar td.ui-datepicker-current-day::before  {
	background-color: none;
	border:1px solid rgba(0,0,0,9);
}

#calendar td.ui-datepicker-today::before  {
	background-color: rgba(0,0,0,0.05);
}

#calendar td.full::before  {
	background-color: rgba(255,0,0,0.2);
}

#calendar td.frei::before  {
	background-color: rgba(0,255,0,0.2);
}

#calendar td.fullmt::before  {
	background-color: rgba(0,85,175,1.00)
}

#calendar td.freimt::before  {
	background-color:rgba(0,85,175,1.00)
}

#calendar td.warteliste::before  {
	background-color:rgba(239,141,1,1.00)
}


#calendar td.fullmt a, #calendar td.freimt a, #calendar td.warteliste a {
	color:white;
}




#calendar td.ausgelastet::before  {
	background-color: rgba(255,144,0,0.2);
}

#calendar .ui-datepicker-prev {
	position: relative;
}

#calendar .ui-datepicker-next {
	position: relative;
	float:right;
}


#calendar .ui-datepicker-prev .ui-icon-circle-triangle-w::before{
	position: absolute;
	left:15px;
	top: 3px;
	display: inline-block;
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	padding: 0px;
	content: "\e079";
}

#calendar .ui-datepicker-next .ui-icon-circle-triangle-e::before{
	position: absolute;
	right:15px;
	top: 3px;
	display: inline-block;
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	padding: 0px;
	content: "\e080";
}

#calendar .ui-icon {
	color:rgba(0,0,0,0.7);
	font-size: 30px;
	cursor: pointer;
}

.ui-datepicker-header {
	margin-bottom:30px;
}

/*/calender*/




/*loginbox*/
.loginbox {
	background-color: white;
	border: 1px solid rgba(0,0,0,0.1);
	padding:30px;
	border-radius: 15px;
	-webkit-box-shadow: 0px 0px 11px -8px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 11px -8px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 11px -8px rgba(0,0,0,0.75);
	margin-left: auto;
	margin-right: auto;
	width: 400px;
	max-width: 90% !important;
}
/*/loginbox*/

/*forms*/
.form label {
	display:block;
}

.form .formrow {
	margin-bottom:15px;
}

.form .formelement {
	display:block;
	width:100%;
	padding:5px 10px;
	border:1px solid rgba(0,0,0,0.4);
}

.btndefault {
	padding: 5px 15px;
    border-radius: 256px;
    border: 1px solid black;
    display: inline-block;
    background-color: rgba(0,0,0,1);
    color: white;
	cursor:pointer;
}

.btngrey {
	background-color: rgba(0,0,0,0.5);
	border: 1px solid rgba(0,0,0,0.5);
}

.pretty .state label {
    font-weight: 700;
   
}

/*/forms*/


#lbwrapper {
	display:none;
}
#lb {
	
}


#lb .termine .day {
	text-align: center;
	margin-bottom: 10px;
	font-size:20pt;
}


#lb .termine .termin {
	border-bottom:1px solid black;
	margin-bottom: 15px;
	padding-bottom: 15px;
	max-width: 760px;
}



#lb .termine .termin:last-child {
	border-bottom:none;
	margin-bottom: 0px;
	padding-bottom: 15px;
	max-width: 760px;
}


#lb .termine .termin .name {
	margin-bottom:5px;
	font-size:24px;
}

#lb .termine .termin .gruppe {
	margin-bottom:5px;
}

#lb .termine .uhrzeit {
	color:rgba(0,0,0,0.5);
	font-size: 18px;
}


#lb .termine .termin .buttons {
	margin-top:25px;
	font-size:11px;
}

#lb .termine .termin .buttons .people {
	padding:5px 15px;
	border-top-left-radius: 256px;
	border-bottom-left-radius: 256px;
	border:1px solid black;
	display:inline-block;
	border-right-style: none;
	color: white;
}

#lb .termine .termin .buttons .action {
	padding:5px 15px;
	border-top-right-radius: 256px;
	border-bottom-right-radius: 256px;
	border:1px solid black;
	display:inline-block;
	border-left-style: none;
	background-color: rgba(0,0,0,1);
	color:white;
}

#lb .termine .termin .buttons .frei {
	background-color: rgb(90,175,0);
}

#lb .termine .termin .buttons .meiner {
	background-color: rgba(0,85,175,1.00);
}

#lb .termine .termin .buttons .ausgelastet {
	background-color: rgb(255,140,0);
}

#lb .termine .termin .buttons .full {
	background-color: rgb(170,0,0);
}

/*terminverwaltung*/

.terminverwaltung .aktion {
	color:black;
	display:inline-block;
	margin-left:15px;
	margin-right: 15px;
}

.terminverwaltung table th, .terminverwaltung table td{
	padding:10px 5px;
}

.terminverwaltung .today td {
	background-color:rgba(0,255,0,0.5);
}

.terminverwaltung .past td {
	color:rgba(0,0,0,0.3);
}

.terminverwaltung .inuse td {
	background-color:rgba(255,150,0,0.30);
}

.terminverwaltung .full td {
	background-color:rgba(255,0,0,0.30);
}


/*/terminverwaltung*/


/*teilnehmerliste*/

.teilnehmerliste .aktion {
	color:black;
	display:inline-block;
	margin-left:15px;
	margin-right: 15px;
}

.teilnehmerliste table th, .teilnehmerliste table td {
	padding:10px 5px;
}

.teilnehmerliste .nt {
	color:red;
}

.teilnehmerliste .ht {
	color:green;
}

.printspace {
    padding:10px;
}

/*/teilnehmerliste*/


/*footer*/
.footer {
	border-top:1px solid rgba(0,0,0,0.5);
	padding:30px 0px;
}
/*/footer*/


/* Large Devices, Wide Screens */

@media only screen and (max-width : 1400px) {

}

@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	
	
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	
	body .helper {
		display:block;
		margin-right:auto;
		margin-left:auto;

	}
	
	
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
	
	
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
	
}