@font-face {
  font-family: "OpenSans";
  src: url('../Fonts/OpenSans-Light-webfont.eot');
  font-weight: normal;
  font-style: normal;
  font-display:fallback}

@font-face {
  font-family: "OpenSans";
  src: url('../Fonts/OpenSans-Light-webfont.woff') format("woff"),url('../Fonts/OpenSans-Light-webfont.ttf') format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display:fallback}

@font-face {
  font-family: "OpenSans";
  src: url('../Fonts/OpenSans-Regular-webfont.eot');
  font-weight: bold;
  font-style: normal;
  font-display:fallback}

@font-face {
  font-family: "OpenSans";
  src: url('../Fonts/OpenSans-Regular-webfont.woff') format("woff"),url('../Fonts/OpenSans-Regular-webfont.ttf') format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display:fallback}

@font-face {
  font-family: "OpenSans";
  src: url('../Fonts/OpenSans-LightItalic-webfont.eot');
  font-weight: normal;
  font-style: italic;
  font-display:fallback}

@font-face {
  font-family: "OpenSans";
  src: url('../Fonts/OpenSans-LightItalic-webfont.woff') format("woff"),url('../Fonts/OpenSans-LightItalic-webfont.ttf') format("truetype");
  font-weight: normal;
  font-style: italic;
  font-display:fallback}

/*
##
##
## var 
##
##
*/

:root
{
	--main-color-black: rgb(85, 79, 74);
	--main-color-white: rgb(255, 255, 255);
	--main-color-red: rgb(228, 100, 80);
	--main-color-red-75: rgba(228, 100, 80, 0.75);
	--main-color-gray: rgb(239, 238, 234);
	--main-color-darkgray: rgb(204, 204, 204);
	--main-color-blue: rgb(0, 117, 169);
	--formular-color-blue: rgb(235, 244, 253);
	--formular-color-darkblue: rgb(0, 117, 169);
	--formular-color-darkblue-75: rgba(0, 117, 169, 0.75);
}


/*
####
##
## style
##
####
*/

h1,
h2,
h3,
h4 {
	font-family: "OpenSans";
}
strong,
b {
	font-family: "OpenSans";
	font-weight: 700;
}


h1 {
	font-size:30px;
	color: var(--main-color-black);
	color: var(--main-color-red);
}

h2 {
	font-size: 24px;
	color:  var(--main-color-black);
	color: var(--main-color-red);
	padding-bottom:15px;
	border-bottom: 1px solid rgb(206,206,206);
	margin-bottom:15px;
}

h3 {
	font-size:18px;
	color: var(--main-color-black);
	color: var(--main-color-red);
}

h4 {
	font-family: "OpenSans";
	font-weight: 700;
	font-size: 16px;
	color: var(--main-color-black);
}

h5 {
	font-family: "OpenSans";
	font-weight: 700;
	font-size: 14px;
	color: var(--main-color-black);
}

h6 {
	font-size:14px;
	color: var(--main-color-red);
}

em {
	color:inherit
}

main #middle .csc-textpic-intext-left ul {
	padding-left:25px;
}

main #middle .uk-panel-box .content > ul {
	padding-left:25px;
}

main #middle ul > li {
	margin-bottom:5px;
}

.uk-link, a {
	color: var(--main-color-blue);
}

.uk-link:hover, a:hover {
	color: rgb(226,6,19);
}

i.uk-icon-file-pdf-o {
	margin-right:5px;
}

i.uk-icon-external-link {
	margin:0px 5px;
	font-size:12px;
}

i.uk-icon-angle-double-right {
	margin:0px 5px;
	font-size:12px;
}

.uk-form-horizontal .uk-form-label {
	margin-top: 8px;
}

.uk-button {
	line-height:30px;
	min-height:33px;
	font-size: 1rem;
}

.uk-table td, .uk-table th {
	border-bottom: 1px solid rgb(255,255,255);
}

.uk-table-striped tbody tr:nth-of-type(odd) {
	background-color: rgb(237,237,237);
}

.uk-table-striped tbody tr:nth-of-type(even) {
	background-color: rgb(243,243,243);
}

.uk-table-striped tbody tr:hover {
	background-color: rgb(206,206,206);
}


.colorR {
	color: rgb(226,6,19);
}
.colorDR {
	color: rgb(192,5,16);
}
.colorLG {
	color: rgb(237,237,237);
}
.colorSG {
	color: rgb(243,243,243);
}
.colorMG {
	color: rgb(106,106,106);
}
.colorDG {
	color: rgb(100,100,100);
}
.colorLB {
	color: rgb(0,75,145);
}
.colorB {
	color: rgb(0,0,0);
}
.colorW {
	color: rgb(255,255,255);
}
.backColorR {
	background-color: rgb(226,6,19);
}
.backColorDR {
	background-color: rgb(192,5,16);
}
.backColorLG {
	background-color: var(--main-color-gray);
}
.backColorSG {
	background-color: rgb(243,243,243);
}
.backColorMG {
	background-color: rgb(206,206,206);
}
.backColorDG {
	background-color: rgb(100,100,100);
}
.backColorLB {
	background-color: rgb(0,75,145);
}
.backColorB {
	background-color: rgb(0,0,0);
}
.backColorW {
	background-color: rgb(255,255,255);
}

/*
####
##
## style TYPO3
##
####
*/

div.ce-gallery {
	margin-bottom: 15px;
	width:33%;
}

div.ce-center.ce-above .ce-gallery {
	margin-bottom: 30px;
	width:100%;
}

div.ce-center.ce-below .ce-gallery {
	margin-bottom: 15px;
	width:100%;
}

div.ce-left.ce-intext .ce-gallery {
	margin-right: 15px;
}

div.ce-right.ce-intext .ce-gallery {
	margin-left: 15px;
}

div.ce-image .ce-gallery figure {
	display:block;
	margin-bottom: 15px;
}

div.ce-image .ce-gallery figure.csc-textpic-last {
	margin-bottom: 0px;
}

div.ce-image figcaption {
	display:block;
	background-color: rgb(237,237,237);
	font-size:12px;
	padding:5px 10px;
}

div.csc-textpic .csc-textpic-imagerow {
    /*display:inline-block;*/
}

div.ce-image.ce-center .ce-gallery figure {
	
}

div.ce-image.ce-center .ce-gallery figure img
{
	margin: 0 auto;
	width:100%;
}

/* ce-textpic */
/* ce-textpic left above */

div.ce-textpic
{
	margin-bottom: 30px;
}

div.ce-textpic.ce-above .ce-gallery
{
	width:100%;
	margin-bottom: 30px;
}

div.ce-textpic.ce-above .ce-gallery figure
{
	margin-bottom: 0;
}

div.ce-textpic.ce-above .ce-gallery figure img
{
	margin: 0 auto;
	width:100%;
}

/* ce-textpic left/center below */

div.ce-textpic.ce-below .ce-gallery,
div.ce-textpic.ce-center .ce-gallery
{
	width:100%;
	margin-bottom: 0;
}

div.ce-textpic.ce-below .ce-gallery figure
{
	margin-bottom: 0;
}

div.ce-textpic.ce-below .ce-gallery figure img
{
	margin: 0 auto;
	width:100%;
}

/* ce-textpic intext */

div.ce-textpic.ce-intext .ce-gallery
{
	width:33%;
}

div.ce-textpic.ce-intext .ce-gallery figure
{
	margin-bottom: 0;
}

div.ce-textpic.ce-intext .ce-gallery figure img
{
	margin: 0 auto;
	width:100%;
}

@media (max-width: 479px) {
	div.ce-left.ce-intext .ce-gallery {
		margin-right: 0px;
	}
	
	div.ce-right.ce-intext .ce-gallery {
    float: none;
	}

	div.ce-right.ce-intext .ce-gallery {
		margin-left: 0px;
	}
	
}




/* Small	480px to 767px	Phones landscape */ 
@media (max-width: 767px) {
	div.ce-gallery {
		width:100%;
	}
	div.ce-left.ce-intext .ce-gallery {
    	float: none;
	}
	
	div.ce-left.ce-intext .ce-gallery {
    	display:inline-block;
	}
}


/* Medium	768px to 959px	Tablets portrait */
@media (min-width: 768px) and (max-width: 959px) {
}

/*tabel*/

table.uk-table {}

table.uk-table tr > th {
	text-align:center;
}

table.uk-table tr > th:first-child {
	text-align:left;
}

table.uk-table tr > td {
	text-align:right;
}

table.uk-table tr > td:first-child {
	text-align:left;
}

/*tabel dsa-table-programm*/

