@charset "utf-8";
/* CSS Document */

a {color:#0174d6;}
a:hover {color:#f00;}


.csp10 {display:flex;justify-content:space-between;position:relative}
.csp10 > div:nth-of-type(1) {width:100%;position:relative;}
@media (max-width: 1024px) {
.csp10 {flex-wrap:wrap;}
.csp10 > div {margin-bottom:20px;} 
.csp10 > div:nth-of-type(1) {width:100%;}
}

.csp21 {display:flex;justify-content:space-between;position:relative}
.csp21 > div:nth-of-type(1) {width:49.5%;position:relative;}
.csp21 > div:nth-of-type(2) {width:49.5%;position:relative;}
@media (max-width: 1024px) {
.csp21 {flex-wrap:wrap;}
.csp21 > div {margin-bottom:20px;} 
.csp21 > div:nth-of-type(1) {width:100%;}
.csp21 > div:nth-of-type(2) {width:100%;}
}

.csp23 {display:flex;justify-content:space-between;position:relative}
.csp23 > div:nth-of-type(1) {width:24.25%;position:relative;}
.csp23 > div:nth-of-type(2) {width:74.75%;position:relative;}
@media (max-width: 1024px) {
.csp23 {flex-wrap:wrap;}
.csp23 > div {margin-bottom:20px;} 
.csp23 > div:nth-of-type(1) {width:100%;}
.csp23 > div:nth-of-type(2) {width:100%;}
}

.csp22 {display:flex;justify-content:space-between;position:relative}
.csp22 > div:nth-of-type(1) {width:74.75%;position:relative;}
.csp22 > div:nth-of-type(2) {width:24.25%;position:relative;}
@media (max-width: 1024px) {
.csp22 {flex-wrap:wrap;}
.csp22 > div {margin-bottom:20px;} 
.csp22 > div:nth-of-type(1) {width:100%;}
.csp22 > div:nth-of-type(2) {width:100%;}
}

.csp30 {display:flex;justify-content:space-between;position:relative}
.csp30 > div:nth-of-type(1) {width:32%;position:relative;}
.csp30 > div:nth-of-type(2) {width:32%;position:relative;}
.csp30 > div:nth-of-type(3) {width:32%;position:relative;}
@media (max-width: 1024px) {
.csp30 {flex-wrap:wrap;}
.csp30 > div {margin-bottom:20px;} 
.csp30 > div:nth-of-type(1) {width:100%;}
.csp30 > div:nth-of-type(2) {width:100%;}
.csp30 > div:nth-of-type(3) {width:100%;}
}

.csp31 {display:flex;justify-content:space-between;position:relative}
.csp31 > div:nth-of-type(1) {width:24.25%;position:relative;}
.csp31 > div:nth-of-type(2) {width:49.5%;position:relative;}
.csp31 > div:nth-of-type(3) {width:24.25%;position:relative;}
@media (max-width: 1024px) {
.csp31 {flex-wrap:wrap;}
.csp31 > div {margin-bottom:20px;} 
.csp31 > div:nth-of-type(1) {width:100%;}
.csp31 > div:nth-of-type(2) {width:100%;}
.csp31 > div:nth-of-type(3) {width:100%;}
}

.csp32 {display:flex;justify-content:space-between;position:relative}
.csp32 > div:nth-of-type(1) {width:49.5%;position:relative;}
.csp32 > div:nth-of-type(2) {width:24.25%;position:relative;}
.csp32 > div:nth-of-type(3) {width:24.25%;position:relative;}
@media (max-width: 1024px) {
.csp32 {flex-wrap:wrap;}
.csp32 > div {margin-bottom:20px;} 
.csp32 > div:nth-of-type(1) {width:100%;}
.csp32 > div:nth-of-type(2) {width:100%;}
.csp32 > div:nth-of-type(3) {width:100%;}
}

.csp33 {display:flex;justify-content:space-between;position:relative}
.csp33 > div:nth-of-type(1) {width:24.25%;position:relative;}
.csp33 > div:nth-of-type(2) {width:24.25%;position:relative;}
.csp33 > div:nth-of-type(3) {width:49.5%;position:relative;}
@media (max-width: 1024px) {
.csp33 {flex-wrap:wrap;}
.csp33 > div {margin-bottom:20px;} 
.csp33 > div:nth-of-type(1) {width:100%;}
.csp33 > div:nth-of-type(2) {width:100%;}
.csp33 > div:nth-of-type(3) {width:100%;}
}

.csp40 {display:flex;justify-content:space-between;position:relative}
.csp40 > div:nth-of-type(1) {width:24.25%;position:relative;}
.csp40 > div:nth-of-type(2) {width:24.25%;position:relative;}
.csp40 > div:nth-of-type(3) {width:24.25%;position:relative;}
.csp40 > div:nth-of-type(4) {width:24.25%;position:relative;}
@media (max-width: 1024px) {
.csp40 {flex-wrap:wrap;}
.csp40 > div {margin-bottom:20px;} 
.csp40 > div:nth-of-type(1) {width:100%;}
.csp40 > div:nth-of-type(2) {width:100%;}
.csp40 > div:nth-of-type(3) {width:100%;}
.csp40 > div:nth-of-type(4) {width:100%;}
}

.csp41 {display:flex;justify-content:space-between;position:relative}
.csp41 > div:nth-of-type(1) {width:25%;position:relative;}
.csp41 > div:nth-of-type(2) {width:25%;position:relative;}
.csp41 > div:nth-of-type(3) {width:25%;position:relative;}
.csp41 > div:nth-of-type(4) {width:25%;position:relative;}
@media (max-width: 1024px) {
.csp41 {flex-wrap:wrap;}
.csp41 > div {margin-bottom:20px;} 
.csp41 > div:nth-of-type(1) {width:100%;}
.csp41 > div:nth-of-type(2) {width:100%;}
.csp41 > div:nth-of-type(3) {width:100%;}
.csp41 > div:nth-of-type(4) {width:100%;}
}

.csp50 {display:flex;justify-content:space-between;position:relative}
.csp50 > div:nth-of-type(1) {width:9.5%;position:relative;}
.csp50 > div:nth-of-type(2) {width:22%;position:relative;}
.csp50 > div:nth-of-type(3) {width:22%;position:relative;}
.csp50 > div:nth-of-type(4) {width:22%;position:relative;}
.csp50 > div:nth-of-type(5) {width:22%;position:relative;}
@media (max-width: 1024px) {
.csp50 {flex-wrap:wrap;}
.csp50 > div {margin-bottom:20px;} 
.csp50 > div:nth-of-type(1) {width:100%;}
.csp50 > div:nth-of-type(2) {width:100%;}
.csp50 > div:nth-of-type(3) {width:100%;}
.csp50 > div:nth-of-type(4) {width:100%;}
.csp50 > div:nth-of-type(5) {width:100%;}
}


/* nunito-sans-regular - latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/nunito-sans-v5-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Nunito Sans Regular'), local('NunitoSans-Regular'),
       url('fonts/nunito-sans-v5-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/nunito-sans-v5-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/nunito-sans-v5-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/nunito-sans-v5-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/nunito-sans-v5-latin-regular.svg#NunitoSans') format('svg'); /* Legacy iOS */
}
/* nunito-sans-800 - latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/nunito-sans-v5-latin-800.eot'); /* IE9 Compat Modes */
  src: local('Nunito Sans ExtraBold'), local('NunitoSans-ExtraBold'),
       url('fonts/nunito-sans-v5-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/nunito-sans-v5-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/nunito-sans-v5-latin-800.woff') format('woff'), /* Modern Browsers */
       url('fonts/nunito-sans-v5-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/nunito-sans-v5-latin-800.svg#NunitoSans') format('svg'); /* Legacy iOS */
}

