@charset "utf-8";

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

body {
	background-color:#FFF;
	color:#222222;
	font-family: 'Nunito Sans', sans-serif; /*300 400 600 700*/
	font-size:12pt;
	font-weight:600;
	margin:0px;
	overflow:auto;
}

div#info {
	background-color:#FFF;
	float:none;
	left:0px;
	margin:0px 0px 0px 0px;
	padding:0px 10px;
	width:100%;
}

div#info img {
	width:200px;
	padding-left:50%;
	margin-left:-100px;
}


div#login {
	background-color:#FFF;
	border:1px solid #DDD; 
	float:left;
	left:0px;
	margin:20px 3%;
	padding:0px 0px;
	position:static;
	width:94%;
	text-align:center;
}

div.register {
	height:850px !important;
	margin:0px 0px 0px 0px !important;
	width:100% !important;
}

div.register input {
	width:90% !important;
}

div#login h1 {
	padding:10px 0px;
	margin:0px;
	text-align:center;
	font-size:24pt;
	letter-spacing:-0.01em;
	text-transform:uppercase;
	font-weight:800;
}

div#login input {
	background-color:#F7F7F7;
	border:1px solid #DDD !important;
	border-radius:4px;
	font-family: 'Nunito Sans', sans-serif;
	font-size:11pt !important;
	font-weight:500;
	padding:5px;
	width:80%;
}

div#login input:focus {
	background-color:#EEE;
}

div#login input.textbox-login-ben, div#login input.textbox-login-pw {
	border-bottom:3px solid #C60000;
	width:80%;
	font-size:12pt;
	font-family: 'Nunito Sans', sans-serif;
	opacity:0.85;
	height:20px;
	padding:8px 8px 8px 30px;
	background-position:left center;
	background-repeat:no-repeat;
}

div#login img#profilbild {
	width:150px;
	height:150px;
	border-radius:100px;
	position:static;
	margin-left:0px;
	margin-bottom:20px;
}

div#login input.textbox-login-ben {background-image:url(../img/benutzername.png);}
div#login input.textbox-login-pw {background-image:url(../img/passwort.png);}


div#login select {
	width:397px;
	font-size:12pt;
	font-family:'Nunito Sans', sans-serif;
	opacity:0.85;
	padding:8px 8px 8px 8px;
	cursor:pointer;
}

div#login .button-login {
	background-color:transparent;
	width:100%;
	text-align:center;
	border:0px solid #FFF;
	color:#C60000;
	font-size:40pt;
	cursor:pointer;
	margin:10px 0px 20px 0px;
}

div#login p.hinweis {
	font-size:10.5pt;
	text-align:center;
}

div#login p.hinweis a:link, div#login p.hinweis a:visited {
	color:#FFF;
	border:3px solid #238be7;
	display:inline-block;
	width:200px;
	padding:3px;
	border-radius:20px;
	font-weight:bold;
	background-color:#238be7;
}

div#login p.hinweis a:hover {
	text-decoration:none;
	border:3px solid #555;
	background-color:#555;
}

div#login p.copyright  {
	width:100%;
	text-align:center;
	margin-top:20px;
	font-size:9pt;
	color:#555;
}

div#login label {
	width:100%;
	display:block;
	margin-bottom:3px;
	text-align:center;
	font-size:10pt;
	text-transform:uppercase;
	font-weight:200;
	color:#555;
}

div#header {
	background-color:#EEE;
	border-bottom:1px solid #DDD;
	color:#888;
	font-size:11pt;
	height:35px;
	position:static;
	width:100%;
	z-index:9;
}

div#header h1 {
	display:none;
}

div#header h2 {
	font-size:11pt;
	margin:0px 0px 0px 0px !important;
	padding:9px 0px 0px 0px;
	text-align:center;
	text-transform:uppercase;
	width:100%;
}

div#header div.contact {
	display:none;
}

a, a:link, a:visited, a:active {
	color:#238be7;
	text-decoration:none;
}

