@import url('bootstrap.min.css');
/* @import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,600,600i,700'); */

/* *** myfontswebfontskit *** */ 
@import url(https://hello.myfonts.net/count/286144?css);
@font-face{
	font-family:AFDiwaRegular;
	src:url('/custom/fonts/diwa/AFDiwa.eot');
	src:url('/custom/fonts/diwa/AFDiwa.eot?#iefix') format('embedded-opentype'),
		url('/custom/fonts/diwa/AFDiwa.woff') format('woff'),
		url('/custom/fonts/diwa/AFDiwa.ttf') format('truetype')
}

@font-face{
	font-family:AFDiwaBold;
	src:url('/custom/fonts/diwa/286144_0_0.eot');
	src:url('/custom/fonts/diwa/286144_0_0.eot?#iefix') format('embedded-opentype'),
		url('/custom/fonts/diwa/286144_0_0.woff') format('woff'),
		url('/custom/fonts/diwa/286144_0_0.ttf') format('truetype')
}
@font-face{
	font-family:AFDiwaLight;
	src:url('/custom/fonts/diwa/286144_1_0.eot');
	src:url('/custom/fonts/diwa/286144_1_0.eot?#iefix') format('embedded-opentype'),
		url('/custom/fonts/diwa/286144_1_0.woff') format('woff'),
		url('/custom/fonts/diwa/286144_1_0.ttf') format('truetype')
}

/* SourceSansPro Font */
	@font-face{
		font-family: Source Sans Pro;
		src: url('/custom/fonts/SourceSansPro/SourceSansPro-Light.ttf') format('truetype');
		font-weight: light;
		font-style: normal;
	}
	@font-face{
		font-family: Source Sans Pro;
		src: url('/custom/fonts/SourceSansPro/SourceSansPro-LightItalic.ttf') format('truetype');
		font-weight: light;
		font-style: italic;
	}
	@font-face{
		font-family: Source Sans Pro;
		src: url('/custom/fonts/SourceSansPro/SourceSansPro-Regular.ttf') format('truetype');
		font-weight: 400;
		font-style: normal;
	}
	@font-face{
		font-family: Source Sans Pro;
		src: url('/custom/fonts/SourceSansPro/SourceSansPro-SemiBold.ttf') format('truetype');
		font-weight: 600;
		font-style: normal;
	}
	@font-face{
		font-family: Source Sans Pro;
		src: url('/custom/fonts/SourceSansPro/SourceSansPro-SemiBoldItalic.ttf') format('truetype');
		font-weight: 600;
		font-style: italic;
	}
	@font-face{
		font-family: Source Sans Pro;
		src: url('/custom/fonts/SourceSansPro/SourceSansPro-Bold.ttf') format('truetype');
		font-weight: bold;
		font-style: normal;
	}
	@font-face{
		font-family: Source Sans Pro;
		src: url('/custom/fonts/SourceSansPro/SourceSansPro-BoldItalic.ttf') format('truetype');
		font-weight: bold;
		font-style: italic;
	}
/* ENDE -------- SourceSansPro Font */


body{
	font-family: 'Source Sans Pro',Calibri,'Arial Unicode MS','DejaVu Sans',FreeSans,'Lucida Sans Unicode',Arial;
	font-size: 18px;
	line-height: 1.6;
	color: #444;
	background-color: #c6c7c8;
	font-weight:400;
}

h1{
	font-family: 'AFDiwaBold', Arial;
	color: #3aaa35;
	font-size: 26px;
	line-height: 34px;
	letter-spacing: 1.5px;
	margin-top:0px;
	margin-bottom:0px;
	text-transform: uppercase;
}
	h1.bold{
		font-family: 'AFDiwaBold', Arial;
	}
	h1 + p {margin-top:20px!important;}
h2{
	font-family: 'AFDiwaRegular', Arial;
	color: #3aaa35;
	font-weight: 300;
	font-size: 26px;
	line-height: 34px;
	letter-spacing: 1.5px;
	margin-top: 0px;
	margin-bottom: 0px;
	text-transform: uppercase;
}
	h2 + p {margin-top:20px!important;}
h3{
	font-family: 'AFDiwaRegular', Arial;
	color: #3aaa35;
	font-weight: 300;
	font-size: 18px;
	line-height: 22px;
	letter-spacing: 1.5px;
	margin-top: 0px;
	margin-bottom: 15px;
	text-transform: uppercase;
}
.headline{
	font-size: 18px;
	font-weight: 300;
	margin-bottom: 5px;
	clear: both;
	display: inline-block;
}

a{
	color: #222222;
	text-decoration: underline;
}
	a:hover,a:focus,a:active{
		color: #878787;
	}

a.link,
a.map,
.downloads a{
	text-decoration: none;
	position: relative;
	padding-left: 12px;
}
	a.map,
	.downloads a{
		color: #41a62a;
	}
	a.link:hover, a.link:focus, a.link:active,
	a.map:hover, a.map:focus, a.map:active,
	.downloads a:hover, .downloads a:focus, .downloads a:active{
		text-decoration: underline;
	}
	a.link:hover, a.link:focus, a.link:active{
		color: #222222;
	}
	a.map:hover, a.map:focus, a.map:active,
	.downloads a:hover, .downloads a:focus, .downloads a:active{
		color: #388f24;
	}
	a.link:before,
	a.map:before,
	.downloads a:before{
		content: '\00BB';
		position: absolute;
		left: 0;
	}

a.btn{
	font-size: inherit;
	border: 1px solid #000000;
	padding: 5px 10px;
	border-radius: 0;
	text-decoration: none;
}
	a.btn:hover{
		color: #878787;
		box-shadow: none;
	}


/* *** GENERAL STUFF *** */
.imagebox {
	float:right;
	width:100%;
	margin-bottom: 15px;
}

.infobox{
	float: right;
	background-color: #eceded;
	padding: 10px;
	margin: 0 0 15px 15px;
	width: 100%;
	clear: both;
}
	.infobox.contact h3{
		margin-top: 0;
		font-size: 18px;
	}
	.infobox img, .imagebox img {
		width: 100%;
	}

iframe{
	width: 100%;
	height: 400px;
	border: 0 none;
}

.clearfix{
	overflow: hidden;
	clear: both;
}
	.clearfix.distance{
		min-height: 20px;
	}
	.clearfix.low-distance{
		min-height: 10px;
	}

/* --- GENERAL STUFF --> Social media Icons --- */
em.fa:hover{
	color: #87888A;
	transition: color .5s ease;
}
	.fa.fa-google-plus-g {
		background-image: url(/custom/img/microsite/1000_Template/google-plus.png);
		background-repeat: no-repeat;
		width: 36px;
		height: 36px;
	}
	.fa.fa-google-plus-g:hover {
		background-image: url(/custom/img/microsite/1000_Template/google-plus_hover.png);
		transition: .5s ease;
	}
	.fa.fa-youtube-fa,
	.fa.fa-youtube{
		background-image: url(/custom/img/microsite/1000_Template/youtube-play.png);
		background-repeat: no-repeat;
		width: 36px;
	}
	.fa.fa-youtube-fa:hover,
	.fa.fa-youtube:hover{
		background-image: url(/custom/img/microsite/1000_Template/youtube-play_hover.png);
		transition: .5s ease;
	}
	.fa.fa-youtube:before{
		content: '';
	}

/* --- GENERAL STUFF --> Termine Table --- */
.termine-table-head{
	display: none;
}
.termine-table-body > div{
	background-color: #e6f1dd;
	margin-bottom: 10px;
	padding: 5px 10px;
	border-top: 2px solid #41a62a;
}
	.termine-table-body .with-title{
		position: relative;
	}
	.termine-table-body > div > div{
		overflow: hidden;
	}
	.termine-table-body > div .mobile{
		float: left;
		width: 120px;
		margin-right: 15px;
		font-weight: bold;
	}
	.termine-table-body > div .content{
		float: left;
		width: calc(100% - 135px);
	}
	.termine-table-body .name .title{
		display: none;
		position: absolute;
		background-color: rgba(135,135,135,0.85);
		top: -30px;
		z-index: 100;
		color: #FFFFFF;
		padding: 0 10px;
		width: 300px;
		left: calc(39% - 150px);
	}
	.termine-table-body .name .title:after{
		content: '';
		width: 0;
		height: 0;
		border-left: 8px solid transparent;
		border-right: 8px solid transparent;
		border-top: 9px solid rgba(135,135,135,0.85);
		position: absolute;
		left: calc(50% - 8px);
		bottom: -9px;
	}
	.termine-table-body .with-title .name:hover .title{
		display: block;
	}

.fieldContainer.has-error:has(.termine-table) {
	background-color: #94c36b;
}

#tr_2211{
	display: none;
}

