/*
// +----------------------------------------------------------------------+
// | SD Schiedsrichtersuche Version 1.0                                   |
// +----------------------------------------------------------------------+
// | Copyright (c) 2004-2005 Stefan Deussen                               |
// +----------------------------------------------------------------------+
// | Authors: Stefan Deussen <StDeussen@gmx.de>                           |
// | All rights reserved.                                                 |
// +----------------------------------------------------------------------+
// | Please see http://srsuche.stdeussen.de/doc/licence.htm               |
// | for more information.                                                |
// +----------------------------------------------------------------------+
*/

.headline{
   font-size: larger;
   font-weight: bold;
   color: black;
}

.srsuche_SchriftFett{
   font-weight: bold;
   color: black;
}

.srsuche_SchriftNormal{
   color: black;
}

.srsuche_SchriftKlein{
   font-size: x-small;
   color: black;
}

.srsuche_SchriftButtonLink{
   font-size: smaller;
   font-weight: bold;
   color: black;
   background-color:lightgrey;
}

body {
	background-color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 80px;
}

font,th,td,p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

hr	{
	height: 2px;
	border: solid #A1A7AC 0px;
	color: #EEEEEE;
    border-top-width: 1px;
}

.sd_row1	{ font-size: 0.8em;background-color: #EEEEEE; }
.sd_row2	{ font-size: 0.8em;background-color: #DFE5E3; }
.sd_row3	{ font-size: 0.8em;background-color: #D4D9DF; }
.sd_row4 { font-size: 0.8em;background-color: #ffe045; }
.sd_row_beworben { font-size: 0.8em;background-color: yellow; }
.sd_row_bewerber { font-size: 0.8em;background-color: lightblue; }


.sd_admin_header	{ font-size: smaller; }
.sd_admin_row1	{ font-size: smaller;background-color: #EEEEEE; }
.sd_admin_row2	{ font-size: smaller;background-color: #DFE5E3; }
.sd_admin_row3	{ font-size: smaller;font-weight: bold; background-color: #D4D9DF; }
.sd_admin_row4    { font-size: smaller;font-weight: bold; background-color: #ffe045; }

#srsuche_mainnav {
	text-decoration: none;
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	font-weight: bold;
	color: black;
	border-top: 1px solid #A5B5C6;
	border-bottom: 1px solid #A5B5C6;
	border-left: 1px solid #A5B5C6;
	border-right: 1px solid #A5B5C6;
	background-color: #D6D6D6;
}
a:hover#srsuche_mainnav {
	background-color: #909090;
}

#srsuche_mainnav_selected {
	text-decoration: none;
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	font-weight: bold;
	color: white;
	border-top: 1px solid #A5B5C6;
	border-bottom: 1px solid #A5B5C6;
	border-left: 1px solid #A5B5C6;
	border-right: 1px solid #A5B5C6;
	background-color: #606060;
}
a:hover#srsuche_mainnav_selected {
	background-color: #909090;
}


#srsuche_news
{
	 font-size: 10pt;
	 font-family: Verdana;
	 color: black;
}

#srsuche_news_header
{
	 font-size: 10pt;
	 font-family: Verdana;
	 color: black;
	 font-weight: bold;
}

td {
	Font-family: Verdana, Arial, Helvetica, sans-serif,
}

h1,h2	{
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	line-height : 120%;
	color : #000000;
}

.sd_input_date {
    font-family: arial;
}

.nav-item > .active {
	border-radius: 5px;
	background: rgba(76, 175, 80, 0.1);
	font-weight: 600;
}

.navbar-right .nav-item .nav-link:hover {
	border-radius: 5px;
	background: rgba(76, 175, 80, 0.1);
}


@font-face {
	font-family: 'Material Icons';
	font-style: normal;
	font-weight: 400;
	src: url(font/MaterialIcons-Regular.eot); /* For IE6-8 */
	src: local('Material Icons'),
		 local('MaterialIcons-Baseline'),
		 url(font/MaterialIcons-Regular.woff2) format('woff2'),
		 url(font/MaterialIcons-Regular.woff) format('woff'),
		 url(font/MaterialIcons-Regular.ttf) format('truetype');
  }

  .material-icons {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 36px;  /* Preferred icon size */
	display: inline-block;
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;
  
	/* Support for all WebKit browsers. */
	-webkit-font-smoothing: antialiased;
	/* Support for Safari and Chrome. */
	text-rendering: optimizeLegibility;
  
	/* Support for Firefox. */
	-moz-osx-font-smoothing: grayscale;
  
	/* Support for IE. */
	font-feature-settings: 'liga';
  }  


  .site-mobile-menu {
	width: 300px;
	position: fixed;
	right: 0;
	z-index: 2000;
	padding-top: 20px;
	background: #fff;
	height: calc(100vh);
	-webkit-transform: translateX(110%);
	-ms-transform: translateX(110%);
	transform: translateX(110%);
	-webkit-box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1);
	box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1);
	-webkit-transition: 0.2s all cubic-bezier(0.66, 0.2, 0.48, 0.9);
	-o-transition: 0.2s all cubic-bezier(0.66, 0.2, 0.48, 0.9);
	transition: 0.2s all cubic-bezier(0.66, 0.2, 0.48, 0.9); }

	.offcanvas-menu .site-mobile-menu {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%); }

	body.offcanvas-menu:before {
		opacity: 1;
		z-index: 1002;
		visibility: visible; }
	
	.site-mobile-menu .site-mobile-menu-header {
		width: 100%;
		float: left;
		padding-left: 20px;
		padding-right: 20px; }
		
	.icon-menu:before {
		content: "\e5d2";
		}

	[class^="icon-"], [class*=" icon-"] {
		/* use !important to prevent issues with browser extensions that change fonts */
		font-family: 'icomoon' !important;
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
	  
		/* Better Font Rendering =========== */
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	  }
	  

  .site-navbar {
	margin-bottom: 0px;
	z-index: 999;
	position: absolute;
	width: 100%;
	top: 0rem; }
	.site-navbar .container-fluid {
	  padding-left: 7rem;
	  padding-right: 7rem; }
	  @media (max-width: 1199.98px) {
		.site-navbar .container-fluid {
		  padding-left: 15px;
		  padding-right: 15px; } }
	.site-navbar .site-logo {
	  position: absolute;
	  left: 5%; }
	  @media (max-width: 767.98px) {
		.site-navbar .site-logo {
		  position: relative;
		  left: auto; } }
	  .site-navbar .site-logo a {
		color: #fff;
		font-size: 1.5rem;
		letter-spacing: .2rem;
		text-transform: uppercase; }
		.site-navbar .site-logo a:hover {
		  text-decoration: none; }
	.site-navbar .site-burger-menu, .site-navbar .right-cta-menu {
	  position: absolute;
	  right: 5%; }
	  @media (max-width: 767.98px) {
		.site-navbar .site-burger-menu, .site-navbar .right-cta-menu {
		  position: relative;
		  right: auto; } }
	.site-navbar .site-menu-toggle {
	  color: #000;
	  line-height: 0;
	  font-size: 2.5rem;
	  position: relative; }
	  @media (max-width: 767.98px) {
		.site-navbar .site-menu-toggle {
		  margin-left: 5px; } }
	.site-navbar .site-navigation {
	  position: absolute;
	  left: 50%;
	  -webkit-transform: translateX(-50%);
	  -ms-transform: translateX(-50%);
	  transform: translateX(-50%);
	  z-index: 5; }
	  .site-navbar .site-navigation .site-menu {
		margin-bottom: 0; }
		.site-navbar .site-navigation .site-menu .active {
		  color: #fff;
		  display: inline-block;
		  padding: 5px 20px; }
		.site-navbar .site-navigation .site-menu a {
		  text-decoration: none !important;
		  display: inline-block;
		  position: relative; }
		.site-navbar .site-navigation .site-menu > li {
		  display: inline-block; }
		  .site-navbar .site-navigation .site-menu > li > a {
			padding: 20px 20px !important;
			color: rgba(255, 255, 255, 0.5);
			display: inline-block;
			text-decoration: none !important; }
			.site-navbar .site-navigation .site-menu > li > a:hover {
			  color: #fff; }
		.site-navbar .site-navigation .site-menu .has-children {
		  position: relative; }
		  .site-navbar .site-navigation .site-menu .has-children > a {
			position: relative;
			padding-right: 20px; }
			.site-navbar .site-navigation .site-menu .has-children > a:before {
			  position: absolute;
			  content: "\e313";
			  font-size: 16px;
			  top: 50%;
			  right: 0;
			  -webkit-transform: translateY(-50%);
			  -ms-transform: translateY(-50%);
			  transform: translateY(-50%);
			  font-family: 'icomoon'; }
		  .site-navbar .site-navigation .site-menu .has-children .dropdown {
			visibility: hidden;
			opacity: 0;
			top: 100%;
			position: absolute;
			text-align: left;
			border-top: 2px solid #89ba16;
			-webkit-box-shadow: 0 2px 20px -2px rgba(0, 0, 0, 0.2);
			box-shadow: 0 2px 20px -2px rgba(0, 0, 0, 0.2);
			padding: 0px 0;
			margin-top: 20px;
			margin-left: 0px;
			background: #fff;
			-webkit-transition: 0.2s 0s;
			-o-transition: 0.2s 0s;
			transition: 0.2s 0s; }
			.site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top {
			  position: absolute; }
			  .site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before {
				bottom: 100%;
				left: 20%;
				border: solid transparent;
				content: " ";
				height: 0;
				width: 0;
				position: absolute;
				pointer-events: none; }
			  .site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before {
				border-color: rgba(136, 183, 213, 0);
				border-bottom-color: #fff;
				border-width: 10px;
				margin-left: -10px; }
			.site-navbar .site-navigation .site-menu .has-children .dropdown li {
			  line-height: 1.4; }
			.site-navbar .site-navigation .site-menu .has-children .dropdown a {
			  text-transform: none;
			  letter-spacing: normal;
			  -webkit-transition: 0s all;
			  -o-transition: 0s all;
			  transition: 0s all;
			  color: #343a40; }
			  .site-navbar .site-navigation .site-menu .has-children .dropdown a.active {
				background: #ebeef0;
				color: #89ba16; }
			.site-navbar .site-navigation .site-menu .has-children .dropdown > li {
			  list-style: none;
			  padding: 0;
			  margin: 0;
			  min-width: 200px; }
			  .site-navbar .site-navigation .site-menu .has-children .dropdown > li > a {
				padding: 9px 20px;
				display: block; }
				.site-navbar .site-navigation .site-menu .has-children .dropdown > li > a:hover {
				  background: #ebeef0;
				  color: #212529; }
			  .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > a:before {
				content: "\e315";
				right: 20px; }
			  .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > a.active {
				background: #ebeef0;
				color: #89ba16; }
			  .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > .dropdown, .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > ul {
				left: 100%;
				top: 0; }
			  .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:hover > a, .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:active > a, .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:focus > a {
				background: #ebeef0;
				color: #212529; }
		  .site-navbar .site-navigation .site-menu .has-children:hover, .site-navbar .site-navigation .site-menu .has-children:focus, .site-navbar .site-navigation .site-menu .has-children:active {
			cursor: pointer; }
			.site-navbar .site-navigation .site-menu .has-children:hover > .dropdown, .site-navbar .site-navigation .site-menu .has-children:focus > .dropdown, .site-navbar .site-navigation .site-menu .has-children:active > .dropdown {
			  -webkit-transition-delay: 0s;
			  -o-transition-delay: 0s;
			  transition-delay: 0s;
			  margin-top: 0px;
			  visibility: visible;
			  opacity: 1; }
		.site-navbar .site-navigation .site-menu.site-menu-dark > li > a {
		  color: black;
		  position: relative; }
		  .site-navbar .site-navigation .site-menu.site-menu-dark > li > a:after {
			height: 2px;
			background: #000;
			content: "";
			position: absolute;
			bottom: 0;
			left: 20px;
			right: 20px;
			-webkit-transform: scale(0);
			-ms-transform: scale(0);
			transform: scale(0);
			-webkit-transition: .3s all ease;
			-o-transition: .3s all ease;
			transition: .3s all ease; }
		  .site-navbar .site-navigation .site-menu.site-menu-dark > li > a:hover, .site-navbar .site-navigation .site-menu.site-menu-dark > li > a.active {
			color: #89ba16;
			position: relative; }
			.site-navbar .site-navigation .site-menu.site-menu-dark > li > a:hover:after, .site-navbar .site-navigation .site-menu.site-menu-dark > li > a.active:after {
			  -webkit-transform: scale(1);
			  -ms-transform: scale(1);
			  transform: scale(1); }
  
html {
	height: 100%;
}

html, body {
	height: 100%;
	display: flex;
	flex-direction: column;
}

main {
	flex: 1;
}

.container {
	margin: 2em auto;
	padding: 0 1em;
}