@import url(fonts.css);
@import url(registrierung.css);


body{
	margin: 0;
	font-family: 'Arial';
	font-size: 15px;
	color: #666a6c;
	line-height: 24px;
}

h1{
	color: #404547;
	font-size: 18px;
	line-height: 25px;
	font-weight: normal;
	margin: 0;
}

h2{
	color: #00893d;
	font-size: 24px;
	line-height: 30px;
	font-weight: normal;
	margin: 0 0 15px 0;
}

h3{
	color: #00893d;
	font-size: 20px;
	line-height: 26px;
	font-weight: normal;
	margin: 0 0 15px 0;
}

a{
	color: #00893d;
	text-decoration: none;
}

img{
	max-width: 100%;
}

.btn{
	color: #FFFFFF;
	display: inline-block;
	padding: 5px 20px;
	background-color: #00893d;
}


/* *** GENERAL *** */
/* --- Auflistung --- */
.list-wrapper small{
	display: inline-block;
	margin: 5px 0;
	font-size: 14px;
	line-height: 15px;
}
	.list-wrapper .list-head{
		display: none;
	}
	.list-wrapper .list-body > div{
		padding: 20px 0px 18px;
		border-bottom: 1px dashed #aaa;
		position: relative;
	}
	.list-wrapper .list-body:not(.accordion) > div > div{
		display: inline-block;
		width:95px;
		vertical-align: top;
	}
	.list-wrapper .list-body:not(.accordion) > div > div + div{
		width:calc(100% - 100px);
	}
	.list-wrapper .list-body:not(.accordion) > div .mobile{
		float: left;
		width: 100px;
		margin-right: 20px;
		font-family: 'Open Sans Semibold';
	}

/* --- Day Select --- */
.day-select{
	margin-bottom: 15px;
	display:flex;
	gap: 3px;
}
	.day-select > span{
		display: inline-block;
		width: calc(100% / 3 - 3px);
		background: #e7ebed;
		padding: 10px 20px;
		cursor: pointer;
		flex-grow: 1;
	}
	.day-select > span.active{
		background: #00893d;
		color: #fff;
	}

	.day{
		display: none;
	}
	.day.active{
		display: block;
	}

/* --- Accordion --- */
.accordion > div > div:not(.content){
	color: #404547;
	font-size: 17px;
	font-weight: bold;
	margin: -8px -15px -7px -15px;
	padding: 8px 15px 7px 15px;
	background-color: #dee4e7;
	cursor: pointer;
}
	.accordion .head:before{
		font-family: fontAwesome;
		content: '\f067';
		color: #00893d;
		font-size: 25px;
		float: right;
		margin-top: 1px;
	}
	.accordion .head.open:before{
		content: '\f068';
	}
	.accordion .content{
		overflow: hidden;
		max-height: 0;

		-webkit-transition:	all 500ms ease;
		-moz-transition:	all 500ms ease;
		-ms-transition:		all 500ms ease;
		-o-transition:		all 500ms ease;
		transition:			all 500ms ease;
	}
	.accordion > div.open .content{
		max-height: 500px;
		margin-top: 20px;
		overflow-y: auto;
	}
	.accordion > div.open .content p{
		margin: 0;
	}

.accordion.list-body > div{
	position: relative;
	margin-bottom: 10px;
	padding: 8px 15px 7px 15px;
	border: 1px solid #cdd3d6;
}

/* --- Galerie --- */
.galerie{
	overflow: hidden;
}
	.galerie .galerie-img{
		float: left;
		width: calc((50% - 5px / 2));
		outline: none;
	}
	.galerie .galerie-img img{
		display: block;
		width: calc(100% - 7px);
		margin-bottom: 5px;
	}

/* --- Responsive Iframe --- */
.responsive-iframe {
	position: relative;
	overflow: hidden;
	width: 100%;
	padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}
	.responsive-iframe iframe {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		width: 100%;
		height: 100%;
	}