#roombooking-table .termin-item-accordion .termin-item-accordion-head{
	color: #FFF;
	cursor: pointer;
	padding: 8px;
	background-color: #41a62a;
	border: 1px solid #000000;
	border-bottom: 0 none;
}
	#roombooking-table .termin-item-accordion.open .termin-item-accordion-head,
	#roombooking-table .termin-item-accordion:last-child .termin-item-accordion-head{
		border-bottom: 1px solid #000000;
	}
	#roombooking-table .termin-item-accordion .termin-item-accordion-head:after{
		font-family: 'fontAwesome';
		content: '\f107';
		float: right;
	}
	#roombooking-table .termin-item-accordion.open .termin-item-accordion-head:after{
		content: '\f106';
	}
	#roombooking-table .termin-item-accordion .termin-item-accordion-body{
		display: none;
		margin: 10px 0;
		border-top: 1px solid #000000;
	}

/* --- GENERAL STUFF --> Roombooking Table --- */
#roombooking-table{
	max-width:561px;
	margin: 10px auto 10px;
}
	/*#roombooking-table.termine-table .date{
		width:230px;
	}
	#roombooking-table.termine-table .time{
		width:100px;
	}
	#roombooking-table.termine-table .register{
		width:124px
	}*/
	#roombooking-table.termine-table .register span{
		color: #41a62a;
		cursor: pointer;
	}
	#roombooking-table.termine-table .register span.full{
		color: #000;
	}
	#roombooking-table.termine-table .register span.active{
		font-weight: bold;
	}
	#roombooking-table .termin-item.active > div{
		font-weight: bold;
	}

/* --- GENERAL STUFF --> General Table Styles --- */
.thead{
	margin: 10px 0;
	overflow: hidden;
	font-weight: bold;
}
	.tbodyrow{
		overflow: hidden;
		border-top: 1px solid #dcdcdc;
		padding: 5px 0;
	}

/* --- GENERAL STUFF --> General Download Area Style --- */
.downloads{
	margin: 15px 0 55px 0;
	overflow: hidden;
}
	.content-box .downloads{
		margin-bottom: 0;
	}
	.downloads > div{
		background-color: #eceded;
		background-clip: padding-box;
		
		padding: 5px 10px;
		margin-bottom: 10px;
	}

/* --- GENERAL STUFF --> Signature --- */
.signature > div{
	margin-bottom: 40px;
}

/* --- GENERAL STUFF --> Slick Slider --- */
#slick-banner{
	overflow: hidden;
	position: relative;
}
	#slick-banner .slick-slide{
		position: relative;
	}
	#slick-banner .slick-slide > div{
		position: absolute;
		left: 10%;
		top: 10%;
		width: 40%;
		min-width: 300px;
	}
	#slick-banner .slick-slide > div span.headline{
		display: block;
		color: #41a62a;
		text-transform: uppercase;
	}
	#slick-banner .slick-slide > div span.subheadline{
		display: block;
		text-transform: uppercase;
	}
	#slick-banner .slick-slide > div a:before{
		font-family: 'fontAwesome';
		content: '\f101';
		float: left;
		margin-right: 5px;
	}
	#slick-banner .slick-slide img{
		width: 100%;
	}

#slick-banner .slick-prev,
#slick-banner .slick-next{
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 45%;
	display: block;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	padding: 0;
	cursor: pointer;
	color: transparent;
	border: none;
	outline: none;
	background: transparent;
	z-index: 10;
}
	#slick-banner .slick-prev:before,
	#slick-banner .slick-next:before{
		font-family: 'fontAwesome';
		font-size: 50px;
		line-height: 1;
		opacity: .75;
		color: white;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
	#slick-banner .slick-prev{
		left: 15px;
	}
	#slick-banner .slick-prev:before{
		content: '\f104';
	}
	#slick-banner .slick-next{
		right: 15px;
	}
	#slick-banner .slick-next:before{
		content: '\f105';
	}

.slick-dots{
	position: absolute;
	bottom: 0;
	display: block;
	width: 100%;
	padding: 0;
	list-style: none;
	text-align: center;
	z-index: 10;
}
	.slick-dots li{
		position: relative;
		display: inline-block;
		width: 20px;
		height: 20px;
		margin: 0 5px;
		padding: 0;
		cursor: pointer;
	}
	.slick-dots li:before{
		display: none;
	}
	.slick-dots li button{
		font-size: 0;
		line-height: 0;
		display: block;
		padding: 5px;
		cursor: pointer;
		color: transparent;
		border: 0;
		outline: none;
		background: transparent;
	}
	.slick-dots li button:before{
		font-family: 'fontAwesome';
		font-size: 13px;
		line-height: 20px;
		position: absolute;
		top: 0;
		left: 0;
		width: 20px;
		height: 20px;
		content: '\f111';
		text-align: center;
		color: #FFFFFF;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
	.slick-dots li.slick-active button:before,
	.slick-dots li:hover button:before{
		color: #41a62a;
	}

.slick-arrow{
	font-size: 0;
	text-indent: -9999px;
	position: absolute;
	z-index: 10;
	top: calc(50% - 17px);
	padding: 0;
	width: 34px;
	height: 34px;
	background-color: #323232;
	border: 0 none;
	border-radius: 50%;
	outline: none;
}
	.slick-arrow.slick-prev{
		left: 10px;
	}
	.slick-arrow.slick-next{
		right: 10px;
	}
	.slick-arrow:before{
		font-family: fontAwesome;
		color: #FFFFFF;
		font-size: 30px;
		line-height: 31px;
		text-indent: 0;
		display: block;
	}
	.slick-arrow.slick-prev:before{
		content: '\f104';
		margin-left: -3px;
	}
	.slick-arrow.slick-next:before{
		content: '\f105';
		margin-right: -3px;
	}

/* --- GENERAL STUFF --> Video --- */
.videoplay{
	cursor: pointer;
}
	#video_container{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		bottom: 0;
		z-index: 30;
		height: 100%;
		right: 0;
		background: rgba(0,0,0,0.7);
	}
	#video_container iframe{
		width: 80%;
		height: 57%;
		position: relative;
		top: 20%;
		left: 10%;
	}
	.video-content .close{
		float: right;
		position: fixed;
		top: 43px;
		font-size: 80px;
		color: #41A62A;
		right: 62px;
		z-index: 35;
		opacity: 1;
	}

.video-img{
	position: relative;
}
	a.video-img{
		display: block;
	}
	.video-img span.video-play{
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background-color: rgba(0,0,0,0.2);
		cursor: pointer;
	}
	.video-img span.video-play:before{
		content: '';
		position: absolute;
		top: calc(50% - 40px);
		left: calc(50% - 40px);
		width: 80px;
		height: 80px;
		border-radius: 50%;
		background-color: rgba(0,0,0,0.5);
		transition:background 1s;
	}
	.video-img:hover span.video-play:before{
		background-color: rgba(0,0,0,0.75);
	}
	.video-img span.video-play:after{
		content: '';
		position: absolute;
		top: calc(50% - 18px);
		left: calc(50% - 11px);
		border-top: 16px solid transparent;
		border-bottom: 16px solid transparent;
		border-left: 30px solid #FFFFFF;
	}
	.imagebox span.video-play + img{
		width: 100%;
	}

/* --- GENERAL STUFF --> Flex Slider --- */

/* --- GENERAL STUFF --> Contact Form --- */
.tablebooking_form {
	margin: 50px 0;
}
	.tablebooking_form .customer-wrapper {
		display: flex;
		gap: 0 10px;
	}
	.tablebooking_form .mandatory:before{
		display: none;
	}
	.tablebooking_form .fieldContainer:not(.mandatory) .star {
		display: none;
	}

