html {position: relative; min-height: 100%;}
body {
	background: #fff url(../img/bg.jpg) repeat left top;
	font-weight: normal;
	word-wrap: break-word;
	overflow-x: hidden; /* für animierte Kacheln */
}
@media (max-width: 480px) {body {-webkit-hyphens: auto; -moz-hyphens: auto;	-ms-hyphens: auto; hyphens: auto;}}
@media (min-width: 600px) {body {margin-bottom: 80px;}}

h1 {font-size: 30px;}
h1, h2, h3, h4 {font-weight: bold;}
h1, h2, h3, h4, p {
	margin-top: 0;
	margin-bottom: 1em;
	line-height: 1.2;
}
h2, h3 {font-size: 24px;}
h4 {font-size: 18px;}
a {
	color: inherit;
	text-shadow:
    0px 0px rgba(126,165,24,0),
    0px 0px rgba(126,165,24,0),
    0px 0px rgba(126,165,24,0);
}
a:hover, 
a:focus {
	color: inherit;
	text-decoration: none;
	text-shadow:
    -1px -1px rgba(126,165,24,1),
    -2px -2px rgba(126,165,24,1),
    -3px -3px rgba(126,165,24,1);
    opacity: 1;
}
a, .btn {
	text-transform: uppercase;
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}

button {outline: none;}
strong {text-transform: uppercase;}

small, .small {font-size: 80%;}
.text-right {text-align: right;}
.text-normal {text-transform: none !important;}