/* *** PLUGINS *** */
/* --- PLUGINS -> Timelify --- */
.timeline:before{
	width: 1px;
	background-color: #dcdcdc;
}
	.timeline h2{
		background-color: #FFFFFF;
		color: #078159;
		font-size: 25px;
		margin: -7px auto 0 auto;
		height: 18px;
	}
	.timeline h2:before{
		margin: auto;
		font-family: fontAwesome;
		content: '\f107';
		line-height: 30px;
		font-size: 30px;
		width: 20px;
		height: 20px;
		display: block;
		background-size: contain;
		position: relative;
		bottom: 0px;
		left: 1px;
		background-color: #FFFFFF;
	}
	.timeline h3{
		color: #00893d;
		margin: -35px 0 55px 0
	}
	.timeline .timeline-items .timeline-item{
		background-color: transparent !important;
		border-top: 1px solid #dcdcdc;
		padding-top: 0;
		text-align: right;
		width: calc(50% + 10px);
	}
	.timeline .timeline-items .timeline-item.inverted{
		text-align: left;
		left: 50%;
	}
	.timeline .timeline-items .timeline-item:before{
		display: none;
	}
	.timeline .timeline-items .timeline-item:after,
	.timeline .timeline-items .timeline-item.inverted:after{
		background: #FFFFFF;
		width: 8px;
		height: 8px;
		top: -6px;
		left: calc(100% - 7px);
		border: 2px solid #078159;
	}
	.timeline .timeline-items .timeline-item.inverted:after{
		left: -6px;
	}
	.timeline .timeline-items .timeline-item h3{
		font-weight: normal;
	}
	.timeline .timeline-items .timeline-item .text{
		margin-top: -35px;
	}
	.timeline .timeline-items .timeline-item .text > div:first-child{
		margin-top: 10px;
	}
	.timeline .timeline-items .timeline-item .text > div:not(:last-child){
		margin-bottom: 10px;
	}
	.timeline .timeline-items .timeline-item .text .room{
		font-size: 13px;
	}
	.timeline .timeline-items .timeline-item .text .room span{
		background-color: #e7ebed;
		padding: 5px 10px;
	}
	.timeline .timeline-items .timeline-item .text .referent{
		font-size: 13px;
	}
	.timeline .timeline-items .timeline-item .text .referent span{
		background-color: #078159;
		color: #FFFFFF;
		font-weight: normal;
		padding: 5px 10px;
		text-decoration: none;
	}
	.timeline .timeline-items .timeline-item .text .info{
		color: #333;
		font-size: 14px;
		line-height: 20px;
	}


/* *** LAYOUT *** */
.content-wrapper{
	padding: 15px;
	margin: 0 auto;
	max-width: 1200px;
}


/* *** HEADER *** */
#name-bar{
	font-size: 12px;
	padding: 4px 0;
	border-bottom: 1px solid #e8eef1;
}
	#name-bar .content-wrapper{
		padding-top: 0;
		padding-bottom: 0;
		max-width: 1200px;
	}

	#name-bar .content-wrapper > div:first-child{
		float: right;
	}

	#name-bar .content-wrapper > div:last-child{
		display: none;
	}

#bar-wrapper{
	position: relative;
	padding: 0 15px;
	border-bottom: 1px solid #e8eef1;
}
	#bar-wrapper:after{
		content: '';
		display: block;
		clear: both;
	}

#logo-bar{
	float: right;
	padding: 14px 0 6px 0;
	width: auto;
}
	#logo-bar .content-wrapper{
		padding: 0;
		max-width: 1200px;
		height: 24px;
	}

/* 	#logo-bar a{
	float: right;
} */

#nav-bar{
	float: left;
	/*width: calc(100% - 125px);*/
	width: auto;
}
	#nav-bar .content-wrapper{
		padding: 0;
		max-width: 1170px;
	}

#header{
	background-color: #e8eef1;
}
	#header .content-wrapper{
		position: relative;
		padding: 0;
		min-height: 200px;
		max-width: 1160px;
		border-bottom:1px solid #dee4e7;
	}
	#header h1{
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		padding: 20px 15px 45px 15px;
		background-color: rgba(255,255,255,0.8);
	}
	#header img{
		display: block;
		object-fit: cover;
		width: 100%;
		height: 400px;
	}


/* *** NAVIGATION *** */
.navbar{
	display: none;
}
.navbar .navbar-header{
	overflow: hidden;
}
	.navbar .navbar-header button{
		color: #666a6c;
		font-size: 21px;
		float: left;
		padding: 0;
		width: 44px;
		height: 44px;
		background: 0 none;
		border: 0 none;
		border-radius: 22px;
		outline: none;
	}
	.navbar .navbar-header button:before{
		font-family: fontAwesome;
		content: '\f0c9';
	}
	.navbar .navbar-header button.navbar-toggle:not(.collapsed):before{
		content: '\f00d';
	}
	.navbar .navbar-header button span{
		display: none;
	}

