@charset "UTF-8";

/********** FONTS **********/

@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i');


/********** DEFAULTS **********/

/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

body  {
	font: 14px/22px 'Open Sans', sans-serif;
	color: #000000;
}
a {
	text-decoration: none; 
	color: #93B328;
}
a:hover {
	text-decoration: underline;
}
h1, h2, h3, h4, p, ul, ol, img {
	margin-bottom: 22px;
}
h1 {
	font-size: 20px;
	line-height: 26px;
	color: #B3DB14;
	text-transform: uppercase;
	font-weight: 700;
}
h1 a {
	color: #B3DB14;
}
h2 {
	font-weight: 700;
}
iframe {
	width: 100%;
}
input, textarea {
	width: 100%;
}
table {
	width: 100%;
}
    
/********** CONTAINER **********/ 
    
.container { 
	max-width: 1024px;
	margin: 0 auto;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
} 
    
    
/********** HEADER **********/     

.header { 
	padding: 0 12px 0 38px;
	overflow: hidden;
	background-color: #ffffff;
	position: fixed;
	width: 100%;
	max-width: 1024px;
	box-sizing: border-box;
} 

.logo {
	float: left;
	margin-top: 42px;
}
.logo img {
	width: 360px;
	height: auto;
}

.menu {
	float: right;
}
.menu a {
	color: #000000;
	padding: 8px;
	transition: all 0.1s;
}
.menu a:hover {
	color: #93B328;
	text-decoration: none;
}
.menu li {
	list-style: none;
	float: left;
	
}
.menu__meta {
	font-size: 12px;
	float: right;
	margin-top: 12px;
}
.menu__main {
	margin-top: 48px;
	font-weight: 700;
	float: right;
	clear: both;
}
.burger {
	display: none;
}
	
/********** CONTENT  **********/


.content {
	padding-top: 136px;
}

.content__header {
	width: 100%;
	height: auto;
}
.content__main { 
	float: left;
	width: 70%;
	padding: 30px 76px 30px 38px;
	box-sizing: border-box;
}
.content__aside { 
	float: right;
	width: 30%;
	padding: 30px 0 30px 0;
	box-sizing: border-box;
}
.content__aside h1 {
	margin: 0 0 6px 18px;
}
.content__aside a {
	font-weight: 700;
}
.content__aside > * {
	margin-bottom: 36px;
}


/********** FOOTER  **********/

.footer {
	clear: both;
	background-color: #E6E6E6;
	padding: 30px 6px 0;
	text-align: center;
}
.contact {
	overflow: hidden;
	font-size: 12px;
	line-height: 16px;
	display: inline-block;
}
.contact li {
	float: left;
	padding: 0 8px;
	border-right: 1px solid #000000;
}
.contact li:last-child {
	border-width: 0;
}
.contact a {
	color: #000000;
}

/***** cookie banner *****/
	