.tablebooking_form .fieldContainer {
	margin-bottom: 30px;
	padding: 0;
	border: 0 none;
}
	.tablebooking_form .fieldContainer.readonly {
		opacity: .5;
	}
	.tablebooking_form .fieldContainer.hidden {
		display: none;
	}
	.tablebooking_form .fieldContainer .frontendFieldCaption,
	.tablebooking_form .fieldContainer .frontendFieldCaptionMandatory {
		padding: 0;
	}
	.tablebooking_form .fieldContainer.active .frontendFieldCaption,
	.tablebooking_form .fieldContainer.active .frontendFieldCaptionMandatory {
		position: absolute;
		z-index: 10;
		top: -10px;
		padding: 0 5px;
		width: max-content;
		background-color: #FFF;
	}
	.tablebooking_form .fieldContainer label {
		font-weight: normal;
		color: #BBB;
		display: block;
		padding: 8px 15px 10px 15px;
	}
	.tablebooking_form .fieldContainer.active label {
		padding: 0;
	}
	.tablebooking_form .fieldContainer label .star {
		font-size: 22px;
		line-height: 10px;
		color: #41A62A;
		position: relative;
		top: 0;
	}

.tablebooking_form .fieldContainer input,
.tablebooking_form .fieldContainer select {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	color: #555555;
	outline: none;
}
	.tablebooking_form .textfield-wrapper input,
	.tablebooking_form .select-wrapper select,
	.tablebooking_form .textfield-wrapper textarea {
		padding: 9px 10px;
		margin-top: 0;
		width: 100%;
		border: 1px solid #DCDCDC;
		box-shadow: inset 0 1px 2px hsla(0,0%,4%,.1);
	}
	.tablebooking_form .textfield-wrapper input:focus,
	.tablebooking_form .select-wrapper select:focus,
	.tablebooking_form .textfield-wrapper textarea:focus {
		background: #ededed;
		border-color: #3aaa35;
	}

.tablebooking_form .radio-wrapper {
	border: 0 none;
	border-radius: 0;
}
	.tablebooking_form .radio-wrapper .radio-inner-wrapper {
		display: flex;
		flex-direction: row-reverse;
		gap: 10px;
	}
	.tablebooking_form .radio-wrapper .radio-inner-wrapper > div:not(.fieldInput) {
		flex: 1;
	}
	.tablebooking_form .radio-wrapper .radio-inner-wrapper label {
		color: #6F6F6F;
		padding: 0;
	}
	.tablebooking_form .radio-wrapper .radio-inner-wrapper label .decription {
		color: #BBB;
		display: block;
	}
	.tablebooking_form .radio-wrapper .radio-inner-wrapper .fieldInput input[type="radio"] {
		margin: 0;
	}
	.tablebooking_form .radio-wrapper .error-info {
		position: relative;
		top: 10px;
		left: 23px;
	}

.tablebooking_form .error-info {
	font-size: 12px;
	line-height: 12px;
	color: #c02b0a;
	white-space: nowrap;
	position: absolute;
	bottom: -15px;
	display: none;
}
	.tablebooking_form .fieldContainer.has-error .error-info {
		display: block;
	}

.tablebooking_form .submit {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 10px;
}
	.tablebooking_form .success-message {
		color: #8bc34a;
		display: none;
		width: 100%;
		transition: all 4s ease-in-out;
	}
	.tablebooking_form .success-message.show {
		display: block;
		transition: all 4s ease-in-out;
	}
	.tablebooking_form .submit .btn_tablebooking {
		cursor: pointer;
		color: #FFF;
		text-decoration: none;
		display: inline-block;
		padding: 6px 10px 4px 10px;
		background-color: #41A62A;
		border: 1px solid #41A62A;
		transition: background-color .2s ease-in;
	}
	.tablebooking_form .submit .btn_tablebooking.hide {
		display: none;
	}
	.tablebooking_form .submit .btn_tablebooking:hover {
		color: #41A62A;
		background-color: #FFF;
	}
	.tablebooking_form .submit .btn_reset {
		cursor: pointer;
		color: #41A62A;
		text-decoration: none;
		display: inline-block;
		padding: 6px 10px 4px 10px;
		background-color: #FFF;
		border: 1px solid #41A62A;
		transition: background-color .2s ease-in;
	}
	.tablebooking_form .submit .btn_reset:hover {
		color: #FFF;
		background-color: #41A62A;
	}

/* .tablebooking_form .fieldContainer input[type="number"]{
	margin-top: 14px;
}
	.tablebooking_form .fieldContainer input[type=number]::-webkit-inner-spin-button, 
	.tablebooking_form .fieldContainer input[type=number]::-webkit-outer-spin-button {  
	   opacity: 1;
	} */


/* *** HEADER *** */
.container.header{
	position: fixed;
	top: 0;
	z-index: 20;
	width: 100%;
	background-color: #FFFFFF;
}
	.container.header:after{
		content: '';
		display: block;
		background: #3aaa35;;
		width: calc(100% + 30px);
		height: 1px;
		margin: 0 -15px;
	}
	.container.header .headerInner{
		overflow: hidden;
		padding-top: 30px;
	}

#topBorder{
	text-align: right;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	padding: 0 10px;
	width: 100%;
	height: 30px;
	background-color: #eceded;
}
	#topBorderInner a{
		font-size: 15px;
		text-decoration: none;
	}

/* --- HEADER --> Navigation --- */
nav.navbar #naviLanguage{
	display: none;
}

nav.navbar{
	float: right;
	margin: 15px 0 0 0;
	font-size: 18px;

	background: 0 none;
	border: 0 none;
	box-shadow: none;
}
	nav.navbar .navbar-toggle{
		margin: 0;
		border: 0 none;
	}
	nav.navbar .navbar-toggle:hover,
	nav.navbar .navbar-toggle:focus,
	nav.navbar .navbar-toggle:active{
		background: transparent;
	}
	nav.navbar .navbar-toggle .icon-bar{
		background-color: #444444;
		margin-bottom: 8px;
		width: 25px;

		margin-top: 0;
	}
	nav.navbar #navigationToggleLabel{
		display: none;
	}

.navbar-collapse{
	position: fixed;
	left: 0;
	width: 100%;
	min-height: calc(100% - 64px);
	background-color: #FFFFFF;
	border: 0 none;
	letter-spacing: 1.5px;
}
	.navbar-collapse > ul{
		border-bottom: 1px solid #878787;
		margin: 7.5px 0 !important;
	}
	.navbar-collapse > ul > li > a{
		font-family: AFDiwaRegular, Arial;
		font-size: 19px;
		text-transform: uppercase;
		border-top: 1px solid #878787;
		line-height: 38px;
		text-decoration: none;
	}
	.navbar-collapse > ul > li > a:hover,
	.navbar-collapse > ul > li.active > a,
	.navbar-collapse > ul > li.active > a:hover,
	.navbar-collapse > ul > li.active > a:focus,
	.navbar-collapse > ul > li.open > a{
		color: #3aaa35 !important;
		background-color: #FFFFFF !important;
		border-color: #878787 !important;
	}
	.navbar-collapse > ul > li > a .caret{
		border-top: 0 none !important;
		float: right;
		font-size: 25px;
	}
	.navbar-collapse > ul > li > a .caret:after{
		font-family: fontAwesome;
		content: '\f107';
	}


.navbar-collapse > ul > li.micrositeNavigationMainEntry.active#divNavPunkt_handbook > ul.dropdown-menu{
	display: block;
}

.navbar-collapse > ul > li > ul.dropdown-menu{
	padding: 0 0 10px 0;
	letter-spacing: 1px;
}
	.navbar-collapse > ul > li.open > ul.dropdown-menu{
		display: block;
	}
	.navbar-collapse > ul > li > ul.dropdown-menu > li > a{
		font-size: 16px;
		color: #878787 !important;
		padding: 10px 15px !important;
		text-decoration: none;
		white-space: normal;
	}
	.navbar-collapse > ul li > ul.dropdown-menu > li.active > a,
	.navbar-collapse > ul li > ul.dropdown-menu > li.active > a:hover,
	.navbar-collapse > ul li > ul.dropdown-menu > li.active > a:focus{
		color: #3aaa35 !important;
		background-color: #FFFFFF !important;
	}

/* --- HEADER --> Logo --- */
#divLogotext{
	float: left;
	margin: 15px 0;
}
	#logo img{
		width: 110px;
	}


