*{margin: 0; padding: 0; box-sizing: border-box;}
body{background: #eee; font-family: arial, serif; font-size: 16px; line-height: 1.4;}

h1{font-size: 22px; margin-bottom: 10px;}
h2{font-size: 22px; margin-bottom: 10px;}

hr{border: 0; border-bottom: 1px dotted #bbb; margin: 30px 0; clear: both;}

ul li{margin: 0 0 10px 0;}
ul {padding-left: 35px;}

p{margin-bottom: 20px;}
p:last-child{margin-bottom: 0;}
p img{max-width: 100%; margin-left: 10px;}

.alignright{float:right;}

a{font-weight: bold; color: #e85498;}

.wrapper{max-width: 800px; margin: 0 auto; background: #fff; box-sizing: border-box; padding: 30px; width: 100%; box-shadow: 0 3px 25px #e4e4e4; margin: 20px auto;}
.wrapper.fullwidth{max-width: 98%;}
.logo{width: 100%; max-width: 150px; margin: 0 auto 20px auto; display: block;}

/*BTNs*/
a.btn{width: 100%; background: #e85498; display: inline-block; text-align: center; padding: 14px 26px; border-radius: 3px; color: #fff; margin: 10px auto; text-decoration: none; border: 0;}
a.btn:hover{background: #f796c3; cursor: pointer;}

/*Eintragsformular*/
.workshop-eintragen input[type="text"],
.workshop-eintragen input[type="url"]{width: 100%; border: #eee 2px solid; border-radius: 3px; height: 35px; margin-bottom: 15px; padding: 0 8px;}
.workshop-eintragen input[type="date"]{width: 100%; border: #eee 2px solid; border-radius: 3px; height: 35px; margin-bottom: 15px;}

.workshop-eintragen textarea{width: 100%; margin-bottom: 15px; width: 100%; border: #eee 2px solid; border-radius: 3px; margin-bottom: 15px; padding: 0 8px;}

.workshop-eintragen input[type="submit"]{width: 100%; background: #e85498; display: inline-block; text-align: center; padding: 14px 26px; border-radius: 3px; color: #fff; margin: 10px auto; text-decoration: none; border: 0;}
.workshop-eintragen input[type="submit"]:hover{background: #f796c3; cursor: pointer;}

.workshop-eintragen select{width: 100%; border: #eee 2px solid; border-radius: 3px; height: 29px; margin-bottom: 15px;}


/*Info*/
.message{background: #2096a2; padding: 10px; color: #fff; box-shadow: rgba(32, 150, 162, 0.36) 0 4px 15px 0px; box-sizing: border-box; margin: 0 0 30px 0;}

/*Admin Tabelle*/
table.backend{border-collapse: collapse; background: #fff; width: 100%; font-size: 11px;}
table.backend th{background: #333; color: #fff;}

table.backend tr{border-bottom: #fff 2px solid;}

table.backend tr.inaktiv{background: #fffcd0;}
table.backend tr.aktiv{background: #dbf5e7;}
table.backend tr.abgelaufen{background: #f5dbdb;}

table.backend td{padding: 2px;}

table.backend td .popup {display: none; position: absolute; max-width: 400px; background: #fff; padding: 10px; box-sizing: border-box; box-shadow: rgba(0, 0, 0, 0.2) 0 7px 30px; line-height: 1.3;}
table.backend td:hover .popup {display: block;}

table.backend td .logo{width: 16px;}

/*Media Queries*/
@media screen and (max-width: 640px){
	.wrapper{max-width: initial; margin: 0 auto;}
	a.btn{box-sizing: border-box; width: 100%;}
}