.cookie { position: fixed; right: 0; bottom: 0; left: 0; z-index: 100; background-color: #3B3B3B; border-top: 1px solid #505050; display: none; max-width: 1024px; margin: 0 auto; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);}
.cookie--visible { display: block; }
.cookie__content { width: 100%; max-width: 1280px; margin: 0 auto; padding: 12px 24px; box-sizing: border-box; color: #ffffff; }
.cookie__content a { color: #ffffff!important; text-decoration: underline; }
.cookie .btn { float: right; margin-left: 12px; padding: 6px 6px; background-color: #93B328; border: none; box-shadow: none; color: #ffffff; font: 14px/22px 'Open Sans', sans-serif;}


/********** PAGES **********/

/***** frontpage *****/

.frontpage-images {
	display: flex;
    justify-content: center;
}
.frontpage-images a {
	padding: 0 10px;
}


/********** COMPONENTS **********/


/***** NEWS *****/

.NewsSummary {
	background-color: #E6E6E6;
}
.NewsSummary > * {
	padding: 0 18px;
}
.NewsSummaryPostdate {
	padding-top: 12px;
}
.NewsSummaryLink a {
	color: #000000;
	font-weight: 700;
}
.NewsSummaryMorelink {
	padding-bottom: 12px;
}


/***** TERMIN *****/

.termin__text {
	background-color: #E6E6E6;
	padding: 12px 18px;
}
.termin__text p {
	margin: 0;
}

/***** BLOG *****/

.blog__text {
	background-color: #E6E6E6;
	padding: 12px 18px;
}
.blog__text p {
	margin: 0;
}

/***** GLOSSARY *****/

.glossary dd {
	margin: 12px 0;
}

/***** CONTACT FORM *****/


form {
border:0pt none;
float:left;
margin:10px 0;
padding:0pt;
width:100%;
}
fieldset {
border:0pt none;
float:left;
margin:0pt;
padding:0;
width:100%;
}
legend {
border:0pt none;
font-weight:700;
margin:0;
padding:5px 0pt 0pt;
}
div.row {
border:0pt none;
float:left;
margin:0pt;
padding:0pt;
}
div.rowerror, div.rowerrorerror, div.rowerrorerrorerror {
border:0pt none;
color:#93b328;
float:left;
margin:0pt;
padding:0pt;
}
div.rowerror span.label, div.rowerror span.labelreq, div.rowerrorerror span.label, div.rowerrorerror span.labelreq, div.rowerrorerrorerror span.label, div.rowerrorerrorerror span.labelreq {
background:transparent url(/fileadmin/templates/gfx/bg_alert.gif) no-repeat scroll right center;
}
span.label {
border:0pt none;
display:block;
float:left;
margin:0pt 10px 0pt 0pt;
padding:4px 0pt 0pt;
text-align:left;
width:90px;
}
label {
border:0pt none;
margin:0pt;
padding:0pt;
}
span.labelreq {
border:0pt none;
display:block;
float:left;
margin:0pt 10px 0pt 0pt;
padding:4px 0pt 0pt;
text-align:left;
width:90px;
}
span.labelreq label {
border:0pt none;
font-weight:bold;
margin:0pt;
padding:0pt;
}
span.form {
border:0pt none;
display:block;
float:left;
margin:0pt 0pt 5px;
padding:0pt;
width:250px;
}
span.button {
border-color:#FFFFFF -moz-use-text-color -moz-use-text-color;
border-style:solid none none;
border-width:10px 0pt 0pt;
clear:both;
display:block;
margin:0pt 0pt 1em 2px;
padding:0pt;
}
label, select, input, textarea {
cursor:pointer;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:16px;
}
input {
background:#FFFFFF none repeat scroll 0%;
border:1px solid #93b328;
color:#000;
height:18px;
margin:0pt;
padding:1px 4px 0pt;
voice-family:inherit;
}
html > body input {
height:20px;
}
input.disabled {
background:#DDDDDD none repeat scroll 0%;
}
textarea {
background:#FFFFFF none repeat scroll 0%;
border:1px solid #93b328;
color:#000;
margin:0pt;
padding:4px 4px 0pt;
voice-family:inherit;
}

select {
background:#FFFFFF none repeat scroll 0%;
border:1px solid #B1DB23;
color:#000;
height:22px;
margin:0pt 1px 0pt 0pt;
padding:3px 0pt 0pt;
voice-family:inherit;
width:100px;
}
html > body select {
height:22px;
width:100px;
}
input.checkbox {
border:0pt none;
height:auto;
margin:0pt 2px 0pt 0pt;
width:auto;
}
.rowerror input, .rowerror textarea, .rowerrorerror input, .rowerrorerror textarea, .rowerrorerrorerror input, .rowerrorerrorerror textarea {
border:1px solid #FF0000;
}
input:focus, textarea:focus, select:focus {
border:1px solid #B1DB23;
color:#000;
}
input.button {
border:0pt none;
color:#93b328;
font-weight:normal;
height:24px;
margin:0pt;
padding:0;
text-align:left;
width:82px;
}
input.button:hover, input.button:focus {
border:0pt none;
color:#B1DB23;
font-weight:normal;
height:24px;
margin:0pt;
padding:0pt 0pt 0pt 22px;
text-align:left;
width:82px;
}
.error {
border:1px solid #FF0000;
color:#FF0000;
margin:0pt 0pt 1em;
padding:0.5em 0.5em 0pt;
}
.error ul {
border:0pt none;
list-style-image:url(/fileadmin/templates/gfx/bg_alert.gif);
list-style-type:none;
margin:0pt;
padding:0pt 0pt 0pt 20px;
}
.error ul li {
border:0pt none;
margin:0pt 0pt 0.5em;
padding:0pt 0pt 0pt 5px;
}
.gmapDir {
border:0pt none;
clear:both;
margin:0pt 0pt 1em;
padding:0pt;
width:auto;
}
.gmapDirButton {
background:transparent url(/fileadmin/templates/gfx/bg_button_gmap.gif) repeat scroll 0%;
border:0pt none;
color:#93b328;
font-weight:normal;
height:24px;
margin:0pt;
padding:0pt 0pt 0pt 22px;
text-align:left;
width:190px;
}
.gmapDirButton:hover, .gmapDirButton:focus {
background:transparent url(/fileadmin/templates/gfx/bg_button_gmap_h.gif) repeat scroll 0%;
border:0pt none;
color:#93b328;
font-weight:normal;
height:24px;
margin:0pt;
padding:0pt 0pt 0pt 22px;
text-align:left;
width:190px;
}
#m4moduleform_1 table { width: 90%; }
#m4moduleform_1 textarea { width: 100%; }

/********** MAP **********/

#karte { 
width: 400px; height: 400px;
}


/*********** RESPONSIVE **********/

/***** DESKTOP SMALL *****/

@media screen and (max-width: 1024px) {
	
	
	.header {
		padding-bottom: 12px;
	}
	.logo {
		width: 100%;
		margin-top: 24px;
	}
	.logo img {
		margin-bottom: 12px;
	}
	.menu {
		float: none;
	}
	.menu__meta {
		margin-top: 0;
	}
	.menu__main {
		float: left;
		margin-top: 0;
		clear: none;
	}
}


/***** TABLET *****/

@media screen and (max-width: 836px) {
	
	.content {
		padding-top: 174px;
	}
	.menu__meta {
		float: none;
	}
	.menu__main {
		float: none;
		clear: both;
	}
}

/***** SMARTPHONE *****/

@media screen and (max-width: 622px) {
	
	
	/****** header *****/
	
	.header {
		overflow: inherit;
		padding-bottom: 0;
		padding-left: 28px;
	}

	.logo {
		position: relative;
		z-index: 10;
		width: auto;
		margin-top: 12px;
	}
	.logo img {
		width: 218px;
		margin-bottom: 0;
	}
	
	/* navigation w burger-button */
	
	.menu { 
		position: absolute; 
		left: 0; 
		right: 0;
		width: auto; 
		height: auto; 
		background-color: #ffffff; 
		padding-bottom: 12px; 
		
		
	}
	.burger {
		display: block;
		position: relative;
		background-image: url(media/burger.png); 
		background-size: 28px; 
		width: 28px; 
		height: 28px; 
		float: right;
		margin: 18px 16px 0 0;
	}
	.menu.act {
		border-bottom: 1px solid #BFDB00;
	}
	.burger.act { 
		background-image: url(media/burger-act.png); 
	}
	.menu__meta {
		margin-top: 50px;
	}
	.menu.act .menu__meta {
		margin-top: 72px;
	}
	
	.header .menu ul { 
		padding: 12px 0 0 24px; 
		display: none; 
	}
	.header .menu ul li { 
		float: none; 
		padding: 12px 0 0 0; 
	}
	
	.header .menu.act ul { 
		display: block; 
	}

	
	
	/* content */
	
	.content { 
		padding-top: 62px; 
	}
	
	.content__main, .content__aside {
		width: 100%;
		float: none;
		clear: both;
		padding: 30px 28px 30px 28px;
	}
	
	
}

/* GLOSSAR NEU 2026 */

.Arbeitsrecht-Glossar .content__main p {display:none;margin-top:12px;}
.Arbeitsrecht-Glossar .content__main h5 {color: #93B328;cursor:pointer;}
.Arbeitsrecht-Glossar .content__main h5:hover {text-decoration:underline;}