.warenkorbbig .ui.button {margin: 5px 0 0 0;}
.warenkorbbig strong.price { font-size:1.8em}
.warenkorbbig .gesamtpreis {margin:0!important;font-size:2em}

.textcols2 {
	-webkit-column-count:2;
	-moz-column-count: 2; 
	column-count: 2;
	-webkit-column-gap: 2vw;
	-moz-column-gap: 2vw;
	column-gap: 2vw;
	margin-bottom:30px;
}

.textcols3 {
	-webkit-column-count:3;
	-moz-column-count:3; 
	column-count:3;
	-webkit-column-gap: 2vw;
	-moz-column-gap: 2vw;
	column-gap: 2vw;
	margin-bottom:30px;
}

@media (max-width: 1024px) {
	.textcols3 {
		-webkit-column-count:2;
		-moz-column-count: 2; 
		column-count:2;
	}

}

@media (max-width: 800px) {
	.textcols2 {
		-webkit-column-count:1;
		-moz-column-count: 1; 
		column-count: 1;
	}	
	.textcols3 {
		-webkit-column-count:1;
		-moz-column-count: 1; 
		column-count:1;
	}
}
.textcols2 h1, .textcols2 h2,
.textcols3 h1, .textcols3 h2 {
	-webkit-column-span: all;
    column-span: all;
}

.ui.tag.label {margin-bottom:3px;}
.ui.list .list>.item .header, .ui.list>.item .header {

	font-family: LBSThesisSemiLight, Verdana, sans-serif;
	font-weight:normal;

}


.ui.attached.input>input {
	border-radius:0;
	border-right:0;
}

.ui.attached.input>input:first-child {
	border-radius:.28571429rem 0 0 .28571429rem;
}

.ui.attached.input>input:last-child {
	border-radius:0 .28571429rem .28571429rem 0;
	border-right:1px solid rgba(34,36,38,.15);
}

.ui.attached.input.focus>input, .ui.attached.input>input:focus {
	border-right:1px solid #85b7d9;
}

.ui.attached.input.focus>input + input, .ui.attached.input>input:focus + input {
	border-left:0;
}



i.lightgrey.icon {
    color: #aaa!important;
}

i.red.icon {
    color: #f00!important;
}

.ui.secondary.menu .dropdown.item:hover, .ui.secondary.menu .link.item:hover, .ui.secondary.menu a.item:hover {
	background:transparent;
}


.ui.red.button, .ui.red.buttons .button {
    background-color: #f00;
    color: #fff;
    text-shadow: none;
    background-image: none;
}


.stickysearch {position:sticky;top:95px;padding:20px 10px 10px 10px; margin:0 -10px 0 -10px;transform:translateY(-10px); z-index: 2; /* background: url(/img/muster.png) top left fixed; */ }

.popupback {display:none;pointer-events:none;position:fixed;top:89px;z-index:5;left:0;width:100vw;height:calc(100vh - 89px);background:rgba(100,100,100,0.95);}
.popupback .close {pointer-events:all;position:fixed;right: 30px;top: 120px;}