a:hover {
	color:#238be7;
	text-decoration:underline;
}

a.linkbutton {
	border:2px solid #238be7; 
	font-weight:bold;	
	display:block;
	padding:2px 0px 3px 10px;
	border-radius:20px;
}

a.linkbutton:hover {
	background-color:#238be7;	
	color:#FFF;
	text-decoration:none;
}

a.linkbutton-gr {
	border:2px solid #238be7; 
	font-weight:bold;	
	display:block;
	padding:5px 10px 5px 10px;
	border-radius:20px;
	min-width:200px;
}

a.linkbutton-gr:hover {
	background-color:#238be7;	
	color:#FFF;
	text-decoration:none;
}

div#wrapper {
	width:94%;
	margin:0px auto;
	padding:3%;
	position:relative;
	top:50px;
	z-index:2;
	overflow-x:hidden;
}

div#wrapper table td {
	display:block;
	width:100%;
	float:none;
	clear:both;
}

div#wrapper h1 {
	padding:0px;
	font-weight:bolder;
	margin:20px 0px 0px 0px;	
}

div#wrapper h3 {
	padding:0px;
	margin:20px 0px 15px 0px;	
}

div#wrapper img.profilbild {
	display:none;
}

div#wrapper img.profilbild_userdata {
	width:180px;
	height:180px;
	position:relative;
}

div#wrapper main {
	display:block;
	float:left;
	width:100%;
}

div#wrapper aside {
	display:block;
	float:left;
	height:500px;
	padding:5px;
	margin-left:10%;
	width:80%;
}

ul.eventlist {
	padding:0px;
	margin:0px;
	width:100%;
	float:none;
	clear:both;
	text-align:center;
	display:block;
}

ul.eventlist > li {
	list-style-type:none;
	display:block;
	width:305px;
	padding:5px;
	float:left;
	border:0px solid #C60000;
	border-top:7px solid #c60000;
	margin:7px;
	background-color:#EEE;
	border-radius:0px;
}

ul.eventlist li h4 {
	font-weight:bold;
	color:#C60000;
	text-transform:uppercase;
	font-size:15.5pt;
	padding:0px;
	margin:0px;
}

ul.eventlist li h5 {
	padding:0px;
	margin:10px 0px 8px 0px;
	font-size:14pt;
	width:100%;
	text-align:left
	font-weight:500;
}

ul.eventlist span.anmerkung {
	display:block;
	width:100%;
	text-align:center;
	font-style:italic;
	font-size:9pt;
	margin:5px 0px 5px 0px;
	color:#777;
}

div#logout button.logout {
	background-color:#333;
	border-radius:5px;
	border:0px;
	color:#FFF;
	cursor:pointer;
	font-family:'Nunito Sans', sans-serif;
	font-size:10pt;
	font-weight:bold;
	left:50%;
	margin-left:-67px;
	padding:5px 10px 5px 10px;
	position:absolute;
	text-transform:uppercase;
	top:50px;
	transition:all 0.1s;
	width:135px;
	z-index:8;
}

div#logout button.logout:hover {
	background-color:#C60000;
	color:#FFF;
}

div#wrapper .textbox-wrapper {
	border:1px solid transparent;
	border-bottom:3px solid #C60000;
	background-color:#EEE;
	font-family:'Nunito Sans', sans-serif;
	font-size:12pt;
	font-weight:500;
	margin:5px 0px 10px 0px;
	padding:8px;
	width:90%;
}

div#wrapper .textbox-wrapper:focus {
	background-color:#DDD;
}

div#wrapper select {
    width:417px !important;
	padding:8px;
	font-size:12pt;
	margin:5px 0px 5px 0px;
	font-family:'Nunito Sans', sans-serif;
}

div#wrapper .button-wrapper {
	background-color:#DDD;
	border:0px solid transparent;
	border-left:5px solid #C60000;
	color:#C60000;
	cursor:pointer;
	font-family:'Nunito Sans', sans-serif;
	font-weight:bolder;
	font-size:12pt;
	margin:5px 0px 5px 0px;
	padding:8px;
	text-transform:uppercase;
}
	
