:root {
	--white-color:            #FFFFFF;
	--black-color:            #000000;
	--primary-color:          #B52513;
	--dark-primary-color:	  #572B2A;
	--secondary-color:        #E94F2D;
	--error-color:            var(--primary-color);
	--error-hover-color:      var(--secondary-color);
	--success-color:          #87bb49;
	--success-hover-color:    #007852;
	--warning-color:          #FFC107;
	--border-color:           #F8F9FA;
	--background-light-color: #E3E4E4;
	--border-dark-color:      #CCCCCC;
	--background-color:       #949494;
	--box-shadow:             0 0 15px 2px rgba(40,40,40,0.5);

	--primary-textcolor: #333333;
	--texthover-color: var(--primary-color);
	--textinfo-color: var(--warning-color);

	--form-field-width: 750px;
	--max-text-width: var(--form-field-width);

	--transition: 400ms ease-in-out all;

	--font-family: 'Source Sans Pro';
}

/* source-sans-pro-regular - latin */
@font-face {
	font-family: 'Source Sans Pro';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/SourceSansPro/source-sans-pro-v19-latin-regular.eot'); /* IE9 Compat Modes */
	src: local(''),
	url('../fonts/SourceSansPro/source-sans-pro-v19-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../fonts/SourceSansPro/source-sans-pro-v19-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
	url('../fonts/SourceSansPro/source-sans-pro-v19-latin-regular.woff') format('woff'), /* Modern Browsers */
	url('../fonts/SourceSansPro/source-sans-pro-v19-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
	url('../fonts/SourceSansPro/source-sans-pro-v19-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-600 - latin */
@font-face {
	font-family: 'Source Sans Pro';
	font-style: normal;
	font-weight: 600;
	src: url('../fonts/SourceSansPro/source-sans-pro-v19-latin-600.eot'); /* IE9 Compat Modes */
	src: local(''),
	url('../fonts/SourceSansPro/source-sans-pro-v19-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../fonts/SourceSansPro/source-sans-pro-v19-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
	url('../fonts/SourceSansPro/source-sans-pro-v19-latin-600.woff') format('woff'), /* Modern Browsers */
	url('../fonts/SourceSansPro/source-sans-pro-v19-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
	url('../fonts/SourceSansPro/source-sans-pro-v19-latin-600.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-700 - latin */
@font-face {
	font-family: 'Source Sans Pro';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/SourceSansPro/source-sans-pro-v19-latin-700.eot'); /* IE9 Compat Modes */
	src: local(''),
	url('../fonts/SourceSansPro/source-sans-pro-v19-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../fonts/SourceSansPro/source-sans-pro-v19-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
	url('../fonts/SourceSansPro/source-sans-pro-v19-latin-700.woff') format('woff'), /* Modern Browsers */
	url('../fonts/SourceSansPro/source-sans-pro-v19-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
	url('../fonts/SourceSansPro/source-sans-pro-v19-latin-700.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/*****************************
        General
*****************************/

html, body
{
	height: 100%;
}

body
{
	background-color: var(--white-color);
	font-size: 14px;
	color: var(--dark-primary-color);
	font-family: var(--font-family);
	margin: 0;
}

/* Gleiche Länge bei jedem formularfeld */
input,
select,
textarea
{
	border: solid 1px var(--dark-primary-color);

	box-sizing: content-box;
	-ms-box-sizing: content-box;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
}

a
{
	color: var(--dark-primary-color);
}

h1
{
	color: var(--primary-color);
	font-size: 25px;
	text-transform: uppercase;
}

h2
{
	margin-bottom: 0;
	color: var(--primary-color);
	font-weight: 700;
}

h5
{
	font-size: 16px;
	color: var(--black-color);
	font-weight: normal;
}

hr
{
	margin: 0 0 17px;
	height: 1px;
}

input, textarea, select
{
	font-size: 14px;
	color: var(--black-color);
	border-radius: 0;
	border: none;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	-ms-box-sizing: content-box;
}

input[type="text"], input[type="email"], input[type="submit"], textarea, input[type="password"], input[type="file"], select, .formInputTxt
{
	background: var(--white-color);
	padding: 6px 6px;
	border: 1px solid var(--black-color);
	width: 365px;
}

input[type="text"]#vonBeleg, input[type="text"]#bisBeleg, input[type="text"]#info, input[type="text"]#von, input[type="text"]#bis
{
	width: 150px;
	margin-right: 10px;
	margin-left: 10px
}

input[type="submit"]:disabled,
input[type="button"]:disabled
{
	background-color: #787878 !important;
	cursor: not-allowed;
}

input[type="text"]:disabled
{
	border: none !important;
	color: #a2a2a2;
}

/* Fixing normalize.css default margin - Footer FH Logo*/
figure
{
	margin: 0;
}

.gapTop
{
	margin-top: 10px;
}

.gapBot
{
	margin-bottom: 40px !important;
}

.noFloat > *
{
	float: none !important;
}

.loggedIn
{
	font-size: 15px;
	margin: 0;
	text-align: right;
	padding-top: 10px;
}

.loggedIn b
{
	color: var(--primary-color);
}

.loggedIn .fa
{
	padding-left: 5px;
}

#header
{
	height: 120px;
	position: relative;
	overflow: visible;

	border-top: none;
	margin: 0 auto;
}

#header
{
	display: flex;
	justify-content: space-between;
}

#header #headerTopMenu
{
	margin-top: 20px;
	order: 1;
}

#page
{
	border: none;
	position: relative;
	min-height: 100%;
	min-width: 1000px;

	margin-top: 0;
	margin-bottom: 0;
}

.innerSite
{
	width: 1000px;
	margin: 0 auto;
	position: relative;
}

#content
{
	padding: 50px 0 100px;
	clear: both
}

div.form .row.defaultHeight
{
	margin-bottom: 50px;
	padding-top: 15px;
}

.below100
{
	margin-top: 100px;
}

/******** AdminMenu *******/

body.member #mainmenu
{
	display: none;
}

#content #adminmenu
{
	display: none;
}

#mainmenu
{
	position: absolute;
	background-image: none;

	right: 0;
	top: 70px;

	z-index: 2;
}

#mainmenu ul
{
	padding: 0;
	background-color: var(--primary-color);
}

#mainmenu ul li
{
	display: block;
	text-align: right;
}

#mainmenu ul li a
{
	display: block;
	padding: 6px 6px 6px 8px;
	font-size: 14px;
}

#mainmenu ul li a:hover,
#mainmenu ul li.active a
{
	background-color: inherit;
	color: var(--white-color);
	text-decoration: none;
}

#mainmenu .dropdown-menu
{
	display: none;
}

#mainmenu .nav.pull-right:hover
{
	background-color: var(--secondary-color);
}

#mainmenu #adminmenu .dropdown-menu > li:hover
{
	background-color: var(--secondary-color);
}

#mainmenu #adminmenu .dropdown.user:hover .dropdown-menu
{
	display: block;
}

.dropdown-menu > li:first-child
{
	border-top: 1px solid #E3E3E3;
}

ul.dropdown-menu li
{
	/*padding-left: 2px;*/
}

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before
{
	font-size: 25px;
}

/******** Lists ********/
.menu,
.menu ul,
.menu li
{
	margin: 0;
	padding: 0;
	list-style: none;
	background: none;
}

ul, li
{
	list-style-type: none;
	padding-left: 0;
	margin: 0;
}

.menu a
{
	text-decoration: none;
}

.right
{

}

.info
{
	font-size: 16px;
	font-weight: 700;
}

/******** Buttons ********/
button
{
	border: none;
	width: 100%;
	/*padding: 8px;*/

	padding-bottom: 5px;
	padding-top: 5px;

	background: var(--primary-color);
	color: white;

	font-size: 15px;
	font-weight: 700;
}

.big
{
	width: 40% !important;
}

.abbrechen
{
	background-color: var(--primary-color) !important;
}

.abbrechen:hover
{
	background-color: var(--secondary-color) !important;
}

button:hover
{
	cursor: pointer;
	background: var(--secondary-color);
}

button > p
{
	float: left;
	width: 85%;
	margin: 0;

}

.fa
{
	line-height: 19px;
}

.buttons > input
{
	display: block;
	margin-top: 5px;
}

input[type="submit"],
input[type="button"]
{

	width: 22.8723%;
	height: 28px;

	margin-right: 2.8386%;
	padding: 0;

	border: none;

	color: white;
	font-size: 15px;
	font-weight: 700;

	background-color: var(--success-color);

	cursor: pointer;
}

input[type="submit"]:hover,
input[type="button"]:hover
{
	background-color: var(--success-hover-color);
}

.buttons input[type="submit"]:last-child
{
	margin-right: 0;
}

.buttons input[type="submit"]:hover
{
	background-color: var(--success-hover-color);
}

/* Mailfreigabe */

#content .activate h4
{
	margin-bottom: 10px;
}

.activate
{
	margin-top: 20px;
}

.activate p
{
	font-size: 18px;
	font-weight: 700;
}

span.underline
{
	text-decoration: underline;
}

/* ActionButton */

ul.actionButton
{
	float: none !important;
}

.actionButton
{
	overflow: hidden;
}

.actionButton li
{
	float: left;
	width: 215px;

	margin-right: 2.8386%;

	background-color: var(--success-color);
}

.actionButton li:hover
{
	background-color: var(--success-hover-color);
}

.actionButton li a
{
	display: block;
	text-align: center;
	color: var(--white-color);

	font-size: 15px;
	font-weight: 700;

	padding-top: 5px;
	padding-bottom: 5px;

	text-decoration: none;
}

.actionButton li.cancel
{
	background-color: var(--primary-color);
	text-align: center
}

.actionButton li.cancel input[type="submit"]
{
	background: transparent !important;
	margin: 0 !important;
	display: block;
	width: 100%;
}

.actionButton li.cancel:hover
{
	background-color: var(--secondary-color);
}

.actionButton li.back
{
	clear: both;
	margin-top: 10px;
}

/* PrintButton */
.print
{
	width: 22.8723%;
}

.print a
{
	padding-bottom: 5px;
	padding-top: 5px;
	display: block;
	background-color: var(--success-color);

	color: var(--white-color);
	font-size: 15px;
	font-weight: 700;
	text-decoration: none;

	text-align: center;
}

.print a:hover
{
	background-color: var(--success-hover-color);
}

.print img
{
	display: none;
}

.export
{
	position: relative;
}

.export a
{
	position: absolute;
}

.export a img
{
	position: relative;
	top: 7px;
	left: 5px;
}

.export label
{
	font-size: 14px;
}

/* User Menü */
#userMenu
{
	padding-top: 30px;
}

#userMenu ul
{
	overflow: hidden;
}

#userMenu ul li
{
	float: left;

	width: 22.8723%;
	margin-right: 2.1276%;

	background-color: var(--primary-color);

	text-align: center;
}

#userMenu a
{
	display: block;

	text-decoration: none;
	color: white;

	padding: 4px 0;

	font-size: 15px;
	font-weight: 700;
}

#userMenu li:hover
{
	cursor: pointer;
	background-color: var(--secondary-color);
}

#userMenu .active
{
	position: relative;
	background-color: var(--secondary-color);
}

#userMenu .active:after
{
	position: absolute;
	content: '';

	top: 100%;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 0;

	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 13px solid var(--secondary-color);
}

/*****************************
        Header
*****************************/

.homeLink
{
	display: none;
}

.intranet .homeLink
{
	display: block;
}

.intranet .homeLink a
{
	position: absolute;
	width: 200px;
	height: 145px;
	text-decoration: none;
	top: 5px;
}

.intranet .login-logout
{
	position: absolute;
	top: 20px;
	right: 0;
}

div#landHeader
{
	/*background: url('../images/EvaluierungHeader.png') no-repeat top left;*/
	position: absolute;
	width: 100%;
	background-size: 100%;
	height: 500px;
	top: 200px;
	display: none;
}

.member #adminToolImg
{
	display: none;
}

#logo
{
	padding: 0;
	margin: auto 0;
}

#adminToolImg
{
	position: absolute;
	top: 65px;
	left: 380px;
}

#adminToolImg img
{
	width: 185px;
	height: auto;
}

.register
{
	font-size: 15px;
	margin-left: 70px;
}

.grundausbildung:not(.gemeinde):before
{
	position: absolute;
	content: '';
	width: 100%;
	height: 220px;
	top: 185px;
	left: 0;
	background-image: url("../images/Land_Header_inklText.png");
	background-size: 1300px 270px;
}

/********** Topmenu *********/
body.admin #topmenu
{
	display: none;
}

#topmenu
{
	position: relative;
	top: 13px;
	left: 40%;
	float: left;
}

#topmenu li
{
	float: left;
	min-width: 30px;
	margin-right: 15px;
}

#topmenu li a
{
	color: #666666;
	font-size: 13px;
	font-weight: 700;
}

/*********** Menu **********/
body.admin #menu
{
	display: none;
}

#menu
{
	right: 0;
	bottom: 0;
	position: absolute;
	font-size: 17px;
	background: url('../images/menuDivider.png') right bottom no-repeat;
	padding-right: 1px;
}

#menu li
{
	float: left;
	background: url('../images/menuDivider.png') left bottom no-repeat !important;
	text-transform: uppercase;
	height: 35px;
	padding-left: 1px;
}

#menu a
{
	color: var(--dark-primary-color);
	padding: 0 29px;
	display: block;
	height: 27px;
	line-height: 17px;
	border-bottom: 8px solid transparent;
}

#menu a:hover,
#menu a.active,
#menu a:focus
{
	border-color: #AA2729;
}

/*****************************
        Footer
*****************************/

#footer
{
	position: relative;
	min-width: 1000px;

	margin: 0 0;
	padding: 0;

	font-size: 10px;
	text-align: left;

	background: #E4E4E4;
	border: none;
}

/******** FooterTop ********/

#footerTop
{
	height: 25px;
	background: var(--primary-color);
}

.footerTop
{
	line-height: 27px;
	height: 25px;
	color: var(--white-color);
	overflow: hidden;
}

.footerTop p
{
	margin: 0;
	line-height: inherit;
}

#footerTopLeft
{
	float: left;
	width: 210px;
	font-size: 14px;
	text-transform: uppercase;
}

#footerTopRight
{
	float: right;
	width: 660px;
	text-align: right;
}

#footerTopRight .top
{
	position: absolute;
	right: 0;
	top: 0;
	height: 25px;
	padding-left: 15px;
	background: url('../images/icon_top.png') left center no-repeat;
	text-transform: uppercase;
	color: var(--white-color);
	font-size: 14px;
	cursor: pointer;
}

/******** FooterBottom ********/

#footerBottom
{
	overflow: hidden;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	padding: 20px 0;
	margin-top: 30px;
}

#footerBottom > div
{
	display: flex;
	align-items: center;
}

#footerBottom .footer-nav
{
	display: block;
}

#footerBottom .footer-nav ul
{
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 20px 0;
}

#footerBottom .footer-nav ul li
{
	padding: 0 15px;
	font-size: 16px;
	line-height: 16px;
}

#footerBottomLeft,
#footerBottomMid,
#footerBottomRight
{
	width: calc(100% / 3);
	text-align: center;
	float: left;
}

#bottomMenuMiddle a
{
	font-size: 14px;
}

#bottomMenuRight
{
	margin-right: 0;
	width: 200px;
}

#bottomMenuRight .last
{
	height: 122px;
}

#bottomMenuLeft li,
#bottomMenuRight li
{
	text-transform: uppercase;
}

.bottomMenu
{
	margin: 0 20px 0 0;
	float: left;
	width: 210px;
	border-top: 1px solid #FAFAFA;
}

.bottomMenu a
{
	color: #666666;
	font-size: 15px;
	display: block;
	height: 40px;
	line-height: 40px;
}

.bottomMenu li
{
	border-bottom: 1px solid #FAFAFA;
}

/*****************************
        Searchbox
*****************************/

.member div.search, /*{ display: none; }*/
.admin div.search
{
	width: 456px;
	padding-top: 30px;
	padding-bottom: 18px;
}

.search input
{
	width: 97.5% !important;
}

.search .row
{
	position: relative;
}

.search button
{
	position: absolute;

	top: 5px;
	right: 5px;

	width: 25px;

	padding: 0;

	background-color: var(--white-color);
	color: var(--primary-color);
}

/*****************************
        Dashboard
*****************************/

#myDashboard
{
	padding-top: 30px;
}

.grid3 > * > *
{
	float: left;
	margin-right: 30px;
	width: calc((100% - 30px* 3) / 4);
}

#myDashboard > ul
{
	clear: both;
	width: 100%;
}

#myDashboard ul li ul li
{
	padding-top: 10px;
	line-height: 20px;
}

#myDashboard .showAll
{
	padding-top: 10px;
	padding-bottom: 38px;
}

#myDashboard > ul:last-child
{
	padding-top: 10px;
}

/* Überschrift */
#myDashboard > ul:first-child > li
{
	background-color: var(--secondary-color);

	color: white;
	font-size: 17px;
	text-align: center;
}

#dashAbmeldung, #dashBezahlung
{
	line-height: 42px;
}

#myDashboard > ul:first-child > li:first-child
{
	height: 52px;
}

#myDashboard > ul:first-child > li:hover
{
	background-color: var(--primary-color);
}

#myDashboard > ul > li:last-child
{
	margin-right: 0;
}

#myDashboard > ul:first-child > li > ul
{
	height: 350px;

	background-color: #E3E3E3;

	color: var(--dark-primary-color);
	font-size: 15px;
	text-align: left;

	padding-left: 10px;
}

#myDashboard > ul > li > ul
{
	display: none;
}

#myDashboard a
{
	color: var(--dark-primary-color);
	font-size: 15px;
}

#myDashboard > ul:first-child li p
{
	margin: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	text-transform: uppercase;

	cursor: pointer;
}

#myDashboard > ul:last-child > li:last-child > button
{
	padding: 5px;
}

#myDashboard > ul:last-child > li:last-child p
{
	padding-top: 0;
	width: 100%;
}

.showAll a
{
	padding-left: 10px;
}

#myDashboard > ul:last-child > li > button:last-child:hover
{
	cursor: pointer;
	background-color: var(--secondary-color);
}

/* Buttons (Link/Fontawesome + )*/
#myDashboard > ul:last-child > li
{
	background-color: var(--primary-color);
}

#myDashboard > ul:last-child > li > a
{
	color: var(--white-color);
	font-size: 15px;
	font-weight: 700;
	text-decoration: none;
}

#myDashboard > ul:last-child > li > a:hover
{
	background-color: var(--secondary-color);
}

#myDashboard > ul:last-child > li > a:first-child
{
	display: block;
	width: 79%;
	float: left;
	text-align: center;
	padding-left: 10%;
	padding-top: 5px;
	padding-bottom: 5px;

	line-height: 19px;

	border-right: 1px dotted white;
}

#myDashboard > ul:last-child > li > a:last-child
{
	display: block;
	float: right;

	width: 10%;

	text-align: center;

	padding-top: 5px;
	padding-bottom: 5px;
}

#myDashboard > ul > li:last-child > a:last-child
{
	margin-right: 0;
	width: 100%;
}

#myDashboard > ul > li:last-child > a:last-child
{
	padding-left: 0;
}

/*****************************
        Terminliste
*****************************/
.allTermineLink
{
	font-size: 16px;
	font-weight: 700;
}

#homeEvents
{
	padding-top: 50px;
	width: 340px;
}

.firstFiveTermin
{
	padding-top: 0 !important;
}

.newsList,
.newsList li,
.eventList,
.eventList li,
.courseList,
.courseListLand,
.courseList li,
.courseListLand li
{
	line-height: normal;
	list-style: none outside none;
	margin: 0;
	padding: 0;
}

.eventList .article
{
	border-bottom: 1px solid #CCCCCC;
}

.news .article
{
	margin-bottom: 15px;
	padding-bottom: 15px;
}

.news .article *:after
{
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

.news .article *:last-child
{
	margin-bottom: 0;
	padding-bottom: 0;
}

.eventList .article a
{
	text-decoration: none !important;
}

.eventList h2
{
	color: var(--primary-color);
	font-size: 35px;
	margin: 5px 0;
	text-transform: uppercase;
	font-weight: normal;
}

.news .article h3
{
	margin-bottom: 0;
}

.eventList h3
{
	background: url('../images/icon_arrowRightRed.png') 2px 1px no-repeat;
	color: var(--dark-primary-color);
	font-size: 15px;
	margin: 5px 0;
	padding-left: 20px;
	font-weight: 700;
}

.allTermine
{
	width: 100% !important;
}

.terminPager
{
	float: right;
}

/*****************************
        Tabellen
*****************************/

table.items td
{
	vertical-align: top;
}

/* Loading  */

.grid-view table.items th,
.dataGrid th
{
	background: none !important;
	border: none !important;
	text-align: left !important;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}

.grid-view table.items th a,
.grid-view table.items th,
.dataGrid th a,
.dataGrid th
{
	color: var(--dark-primary-color) !important;
	font-size: 15px !important;
}

.grid-view table.items th,
.grid-view table.items td,
.dataGrid th,
.dataGrid td
{
	border: 1px solid white;
	font-size: 0.9em;
	padding: 0.3em;
}

.moreSpace tr th:first-child
{
	width: 50% !important;
}

.items a
{
	font-weight: 700;
}

tr.odd
{
	background-color: var(--white-color) !important;
}

tr.even
{
	background-color: var(--white-color) !important;
}

.items > thead > tr > th:first-child
{
	width: 26%;
}

#referent-has-seminar-grid .items > thead > tr > th:first-child
{
	width: auto;
}

#seminar-grid .items > thead > tr > th:first-child,
#user-has-seminar-grid-n .items > thead > tr > th:first-child,
#seminar-grid-a .items > thead > tr > th:first-child,
#rechnung-grid .items > thead > tr > th:first-child,
#kategorie-grid .items > thead > tr > th:first-child,
#seminar-grid-m .items > thead > tr > th:first-child
{
	width: 11%;
}

#user-has-seminar-grid-n_c3
{
	width: 25%;
}

#user-has-seminar-grid-n_c4
{
	width: 35%;
}

#seminar-grid .items > thead > tr > th:nth-child(2)
{
	width: 25%;
}

.items thead tr,
#table table.data-grid > tbody > tr,
table.dataGrid > tbody > tr:first-child
{
	background-color: #E3E3E3 !important;
}

.items tbody tr td,
.dataGrid tbody tr td
{
	font-size: 15px !important;
}

.items tbody tr td:first-child,
.dataGrid tbody tr td:first-child
{
	font-weight: 700;
}

.items
{
	border: none !important;
}

.button-column
{
	width: 165px !important;
	text-align: right !important;
}

.button-column a
{
	color: var(--dark-primary-color) !important;
	text-decoration: underline;
}

table.detail-view
{
	margin-top: 10px;
}

table.detail-view th
{
	text-align: left;
}

table.detail-view th,
table.detail-view td
{
	font-size: 16px;
	border: none;
	/*white-space: pre-wrap;*/
	padding: 7px 0;
}

table.detail-view th
{
	width: 22.872%;
}

table.detail-view tr
{
	border-bottom: 1px solid #E3E3E3;
}

.grid-view .filters input, .grid-view .filters select
{
	border: 1px solid #CCCCCC;
	padding-left: 5%;
	width: 90%;
}

.buttons
{
	margin-top: 15px;
	margin-bottom: 75px;
}

.buttons > input
{
	float: left;
	margin-bottom: 10px;
}

.buttons ul
{
	overflow: hidden;
}

.buttons > ul > li
{
	float: left;
	width: calc((100% - 30px * 3) / 4);
	margin-right: 30px;
	background-color: var(--success-color);
	margin-bottom: 5px;
}

.buttons > ul > li:nth-child(4n)
{
	margin-right: 0 !important;
}

.buttons > ul > li:hover
{
	cursor: pointer;
	background-color: var(--success-hover-color);
}

.buttons > ul > li:last-child
{
	margin-right: 0;
}

.buttons > ul > li > a
{
	display: block;
	text-decoration: none;
	color: white;
	font-size: 15px;
	font-weight: 700;
	text-align: center;
	padding: 6px;
}

.buchen
{
	margin-top: 10px;
	margin-bottom: 10px;
}

.buchen.bigger
{
	font-size: 20px;
	line-height: 26px;
	font-weight: 700;
}

.buchen.bigger a
{
	color: var(--primary-color);
}

.buchen.bigger a:hover,
.buchen.bigger a:focus
{
	text-decoration: none;
}

.abmelden
{
	margin-top: 10px;
}

.grid-view table.items th a,
.grid-view table.items th
{
	background: url("../images/updown.png") right center no-repeat;
	padding-right: 15px;
	padding-top: 3px;
}

.grid-view table.items th a.desc
{
	background: url("../images/down.png") right center no-repeat !important;
	padding-right: 15px;
	padding-top: 3px;
}

.grid-view table.items th a.asc
{
	background: url("../images/up.png") right center no-repeat !important;
	padding-right: 15px;
	padding-top: 3px;
}

td.button-column a
{
	margin-left: 5px;
}

.cat .view
{
	display: none;
}

/**** Pager ****/
ul.yiiPager li
{
	font-size: 13px;
}

ul.yiiPager a:link,
ul.yiiPager a:visited
{
	border: 1px solid var(--dark-primary-color);
	color: var(--black-color);
}

ul.yiiPager .selected a
{
	color: var(--white-color);
	background-color: var(--primary-color);
}

ul.yiiPager a:hover
{
	color: var(--white-color);
	background-color: var(--secondary-color);
}

/**** Termine ****/

.termine .items > thead > tr > th:first-child
{
	width: 30%;
}

#termin-grid-create
{
	width: 380px;
}

#termin-grid-create th
{
	width: 40%;
}

/**** Pruefungen ****/

#pruefungen > a
{
	display: block;
	margin-bottom: 10px;
}

/*****************************
        Formulare
*****************************/

form
{
	max-width: 100%;
}

form#seminar-form
{
	max-width: 85%;
}

.form .row > *
{
	float: left;
	margin-right: 2.8386%;
}

.form .row
{
	width: 100%;
	clear: both;
}

.form h3
{
	clear: both;

	margin-bottom: 13px;
	padding-top: 22px;

	color: var(--primary-color);
	text-transform: uppercase;
}

.form form > .row:last-child input
{
	float: right;
	border: none;

	color: white;
	background-color: var(--success-color);

	cursor: pointer;
}

.form .row:last-child input[type="submit"]:hover,
.form .row:last-child input[type="button"]:hover
{
	background-color: #8FBF15;
}

.form .row label
{
	clear: right;

	width: 22.8723%;
	padding-top: 4px;

	font-size: 15px;
	font-weight: 700;
	line-height: 30px;

	color: var(--dark-primary-color);
}

.form .row.agb,
.form .row.dsgvo
{
	margin-left: 25.3%;
	width: 100%;
	position: relative;
}

.form .row.agb input,
.form .row.dsgvo input
{
	width: 3%;
	top: 8px;
	position: absolute;
}

.form .row.agb label,
.form .row.dsgvo label
{
	float: none;
	width: inherit;
	clear: right;
	margin-left: 30px;
	max-width: 355px;
}

.form .row > span
{
	height: 34px;
	line-height: 34px;
	display: inline-block;
}

div.form .errorMessage
{
	line-height: 40px;
}

#referent-has-seminar-form .row label
{
	clear: left;
}

#Referent_landRef
{
	margin-left: 0;
	margin-top: 10px;
}

.form form > a:last-child input
{
	float: none;
	margin-left: 25.7666%;
}

.form form > a
{
	text-decoration: none;
}

#termin-form select
{
	height: 100px;
}

#passwordMail h4
{
	margin-top: 0 !important;
}

#passwordMail *
{
	display: block;
	float: none !important;
}

#addTermin
{
	margin-left: 25.7666%;
	width: 80%;
}

.plus
{
	position: absolute;
	font-family: "FontAwesome";
	content: "\f055";
}

div.view
{
	border: none;
	border-bottom: 1px solid #DDDDDD;

	padding: 0 0 15px;
}

div.view p
{
	line-height: 1.6em;
	font-size: 16px;
	color: var(--dark-primary-color);
}

div.view a
{
	color: var(--dark-primary-color);
	font-weight: 700;
	font-size: 16px;
}

a.search-button
{
	color: var(--dark-primary-color);
	font-weight: 700;
	font-size: 16px;
}

div.view input[type="button"]
{
	background: var(--primary-color);
	display: block;
	border: none;
	color: var(--white-color);
	font-size: 15px;
	text-decoration: none;
	text-align: center;
	height: 25px;
	line-height: 25px;
}

div.view .details > ul > li
{
	float: left;
	width: 10%;
	font-size: 16px;
}

.selectArea option
{
	padding: 0;
}

/* Chosen Plugin - Search tool for dropdownmenus */
.chosen-container-single .chosen-single
{
	border-radius: 0;
	box-shadow: none;
	background: none;
	border: 1px solid var(--black-color);
	color: var(--black-color);
	height: 29px;
}

.chosen-container-active.chosen-with-drop .chosen-single
{
	box-shadow: none;
	background: none;
	border: 1px solid var(--black-color);
	border-radius: 0;
}

.chosen-container-single .chosen-single span
{
	margin-top: 2px;
	font-size: 14px;
}

.chosen-container-single .chosen-single div
{
	top: 3px;
}

.chosen-container .chosen-results li.highlighted
{
	background-color: var(--secondary-color);
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, var(--secondary-color)), color-stop(90%, var(--secondary-color)));
	background-image: -webkit-linear-gradient(var(--secondary-color) 20%, var(--secondary-color) 90%);
	background-image: -moz-linear-gradient(var(--secondary-color) 20%, var(--secondary-color) 90%);
	background-image: -o-linear-gradient(var(--secondary-color) 20%, var(--secondary-color) 90%);
	background-image: linear-gradient(var(--secondary-color) 20%, var(--secondary-color) 90%);
	color: var(--white-color);
}

.chosen-container .chosen-drop
{
	border: 1px solid var(--black-color);
	border-top: none;
}

.chosen-container-single .chosen-search input[type=text]
{
	border: 1px solid var(--black-color);
}

div.row.chosenFix .chosen-container
{
	width: 379px !important;
	background-color: var(--white-color);
}

.chosenFormFix > label
{
	padding-top: 0 !important;
}

#User_firma_chosen
{
	margin-bottom: 5px;
}

#User_firma_chosen a
{
	height: 31px;
}

/**** Questionmark after Status ****/

.frist > input:after
{
	position: absolute;

	font-family: 'FontAwesome';
	content: '\f007';

	font-weight: normal;
	font-size: 25px;

	left: 8px;
	top: 4px;
}

.helpFreigabe,
.titelVor,
.titelHinten,
.userName,
.personalnummer-hinweis,
.password
{
	position: relative;
	margin-left: -15px;
}

#freigabeToolTip
{
	line-height: 40px;
}

.fa-question:before
{
	content: "\f128";
	color: var(--dark-primary-color);
	font-size: 20px;
	top: 10px;
}

.fa-question:hover
{
	cursor: pointer;
}

/**** HTML Editor ****/
.wysiwyg .MultiFile-applied
{
	width: 100%;
}

.wysiwyg .defaultSimpleSkin table.mceLayout
{
	border: 1px solid var(--black-color) !important;
}

.wysiwyg > div
{
	width: 379px;
	height: auto;

	margin-top: 5px;
	margin-bottom: 30px;
}

.wysiwyg .mceIframeContainer,
.wysiwyg .mceLayout
{
	height: 100% !important;
}

.wysiwyg iframe
{
	height: 175px !important;
}

/**** Datepicker ****/

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year
{
	width: 93%;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br
{
	border-radius: 0;
}

.ui-widget-header
{
	background: none;
	background-color: var(--primary-color);
}

.ui-state-hover,
.ui-state-focus
{
	background: var(--secondary-color) !important;
	border: none !important;
	color: var(--white-color) !important;
}

.ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all
{
	border: none;
}

table.ui-datepicker-calendar thead th
{
	background: none;
}

a.ui-state-default
{
	color: #555555 !important;
}

a.ui-state-default.ui-state-hover
{
	background-color: var(--secondary-color);
	color: var(--white-color) !important;
	border: 1px solid #CCCCCC;
}

a.ui-state-active
{
	border: var(--secondary-color) solid 1px !important;
}

.ui-datepicker-today .ui-state-default.ui-state-highlight
{
	background: none;
	background-color: var(--primary-color);
	color: var(--white-color) !important;
	border: 1px solid #CCCCCC;
}

.ui-widget-header .ui-state-highlight
{
	border: var(--secondary-color) solid 1px !important;
}

/*****************************
        Evaluierungsformular
*****************************/

.evaLand form
{
	margin-top: 40px;
}

.intranet .evaLand form
{
	margin-top: 40px;
}

.bewertung div
{
	width: 610px;
	margin-right: 0 !important;
}

.bewertung div label
{
	float: left;
	width: 140px !important;
	text-align: center;
}

.evaBlock.radioBelow > label
{
	clear: left;
	margin-top: 10px;
}

.evaBlock.radioBelow > textarea
{
	clear: left;
	width: 100%;
}

.evaBlock.radioBelow > span
{
	height: auto !important;
}

.evaBlock.radioBelow:not([class*=col]) span div
{
	width: 100%;
	clear: both;
}

.evaBlock.radioBelow.col-5 span div
{
	width: calc(100% / 5);
}

.evaBlock.radioBelow.col-2 span div
{
	width: calc(100% / 2);
}

.evaBlock.radioBelow span div input
{
	float: left;
	width: 50px;
	position: absolute;
	left: 0;
	height: 30px;
}

.evaBlock input[type=radio]:not(old),
.evaBlock input[type=checkbox]:not(old)
{
	position: absolute;
	width: 20px;
	margin: 0;
	padding: 0;
	opacity: 0;
}

.evaBlock input[type=radio]:not(old) + label,
.evaBlock input[type=checkbox]:not(old) + label
{
	position: relative;
	padding-left: 50px !important;
	cursor: pointer;
	line-height: 30px;
	margin-bottom: 5px;
}

.evaBlock input[type=radio]:not(old) + label::before,
.evaBlock input[type=checkbox]:not(old) + label::before
{
	display: inline-block;
	position: absolute;
	left: 0;
	width: 50px;
	height: 30px;
	line-height: 30px;
	float: right;
	content: '\f1db';
	font-family: FontAwesome;
	color: var(--dark-primary-color);
	font-size: 24px;
	text-align: center;
	pointer-events: none;
}

.evaBlock input[type=checkbox]:not(old) + label::before
{
	content: '\f096';
}

.evaBlock input[type=radio]:not(old):checked + label::before,
.evaBlock input[type=checkbox]:not(old):checked + label::before
{
	display: none;
}

.evaBlock input[type=radio]:not(old):checked + label::after,
.evaBlock input[type=checkbox]:not(old):checked + label::after
{
	content: '\f058';
	display: block;
	position: absolute;
	left: 0;
	color: var(--success-color);
	bottom: 0;
	font-family: FontAwesome;
	font-size: 24px;
	pointer-events: none;
	width: 50px;
	height: 30px;
	text-align: center;
}

.evaBlock input[type=checkbox]:not(old):checked + label::after
{
	content: '\f046';
}

.evaBlock.radioBelow span div input + label
{
	width: 100% !important;
	display: block;
}

.form.evaForm .row label
{
	width: 330px;
	margin-right: 0;
}

.form .evaBlock input[type=submit]
{
	float: right !important;
	margin: 20px 0 40px;
}

#UserHasUmfrage_wert
{
	width: 60%;
}

.evaForm #UserHasUmfrage_offeneAntwort1
{
	overflow: hidden;
	height: auto;
}

.evaForm table
{
	margin-bottom: 0;
}

.evaForm.referent
{
	margin-top: 50px;
}

.titleRadioRight.evaBlock span div
{
	margin-top: 25px;
}

.evaBlock.title label
{
	width: 100% !important;
	margin-top: 25px;
	font-size: 18px;
	font-weight: 700;
	color: var(--primary-color);
	text-decoration: underline;
}

.evaBlock:not(.radioBelow) span div label
{
	font-size: 0 !important;
	max-width: calc(100% - 50px);
	text-align: center;
	margin: 0 auto;
}

.evaBlock:not(.radioBelow) input[type=radio]:not(old) + label::before,
.evaBlock:not(.radioBelow) input[type=checkbox]:not(old) + label::before,
.evaBlock:not(.radioBelow) input[type=radio]:not(old) + label::after,
.evaBlock:not(.radioBelow) input[type=checkbox]:not(old) + label::after
{
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}

.evaBlock.titleRadioRight > label
{
	font-size: 18px;
	margin-top: 25px;
	font-weight: 700;
	color: var(--primary-color);
	text-decoration: underline;
}

.evaBlock.titleRadioRight > span input
{
	margin-top: 35px;
}

.evaBlock > span > label
{
	display: none;
}

.evaBlock span
{
	float: none !important;
}

.evaBlock span input
{
	/*width: 140px;*/
	/*float: left;*/
	padding: 0;
	margin-top: 8px;
}

.evaBlock.radioBelow span div
{
	position: relative;
}

.evaBlock.radioBelow:not([class*=col]) span div
{
	float: none;
}

.evaBlock span div
{
	width: 140px;
	float: left;
	padding: 0;
	margin-top: 8px;
	text-align: center;
}

.evaBlock span div input
{
	display: inline-block;
}

.evaForm.form .row > *
{
	box-sizing: border-box;
}

.evaBlock.radioBelow label
{
	display: inline;
	width: auto;
	text-align: left
}

.radioBelow input
{
	float: right; /*clear: left;*/
}

.radioBelow label
{
	float: left; /*clear: right;*/
}

.evaBlock label
{
	padding: 0 !important;
}

.row.evaTable
{
	padding-top: 15px;
}

.evaTitle
{
	margin-top: 10px;
	width: 610px;
	margin-right: 0 !important;
}

.evaTitle td
{
	width: 140px;
	text-align: center;
	font-weight: 700;

}

.radioBelow span,
	/*.radioBelow label{ width: 100% !important; }*/

#sonstiges input
{
	width: 100%;
}

.customQuestion textarea
{
	width: 100%;
}

.evaFix
{
	margin-bottom: -80px !important;
}

.evaTopFix input
{
	margin-left: 27px !important;
}

/*****************************
        Kategorien und
        Seminarliste
*****************************/

.courseList,
ul li .courseListLand
{
	display: none;
}

#catCourseList h2
{
	position: relative;

	padding-left: 0;

	color: var(--secondary-color);
	font-size: 18px;
	font-weight: 700;
	line-height: 42px;

	cursor: pointer;

	margin-bottom: 0;
}

.courseList h3, .courseListLand h3
{
	color: var(--dark-primary-color);
	font-size: 15px;
	font-weight: 700;
	margin: 0;
	padding-left: 20px;
	text-transform: none;
	background: url('../images/icon_arrowRightRed.png') 2px 1px no-repeat;
}

.courseList li.article, .courseListLand li.article
{
	margin-top: 15px;
	padding-bottom: 0;
}

#courseCat
{
	display: block !important;
}

#courseCat > li, #courseCatLand > li
{
	float: left;
	padding-bottom: 10px;
	width: 50%;
}

.article :last-child
{
	padding-bottom: 0;
	margin-bottom: 0;
}

.courseList a, .courseListLand a
{
	display: block;
	margin: 0;
	padding: 0;

	color: var(--dark-primary-color);
}

#courseCat > li:nth-child(2n), #courseCatLand > li:nth-child(2n)
{
	clear: right;
}

#courseCat > li:nth-child(2n+1), #courseCatLand > li:nth-child(2n+1)
{
	clear: left;
}

.catTitle
{
	margin-left: 50px;
}

.catImage
{
	width: 42px;
	height: 42px;
	position: absolute;
	left: 0;
	top: 0;
}

.courseList.kategorien > li#cat40 > h2,
.courseList.kategorien > li#cat41 > h2,
.courseList.kategorien > li#cat42 > h2
{
	background: #D9D8D7;
}

h2.subcat
{
	color: var(--dark-primary-color) !important;
	font-size: 15px;
	font-weight: 700;
	margin: 0;
	padding-left: 20px;
	text-transform: none;
	line-height: 21px !important;
	padding-top: 10px;
}

.flagopen li
{
	padding-left: 20px;
}

#courseCat > li > ul > li, #courseCatLand > li > ul > li
{
	padding-left: 0;
}

/*****************************
        Login Form
*****************************/

.form.login .row > *
{
	float: none;
}

div.form.login .row
{
	margin: 0;
}

.login h2
{
	font-size: 18px;
}

#login-form .row.buttons > *
{
	float: none;
}

#login-form .row.username,
#login-form .row.password
{
	display: flex;
	flex-direction: column;
}

.form.login .grid-2
{
	display: grid;
	grid-template-columns: repeat(2, calc(50% - 15px));
	grid-column-gap: 30px;
}

.titleLogin
{
	text-align: center;
}

.form.login .sso-form
{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.form.login
{
	position: relative;
}

.form.login::after
{
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	height: 100%;
	background: #CCCCCC;
	width: 1px;
}

.form.login .sso-form img
{
	margin-bottom: 20px;
}


.form.login .sso-form h2
{
	font-size: 22px;
}

.form.login .sso
{
	padding: 12px 25px;
	text-decoration: none;
	display: inline-block;
	text-align: center;
	width: auto;
	margin-top: 20px;
	line-height: 25px;
	height: auto;
	margin-right: 0;
	border: none;
	color: var(--white-color);
	font-size: 18px;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight: 700;
	background-color: var(--success-color);
	cursor: pointer;
}

.form.login .sso:hover,
.form.login .sso:focus
{
	background: var(--success-hover-color);
}

#passwordMail label
{
	width: 100%;
}

#passwordMail input[type="submit"],
#passwordMail input[type="button"]
{
	padding: 5px 10px;
	width: auto;
}

#login-form .row.rememberMe > *
{
	float: none;
	width: inherit;
}

#login-form #LoginForm_rememberMe
{
	width: 3%;
	margin-top: 6px;
}

#login-form label
{
	width: 100%;
}

#login-form input[type="button"],
#login-form input[type="submit"]
{
}

.rememberMe b
{
	margin-left: 2.8%;
}

.rememberMe a
{
	font-size: 15px;
	text-decoration: none;
}

.login .row input
{
	float: left !important;
}

.login .errorMessage
{
	font-size: 15px !important;
	font-weight: 700;
}

.error b
{
	font-size: 15px !important;
	font-weight: 700;
	color: var(--error-color);
}

.form.login a
{
	color: #0066CC;
	text-decoration: underline;
}

/*****************************
        Operationsmenu
*****************************/

#sidebar
{
	padding: 0;
}

.portlet-decoration
{
	display: none;
}

.span-5
{
	width: 100%;
	margin-top: 30px; /* siehe .operations li */
}

.operations li
{
	float: left;

	width: calc(100% / 4 - (90px / 4));

	margin-right: 30px;

	/*background-color: #e6a93f;*/
	background-color: var(--dark-primary-color);
}

.operations li
{
	margin-top: 10px;
	padding: 0;
}

.operations li:nth-child(4n)
{
	margin-right: 0;
}

.operations li:nth-child(5n)
{
	clear: both;
}

.portlet-content
{
	background: none;
	padding: 0;
	margin: 0;
}

.portlet-content li
{
	padding: 0;
}

ul.operations a
{
	display: block;

	text-decoration: none;
	color: white;

	font-size: 15px;
	font-weight: 700;

	text-align: center;
	/*line-height: 43px;*/

	padding: 8px;
}

ul.operations li:hover
{
	cursor: pointer;
	background-color: var(--secondary-color);
}

ul.operations li a:visited
{
	color: var(--white-color);
}

ul.operations li a:hover
{
	background: none;
}

/*****************************
        Content
*****************************/

#content h1,
#content h5
{
	margin-bottom: 0.5em;
	margin-top: 0.5em;
}

#content h4
{
	margin-top: 10px;
	margin-bottom: 0;
	font-weight: 700;

	color: var(--primary-color);
}

#content .grid-view
{
	padding: 0;
}

.gradiant
{
	background-image: -webkit-gradient(
			linear,
			left top,
			left bottom,
			color-stop(0, #E8E8E8),
			color-stop(0.27, var(--white-color))
	);
	background-image: -o-linear-gradient(bottom, #E8E8E8 0%, var(--white-color) 5%);
	background-image: -moz-linear-gradient(bottom, #E8E8E8 0%, var(--white-color) 5%);
	background-image: -webkit-linear-gradient(bottom, #E8E8E8 0%, var(--white-color) 5%);
	background-image: -ms-linear-gradient(bottom, #E8E8E8 0%, var(--white-color) 5%);
	background-image: linear-gradient(to bottom, #E8E8E8 0%, var(--white-color) 5%);
}

/*****************************
        Seminarview
*****************************/

.seminarOptions ul li
{
	/*background-color: #e6a93f;*/
	background-color: var(--dark-primary-color);
}

.seminarOptions ul li:hover
{
	/*background-color: #d65f00;*/
	background-color: var(--secondary-color);
}

.infoRow
{
	clear: both;
	margin-bottom: 35px;
}

.infoRow label:nth-child(3)
{
	clear: left;
}

.infoBlock
{
	margin-bottom: 20px;
}

.infoBlock .infoRow
{
	overflow: hidden;
	margin-bottom: 0;
}

.infoBlock .infoRow label
{
	float: left;
	min-width: 200px;
}

.infoBlock .infoRow label + label
{
	/*margin-left: 50px;*/
}

.infoRow label,
.alt label
{
	width: 150px;
	float: left;
}

b.courseTitle
{
	color: var(--dark-primary-color);
	font-size: 15px;
	font-weight: 700;
	margin: 0;
	padding-left: 20px;
	text-transform: none;
	background: url('../images/icon_arrowRightRed.png') 2px 1px no-repeat;
}

.serminarInhalt ul,
table.detail-view tbody tr td ul
{
	padding-left: 22px !important;
	margin-bottom: 15px;
	white-space: normal;
}

.serminarInhalt li,
table.detail-view tbody tr td li
{
	list-style: none !important;
	position: relative;
}

.serminarInhalt li::before,
table.detail-view tbody tr td li::before
{
	background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='%23333333'%3E%3Cpath d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z'/%3E%3C/svg%3E") no-repeat center;
	content: "";
	background-size: 6px;
	position: absolute;
	left: -18px;
	top: 0;
	width: 8px;
	height: 18px;
}

.serminarInhalt li ul li::before,
table.detail-view tbody tr td li ul li::before
{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512' fill='%23333333'%3E%3Cpath d='M640 247.5v16a8 8 0 0 1-8 8H8a8 8 0 0 1-8-8v-16a8 8 0 0 1 8-8h624a8 8 0 0 1 8 8z'/%3E%3C/svg%3E");
}

.serminarInhalt
{
	padding-top: 15px;
	padding-bottom: 15px;
	clear: both;
}

/*****************************
        Advanced Search
*****************************/

div.wide.form label
{
	float: left;
	margin-right: 10px;
	position: relative;
	text-align: left;
	width: 20%;
}

div.wide.form .buttons,
div.wide.form .hint,
div.wide.form .errorMessage
{
	padding: 0;
}

.form form > .row:last-child input
{
	float: none;
	margin-left: 25.7666%;
}

.search-form .form form > .row:last-child input
{
	margin-left: 21.1244%;
}

.search-form label
{
	width: 22.8723%;
}

.search-form .chosen-container
{
	background: var(--white-color);
}

/*****************************
        Intranet
*****************************/

.intranet #page
{
	margin-bottom: 100px;
}

.intranet #headerWrapper,
.intranet .search,
.intranet .span-5,
.intranet #catCourseList > h1,
.intranet #footer
{
	display: none;
}

.intranet #siteWrapper
{
	background: none;
}

.intranet #myDashboard
{
	padding-top: 60px;
}

.intranet .innerSite
{
	background: url(../images/Land_Header_new.png) no-repeat top left;
	background-position: -10px 0;
	min-height: 210px;
}

.intranet #content
{
	padding-top: 40px;
	padding-bottom: 0;
}

.intranet.content #content
{
	padding-top: 20px;
}

.intranet #userMenu
{
	overflow: hidden;
	margin-bottom: 50px;
}

.intranet .loggedIn
{
	padding-right: 130px;
	top: -210px;
	position: relative;
}

.intranet #sidebar .portlet
{
	overflow: hidden;
	margin-bottom: 50px;
}

.intranet div.search
{
	display: block;
	top: 210px;
}

.intranet button
{
	display: block !important;
}

.intranet .search .row
{
	width: 70% !important;
}

.intranet #content > h1
{
	margin-top: 35px;
}

.intranet #kontakt
{
	margin-top: 80px;
	font-size: 15px;
}

.intranet #catCourseList
{
	overflow: hidden;
}

.intranet #landText
{
	clear: both;
	margin-top: 120px;
	/* max-width: 700px; */
	font-size: 17px;
	padding-bottom: 25px;
}

/*****************************
        Maillog
*****************************/

.maillog_stat
{
	max-width: 115px;
	word-break: break-all;
}

/*****************************
        Temporär
*****************************/
.span-19
{
	width: 100%;
}

.filters
{
	/*display: none;*/
}

.disable
{
	display: none;
}

.csv-output
{
	display: none;
}

#danke
{
	font-size: 20px;
	text-transform: none;
}

.activate h1
{
	text-transform: none;
}

.umfrage_aktiv, .zertifikat_aktiv
{
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	background: var(--success-color);
	color: var(--white-color);
	font-size: 20px;
	text-transform: uppercase;
}

.umfrage_inaktiv, .zertifikat_inaktiv
{
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	background: var(--error-color);
	color: var(--white-color);
	font-size: 20px;
	text-transform: uppercase;
}

#infoVon, #infoBis
{
	width: 125px;
	margin-left: 10px;
	margin-right: 10px;
}

a.back
{
	font-size: 16px;
	display: block;
	clear: both;
	margin-top: 20px;
}

.chosen-container-multi .chosen-choices li.search-choice
{
	display: none;
}

#Seminar_tags + .chosen-container-multi .chosen-choices li.search-choice
{
	display: block;
}

#Seminar_tags + .chosen-container-multi .chosen-choices
{
	background: var(--white-color);
	padding: 2px 6px;
	border: 1px solid var(--black-color);
	width: 378px;
}

.bold
{
	font-weight: 700;
}

.files .bold
{
	font-size: 16px;
}

.intranet .innerSite
{
	padding-top: 210px;
}

.intranet .innerSite > .loginButton
{
	top: -210px;
	z-index: 1;
}

#AjaxFlash
{
	position: fixed;
	right: 80px;
	top: 100px;
}

#AjaxFlash .message
{
	background: #E6EFC2;
	border: 3px solid var(--success-color);
	color: var(--black-color);
	font-size: 20px;
	max-width: 250px;
	padding: 10px;
	margin-bottom: 10px;
}

#AjaxFlash .message.error
{
	background: var(--secondary-color);
	border: 3px solid var(--primary-color);
	color: var(--white-color);
}

.controllingForm
{
	padding-top: 15px;
	margin: 15px 0;
	border-top: 1px solid #999999;
}

.radio-container
{
	display: block;
	clear: left;
	float: none;
	width: 100%;
	position: relative;
}

.radio-container input:not(old)
{
	position: absolute;
	width: 20px;
	margin: 0;
	padding: 0;
	opacity: 0;
}

.radio-container input:not(old) + label
{
	position: relative;
	padding-left: 40px;
	cursor: pointer;
	line-height: 20px;
	margin-bottom: 20px;
}

.radio-container input:not(old) + label > a
{
	margin-left: 10px;
	font-size: 20px;
	line-height: 20px;
	margin-top: 5px;
	position: absolute;
}

.radio-container input:not(old) + label > a:hover,
.radio-container input:not(old) + label > a:focus
{
	color: var(--secondary-color);
}

.radio-container input:not(old) + label::before
{

	display: inline-block;
	position: absolute;
	left: 0;
	width: 30px;
	height: 30px;
	line-height: 30px;
	float: right;
	content: '\f1db';
	font-family: FontAwesome;
	color: var(--dark-primary-color);
	font-size: 24px;
	text-align: center;
	pointer-events: none;
}

.radio-container input:not(old):checked + label::before
{
	display: none;
}

.radio-container input:not(old):checked + label::after
{
	content: '\f058';
	display: block;
	position: absolute;
	left: 0;
	color: var(--success-color);
	bottom: 0;
	font-family: FontAwesome;
	font-size: 24px;
	pointer-events: none;
	width: 30px;
	height: 30px;
	text-align: center;
}

div[id*=modal-container]
{
	font-size: 18px;
	max-width: 600px;
}

div[id*=modal-container] ul li
{
	position: relative;
	padding-left: 25px;
}

div[id*=modal-container] ul li::before
{
	position: absolute;
	left: 0;
	content: '\f068';
	font-family: FontAwesome;
	font-size: 18px;
	line-height: 21px;
}

.statistik p,
.statistik li
{
	font-size: 18px;
}

.statistik b
{
	font-size: 20px;
}

.statistik ul,
.statistik div[data-highcharts-chart]
{
	margin: 20px 0 0;
	border-bottom: 1px solid #EEEEEE;
	padding-bottom: 20px;
}

.statistik .eval-button
{
	margin-top: 20px;
	float: right;
	margin-right: 0;
}

tfoot
{
	font-style: normal;
}

tfoot td:not(:first-child)
{
	display: none;
}

tfoot td select,
tfoot td #send_mail
{
	margin-right: 20px;
}

tfoot td .btn
{
	float: right;
	margin-right: 0;
}

.overlay
{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--white-color);
	opacity: 0.6;
	display: none;
}

.loader {
	border: 14px solid var(--primary-color);
	border-top: 14px solid #a2a2a2;
	border-radius: 100%;
	position: fixed;
	top: 50%;
	left: 50%;
	margin: -35px 0 0 -35px;
	width: 70px;
	height: 70px;
	animation: spin 2s linear infinite;
	display: none;
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

#user-grid
{
	overflow-x: auto;
	padding-bottom: 10px !important;
	padding-right: 1px !important;
	margin-bottom: 10px;
}
.alert {
	padding: 0.75rem 1.25rem;
	margin-bottom: 1rem;
	border: 1px solid transparent;
	border-radius: 0.25rem;
}

.alert-heading {
	color: inherit;
}

.alert-link {
	font-weight: 700;
}

.alert-dismissible .close {
	position: relative;
	top: -0.75rem;
	right: -1.25rem;
	padding: 0.75rem 1.25rem;
	color: inherit;
}

.alert-success {
	background-color: #dff0d8;
	border-color: #d0e9c6;
	color: #3c763d;
}

.alert-success hr {
	border-top-color: #c1e2b3;
}

.alert-success .alert-link {
	color: #2b542c;
}

.alert-info {
	background-color: #d9edf7;
	border-color: #bcdff1;
	color: #31708f;
}

.alert-info hr {
	border-top-color: #a6d5ec;
}

.alert-info .alert-link {
	color: #245269;
}

.alert-warning {
	background-color: #fcf8e3;
	border-color: #faf2cc;
	color: #8a6d3b;
}

.alert-warning hr {
	border-top-color: #f7ecb5;
}

.alert-warning .alert-link {
	color: #66512c;
}

.alert-danger {
	background-color: #f2dede;
	border-color: #ebcccc;
	color: #a94442;
}

.alert-danger hr {
	border-top-color: #e4b9b9;
}

.alert-danger .alert-link {
	color: #843534;
}

#user-grid td:nth-child(4)
{
	max-width: 240px;
	word-break: break-all;
	width: 100%;
}

.dsgvo-info
{
	background-color: #FFFF00;
	color: var(--primary-color);
	border: 5px solid var(--primary-color);
	text-align: center;
	padding: 20px;
	font-size: 20px;
	line-height: 24px;
	font-weight: 600;
	margin-bottom: 10px;
}

.maillog-info
{
	background-color: var(--secondary-color);
	color: var(--white-color);
	text-align: center;
	padding: 10px;
	font-size: 16px;
	line-height: 20px;
	font-weight: 400;
	margin-bottom: 10px;
}

.maillog-info a
{
	text-decoration: none;
	color: var(--white-color);
}

.maillog-info a:hover,
.maillog-info a:focus
{
	text-decoration: underline;
}

#Rechnung_user_chosen
{
	width: 380px !important;
}

#Rechnung_user_chosen .chosen-single
{
	background: var(--white-color);
}

@media all and (-ms-high-contrast:none)
{
	.evaBlock span div
	{
		position: relative;
		height: 30px;
	}
	.evaBlock input[type=radio]:not(old),
	.evaBlock input[type=checkbox]:not(old)
	{
		left: 50%;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
		height: 30px;
		cursor: pointer;
	}
	:not(.radioBelow).evaBlock input[type=radio]:not(old) + label::before,
	:not(.radioBelow).evaBlock input[type=checkbox]:not(old) + label::before,
	:not(.radioBelow).evaBlock input[type=radio]:not(old) + label::after,
	:not(.radioBelow).evaBlock input[type=checkbox]:not(old) + label::after
	{
		top: 0;
	}
	.evaBlock.titleRadioRight > span input
	{
		margin-top: 0;
	}
}

.back-to-website,
.login-logout
{
	text-decoration: none;
	position: relative;
	right: auto;
	bottom: auto;
	display: inline-block;
	border: 1px solid #626262;
	border-radius: 4px;
	background: #f1f0ee;
	color: var(--dark-primary-color);
	font-weight: 600;
	padding: 7px 10px 7px 40px;
	font-size: 13px;
	margin-right: 5px;
}

.back-to-website:hover,
.back-to-website:focus,
.login-logout:hover,
.login-logout:focus
{
	background: var(--white-color);
	color: var(--secondary-color);
	border-color: var(--secondary-color);
}

.back-to-website::before,
.login-logout::before
{
	content: '';
	background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 512' fill='%23572b2a'%3E%3Cpath d='M238.475 475.535l7.071-7.07c4.686-4.686 4.686-12.284 0-16.971L50.053 256 245.546 60.506c4.686-4.686 4.686-12.284 0-16.971l-7.071-7.07c-4.686-4.686-12.284-4.686-16.97 0L10.454 247.515c-4.686 4.686-4.686 12.284 0 16.971l211.051 211.05c4.686 4.686 12.284 4.686 16.97-.001z'/%3E%3C/svg%3E") no-repeat 50%;
	width: 20px;
	height: 20px;
	display: inline-block;
	position: absolute;
	top: 5px;
	left: 10px;
	background-size: 7px !important;
}

.back-to-website:hover::before,
.back-to-website:focus::before
{
	background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 512' fill='%23E8513C'%3E%3Cpath d='M238.475 475.535l7.071-7.07c4.686-4.686 4.686-12.284 0-16.971L50.053 256 245.546 60.506c4.686-4.686 4.686-12.284 0-16.971l-7.071-7.07c-4.686-4.686-12.284-4.686-16.97 0L10.454 247.515c-4.686 4.686-4.686 12.284 0 16.971l211.051 211.05c4.686 4.686 12.284 4.686 16.97-.001z'/%3E%3C/svg%3E") no-repeat 50%;
}

.login-logout
{
	background: var(--primary-color);
	border-color: var(--primary-color);
	color: var(--white-color) !important;
	margin-right: 0;
}

.login-logout:hover,
.login-logout:focus
{
	background: var(--secondary-color);
	border-color: var(--secondary-color);
}

.login-logout::before
{
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' fill='%23FFFFFF'%3E%3Cpath d='M313.6 288c-28.7 0-42.5 16-89.6 16-47.1 0-60.8-16-89.6-16C60.2 288 0 348.2 0 422.4V464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48v-41.6c0-74.2-60.2-134.4-134.4-134.4zM416 464c0 8.8-7.2 16-16 16H48c-8.8 0-16-7.2-16-16v-41.6C32 365.9 77.9 320 134.4 320c19.6 0 39.1 16 89.6 16 50.4 0 70-16 89.6-16 56.5 0 102.4 45.9 102.4 102.4V464zM224 256c70.7 0 128-57.3 128-128S294.7 0 224 0 96 57.3 96 128s57.3 128 128 128zm0-224c52.9 0 96 43.1 96 96s-43.1 96-96 96-96-43.1-96-96 43.1-96 96-96z'/%3E%3C/svg%3E") no-repeat 50%;
	background-size: 14px !important;
}

/*.login-logout:hover::before,
.login-logout:focus::before
{
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' fill='%23E8513C'%3E%3Cpath d='M313.6 288c-28.7 0-42.5 16-89.6 16-47.1 0-60.8-16-89.6-16C60.2 288 0 348.2 0 422.4V464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48v-41.6c0-74.2-60.2-134.4-134.4-134.4zM416 464c0 8.8-7.2 16-16 16H48c-8.8 0-16-7.2-16-16v-41.6C32 365.9 77.9 320 134.4 320c19.6 0 39.1 16 89.6 16 50.4 0 70-16 89.6-16 56.5 0 102.4 45.9 102.4 102.4V464zM224 256c70.7 0 128-57.3 128-128S294.7 0 224 0 96 57.3 96 128s57.3 128 128 128zm0-224c52.9 0 96 43.1 96 96s-43.1 96-96 96-96-43.1-96-96 43.1-96 96-96z'/%3E%3C/svg%3E") no-repeat 50%;
}
*/

#umfrage-grid .items > thead > tr > th:first-child
{
	width: 12%;
}

.akademie,
.fh-burgenland,
.landesholding
{
	height: 60px;
}

.fh-burgenland,
.landesholding
{
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	opacity: .6;
}

.condition-holder
{
	display: flex;
	flex-direction: column;
}

.condition-wrapper
{
	display: flex;
	flex-direction: column;
	padding: 10px;
	max-width: 358px;
	margin-left: 205px;
}

.condition-wrapper ~ .condition-wrapper
{
	margin-top: 10px;
}

.condition-wrapper:nth-child(even)
{
	background: #AAAAAA;
}

.condition-wrapper:nth-child(odd)
{
	background: #EEEEEE;
}

.condition-wrapper .chosen-container
{
	background: var(--white-color);
	max-width: 328px;
}
.condition-wrapper .select-wrapper
{
	display: flex;
}

.condition-wrapper .select-wrapper ~ .select-wrapper
{
	margin-top: 10px;
}

.condition-wrapper .btn-remove
{
	width: 30px;
	text-indent: 30px;
	overflow: hidden;
	white-space: nowrap;
	background: var(--primary-color) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23FFF' d='M193.94 256L296.5 153.44l21.15-21.15c3.12-3.12 3.12-8.19 0-11.31l-22.63-22.63c-3.12-3.12-8.19-3.12-11.31 0L160 222.06 36.29 98.34c-3.12-3.12-8.19-3.12-11.31 0L2.34 120.97c-3.12 3.12-3.12 8.19 0 11.31L126.06 256 2.34 379.71c-3.12 3.12-3.12 8.19 0 11.31l22.63 22.63c3.12 3.12 8.19 3.12 11.31 0L160 289.94 262.56 392.5l21.15 21.15c3.12 3.12 8.19 3.12 11.31 0l22.63-22.63c3.12-3.12 3.12-8.19 0-11.31L193.94 256z'/%3E%3C/svg%3E") no-repeat center;
	background-size: 14px !important;
}

.condition-wrapper .btn-remove:hover,
.condition-wrapper .btn-remove:focus
{
	background-color: var(--secondary-color);
}

.condition-wrapper .btn-and
{
	margin-top: 10px;
}

.condition-wrapper ~ .btn-new
{
	margin-top: 10px;
	max-width: 378px;
	margin-left: 205px;
}
/* Startseite "Naechste Seminare": Seminarbeginn in weniger als einer Woche,
   aber noch offene Lehrauftrags-Zustimmungen */
.grid-view table.items tr.lehrauftragOffen
{
	background-color: #FFF3CD !important;
	box-shadow: inset 4px 0 0 0 var(--warning-color);
}

.grid-view table.items tr.lehrauftragOffen:hover
{
	background-color: #FFE9A8 !important;
}

a.lehrauftragOffenHinweis,
a.lehrauftragOffenHinweis:hover,
a.lehrauftragOffenHinweis:focus
{
	color: var(--primary-color);
	margin-left: 4px;
	white-space: nowrap;
}

.lehrauftragOffenLegende
{
	font-size: 0.85em;
	margin: -8px 0 10px 0;
}

.lehrauftragOffenLegende .legendeFarbe
{
	display: inline-block;
	width: 12px;
	height: 12px;
	margin-right: 4px;
	vertical-align: -1px;
	background-color: #FFF3CD;
	border-left: 3px solid var(--warning-color);
}

/*****************************
        Link-Hover
*****************************/

/* screen.css (Blueprint) setzt fuer alle Links "a:focus, a:hover {color:#09f}" -
   das Blau passt nicht zum Design und wird hier durch die Markenfarbe ersetzt. */
a:hover,
a:focus
{
	color: var(--primary-color);
}

/* Links, die weiss auf farbigem Grund stehen, muessen weiss bleiben. */
ul.operations li a:hover,
ul.operations li a:focus,
.actionButton li a:hover,
.actionButton li a:focus,
.print a:hover,
.print a:focus,
.maillog-info a:hover,
.maillog-info a:focus,
#myDashboard > ul:last-child > li > a:hover,
#myDashboard > ul:last-child > li > a:focus
{
	color: var(--white-color);
}

/* Einheit direkt neben einem Eingabefeld (z.B. "km" beim Kilometergeld) */
div.form .row .einheit
{
	margin-left: 6px;
	color: #666;
}