/* *** CONTENT *** */
#divContent{
	margin-top: 70px;
	background-color: #FFFFFF;
	padding-bottom: 30px;
	width: 100%;
}
	.divContentInner{
		padding-top: 25px;
		overflow: hidden;
	}
	.divContentInner ul{
		list-style-type: none;
	}
	.divContentInner ul:not(.non-styled) li{
		position: relative;
	}
	.divContentInner ul:not(.non-styled) li:before{
		color: #41a62a;
		content: '//';
		position: absolute;
		left: -25px;
	}
	.divContentInner .col-md-6:not(.content-box) ul{
		padding-left: 20px;
	}
	.divContentInner .col-sm-12.col-md-4{
		overflow: hidden;
	}

#content-header{
	width: calc(100% + 30px);
	margin: 0 -15px 15px -15px;
}

#kv-container, #kv-container-training {
	display:flex;
	background-color:#000000;
	min-height: 150px;
	overflow: hidden;
}
	#kv-image {
		padding-left:0px;
		padding-right:0px;
	}
	.kv-headline {
		font-family: 'AFDiwaBold', Arial;
		color: #41a62a;
		text-transform: uppercase;
		font-weight: 300;
		font-size: 28px;
		margin-top:20px;
	}
	#kv-container-training > #kv-title {
		display:table;
		min-height:350px;
	}
	#kv-title > div.kv-headline {
		font-family: 'AFDiwaLight', Arial;
		color: #ffffff;
		text-transform: uppercase;
		font-weight: 300;
		font-size: 28px;
		margin-top:20px;
		display:table-cell;
		vertical-align: middle;
		line-height: 36px;

	}
	.kv-subline {
		font-family: 'AFDiwaLight', Arial;
		color: #ffffff;
		text-transform: uppercase;
		font-weight: 300;
		font-size: 28px;
		position: absolute;
		bottom:20px;
	}
	.kv-title div.kv-subine {
		display:inline-flex;
	}
	.kv-headline img.pictogramm{
		display: block;
		height: 56px;
		margin-bottom: 45px;
	}

.copyright{
	margin-left:10px;
	font-size:10px;
	margin-top:-28px;
	color:#f5f5f5;
}

#banner{
	width: 100%;
}

/* --- CONTENT --> Slidebanner --- */
#slidebanner{
	color: #FFFFFF;
	position: relative;
	margin: 30px -15px 0 -15px;
	padding: 10px 0;
	background-color: #000000;
}
	#slidebanner + .autoplay{
		display: none;
	}
	#slidebanner .divContentInner{
		padding: 0;
	}
	#slidebanner .row{
		overflow: hidden;
		margin: 0;
		padding: 0 15px;
		outline: none;
	}
	#slidebanner .row > div > div{
		padding: 0;
	}

#slidebanner h2{
	font-size: 22px;
	line-height: 32px;
	color: #41A62A;
	letter-spacing: 2px;
	margin-bottom: 10px;
}
	#slidebanner h2.subline{
		color: #FFFFFF;
		min-height: 96px;
	}

#slidebanner .btn{
	color: #ECEDED;
	font-size: 17px;
	letter-spacing: 2px;
	margin-top: 15px;
	padding: 7px 20px;
	border-color: #87888A;

	transition: all 0.5s;
}
	#slidebanner .btn:hover{
		color: #C6C7C8;
		background-color: rgba(255,255,255,0.15);
	}
	#slidebanner .btn-placeholder{
		height: 50px;
	}

#slidebanner img{
	display: block;
	margin-top: 20px;
	max-width: 100%;
}

#slidebanner .slick-dots li{
	margin: 0 2px;
}
	#slidebanner .slick-dots li button:before{
		color: #7f7f7f;
	}
	#slidebanner .slick-dots li.slick-active button:before,
	#slidebanner .slick-dots li:hover button:before{
		color: #FFFFFF;
	}

/* --- CONTENT --> Pictogramm & img Position --- */
.image-box .img-responsive,
.image-box .video-play{
	margin: 8px 0;
}
	.image-box .pictogramm{
		height: 56px;
		margin-top: 50px;
		margin-bottom: 10px;
	}


/* --- CONTENT --> img:hover Zoom --- */
.img-zoom{
	position: relative;
	height: 310px;
	overflow: hidden;
}
	.img-zoom img{
		display: block;
		width: 100%;
		transition: all 0.5s;
	}
	.img-zoom:hover img{
		width: 110%;
		margin: -5%;
	}


/* *** PAGE NAVIGATION *** */
#page-navigation{
	overflow: hidden;
	margin-top: 75px;
}
	#page-navigation.catalog-nav {
		margin-top: 0px;
		display: contents;
	}
	#page-navigation a{
		color: #FFFFFF;
		font-size: 17px;
		font-weight: 600;
		letter-spacing: 2px;
		margin-bottom: 10px;
		padding: 10px 24px;
		border: 1px solid #41A62A;
		background-color: #41A62A;
		text-decoration: none;
	}
	#page-navigation a:hover{
		background-color: #FFFFFF;
		color: #41A62A;
	}
	#page-navigation a.previous{
		float: left;
		margin-right: 10px;
	}
	#page-navigation a.next{
		float: left;
	}


/* *** FOOTER *** */
#divFooter{
	background-color: #eceded;
	padding: 0;
	font-size: 16px;
}
	#divFooter .container{
		overflow: hidden;
		width: 100%;
		max-width: 960px;
	}
	#divFooter ul{
		list-style-type: none;
		padding: 0;
		margin-bottom: 20px;
	}
	#divFooter ul a{
		display: block;
		padding: 5px 0;
		color: #666666;
		text-decoration: none;
	}
	#divFooter ul a:hover{
		color: #878787;
		text-decoration: none;
	}

	#divFooter .social-media a{
		float: left;
		background-color: transparent;
		color: #222222;
		font-size: 21px;
		height: 35px;
		width: 35px;
		text-align: center;
		margin-right: 10px;
	}
	#divFooter .social-media a:hover{
		background-color: transparent;
	}


/* *** SITE: Veranstaltungsort / Hotel *** */
.tipps{
	overflow: hidden;
}
	.tipps > div{
		padding-left: 0;
		margin-bottom: 20px;
	}
	.tipps hr{
		margin: 0 0 10px 0;
	}
	.tipps a{
		display: block;
		background-color: #eceded;
		color: #41a62a;
		padding: 3px 10px;
		max-width: 300px;
	}
	.tipps a:hover{
		padding-left: 15px;
	}
	.tipps a.download{
		margin-top: 10px;
	}
	.tipps a.link{
		border-top: 2px dashed #41a62a;
	}

.hotel-wrapper{
	background-color: #444444;
	margin: 0 -15px 20px -15px;
	padding: 10px 15px;
	color: #FFFFFF;
}
	.hotel-wrapper a.link{
		color: #FFFFFF;
	}

.hotel-container{
	background-color: #444444;
}
	.hotel:not(:last-child){
		border-bottom: 1px solid #dcdcdc;
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
	.hotel .img{
		position: relative;
		max-width: 400px;
		margin-bottom: 10px;
	}
	.hotel img{
		width: 100%;
	}
	.hotel .bildbeschreibung{
		position: absolute;
		bottom: 0;
		background: linear-gradient(to bottom,rgba(0,0,0,.8) 0,rgba(0,0,0,.8) 100%);
		width: 100%;
		color: #87888a;
		padding: 2px 10px;
	}
	.hotel .right:not(.full) .anschrift{
		padding-left: 20px;
	}
	.hotel .anschrift{
	margin-top: 10px;
	}
	.hotel .anschrift i{
		float: left;
		margin-left: -20px;
		font-size: 22px;
	}
	.hotel .links {
		margin-top: 10px;
	}
	.hotel .links a{
		display: block;
	}
	.hotel .links a i{
		width: 20px;
	}

/* --- SITE: Veranstaltungsort / Hotel --> Version 2 --- */
#hotel-v2 {
	padding:25px 0px;
}
	#hotel-v2 .headline {
		color: #41a62a;
		margin-top:10px;
	}
	#hotel-v2 .anschrift {
		background-color: #000000;
		padding: 15px 15px 15px 15px;
		color:#bbb;
	}
	.hotel-container {
		padding-top:25px;
		margin-left:15px;
		margin-right:15px;
	}
	.hotel-wrapper ul{
		list-style-type: none;
	}
	.hotel-wrapper ul:not(.non-styled) li {
		position:relative;
	}
	.hotel-wrapper ul:not(.non-styled) li:before {
		color:#41a62a;
		content:'//';
		position:absolute;
		left:-25px;
	}
	.hotel-footer {
		margin-top:10px;
	}
	.hotel-footer a {
		color:#fff;
	}
	.hotel-container:not(:last-child) {
		border-bottom: 1px solid #dcdcdc;
		padding-bottom:20px;
	}