table.dsa-table-programm {}

table.dsa-table-programm tr > th {
	text-align:center;
}

table.dsa-table-programm tr > td:first-child {
	width:20%;
}

table.dsa-table-programm tr > td {
	text-align:left;
}

table.dsa-table-programm tr > td:first-child {
	text-align:left;
}

/* typo3 form */

.frame-type-form_formframework,
.frame-type-login
{
	background-color: var(--formular-color-blue);
	padding:25px;
	margin: 60px 0px;
}

form
{}

form fieldset
{
	margin:0;
	padding:0;
	border:none;
}

form fieldset legend
{
	font-size: 1.2rem;
	line-height: 1.5rem;
	padding-top:15px;
	padding-bottom:10px;
}

form h2
{
	font-size:2rem;
	line-height:2.2rem;
	border:none;
	margin: 30px 0px;
	padding: 0;
}

form .form-group
{
	display:inline-block;
	width:100%;
	padding:10px 0px;
}

form .form-group .control-label,
form .form-group .input
{
	display:inline-block;
	float:left;
}

form .form-group .control-label
{
	width: calc(33% - 10px);
	padding: 8px 10px 8px 0px;
	
}

form .form-group .input
{
	width:66%;
}

form .form-group .input input
{
	width:calc(100% - 30px);
	display:inline-block;
	font-size: 1.1rem;
	line-height:1.4rem;
	padding: 8px 15px;
	border:none;
	border-bottom: 1px solid var(--formular-color-darkblue);
}

form .form-group .input textarea
{
	width:calc(100% - 30px);
	display:inline-block;
	font-size: 1.1rem;
	line-height:1.4rem;
	padding: 8px 15px;
	border:none;
	border-bottom: 1px solid var(--formular-color-darkblue);
}

form .form-group .input.checkbox
{
	margin-left: 33%;
}

form .form-group .input.checkbox input
{
	width:20px;
	height:22px;
	float:left;
	padding:0;
	margin: 0 10px 0px 0px;
}

form .form-group .input.checkbox input + span
{
	float:left;
}

form .actions
{
	display:inline-block;
	width:100%;
	padding:10px 0px;
}

form .actions .next
{
	float:right;
	width: 50%;
	display:inline-block;
	text-align: right;
}

form .actions button
{
	width:100%;
	padding: 0px 15px;
  font-size: 1.2rem;
  line-height: 2.5rem;
  border: 0px;
	background-color: var(--formular-color-darkblue);
	color: var(--main-color-white);
	cursor:pointer;
}

form .actions button:hover
{
	background-color: var(--formular-color-darkblue-75);
	color: var(--main-color-white);
	cursor:pointer;
}

.frame-type-login fieldset > div
{
	padding-bottom: 15px;
}

.frame-type-login fieldset label,
.frame-type-login fieldset input
{
	display:inline-block;
}

.frame-type-login fieldset label
{
	width: calc(33% - 10px);
  padding: 8px 10px 8px 0px;
}

.frame-type-login fieldset input
{
	width: calc(66% - 30px);
  font-size: 1.1rem;
  line-height: 1.4rem;
  padding: 8px 15px;
  border: none;
  border-bottom: 1px solid var(--formular-color-darkblue);
}

.frame-type-login fieldset input[type="submit"]
{
	width: 100%;
	padding: 0px 15px;
  font-size: 1.2rem;
  line-height: 2.5rem;
  border: 0px;
  background-color: var(--formular-color-darkblue);
  color: var(--main-color-white);
  cursor: pointer;
}

.frame-type-login fieldset input[type="submit"]:hover
{
  background-color: var(--formular-color-darkblue-75);
}

/* Mini	up to 479px	Phones portrait */
@media (max-width: 479px) 
{
	form .form-group .control-label,
	form .form-group .input,
	form .form-group .input.checkbox
	{
		width:100%;
		margin-left:0;
	}
	
	form .actions .next
	{
		float: left;
		width: 100%;
		text-align: left;
	}
}

/* Small	480px to 767px	Phones landscape */ 
@media (min-width: 480px) and (max-width: 768px) 
{
	form .form-group .control-label,
	form .form-group .input,
	form .form-group .input.checkbox
	{
		width:100%;
		margin-left:0;
	}
}

/* Medium	768px to 959px	Tablets portrait */
@media (min-width: 769px) and (max-width: 959px) 
{
	
}




/* mailform */

div.csc-mailform {
	
}

div.csc-mailform form {
	background-color:rgb(237,237,237);
}

div.csc-mailform form ol {
	list-style: none;
	padding-left: 0px;
}

div.csc-mailform form li {
	width:100%;
	margin-bottom:10px;
	display:inline-block;
}

div.csc-mailform form label {
	width:35%;
	margin-right:2%;
	margin-top:5px;
	display:inline-block;
	float:left;
	font-size:14px;
}

div.csc-mailform form label em {
	display:block;
}

div.csc-mailform form label strong {
	color: rgb(226,6,19);
	display:block;
}

div.csc-mailform form input {
	width:62%;
	display:inline-block;
	float:left;
}

div.csc-mailform form textarea {
	width:62%;
	display:inline-block;
	float:left;
}

div.csc-mailform form input,
div.csc-mailform form textarea {
	border-color:transparent !important;
	border-radius:0 !important;
}

div.csc-mailform form input[type="submit"] {
	background-color: rgb(226,6,19);
    color: rgb(255,255,255);
	width: 100%;
    margin: 0;
    padding: 0;
    border: none;
    font-size: 16px;
    outline: none;
    text-shadow: none;
}

div.csc-mailform form input[type="submit"]:hover {
	background-color: rgb(192,5,16);
}

div.csc-mailform form input[type="submit"] {
	margin-left:37%;
	width:62%;
	display:inline-block;
	border-radius:10px !important;
	font-size:16px;
}

/* Mini	up to 479px	Phones portrait */
@media (max-width: 580px) {
	div.csc-mailform form label {
		width:100%;
		margin-right:0%;
	}
	div.csc-mailform form input {
		width:100%;
	}
	
	div.csc-mailform form textarea {
		width:100%;
	}
	div.csc-mailform form input[type="submit"] {
		margin-left:0%;
		width:100%;
	}
	
}

/* Small	480px to 767px	Phones landscape */ 
@media (min-width: 480px) and (max-width: 767px) {
}

/* Medium	768px to 959px	Tablets portrait */
@media (min-width: 768px) and (max-width: 959px) {
}


/*
####
##
## layout
##
####
*/

html {
	font-family: "OpenSans" !important;
	font-size: 15px;
	line-height: 22px;
	font-style: normal;
}
body {
	background-color: rgb(230,230,230);
	background-color: rgb(255,255,255);
	font-family: "OpenSans";
}
.uk-container {
	max-width: 1200px;
	padding: 0 25px;
}
/*
####
##
## layout HEADER
##
####
*/


header
{
	background-color: var(--main-color-white);
}

header #logoRegion
{
	width: 50%;
}

header #logoRegion #logo {
	float:left;
	max-width:200px;
	margin: 40px 0px;
	margin-bottom: 25px;
	margin-right:15px;	
}
header #logoRegion #region
{
	font-family: "OpenSans";
	float:left;
	margin-top: 60px;
	margin-bottom: 0px;
}
header #logoRegion #region > .title {
	font-size: 24px;
	line-height: 24px;
}
header #logoRegion #region > .title span {
	display: block;
	margin-right: 5px;
}

header #kontakt
{
	width: 50%;
}

header .jobboerse-header #kontakt {
	width: 30%;
}

header .jobboerse-header #logoRegion
{
	width: 70%;
}

header .jobboerse-header #region .title {
	font-size: 14px !important;
}

header .jobboerse-header #region .title span{
	font-size: 24px !important;
}

header #kontakt #hotline {
	font-size: 28px;
}
header #kontakt #navTop {
	font-size: 14px;
	margin: 0;
}
header #kontakt #navTop ul {
	margin-top: 28px;
}
header #kontakt #navTop ul li {
	display: inline-block;
	margin-right: 10px;
}
header #kontakt #navTop a {
	color: rgb(0,0,0);
}
header #kontakt #navTop a:hover {
	color: rgb(153,153,153);
	text-decoration: none;
}
header #kontakt #hotline .title {
	font-size: 28px;
	margin: 0;

}
header #kontakt #hotline i {
	margin-right: 10px;
}
header #kontakt #hotline .subline {
	font-size: 13px;
	margin: 0;
}

header,
header #logoRegion,
header #logo,
header #region,
header #region > .title,
header #kontakt,
header #kontakt #hotline
{
	transition: 1s;
}