.navbar-collapse{
	overflow: hidden;
	position: absolute;
	z-index: 50;
	top: 45px;
	left: 0;
	padding: 0 15px;
	width: 100%;
	height: 0;
	background-color: rgba(255,255,255,0.95);

	-webkit-transition:	height 500ms ease;
	-moz-transition:	height 500ms ease;
	-ms-transition:		height 500ms ease;
	-o-transition:		height 500ms ease;
	transition:			height 500ms ease;
}
	.navbar-collapse.in{
		height: auto;
		box-shadow: 0 2px 4px 0 rgba(0,0,0,.3);
	}

.navbar-collapse ul{
	margin: 20px 0;
	padding: 0;
	list-style-type: none;
}
	.navbar-collapse ul li a{
		color: #666a6c;
		font-size: 17px;
		display: block;
		padding: 10px 15px;
		border-bottom: 1px solid #e8eef1;
	}
	.navbar-collapse ul li.active a{
		background-color: #00893d;
		color: #FFFFFF;
	}
	.navbar-collapse ul li:first-child a{
		border-top: 1px solid #e8eef1;
	}
	.navbar-collapse ul li a:after{
		font-family: fontAwesome;
		content: '\f054';
		float: right;
	}

.navbar-collapse #naviLanguage,
.navbar-collapse #logoutButton{
	display: none;
}

.fa fa-globe {

}

/* *** SITE SPECIFIC *** */
/* --- SITE SPECIFIC --> Login --- */
#site-login .form-group{
	background-color: #e8eef1;
	padding: 15px;
}
	#site-login .form-group input[type="text"],
	#site-login .form-group input[type="password"]{
		font-family: inherit;
		font-size: inherit;
		color: inherit;
		padding: 7px 10px;
		width: 100%;
		max-width: 500px;
		background-color: #FFFFFF;
		border: 1px solid #cdd3d6;
		outline: none;
	}
	#site-login .form-group input[type="text"]:focus,
	#site-login .form-group input[type="password"]:focus{
		border: 1px solid #00893d;
	}
	#submitknop{
		font-size: inherit;
		margin-top: 20px;
		border: 0 none;
		cursor: pointer;
	}
	#submitknop:after{
		font-family: fontAwesome;
		content: '\f105';
		font-size: 20px;
		float: right;
		margin: -3px 0 0 10px;
	}
	#submitknop i{
		display: none;
	}

/* --- SITE SPECIFIC --> Agenda --- */
#site-agenda .list-wrapper .list-body:not(.accordion) > div .time{
	width: auto;
	display: inline-block;
	background: #00893d;
	color: #fff;
	float: none;
	clear: both;
	margin: 0;
	text-align: center;
	padding: 10px 20px;
	font-weight: bold;
	position: absolute;
	bottom: -1px;
	top: 0;
	line-height: 23px;
	border-bottom: 1px dashed #fff;
}
	#site-agenda .list-wrapper .list-body:not(.accordion) > div.kategorie_Pause .time{
		background: #406470;
	}
	#site-agenda .list-wrapper .list-body:not(.accordion) > div .info{
		display: inline;
		background: #e7ebed;
		padding: 5px;
		font-size: 13px;
	}
	#site-agenda .list-wrapper .list-body:not(.accordion) > div .info.speaker{
		background: #00893d;
		color: #fff;
	}
	#site-agenda .list-wrapper .list-body:not(.accordion) > div .name{
		font-weight: bold;
	}
	#site-agenda .list-wrapper .list-body:not(.accordion) > div .speaker + .name,
	#site-agenda .list-wrapper .list-body:not(.accordion) > div .room +.name{
		margin-top:15px;
	}
	#site-agenda .list-wrapper .list-body:not(.accordion) > div .bemerkung{
		font-weight: 300;
		font-size: 14px;
	}

