/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

@media screen {

	html, body, div, span, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	abbr, address, cite, code,
	del, dfn, em, img, ins, kbd, q, samp,
	small, strong, sub, sup, var,
	b, i,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, figcaption, figure, 
	footer, header, hgroup, menu, nav, section, summary,
	time, mark, audio, video {
		margin:0;
		padding:0;
		border:0;
		outline:0;
		font-size:100%;
		vertical-align:baseline;
		background:transparent;
	}



	body {
		line-height:1;
	}


	article,aside,details,figcaption,figure,
	footer,header,hgroup,menu,nav,section { 
		display:block;
	}


	nav ul {
		list-style:none;
	}


	blockquote, q {
		quotes:none;
	}


	blockquote:before, blockquote:after,
	q:before, q:after {
		content:'';
		content:none;
	}


	a {
		margin:0;
		padding:0;
		font-size:100%;
		vertical-align:baseline;
		background:transparent;
	}


	button { width:200px; border-radius: 4px;}


	/* change colours to suit your needs */

	ins {
		background-color:#ff9;
		color:#000;
		text-decoration:none;
	}



	/* change colours to suit your needs */

	mark {
		background-color:#ff9;
		color:#000; 
		font-style:italic;
		font-weight:bold;
	}


	del {
		text-decoration: line-through;
	}


	abbr[title], dfn[title] {
		border-bottom:1px dotted;
		cursor:help;
	}

	table {
		float: left;
		border-collapse: collapse;
		border-spacing: 0; 
		width: 100%;
	}

	th,td {
		
	  padding: 0.2em 0.5em;
	  border-radius: 0.1em; 
	  height: 60%;
	  border: 1px solid black;
	  
	}  

	/* change border colour to suit your needs */
	hr {
		display:block;
		height:1px;
		border:0;   
		border-top:1px solid #cccccc;
		margin:1em 0;
		padding:0;
	}
	input, select {
		vertical-align:middle;
	}

	.new-user {
	   /*float: left;*/
	}

	.new-user form {
	   /*float: left;*/
	   padding-top: 15px;
	}
	.new-user form input {
	   display: block;
	   width: 180px;
	   height: 30px;
	   padding: 0px 10px;
	   margin-right: 10px;
	   border: none;
	   background-color: #f3f3f3;
	   font-family: arial;
	   font-size: 14px;
	   color: #111;
	   line-height: 30px;
	}

	.new-user form input {
	   display: block;
	   width: 180px;
	   height: 30px;
	   padding: 0px 10px;
	   margin-right: 10px;
	   border: none;
	   background-color: #ccc;
	   font-family: arial;
	   font-size: 14px;
	   color: #111;
	   line-height: 30px;
	}

	/* MY CODE */

	.main-wrapper { 
		margin: 0 auto;
		width: 95%;
	}

	a {
	   text-decoration: none;
	}

	body {
	   background-color: #ccc;
	}

	header nav {
	   width: 100%;
	   height: 80px;
	   background-color: #fff;
	}

	header nav ul {
	   float: left;
	}


	header nav ul li {
	   float: left;
	   list-style: none;
	}


	header nav ul li a {
	   font-family: arial;
	   font-size: 16px;
	   color: #111;
	   line-height: 63px;
	}


	header .nav-login {
	   float: right;
	}

	header .nav-login form {
	   float: left;
	   padding-top: 15px;
	}

	header .nav-login form input {
	   float: left;
	   width: 180px;
	   height: 30px;
	   padding: 0px 10px;
	   margin-right: 10px;
	   border: none;
	   background-color: #ccc;
	   font-family: arial;
	   font-size: 14px;
	   color: #111;
	   line-height: 30px;
	}


	header .nav-login form button {
	   float: left;
	   width: 100px;
	   height: 30px;
	   margin-right: 10px;
	   border: none;
	   background-color: #f3f3f3;
	   font-family: arial;
	   font-size: 14px;
	   color: #111;
	   cursor: pointer;
	}

	header .nav-login form button {
	   background-color: #ccc;
	}

	header .nav-login a {
	   display: block;
	   width: 80px;
	   height: 60px;

	}

	buttonnav {
	   width: 100%;
	   height: 80px;
	   background-color: #fff;
	   margin-right: 10px;
	   border: none;
	   background-color: #f3f3f3;
	   font-family: arial;
	   font-size: 14px;
	   color: #111;
	   cursor: pointer;
	}

	buttonnav .nav-button form button {
	   float: left;
	   width: 160px;
	   height: 30px;
	}

	.main-frame {
	   margin: auto;
	   width: 95%;
	}

	main .main-frame {
	   font-family: arial;
	   font-size: 16px;
	   color: #111;

	}

	main .main-frame table {
		border: 1px solid black;
	}

	main .main-frame th,td {
		border: 1px solid black;
	}

	main .main-frame tr:nth-child(even) {
		background-color: #f2f2f2;
	}

	.dienstplan td {
		border: 1px solid black;
	}

	.selectionBlock {
		border: 1px solid black;
		padding: 10px;
		margin: 3px;
	}

	main .main-frame.selectionBlock div {
		background-color: tomato;
		color: white;
		padding: 10px;
	}

	.no-print {
		display: none;
	}

	#myBtn {
	  display: none;
	  position: fixed;
	  bottom: 20px;
	  right: 30px;
	  z-index: 99;
	  font-size: 18px;
	  border: none;
	  outline: none;
	  background-color: red;
	  color: white;
	  cursor: pointer;
	  padding: 15px;
	  border-radius: 4px;
	}

	#myBtn:hover {
	  background-color: #555;
	}

	.mybutton {
    display: inline-block;
    width: 80px;
	padding: 50px 20px;
	position: relative;
    text-align: center;
    border-radius: 50%;
	font-size: 10px;
    cursor: pointer;
	margin-right: 30px;
    box-shadow: 0 0 20px 4px #111, inset 0 5px 10px #ddd;
    -moz-box-shadow: 0 0 20px 4px #111, inset 0 5px 10px #ddd;
    -webkit-box-shadow: 0 0 20px 4px #111, inset 0 5px 10px #ddd;
    -o-box-shadow: 0 0 20px 4px #111, inset 0 5px 10px #ddd;
    transition: all 100ms ease;
    -moz-transition: all 100ms ease;
    -webkit-transition: all 100ms ease;
    -o-transition: all 100ms ease;	
  }
  .mybutton:hover {
    -moz-transform: translate(0, -3px);
  }
  .mybutton:active {
    box-shadow: 0 0 10px 4px #111, inset 0 0px 10px #ddd;
    -moz-box-shadow: 0 0 10px 4px #111, inset 0 0px 10px #ddd;
    -webkit-box-shadow: 0 0 20px 4px #111, inset 0 5px 10px #ddd;
    -o-box-shadow: 0 0 20px 4px #111, inset 0 5px 10px #ddd;
    -moz-transform: scale(.98);
    -webkit-transform: scale(.98);
    -o-transform: scale(.98);
    transform: scale(.98);
  }
 .mybutton1 {
  background-color: #04859D;
 }
 .mybutton2 {
  background-color: #04859D;
 }
	
	
}