@media (min-width: 768px)
{
	header.uk-active
	{
		
	}
	
	header.uk-active > .uk-margin-bottom
	{
		margin-bottom: 0px !important;
	}

	header.uk-active #logoRegion
	{
		width: 260px;
		width: 320px;
	}

	header.uk-active #logoRegion #logo
	{
		max-width: 100px;
		margin: 20px 0px;
		margin-right: 15px;
	}

	header.uk-active #logoRegion #region
	{
		margin-top: 19px;
	}

	header.uk-active #logoRegion #region > .title 
	{
		font-size: 18px;
		line-height: 18px;
	}

	header.uk-active #kontakt
	{
		width: calc(100% - 260px);
		width: calc(100% - 320px);
	}
	
	header.uk-active #kontakt #navTop
	{
		float: right;
		display: inline-block;
		width: calc(100% - 200px);
		text-align: right;
	}
	
	header.uk-active #kontakt #navTop ul
	{
		margin-top: 25px;
	}
	
	header.uk-active #kontakt #hotline
	{
		float: left;
		display: inline-block;
		width: 200px;
		margin-top:16px;
	}
	
	header.uk-active #kontakt #hotline .title
	{
		font-size:20px;
	}
	
	header.uk-active,
	header.uk-active #logoRegion,
	header.uk-active #kontakt
	{
		height: 70px;
		overflow:hidden;
	}
	
	header.uk-active,
	header.uk-active #logoRegion,
	header.uk-active #logoRegion #logo,
	header.uk-active #logoRegion #region,
	header.uk-active #logoRegion #region > .title,
	header.uk-active #kontakt,
	header.uk-active #kontakt #navTop,
	header.uk-active #kontakt #navTop ul,
	header.uk-active #kontakt #hotline,
	header.uk-active #kontakt #hotline .title
	{
		transition: 1s;
	}
}


@media (max-width: 479px) 
{
	
	header #logoRegion
	{
		width: 100%;
	}
	
	header #logoRegion #logo 
	{
		max-width: 100px;
		margin: 20px 0px;
		margin-bottom: 25px;
		margin-right: 15px;
	}
	
	header #logoRegion #region
	{
		margin-top: 18px;
		margin-bottom: 0px;
	}
	
	header #logoRegion #region > .title 
	{
		font-size: 16px;
		line-height: 18px;
		margin-bottom: 0;
	}
	
	header #kontakt
	{
		width: 100%;
		margin-bottom:0;
	}
	
	header.uk-active #kontakt
	{
		display:none;
	}
	
	header #logo {
		max-width: 280px;
		margin: 20px 0px;
	}
	header #region {
		margin-top: 0px;
		margin-bottom: 0px;
	}
	header #region > .title span {
		display: inline-block;
	}
	
	header #navTop ul {
		margin-top: 0px;
	}
	
}

@media (min-width: 480px) and (max-width: 767px)
{

	header #logoRegion #logo
	{
		width: 130px;
	}
	
	header #logoRegion #region 
	{
		margin-top: 40px;
		margin-bottom: 0px;
	}
	
	header #logoRegion #region > .title 
	{
		font-size: 20px;
	}
	
	header #kontakt #hotline 
	{
		margin-top: 40px;
		margin-bottom: 0px;
	}
	
	header.uk-active #logoRegion #logo {
		max-width: 120px;
		margin: 20px 0px;
		margin-right:15px;
	}
	
	header.uk-active #logoRegion #region 
	{
		margin-top: 20px;
	}
	
	header.uk-active #logoRegion #region > .title 
	{
		font-size: 16px;
		line-height: 20px;
		margin-bottom: 0;
	}
	
	header.uk-active #kontakt #hotline 
	{
		margin-top: 18px;
	}
	
	header.uk-active #kontakt #hotline .title 
	{
		font-size: 22px;
	}
	
}

@media (min-width: 768px) and (max-width: 959px)
{
	
	header
	{
		padding:0;
	}
	
	header #logoRegion
	{
		/*width: 40%;*/
	}
	
	header #logoRegion #logo
	{
		width: 150px;
	}
	
	header #logoRegion #region 
	{
		margin-top: 40px;
		margin-bottom: 0px;
	}
	
	header #logoRegion #region > .title 
	{
		font-size: 20px;
	}
	
	header #kontakt
	{
		/*width: 60%;*/
	}
	
	header.uk-active #kontakt #navTop ul {
		margin-top: 15px;
	}

	header #logo {
		float:none;
		margin-top:30px;
		margin-bottom:15px;
	}
	header #region {
		margin-top: 0px;
		margin-bottom: 0px;
	}
	header #region > .title {
		font-size: 22px;
		line-height: 22px;
	}
	header #region > .title span {
		display: inline-block;
	}
	
}

/*animation*/

header #logo {
	-webkit-transition: 1s; /* Safari */
	transition: 1s;
}

/*animation end */

section#nav {
	background-color: rgb(237,237,237);
	background-color: var(--main-color-gray);
	padding: 0px 0px;
	min-height: 50px;
}

section#nav.uk-active {
	border-bottom: 1px solid var(--formular-color-darkblue);
	border-bottom: 1px solid var(--main-color-darkgray);
}


/*
####
##
## layout NAVIGATION
##
####
*/


section#nav {
	margin-bottom: 35px;
}

body.sub section#nav 
{
	margin-bottom: 0px;
}

.uk-navbar {
	background-color: transparent;
	border-radius: 0;
	font-size: 14px;
	border: none;
}
.uk-navbar-nav>li>a {
	display: block;
	box-sizing: border-box;
	text-decoration: none;
	height: 35px;
	padding: 0 15px;
	line-height: 35px;
	background-color: rgb(255,255,255);
	color: rgb(0,0,0);
	font-size: 14px;
	font-family: inherit;
	font-weight: 400;
	border: 1px solid rgba(0,0,0,.1);
	border-bottom: 1px solid rgba(255,255,255,1);
	border-bottom-width: 2px;
	text-shadow: none;
	margin: 9px 0px;
}
.uk-navbar-nav:first-child>li:first-child>a {
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}
.uk-navbar-nav>li>a:hover {
	background-color: rgb(255,255,255);
	border-bottom: 2px solid var(--main-color-red);
}
.uk-navbar-nav>li.uk-active>a {
	color: rgb(226,6,19);
	color: var(--main-color-red);
	background-color: rgb(255,255,255);
	border-left-color: rgba(0,0,0,.1);
	border-right-color: rgba(0,0,0,.1);
	border-top-color: rgba(0,0,0,.1);
	border-bottom-color: var(--main-color-red);
}
.uk-navbar-nav:first-child>li.uk-active:first-child>a {
	/*border-bottom: 2px solid transparent;*/
}
/*toggle*/

.uk-navbar-brand,
.uk-navbar-content,
.uk-navbar-toggle2 {
	height: 50px;
	padding: 17px 15px;
}

.uk-navbar-content {
	background-color:rgb(248,248,248);
	height: 35px;
	padding: 0px;
	margin: 9px 0px;
}

.uk-navbar-content .uk-search:before {
	background-color:rgb(255,255,255);
	color:rgb(100,100,100);
	top: 0px;
	left: -2px;
	width: 35px;
	line-height: 35px;
}

.uk-navbar-content .uk-search-field {
	color:rgb(100,100,100);
	height: 35px;
	padding: 0 0 0 45px;
	border: 0px solid transparent;
}


.uk-navbar-toggle {
	background-color:rgb(255,255,255);
	height: 35px;
	padding: 8px 15px;
	margin: 9px 0px;
}

@media (max-width: 959px) {
section#nav nav .uk-navbar-nav.uk-hidden-small {
	display: none!important;
}

section#nav nav .uk-navbar-toggle.uk-visible-small {
	display: block!important;
}
}


/*offcanvas*/

.uk-offcanvas {
	background: rgba(0,0,0,.7);
	/*background: rgba(255,255,255,0.9);*/
}
.uk-offcanvas-bar {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	width: 270px;
}
.uk-offcanvas-bar:after {
	width: 0px;
	background: rgba(255,255,255,.6);
	box-shadow: none;
}
.uk-nav-offcanvas {
	border-bottom: 0px solid rgba(255,255,255,0.4);
	box-shadow: 0 1px 0 rgba(255,255,255,.05);
}
.uk-nav-offcanvas>.uk-open>a,
html:not(.uk-touch) .uk-nav-offcanvas>li>a:focus,
html:not(.uk-touch) .uk-nav-offcanvas>li>a:hover {
	background-color: rgb(255,255,255);
	color: rgb(192,5,16);
	outline: 0;
}
.uk-nav-offcanvas>li>a {
	color: rgb(0,0,0);
	padding: 10px 15px;
	border-top: 0px solid rgba(255,255,255,0.9);
	border-bottom: 1px solid rgba(237,237,237,1);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
	text-shadow: none;
}