/* --- SITE SPECIFIC --> Hotel --- */
#site-hotel .list-wrapper-detail > div:not(:last-child){
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px dashed #b7c4c9;
}
	#site-hotel .list-wrapper-detail img{
		display: block;
		width: 100%;
	}
	#site-hotel .list-wrapper-detail .text{
		padding: 10px 10px 30px 10px;
	}
	#site-hotel .list-wrapper-detail .text > span{
		display: block;
	}
	#site-hotel .list-wrapper-detail .text > span.telefon{
		margin-top: 10px;
	}
	#site-hotel .list-wrapper-detail .text > span > span{
		display: inline-block;
		width: 90px;
	}
	#site-hotel .list-wrapper-detail .text > span.website{
		margin-top: 20px;
	}
	#site-hotel .list-wrapper-detail .text .website a{
		text-decoration: none;
		background-color: #078159;
		color: #FFFFFF;
		padding: 5px 10px;

		-webkit-transition:	background-color 500ms ease;
		-moz-transition:	background-color 500ms ease;
		-ms-transition:		background-color 500ms ease;
		-o-transition:		background-color 500ms ease;
		transition:			background-color 500ms ease;
	}
	#site-hotel .list-wrapper-detail .text .website a:hover{
		background-color: #103d4c;
	}
	#site-hotel .list-wrapper-detail .teaser{
		display: block;
		font-size: 16px;
		font-style: italic;
		padding: 10px;
		background: #e7ebed;
		border-radius: 40px;
		text-align: center;
		position: relative;
	}

	#site-hotel .list-wrapper-detail .teaser:before {
		content: '';
		display: block;
		border: 20px solid transparent;
		border-bottom-color: #e7ebed;
		border-top-width: 0;
		position: absolute;
		top: -20px;
		left: 50%;
		border-right-width: 40px;
		border-left-width: 0px;
	}



/* *** SIDEBAR *** */
#sidebar{
	margin-top: 75px;
}
	#sidebar > div{
		max-width: 500px;
	}
	#sidebar > div:not(:last-child){
		padding-bottom: 30px;
		margin-bottom: 30px;
		border-bottom: 1px solid #cdd3d6;
	}
	#sidebar > div img{
		display: block;
		border: 1px solid #cdd3d6;
	}
	#sidebar > div .main-link{
		font-size: 17px;
		font-weight: bold;
		display: block;
		padding: 10px 12px;
		background-color: #dee4e7;
	}
	#sidebar > div .main-link:after{
		font-family: fontAwesome;
		content: '\f054';
		float: right;
	}
	#sidebar > div .content{
		margin-top: 10px;
	}
	#sidebar > div .content > .inner-box:not(:last-child){
		margin-bottom: 15px;
	}
	#sidebar > div h3{
		margin: 0;
	}
	#sidebar > div span{
		display: block;
	}

	#sidebar ol{
		padding-left: 15px;
	}


/* *** FOOTER *** */
#divFooter{
	color: #404547;
	margin-top: 50px;
	background-color: #e8eef1;
}
	#divFooter .content-wrapper > div{
		padding: 15px 0;
	}
	#divFooter .content-wrapper > div:not(:last-child){
		border-bottom: 2px solid #FFFFFF;
	}

	#divFooter .social-media img{
		width: 34px;
		height: 34px;
	}

	#divFooter .social-media a{
		font-size: 30px;
		padding: 0 10px;
	}
	#divFooter .links a{
		color: #404547;
		font-size: 12px;
		display: block;
	}


/* *** GO TO TOP *** */
#gototop{
	position: fixed;
	right: 20px;
	bottom: 20px;
	width: 50px;
	height: 35px;
	background-color: #00893d;
	border-radius: 0;
	text-align: center;
	font-size: 17px;
	color: #fff;
	display: none;
	line-height: 35px;
}
	#gototop i{
		line-height: 30px;
	}