@media print {
  html, body, div, span, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	abbr, address, cite, code,
	del, dfn, em, img, ins, kbd, q, samp,
	small, strong, sub, sup, var,
	b, i,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, figcaption, figure, 
	footer, header, hgroup, menu, nav, section, summary,
	time, mark, audio, video {
    color: #000;
    background-color: #fff;
  }
  
  .nav-login {
		display: none;
	} 
  .nav-button {
		display: none;
	}
   header, button, form {
		display: none;
	}

	#myBtn {
		display: none;
	}
	
	table {
		float: left;
		border-collapse: collapse;
		border-spacing: 0; 
		width: 100%;
	}

	th,td {
		
	  padding: 0.2em 0.5em;
	  border-radius: 0.1em; 
	  height: 60%;
	  border: 1px solid black;
	  
	}  
 	
	.noprint
	{
		display: none;
	}
	
}

.outer-details {
  margin-left: 20px; /* Einrückung für den äußeren Details-Bereich */
}

.inner-details {
  margin-left: 20px; /* Zusätzliche Einrückung für den inneren Details-Bereich */
}

#scrollTopBtn {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 999;
    width: 50px;
    height: 50px;
    font-size: 22px;
    background-color: #007bff; /* Bootstrap-Blau */
    color: white;
    border: none;
    border-radius: 50%;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3);
  }
  #scrollTopBtn:hover {
    background-color: #0056b3; /* dunkleres Blau beim Hover */
  }