div#wrapper {
	min-height:850px;
	overflow:auto;
}
	
a.printbutton {
	width:100%;
	text-align:right;
}

div.newevent {
	text-align:left;
	float:left;
	margin:10px 0px 10px 0px;
	position:relative;

}

div.newevent a {
	display:block;
	padding:8px 10px;
	text-transform:uppercase;
	font-weight:bold;
	border:2px solid #238be7;
	color:#FFF;
	text-align:center;
	border-radius:20px;
	background-color:#238be7;
	margin:0px;
}

div.newevent a:hover {
	color:#FFF;
	background-color:#222;
	text-decoration:none;
	border:2px solid #222;
}

div#versioninfo {
	font-size:8pt;
	width:100%;
	text-align:right;
	position:fixed;
	bottom:5px;
	right:5px;
	color:#FFF;
	cursor:default;
}

div#versioninfo a {
	color:#FFF;
}

p.noevents {
	border:0px;
	color:#FFF;
	font-size:15pt;
	font-weight:bold;
	width:100%;
	display:block;
	text-align:center;
	padding:10px 0px 10px 0px;
	margin-top:0px;
	background-color:#FF6C6E;
}

p.hinweisgross {
	width:98%;
	text-align:center;
	font-style:italic;
	border:1px solid #606060;
	padding:7px 1% 7px 1%;
	margin-bottom:10px;	
	margin-top:10px;
}

p.hinweisgross2 {
	width:98%;
	text-align:center;
	font-style:italic;
	border:2px solid #C60000;
	padding:7px 1% 7px 1%;
	margin-bottom:10px;	
	margin-top:10px;
}

div#einsatz {
	padding:1px 2% 10px 2%;
	width:96%;
	background-color:#ed9a01;
	margin:10px 0px 5px 0px;
	text-align:center;
	border-radius:5px;
}

div#einsatz {
	font-family:courier new;
}

div#einsatz h3 {
	font-family:'Nunito Sans', sans-serif;
	text-transform:uppercase;
	text-decoration:underline;
}

ul.mitgliederliste {
	padding:10px 0px;
	margin:0px 0px 0px 10%;
}

ul.mitgliederliste li {
	font-size:9pt;
}

div.mehr {
	cursor:pointer;
	color:#808080;
	font-size:10pt;
}

div#menu {
	width:100%;
	background-color:#C60000;
	height:auto;
	font-size:12pt;
	margin-top:20px;
	margin-left:0px;
	margin-bottom:10px;
}

div#menu ul li a {color:#FFF;}
div#menu ul li a:hover {color:#FFF;text-decoration:none;}

div#menu ul {
	padding:0px;
	margin:0px;
}

div#menu ul li {
	float:none;
	list-style-type:none;
	margin:0px;
	padding:0px 0px 0px 0px;
	padding-left:5%;
	width:95%;
	height:auto;
	transition:all 0.0s;
	background-color:#C60000;
}
	
div#menu ul li a {
	display:block;
	margin:0px;
	padding:6px 0px 12px 0px;
	transition:none;
}

div#menu ul li:hover {
	background-color:#C60000;
}

div#menu ul li li:hover {
	background-color:#AA0000;
}

div#menu ul li li a:hover {
	background-color:#AA0000;
}

div#menu ul li li {
	display:block;
	float:none;
	clear:both;
	position:relative;
	background-color:#333;
	opacity:1;
	font-size:10pt;
}

div#menu ul li ul {
	position:relative;
	z-index:9999;
}

div#menu ul li li {
	height:30px;
	opacity:1;
}

div#menu ul li li a {
	padding:7px 15px 3px 15px;
	height:20px;
}

div#menu ul li:hover li {
	height:30px;
	opacity:1;
}

div#wrapper div.access {
	width:100%;
	text-align:center;
	font-size:9pt;
	color:#999;
	margin-top:20px;
}

a.abme:hover {
	text-decoration:none;
}