::selection { background-color: rgb(126,165,24); color: #fff; }
::-moz-selection { background-color: rgb(126,165,24); color: #fff; }


/*--- Header ---*/
header {
	position: fixed;
	width: 100%;
	z-index: 1000;
}
header .navbar {
	background-color: #000;
	color: rgb(255,255,255);
	margin-bottom: -1px;
}
header .navbar-header {
	background: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxOThweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgMTk4IDY0Ij48cGF0aCBkPSJNMCwwbDg5LjA3MzIsNjEuMTQ4NGM1LjYxNzIsMy44ODk2LDE0LjcyMTcsMy43NTU5LDIwLjMzODktMC4xMzM4TDE5OCwwSDB6Ii8+PC9zdmc+") no-repeat center top / 198px 64px;
	width: auto;
	height: 64px;
	text-align: center;
}
.no-atobbtoa header .navbar-header {background: url(../img/menu.png) no-repeat center top / 198px 64px;}
header .navbar-header a {
	display: inline-block;
	font-weight: bold;
	line-height: 1;
	width: 120px;
	padding: 11px;
}
.nav {
	padding-left: 0;
	text-align: center;
	list-style: none;
}
.nav > li {
  position: relative;
  display: block;
  padding: 0;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.navbar-nav {margin: 0;}
.navbar-nav > li > a, .navbar-header {color: rgb(255,255,255);}
.navbar-nav > li.few > a {color: rgb(100,100,100);}
.navbar-nav > li.few > span {
	display: block;
	color: rgb(100,100,100);
	text-transform: uppercase;
}
.few a {
	text-shadow:
    0px 0px rgba(255,255,255,0),
    0px 0px rgba(255,255,255,0),
    0px 0px rgba(255,255,255,0);
}
.few a:hover,
.few a:focus {
	text-shadow:
    -1px -1px rgba(255,255,255,1),
    -2px -2px rgba(255,255,255,1),
    -3px -3px rgba(255,255,255,1);
}


@media (max-width: 796px) {
	#mainnav {height: auto;}
}
@media (min-width: 796px) {
	header {position: static;} /* position: absolute; */
	/*header .navbar-header {width: 198px;}*/
	.nav > li > a {padding: 2px 15px;}
	.navbar-nav > li.few > span {padding: 2px 15px;}
	.navbar-toggle, .navbar-header {display: none;}
	.navbar-collapse.collapse {display: block !important;}
}

/* Burger-Menu */
.navbar-toggle {
	position: relative;
	padding: 7px 17px 32px;
	background-color: transparent;
	background-image: none;
	border: none;
}
.navbar-toggle .menulabel {
	text-transform: uppercase;
}
.navbar-toggle .icon-bar {
	position: absolute;
	left: 50%;
	background-color: #fff;
	display: block;
	width: 27px;
	height: 3px;
	opacity: 1;
	-webkit-transform: translateX(-50%) rotate(0deg);
	-moz-transform: translateX(-50%) rotate(0deg);
	-o-transform: translateX(-50%) rotate(0deg);
	transform: translateX(-50%) rotate(0deg);
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.navbar-toggle > span:nth-child(2) {
	top: 33px;
	width: 13px;
}
.navbar-toggle[aria-expanded=true] > span:nth-child(2) {
	top: 41px;
	width: 27px;
	-webkit-transform: translateX(-50%) rotate(45deg);
	-moz-transform: translateX(-50%) rotate(45deg);
	-o-transform: translateX(-50%) rotate(45deg);
	transform: translateX(-50%) rotate(45deg);
}

.navbar-toggle > span:nth-child(3) {
	top: 41px;
}
.navbar-toggle[aria-expanded=true] > span:nth-child(3) {
	width: 0;
	opacity: 0;
}

.navbar-toggle > span:nth-child(4) {
	top: 49px;
	width: 19px;
}
.navbar-toggle[aria-expanded=true] > span:nth-child(4) {
	top: 41px;
	width: 27px;
	-webkit-transform: translateX(-50%) rotate(-45deg);
	-moz-transform: translateX(-50%) rotate(-45deg);
	-o-transform: translateX(-50%) rotate(-45deg);
	transform: translateX(-50%) rotate(-45deg);
}


/*--- Main ---*/
main {
	color: rgb(55,55,55);
	position: relative; 
	padding: 50px;
}
main a {color: rgb(55,55,55)}

.logo {
	padding: 0 15px;
	margin: 0 auto 30px;
}

.info {text-transform: uppercase;}
.info h1 {font-size: 24px; margin-bottom: 0;}
.info p {font-size: 14px;}

.coop a {
	display: inline-block;
	margin: 10px auto 20px;
}
.coop a img {
    max-width: 100%;
    height: auto;
}
.row > div.info, .mb {margin-bottom: 30px;}

/* Kacheln */
.cubes > div > div > * {margin-bottom: 30px;}
.cubes > div > div > img {
	display: block;
	margin-right: auto;
	margin-left: auto;
}
.cubes > div > div:nth-child(4) > img {margin-left: 0;}

@media (min-width: 796px) {
	.map > div {
		position: absolute;
		text-align: right;
	}
}
@media (min-width: 796px) and (max-width: 992px) {
	.map > div {
		top: 110px;
		right: 0;
	}
}
@media (min-width: 992px) and (max-width: 1200px) {
	.map > div {
		top: 140px;
		right: 40px;
	}
}
@media (min-width: 1200px) {
	.map > div {
		top: 160px;
		right: 130px;
	}
}
.map h3 {
	font-size: 18px;
	margin-bottom: 0;
}
.map p {font-size: 12px;}
.map p span {font-size: 14px;}
@media (max-width: 240px) {
	.cubes .row .row .col-xs-6 {width: 100%;}
	.cubes .row .row .col-xs-6:first-of-type {margin-bottom: 30px;;}
}
@media (max-width: 480px) {
	.cubes .row .row.hidden {display: block !important;}
	.cubes .row .row.hidden img {display: block; width: 100%; height: auto;}
}
@media (max-width: 620px) {
	.cubes > div > div:nth-child(3) {width: 100%;}
	.cubes > div > div:nth-child(4) {display: none;}
}
@media (min-width: 796px) {
	main {padding-top: 70px;}
	.logo {
		position: absolute;
		top: 50px;
		left: 50%;
		margin: 0;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
		z-index: 10;
	}
	.map {
		position: relative;
		margin-top: 300px;
		margin-bottom: 60px;
	}
	.cubes > div > div:nth-child(2) > img {margin-right: 0;}
}


/* Kacheln-Animation */
.cssanimations body {
	overflow-x: hidden;
}
.domrdy .cubes img[src*=cb] {
	animation-duration: 1s;
	animation-timing-function: ease-out;
	animation-fill-mode: forwards;
	opacity: 0;
}
.no-cssanimations .cubes img[src*=cb] {opacity: 1;}

img[src*=cb11] {animation-name: lmove; animation-delay: 900ms;}
img[src*=cb21] {animation-name: lmove; animation-delay: 750ms;}
img[src*=cb31] {animation-name: lmove; animation-delay: 600ms;}
img[src*=cb41] {animation-name: lmove; animation-delay: 450ms;}

img[src*=cb12] {animation-name: lmove; animation-delay: 350ms;}
img[src*=cb22] {animation-name: lmove; animation-delay: 300ms;}
img[src*=cb32] {animation-name: lmove; animation-delay: 150ms;}
img[src*=cb42] {animation-name: lmove; animation-delay: 0ms;}

@keyframes lmove {
	0% {opacity: 0; transform: translateX(0%)}
	1% {opacity: 0; transform: translateX(-330%)}
	100% {opacity: 1; transform: translateX(0%)}
}

img[src*=cb13] {animation-name: rmove; animation-delay: 350ms;}
img[src*=cb23] {animation-name: rmove; animation-delay: 300ms;}
img[src*=cb33] {animation-name: rmove; animation-delay: 150ms;}
img[src*=cb43] {animation-name: rmove; animation-delay: 0ms;}

img[src*=cb14] {animation-name: rmove; animation-delay: 900ms;}
img[src*=cb24] {animation-name: rmove; animation-delay: 750ms;}
img[src*=cb34] {animation-name: rmove; animation-delay: 600ms;}
img[src*=cb44] {animation-name: rmove; animation-delay: 450ms;}

@keyframes rmove {
	0% {opacity: 0; transform: translateX(0%)}
	1% {opacity: 0; transform: translateX(330%)}
	100% {opacity: 1; transform: translateX(0%)}
}

@media (max-width: 480px) {
	img[src*=cb23] {animation-name: lmove; animation-delay: 600ms;}
	img[src*=cb21] {animation-delay: 0ms;}
	
	img[src*=cb24] {animation-delay: 600ms;}
	img[src*=cb22] {animation-name: rmove; animation-delay: 0ms;}
}

/*
img[src*=cb11] {animation-name: lmove; animation-delay: 680ms;}
img[src*=cb21] {animation-name: lmove; animation-delay: 580ms;}
img[src*=cb31] {animation-name: lmove; animation-delay: 480ms;}
img[src*=cb41] {animation-name: lmove; animation-delay: 380ms;}

img[src*=cb12] {animation-name: lmove; animation-delay: 300ms;}
img[src*=cb22] {animation-name: lmove; animation-delay: 200ms;}
img[src*=cb32] {animation-name: lmove; animation-delay: 100ms;}
img[src*=cb42] {animation-name: lmove; animation-delay: 0ms;}

@keyframes lmove {
	0% {opacity: 0; transform: translate(-266%,-300%) scale(0,0)}
	100% {opacity: 1; transform: translate(0%,0%) scale(1,1)}
}

img[src*=cb13] {animation-name: rmove; animation-delay: 300ms;}
img[src*=cb23] {animation-name: rmove; animation-delay: 200ms;}
img[src*=cb33] {animation-name: rmove; animation-delay: 100ms;}
img[src*=cb43] {animation-name: rmove; animation-delay: 0ms;}

img[src*=cb14] {animation-name: rmove; animation-delay: 680ms;}
img[src*=cb24] {animation-name: rmove; animation-delay: 580ms;}
img[src*=cb34] {animation-name: rmove; animation-delay: 480ms;}
img[src*=cb44] {animation-name: rmove; animation-delay: 380ms;}

@keyframes rmove {
	0% {opacity: 0; transform: translate(266%,-300%) scale(0,0)}
	100% {opacity: 1; transform: translate(0%,0%) scale(1,1)}
}
*/

/* Veranstaltung */
.filters-btn-group .musik,
.musik span {color: rgb(247, 148, 30);}
.musik a {
	text-shadow:
    0px 0px rgba(247, 148, 30,0),
    0px 0px rgba(247, 148, 30,0),
    0px 0px rgba(247, 148, 30,0);
}
.musik a:hover,
.musik a:focus {
	text-shadow:
    -1px -1px rgba(247, 148, 30,1),
    -2px -2px rgba(247, 148, 30,1),
    -3px -3px rgba(247, 148, 30,1);
}
.filters-btn-group .flohmarkt,
.flohmarkt span {color: rgb(137, 205, 49);}
.flohmarkt a {
	text-shadow:
    0px 0px rgba(137, 205, 49,0),
    0px 0px rgba(137, 205, 49,0),
    0px 0px rgba(137, 205, 49,0);
}
.flohmarkt a:hover {
	text-shadow:
    -1px -1px rgba(137, 205, 49,1),
    -2px -2px rgba(137, 205, 49,1),
    -3px -3px rgba(137, 205, 49,1);
}
.filters-btn-group .dj,
.dj span {color: rgb(163, 45, 148);}
.dj a {
	text-shadow:
    0px 0px rgba(163, 45, 148,0),
    0px 0px rgba(163, 45, 148,0),
    0px 0px rgba(163, 45, 148,0);
}
.dj a:hover,
.dj a:focus {
	text-shadow:
    -1px -1px rgba(163, 45, 148,1),
    -2px -2px rgba(163, 45, 148,1),
    -3px -3px rgba(163, 45, 148,1);
}
.filters-btn-group .spezial,
.spezial span {color: rgb(79, 196, 248);}
.spezial a {
	text-shadow:
    0px 0px rgba(79, 196, 248,0),
    0px 0px rgba(79, 196, 248,0),
    0px 0px rgba(79, 196, 248,0);
}
.spezial a:hover,
.spezial a:focus {
	text-shadow:
    -1px -1px rgba(79, 196, 248,1),
    -2px -2px rgba(79, 196, 248,1),
    -3px -3px rgba(79, 196, 248,1);
}

.panel {
	position: relative;
	color: rgb(0,0,0);
}
.panel h2, 
.panel h4 {
	margin-bottom: 5px;
	font-size: 30px;
	line-height: 1;
}
.panel h3 {
	margin-bottom: 5px;
	text-transform: uppercase;
}
.panel a.pull-left, 
.panel a.pull-right {
	position: absolute;
	bottom: 6px;
	float: none !important;
}
.panel a.pull-left {left: 15px;}
.panel a.pull-right {right: 15px;}
@media (max-width: 300px) {
	.panel a.pull-left, 
	.panel a.pull-right {position: static;}
}
@media (max-width: 796px) {
	.panel-body {overflow-x: auto;}
}


.panel-default {
	background: #fff url(../img/datebg.jpg) no-repeat center bottom / cover;
	border: 2px solid rgb(128,128,128);
	margin-bottom: 30px;
}
@media (min-width: 620px) {
	.panel-default {height: 368px;}
}
.panel-heading {
	position: relative;
	width: 100%;
	height: 168px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	z-index: 10;
}
@media (min-width: 992px) and (max-width: 1199px) {
	.panel-default h4 {font-size: 25px;}
}
.panel-default .panel-heading div {
	background: transparent url(../img/imgtxtbg.png) no-repeat left bottom;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 81px;
}
.panel-default .panel-heading p {
	position: absolute;
	bottom: 0;
	color: #fff;
	margin: 0;
	padding: 0 15px;
	font-size: 24px;
	font-weight: bold;
	text-transform: uppercase;
}
.panel-default .panel-body {
	padding: 15px 15px 40px;
}

ul.sclicons {
	padding-left: 0;
	list-style: none;
	margin-left: -5px;
}
ul.sclicons > li {
	display: inline-block;
	padding-right: 5px;
	padding-left: 5px;
}
main > ul.sclicons {text-align: center; margin-left: 0;}

/* Veranstaltungsliste */
.dates main {padding-top: 15px;}
@media (min-width: 1200px) {.dates main.container {width: 970px;}}


/* Veranstaltungsliste-Head */
#head {
	background: rgb(207,190,42) url(../img/bg_kip-bg.jpg) no-repeat center bottom / cover;
	border-bottom: 25px solid #000;
}
#head img {
	margin: 64px auto 15px;
}
#head p {
	font-size: 23px;
	font-weight: bold;
	line-height: 1;
	text-align: right;
	text-transform: uppercase;
	margin-bottom: 13px;
}
@media (min-width: 480px) {
	#head img {
		margin-bottom: -25px;
		margin-left: 0;
	}
	#head p {float: right;}
}


