.visible-desktop
{
	display: none;
}

.visible-mobile
{
	display: inherit;
}

.wrap {
	width: 100%;
	margin: 0;
	padding-left: 30px;
	padding-right: 30px;
}

#content{
	min-width: 0;
}

.mobile-menu {
	background: #5a005a;
	overflow: hidden;
}

.mobile-menu .inner
{
	position: relative;
	padding: 24px 0;
}

.mobile-menu .menudiv .closebtn
{
	position: absolute;
	right: 12px;
	top: 24px;
}

.mobile-menu .menudiv .innermenu
{
	padding: 24px;
}

.mobile-menu a.menubutton {
  background: url("/img/web/ico-bars.png") no-repeat;
  display: inline-block;
  height: 15px;
  width: 24px;
}

.mobile-menu .button {
	display: inline-block;
	padding: 12px;
}

.mobile-menu .menudiv.hidden
{
	max-height: 0;
}

.mobile-menu .menudiv
{
	position: relative;
	border-top: 1px #ffffff solid;
	max-height: 1500px;
	height: auto;
	transition: max-height ease-out .3s;
}

.mobile-menu .menudiv ul.menu
{
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.mobile-menu .menudiv ul.menu > li
{
	padding: 12px 0;
	margin: 0;
	border-bottom: 1px #ffffff solid;
}

.mobile-menu .menudiv ul.menu > li a
{
	color: #ffffff;
	text-decoration: none;
	display: block;
}

.mobile-menu .menudiv ul.menu > li a.active,
.mobile-menu .menudiv ul.menu > li a:hover,
.mobile-menu .menudiv ul.menu > li a:focus
{
	text-decoration: underline;
}

/* Website Spezifische Anweisungen */

img
{
	max-width: 100%;
}

.row .col-xs-12 + .col-xs-12
{
	margin-top: 20px;
}

.box nav ul > li
{
	display: block;
}

.box nav a:before
{
	display: none;
}

.box nav a.active,
.box nav a:hover,
.box nav a:focus
{
	text-decoration: underline;
}

.box .text
{
	min-height: 0;
}

.calendar
{
	padding-top: 25px;
}

.calendar .slider-container
{
	height: 800px;
}

.calendar .slider-wrap,
.calendar .slider-container .image
{
	height: 800px;
}

.row.collapsed .col-xs-12 + .col-xs-12
{
	margin-top: 0;
}

.border
{
	border-top: 0;
	border-bottom: 0;
	min-height: 0;
	padding-top: 0;
}

h1
{
	text-align: left;
	word-wrap: break-word;
}

.item-top
{
	width: auto;
}

.item-top span
{
	white-space: normal;
}

@media screen and (max-width: 768px)
{
	.slider-container
	{
		position:relative;
		height:300px;
	}

	.big .slider-container
	{
		height: 380px;
	}
}


@media screen and (max-width: 768px)
{
	h1
	{
		font-size: 40px;
		letter-spacing: 8px;
	}
}

@media screen and (max-width: 450px)
{
	h1
	{
		font-size: 30px;
		letter-spacing: 3px;
	}
}