div#wrapper table.dienstplan {
	width:100%;
	text-align:center;
	color:#000;
}

div#wrapper table.dienstplan td {
	padding:1%;
	border-top:0px solid #FFF;
	width:98%;
	display:block;
	float:none;
	clear:both;
	text-align:left;
}

div#wrapper table.dienstplan tr.firstline {
	display:none;
}

div#wrapper table.dienstplan tr.F {background-color:#fee599;}
div#wrapper table.dienstplan tr.L {background-color:#FFAAAA;}

div#wrapper table.dienstplan tr.K {background-color:#c5e0b3;}

input.textbox-verleih {
	padding:5px;
	font:12pt 'Nunito Sans', sans-serif;
	cursor:text !important;
}

input.button-verleih {
	padding:5px;
	font:12pt 'Nunito Sans', sans-serif;
}

select.select-verleih {
	padding:5px !important;
	font:12pt 'Nunito Sans', sans-serif !important;
	cursor:pointer !important;
	width:50px !important;
}

p.status {
	padding:0px;
	margin:5px 0px 0px 0px;
}
	
p.status > span {
	padding:5px 25px;
	display:inline-block;
	border-radius:30px;
	margin:5px 0px 0px 0px;
	background-color:#CCC;
	color:#FFF;
	font-size:10pt;
}

p.status a:link, p.status a:visited {
	text-decoration:none;
	color:#FFF !important;
}

table.eventlist {
	width:100%;
}

table.eventlist tr td {
	display:block;
	float:none;
	clear:both;
	width:90%;
}

table.eventlist tr th.date {
	margin-top:15px;
}

table.eventlist tr th.title {
	margin-top:15px;
}


table.eventlist th.date {
	padding-top:0pt;
	padding-bottom:0pt;
	text-align:center;
	width:10%;
}

table.eventlist .wochentag {
	font-size:12pt;
	font-weight:800;
	color:#222;
	line-height:10pt;
}

table.eventlist .tag {
	font-size:22pt;
	font-weight:800;
	color:#c60000;
	line-height:20pt;
}

table.eventlist .monat {
	font-size:12pt;
	font-weight:800;
	color:#c60000;
	line-height:10pt;
}

table.eventlist .jahr {
	font-size:14pt;
	font-weight:800;
	color:#222;
}

table.eventlist .anmerkung {
	color:#777;
	font-size:12pt;
	font-weight:400;
	font-style:oblique;
}

table.eventlist .title {
	font-weight:bolder;
	color:#222;
	font-size:18pt;
	padding-top:0pt;
	text-align:left;
}

table.eventlist .title .fa-calendar-circle-user {
	font-size:18pt;
}

table.eventlist tr td {
	padding-bottom:5px;
	width:200px !important;
	display:block !important;
	padding-left:25%;
	float:none;
	clear:both;
	vertical-align: middle;
}

table.eventlist tr td, table.eventlist th {
	float:none !important;
	display:block !important;
	width:100% !important;
}

table.eventlist tr.freeline {
	display:none;
}

table.eventlist tr td, table.eventlist th.date {
	width:25% !important;
	float:left !important;
}

table.eventlist tr td, table.eventlist th.title {
	width:75% !important;
	float:left !important;
}


table.eventlist th.grau, table.eventlist tr.grau td  {
	background-color:#FFF;
}

a.alarm {
	padding:5px 15px;
	border:1px solid #C60000;
	display:inline-block;
	background-color:#C60000;
	color:#FFF;
	border-radius:20px;
}

a.alarm:hover {
	text-decoration:none;
	background-color:#FF0000;
}

ul.eingetragene {
	margin:7px 0px 0px 10px;
	padding:0px;
	font-size:10pt;
	color:#666;
}

ul.eingetragene li {
	list-style-type:square;
	font-size:9pt;
}

a.abmelden {
	font-size:12pt;
	color:#C60000;
}

table.eventlistspezial tr.topline td {
	font-weight:bold;
	background-color:#DDD;
}