/* Veranstaltungsliste-Filter */
.filters-btn-group {
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 30px;
}
.filters-btn-group .btn {
	background: none;
	border: none;
	opacity: .4;
}
.filters-btn-group button:hover,
.filters-btn-group button:focus, 
.filters-btn-group .btn.mixitup-control-active {opacity: 1;}


/* Veranstaltungsliste-Termine */
.panel-group {
	margin-bottom: 60px;
	padding-left: 2px;
	border-left: 34px solid #000;
}
.panel-dates {
	width: 100%;
	margin-bottom: 2px;
	-webkit-transition: all .3s ease-in-out;
	   -moz-transition: all .3s ease-in-out;
	    -ms-transition: all .3s ease-in-out;
	     -o-transition: all .3s ease-in-out;
	        transition: all .3s ease-in-out;
}

.panel-dates .panel-body {
	position: relative;
	min-height: 168px;
	padding: 18px 25px 15px;
}
.panel-dates.standard .panel-body {
	padding: 16px 23px 13px;
	border: 2px solid rgb(128,128,128);
}
@media (min-width: 797px) {
	.panel-dates:hover {
		transform: scale(1.03);
		box-shadow: 0 0 20px rgba(0,0,0,.15);
		z-index: 200;
	}
	.panel-dates .panel-heading {
		float: left;
		max-width: 369px;
	}
	.panel-dates .panel-body {
		padding-left: 394px;
	}
	.panel-dates.standard .panel-body {
		padding-left: 392px;
	}
}