/* *** SITE: Anreise *** */
#map{
	width: 100%;
	height: 50vh;
}


/* *** SITE: Speaker *** */
.speaker{
	overflow: hidden;
}
	.speaker .left{
		margin-bottom: 15px;
	}
	.speaker img{
		width: 100%;
		max-width: 400px;
	}
	.speaker .data{
		background-color: #eceded;
		padding: 10px;
		max-width: 400px;
	}


/* *** SITE: Anmeldung *** */
#frontendMainDiv .divLanguageContainer{
	display: none;
}
#frontendHead{
	overflow: hidden;
	background: #fff;
	margin-top:20px;
	text-align: center;
	max-height:55px;
}

	#frontendHead #frontendNavigationTop{

	}

	#frontendHead .frontendTopNaviButtonContainer{
		margin: 0;
		background-color: transparent;
	}

	#frontendHead .frontendTopNaviButtonContainer:nth-child(1) .frontendTopNaviCaption:before{
		display: none;
	}
	#frontendHead .frontendTopNaviButtonContainer .buttonNextStep{
		color: #000;
		background-color: transparent;
	}
	#frontendHead .frontendTopNaviButtonContainer .frontendTopNaviCaption{
		padding-top:0px;
		padding-top:0px;
		padding-left:10px;
		padding-right:15px;
		position: relative;
		font-weight: 400;
		font-family:'Source Sans Pro';
		font-size:18px !important;
	}
	#frontendHead .frontendTopNaviButtonContainer .navSelected{
		color: #ffffff;
	}
	#frontendHead .frontendTopNaviButtonContainer .frontendTopNaviCaption:before{
		content: "";
		display: block;
		position: absolute;
		left: -4px;
		top: 50%;
		margin-top: -15px;
		width: 1px;
		height: 30px;
		background: #ddd;
	}

#participantForm{
	padding-top: 15px;
}
#bodyRegistration{
	width: 100%;
	max-width: 1000px;
	background-color: #FFFFFF;
}

	#bodyRegistration div#Ust-id-nr {
	    color: red;
	}

	/*added width: auto AND float:left to decrease the size of the navigation*/
	#bodyRegistration div#frontendNavigationTop{
		overflow: hidden;
		background: #87888a;
		margin: 0px auto;
		display: none;
		width: auto !important;
		float: left;
	}
	#bodyRegistration .frontendContent{
		padding: 0;
	}
	.frontendIntroduction{
		padding-top: 15px;
	}
	.frontendIntroduction h2{
		font-family: AFDiwaRegular;
		text-transform: uppercase;
	}
	#bodyRegistration .frontendContent .panel-body{
		padding: 0;
	}
	#bodyRegistration #frontendStepContainer{
		font-size: 1em;
		padding-top:0px;
	}
	#bodyRegistration div.groupHeadline{
		padding: 0;
		margin: 10px 0;
		color: #41A62A;
		background-color: transparent;
		font-size: 20px;
		font-weight: 600;
	}
	/*update start*/
	#bodyRegistration .fieldContainer {
	    display: table;
	    height: auto;
	    padding: 0 5px 10px 0;
	    width: 100%;
	    clear: both;
	}
	/*update end*/	
	#bodyRegistration .fieldCaption,
	#bodyRegistration .fieldCaptionMandatory{
		background-color: transparent;
		border-bottom: 0 none;
	}
	#bodyRegistration .groupContainer .fieldCaption,
	#bodyRegistration .groupContainer .fieldCaptionMandatory{
		display: block;
		width: 100%;
	}
	#bodyRegistration .fieldCaption{
		width: auto;
		float: left;
		margin-right: 10px;
		font-weight: 600;
	}
	#bodyRegistration .fieldCaption label,
	#bodyRegistration .fieldCaptionMandatory label{
		font-weight: 500;
		color: #444444;
		display: inline;
		float: left;
		position: relative;
		padding-right: 20px;
	}
	#bodyRegistration .fieldContainer label{
		font-weight: normal;
		color: #444444;
	}
	#bodyRegistration .fieldContainer span.colon{
		display: inline-block;
	}
	#bodyRegistration .fieldCaptionMandatory .starLeft{
		display: none;
	}
	#bodyRegistration .fieldCaptionMandatory .starRight{
		display: inline !important;
		font-size: 22px;
		line-height: 10px;
		right: 0;
		top: 0;
		color:#41A62A;
	}
	.starGreen {
		color: #41A62A;
		font-size: 22px;
		line-height: 10px;
	}
	#bodyRegistration div.fieldInput{
		padding-left: 0;
	}
	input, button, select, textarea {
		font-family: 'Source Sans Pro',Calibri,'Arial Unicode MS','DejaVu Sans',FreeSans,'Lucida Sans Unicode',Arial;
	}

	
	#bodyRegistration #participantForm input[type="text"],
	#bodyRegistration #participantForm input[type="email"],
	#bodyRegistration #participantForm textarea,
	#bodyRegistration #participantForm select{
		border: 1px solid #DCDCDC;
		box-shadow: inset 0 1px 2px hsla(0,0%,4%,.1);
		padding: 7px 10px;
		width: 100% !important;
	}
	#bodyRegistration #participantForm input[type="text"]:focus,
	#bodyRegistration #participantForm input[type="text"]:active,
	#bodyRegistration #participantForm input[type="email"]:focus,
	#bodyRegistration #participantForm input[type="email"]:active,
	#bodyRegistration #participantForm textarea:focus,
	#bodyRegistration #participantForm textarea:active,
	#bodyRegistration #participantForm select:focus,
	#bodyRegistration #participantForm select:active{
		background:#ededed;
		border-color:#3aaa35;
		outline:none;
	}
	#bodyRegistration #participantForm select{
		height: auto;
	}
	#bodyRegistration .fieldInput.fileInputWrapper{
		background-color: #eceded;
		overflow: hidden;
	}
	#bodyRegistration .fieldInput.fileInputWrapper .fileInput{
		display: inline-block;
		width: calc(100% - 60px);
	}
	#bodyRegistration .fieldInput.fileInputWrapper .fileInput input{
		padding: 5px;
		width: 100% !important;
		background-color: #eceded;
	}
	#bodyRegistration .fieldInput.fileInputWrapper .fileUploadField{
		display: inline-block;
		margin-top: -3px;
		margin-left: 5px;
	}
	#bodyRegistration .fileInput
	#bodyRegistration .frmDefault:invalid{
		background-color: #41A62A;
		color: #fff;
	}
	#bodyRegistration #tr_2023 .col-xs-5,
	#bodyRegistration #tr_2025 .col-xs-5{
		width: calc(50% - 5px);
	}
	/*update start*/
	#bodyRegistration .checkboxContainer {
		clear: both;
	}
	#bodyRegistration div.checkboxCaption, 
	#bodyRegistration div.checkboxInput {
	    float: left;
	}
	#bodyRegistration div.checkboxInput {
	    width: 30px;
	}
	/*update end*/
	#bodyRegistration .text-center{
		padding: 0;
		margin-top: 5px;
		width: 10px;
	}
	#bodyRegistration #frontendBottomNavi{
		width: 100%;
	}
	#bodyRegistration #nextStepButton{
		float: none;
		margin: 0;
	}
	#bodyRegistration #frontendBottomNavi .buttonNextStep,
	#bodyRegistration #frontendBottomNavi .buttonPreviousStep{
		float: right;
		margin: 0 5px 40px 0;
		padding: 10px 24px;
		color: #FFFFFF;
		font-size: 17px;
		font-weight: 600;
		letter-spacing: 2px;
		border: 1px solid #41a62a;
		background-color: #41A62A;
	}
	#bodyRegistration #frontendBottomNavi .buttonPreviousStep{
		float: left;
	}
	#bodyRegistration #frontendBottomNavi .buttonNextStep:hover,
	#bodyRegistration #frontendBottomNavi .buttonPreviousStep:hover{
		background-color: #FFFFFF;
		color: #41A62A;
	}
	#bodyRegistration .frmDefaultBool{
		padding: 0 3px;
	}
	.frmInvalid{
		background-color:#94c36b;
	}


	/* *** Invoice Tabel * ***/
	.invoice-table .column{
		display: flex;
    	width: 100%;
    	border-top: 1px solid lightgrey;
    	border-left: 1px solid lightgrey;
	}

	.invoice-table .column.column-summe,
	.invoice-table .column.column-header{
	    font-weight: bold;
	}


	.invoice-table .column.column-netto,
	.invoice-table .column.column-mwst,
	.invoice-table .column.column-summe,
	.invoice-table .column.column-netto > div,
	.invoice-table .column.column-mwst > div,
	.invoice-table .column.column-summe > div{
		border-right: none;
    	border-left: none;
	}

	.invoice-table .column.column-mwst{
		border-top: none;
	}

	.invoice-table .column.column-summe{
		border-top: 2px solid grey;
	}

	.invoice-table .column > div{
		width: 100%;
		border-right: 1px solid lightgrey;
		padding: 0px 6px 0px 6px;
	}

	.invoice-table .column.column-netto .cell_04{
		font-weight: bold;
	}

	.invoice-table .column.column-mwst .cell_04{
		text-decoration: underline;
	}

	.invoice-table .column .cell_01,
	.invoice-table .column .cell_02{
		width: 8%;
/*    	min-width: 55px;*/
	}

	.invoice-table .column .cell_03{
		width: 44%;
/*    	min-width: 45px;*/
	}

	.invoice-table .column .cell_04{
		width: 10%;
/*    	min-width: 45px;*/
	}

	.invoice-table .column .cell_05{
		width: 15%;
/*    	min-width: 45px;*/
	}

	.invoice-table .column .cell_06{
		width: 15%;
/*    	min-width: 45px;*/
	}


