/* jew. latin-ex u. latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: local('PT Sans'), local('PTSans-Regular'), url(PTSans-Regular-ex.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: local('PT Sans'), local('PTSans-Regular'), url(PTSans-Regular.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
@font-face {
  font-family: 'PT Sans';
  font-style: italic;
  font-weight: 400;
  src: local('PT Sans Italic'), local('PTSans-Italic'), url(PTSans-Italic-ex.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'PT Sans';
  font-style: italic;
  font-weight: 400;
  src: local('PT Sans Italic'), local('PTSans-Italic'), url(PTSans-Italic.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'), url(RobotoCondensed-Light-ex.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'), url(RobotoCondensed-Light.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* =====================================================
Webfont Roboto Condensed, light /google Fonts
Copyright Christian Robertson, Apache License, Version 2.0
http://www.apache.org/licenses/LICENSE-2.0
 ========================================================  */
html {
    background: transparent;
	font-size: 100%;
}
html, body {
	margin: 0 auto;
	padding: 0;
	border: none;
} 
body {
	position: relative;
	text-align: left;
    background: #f1f3f4;
	color: #131314;
	font: normal 1rem/180% 'PT Sans', sans-serif;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}
body.fff { background: #fff }
ul, ol, li, dl, dt, dd, header, nav, main, section, article, footer {
	display: block;
	padding: 0;
	margin: 0;
}
p { margin-bottom: 0 }
li {
	display: list-item;
	margin-left: 2rem;
}
/* ----------------------------------------------- Verweise und FARBEN ------- */
a, a:visited, a:active { text-decoration: none }
a:hover { text-decoration: underline }
a { color: #336 }
a:hover, a:active { color: #f63 }
a:visited { color: #131314 }

a.ital, a.pdf, a.mp3, a.mp4 { font-style: italic }
a.inlink::before, ul.inlink a::before, ul.sitemap a::before, div.goldfund a.inlink::before { content: url(../pic/nav-inlink.png) }
a.inlink2::before { content: url(../pic/nav-inlink2.png) }
a.exlink::before, div.goldfund a::after { content: url(../pic/nav-exlink.png) }
a.pdf::after { content: url(../pic/nav-pdf.png) }
a.mp3::after { content: url(../pic/nav-mp3.png) }
a.mp4::after { content: url(../pic/nav-mp4.png) }
.ws { color: #fff }
.lila { color: #99c }
.viol-dkl { color: #336 }
.viol, .lila li .viol { color: #669 }
.orang, .video h3 { color: #f63 }
.orang2 { color: #f96 }
.pink { color: #d73091 }
.gelb { color: #fc3 }
.gruen { color: #396 }
.petrol { color: #005b61 }
.tuerkis { color: #699 }
.rot { color: #c00 }
.blau { color: #36c }
.blau2 { color: #369 }
.raumm { color: #14afe5}
.gold { color:#960 }
.black { color: #000 }
.grau { color: #131314 }
.hellgrau { color: #afaf99 }
.bggrau { background: #e2e4e5 }
.bglila { background: #ccf }

.feuerrot { color: #f00 }
.mustag-lila { color: #973794 }
.mustag-blau { color: #00bfe1 }
/* ----------------------------------------------- gängige FORMATE ------- */
header, footer { flex: 1 100% }
header { overflow: hidden }
h1, h2, h3, h4, .netzwerk dt {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	line-height: 126%;
}
h1, h2, h3, h4 {
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}
h1, h2, h3 { margin: 1.2rem 0 .8rem }
h1.wrap, h2.wrap, h3.wrap, .wrap {
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}
h1 {
	color: #669;
	font-size: 2rem;
}
h1.ml-logo::before, p.ml-logo::before {
	content: url(../pic/index_logo_ml.png);
	padding-right: 1.2rem;
}
/* ---------- h1.ml-logo { margin-top: -.8rem } ------- */

h2 { font-size: 1.6rem }
h2.bg, .video h3 { font-size: 1.8rem }
p.bg { font-size: 1.2rem }
.big { font-size: 120% }
.line {
	border-bottom: 2px dotted #99c;
	margin-bottom: .8rem;
}
.center {
	text-align: center;
}
h3 {
	font-size: 1.4rem;
	margin: .7rem 0 0;
}
h3.bg { font-size: 1.6rem }
.asidebox h4 {
	font-size: 1.1rem;
	font-weight: 700;
	margin: .5rem 0 0;
	color: #669;
}
p.rechts, h2.rechts { text-align: right }
.ex { text-decoration: line-through }
.ustrich { text-decoration: underline; font-size: 110%; }
.letter { text-transform: uppercase }
.i { font-style: italic }
.b, .video h3 { font-weight: 700 }
.normal { font-style: normal }
.fl { float: left }
.fr { float: right }
.cb { clear: both }

.unsichtbar {
	height: 1px;
	width: 1px;
	position: absolute;
	overflow: hidden;
	top: -10px;
}
.trenner {
	width: 90%;
	height: 3px;
	background: transparent;
	border-bottom: 2px dotted #99c;	
}
.txt-re { text-align: right }
.txt-li { text-align: left }
.mr2 { margin-right: 2rem }
.nowrap, footer li a { white-space: nowrap }

.mt-2 { margin-top: -2rem }
.mt-05 { margin-top: -0.5rem }
.marg0, .linkbox p { margin: 0 }
.marg08 { margin: .8rem }
.mt0, .fokus h2 { margin-top: 0 }
.mt05 { margin-top: .5rem }
.mt08 { margin-top: .8rem }
.mt12, dt { margin-top: 1.2rem }
.mt15, .linkbox { margin-top: 1.5rem }
.mt2, div.presse, .vereine dt:first-child { margin-top: 2rem }
.mt24 { margin-top: 2.4rem }
.mt3 { margin-top: 3rem }
.mt6 { margin-top: 6rem }

.mr06 { margin-right: .6rem }
.mr12 { margin-right: 1.2rem }

.mb0 { margin-bottom: 0 }
.mb06 { margin-bottom: .6rem }
article, .mb12 { margin-bottom: 1.2rem }
.mb2 { margin-bottom: 2rem }
.mb3 { margin-bottom: 3rem }
.mb5 { margin-bottom: 5rem }

.ml0 { margin-left: 0 }
.ml05 { margin-left: 0.5rem }
.ml08 { margin-left: 0.8rem }
.ml12, img.ml12 { margin-left: 1.2rem }
.ml2 { margin-left: 2rem }

.mtb12 { margin-top: 1.2rem; margin-bottom: 2rem }
.p11 { margin: 1.1rem }
.pb08 { padding-bottom: .8rem }
.pb3 { padding-bottom: 3rem }

p, dt, dd, table.wie-p, ul.schlicht a, ul.inlink a { font-size: 1.1rem }
ul.schlicht a.small { font-size: 1rem }
ul.inlink li { padding: .3rem 0 }
.smaller, div.smaller p, dd p, .tippbox p, .linkbox p { font-size: 1rem }
.tippbox p.plus { font-size: 110% }
.small, figure figcaption { font-size: .9rem }
.size-1, li a.pdf { font-size: 90% }
.size-plus, ul.size-plus li a.pdf { font-size: 100% }
ul.size-plus li { line-height: 130% }
.lh200 { line-height: 200% }
.haeng {
	padding-left: 1.6rem;
	text-indent: -1.6rem;
}
.famil::before, .ferien::before, .mitmach::before, .workshop::before, .ralley::before { margin-right: .8rem }
.famil::before { content: url(../th60/th-p_familien.png ) }
.ferien::before { content: url(../th60/th-p_ferien.png ) }
.mitmach::before { content: url(../th60/th-p_mitmach.png ) }
.workshop::before { content: url(../th60/th-workshop.png ) }
.ralley::before { content: url(../th60/th-p_ralley.png ) }

.zh150 { line-height: 150% }
.capit { font-variant: small-caps }
.mw42, .mw45, .mw55 { width: 100% }
.mw42 {	max-width: 42rem }
.mw45 {	max-width: 45rem }
.mw55 {	max-width: 55rem }
.mw56 { max-width: 58% }
.mxw180 { max-width: 180px }
.mxw200 { max-width: 200px }
.mxw280 { max-width: 280px }
.mxw300 { max-width: 300px }
.mxw340 { max-width: 340px }
.mxw360 { max-width: 360px }
.mxw400 { max-width: 400px }
.mxw440 { max-width: 440px }
.mxw480 { max-width: 480px }
.mxw620 { max-width: 620px }
.mxw780 { max-width: 780px }

.w100 { width: 100% }
.w160 { width: 160px }
.w180 { width: 180px }
.w210 { width: 210px }
.w540 { width: 540px }
.h200 { height: 200px }

.mw100 { min-width: 100% }
.mxw100 { max-width: 100% }
td, th { vertical-align: top }

.zeittafel dt, .bv-angebot dt, .termine dt, .sogesch dt, .vereine dt {
	border-radius: 0 8px 0 0;
	padding: .2rem .6rem;
}
.zeittafel dt, .bv-angebot dt, .sogesch dt, .vereine dt { background: #ccf }
.termine dt { background: #e2e4e5 }
.zeittafel dt {
	margin-top: 1.5rem;
	width: 7rem;
	border-radius: 0 4px 0 0;
}
.bv-angebot dt {
	margin-top: 1.5rem;
	max-width: 24rem;
}
.sogesch dt { max-width: 8rem }
.vereine dt { max-width: 13.4rem }
.termine dt {
	width: 80%;
	border: 1px solid #ccf;
}
.termine dd p:last-child  {
	text-align: right; 
	margin-right: 1.2rem;
}
.termine dd.ausstell p:last-child { text-align: left }
.netzwerk dt {
	margin-top: 1.6rem;
	font-size: 1.4rem;
	color: #669;
	padding-bottom: .1rem;
}
dt.orange { background: #ffd37a }
dt.dklorange { background: #f63 }
dt.bgrot { background: #de3a58 }
dt.tuerkis2 { background: #2bbb9d }
dt.korall { background: #ff8270 }
dt.gruen-nw { background: #9c6 }
.zeittafel dd, .termine dd, .bv-angebot dd, .sogesch dd, .vereine dd, .netzwerk dd {
	background: #fff;
	border: 1px solid #ccc;
	font-size: 1rem;
	padding: .6rem .6rem 1rem;
}
.zeittafel dd, .bv-angebot dd, .sogesch dd, .vereine dd { border-radius: 0 2px 2px 2px }
.termine dd {
	padding-bottom: .2rem;
	border-radius: 0 0 2px 2px;
}
.termine dd.ausstell { padding-bottom: 1rem }
.netzwerk dd {
	margin-left: 1.6rem;
	border-radius: 0 2px 2px 8px;
}
.zeittafel dd, .linkbox div { max-width: 39rem }
.bv-angebot dd, .sogesch dd, .vereine dd, .netzwerk dd { max-width: 42rem }
.termine dd { max-width: 80% }
dd h4 {
	margin-top: .4rem;
	font-size: 1.3rem;
}
.termine dd h4, .bv-angebot dd h4, .sogesch dd h4, .vereine dd h4 {
	font-size: 1.2rem;
	margin-bottom: 0;
}
.vereine dd p:last-child  {
	clear: both;
	font-style: italic;
	margin-bottom: .6rem;
}
.vereine dd p:last-child.normal  { font-style: normal }
.vereine ul { max-width: 37rem }
.vereine p.bild, .vereine p.bild-r {
	font-size: .9rem;
	padding: 0 1rem 1rem 0;
}
.vereine p.bild { float: left }
.vereine p.bild-r {
	float: right; 
	text-align: right;
}
.reihe img {
	width: 150px;
	height: 200px;
	float: left;
	margin: .8rem;
}
p.bild img, p.bild-r {
	width: 200px;
	margin-top: .8rem;
}
p.bild img.schmal { width: 170px }
dd p { margin-top: .5rem }
.bv-angebot p { margin: .4rem 0 1rem; }
.termine img {
	max-width: 100%;
	height: auto;
}
.netzwerk img {
	float: left;
	margin-right: 1.2rem;
}
.netzwerk a { font-style: italic }
.netzwerk span {
	display: block;
	text-align: right;
	margin-right: 1.2rem;
}
ul.lila li, ul.gruen li, ul.rot li, ul.orang li, ul.gelb li, ul.pink li, ul.himbeer li {
	list-style-type: square;
	list-style-position: outside;
	font-size: 1.3rem;
}
ul.lila li span, ul.gruen li span, ul.rot li span, ul.orang li span, ul.gelb li span, ul.pink li span, ul.himbeer li span, ul.jungalt li span {
	margin-left: .3rem;
	font-size: 1rem;
	color: #000;
}
ul.jungalt {
	list-style-image: url(../news/pic2/p22_pro-jungalt2.png);
	list-style-position: outside;
	font-size: 1.3rem;
}
.jungalt p:first-child {
	color: #f63;
	font-weight: bold;
	margin-top: 2rem;
}
.jungalt p:last-child {
	margin-top: .8rem;
	font-size: 1rem;
}
.jungalt h3 { margin-top: .8rem }

ul.mt12 li { margin-top: 1.2rem }
ul.lila li { color: #669 }
ul.gruen li { color: #396 }
ul.rot li { color: #c00 }
ul.orang li { color: #f63 }
ul.gelb li { color: #fc0 }
ul.pink li { color: #d73091 }
ul.himbeer li { color: #e5015a }
ol li {
	list-style-position: outside;
	font-size: 1.1rem;
	margin: 1rem 1rem 1rem 2rem;
}
td.mw5rem { min-width: 5rem }
/* ----------------------------------------------- MAIN-Content ------- */
main, .asidebox, .tippbox { box-shadow: 3px 7px 7px -4px rgba(19,18,20,0.58) }
main {
	max-width: 60rem;
	min-width: 12rem;   /* korrekte Anzeige Überschrift */
	margin: 45px auto;
	padding: .8rem 1.6rem 3rem 2.4rem;
	background-color: #fff;
	border-radius: 0 0 36px 0;
}
main.breit {
	width: 100%;
	max-width: 100%;
}
main.ohne {
	max-width: 62rem;
	box-shadow: none;
}
div.flex, div.flexton, div.flex-mx500, .flexehr, .kalkopf div, .pfeile {
	display: -webkit-flex;
	display: flex;
}
.row {
	display: -webkit-flex;
	-webkit-flex-flow: row wrap;	
	display: flex;
	flex-flow: row wrap;
}
.between, .kalkopf div {
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.end {
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
}
.start {
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
}
.pfeile {
	width: 100%;
	max-width: 680px;
	margin-top: -1rem;
}
.pfeile img {
	width: 50px;
	height: 50px;
}
.linkbox, .col {
	display: -webkit-flex;
	-webkit-flex-direction: column;
	display: flex;
	flex-direction: column;	
}
div.presse p {
	font-size: 1rem;
	margin-top: 1.2rem;
}
.presse p span::before, p.pdf::after { content: url(../pic/nav-pdf.png) }
.presse img {
	width: 280px;
	height: auto;
	margin: .5rem 0 0 2rem;
}
.presse img.ext {
	width: 200px;
	height: 100px;
}
.presse a img { border: 4px solid #fff }
.presse a:hover img { border: 4px solid #ccc }
div.goldfund {
	width: 86%;
	background:#efefef;
	margin-top: 2rem;
	padding: 1.2rem 2rem 2rem;
}
img.bierbrauen {
	width: 200px;
	height: 312px;
	margin: 1.2rem 0 .8rem 1.2rem;
}
/*
.around {
	-webkit-justify-content: space-around;
	justify-content: space-around;
}
*/

h1.indxbx {
	font-weight: 700;
	font-size: 3rem;
	hyphens: auto;
}
.indexbox {
	width: 100%;
	max-width: 440px;
	margin: 20px 10px;
	padding: 0 10px 0 10px;
	background: #8582c9;
}
.indexbox h2, .indexbox h3 {
	text-transform: uppercase;
	font-weight: 700;
	color: #fff;
	hyphens: auto;
}
.indexbox h2 { font-size: 3rem }
.indexbox h2.h26 {
	font-size: 2.6rem;
	margin-bottom: 20px;
}
.indexbox h3 { font-size: 2rem }

.indexbox img {
	width: 100%;
	height: auto;
	max-width: 440px;
	margin-top: 10px;
	border: 1px solid #fff;
}
.indexbox img.w200, .indexbox img.w220 {
	float: right;
	margin-top: 20px;
}
.indexbox img.w200 { width: 200px }
.indexbox img.w220 { width: 220px }
a.indxbx, a.indxbx:hover, a.indxbx:visited {
	color: #fff;
	text-decoration: none;
}

aside {
	max-width: 32%;
	min-width: 16rem;
}
.asidebox {
	margin-left: 1.2rem;
	padding: .8rem;
	border: solid 1px #ccf;
	border-radius: 0 2px 2px 2px;
}
.asidebox p {
	font-size: .9rem;
	line-height: 1.8rem;
	margin-bottom: 1.2rem;
}
aside.ord-1 ul, ul.schlicht, ul.inlink, ul.sitemap, ul.sitemap ul {
	list-style-type: none;
	margin: .8rem 0;
}
.ord-1 li {	margin-left: 0 }
.ord-1 a {
	font-size: 1rem;
	font-style: italic;
}
/* ----------------------------------------------- Link-Boxen allenthalben ------- */
.tippbox, .linkbox div { border: 1px solid #ccc }
.linkbox div { background-color: #f1f3f4 }
.tippbox {
	max-width: 41rem;
	margin: 2rem 0;	
	padding: .6rem 1rem 1.2rem;
	border-left: 6px solid #669;
	border-radius: 0 2px 2px 0;
}
div.tippbox.mb4 { margin-bottom: 4rem }
.mw80 { max-width: 78% }
.tipplila {
	color: #fff;
	background-color: #669;
	border-left: 6px solid #f63;
}
.tippbox h4 { margin: 1.2rem 0 0 }
.linkbox div {
	margin-bottom: 1.5rem;
	padding: .6rem .8rem 1.6rem;
	border-radius: 0 2px 8px 2px;
}
.linkbox img {
	float: left;
	width: 60px;
	height: 60px;
	margin-right: .8rem;
}
.gal img {
	width: 100px;
	height: 60px;
}
.linkbox h4 {
	font-size: 1.3rem;
	margin: 0 0 .4rem;
}
.linkbox h4 a:hover { text-decoration: none }
.linkbox h4 a, .linkbox h4 a:visited { color: #131314 }
.linkbox h4 a:hover, .linkbox h4 a:active { color: #f63 }
.linkbox p a {
	font-size: 120%;
	font-style: italic;
	white-space: nowrap;
}
.linkbox a.pdf { font-size: 100% }
/* ----------------------------------------------- Info-Boxen Startseite ------- */
aside.aside-datum {
	max-width: 40%;
	min-width: 16rem;
	margin: -.4rem 0 0 1.2rem;
	padding: .8rem;
}
.rahmen { border: 1px solid #fff }
.aside-datum h4 {
	font-size: 1.3rem;
	margin: .5rem 0 0;
	padding-bottom: .3rem;
	border-bottom: solid 1px #99c;
}
.aside-datum p {
	font-size: .9rem;
	line-height: 1.8rem;
	margin-top: .2rem;
	margin-bottom: 1.2rem;
}
.aside-datum a {
	text-decoration: none;
	outline: none;
}
.aside-datum a:hover, .aside-datum a:focus { color: #f63; }
.aside-datum div.datum {
	background: #99c;
	color: #fff;
	font-size: 300%;
	padding: 1rem 1.2rem .4rem;
	margin: 0 .4rem .4rem 0;
	max-width: 80px;
	border-radius: 0 2px 2px 2px;
	float: left;
}	
.aside-datum div.datum span {
	font-size: .9rem;
}

ul.advent li {
	float: left;
	margin: 0.8rem;
}
ul.advent img {
	width: 126px;
	height: 126px;
	padding: 0;
}
li.ziffer {
	background: #99c;
	color: #fff;
	font-size: 400%;
	padding: 2.8rem 1.8rem;
	border-radius: 0 2px 2px 2px;
}
li.ziffer a { color: #fff }
li.ziffer a:hover {
	color: #f96;
	text-decoration: none;
}

.ibox, .sponsor, .log-vereine, .exlogos, .kulturpate {
	display: -webkit-flex;
	-webkit-flex-flow: row wrap;
	-webkit-justify-content: space-around;
	
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
}
.ibox ul {
	list-style: none;
	overflow: hidden;
	width: 14rem;
	margin: 1rem .1rem .2rem;	
	box-shadow: 3px 7px 7px -4px rgba(19,18,20,0.58);
}
.ibox li {
	display: inline;
	font-size: .9rem;
	line-height: 140%;
	margin: 0;
}
.ibox h4 {
	font-size: 1.3rem;
	margin: 0;
}
.ibox strong { color: #131314 }
.ibox img {
	width: 90px;
	height: 90px;
	float: left;
	margin: .2rem .4rem 0 0;
}
.ibox img.iw60 {
	width: 60px;
	height: 60px;
}
.ibox img.breit {
	width: 100%;
	height: auto;
	padding-bottom: .6rem;
	margin: 0;
}
.ibox img.rechts {
	float: right;
	margin: .2rem 0 0 .4rem;
}
.ibox img.hoch {
	width: 86px;
	height: 140px;
	float: right;
	margin-right: 0;
}
.ibox a {
	text-decoration: none;
	outline: none;
}
.ibox a:hover, .ibox a:active, .ibox a:focus { color: #f63 }
.ibox p {
	margin-top: 2rem;
	margin-bottom: 0;
}
.ibox img.alle { width: 206px; height: auto; margin: auto; }
/* ----------------------------------------------- Video und iFrame ------- */
iframe { border: 0 }

.map-ersatz { display: block }
.map-box {
    position: relative;
	margin-top: 3rem;
	max-width: 42rem;
    padding-bottom: 34%;
    padding-top: 30px; /* IE6 workaround */
    height: 0;
    overflow: hidden;
	display: none; /* Hide for small screens */
} 
.map-box iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	border: 0;
}
@media only screen and (min-width: 700px) {
  .map-box { display: block } 
  .map-ersatz { display: none }
}
/* ----------------------------------------------- Kontaktformular ------- */
.formtab {
	border: solid 2px #99c;
	width: 90%;
	padding: .8rem;
}
.contactTextarea {
	width: 14rem;
	height: 10rem;
}
.contactSubjectTd { min-width: 8rem }
.linkbutt {
	padding: .4rem 1rem;
	color: #fff;
	background-color: #669;
	border-radius: 2px;
	box-shadow: 3px 7px 7px -4px rgba(19,18,20,0.58);
}
.linkbutt span { display: none }
/* ----------------------------------------------- Footer ------- */
footer {
	display: -webkit-flex;
	-webkit-flex-direction: column;
	-webkit-justify-content: center;
	-webkit-align-items: center;
	
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 1rem;
	margin: 1.8rem auto 1rem;
}
footer ul {
	margin-top: 1.8rem;
	list-style: none;
}
footer li {
	display: inline;
	padding: .2rem 1rem;
	font-size: .9rem;
}
footer ul li:first-child, footer ul li:nth-child(2), footer ul li:nth-child(3) { border-right: 1px solid #669 }
footer ul li:nth-child(4) { padding: .2rem 0 .2rem 1rem }
.totop, .totop2, .totop:hover, .totop2:hover {
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 20px 34px 20px;
}
.totop, .totop:hover { border-width: 0 20px 34px 20px }
.totop2, .totop2:hover { border-width: 0 14px 24px 14px }
.totop, .totop2 { border-color: transparent transparent #669 transparent }
.totop:hover, .totop2:hover { border-color: transparent transparent #f63 transparent }
.stiftung { border-color: transparent transparent #006f3f transparent }
/* ----------------------------------------------- TABELLE: Preise, Adressen ------- */
table.preise {
	margin-top: 2rem;
	width: 100%;
	max-width: 42rem;
}
table.preise { border: 1px solid #99c }
table.preise td, table.preise th {
	color: #000;
	padding: 0.25rem 0.5rem;
	text-align: left;
}
table.preise th {
	background: #ccf;
	font-size: 1.1rem;
	font-weight: normal;
}
table.preise td {
	font-size: 1rem;
	border-bottom: 1px dotted #99c;
	vertical-align: bottom;
}
table.preise td:last-child { width: 5rem }
table.preise tr:last-child td, table.preise tr.ohne td { border: 0 }
table.offen { margin-top: 2rem }
table.offen td { padding-left: 9px; width: 11rem; }
table.offen th:first-child {
	background-color: #000;
	color: #fff;	
}
table.offen th:last-child { background-color: #8582C9; color: #fff }
table.offen td:last-child { background-color: #ccf }
table.offen td:first-child { border: 1px solid #000 }
table.offen td.gruppe {
	padding: .6rem 0 .2rem 3.2rem;
	background-color: #fff;
	font-weight: 600;
	border: none;
}
table.adress td, th {
	padding: 0.25rem 0.5rem;
	color: #000;
}
table.adress tr:nth-child(odd) { background-color: #f1f2f4 }
table.adress tr:nth-child(even) { background-color: #ccf }
table.adress th:first-child { padding-left: .5rem }
table.adress th:nth-child(4) { text-align: right }
table.adress th:last-child { padding-right: .5rem }
table.adress thead th {
	background: #99c;
	color: #fff;
}
table.adress tbody th { font-weight: normal }
table.adress td:nth-child(4) { text-align: right }
table.adress td:nth-child(5) { white-space: nowrap }
/*  ----------------------------------------------- Tabelle, Stiftung ------- */
table.tabelle-stiftung td, th {
	padding: 0.25rem 0.5rem;
}
table.tabelle-stiftung tr:nth-child(odd) { background: #fff }
table.tabelle-stiftung tr:nth-child(even) { background-color: #efefef }
table.tabelle-stiftung th:first-child { padding-left: .6rem }
table.tabelle-stiftung th:nth-child(4) { text-align: right }
table.tabelle-stiftung th:last-child { padding-right: .6rem; }
table.tabelle-stiftung thead th {
	background: #006f3f;
	color: #fff;
}
table.tabelle-stiftung tbody th { font-weight: normal }
table.tabelle-stiftung td { padding-bottom: .8rem }
table.tabelle-stiftung td:nth-child(4) { text-align: right }
table.tabelle-stiftung td:nth-child(5) { white-space: nowrap }
body.stiftung { 
	background: rgb(2,0,36);
	background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(254,213,0,1) 0%, rgba(69,144,52,0.9809057412027311) 100%); 
}
a.stiftung:hover, a.stiftung:active { color: #c00 }
/* ----------------------------------------------- TABELLE: Kalender ------- */
div.kalkopf {
	width: 279px;
	padding: 12px;
	box-sizing: border-box;
	background: #dfe1e2;
	border-radius: 4px;
}
.kalkopf div { position: relative }
.kalkopf h5 {
	font-size: 1rem;
	font-weight: 400;
	margin: 10px 0 0;
}
a.button, a.button2 {
	margin: 1px;
	padding: 4px;
	border: 1px solid #adadad;
	border-radius: 2px;
}
a.button2 {
	background-color: #ffcccc;
}
a.button:hover, a.button2:hover {
	margin: 0;
	color: #131314;
	background-color: #efefef;
	border-width: 2px;
    border-style: solid;
	border-top-color: #f4f4f4;
	border-right-color: #898989;
	border-bottom-color: #898989;
	border-left-color: #f4f4f4;
	text-decoration: none;
}
a.button2:hover {
	color: #fff;
	background-color: #c33;
}
table.kalender { margin-top: 10px }
.kalender td {
	width: 33px;
	background: #fff;
	font-size: 15px;
	border: 1px solid #ccc;
	line-height: 28px;
	text-align: center;
}
.kalender tr:first-child td {
	font-weight: 700;
	font-size: 13px;
}
.kalender td.selected, .kalender td.closed {
	color: #000;	
	border: 1px solid #ededed;
}
.kalender td.selected { background: #99c }
.kalender td.closed { background: #f96 }
.kalender td.feier { 
	background: #cff;
	color: #f00;
	font-weight: 700;
}
.kalender td.feier a { color: #f00 }
td.selected:hover, td.closed:hover { background: #f63 }
td.feier:hover { background: #f96 }
.selected a:hover, .closed a:hover {
	color: #000;
	text-decoration: none;
}
/* ================================================== BILD-Formate ======= */
img {
	max-width: 100%;
	height: auto;
	border: 1px solid #ccc;
	box-shadow: 3px 7px 7px -4px rgba(19,18,20,0.58);
}
.fokus img {
	 width: 100%;
	 max-width: 145px;
	 height: auto;
}
.fokus img.breit { max-width: 500px }
img.iw80 { width: 80px; height: auto; }
img.iw90 { width: 90px; height: auto; }
img.iw100 { width: 100px; height: auto; }
img.iw120 { width: 120px; height: 120px; }

img.links {
	float: left;
	margin: 0 1rem 1rem 0;
}
img.rechts {
	float: right;
	margin: 0 0 1rem 1rem;
}
section.bildlinks img {
	float: left;
	width: 90px;
	height: 90px;
	margin: 1.1rem;
}
.bildlinks figure img {
	width: 90%;
	height: auto;
}
img.pur, .logo, .logo a, .termine img.pur, .alle, .wappen, .fototipp, .kulturgut, .logo_stift, .sponsor img, .kulturpate img, .exlogos img, .pfeile img, .presse img, .ibox img, .vorschau a img, #slideshow img, #titelbild img {
	border: 0;
	box-shadow: none;
}
.ibox img.shadow {
	border: 1px solid #ccc;
	box-shadow: 3px 7px 7px -4px rgba(19,18,20,0.58);
}
.termine img.border { border: 1px solid #fff }
.th60-txt {
	width: 60px;
	height: 60px;
	float: left;
	margin: .5rem 1rem 0;
}
.logo, .logo a {
	width: 30px;
	height: 33px;
	position: absolute;
	left: 10px;
	top: 0;
}
.logo_fb {
	display: inline-block;
	height: 30px;
	width: 30px;
	background: url(../vektor/logo_fb.svg) no-repeat;
}
.logo_ig {
	display: inline-block;
	height: 30px;
	width: 30px;
	background: url(../vektor/logo_ig.svg) no-repeat;
}
.fototipp { width: 50px; height: 60px }
.wappen {
	width: 40px;
	height: 48px;
	padding-right: .6rem;
	margin-top: -.6rem;
}
.kulturgut {
	width: 180px;
	height: 65px;
	margin-top: 12px;
	padding-right: 1.4rem;
}
.logo_mv {
	width: 80px;
	height: 180px;
	margin: 1.4rem 1rem 0;
}
.logo_nw {
	width: 120px;
	height: 120px;
	margin: 0 1.2rem 0 0;
}
.logo_arch {
	width: 60px;
	height: 180px;
	margin: 1.6rem 1rem 0;
}
.logo_stift {
	width: 280px;
	height: 70px;
	margin: 0 2.4rem 1.2rem 2rem;
}
.sam_0a, .sam_0c { padding-right: 1.6rem }
.sam_0a {
	width: 100px;
	height: 108px;
	margin-top: 1.2rem;
}
.sam_0b {
	width: 140px;
	height: 113px;
	margin-top: 1rem;
}
.sam_0c {
	width: 102px;
	height: 140px;
	margin-top: .8rem;
}
.guetesg {
	width: 240px;
	height: auto;
	margin-top: 1rem;
}
.otti {
	width: 240px;
	height: 340px;
}
.sponsor img, {
	width: 170px;
	height: 60px;
	margin: 1rem .6rem;
}
.sponsor img.h70 { height: 70px }
.sponsor img.hoch { width: 100px; height: 112px }
.kulturpate img {
	width: 240px;
	height: 90px;
	margin: 1rem .2rem;
}
/* ----------------------------------------------- Foto-Galerien ------- */
.vorschau {
	max-width: 680px;
	margin-bottom: 1.6rem;
}
.w560 { max-width: 560px }
.w450 { max-width: 450px }
.vorschau img {
	width: 100px;
	height: 60px;
	margin: 1px;
}
.vorschau a img { border: solid 3px #fff }
.vorschau a:hover img { border: solid 3px #f63 }
.vorschau img.aktiv { border: solid 3px #99c }
.galerie h2 { font-size: 1.8rem }
.galerie figcaption {
	max-width: 660px;
	font-size: 1rem;
	margin-top: .8rem;
	margin-left: -2rem;
	margin-bottom: 2.4rem;
}
figcaption.w480 { max-width: 480px }
/* ----------------------------------------------- Lightbox-Bilder ------- */
.lb-thumb { list-style-type: none }
.i200 img { width: 200px; height: 100px; }
.i200h img { width: 200px; height: 140px; }
.i200h2 img { width: 200px; height: 133px; }
.i180 img { width: 180px; height: 160px; }
.i130 img { width: 130px; height: 80px; }
.i100 img { width: 100px; height: 150px; }
.i120x img { width: 120px; height: 120px; }
.i150x dt img { width: 150px; height: 150px; }

.lightbox li, .lightbox img, .bildnachweis li { top: 0; left: 0; z-index: 100; }
.lightbox li, .bildnachweis li {
	position: fixed;
	width: 100%;
	margin: 0;	
	overflow: hidden;
}
.lightbox li {
	background: rgba(0,0,0,.8);
	opacity: 0;
	transition: opacity .5s ease-in-out;
}
.bildnachweis li { background: transparent }
.lightbox li a span, .bildnachweis li a span {
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
	font-size: .9rem;
	color: #000;
	z-index: 100;
}
.lightbox li a span {
	padding: .8rem;
	background: rgba(241,243,244,.7);
}
.bildnachweis li {
	list-style-type: none;
	opacity: 0;
}
.bildnachweis li a span {
	opacity: 1;
	height: 42%;
	padding: 2rem 1rem;
	background: rgba(241,243,244,1);
	box-shadow: 0px -2px 10px 5px rgba(70,70,84,.69);
}
.bildnachweis li a span b { font-weight: normal }
.bildnachweis li:target { opacity: 1; top: 0; bottom: 0; }
a#bn-titel, a#bn-slider {
	font-size: .9rem;
	font-style: italic;
}
@media only screen and (min-width: 769px) { a#bn-titel { display: none } }
@media only screen and (max-width: 768px) { a#bn-slider { display: none } }

.lightbox img {
	margin: auto;
	position: absolute;
	bottom: 2rem;
	max-height: 0%;
	max-width: 0%;
	border: 9px solid #fff;
	box-shadow: 0 1px 8px #000;
	border-radius: 2px;
}
.lightbox img, a.lightbox-close { right: 0; transition: .5s ease-in-out; }
a.lightbox-close {
	display: block;
	width: 50px;
	height: 50px;
	position: absolute;
	top: 0;
	background: #f4f4f4;
	border-radius: 0 0 0 4px;
	text-decoration: none;
	z-index: 100;
}
a.lightbox-close:hover { background: #f96 }
a.lightbox-close::before, a.lightbox-close::after {
	content: "";
	display: block;
	height: 30px;
	width: 2px;
	background: #336;
	position: absolute;
	left: 26px;
	top: 10px;
}
a.lightbox-close::before {
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
}
a.lightbox-close::after {
	-webkit-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
.lightbox li:target { opacity: 1; top: 0; bottom: 0; }
.lightbox li:target img { max-width: 100%; max-height: 100%; }
/*  ----------------------------------------------- SlideShow ------- */
#slideshow, #slideshow figure {
	display: block;
	top: 0;
	left: 0;
	margin: 0;
	width: 100%;
}
#slideshow {
	position: relative;
	height: 26rem;
	overflow: hidden;
}
#slideshow figure {
	position: absolute;
	height: auto;
}
#slideshow img {
	width: 100%;
	height: auto;
}
#slideshow figcaption {
	position: absolute;
	top: 49px;
   	width: 100%;
	padding: 3px 0 0 6px;
 	font-size: 36px;
	font-weight: 400;
	color: #fff;
	opacity: 0.8;
	background: transparent;
	transition: opacity .5s;
}
#slideshow figcaption.violett { color: #656598 }
#slideshow figure { opacity: 0 }
#slideshow figure:nth-child(1) { animation: xfade 30s 24s infinite; }
#slideshow figure:nth-child(2) { animation: xfade 30s 18s infinite; }
#slideshow figure:nth-child(3) { animation: xfade 30s 12s infinite; }
#slideshow figure:nth-child(4) { animation: xfade 30s 6s infinite; }
#slideshow figure:nth-child(5) { animation: xfade 30s 0s infinite; }
@keyframes xfade {
   0% { opacity: 1 }
   20% { opacity: 1 }
   25% { opacity: 0 }
   95% { opacity: 0 }
   100% { opacity: 1 }
}
/* ----------------------------------------------- Maps: Hover-Grundrisse ------- */
#map-bau, #map-hp, #map-og, p.map-bau {
	position: relative;
	width: 640px;
	margin: 0 auto;
}
#map-bau {
	height: 330px;
	background: url(../pic/bau.png) no-repeat;
}
#map-hp, #map-og { height: 220px }
#map-hp, p.map-bau { padding-bottom: 1.2rem }
#map-hp { background: url(../pic/aus-hp.png) no-repeat }
#map-og { background: url(../pic/aus-og.png) no-repeat }
#map-bau li, #map-hp li, #map-og li {
	display: block;
	position: absolute;
	list-style: none;
}
#map-bau a, #map-hp a, #map-og a {
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	outline: none;
}
#bau1 { left: -25px; top: 47px; }
#bau2 {
	left: 482px;
	top: 38px;
	z-index: 10;
}
#bau3 { left: 425px; top: 179px; }
#bau4 {
	left: 425px;
	top: 39px;
	z-index: 30;
}
#bau1 a { width: 467px; height: 131px; }
#bau2 a { width: 122px; height: 228px; }
#bau3 a { width: 55px; height: 77px; }
#bau4 a { width: 106px; height: 85px; }
#bau1 a:hover { background: url(../pic/bau1.png) no-repeat; }
#bau2 a:hover { background: url(../pic/bau2.png) no-repeat; }
#bau3 a:hover { background: url(../pic/bau3.png) no-repeat; }
#bau4 a:hover { background: url(../pic/bau4.png) no-repeat; }
#abt1 { left: 23px; top: 96px; }
#abt2 { left: 21px; top: 73px; }
#abt3 { left: 151px; top: 21px; }
#abt4 { left: 298px; top: 104px; }
#abt5 { left: 472px; top: 14px; }
#abt6 { left: 469px; top: 29px; }
#abt7 { left: 298px; top: 127px; }
#cafe { left: 150px; top: 44px; }
#abt1 a { width: 124px; height: 77px; }
#abt2 a { width: 125px; height: 78px; }
#abt3 a { width: 172px; height: 78px; }
#abt4 a { width: 124px; height: 77px; }
#abt5 a { width: 126px; height: 99px; }
#abt6 a { width: 139px; height: 112px; }
#abt7 a { width: 125px; height: 77px; }
#cafe a { width: 172px; height: 77px; }
#abt1 a:hover { background: url(../pic/aus-hp1.png) no-repeat; }
#abt2 a:hover { background: url(../pic/aus-og1.png) no-repeat; }
#abt3 a:hover { background: url(../pic/aus-og2.png) no-repeat; }
#abt4 a:hover { background: url(../pic/aus-og3.png) no-repeat; }
#abt5 a:hover { background: url(../pic/aus-og4.png) no-repeat; }
#abt6 a:hover { background: url(../pic/aus-hp2.png) no-repeat; }
#abt7 a:hover { background: url(../pic/aus-hp3.png) no-repeat; }
#cafe a:hover { background: url(../pic/aus-hp4.png) no-repeat; }

/* ================================= Einbindung youtube-Videos ======================== */

.video:not(:target) .inhalt,
.video:not(:target) .hide,
.video:target .show {display: none;}
.video:target .inhalt {display: block;}
.inhalt {
	width: 800px;
	height: 450px;
	max-width: 100%;	
	padding: 20px 20px 1px;
	margin: 0px 0px 10px;
}
.show,
.hide {
	padding:10px;
	background: rgb(254, 164, 0);
	box-shadow:none!important;
	color:#fff;
	font-weight:bold;
}
.show:hover,
.hide:hover {
	background: rgb(255, 214, 118);
	color:#fff!important;
	transition:0.2s all ease-in-out!important;
}
/* ========================================================= */
.slider {
	width: 280px;
	max-width: 100%;
	height: 300px;
	margin: auto;
	position: relative;/*Damit das absolute der .sliderbox innerhalb unseres Sliders bleibt*/
}
.sliderbox {
	width: 100%;/*Nur ein Sliderfeld erscheint, obwohl die Liste 500% breit ist*/
	overflow: hidden;
	position: absolute;
}
.slider ul {
	width: 300%;/* 3 Sliderfelder, die vollständig nebeneinander angezeigt werden*/
	margin: 0;
	padding: 0;
	animation: slide 11s infinite alternate;
}
.slider ul:hover {/*Die Animation stoppt beim Mouseover*/
	animation-play-state: paused;
}
.slider li { 
	float: left;
	width: 26%;
	height: 300px;/*muss die Gesamthöhe des Sliders sein*/
	list-style-type: none;
}
.slider img {
	width: 100%;
	height: auto;
	max-width: 100%;
}
@keyframes slide {
  0% { margin-left:0%; }
 21% { margin-left:0%; }
 23% { margin-left:-90%; }
 43% { margin-left:-90%; }
 45% { margin-left:-180%; }
 65% { margin-left:-180%; }
 67% { margin-left:-270%; }
}
/* ================================================== Max-WIDTH 768px ======= */
@media only screen and (max-width: 768px) {
	main {	
		-webkit-flex: 1 100%;
		flex: 1 100%;
		margin-top: 0;
		border-radius: 0;
		padding: .4rem 1rem 3rem
	}
	main.mt0 { margin-top: -8px }
	article div.flex {
		-webkit-flex-direction: column;
		flex-direction: column;
	}
	article, aside { min-width: 100% }
	.mw56 { width: 100% }
	.tippbox { width: 88% }
	aside {	margin: 1rem 0 }
	.asidebox p, .ibox li, footer li { font-size: 1rem }
	aside.aside-datum { 
		min-width: 100%;
		margin: 1rem 0;
	}
	.mw56 { max-width: 100% }
	.marg08 { margin: .6rem }
	.aside-datum div.datum { clear: left }
	.rahmen { margin-top:.4rem }
	.aside-datum p { font-size: 1rem }
	dd { margin-left: .6rem }
	ol li { margin-left: 1rem }
	img.ml12, figure.ml12 { margin-left: 0 }
	footer li { line-height: 300% }
	article h1 { font-size: 1.8rem }
	.netzwerk dt { font-size: 1.2rem }
	.netzwerk dd, .schlicht li, .inlink li { margin-left: 0 }
	.asidebox, .galerie figcaption, figure { margin: 0 }
	.lb-thumb {
		display: -webkit-flex;
		-webkit-flex-flow: row wrap;
		display: flex;
		flex-flow: row wrap;
	}
	figure { margin-top: 1rem }
	.ord-1 { order: -1 }
	.ord1 { order: 1 }
	.ord2 { order: 2 }
	.logo_fb { height: 36px; width: 36px; }
	dt, dd {
		min-width: 92%;
		margin: 0;
	}
	dt { margin-top: 1.2rem }
	table.adress tr:first-child { border-top: 2px dashed #99f }
	table.adress tr {
		border-bottom: 2px solid #fff;
		padding: .5rem 2rem 1rem;
	}
	table.adress th:first-child { color: #336 }
	table.adress th::before {
		content: "Funktion: ";
		color: #336;
	}
	table.adress td:nth-child(2)::before { content: "Name: " }
	table.adress td:nth-child(3)::before { content: "Telefon: "	}
	table.adress td:nth-child(4)::before { content: "E-Mail: " }
	table.adress td:nth-child(5)::before { content: " " }
	table.adress tbody th {
		display: block;
		font-weight: 700;
	}
	table.adress td {
		display: inline-block;
		min-width: 30%;
		padding: .2rem 2rem;
	}	
	table.preise, table.preise th {	border-radius: 0 0 8px 0 }	
	table.preise th { padding-right: 1rem }
	table.preise td:first-child { width: 90% }	
	table.preise td:last-child { width: 10%; min-width: 3.2rem }
	#slideshow, table.adress thead, table.preise th:last-child { display:none }
	#titelbild {
		margin-top: -15px;
		width: 100%;
	}	
	.totop, .totop:hover {
    position: fixed;
	right: 10px;
	bottom: 20px;
	}
}
/* ----------------------------------------------- andere Screen-Breiten ------- */
@media only screen and (max-width: 360px) {
	.presse img { margin-left: 0 } 
	.flexehr {
		-webkit-flex-direction: column;
		flex-direction: column;
	}
	.sitemap ul li { color: #f63; margin-left: 0 }
}
@media only screen and (max-width: 950px) { 
	article div.flexton {
		-webkit-flex-direction: column;
		flex-direction: column;
	}
}
@media only screen and (max-width: 500px) {
	table.adress td { display: block }
	table.adress tr { padding: .5rem .5rem 1rem }
	table.adress th, table.adress td:nth-child(4) { text-align: left }
	article div.flex-mx500 {
		-webkit-flex-direction: column;
		flex-direction: column;
	}
	.ord-1a { order: -1 }
}
@media only screen and (max-width: 680px) {
	#map-bau, #map-hp, #map-og, .hide { display: none }
	ul.smart li { padding: .5rem 0 }
}
@media only screen and (min-width: 681px) { #map-ersatz1, #map-ersatz2, #bau-ersatz, .smart { display: none } }
@media only screen and (min-width: 769px) { #titelbild, .nixlogo { display: none } }