/*
.panel-dates:after,
.panel-dates:before {content: " "; display: table;}
.panel-dates:after {clear: both;}

.panel-dates .panel-body:after {
	content: " ";
	display: table;
	clear: both;
}
*/
.panel-dates .panel-body a {
	color: rgb(255,255,255);
	text-shadow: 
	0px 0px rgba(0,0,0,0),
	0px 0px rgba(0,0,0,0),
	0px 0px rgba(0,0,0,0);
	opacity: 1;
}
.panel-dates .panel-body a:hover,
.panel-dates .panel-body a:focus {
	text-shadow: 
	-1px -1px rgba(0,0,0,1),
    -2px -2px rgba(0,0,0,1),
    -3px -3px rgba(0,0,0,1);
}
.panel-dates .panel-body a[aria-expanded=true] {
	visibility: hidden;
	opacity: 0;
}
.panel-dates .row > div > img {margin-bottom: 20px;}
.panel-dates h3 {text-transform: none;}

.panel-dates.standard {
	background-color: rgb(255, 255, 255);
}
.panel-dates.standard a {
	color: #000;
	text-shadow:
    0px 0px rgba(126,165,24,0),
    0px 0px rgba(126,165,24,0),
    0px 0px rgba(126,165,24,0);
}
.panel-dates.standard a:hover,
.panel-dates.standard a:focus {
	text-shadow:
    -1px -1px rgba(126,165,24,1),
    -2px -2px rgba(126,165,24,1),
    -3px -3px rgba(126,165,24,1);
}