table.eventlistspezial td {
	padding:2px;
}

table.eventlistspezial tr.gray td:first-child {
}

table.eventlistspezial tr.gray td {
	background-color:#FFF;
}

p.link1 {
	display:block;
	width:100%;
	text-align:center;
	margin:10px 0px;
	padding:0px;
	font-weight:bold;
}

p.link1 a::before {
	content:'\f35a';
	font-family:'Font Awesome 5 Free';
	font-weight:normal;
	padding-right:5px;
}


p.link2 {
	display:block;
	width:100%;
	text-align:left;
	margin:10px 0px;
	padding:0px;
	font-weight:bold;
}

a:hover {
	text-decoration:none;
	color:#C60000;
}

table.eventlistspezial span.typ {
	background-color:#222;
	color:#FFF;
	font-weight:bold;
	border-radius:100px;
	padding:1px 5px;
	display:block;
	text-align:center;
	margin:3px 3px 5px 0px;
}

table.eventlistspezial span.name {
	color:#C60000;
	font-weight:bold;
}

table.eventlistspezial span.field {
	font-weight:bold;
	border-radius:100px;
	padding:5px 5px 5px 15px;
	display:block;
	text-align:left;
	margin:3px 3px 5px 0px;
	color:#FFF;
	font-size:10pt;
}

table.eventlistspezial span.eintragen, table.eventlistspezial span.eintragen a  {
	background-color:#238be7;
	color:#FFF;
}

table.eventlistspezial span.eintragen a {
	display:block;
	width:100%;
}

table.eventlistspezial span.eingetragen {
	background-color:#079000;
}

table.eventlistspezial span.voll {
	background-color:#c60000;
}

table.eventlistspezial span.keinequal {
	background-color:#333;
}

table.qualifikationen tr td {
	display:table-cell !important;
	float:left;
}

table.qualifikationen tr td:first-child {
	width:50px !important;
}

div.downloads table {
	width:100%;
}

div.downloads table td {
	margin:0px;
	padding:0px;
}

div.downloads table a.title {
	color:#C60000;
	font-weight:bold;
	font-size:15pt;
}

div.downloads table i.fas {
	font-size:26pt;
	color:#555;
}

div.downloads table tr td {
	border-bottom:1px solid #BBB;
}

p#telegraminfo {
	padding:0px;
	margin:0px;
	position:absolute;
	left:815px;
}

p.alarmmatrix-gueltig {
	padding:5px;
	text-align:center;
	font-weight:bold;
	background-color:green;
	color:white;
	border-radius:5px;
}

p.alarmmatrix-bearb {
	padding:5px;
	text-align:center;
	font-weight:bold;
	background-color:yellow;
	border-radius:5px;
}

p.alarmmatrix-abge {
	padding:5px;
	text-align:center;
	font-weight:bold;
	color:white;
	background-color:red;
	border-radius:5px;
}

p.alarmmatrix-vorlage {
	padding:5px;
	text-align:center;
	font-weight:bold;
	color:white;
	background-color:blue;
	border-radius:5px;
}

ul.adminmenu {
	padding:0px;
	margin:0px;
}

ul.adminmenu li {
	margin:0px;
	padding:0px;
	list-style-type:none;
}

ul.adminmenu a {
	border:3px solid #238be7; 
	display:inline-block;
	font-weight:bold;
	margin-top:5px;
	padding:7px 10px 5px 10px;
	border-radius:10px;
}

ul.adminmenu a:hover {
	border:3px solid #238be7; 
	color:#FFF;
	background-color:#238be7;
}

ul.adminmenu a i {
	font-size:16pt;
	margin-right:10px;
}

div#wrapper aside h3 {
	margin:0px;
	padding:0px 0px 10px 0px;
	text-transform:uppercase;
	font-weight:bold;
}

div.userlist {
	width:100%;
}

div.userlist table td {
	display:table-cell !important;
	width:50% !important;
}

div.userlist table td:nth-child(2n+0) {
	display:none !important;
}


}