/* *** SITE: Seminar *** */
#seminar-detail .text{
	margin-top: 30px;
}
	.content-box ul{
		list-style-type: none;
	}
	.content-box ul:not(.non-styled) li{
		position: relative;
	}
	.content-box ul:not(.non-styled) li:before{
		color: #41a62a;
		content: '//';
		position: absolute;
		left: -25px;
	}
	.termine h2{
		font-family: 'Tahoma regular', Arial;
		font-size: 20px;
		font-weight: 300;
		color: #666666;
	}
	.box-image {
		margin-bottom:20px;
	}


/* *** SITE: Kontaktformular *** 
#kontaktformular form{
	margin-top: 30px;
}
	#kontaktformular form > div > div{
		margin-bottom: 20px;
	}
	#kontaktformular label{
		display: block;
		margin-bottom: 0;
		text-transform: uppercase;
	}
	#kontaktformular .star{
		color: #41a62a;
		margin-left: 5px;
	}
	#kontaktformular input[type="text"],
	#kontaktformular textarea,
	#kontaktformular select{
		outline: none;
		border: 1px solid #DCDCDC;
		box-shadow: inset 0 1px 2px hsla(0,0%,4%,.1);
		padding: 5px 10px 6px 10px;
		width: 100% !important;
	}
	#kontaktformular input[type="text"]:focus,
	#kontaktformular input[type="text"]:active,
	#kontaktformular textarea:focus,
	#kontaktformular textarea:active,
	#kontaktformular select:focus,
	#kontaktformular select:active{
		background: #ededed;
		border-color:#3aaa35;
		outline: none;
	}
	select option:checked,
	select option:hover {
	   background:#3aaa35;
	   color: #fff;
	}
	#kontaktformular textarea{
		min-height: 120px;
	}
	#kontaktformular select{
		padding: 7px 10px;
	}
	#kontaktformular .submit{
		float: right;
		margin: 0 5px 40px 0;
		padding: 10px 24px;
		font-size: 17px;
		font-weight: 600;
		letter-spacing: 2px;
		color: #FFFFFF;
		border: 1px solid #41A62A;
		background-color: #41A62A;
		cursor: pointer;
	}
	#kontaktformular .submit:hover{
		background: #FFFFFF;
		color: #41A62A;
	}*/


/* *** SITE: Leistungen Detail *** */
.text-und-bild{
	color: #FFFFFF;
	background-color: #444444;
}
	.text-und-bild .divContentInner{
		padding-bottom: 25px;
	}
	.text-und-bild img{
		width: 100%;
		max-width: 400px;
		margin-bottom: 15px;
	}


/* *** SITE: Webinare *** */
#webinar-detail h1,
#webinar-detail h2{
	margin-bottom: 15px;
}


/* *** !!! KEINE MICROSITE GEFUNDEN, AUF DER DIESE ELEMENTE VERWENDET WERDEN !!! *** */
.splitBox {
	width:100%;
}	
	.splitBoxLeft {
		width:50%;
		float:left;
	}
	.splitBoxRight {
		width:50%;
		float:left;
	}


@media only screen and (min-width: 648px){
	/* *** GENERAL STUFF *** */
	.mobile{
		display: none;
	}

	.infobox{
		width:250px;
	}
		.V2 div.infobox {
			width:100%;
			padding:15px;
		}

	.imagebox {
		width:350px;
	}
		.V2 div.imagebox {
			width:100%;
			padding:0px;
		}

	/* --- GENERAL STUFF --> Video --- */
	.V2 span.video-play {
		top:0px;
		bottom:0px;
		left:0px;
		right:0px;
	}

	/* --- GENERAL STUFF --> Termine Table --- */
	.termine-table:not(.large){
		margin-bottom: 20px;
		font-size: 15px;
	}
		.termine-table:not(.large) .termine-table-head{
			display: block;
			background-color: #000000;
			color: #FFFFFF;
			text-transform: uppercase;
		}
		.termine-table:not(.large) .termine-table-head,
		.termine-table:not(.large) .termine-table-body > div{
			padding: 0;
			text-align: center;
		}
		.termine-table:not(.large) .termine-table-head:after,
		.termine-table:not(.large) .termine-table-body > div:after{
			content: '';
			display: block;
			clear: both;
		}
		.termine-table:not(.large) .termine-table-body > div > div{
			line-height: 15px;
			padding: 8px 0;
		}
		.termine-table:not(.large) .date,
		.termine-table:not(.large) .time,
		.termine-table:not(.large) .name,
		.termine-table:not(.large) .language,
		.termine-table:not(.large) .places,
		.termine-table:not(.large) .register{
			float: left;
		}
		#roombooking-table.termine-table .date{
			width:230px;
		}
		#roombooking-table.termine-table .time{
			width:100px;
		}
		#roombooking-table.termine-table.without-date .time{
			width:140px;
		}
		#roombooking-table.termine-table.without-date .places{
			width:147px;
		}
		#roombooking-table.termine-table .register{
			width:124px;
		}
		#roombooking-table.termine-table.without-date .register{
			width:274px;
		}
		.termine-table:not(.large) .date{
			width: 140px;
		}
		.termine-table:not(.large) .time{
			width: 140px;
		}
		.termine-table:not(.large) .name{
			width: calc(100% - 435px);
			cursor: pointer;
		}
		.termine-table:not(.large) .language{
			width: 80px;
		}
		.termine-table:not(.large) .places{
			width: 105px;
			text-align: center;
		}
		.termine-table:not(.large) .register{
			width: 110px;
		}
		.termine-table:not(.large) .termine-table-body .register{
			background-color: #41a62a;
		}
		.termine-table:not(.large) .termine-table-body .register a{
			color: #FFFFFF;
			text-decoration: none;
		}
		#roombooking-table.termine-table .register span{
			color: #FFFFFF;
		}
		.termine-table:not(.large) .termine-table-body > div{
			display: flex;
			margin-bottom: 0;
			border: 0 none;
			border-right: 1px solid #000000;
			border-bottom: 1px solid #000000;
			border-left: 1px solid #000000;
		}
		.termine-table:not(.large) .termine-table-body > div:nth-child(2n+1){
			background-color: #FFFFFF;
		}
		.termine-table:not(.large) .termine-table-body > div > div:not(:last-child){
			border-right: 1px solid #000000;
		}
		.termine-table:not(.large) .termine-table-body > div .content{
			float: none;
			width: auto;
		}

	.termine-table.large .mobile{
		display: block;
	}

	/* --- GENERAL STUFF --> Signature --- */
	.signature{
		overflow: hidden;
	}
		.signature > div{
			float: left;
			width: 50%;
			margin-bottom: 80px;
		}


	/* *** HEADER *** */
	.container.header{
		padding: 0 60px;
	}
		.container.header:after{
			width: calc(100% + 120px);
			margin: 0 -60px;
		}


	/* *** CONTENT *** */
	#divContent{
		padding: 0 60px 30px 60px;
	}
		#content-header{
			width: calc(100% + 120px);
			margin: 0 -60px 15px -60px;
		}

	/* --- CONTENT --> Slidebanner --- */
	#slidebanner{
		margin: 30px -60px 0 -60px;
		padding: 20px 0;
	}
		#slidebanner .row{
			padding: 0 60px;
		}

	#slidebanner h2{
		font-size: 30px;
		line-height: 38px;
	}


	/* *** PAGE NAVIGATION *** */
	#page-navigation a.next{
		float: right;
	}


	/* *** FOOTER *** */
	#divFooter ul{
		overflow: hidden;
	}
		#divFooter ul a{
			float: left;
			padding: 8px 20px;
		}
		#divFooter ul li:first-child a{
			padding-left: 0;
		}
		#divFooter ul li:last-child a{
			padding-right: 0;
			border-right: 0 none;
		}


	/* *** SITE: Veranstaltungsort / Hotel *** */
	.hotel-wrapper{
		margin: 25px -60px 20px -60px;
		padding: 10px 60px;
	}
		#hotel-v2 {
			padding:25px 0px;
		}
		#hotel-v2 .headline, #hotel-v2 .anschrift {
			margin-top:10px;
		}


	/* *** SITE: Anmeldung *** */
	#bodyRegistration div#frontendNavigationTop{
		display: block !important;
		width:100%;
	}
		#frontendHead .frontendTopNaviButtonContainer .buttonNextStep{
			font-size: 16px;
		}
		#bodyRegistration #nextStepButton .buttonNextStep{
			margin-left: 25px;
		}
		#bodyRegistration .groupContainer .fieldCaption,
		#bodyRegistration .groupContainer .fieldCaptionMandatory{
			float: left;
			width: 360px;
			max-width: 	360px;
			margin-top: 5px;
		}
		#bodyRegistration div.fieldInput{
			float: right;
			width: calc(100% - 372px);
		}
		#bodyRegistration .checkboxContainer{
			margin-top: 7px;
		}


	/* *** SITE: Leistungen Detail *** */
	.text-und-bild{
		margin: 0 -60px;
	}
		.text-und-bild .divContentInner{
			padding: 25px 45px;
		}
}