.panel-dates.musik .panel-body {background-color: rgb(247, 148, 30); color: #fff;}
.panel-dates.flohmarkt .panel-body {background-color: rgb(137, 205, 49); color: #fff;}
.panel-dates.dj .panel-body {background-color: rgb(163, 45, 148); color: #fff;}
.panel-dates.spezial .panel-body {background-color: rgb(79, 196, 248); color: #fff;}

.panel-collapse {
	background-color: rgb(255, 255, 255);
	color: rgb(77,77,77);
	padding: 10px 15px;
	border-left: 5px solid #000;
}
.musik .panel-collapse {border-color: rgb(247, 148, 30);}
.flohmarkt .panel-collapse {border-color: rgb(137, 205, 49);}
.dj .panel-collapse {border-color: rgb(163, 45, 148);}
.spezial .panel-collapse {border-color: rgb(79, 196, 248);}
.collapsehidden {display: none;}

.panel-dates .hrzlist {
	font-size: 14px;
	padding-left: 0;
	margin-left: -5px;
	list-style: none;
}
.panel-dates .hrzlist a {color: #000;}
@media (min-width: 600px) {
	.panel-dates .hrzlist > li {
	  display: inline-block;
	  width: 24%;
	  padding-right: 5px;
	  padding-left: 5px;
	}
}

.dates-month {
	background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNzAiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAxNzAgMzIiPjxwb2x5Z29uIGZpbGw9IiNFOEU4RTgiIHBvaW50cz0iMTcwLDMyIDAsMzIgMCwwICIvPjwvc3ZnPg==") no-repeat left bottom;
	height: 32px;
	margin-bottom: 2px;
	padding-left: 10px;
	color: #000;
	font-size: 23px;
	font-weight: normal;
	line-height: 32px;
	text-transform: uppercase;
}
.no-atobbtoa .dates-month {background: url(../img/datestitle.png) no-repeat left bottom / 170px 32px;}


/* Galerie */
.galerie {
	background: rgb(207,190,42) url(../img/bg_kip-bg.jpg) no-repeat center top / cover;
	padding-top: 15px;
	padding-bottom: 15px;
}
@media (min-width: 480px) {
	.galerie {padding-top: 50px;padding-bottom: 50px;}
}


/*--- Footer ---*/
footer {
	background-color: #000;
	color: rgb(99,99,99);
	width: 100%;
	min-height: 80px;
	text-align: center;
}
@media (min-width: 600px) {
	footer {
		position: absolute;
		bottom: 0;
	}
}
footer p {
	margin: 27px 0;
	text-transform: uppercase;
}
footer a:hover,
footer a:focus {
	text-shadow:
    -1px -1px rgba(255,255,255,1),
    -2px -2px rgba(255,255,255,1),
    -3px -3px rgba(255,255,255,1);
}