.uk-nav-offcanvas ul a {
	color: rgb(0,0,0);
}

.uk-nav-offcanvas ul a:hover {
	color: rgb(192,5,16)!important;
}

ul.uk-nav-sub {
	padding: 0px;
}
.uk-nav ul a {
	padding: 10px 30px;
}
.uk-nav ul ul a {
	padding: 10px 45px;
}
.uk-nav-offcanvas .uk-nav-sub {
	background-color: rgb(237,237,237);
	border-top: 0px solid rgba(255,255,255,0.7);
	border-bottom: 1px solid rgba(255,255,255,0.4);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
}





#dsa_accNavi {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#dsa_accNavi,
#dsa_accNavi li,
#dsa_accNavi li a {
  margin: 0;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#dsa_accNavi {
  color: #ffffff;
}

#dsa_accNavi ul {
  display: none;
}


#dsa_accNavi > li > a {
  padding: 15px 15px;
  border-top: 1px solid rgba(237,237,237,1);
  cursor: pointer;
  z-index: 2;
  text-decoration: none;
  color: rgb(0,0,0);
  background-color: rgb(255,255,255);
}
#dsa_accNavi > li > a:hover,
#dsa_accNavi > li.active > a,
#dsa_accNavi > li.open > a {
	color: rgb(255,0,0);
	background-color: rgb(255,255,255);
}

#dsa_accNavi > li:last-child > a,
#dsa_accNavi > li.last > a {
  border-bottom: 1px solid rgba(237,237,237,1);
}

.holder {
  position: absolute;
	top: 10px;
	right: 0px;
	font-size: 15px;
	width: 30px;
	line-height: 30px;
	text-align: center;
}

/*nav sub*/

#dsa_accNavi ul.nav-sub {
  padding: 0;
	background-color: rgb(237,237,237);
}

#dsa_accNavi ul.nav-sub li a {
  cursor: pointer;
  border-top: 1px solid rgba(237,237,237,1);
  padding: 10px 15px;
	padding-left: 30px;
  z-index: 1;
  text-decoration: none;
  color: rgb(0,0,0);
}
#dsa_accNavi ul.nav-sub li:hover > a,
#dsa_accNavi ul.nav-sub li.open > a,
#dsa_accNavi ul.nav-sub li.active > a {
  background-color:rgb(255,255,255);
  color: rgb(255,0,0);
}
#dsa_accNavi ul.nav-sub li:first-child > a {
  box-shadow: none;
}


/*nav sub sub2*/

#dsa_accNavi ul.nav-sub2 {
  padding: 0;
	background-color:rgb(255,255,255);
}

#dsa_accNavi ul.nav-sub2 li a {
  padding-left: 45px;
}

#dsa_accNavi ul.nav-sub2 li.active > a,
#dsa_accNavi ul.nav-sub2 li.open > a,
#dsa_accNavi ul.nav-sub2 li > a:hover {
	background-color:rgb(255,0,0);
	color:rgb(255,255,255);
	border-color:rgb(255,0,0);
}




#dsa_accNavi > li > ul.nav-sub > li:last-child > a,
#dsa_accNavi > li > ul.nav-sub > li.last > a {
  border-bottom: 0;
}

#dsa_accNavi > li > ul.nav-sub > li.open:last-child > ul.nav-sub > li:last-child > a {
  border-bottom: 0;
}




/*
####
##
## layout BREADCRUMB
##
####
*/

body.home section#breadcrumb {
	display:none;
}

section#breadcrumb {
	margin-bottom: 0px;
}

section#breadcrumb {
	background-color:rgba(255,255,255,0.95);
	color: rgb(206,206,206);
}

section#breadcrumb.uk-active {
	border-bottom:2px solid rgba(237,237,237,1.00);
}

section#breadcrumb a {
	text-decoration: none;
}

.dsa-breadcrumb {
	padding:15px 0px;
	padding-left: 12px;
	margin-bottom:0px;
}

.dsa-breadcrumb>li,
.dsa-breadcrumb>li>a,
.dsa-breadcrumb>li>span {
	display: inline-block;
}

.dsa-breadcrumb>li {
	font-size: 12px;
	vertical-align: top;
}

.dsa-breadcrumb>li i {
	margin:0px 5px;
}

.dsa-breadcrumb>li a {
	color: rgb(206,206,206);
	color: rgb(186,186,186);
}

.dsa-breadcrumb>li.dsa-active a {
	color: var(--main-color-red);
}


/* Mini	up to 479px	Phones portrait */
@media (max-width: 479px) {
	.dsa-breadcrumb>li:lt(-3) {
		display:none;
	}
}

/* Small	480px to 767px	Phones landscape */ 
@media (min-width: 480px) and (max-width: 767px) {
	
}







/*
####
##
## layout MAIN
##
####
*/


main {
	min-height: 50vh;
}
/* HOME */

.home main section#homeSectionTop {
	margin-bottom: 30px;
}
.home main section#homeSectionTop {
	margin-bottom: 30px;
}
.home main section#homeSectionBottom {
	margin-bottom: 30px;
}
 @media (min-width: 960px) {
.home main section#homeSectionBottom #kontaktJobs .item {
	width: 100%;
}
}
/*
####
##
## layout FOOTER
##
####
*/


footer {
/*border-top: 4px solid rgb(226,6,19);*/
}
footer > div > div.uk-grid {
	padding-top: 30px;
}
footer > div > div.uk-grid:last-child {
	padding-bottom: 60px;
}
footer .uk-panel-box {
	background-color: rgb(255,255,255);
}

footer #navigation li,
footer #navigation li a
{
	width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* BRAND UND KONTAKT */

footer #brand {
}
footer #brand .title {
	font-size: 18px;
}
footer #brand #region .title span {
	display: block;
}
footer #kontakt {
}
footer #kontakt p {
	margin-bottom: 0;
}
footer #kontakt .title {
	font-size: 18px;
}
footer #kontakt .subline {
	margin-top: 0;
}

footer #kontakt a {
	color: #444;
}


@media (max-width: 479px) {
footer #brand #logo,
footer #kontakt #telefon {
	margin-bottom: 15px;
}
footer #brand #region .title span {
	display: inline-block;
}
}

footer > div > .uk-grid h4 {
	font-family: "OpenSans";
	font-weight: 700;
	margin-bottom: 15px;
}
footer ul {
	margin-top: 0px;
	padding-left: 15px;
	margin-bottom: 35px;
}
footer ul li {
	position: relative;
	list-style-type: none;
}
footer ul#navigation ul {
	padding-left:0px;
}

footer ul ul li:before {
	content: "";
	position: absolute;
	top: 6px;
	left: -17px;
	width: 8px;
	height: 8px;
	/*background-image: url('../Images/img_sprites.png');*/
}

@media (max-width: 959px) {
footer ul {
	margin-bottom: 0px;
}

footer ul h3 {
	margin-bottom: 0px;
	line-height:45px;
}
}

footer #logo {
	left: 25px;
}
footer #logo .title {
	font-size: 20px;
}



footer #navTop {
	font-size: 14px;
	margin: 0;
}
footer #navTop ul {
	margin-top: 0px;
	text-align: center;
}
footer #navTop ul li {
	display: inline-block;
	margin-right: 10px;
}
footer #navTop a {
	color: rgb(0,0,0);
}
footer #navTop a:hover {
	color: rgb(153,153,153);
	text-decoration: none;
}

/*
####
##
## layout SLIDESHOW
##
####
*/

section#homeSectionSlideshow {
	margin-bottom: 35px;
}
#slideshow
{
	
}
#slideshow .uk-overlay-panel {
	top: auto;
	bottom: 50px;
	left: 25px;
	max-width: 60%;
	background-color: rgba(255,255,255,0.9);
	color: rgb(0,0,0);
	border-bottom: 4px solid var(--main-color-red);
}

#slideshow .content .title {
	font-family: "OpenSans";
	font-size:36px;
	display:block;
}

#slideshow .content .title a
{
	color: var(--main-color-red);
}