@media only screen and (min-width: 600px){
	h1{
		font-size: 24px;
		line-height: 30px;
	}

	h2{
		font-size: 28px;
		line-height: 35px;
	}


	/* *** GENERAL *** */
	/* --- Galerie --- */
	.galerie .galerie-img{
		width: calc((25% - 15px / 3));
	}
		.galerie .galerie-img:nth-child(4n+4){
			margin-right: 0;
		}


	/* *** LAYOUT *** */
	.content-wrapper{
		padding: 15px 20px;
	}


	/* *** HEADER *** */
	#name-bar .content-wrapper{
		overflow: hidden;
	}
		#name-bar .content-wrapper > div:first-child{
			float: right;
		}
		#name-bar .content-wrapper > div:last-child{
			display: block;
			/* float: right; */
		}
		#name-bar a{
			color: #666a6c;

		}
		#name-bar a:not(:last-child):after{
			content: '';
			display: inline-block;
			position: relative;
			top: 3px;
			margin: 0 10px;
			width: 1px;
			height: 15px;
			background-color: #404547;
		}
		#name-bar a span{
			margin-right: 5px;
		}

	#bar-wrapper{
		padding: 0 20px;
	}

	#logo-bar{
		padding: 25px 0px 15px 0;
		width: 145px;
	}

	#nav-bar{
		width: calc(100% - 145px);
	}

	#header h1{
		bottom: 50px;
		padding-bottom: 20px;
		width: 40%;
	}
		#header img{
			height: 340px;
		}


	/* *** NAVIGATION *** */
	.navbar{
		padding: 10px 0 10px 0;
	}

	/* *** SITE SPECIFIC *** */
	/* --- SITE SPECIFIC --> Hotel --- */
	#site-hotel .list-wrapper-detail > div{
		overflow: hidden;
	}
		#site-hotel .list-wrapper-detail img{
			float: left;
			width: 310px;
			height: 242px;
			object-fit: cover;
			margin-right: 20px;
		}
		#site-hotel .list-wrapper-detail > div:nth-child(2n) img{
			float: right;
			margin-right: 0;
		}

		#site-hotel .list-wrapper-detail .text{
			float: left;
			width: calc(100% - 330px);
			padding: 0;
			margin-bottom: 50px;
		}
		#site-hotel .list-wrapper-detail .teaser{
			clear: both;
		}

		#site-hotel .list-wrapper-detail > div:nth-child(2n) .teaser:before{
			border-right-width: 0px;
			border-left-width: 40px;
		}


	/* *** FOOTER *** */
	#divFooter .links a{
		display: inline;
	}
		#divFooter .links a:not(:last-child):after{
			content: '';
			display: inline-block;
			position: relative;
			top: 3px;
			margin: 0 10px;
			width: 1px;
			height: 15px;
			background-color: #404547;
		}
}


@media only screen and (min-width: 1024px){
	h1{
		font-size: 34px;
		line-height: 40px;
	}


	/* *** HEADER *** */
	#bar-wrapper{
		border-bottom: 0 none;
		padding: 0;
	}

	#logo-bar{
		float: none;
		width: 100%;
		border-bottom: 1px solid #dee4e7;
	}
		#logo-bar .content-wrapper{
			padding: 0 20px;
		}
		#logo-bar a{
			display: block;
			width: 145px;
		}

	#nav-bar{
		float: none;
		width: 100%;
		border-bottom: 1px solid #dee4e7;
	}
		#nav-bar .content-wrapper{
			padding: 0 5px;
		}

	#header{
		margin-bottom: 50px;
	}
		#header img{
			height: 510px;
		}


	/* *** NAVIGATION *** */
	.navbar{
		padding: 0;
	}
		.navbar .navbar-header{
			display: none;
		}

	.navbar-collapse{
		position: relative;
		top: auto;
		height: auto !important;
		padding: 0;
	}
		.navbar-collapse ul{
			margin: 0;
		}
		.navbar-collapse ul li a{
			float: left;
			padding: 15px 15px 15px 15;
			border: 0 none !important;

			-webkit-transition:	background-color 500ms ease;
			-moz-transition:	background-color 500ms ease;
			-ms-transition:		background-color 500ms ease;
			-o-transition:		background-color 500ms ease;
			transition:			background-color 500ms ease;
		}
		.navbar-collapse ul li a:after{
			display: none;
		}
		.navbar-collapse ul li:not(.active) a:hover{
			background-color: #f4f8fa;
		}


	/* *** CONTENT *** */
	.with-sidebar{
		overflow: hidden;
	}
		.with-sidebar > .content{
			float: left;
			width: calc(100% - 370px);
		}

	/* --- CONTENT --> Sidebar --- */
	#sidebar{
		float: right;
		margin: 0;
		width: 340px;
	}
		#sidebar > div:not(:last-child){
			padding-bottom: 20px;
			margin-bottom: 20px;
		}


	/* *** SITE SPECIFIC *** */
	/* --- SITE SPECIFIC --> Agenda --- */
	#site-agenda .list-wrapper .list-head{
		display: block;
		color: #103d4c;
		font-family: 'Open Sans Semibold';
	}
	
		#site-agenda .list-wrapper .list-head > div > div:nth-child(3),
		#site-agenda .list-wrapper .list-body:not(.accordion) > div > div:nth-child(3){
			width: 200px;
	}
}