.artikelpopup {opacity:0;padding:20px;overflow-y:auto;pointer-events:none;position:fixed;background:#fff;margin:auto;width:90%;max-width:1600px;z-index:15;}
.artikelpopup.active {pointer-events:all;}

.warenkorbbutton > span.label {pointer-events:none;}
.warenkorbbutton > span.label:empty {display:none;}

.warenkorbinhalt {padding:5px 15px;white-space:normal !important;min-width:300px;max-width:500px;}
.warenkorbinhalt:empty:after {content:'Es befinden sich aktuell keine Artikel im Einkaufswagen.';display:inline-block;white-space: normal; color:#888;text-align:center;}

.warenkorbinhalt .label {width:100%;margin: 0 0 3px 0;padding-right:20px;position:relative;}
.warenkorbinhalt .label .delete {position:absolute;right:6px; top:8px;}

html {height:100%;
	-webkit-text-size-adjust: 100%;}
* {box-sizing: border-box;}

body {

	background-color: rgb(231, 231, 231);

	font-family: Nunito Sans, Verdana, sans-serif;
	font-weight:normal;
	font-size:20px;
	line-height: 26px;
	color:#000;
	overflow:hidden;
	margin:0;
	padding:0;
	height:100%;
	-webkit-hyphens: auto; /* Saf 5.1+ */
	-moz-hyphens: auto; /* Fx 6.0+ */
	-ms-hyphens: auto; /* IE 10+ */
	hyphens: auto; /* None yet */

}

body[data-page="aktuelles"] {

	font-size: 16px;

}


body.noscroll {overflow:hidden;padding-right:0;}

body.login {
	background:url(/img/login.jpg) center center fixed;
	background-size: cover;
}

b, strong {
	font-weight:700;
}


.login > div {display:flex;height:100vh;align-items:center;}
.login > div .ui.form {
	margin:15px auto;background:rgba(255,255,255,0.80);border-radius:4px;padding:25px;width:90%;max-width:500px;
}
.login > div .logo {width:200px;margin-bottom:20px;}
.login > div .padding {padding:0 25px;}

.login > div a {color:#000;box-shadow:0px 2px 5px rgba(0,0,0,0.2);font-size:12px;line-height:1.2em;display:block;border-radius:5px;margin-bottom:10px; padding:10px 25px;background:rgba(255,255,255,0.3);transition:all .2s;}
.login > div a:hover {color:#fff;background:#f00;}
.login > div a h2 {margin:0 !important;color:#000;font-size:18px;transition:all .2s;} 
.login > div a:hover h2 {color:#fff;}
.login > div a ul {margin:10px 0;padding:0 0 0 15px;font-size:11px;list-style-type: square;}
.login > div a ul li {padding:0;line-height:1.2em;color:#666;}
.login > div a:hover ul li {color:#ddd;}

.wrap {margin:auto;width:90%;max-width:1600px;}
.wrap > .white {background:#fff;padding:25px 50px;}
.wrap > .white:empty {display:none;}

@media (max-width: 500px)
{
	.wrap > .white { padding: 25px 15px; }
}

.content.hide {

	opacity: 0;

}

.content ul {margin:0 0 25px 0;padding:0;list-style:none;}
.content ul li {padding:0 0 0.5em 1.2em;position:relative;}
.content ul li:before {content:'';display:none;height:0.6em;background:#f00;width:0.6em;position:absolute;left:0;top:0.35em;}

body.noscroll .logobox {padding-right:0px;}

.coolshadow {box-shadow:0px 0px 10px 0px rgba(0,0,0,0.15), 0px 15px 15px -10px rgba(0,0,0,0.30);}
.insetshadow {box-shadow:inset 0px 37px 20px -40px rgba(0,0,0,0.5)}


.lbsmap {display:flex;list-style:none;flex-wrap:wrap;justify-content:center;padding:0;margin:1.5% 0;}
.lbsmap > a {position:relative;color:#000;flex-basis:24%;background:#fff;margin:15px;}


.lbsmap .infobox25 {position:relative;flex-basis:24%;background:#fff;margin-bottom:1.5%;}
.lbsmap .infobox50 {position:relative;flex-basis:49.4%;background:#fff;margin-bottom:1.5%;}


.flexlink {display:flex;justify-content:space-between;margin:0 10px 10px 0;width:100%;}
.flexlink > div:nth-child(1) {width:30%;height:50px;background-size:contain;background-repeat:no-repeat;background-position:center center;}
.flexlink > div:nth-child(2) {width:65%;}

.infobox25.reiter,
.infobox50.reiter {margin-top:40px;}

.infobox25 .content,
.infobox50 .content {padding:20px;}

.infobox25 .redtop,
.infobox50 .redtop {
	background:#f00;
	padding:15px 10px 15px 20px;
	margin:0 !important;
}

.infobox25 .redtop h3,
.infobox50 .redtop h3 {
	font-family: LBSThesisExtraBold, Verdana, Geneva, sans-serif;
    font-weight: normal;
	color:#fff;
	font-size:18px;
	padding:0px;
	margin:0 !important;
}

.infobox50 > .reiter {display:flex;position:absolute;left:0;top:-40px;height:40px;}
.infobox50 > .reiter:after {content:''; width:100%;height:20px;background:#fff;position:absolute;left:0;bottom:-20px;}
.infobox50 > .reiter > div {color:#666;cursor:pointer;background:rgba(150,150,150,0.40);padding:14px 20px;margin-right:5px;transition:all .2s;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.15), 0px 15px 15px -10px rgba(0,0,0,0.30);}
.infobox50 > .reiter > div:hover {padding:12px 20px; background:rgba(255,255,255,0.5);color:#333;}
.infobox50 > .reiter > div.active {padding:12px 20px;background:#fff;color:#000;}

.infobox25 .flexed,
.infobox50 .flexed {display:flex;}
.infobox25 .flexed > div:first-child,
.infobox50 .flexed > div:first-child{min-width:25%;}

.lbsmap > a {color:#000;flex-basis:calc((100% - 45px) / 4);}
.lbsmap:media( max-width: 1024px ) > a {color:#000;flex-basis:calc((100% - 30px) / 3);}
.lbsmap:media( max-width: 900px ) > a {color:#000;flex-basis:calc((100% - 15px) / 2);}
.lbsmap:media( max-width: 500px ) > a {color:#000;flex-basis:100%;}

.lbsmap > a .image {padding-bottom:65%;position:relative;overflow:hidden;}

.lbsmap > a .image strong {
	
	background-color: #4183c4;
	color:#fff;
	position:absolute;
	bottom:0px;
	left:0px;
	line-height:1.2em;
	font-size:18px;
	text-align:center;
	padding: 8px 0px;
	width: 100%;
	display:inline-block;
	font-family:LBSThesisExtraBold, Verdana, Geneva, sans-serif;
	font-weight:normal;
	transition:all .2s;
	
}


.lbsmap > a .image .effect {
	
	transition:transform .3s, filter .3s;padding-bottom:65%;
	position:absolute;top:0;left:0;width:100%;height:100%;
	background-image:url(/img/noimage.jpg);
	background-position:center center;
	background-size: 50%;
	background-repeat: no-repeat;
	filter:grayscale(0.5)}


.lbsmap > a .text {padding:0px; display: none;}
.lbsmap > a .text strong {font-size:22px;margin-bottom:5px;display:block;font-family:LBSThesisExtraBold, Verdana, Geneva, sans-serif;
	font-weight:normal;}

.lbsmap > a.leer {background:transparent;pointer-events:none;}


.suchergebnis {
	
	display:none;
	position:fixed;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background:#bfc64f;
	z-index:2000;
	overflow-y:auto;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;

}

.suchergebnis .wrapper {

	max-width: 1600px;
	width: 100%;

}

.wrapper { max-width:1200px; margin:0 auto; margin-top: 64px}

.suchergebnis input {
	
	border: none;
	padding: 16px;
	margin-top: 64px;
	width: 100%;

}

.suchergebnis .tools {padding:15px 0;position:sticky;top:20px;z-index:1000;}
.suchergebnis .tools .fields {margin:0;}
.suchergebnis .ergebnis {padding:50px 0;}
.suchergebnis .ergebnis h2 {color:#fff;font-family: LBSThesisSemiLight, Verdana, sans-serif;font-size: 40px;}
.suchergebnis .close {position:fixed;right:30px; top:120px;}

.centerflex {display:flex;align-items:center;height:60vh;}
.centerflex .load {text-align:center;width:100%;}

.suchergebnis .lbsmap > a {flex-basis:18%;}
.suchergebnis .lbsmap > a .text {font-size:12px;line-height:1.2em;}



.white .lbsmap .coolshadow {box-shadow:none;background:#eee;}
.white .lbsmap .coolshadow {box-shadow:none;}



.faq {display:flex;justify-content:space-between;flex-wrap:wrap;}
.faq > div {width:100%;margin-bottom:15px;}

.faq:media( min-width: 500px ) > div {width:calc((100% - 15px) / 2);}
.faq:media( min-width: 1200px ) > div {width:calc((100% - 30px) / 3);}

.faq > div > span {display:block;background-color:rgba(0,0,0,0.1);color:#3c3734;padding: 20px 45px 20px 20px;cursor:pointer;position:relative;}

.faq > div > span > span {position:absolute;right:10px;top:28px;background:#888;display:block;height:4px;width:20px;}
.faq > div > span > span:after {content:'';position:absolute;left:8px;top:-8px;width:4px;height:20px;background:#888;transition:all .2s;}

.faq > div > span.open > span:after {content:'';position:absolute;left:8px;top:0px;width:4px;height:4px;background:#fff;}

.faq > div > span.open {background-color:#f00;color:#fff;}
.faq > div > span.open > span {background-color:#fff;}
.faq > div > div {display:none;border:1px solid #e9e9e9;background:#fff;color:#333;padding:20px;}



.verlauf {
	min-height:calc(100vh - 222px);
	padding:100px 0;
	/* background: url(/img/muster.png) top left fixed; */
}


.full .verlauf { padding: 0; }


@media (max-width: 1250px)
{
	.full .verlauf { padding:76px 0 0 0; min-height:calc(100vh - 222px);  }
	

}



.verlauf2 {
	background:#fff;
}
.verlauf3 {
	min-height:70vh;
	padding:100px 0;
	background: #dddddd;
	background: -moz-linear-gradient(-45deg, #dddddd 0%, #eeeeee 100%);
	background: -webkit-linear-gradient(-45deg, #dddddd 0%,#eeeeee 100%);
	background: linear-gradient(135deg, #dddddd 0%,#eeeeee 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#eeeeee',GradientType=1 );
}

h1 {

	font-weight:normal;
	padding:0;
	font-size:34px;
	margin:15px 0 30px 0 !important;
	line-height:1.2em;

}

h2 {

	font-weight:normal;
	padding:0;
	font-size:22px;
	margin:15px 0 5px 0 !important;
	line-height:1.2em;
}

h3 {

	font-weight:normal;
	padding:0;
	font-size:25px;
	margin:0 0 15px 0 !important;
	line-height:1.2em;
}

h4 {

	font-weight:normal;
	padding:0;
	font-size:25px;
	margin:0 0 15px 0 !important;
	line-height:1.2em;

}

.team {display:flex;justify-content:space-between;flex-wrap:wrap;}
.team > div {width:15%}
.team > div .bild {background-size:cover;background-position:center}
.team > div .bild img {width:100%;height:auto;}
.team > div .text {display:block;
	text-align:center;
	font-weight: 500;
    background: #000;
    color: #fff;
    margin: 0 0 20px 0;
    padding: 6px;}
.team > div .text strong {color:#fff;font-size: 1.4em;display:block;}
.team > div .text small {color:#fff;font-size: 1.0em;display:block;}


@media (max-width: 1200px) {
	.team > div {width:18%}
}
@media (max-width: 1050px) {
	.team > div {width:22%}
}
@media (max-width: 900px) {
	.team > div {width:32%}
	.fotorama_pointer {display:none;}
}

@media (min-width:800px) {
	.fotorama_pointer {position:absolute; display:block; width:100%; cursor:pointer; transition:all .4s; z-index:10; left:0px; top:95%;
	-webkit-transform:translateY(-50%); transform:translateY(-50%);text-align:center;}
	.fotorama_pointer > div {
		display:inline-block;
		box-shadow:0px 1px 4px rgba(0,0,0,0.6);
		transition:all .4s;
		width:12px;
		height:12px;
		margin: auto 3px auto 3px;
		border:1px solid #fff;
		background:#fff;
		opacity:0.3;
	}
	.fotorama_pointer > div:hover {
		opacity:1;
	}
	.fotorama_pointer > div.an {
		border:1px solid #fff;
		opacity:1;
	}
}

@media (max-width: 600px) {
	.team > div {width:47%}
	.team > div .text strong {color:#fff;font-size: 1.2em;display:block;}
	.team > div .text small {color:#fff;font-size: 0.8em;display:block;}
}



.logobox {position:fixed;top:0;left:0;z-index:100; width:100vw; pointer-events: none}
.logobox .logo {background:#fff;width:200px;padding:23px 30px 7px 30px;margin-right:40px;position:absolute;bottom:0;}
.logobox .logo img {width:100%;height:auto;display:block;}

.logobox > div {
	
	

}

.logobox > div > .wrap {

	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;

}

.logobox > div > .wrap .mainmenu {

	width: 100%;
	height: 48px;
	margin-top: 30px;
	pointer-events: auto;

}

.logobox > div > .wrap > img {

	width: 200px;
	margin-top: 30px;

}


@media (max-width: 850px) {

	.full .verlauf { padding:24px 0 0 0; min-height:calc(100vh - 170px); }
	
	.logobox .logo img { width:47%; }
	
}

i.lock.open.inverted.icon {

	display: none;

}

body a.go-back {

	display: none;

}

body .mainmenu {

display: flex;

}

body:not([data-page="startseite"]) a.go-back{

	display: block;
	position: fixed;
	background-color: #488c9b;
	line-height: 50px;
	width: 250px;
	right: 135px;
	bottom: 40px;
	text-align: center;
	border: 2px solid white;
	color: white;
	z-index: 500;


}

body:not([data-page="startseite"]) .mainmenu{

display: none;

}

body:not([data-page="startseite"]) .mainmenu.menu-menu{

display: flex !important;

}

@media (min-width: 850px) {


	.mainmenu {list-style:none;padding:0;display:flex;align-items:center;min-height:39px; justify-content: center;}

	.mainmenu > li {
		
		position:relative;
		margin-right:1px;
		transition:all .4s;
		background-color: #488c9b;
		border: 2px solid white;
		width: 290px;
		text-align: center;
		font-size: 25px;
	
	}

	.mainmenu > li:hover {
	
		border-color: #488c9b;
	
	}

	.mainmenu > li > a {
		
		display:block;
		font-size:20px;
		font-weight:normal;
		color:#fff;
		display:inline-block; 
		text-decoration:none; 
		padding: 10px 0px;
	
	}

	.mainmenu > li > ul {display:none;position:absolute;left:-10px;list-style:none;box-shadow:0px 2px 5px rgba(0,0,0,0.3)}
	.mainmenu > li:hover > ul {display:block; background:#fff;margin:0;padding:0px;}
	.mainmenu li ul a {color:#000;display:block; padding: 10px;}
	.mainmenu li ul a:hover {background:#9f8b66;color:#fff;}
	.mainmenu > li > ul > li > ul {display:none;position:absolute;left:100%;top:0px;list-style:none;box-shadow:0px 2px 5px rgba(0,0,0,0.3)}
	.mainmenu > li > ul > li:hover > ul {display:block; background:#fff;margin:0;padding:0px;}

}

@media (max-width: 1250px) {

	//.mainmenu {padding: 0 25px 10px 25px;list-style:none;}

}

.pfad {margin-bottom:10px;font-size:12px;}
.pfad a {text-decoration:none; color:#888 !important;}


.sitemap {list-style:none;flex-wrap: wrap;display:flex;margin:0;padding:0;justify-content:space-between;margin-top:4%;}
.sitemap a {width:42%;text-decoration:none;color:#181716;text-align:center;transition:all .3s;}

.sitemap a img {width:100%;height:auto;display:block;}
.sitemap a .bild {background-size:cover;background-position:center center;}

.sellstate {position:absolute; bottom:0; right:0; width:60%;}
.sellstate2 {position:absolute; bottom:117px; right:8px; height:50%; width:50%; background-position:right bottom; background-size:contain; background-repeat:no-repeat;z-index: 8;pointer-events: none;}

.sitemap a h3 {font-weight:500;background:#000;color:#fff;margin:0 0 20px 0;padding:6px;}
.sitemap a span {font-weight:500;display:inline-block;background:#9f8b66;color:#fff;margin:20px 0 60px 0;padding:4px;}

@media (max-width:900px) {
	.sitemap a {width:47%;}
}
@media (max-width:570px) {
	.sitemap a {width:100%;}
}


.sitemap2 {list-style:none;flex-wrap: wrap;display:flex;margin:0;padding:0;justify-content:space-between;margin-top:4%;}
.sitemap2 a {width:22%;text-decoration:none;color:#181716;text-align:center;transition:all .3s;}

.sitemap2 a img {width:100%;height:auto;display:block;}
.sitemap2 a .bild {background-size:cover;background-position:center center;position:relative;}
.sitemap2 a h3 {font-weight:500;font-size:15px;background:#000;color:#fff;margin:0 0 20px 0;padding:6px;}
.sitemap2 a span {font-weight:500;display:inline-block;background:#9f8b66;color:#fff;margin:20px 0 60px 0;padding:4px;}

@media (max-width:900px) {
	.sitemap2 a {width:22%;}
}
@media (max-width:570px) {
	.sitemap2 a {width:48%;}
}




footer {
	pointer-events: none;	
}

.text-center {
    text-align: center;
}


.openmenu {display:none; width:42px; height:42px;}
.closemenu {display:none; width:42px; height:42px;}

@media (max-width: 800px) {
	.menu {display:none;}
	.openmenu {
		display:block;
		cursor:pointer;
		position:fixed;
		top:0px;
		left:0px;
		z-index:10000;
	}
	.closemenu {
		display:none;
		cursor:pointer;
		position:fixed;
		top:0px;
		left:0px;
		z-index:100000;
	}
}



.alert {  font-size: 0.8em !important; color: #ff0000; cursor: default; }
.highlighttext {  font-size: 12px; color: #E70800; font-weight: bold; cursor: default; }
.tabellenrechnung {  font-size: 13px; color: #ffffff; font-weight: bold; cursor: default; }

.eingabe {
	font-family: 'Fira Sans', sans-serif;
	font-weight:300;
	padding:5px;
	color:#000;
	border:1px solid #bbb;
	border-radius:5px;
	outline:0;
}

.needeingabe {
	font-family: 'Fira Sans', sans-serif;
	font-weight:300;
	padding:5px;
	border:1px solid #f00;
	border-radius:5px;
	outline:0;
}

@media (max-width: 700px) {
	.formular tr td {display:block;}
}

button {
	padding:10px 20px;
	color:#fff;
	background:#000;
	cursor:pointer;
	border:0;
	border-radius:0px;
    transition:all .4s;
	outline:0;
	transition:all .3s;
}

button:hover {
	background:#555;
}

button:disabled {
	color:#fff;
	background:#aaa;
	cursor:default;
	border:0;
	border-radius:5px;
}

@media (max-width:800px) {
	.eingabe, .needeingabe, button {
		padding:10px;
		font-size:1.2em;
		border-radius:10px;
		margin:0 2% 2% 0;
	}
}

.filedownloadbutton {
   font-family: "LBSThesisExtraBold";
	margin:0.5em 0;
	text-decoration:none;
	transition:all .3s;
	display:inline-flex;
	align-items:center
}
.filedownloadbutton small {

   font-family: "LBSThesisSemiLight";

}
.filedownloadbutton > span > i {
	font-size:50px;
	color:#888;
	transition:all .3s;
	position:relative;
	top:10px;
}

.filedownloadbutton:hover > span > i {
	color:#f00;
}

.filedownloadbutton > span > i > i {
	color:#fff;font-size:20px;
	position:absolute;
	top:8px;
	left:18px;
}
.tabelleninhalt { font-size: 11px; color: #000000; cursor: default; background-color:#ffffff; vertical-align:top;}
.border { border: 0px solid #bbbbbb; }
.cmswhite  { color: #ffffff; font-size: 10px; font-family: Arial, Helvetica, sans-serif;}

.res_img100 {width:100%;}
.res_img50 {width:50%;}
.res_img33 {width:33%;}
.res_img25 {width:25%;}
.res_img100 img, .res_img50 img, .res_img33 img, .res_img25 img {width:100%; height:auto; display:block;}

.imgl {float:left;}
.imgr {float:right;}

@media (max-width: 700px) {
	.res_img100, .res_img50, .res_img33, .res_img25 {width:100%;}
	.imgl {float:none;margin-left:0 !important;margin-right:0 !important;}
	.imgr {float:none;margin-left:0 !important;margin-right:0 !important;}
}

.katgroup {
	display:block;
	border-radius:4px;
	padding:2px;
	background:#bbb;
	margin-bottom:2px;
	margin-right:2px;
	box-shadow:1px 1px 10px rgba(0,0,0,0.25) inset;
}


.katgroup .root {
	display:block;
	padding:3px;
	border-radius:4px;
	background:#fff;
	background-image: -webkit-linear-gradient(white 0%, #eee 100%); 
	background-image: -moz-linear-gradient(white 0%, #eee 100%); 
	background-image: -o-linear-gradient(white 0%, #eee 100%); 
	background-image: linear-gradient(white 0%, #eee 100%);
	transition: box-shadow .3s;
	cursor:pointer;
}
.katgroup .sub {
	display:block;
	padding:3px;
	border-radius:4px;
	margin:2px 0 0 25px;
	background:#eee;
	background-image: -webkit-linear-gradient(#eee 0%, #ddd 100%); 
	background-image: -moz-linear-gradient(#eee 0%, #ddd 100%); 
	background-image: -o-linear-gradient(#eee 0%, #ddd 100%); 
	background-image: linear-gradient(#eee 0%, #ddd 100%);
	transition: box-shadow .3s;
	cursor:pointer;
}

.katgroup .root:hover, .katgroup .sub:hover {
	box-shadow:0px 1px 6px rgba(0,0,0,0.45);
}

.nice {
	clear:both;
}

.nice .open {
	padding-left:25px;
	display:block;
	position:relative;
}

.nice .opener {
	position:absolute;
	left:0px;
	top:5px;
}

.nice th {
	background:#f00;
	color:#fff;
	vertical-align:middle;
	text-align:center;
	padding:6px 12px;
	line-height:1.6em;
	border-radius:2px;
}

.nice td {
	background:#eee;
	vertical-align:middle;
	padding:6px 12px;
	border-radius:2px;
	line-height:1.2em;
	transition: all .4s;
}

.nice td.sub {
	background:#bbb;
color:#fff;
}

.nice th a {
	color:#fff;
}

.nice td span {
	color:#666;
	font-size:11px;
}

.nice .icon {
	position:relative;
	top:3px;
}

.nice .black {
	color:#000;
}
.nice .black:hover {
	color:#f00;
}

.nice td a {
	padding:4px 2px 2px 0px;
	border-radius:5px;
	margin-bottom:2px;
}


.tag {
	padding:4px 5px;
	margin-bottom:2px;
	border-radius:4px;
	background:#fff;
	border:1px solid #ddd;
	display:inline-block;
	line-height:1em;
}

.option {
	padding:4px 5px;
	margin-bottom:2px;
	border-radius:4px;
	background:#eee;
	display:block;
	line-height:1em;
	transition: box-shadow .3s;
	cursor:pointer;
}

.option input {
	position:relative;
	top:2px;
}
.katgroup .root input, .katgroup .sub input {
	position:relative;
	top:1px;
}
.nice td .option {
	background:#fff;
	border:1px solid #ccc;
}
.nice td .option:hover {
	border:1px solid #A5ACB2;
	box-shadow:0px 2px 4px rgba(0,0,0,0.25);
}

.plain {
	width:100%;
}

.plain a:hover {
	text-decoration:underline;
}

.plain .ba {
	text-align:right;
	width:10px;
}

.plain .bb {
	width:100px;
}

.plain th {
	background:none;
	color:#888;
	font-size:10px;
	font-weight:normal;
	padding:1px 5px;
	border:0;
}

.plain td {
	background:none;
	border:0;
	border-top:#ddd 1px solid;
	padding:4px 5px;
	line-height:1.2em !important;
}

.plain small {
	color:#888;
	line-height:1.2em !important;
	font-size:10px;
	font-weight:normal;
}

.plain .admin, .admin {
	border-radius:5px;
	border:solid 1px #faa;
	background:#eee;
	padding:5px 10px;
	box-shadow:2px 2px 5px rgba(0,0,0,0.1) inset;
}

.plain .admin .option, .admin .option{
	background:#fff;
}


.fileinfo {
	border-radius:3px;
	background:#fff;
	padding:7px;
	margin:4px 0;
	box-shadow: 0px 1px 3px rgba(0,0,0,0.15);
	display:none;
}

.liste {
	width:100%;
}

.goodinfobox {
	color:#080;
	background:#fff6d3;
	border:1px solid #080;
	border-radius:10px;
	box-shadow:2px 2px 5px rgba(0,0,0,0.15);
	font-weight:bold;
	padding:10px;
}

.neutralinfobox {
	font-size:11px;
	box-shadow:2px 2px 5px rgba(0,0,0,0.15);
	padding:10px 10px 10px 50px;
	margin:5px 0 10px 0;
	color:#666;
	border:1px solid #bbb;
	background:#fff url(§§url_website§§img/info2.png) 10px 10px no-repeat;
	border-radius:10px;
}

.badinfobox {
	color:#800;
	background:#fff6d3;
	border:1px solid #800;
	border-radius:10px;
	box-shadow:2px 2px 5px rgba(0,0,0,0.15);
	font-weight:bold;
	padding:10px;
}


.b_ok {
	 border:1px solid #46ce17; 
	 padding:5px; 
	 margin:0; 
	 background:#daf5d1;
}

.b_bad {
	 border:1px solid #ff3333; 
	 padding:5px; 
	 margin:0; 
	 background:#ffd6d6;
}

.b_bad1 {
	 border:1px solid #f18e0d; 
	 padding:5px; 
	 margin:0; 
	 background:#fce8cf;
}

.noborder {
	width:100%;
}

.noborder th {
	padding:2px 10px;
	background:#aaa;
	color:#fff;
	font-weight:normal;
	text-align:left;
	border:0;
}

.noborder th a {
	color:#fff;
	text-decoration:none;
}

.noborder th a img, .download img, .b_ok img, .b_bad img, .b_bad1 img {
	position:relative;
	top:1px;
}




.cartheader {
	width:100%;
	display:-webkit-flex;
	display:ms-flexbox;
	display:flex; 
	list-style:none;
	padding:0;
	margin:0 !important;
}

ul.cartheader li {
	color:#fff;
	text-align:center;
	vertical-align:middle;
	background:rgba(0,0,0,.1);
	padding:10px;
	margin-left:4px;
	border-radius:3px;
	width:25%;
}

ul.cartheader li:first-child {
	margin-left:0px;
}

ul.cartheader li span {
	position:absolute;
}

ul.cartheader li span img {
	position:relative;
	left:-1px;

}

ul.cartheader li.gone {
	background:#007fc2;
	color:#fff;
}

ul.cartheader li.an {
	background:#007fc2;
	color:#fff;
	transition:all .3s;
	cursor:pointer;
}

ul.cartheader li.an strong {
	color:#fff;
}

ul.cartheader li.an:hover {
	background:#007fc2;
	color:#fff;
}

ul.cartheader li.aktiv {
	background:#003374;
	font-weight:500;
}

.korbheader_aus {
	text-align:center;
	border: 1px solid #8d8d8d;
	color:#999;
	background:#ddd;
	font-weight:bold;
}

.korbheader_an {
	background:#8d8d8d;
	color:#fff;
	text-align:center;
	padding:11px;
}

.topbutton {
	display:inline;
	margin:0;
	padding:0;
	list-style:none;
	position:relative;
	left:-3px;
	cursor:pointer;
}

.topbutton li {
	margin:0;
	padding:0;
	float:left;
	background-repeat:no-repeat;
	background-position:right top;
	position:relative;
	height:60px;
}

.topbutton li a {
	display:inline-block;
	padding:10px 20px;
	color:#fff;
	background:#000;
	cursor:pointer;
	border:0;
	border-radius:0px;
    transition:all .4s;
	outline:0;
	transition:all .3s;
}
.topbutton li a strong {
	color:#fff;
}

.topbutton_off {
	margin:0;
	padding:0;
	list-style:none;
	position:relative;
	left:-3px;
	cursor:pointer;
}

.topbutton_off li {
	float:left;
	background-image:url(/img/buttonright_off.png);
	background-repeat:no-repeat;
	background-position:right top;
	position:relative;
	height:50px;
}

.topbutton_off li a {
	
	
	display:inline-block;
	padding:10px 20px;
	color:#fff;
	background:#bbb;
	cursor:pointer;
	border:0;
	border-radius:0px;
    transition:all .4s;
	outline:0;
	transition:all .3s;
	
	
}

* HTML .topbutton_off ul li {
	background-image:url(/img/buttonright_off.gif);
}
* HTML .topbutton_off ul li a {
	background-image:url(/img/buttonleft_off.gif);
}
.topbutton_off ul li a small {
	font-size:10px;
}

.topbutton_off ul li:hover {
	background-position:right -60px ;
}

.topbutton_off ul li:hover a {
	background-position:left -60px ;
	padding:7px 5px 25px 30px;
}







/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 *
 * Version: 1.3.1 (05/03/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	height: 40px;
	width: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

* html #fancybox-loading {	/* IE6 */
	position: absolute;
	margin-top: 0;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('/fancybox/fancybox.png');
}

#fancybox-overlay {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #f00; 
	z-index: 1100;
	display: none;
}

* html #fancybox-overlay {	/* IE6 */
	position: absolute;
	width: 100%;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	z-index: 1101;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	-background: #f3f3f2;
	background: #feffd5;
	border:1px solid #ecebeb;
}

#fancybox-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: 0;
	outline: none;
	overflow: hidden;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

#fancybox-close {
	position: absolute;
	top: 8px;
	right: 8px;
	width: 25px;
	height: 25px;
	background-image: url('/fancybox/fancybox.png');
	background-position: -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox_error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 7px;
	margin: 0;
}

#fancybox-content {
	height: auto;
	width: auto;
	padding: 0;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
}

#fancybox-frame {
	position: relative;
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-title {
	position: absolute;
	bottom: 0;
	left: 0;
	font-family: Arial;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding: 10px 0;
	text-align: center;
	color: #333;
}

.fancybox-title-outside {
	padding-top: 5px;
	color: #FFF;
	text-align: center;
	font-weight: bold;
}

.fancybox-title-over {
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('/fancybox/fancy_title_over.png');
	display: block;
}

#fancybox-title-wrap {
	display: inline-block;
}

#fancybox-title-wrap span {
	height: 32px;
	float: left;
}

#fancybox-title-left {
	padding-left: 15px;
	background-image: url('/fancybox/fancybox.png');
	background-position: -40px -90px;
	background-repeat: no-repeat;
}

#fancybox-title-main {
	font-weight: bold;
	line-height: 29px;
	background-image: url('/fancybox/fancybox-x.png');
	background-position: 0px -40px;
	color: #FFF;
}

#fancybox-title-right {
	padding-left: 15px;
	background-image: url('/fancybox/fancybox.png');
	background-position: -55px -90px;
	background-repeat: no-repeat;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background-image: url('/fancybox/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('/fancybox/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('/fancybox/fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible;    /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancy-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancy-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('/fancybox/fancybox-x.png');
}

#fancy-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('/fancybox/fancybox.png');
	background-position: -40px -162px;
}

#fancy-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('/fancybox/fancybox-y.png');
	background-position: -20px 0px;
}

#fancy-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('/fancybox/fancybox.png');
	background-position: -40px -182px; 
}

#fancy-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('/fancybox/fancybox-x.png');
	background-position: 0px -20px;
}

#fancy-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('/fancybox/fancybox.png');
	background-position: -40px -142px;
}

#fancy-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('/fancybox/fancybox-y.png');
}

#fancy-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('/fancybox/fancybox.png');
	background-position: -40px -122px;
}

/* IE */

#fancybox-loading.fancybox-ie div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_loading.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-close		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-title-over	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie #fancybox-title-left	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-main	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-right	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-left-ico		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-right-ico	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie .fancy-bg { background: transparent !important; }

.fancybox-ie #fancy-bg-n	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-ne	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-e	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-se	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-s	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-sw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-w	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-nw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }


.footer-area { 	background-color:#f3f2f2; position:relative; color:#3c3734; padding:95px 0; margin-top:80px; }

#scrollTop {
    position: absolute;
    width: 70px;
    height: 70px;
    border-radius: 0;
    background-color: #003374;
    box-shadow: inset 0 0 0px 5px #fff;
    left: 50%;
    top: -35px;
    margin-left: -35px;
    color: #fff;
    text-align: center;
    line-height: 70px;
    font-size: 36px;
    cursor: pointer;
}


/*
* FACTS CSS
********-------------------*/

.facts-area { position: relative; margin:20px 0px; }

.facts-area:before
{
position: relative;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
content: "";/*    background: rgba(6, 24, 38, 0.90);*/
}




.single-facts { overflow: hidden; width:370px; flex-shrink:0;color: black; }

.single-facts > .icon
{
width: 73px;
height: 73px;
border-radius: 50%;
background-color: #e9e9e9;
text-align: center;
line-height: 73px;
font-size: 28px;
float: left;
margin-right: 15px;
}

.single-facts > h2
{
padding-left: 88px;
font-size: 14px;
margin-bottom: 0px !important;
padding-top:6px;
}

.single-facts > h2 span
{
font-size: 20px;
display: block;
margin-bottom: 6px;
margin-top: 9px;
}



.facts-container { display:flex;  justify-content:center; align-items:center; margin:35px 0px;}


@media (max-width: 1150px)
{
	.facts-container { flex-wrap:wrap; margin:0px 0px; }
	.single-facts { margin:20px 0px; }
}


@media (max-width: 400px)

{
	.single-facts { width:370px; }

}

.section-titel { text-align:center; margin-top:20px; }

.section-titel > h1,
.section-titel > h2,
.section-titel > h3,
.section-titel > h5,
.section-titel > h6,
.section-titel > h4 { border-bottom:2px solid red; display:inline-block; }

.seitenstruktur {

	max-height: 500px;
	overflow-y: scroll;


}

.seitenstruktur a {

line-height: 30px;
color: grey;

}

footer img {

	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background-size: contain;
	margin: 0 auto;
	z-index: 200;

}

header > #home-button > img {

	position: fixed;
	top: 0;
	right: 100px;
	height: 150px;
	z-index: 100;
	background-size: contain;
	margin: 0 auto;

}

header > #team-button {

position: fixed;
display: flex;
top: 0;
right: 340px;
height: 50px;
width: 200px;
z-index: 100;
background-color: #bfc64f;
align-items: center;
justify-content: space-around;
color: white;

}

header > #team-button img {

height: 30px;
width: 30px;

}

.sbtn {

	position: fixed;
	top: 0;
	left: 50px;
	height: 80px;
	width: 80px;
	padding: 24px;
	background-color: #bfc64f;
	z-index: 500;

}

.bbtn {

	position: fixed;
	top: 100px;
	left: 50px;
	height: 80px;
	width: 80px;
	background-color: #bfc64f;
	z-index: 500;
	display: flex;
	align-items: center;
	justify-content: center;

}

.bbtn > img {

	height: 60px;
	width: 60px;

}

.hbtn {

	position: fixed;
	top: 200px;
	left: 50px;
	height: 80px;
	width: 80px;
	background-color: #bfc64f;
	z-index: 500;
	display: flex;
	align-items: center;
	justify-content: center;

}

.hbtn > img {

	height: 40px;
	width: 40px;

}


.textsitemap {

	display: flex;
	margin: 0 0 0 -0vw !important;
	padding: 20px 100px 0 0 !important;
	flex-wrap: wrap;
	width:80vw;
	max-height: 85vh;
	align-items: stretch;
	align-content: stretch;

}

.textsitemap > a {

	display: block;
	width: 200px;
	background-color: white;
	margin: 2px;
	padding: 3px 10px;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.1);
	color: #054f6f;
	font-size: 16px;
	line-height:19px;
	
}

.textsitemap > a > span {
	color: #b7c55d;
	font-size: 14px;
}

.textbaustein-item.headline {

	font-size: 40px;
	color:#054f6f;
	text-align: left;
	position:absolute;
	z-index:10;

}

.textbaustein-item.headline span {
	display:block;
	font-size:22px;
	color: #bfc64f;
	line-height:2.5em;
}

.events-box {

	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;

	height: 100%;
	width: 100%;
	font-size: 14px;

}

.event-card {

	display: flex;
	flex-direction: column;
	margin: 8px;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.1);

}

.event-card div {

	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;

}

.event-card .little {

	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;

}

.event-card .darker {

	background-color: #b3ba4a;

}

.event-card .heading {

	text-align: right;

	background-color: #bfc64f;
	color: white;

}

.event-card .content {

	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	background-color: white;
	color: #bfc64f;
	font-size: 24px;
	width: 300px;

}

.event-card .footer {

	text-align: right;
	background-color: #bfc64f;
	color: white;

}

.event-card div p {

	padding: 8px;
	margin: 0px;
	width: 100%;

}


.dice-table.feuchtwangen h2 {

	font-size: 48px;
	text-align: center;
	margin-bottom: 24px !important;
	color: #bfc64f;

}

.dice-table.feuchtwangen table {

	width: 100%;
	border-collapse: collapse;
	

}

.dice-table.feuchtwangen thead {

background-color: #b3ba4a;
color: white;
line-height: 48px;
text-transform: uppercase;


}

.dice-table.feuchtwangen thead th {

	color: white;
	line-height: 48px;
	text-transform: uppercase;

}

.dice-table.feuchtwangen tbody {

	text-align: center;

}

.dice-table.feuchtwangen tbody tr  {

	background-color: #eee;

}

.dice-table.feuchtwangen tbody tr td {

	border-right: 1px solid lightgrey;

}

.dice-table.feuchtwangen tbody tr:nth-child(even)  {

	background-color: #fff;

}

.dice-table.feuchtwangen tbody tr:nth-child(even) td:first-of-type {

	background-color: #b3ba4a;

}

.dice-table.feuchtwangen tbody tr td:first-of-type {

	background-color: #bfc64f;
	font-weight: bold;
	width: 128px;
	color: white;
	line-height: 80px;
	text-transform: uppercase;

}