#slideshow .uk-dotnav {
	left: 25px;
	margin-left: 0;
	margin-top: 0;
	margin-bottom: 28px;
}
#slideshow .uk-dotnav>* {
	-ms-flex: none;
	-webkit-flex: none;
	flex: none;
	padding-left: 0px;
	margin-top: 0px;
}
#slideshow .uk-dotnav>*>* {
	display: block;
	box-sizing: content-box;
	width: 10px;
	height: 10px;
	border-radius: 0;
	/*background: rgba(50,50,50,.5);*/
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	border: 6px solid rgba(0,0,0,0.7);
}
#slideshow .uk-dotnav>.uk-active>* {
	background: rgba(255,255,255,1);
	border: 6px solid var(--main-color-red);
	-webkit-transform: scale(1.0);
	transform: scale(1.0);
}

/* Mini	up to 479px	Phones portrait */
@media (max-width: 479px) {

#slideshow canvas
{
	min-height: 440px;
}
	
.uk-slideshow>li>img
	{
	min-height: 350px;
}

#slideshow .uk-overlay-panel {
	max-width: 100%;
	left:0;
	margin-left:auto;
	margin-right:auto;
	bottom: 0px;
}

#slideshow .content .title {
	font-size:24px;
	line-height: 24px;
}

#slideshow .content p {
	display:none;
}

#slideshow .uk-dotnav {
	left: 0;
	margin-left: 0;
	margin-bottom: 4px;
}

}


@media (min-width: 480px) and (max-width: 959px) {

	
#slideshow canvas
{
	min-height: 440px;
}
	
.uk-slideshow>li>img {
	min-height: 300px;
}
#slideshow .uk-overlay-panel {
	max-width: 80%;
	left:0;
	margin-left:auto;
	margin-right:auto;
}
#slideshow .content .title {
	font-size:28px;
	line-height: 28px;
}

#slideshow .content p {
	display:none;
}

#slideshow .uk-dotnav {
	left: 0;
	margin-left: 0;
	margin-bottom: 0px;
}

}

@media (max-width: 959px) {

/*animation*/
#slideshow .uk-overlay-panel,
#slideshow .content .title,
#slideshow .uk-dotnav {
	-webkit-transition: 1s;
	transition: 1s;
}

}




/*
####
##
## layout IMAGESLIDER
##
####
*/

#dsa_imageSlider
{
	margin-bottom: 30px;
}

#dsa_imageSlider div[id^="dsa_slideshow_"] {
	margin-bottom:15px;
}

#dsa_imageSlider ul.uk-slideshow {
	/*height:365px !important;*/
}

#dsa_imageSlider ul.uk-slideshow li {

}

#dsa_imageSlider ul.uk-slideshow li .uk-cover-background {
	height:255px;
}

#dsa_imageSlider ul.uk-slideshow li #content {
	height: 90px;
	position: absolute;
	margin-top:255px !important;
	background-color:rgb(255,255,255);
	color:rgb(0,0,0);
	padding: 10px 45px;
	opacity: 1;
}

#dsa_imageSlider ul.uk-slideshow li #content span {
	margin-right:10px;
}

#dsa_imageSlider .uk-slidenav-position .uk-slidenav {
	display: block;
	top: 310px;
	margin-top: -27px;
	color:rgb(0,0,0);
}

#dsa_imageSlider .uk-slidenav {
	display: inline-block;
	width: 30px;
	height: 50px;
	line-height: 50px;
	color: rgb(0,0,0);
	font-size: 30px;
}

#dsa_imageSlider .uk-slidenav-position .uk-slidenav-previous {
	left: 0px;
}

#dsa_imageSlider .uk-slidenav-position .uk-slidenav-next {
	right: 0px;
}

#dsa_imageSlider .uk-slidenav:hover {
	color: rgb(206,206,206);
}

@media (max-width: 959px) {
#dsa_imageSlider ul.uk-slideshow {
	/*height:420px !important;*/
}
#dsa_imageSlider ul.uk-slideshow li .uk-cover-background {
	height:300px;
}
#dsa_imageSlider ul.uk-slideshow li #content {
	margin-top:300px !important;
}

#dsa_imageSlider .uk-slidenav-position .uk-slidenav {
	top: 355px;
}
}


#dsa_imageSlider.auto ul.uk-slideshow {
	height:255px !important;
	padding-left:0px;
}

#dsa_imageSlider.auto ul.uk-slideshow li .uk-cover-background {
	height:255px;
}

#dsa_imageSlider.auto .uk-slidenav-position .uk-slidenav {
	top: 130px;
}

/*
####
##
## layout Panel
##
####
*/

.uk-panel > .uk-panel-title {
	font-family: "OpenSans";
	font-weight: 700;
	font-size: 1.5rem;
	line-height: 18px;
	/*background-color: var(--main-color-red);*/
	border-bottom: 4px solid var(--main-color-red);
	color: var(--main-color-black);
	padding: 13px 5px;
}

/*box*/

.uk-panel-box {
	background: transparent;
	border: 1px solid transparent;
	border-radius: 0;
}
.uk-panel-box > .uk-panel-title {
	margin-top: -16px;
	margin-left: -16px;
	margin-right: -16px;
}
.uk-panel-box .uk-panel-teaser {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.uk-panel-box > ul {
	color: rgb(255,255,255);
	font-size: 18px;
	margin-top: -16px;
	margin-left: -16px;
	margin-right: -16px;
}
.uk-panel-box > ul a {
	color: var(--main-color-black);
	display: block;
	padding: 10px 16px;
	border-bottom: 1px solid rgb(255,255,255);
	text-decoration: none;
}
.uk-panel-box.dsa-panel-list > ul {
	font-size: 24px;
}

/* Anpassung by Stefan Bublies@dt-internet.de */

.uk-panel-box.dsa-panel-list > ul a {
	padding: 22px 16px 23px 16px;
}
.uk-panel-box > ul a:hover {
	background-color: rgb(243,243,243);
}

/*
####
##
## layout CONTAINER Kontakt
##
####
*/

#containerKontakt {
	font-size: 14px;
	/*width:180px;*/
	display:inline-block;
	width: calc(100% - 30px);
}

#containerKontakt .name {
	font-weight: 700;
}

#containerKontakt .detail {
	
}

#containerKontakt .adresse {
	margin-bottom:15px;
}

#containerKontakt .image {
	background-size:cover;
	width:100px;
	margin: 0;
	margin-bottom: 15px;
}

/* Small */ 
@media (min-width: 480px) and (max-width: 767px) {
	#containerKontakt {
		width:39%;
		padding:15px 5%;
		margin:0px auto;
	}
}

/*
####
##
## layout CONTAINER Info
##
####
*/

#containerInfo {
	background-color: var(--main-color-gray);
}

#containerInfo .title {
	font-size:18px;
	line-height:22px;
}

#containerInfo .content {
	font-size:14px;
}

#containerInfo .content h3 a
{
	color: var(--main-color-red);
}

/*
####
##
## layout CONTAINER Info mit Bild Top
##
####
*/

#containerInfoTopImage {
	background-color: var(--main-color-gray);
	max-width:300px;
}

#containerInfoTopImage .uk-panel-teaser {
	border-radius:0;
}

#containerInfoTopImage a > .uk-panel-teaser {
	margin-top: -16px;
	margin-left: -16px;
	margin-right: -16px;
}

#containerInfoTopImage .content {
	font-size:14px;
}

#containerInfoTopImage .content h3 a
{
	color: var(--main-color-red);
}

#dsa-grid-3-3 #containerInfoTopImage {
	max-width:100%;
}

/*
####
##
## layout CONTAINER Info mit Bild Left

##
####
*/

#containerInfoLeftImage {
	background-color: rgb(237,237,237);
}

#containerInfoLeftImage .image {
	background-size:cover;
}

#containerInfoLeftImage .date {
	font-size:18px;
	background-color: rgb(226,6,19);
	color:rgb(255,255,255);
	width:50px;
	height:50px;
	text-align:center;
	padding:15px;
}

#containerInfoLeftImage .title {
	font-size:18px;
}

#containerInfoLeftImage .content {
	font-size:14px;
}

@media (max-width: 479px) {
#containerInfoLeftImage .uk-panel-box {
	padding-left: 40px;
}
}


/*
####
##
## layout CONTAINER Attention
##
####
*/

#containerAttention {
	background-color: var(--main-color-red);
	color:rgb(255,255,255);
	max-width:300px;
}

#containerAttention .title {
	font-size: 18px;
	line-height:20px;
	color: rgb(255,255,255);
	font-family: "OpenSans";
	font-weight: 700;
}

#containerAttention .content {
	font-size:14px;
}

#containerAttention .content a {
	color: rgb(255,255,255);
	font-family: "OpenSans";
	font-weight: 700;
}