@media only screen and (max-width: 1024px){

#bodyRegistration #frontendBottomNavi .buttonNextStep, #bodyRegistration #frontendBottomNavi .buttonPreviousStep {
			padding: 9px;
	}

}

@media only screen and (max-width: 767px){
	/* *** HEADER *** */
	.container.header{
		width: 100%;
	}

	#bodyRegistration #frontendBottomNavi .buttonNextStep, #bodyRegistration #frontendBottomNavi .buttonPreviousStep {
		padding: 9px;
	}


	/* *** CONTENT *** */
	#kv-container, #kv-container-training {
		display:block;
		min-height: unset;
	}
		#kv-container-training > #kv-title {
			min-height: unset;
		}
		.kv-headline, #kv-title > div.kv-headline {
			font-size:20px;
			margin-top:10px;
			margin-bottom:10px;
			display: block;
		}
		.kv-subline {
			position: unset;
			font-size:18px;
			margin-bottom:10px;
		}

	.copyright{
		margin-top: -15px;
		font-size: 9px;
	}


	/* *** GENERAL STUFF *** */
	.infobox img, .imagebox img{
		width: 50%;
	}
}


@media only screen and (min-width: 800px){
	/* *** GENERAL STUFF *** */
	/* --- GENERAL STUFF --> Slick Slider --- */
	#slick-banner .slick-slide > div{
		left: 15%;
		top: 20%;
	}
		#slick-banner .slick-slide > div span.headline{
			font-size: 30px;
			font-weight: 100;
			font-family: Source Sans Pro;
			margin-bottom: 10px;
		}
		#slick-banner .slick-slide > div span.subheadline{
			font-size: 20px;
			margin-bottom: 15px;
		}


	/* *** CONTENT *** */
	#kv-container-training > #kv-title{
		padding-left: 40px;
	}


	/* *** SITE: Anmeldung *** */
	#bodyRegistration #tr_2023 .col-xs-5,
	#bodyRegistration #tr_2025 .col-xs-5{
		width: 120px;
	}


	/* *** SITE: Kontaktformular *** 
	#kontaktformular .row-2{
		overflow: hidden;
	}
		#kontaktformular .row-2 > div{
			float: left;
			width: calc(50% - 10px);
		}
		#kontaktformular .row-2 > div:nth-child(2n+1){
			margin-right: 20px;
		}*/
}

@media only screen and (min-width: 992px){
	/* *** GENERAL STUFF *** */
	/* --- GENERAL STUFF --> Termine Table --- */
	.termine-table:not(.large){
		margin-bottom: 20px;
		font-size: 13px;
	}
		.termine-table:not(.large) .date{
			width: 110px;
		}
		.termine-table:not(.large) .name{
			width: calc(100% - 355px);
		}
		.termine-table:not(.large) .termine-table-body .name .title{
			left: 2px;
		}
		.termine-table:not(.large) .language{
			width: 65px;
		}
		.termine-table:not(.large) .places{
			width: 85px;
			text-align: center;
		}
		.termine-table:not(.large) .register{
			width: 95px;
		}

	.termine-table.large{
		margin: 20px 0;
		font-size: 15px;
	}
		.termine-table.large .mobile{
			display: none;
		}
		.termine-table.large .termine-table-head{
			display: block;
			background-color: #000000;
			color: #FFFFFF;
			text-transform: uppercase;
		}
		.termine-table.large .termine-table-head,
		.termine-table.large .termine-table-body > div{
			padding: 0;
			text-align: center;
		}
		.termine-table.large .termine-table-head:after,
		.termine-table.large .termine-table-body > div:after{
			content: '';
			display: block;
			clear: both;
		}
		.termine-table.large .termine-table-body > div > div{
			line-height: 15px;
			padding: 8px 10px;
		}
		.termine-table.large .date,
		.termine-table.large .time,
		.termine-table.large .name,
		.termine-table.large .language,
		.termine-table.large .topic,
		.termine-table.large .price,
		.termine-table.large .category,
		.termine-table.large .register{
			float: left;
		}
		.termine-table.large .date{
			width: 70px;
		}
		.termine-table.large .time{
			width: 100px;
		}
		.termine-table.large .name{
			width: calc(100% - 435px);
			cursor: pointer;
		}
		.termine-table.large .language{
			width: 100px;
		}
		.termine-table.large .topic{
			width: calc(100% - 580px);
		}
		.termine-table.large .price{
			width: 110px;
		}
		.termine-table.large .termine-table-body .topic{
			text-align: left;
		}
		.termine-table.large .category{
			width: 110px;
		}
		.termine-table.large .register{
			width: 90px;
		}
		.termine-table.large .termine-table-body .register{
			background-color: #41a62a;
		}
		.termine-table.large .termine-table-body .register a{
			color: #FFFFFF;
			text-decoration: none;
		}
		.termine-table.large .termine-table-body > div{
			display: flex;
			margin-bottom: 0;
			border: 0 none;
			border-right: 1px solid #000000;
			border-bottom: 1px solid #000000;
			border-left: 1px solid #000000;
		}
		.termine-table.large .termine-table-body > div:nth-child(2n+1){
			background-color: #FFFFFF;
		}
		.termine-table.large .termine-table-body > div > div:not(:last-child){
			border-right: 1px solid #000000;
		}
		.termine-table.large .termine-table-body > div .content{
			float: none;
			width: auto;
		}


	/* *** CONTENT *** */
	/* --- CONTENT --> Slidebanner --- */
	#slidebanner{
		padding: 30px 0 0 0;
	}
		#slidebanner .row > div > div:first-child{
			padding-top: 10px;
		}

	#slidebanner img{
		margin-top: 0;
	}

	#slidebanner .slick-dots{
		text-align: left;
		position: relative;
		margin-left: 56px;
	}

	/* --- CONTENT --> Pictogramm & img Position --- */
	.image-box .pictogramm{
		margin: 6px 0 0 0;
	}
}