/*
####
##
## layout CONTAINER Attention mit Bild
##
####
*/

#containerAttentionLeftImage {
	background-color: rgb(237,237,237);
}

#containerAttentionLeftImage .image {
	background-size:cover;
}

#containerAttentionLeftImage .title {
	font-size:18px;
	line-height:22px;
	margin:0px;
	background-color: var(--main-color-red-75);
}

#containerAttentionLeftImage .content {
	font-size:14px;
}

#containerAttentionLeftImage .content h3 a
{
	color: var(--main-color-red);
}

@media (max-width: 479px) {
#containerAttentionLeftImage .uk-panel-box {
	padding-left: 40px;
}
}


/*
####
##
## layout SEARCH 
##
####
*/

.tx-kesearch-pi1 {}

.tx-kesearch-pi1 form {
	background-color: rgb(237,237,237);
}

.tx-kesearch-pi1 #searchbox {
	
}

.tx-kesearch-pi1 #searchbox .searchInput {

}

.tx-kesearch-pi1 #searchbox .searchInput input[type="text"] {
	color: rgb(100,100,100);
	height: 33px;
	padding: 0 10px;
	border: 1px solid transparent;
}


.tx-kesearch-pi1 #searchbox .searchFilter {
	display:block;
}

.tx-kesearch-pi1 #searchbox .searchSubmit {
	background-color: rgb(226,6,19);
	color: rgb(255,255,255);
}

.tx-kesearch-pi1 #searchbox .searchSubmit:hover {
	background-color: rgb(192,5,16);
}

.tx-kesearch-pi1 #searchbox .searchSubmit input[type="submit"] {
	width:100%;
	margin:0;
	padding:0;
	border:none;
	background-color: transparent;
	font-size: 16px;
	outline:none;
}

.tx-kesearch-pi1 #resultsNum {
	
}



.tx-kesearch-pi1 #results {
	
}

.tx-kesearch-pi1 #results .notice {
	margin-bottom:15px;
}

.tx-kesearch-pi1 #results .item+.item {
	
}

.tx-kesearch-pi1 #results > .item {
	margin-bottom:30px;
}

.tx-kesearch-pi1 #results .title {
	font-family: "OpenSans";
	font-weight: 700;
	font-size:18px;
	margin-bottom:0;
}

.tx-kesearch-pi1 #results .teaser {
	margin-top:0;
}

.tx-kesearch-pi1 #results .hit {
	font-family: "OpenSans";
	font-weight: 700;
	color: rgb(192,5,16);
	color: rgb(226,6,19);
}

@media (max-width: 959px) {
.tx-kesearch-pi1 #searchbox .searchInput {
	margin-bottom:15px;
}
}

/*
####
##
## layout NEWS
##
####
*/

#news {

}

#news .date {
	font-size:14px;
	color:rgb(0,0,0);
	margin:0;
}

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

#news .teaser {
	font-size:16px;
	margin-top:0px;
}

#news .media {
	
}

#news .news-img-caption {
	color:rgb(0,0,0);
	font-size:14px;
	margin-top:0px;
	margin-bottom:25px;
}

#news .content {
	font-size:14px;
	margin-top:0;
}


#news.list .uk-article.startseite+.uk-article.startseite {
	padding-top: 15px;
	margin-top: 0px;
	border:none;
}

/*list aktuelles*/
#news.list .title {
	font-family: "OpenSans";
	font-weight: 700;
	font-size: 1.3rem;
	color: var(--main-color-darkblue);
	border:none;
	padding-bottom: 0px;
	margin:0px;
}
#news.list .title a {
	color: var(--main-color-red);
}

#news.list .title a i 
{
	display:none;
}
#news.list .teaser {
	font-size:14px;
	margin-top:0px;
	margin-bottom:0px;
}
#news.list .teaser .more {
	display:block;
}


/*list startseite*/
#news.list .uk-article.startseite {
	padding-bottom: 15px;
}

#news.list article.startseite .title {
	font-family: "OpenSans";
	font-weight: 700;
	font-size: 1.3rem;
	color: var(--main-color-darkblue);
	margin:0;
}

#news.list article.startseite .teaser {
	font-size:14px;
	margin-bottom:0px;
}


#news.list .full .page-navigation:first-child {
	display:none;
}



/*single*/
#news.single .date {
	color:rgb(206,206,206);
	margin:0;
}

#news.single .teaser {
	font-size:16px;
	margin-bottom:25px;
}


/*
####
##
## layout NEWS Seminare
##
####
*/


.tx-seminars-pi1 {

}

.tx-seminars-pi1 #seminarSelectorWidget form {
	background-color:rgb(237,237,237);
}


.tx-seminars-pi1 #seminarSelectorWidget #vDateFrom {
	
}

.tx-seminars-pi1 #seminarSelectorWidget #vDateFrom label {
	display:block;
}

.tx-seminars-pi1 #seminarSelectorWidget #vDateFrom select[name*="from_day"],
.tx-seminars-pi1 #seminarSelectorWidget #vDateFrom select[name*="from_day"]+.sbHolder,
.tx-seminars-pi1 #seminarSelectorWidget #vDateTo select[name*="to_day"],
.tx-seminars-pi1 #seminarSelectorWidget #vDateTo select[name*="to_day"]+.sbHolder {
	width:26%;
}

.tx-seminars-pi1 #seminarSelectorWidget #vDateFrom select[name*="from_month"],
.tx-seminars-pi1 #seminarSelectorWidget #vDateFrom select[name*="from_month"]+.sbHolder,
.tx-seminars-pi1 #seminarSelectorWidget #vDateTo select[name*="to_month"],
.tx-seminars-pi1 #seminarSelectorWidget #vDateTo select[name*="to_month"]+.sbHolder {
	width:32%;
}

.tx-seminars-pi1 #seminarSelectorWidget #vDateFrom select[name*="from_year"],
.tx-seminars-pi1 #seminarSelectorWidget #vDateFrom select[name*="from_year"]+.sbHolder,
.tx-seminars-pi1 #seminarSelectorWidget #vDateTo select[name*="to_year"],
.tx-seminars-pi1 #seminarSelectorWidget #vDateTo select[name*="to_year"]+.sbHolder {
	width:37%;
}

.tx-seminars-pi1 #seminarSelectorWidget #vDateFrom .sbHolder,
.tx-seminars-pi1 #seminarSelectorWidget #vDateTo .sbHolder {
	display:inline-block;
}


.tx-seminars-pi1 #seminarSelectorWidget #vDateTo {
	
}



.tx-seminars-pi1 #seminarSelectorWidget #vDateTo label {
	display:block;
}


.tx-seminars-pi1 #seminarSelectorWidget #vSubmit input[type="submit"] {
	width:100%;
	margin:0;
	padding:0;
	border:none;
	font-size: 16px;
	outline:none;
	text-shadow:none;
	border-radius:10px !important;
}

.tx-seminars-pi1 #seminarSelectorWidget #vSubmit input[type="submit"] {
	background-color: rgb(226,6,19);
	color: rgb(255,255,255);
}

.tx-seminars-pi1 #seminarSelectorWidget #vSubmit input[type="submit"]:hover {
	background-color: rgb(192,5,16);
}



/*table*/

#seminarList table th.title {
	width:184px;
}

#seminarList table th.date {
	width:94px;
	text-align:center;
}

#seminarList table th.time {
	width:154px;
	text-align:center;
}

#seminarList table th.place {
	width:120px;
}

#seminarList table th.city {
	/*width:80px;*/
}

#seminarList table tr td:nth-child(1) {
	text-align:left;
}
#seminarList table tr td:nth-child(2) {
	text-align:center;
}
#seminarList table tr td:nth-child(3) {
	text-align:center;
}
#seminarList table tr td:nth-child(4) {
	text-align:left;
}

/*details*/

.tx-seminars-pi1 #content {
	
}

.tx-seminars-pi1 #addons {
	background-color:rgb(237,237,237);
}

.tx-seminars-pi1 #addons .uk-grid+.uk-grid {
	margin-top: 15px;
}

.tx-seminars-pi1 #listOther {
	
}
#listOther #seminarList table tr td:nth-child(1) {
	text-align:left;
}
#listOther #seminarList table tr td:nth-child(2) {
	text-align:center;
}
#listOther #seminarList table tr td:nth-child(3) {
	text-align:left;
}
#listOther #seminarList table tr td:nth-child(4) {
	text-align:left;
}

/*startseite*/

#kurse {

}

#kurse .tx-seminars-pi1 .date {
	font-size:14px;
	color:rgb(0,0,0);
	margin:0;
}

#kurse .tx-seminars-pi1 .seminare.startseite .title {
	font-family: "OpenSans";
	font-weight: 700;
	font-size:16px;
	color: rgb(0,75,145);
	margin:0;
}

#kurse .tx-seminars-pi1 .uk-article.startseite+.uk-article.startseite {
	padding-top: 0px;
	margin-top: 0px;
	border:none;
}

@media (min-width: 480px) and (max-width: 767px) {
#kurse .tx-seminars-pi1 .seminare.startseite .title {
	display:inline-block;
	width:200px;
	margin-right:10px;
}

#kurse .tx-seminars-pi1 .seminare.startseite .content {
	display:inline-block;
}

}



/*startseite end*/


/*
####
##
## layout Content Video
##
####
*/

#dsa_content_video2 [data-uk-cover] {
	position: relative;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,0%);
	transform: translate(-50%,0%);
}

#dsa_content_video3 {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
#dsa_content_video3 object,
#dsa_content_video3 embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#dsa_content_video {
	margin-bottom: 25px;
}

#dsa_content_video #content {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

#dsa_content_video .item {
	background-color:rgba(255,255,255,0.9);
	width: 100%;
	margin: 15px;
	margin-bottom:45px;
	padding:15px;
}

#dsa_content_video #play {
	width:80px;
	height:80px;
	display:inline-block;
	float:left;
	text-align:center;
	margin-right:10px;
}

#dsa_content_video #play i {
	font-size:72px;
	color: rgb(206,206,206);
}

#dsa_content_video #play i:hover {
	color: rgb(226,6,19);
	cursor:pointer;
}

#dsa_content_video .title {
	font-size:18px;
	margin-top:0px;
	color: rgb(100,100,100);
}

#dsa_content_video .description {
	font-size:14px;
	color: rgb(100,100,100);
}

@media (max-width: 479px) {

#dsa_content_video > img {
	min-height:300px;
}

#dsa_content_video .item {
	margin-bottom:15px;
}

}


/*
####
##
## layout Content KARTE
##
####
*/

#dsa_mapKita > svg {
	background-image: url(../Images/svg/karte_kita.svg);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: cover;
}

#dsa_mapKita a polygon {
	transition: .6s fill;
}

#dsa_mapKita a polygon:hover {
	transition: .6s fill;
	fill: #ccc;
}

#dsa_mapKita a text tspan {
	display:none;
	font-size:18px;
	transition: 1.6s;
}

#dsa_mapKita a:hover text tspan {
	display:inline-block;
	fill: #000;
	transition: 1.6s;
}


/*
####
##
## layout Pagination
##
####
*/

.uk-pagination {
	
}

.uk-pagination>li {
	font-size: 18px;
	line-height: 30px;
}

.uk-pagination>li>a {
	background-color: transparent;
	color: #444;
	text-shadow: 0 1px 0 #fff;
}

.uk-pagination>li>a, .uk-pagination>li>span {
	min-width: 30px;
	padding: 0px 0px;
	line-height: 30px;
	border-color: transparent;
	border-radius: 0px;
}

.uk-pagination>li.uk-aktive>span,
.uk-pagination>li>a:hover {
	background-color: rgb(237,237,237);
	border-color: transparent;
}

.uk-pagination>li.uk-aktive>span {
	font-family: "OpenSans";
	font-weight: 700;
}

/* -------------------------------------------------------------- NavSub */

#navSub {
	margin-bottom:30px;
}

#navSub a {
	color: rgb(0,0,0);
	display: block;
	padding: 10px 15px;
	border-bottom: 1px solid rgb(237,237,237);
	text-decoration: none;
}

#navSub a:hover {
	color:var(--main-color-red);
	background-color: rgb(255,255,255);
}

#navSub .level3 a:hover {
	/*color:rgb(255,255,255);*/
	/*background-color: rgb(226,6,19);*/
	color:var(--main-color-red);
	background-color: rgb(255,255,255);
}

#navSub .uk-active > a {
	/*color:rgb(226,6,19);*/
	/*background-color: rgb(255,255,255);*/
	color:rgb(255,255,255);
	background-color: var(--main-color-red);
}

#navSub .uk-active.sub > a {
	color:var(--main-color-red);
	background-color: rgb(255,255,255);

}

#navSub .level3 .uk-active > a {
	color:rgb(255,255,255);
	background-color: rgb(226,6,19);
}

#navSub .level2 {
	background-color: var(--main-color-gray);
	padding-left:0px;
}

#navSub .level3 {
	background-color: rgb(255,255,255);
	padding-left:0px;
}

#navSub .level2 a{
	padding-left:30px;
}

#navSub .level3 a{
	padding-left:45px;
}


#navSub ul {
	display:none;
}

#navSub .uk-active > ul {
	display:block;
}

/* -------------------------------------------------------------- Flexnav */

footer .flexnav {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	transition: none;
	-webkit-transform-style: preserve-3d;
}
footer .flexnav li ul.flexnav-show li {
	overflow: visible;
}
footer .flexnav .touch-button {
	position: absolute;
	z-index: 999;
	top: 0;
	right: 0;
	width: 100%;
	height: 45px;
	display: inline-block;
	text-align: right;
}
footer .flexnav .touch-button:hover {
	cursor: pointer;
}
footer .flexnav .touch-button .navicon {
	position: relative;
	top: 0px;
	font-size: 18px;
	line-height:45px;
	color: #666;
}

@media all and (max-width: 959px) {
footer .flexnav.flexnav-show {
	/*max-height: 2000px;*/
	/*opacity: 1;*/
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	padding: 0px 15px;
	margin-left: -15px;
	margin-right: -15px;
}
footer .flexnav ul li:before {
	background-image: none;
}

footer .flexnav ul {
	padding: 0px 15px;
	margin-left: -15px;
	margin-right: -15px;
}

footer .flexnav ul li {
	background-color:rgb(237,237,237);
	padding: 0px 30px;
	margin-left: -15px;
	margin-right: -15px;
	border-bottom: 1px solid rgba(255,255,255,0.8);
}

footer .flexnav ul a {
	padding: 10px 0px;
	display: block;
	color:rgb(0,0,0);
}

}

@media all and (min-width: 960px) {

footer .flexnav li > ul {
	display:block !important;
}
footer .flexnav li ul.open {
	display: block;
	opacity: 1;
	visibility: visible;
	z-index: 1;
}
footer .flexnav li ul.open li {
	overflow: visible;
	max-height: 100px;
}
.flexnav li ul.open ul.open {
	margin-left: 100%;
	top: 0;
}
footer .flexnav .touch-button {
	display: none !important;
}
footer .menu-button {
	display: none;
}

}


/* -------------------------------------------------------------- FORM select */

.sbHolder{
	background-color:rgb(255,255,255);
	border: 1px solid transparent;
	font-size: 14px;
	height: 30px;
	position: relative;
	/*width: 200px;*/
}
.sbHolder:focus .sbSelector{
	
}
.sbSelector{
	display: block;
	height: 30px;
	left: 0;
	line-height: 30px;
	outline: none;
	overflow: hidden;
	position: absolute;
	text-indent: 10px;
	top: 0;
	width: 170px;
	width: 100%;
}
.sbSelector:link, .sbSelector:visited, .sbSelector:hover{
	color: rgb(0,0,0);
	outline: none;
	text-decoration: none;
}

.sbToggle{
	/*background: url(../img/select-icons.png) 0 -116px no-repeat;*/
	display: block;
	height: 20px;
	outline: none;
	position: absolute;
	right: 0;
	top: 0;
	width: 20px;
	padding:5px;
	text-align:center;
	color:rgb(100,100,100);
}

.sbToggle:hover{
	/*background: url(../img/select-icons.png) 0 -167px no-repeat;*/
}
.sbToggleOpen{
	/*background: url(../img/select-icons.png) 0 -16px no-repeat;*/
}
.sbToggleOpen:hover{
	/*background: url(../img/select-icons.png) 0 -66px no-repeat;*/
}
.sbHolderDisabled{
	background-color: #3C3C3C;
	border: solid 1px #515151;
}
.sbHolderDisabled .sbHolder{
	
}
.sbHolderDisabled .sbToggle{
	
}
.sbOptions{
	background-color: rgb(243,243,243);
	border: 1px solid transparent;
	list-style: none;
	left: -1px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 30px;
	width: 100%;
	z-index: 1;
	overflow-y: auto;
}
.sbOptions li{
	padding: 0;
}
.sbOptions a{
	border-bottom: 1px solid rgb(255,255,255);
	display: block;
	outline: none;
	padding: 7px 0 7px 3px;
}
.sbOptions a:link, .sbOptions a:visited{
	color: rgb(0,0,0);
	text-decoration: none;
}
.sbOptions a:hover,
.sbOptions a:focus,
.sbOptions a.sbFocus{
	color: rgb(0,0,0);
	background-color: rgb(206,206,206);
}
.sbOptions li.last a{
	border-bottom: none;
}
.sbOptions .sbDisabled{
	border-bottom: dotted 1px #515151;
	color: #999;
	display: block;
	padding: 7px 0 7px 3px;
}
.sbOptions .sbGroup{
	border-bottom: dotted 1px #515151;
	color: #EBB52D;
	display: block;
	font-weight: bold;
	padding: 7px 0 7px 3px;
}
.sbOptions .sbSub{
	padding-left: 17px;
}