@media only screen and (min-width: 1024px){
	body{
		line-height: 28px;
	}


	/* *** GENERAL STUFF *** */
	/* --- GENERAL STUFF --> General Download Area Style --- */
	.downloads > div:nth-child(2n+1){
		border-right: 5px solid transparent;
	}
		.downloads > div:nth-child(2n+2){
			border-left: 5px solid transparent;
		}

	/* --- GENERAL STUFF --> Slick Slider --- */
	#slick-banner .slick-slide > div{
		width: 960px;
		left: calc(50% - 480px);
	}

	#slidebanner .slick-dots{
		margin-left: 10px;
	}

	/* --- GENERAL STUFF --> Termine Table --- */
	.termine-table:not(.large) .name{
		width: calc(100% - 375px);
	}
		.termine-table:not(.large) .places{
			width: 105px;
			text-align: center;
		}


	/* *** HEADER *** */
	.container.header{
		box-shadow: 0 -4px 4px 4px rgba(0,0,0,.08);
		position: relative;
		padding: 40px 25px 0 25px;
		max-width: 1440px;
	}
		.container.header:after{
			width: calc(100% + 50px);
			margin: 0 -25px;
		}
		.container.header .headerInner{
			width: 960px;
			margin: 0 auto;
			padding: 0;
			overflow: visible;
		}

	#topBorder{
		height: 40px;
		padding: 0;
		background-color: transparent;
	}
		#topBorderInner{
			max-width: 960px;
			margin: 10px auto 0 auto;
		}
		#topBorderInner a{
			color: #3c3c3c;
			margin-left: 30px;
			font-size: 16px;
		}
		#topBorderInner a:hover{
			color: #3aaa35;
		}

	/* --- HEADER --> Logo --- */
	#divLogotext{
		width: 226px;
		margin: 15px 60px 30px 0;
		float: left;
	}
		#logo img{
			width: 100%;
			position: relative;
			z-index: 5;
		}

	/* --- HEADER --> Navigation --- */
	nav.navbar{
		float: left;
		max-width: calc(100% - 286px);
		margin: 0 0 20px 0;
	}

	.navbar-collapse{
		min-height: unset;
		position: static;
		padding: 0;
		margin-top: 20px;
	}
		.navbar-collapse > ul{
			border-bottom: 0 none;
			margin: 0 !important;
		}
		.navbar-collapse > ul > li{
			position: relative;
		}
		.navbar-collapse > ul > li > a{
			font-size: 18px;
			border-top: 0 none;
			padding: 0 22px 0 23px;
		}
		.navbar-collapse > ul > li.first-child > a{
			padding-left: 0;
		}
		.navbar-collapse > ul > li.last-child > a{
			padding-right: 0;
		}
		.navbar-collapse > ul > li > a .caret,
		.navbar-collapse > ul > li > a .caret:after{
			display: none;
		}

	.navbar-collapse > ul > li > ul.dropdown-menu{
		width: 270px;
		position: absolute;
		left: calc(50% - 135px);
		padding: 19px 0 17px 0;
		border: 0 none;
		border-radius: 0;
		box-shadow: 0 5px 20px 0 rgba(0,0,0,.15);
	}
		.navbar-collapse > ul > li:hover > ul.dropdown-menu{
			display: block;
		}
		.navbar-collapse > ul > li > ul.dropdown-menu > li > a{
			font-size: 18px;
			color: #3c3c3c !important;
			white-space: normal;
			padding: 6px 25px !important;
		}
		.navbar-collapse > ul > li > ul.dropdown-menu > li > a:hover,
		.navbar-collapse > ul > li > ul.dropdown-menu > li > a:focus{
			background-color: #FFFFFF;
			color: #3aaa35 !important;
		}


	/* *** CONTENT *** */
	#divContent{
		box-shadow: 0 4px 4px 4px rgba(0,0,0,.08);
		margin-top: 0;
		padding: 0 25px 50px 25px;
		max-width: 1440px;
	}
		.divContentInner{
			width: 960px;
			margin: 0 auto;
		}

		.divContentInner .row {
			margin: 0;
		}
		#content-header{
			width: calc(100% + 50px);
			margin: 0 -25px 30px -25px;
			position: relative;
		}
		#content-header.no-margin{
			margin-bottom: 0;
		}
		#breadcrumbs{
			min-height: 5px;
			position: absolute;
			background: linear-gradient(to bottom,rgba(0,0,0,.8) 0,rgba(0,0,0,.8) 100%);
			color: #87888a;
			width: 100%;
			display: none;
		}
		#breadcrumbs-inner{
			display: none;
			width: 960px;
			padding: 5px 0;
			margin: 0 auto;
		}

	/* --- CONTENT --> Slidebanner --- */
	#slidebanner{
		margin: 0px -25px 0 -25px;
		padding: 30px 0 0 0;
	}
		#slidebanner .row > div > div{
			padding-left: 15px;
			padding-right: 15px;
		}


	/* *** FOOTER *** */
	#divFooter{
		max-width: 1440px;
		margin: 0 auto;
	}
		#divFooter .container{
			overflow: hidden;
			padding: 0;
		}
		#divFooter ul{
			margin-bottom: 0;
			display: inline;
		}
		#divFooter .social-media{
			float: right;
		}
		#divFooter .social-media a{
			padding: 9px 7px;
		}


	/* *** SITE: Veranstaltungsort / Hotel *** */
	.hotel-wrapper{
		margin: 30px -25px 15px -25px;
		padding: 10px 50px;
	}
		.hotel-wrapper .hotel{
			max-width: 960px;
			margin: 20px auto;
		}
		#hotel-v2 {
			padding: 25px 55px;
		}

		#hotel-v2 .headline, #hotel-v2 .anschrift {
			margin-top:0px;
		}

	.tipps{
		margin-bottom: 40px;
	}
		.tipps > div{
			margin-bottom: 30px;
		}

	.hotel{
		overflow: hidden;
	}
		.hotel .img{
			width: 250px;
			float: left;
			margin-right: 15px;
			margin-top: 7px;
		}
		.hotel .right:not(.full){
			float: left;
			width: calc(100% - 265px);
		}
		.hotel .links a:first-child{
			float: left;
		}
		.hotel .links a:last-child{
			float: right;
		}


	/* *** SITE: Speaker *** */
	.speaker .left{
		float: left;
		width: 300px;
		margin: 0 20px 0 0;
	}
		.speaker .right{
			float: left;
			width: calc(100% - 320px);
		}


	/* *** SITE: Anmeldung *** */
	#bodyRegistration .checkboxCaption{
		margin-top: 3px;
	}


	/* *** SITE: academyHome *** */
	#academyHome > h1 {
		margin-top:0px;
	}
		.image-box {
			margin-top:44px;
			margin-bottom:76px;
		}
		.image-box h1 {
			margin-bottom:15px;
		}
		.text-box {
			margin-top:30px;
			margin-bottom:76px;
		}


	/* *** SITE: Leistungen Detail *** */
	.text-und-bild{
		margin: 0 -25px;
	}
		.text-und-bild .divContentInner{
			padding: 25px 0px;
			width: 985px;
		}
		.text-und-bild img{
			margin-bottom: 0;
		}
}


@media only screen and (min-width: 1200px){
	/* *** SITE: Veranstaltungsort / Hotel *** */
	.hotel .beschreibung{
		display: inline-block;
		width: calc(100% - 320px);
	}
		.hotel .anschrift{
			background-color: #333333;
			margin-top: 0;
			float: right;
			width: 300px;
			padding: 5px 10px 5px 30px;
			margin-left: 20px;
		}
		#hotel-v2 {
			padding:25px 170px;
		}
		#hotel-v2 .headline {
			margin-top:0px;
			font-weight: 600;
		}
}