/**/
.csc-form-element-select .sbHolder{
	width: 62%;
    float: left;
}

.csc-form-element-textblock {
	margin-left:37%;
	width:60% !important;
}


/* Mini	up to 479px	Phones portrait */
@media (max-width: 579px) {
	
.csc-form-element-select .sbHolder{
	width: 100%;
}

.csc-form-element-textblock {
	margin-left:0%;
	width:100% !important;
}
	
}

/* -------------------------------------------------------------- */


/* Mini	up to 479px	Phones portrait */
@media (max-width: 479px) {
}

/* Small	480px to 767px	Phones landscape */ 
@media (min-width: 480px) and (max-width: 767px) {
}

/* Medium	768px to 959px	Tablets portrait */
@media (min-width: 768px) and (max-width: 959px) {
}

/* Large	960px to 1199px	Desktops & tablets landscape */
@media (min-width: 960px) and (max-width: 1199px) {
}

/* Xlarge	1200px and larger	Large Desktops */
@media (min-width: 1200px) {
}


#aktuelles header h3 {
	font-family: "OpenSans";
	font-weight: 700;
	font-size: 1.5rem;
	line-height: 18px;
	/*background-color: var(--main-color-red);*/
	color: var(--main-color-black);
	border-bottom: 4px solid var(--main-color-red);
	padding: 13px 5px;
	margin-top: 6rem;
}

.csc-textpic-image img {
	width: 100%;
}

a.cc-btn.cc-dismiss {
	margin-right: 70px !important;
}

.tx-kesearch-pi1 .hit {
    font-family: "OpenSans";
	font-weight: 700;
    color: rgb(226,6,19);
}

.tx-kesearch-pi1 .title {
    font-family: "OpenSans";
	font-weight: 700;
    font-size: 18px;
    margin-bottom: 0;
}

.tx-kesearch-pi1 .kesearch_pagebrowser ul {
	list-style: none;
}

.tx-kesearch-pi1 .kesearch_pagebrowser li {
	float: left;
	padding: 1rem;
}

div.ce-right.ce-intext .ce-row + .ce-row
{
    margin-top: 10px;
}

div.ce-right.ce-intext .ce-gallery {
    float: right;
}

div.ce-left.ce-intext .ce-gallery {
    float: left;
}

div.ce-textpic
{
	overflow: hidden;
}

div.ce-textpic.ce-below .ce-gallery
{
	margin-bottom: 15px;
}

div.ce-textpic.ce-below .ce-gallery .ce-row .ce-column
{
	display:inline-block;
}

div.ce-textpic .ce-gallery[data-ce-columns="1"] .ce-row .ce-column
{
  width: 100%;
}

div.ce-textpic .ce-gallery[data-ce-columns="2"] .ce-row .ce-column
{
  width: 50%;
}

div.ce-textpic .ce-gallery[data-ce-columns="3"] .ce-row .ce-column
{
  width: 33%;
}


@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) 
{
	/* --main-color-black */
	/* color */
	h4,
	h5,
	.uk-panel > .uk-panel-title,
	.uk-panel-box > ul a,
	#aktuelles header h3
	{
		color: rgb(85, 79, 74);
	}
	
	/* --main-color-white */
	/* color */
	form .actions button,
	form .actions button:hover,
	.frame-type-login fieldset input[type="submit"]
	{
		color: rgb(255, 255, 255);
	}
	/* background-color */
	header
	{
		background-color: rgb(255, 255, 255);
	}
	
	/* --main-color-red */
	/* color */
	h1,
	h2,
	h3,
	h6,
	.uk-navbar-nav>li.uk-active>a,
	.dsa-breadcrumb>li.dsa-active a,
	#slideshow .content .title a,
	#containerInfo .content h3 a,
	#containerInfoTopImage .content h3 a,
	#containerAttentionLeftImage .content h3 a,
	#news.list .title a,
	#navSub a:hover,
	#navSub .level3 a:hover,
	#navSub .uk-active.sub > a
	{
		color: rgb(228, 100, 80);
	}
	/* background-color */
	#containerAttention,
	#navSub .uk-active > a
	{
		background-color: rgb(228, 100, 80);
	}
	/* border-color */
	#slideshow .uk-dotnav>.uk-active>*
	{
		border-color: rgb(228, 100, 80);
	}
	/* border-bottom-color */
	.uk-navbar-nav>li>a:hover,
	.uk-navbar-nav>li.uk-active>a,
	#slideshow .uk-overlay-panel,
	.uk-panel > .uk-panel-title,
	#aktuelles header h3
	{
		border-bottom: 3px solid rgb(228, 100, 80);
	}
	
	/* --main-color-red-75 */
	/* background-color */
	#containerAttentionLeftImage .title
	{
		background-color: rgba(228, 100, 80, 0.75);
	}
	
	/* --main-color-gray */
	/* color */
	/* background-color */
	.backColorLG,
	section#nav,
	#containerInfo,
	#containerInfoTopImage,
	#navSub .level2
	{
		background-color: rgb(239, 238, 234);
	}
	
	/* --main-color-darkgray */
	/* border-bottom-color */
	section#nav.uk-active
	{
		border-bottom: 1px solid rgb(204, 204, 204);
	}
	
	/* --main-color-blue */
	/* color */
	.uk-link,
	a
	{
		color: rgb(0, 117, 169);
	}
	
	/* --formular-color-blue */
	/* background-color */
	.frame-type-form_formframework,
	.frame-type-login
	{
		background-color: rgb(235, 244, 253);
	}
	
	/* --formular-color-darkblue */
	/* background-color */
	form .actions button,
	.frame-type-login fieldset input[type="submit"]
	{
		background-color: rgb(0, 117, 169);
	}
	/* border-bottom-color */
	form .form-group .input input,
	form .form-group .input textarea,
	.frame-type-login fieldset input,
	section#nav.uk-active
	{
		border-bottom: 1px solid rgb(0, 117, 169);
	}
	
	/* --formular-color-darkblue-75 */
	/* background-color */
	form .actions button:hover,
	.frame-type-login fieldset input[type="submit"]:hover
	{
		background-color: rgba(0, 117, 169, 0.75);
	}

}

/**** Aktions-Banner ****/

.actionbanner {
  padding: 6em;
  background-image: linear-gradient(to right bottom, rgba(228,100 , 80, 0.9) 0%, #e46450 50%, rgba(228, 100, 80, 0.9) 100%);
  color: #fff;
  margin-bottom: 1em;
  font-size: 20px;
  line-height: 1.5em;
}

.actionbanner a {
  color: #fff;
  text-decoration: underline;
}

.actionbanner a:hover {
  color: #fff;
} 

.actionbanner .title {
  font-size: 40px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 0.5em;
}

.actionbanner .uk-icon-search-plus {
  float: left;
  font-size: 6em;
  padding-right: 0.5em;
  padding-bottom: 0.5em;
}

@media (max-width: 873px) {
  .actionbanner .title { 
    line-height: 1.5em;
  }
  .actionbanner .uk-icon-search-plus {
    float: none;
  }
}

@media (max-width: 600px) {
  .actionbanner { 
    padding: 2em;
  }
}

.job-cta .btn-primary {
	width: 100%;
    padding: 15px 15px;
    font-size: 1.2rem;
    line-height: 2.5rem;
    border: 0px;
    background-color: var(--main-color-red);
    color: var(--main-color-white);
    cursor: pointer;
    text-decoration: none;
}
.job-cta .btn-primary:hover {
	background-color: var(--main-color-red-75);
}


/*
Mini	up to 479px	Phones portrait
Small	480px to 767px	Phones landscape
Medium	768px to 959px	Tablets portrait
Large	960px to 1199px	Desktops & tablets landscape
Xlarge	1200px and larger	Large Desktops
*/