/* HTML */

:root {
    --olive: #bcc482;
    --green: #bdc484;
    --darkgreen: #5c5f30;
    --orange: #ffa970;
    --darkorange: #DC582A;
    --brown: #bb6e4d;
    --darkbrown: #623412;
    --yellow: #fcffce;
    --darkyellow: #F0E2B6;
    --aubergine: #693C5E;
    --darkaubergine: #4F2D47;
    --white: #fff;
    --darkwhite: #fdffde;
    --black: #000;
}

/*
.accordion, .accordion-item { background-color: var(--olive) !important; }
.accordion-button:not(.collapsed) { color: var(--aubergine); background-color: var(--darkgreen) !important; }
*/

body { font-family: Verdana, Arial, Helvetica, sans-serif; padding-top: 0px; background-color: var(--white); font-size: 1em; color: var(--darkbrown); }
.pagesitemap {
  -webkit-border-radius: 0 !important;
     -moz-border-radius: 0 !important;
          border-radius: 0 !important;
}

a:not(.btn), a:visited:not(.btn), a:link:not(.btn) { color: var(--aubergine); text-decoration: none; }
a:not(.btn):focus, a:not(.btn):hover { color: var(--darkgreen); text-decoration: underline; }
.content a:not(.btn):not(.text-danger), .content a:hover:not(.text-danger) { text-decoration: none; }

a.btn-secondary, button.btn-secondary { background-color: var(--aubergine); border-color: var(--aubergine); }
a.btn-secondary:hover, button.btn-secondary:hover { background-color: var(--darkaubergine); border-color: var(--darkaubergine); }


hr { clear: both;/* border-color: #dcdcdc;*/ margin-top: 25px; margin-bottom: 25px; }

h1, .h1 { font-size: 2em; margin-top: 0px; color: var(--darkbrown); border-bottom: 1px solid var(--aubergine); padding-bottom: 25px; margin-bottom: 25px; }
h2, .h2 { font-size: 1.8em; color: var(--darkbrown); }
h3, .h3 { font-size: 1.5em; color: var(--aubergine); padding-top: 25px; }
h4, .h4 { font-size: 1.4em; }
h5, .h5 { font-size: 1.2em; }
h6, .h6 { font-size: 1em; }

/* section */
section { width: 100%; position: relative; float: left; }
section#footer { background-color: var(--olive); }

/* div layer as table */
.grid { margin: 0 -5px 1% -5px; }
.asTable { display: table; border-spacing: 5px 0; border-collapse: separate; table-layout: fixed; width: 100%; }
.asTable > div { display: table-cell; float: none !Important; vertical-align: top; }

/* Impressum-Navigation */
#top { height: 80px; /*background-color: var(--green);*/ margin-bottom: 5px; }
/* Logo */
div.logo { float: left; height: 50px; padding-top: 15px;}
div.logo img { height: 50px; }
div.logotext { float: left; height: 40px; margin-left: 25px; padding: 25px 0 0 15px; color: var(--aubergine); line-height: 100%; font-weight: 600; }

nav.impmenu { float: right; }
nav.impmenu a { text-decoration: none; color: var(--aubergine); font-weight: 600; }
nav.impmenu ul, nav.impmenu ul li { padding: 0; margin: 0px; list-style-type: none; }
nav.impmenu > ul { margin-bottom: 0 !important; /*height: 75px;*/ }
nav.impmenu > ul > li { float: left; position: relative; text-align: center; }
nav.impmenu > ul > li a { color: var(--aubergine); font-size: 85%; white-space: nowrap; display: block; line-height: 30px; padding: 0 10px 0 10px; }
nav.impmenu > ul > li:hover > a,nav.impmenu > ul > li.activ > a { color: var(--darkgreen) !important; text-decoration: none !important; }
nav.impmenu > ul > li > a { line-height: 75px; }
nav.impmenu > ul > li > a > i { font-size: 200%; color: var(--aubergine); }
nav.impmenu > ul > li > a > i + span { display: none; }

.flags { float: left; padding: 6px 0 0 6px; }
.flags .img-thumbnail { padding: 7px 10px 8px 10px; -webkit-filter: grayscale(100%); filter: grayscale(100%);  }
.flags .img-thumbnail.de1, .flags .img-thumbnail.en2, .flags .img-thumbnail.pl5, .flags .img-thumbnail.ru10, .flags .img-thumbnail:hover { -webkit-filter: grayscale(0%); filter: grayscale(0%); }

.waldbrand { float: right; padding: 5px 5px 0 10px; }

/* MobileMenuDiv */
#mobileMenu { display: none;}

/* Header */
#header { height: 50px; background-color: var(--orange); margin-bottom: 5px; }
header { }
header .header-middle { height: 200px; width: 100%; background-color: #f3f3f3; margin: 15px 0 0 0; }

/* Search */
section.search { padding: 0 0 25px 0; }
section.search > .container { text-align: center;}

/* Bilder + Panel */
section.bilder { background-color: var(--green); }
.bilder > .container { display: table;  background-color: var(--green); }
.bilder > .container > div { display: table-cell; vertical-align: top; background-color: var(--white); }
.bilder > .container > .ticker { position: relative; width: 60%; z-index: 1; padding-left: 5px;background-color: var(--white); }
.bilder > .container > .ticker #myTicker .carousel-item { height: 400px; }
.bilder > .container > .ticker #myTicker .carousel-item .carousel-caption { /*background-color: #fff; opacity: 0.25;*/ color: #000; }
.bilder > .container > .ticker #myTicker .carousel-item > img:not(.center) { opacity: 0.5; }
.bilder > .container > .ticker #myTicker .carousel-indicators [data-bs-target] { background-color: var(--darkwhite); }
.bilder > .container > .ticker #myTicker .carousel-item .carousel-caption .btn-secondary { color: #fff; }
.bilder > .container > .ticker #myTicker .carousel-item img.center { position:absolute; left: 50%; top: 50%; transform:translate(-50%,-50%); }
.bilder > .container > .ticker #myTicker .carousel-item img.center.h { height: 75%; }
.bilder > .container > .ticker #myTicker .carousel-item img.center.w { width: 80%; }

.bilder > .container > .board { position: relative; background-color: var(--white); /*left: -10px; */padding-right: 5px; }
.bilder > .container > .board > div { float: left; box-sizing: border-box; width: calc(100% - 5px); height: 95px; background-color: var(--green); text-align: center; margin: 5px 0 0 5px; }
.bilder > .container > .board > div:nth-of-type(1)/*, .bilder > .container > .board > div:nth-of-type(2)*/ { height: 100px; margin: 0 0 0 5px; }
.bilder > .container > .board > div:hover { background-color: var(--darkgreen); }
.bilder > .container > .board > div > a { display: block; height: 100%; color: var(--aubergine); /*line-height: 98px;*/ }
.bilder > .container > .board > div:hover > a { color: var(--white); }
.bilder > .container > .board > div > a > i { float: left; width: 100%; padding-top: 30px; }
.bilder > .container > .board > div > a > span { float: left; width: 100%; }

/* First-Navigation */
#top .container { position: relative; }
header .menu { /*margin-top: 10px;*/ height: auto; padding-bottom: 15px; }
header .menu a { text-decoration: none; }
header .menu ul, header .menu ul li { padding: 0; margin: 0px; list-style-type: none; }
header .menu > ul { /*position: relative;*/ width: 100%; float: left; display: table; margin: 0 !important; }
header .menu > ul > li { /*position: relative; display: table-cell; text-align: center;*/ float: left; padding: 0 0 0 15px; }
header .menu > ul > li:first-of-type { padding: 0 0 0 0px; }

header .menu > ul > li > a { /*position: relative;*/ color: /*var(--orange)*/#fff !important; display: block; line-height: 50px; white-space: nowrap; }
header .menu > ul > li:hover > a, header .menu > ul > li.activ > a { color: var(--aubergine) !important; text-decoration: none !important; /*border-bottom: 3px solid var(--aubergine);*/ }

header .menu > ul ul { display:none; text-transform: none; }
header .menu > ul > li:hover > ul { position: absolute; display: block; width: 250px; z-index: 100;
									padding: 15px 0 15px 0; border-bottom: 2px solid #fff; background-color: var(--darkwhite); }

header .menu > ul > li ul > li { position: relative; width: 100%; text-align: left; border: 0px; padding-bottom: 5px; }

header .menu > ul > li ul > li:hover > a { text-decoration: underline !important;/*background-color: #fff;*/ }
header .menu > ul > li ul > li > a { color: #FFF; display: block; padding: 3px 15px 3px 10px; font-size: 90%; }
header .menu > ul > li ul > li:hover a { color: var(--orange); }
header .menu > ul > li > ul > li:hover > a { text-decoration: none; }

header .menu > ul > li:hover > ul > li:hover > ul { position: absolute; display: none; width: auto; /*width: 100%; height: 200px;*/ z-index: 101; top: -1px; left: 100%;
									padding: 3px 2px 3px 0px; background-color: #fff; }
header .menu > ul > li.p6:hover > ul > li:hover > ul { left: -100%; }


/*
header .menu > ul ul { display: none; }
header .menu > ul > li:hover ul { display: block; position: absolute; z-index: 200; margin: 0 !important; padding: 17px 0 0 0; width: 250px; }
header .menu > ul > li ul > li { list-style-type: none; position: relative; background-color: #e2edf9; border: 1px solid #fff; border-width: 0 1px 1px 1px; }
header .menu > ul > li ul > li.activ, header .menu > ul > li ul > li:hover { background-color: #d1dddb; }
header .menu > ul > li ul > li > a { display: block; color: #333 !important; font-size: 90%; padding: 10px 15px 10px 15px; }
*/



/* PageSitemap */
.pagesitemap { position: relative; height: 200px; width: calc(33.33333333% - 15px); margin-left: 15px; margin-bottom: 15px; }
.pagesitemap .card-body { position: relative; text-align: center; vertical-align: middle; display: table; height: 100%; width: 100%; }
.pagesitemap .card-body .card-title { padding: 15px; font-weight: 500; width: 100%; height: 100%; display: table-cell; vertical-align: middle; }
.pagesitemap .card-body .card-text { position: absolute; top: 0px; display: none; }
.pagesitemap a { height: 100%; /*text-align: left;*/ text-decoration: none !important; background-color: #f2f2f2; }
.pagesitemap a:hover { background-color: #fff; }

/* Schnelleinstieg */
section.fast { background-color: var(--darkwhite); padding-bottom: 50px; margin-top: 50px; }

/* Veranstaltung */
section.veranstaltungen { background-color: #dcdcdc; padding-bottom: 50px; margin-top: 50px; }

/* Suche */
section.search { padding-bottom: 25px; }

/* Content */
section.inhalt { margin-bottom: 50px; }
#content { display: table; margin-top: 0px; margin-bottom: 50px; width: 100%; z-index: 2; position: relative; }
#content > div { display: table-cell; vertical-align: top; }
#content > div.content { padding: 15px 0 15px 30px; }
#content > div.content.start { padding: 15px 0 15px 0; }
#content > div.content ul { padding: 15px; margin-left: 15px; }
#content > div.content ul li { padding-bottom: 15px; }
#content > div.content p { padding-top: 15px; }
#content > div.content h1 + ul, #content > div.content h1 + h3, #content > div.content h1 + p, #content > div.content p + h3 { padding-top: 0px; }

#content .leftContent { width: 25%; font-size: 90%; padding: 15px 0; }
#content .submenu { }
#content .submenu ul, #content .submenu ul li { padding: 0; margin: 0px; list-style-type: none; }
#content .submenu > ul > li { text-align: left; padding: 0; }
#content .submenu > ul > li:first-child { padding-top: 5px; }
#content .submenu > ul > li:last-child { padding-bottom: 5px; }
#content .submenu > ul > li > a { color: var(--aubergine); display: block; padding: 7px 10px 7px 10px; line-height: 100%; }
#content .submenu.sub216 > ul > li > a { color: #000; }
#content .submenu > ul > li:hover {}
#content .submenu > ul > li.activ > a, #content .submenu > ul > li:hover > a { color: var(--darkaubergine); }
#content .submenu > ul > li.activ > a { font-weight: bold; }
#content .submenu > ul > li  ul { padding: 5px 0px 5px 0px; background-color: #fff; width: calc(100% - 2px); margin-left: 1px; }

#content .submenu > ul > li  ul > li { }
#content .submenu > ul > li  ul > li a { color: var(--orange); display: block; padding: 5px 10px 5px 20px; }
#content .submenu > ul > li  ul > li.activ > a, #content .submenu > ul > li ul > li:hover > a  { color: #000; }
#content .submenu > ul > li  ul > li.activ, #content .submenu > ul > li ul > li:hover { background-color: #f2f2f2; }
#content .submenu > ul > li  ul > li > ul > li > a { padding-left: 25px; }

#content .leftContent .images { float: left; padding: 10px 0 0 0px; clear: both; }
#content .leftContent .images img { width: 100%; border: 1px solid var(--aubergine); padding: 15px; background-color: #fff; }

#content .tools { float: left; padding: 10px 0 0 0px; clear: both; }
#content .tools a { float:left; color: #aaa; border: 1px solid #aaa; padding: 5px; }
#content .tools a:not(:nth-child(1)) {  margin-left: 5px; }
#content .tools a:hover { color: #000; border-color: #000; }
#content .tools a.go:hover { color: #db4437; border-color: #db4437; }
#content .tools a.fb:hover { color: #3a5795; border-color: #3a5795; }
#content .tools a.tw:hover { color: #55acee; border-color: #55acee; }
#content .tools a span { display: none; }

#content .rightContent { width: 22%; padding: 15px 0 0 30px; }
#content .info { }
#content .info > div { margin: 0; width: 100%; }
#content .info > div:not(.text):not(.card) { min-height: 100px; }
#content .info > div.text { padding: 10px; font-size: 90%; }
#content .info > div.picture { background-color: transparent; text-align: center; }
#content .info > div.picture > a > img { max-width: 100%; padding: 0px; margin-top: 15px; background-color: #fff; }
#content .info > div.picture > a { margin-top: 15px; }
#content .info > div.picture:first-child { margin-top: 0px; }

#content .info > .card { background-color: #fdf7e2; font-size: 85%; border-radius: 0px; border-color: #f1e6bd; }
#content .info > .card:not(:first-child) { margin-top: -1px; }
#content .info > .card > div.card-header { background-color: #fbf3d5; color: #525960; font-weight: 600; border-color: #f1e6bd; }
#content .info > .card > div.card-body { color: #525960; }

/* Startseite */
.startseite h3, .startseite h5 { margin-top: 0; padding-top: 0; }
.startseite h3 > a { text-decoration: none !important; }
.startseite h3 > a { text-decoration: none !important; }
.startseite.row, .startseite .row { margin: 0 !important }
.startseite .liste { position: relative; /*background-color: #fff;*/ width: calc(50% - 15px); margin-left: 15px; margin-bottom: 0 !important }
.startseite .liste:nth-of-type(1), .startseite .liste:nth-of-type(3) { /*width: calc(50% - 12px);*/ margin-left: 0; }
.startseite .liste:nth-of-type(1), .startseite .liste:nth-of-type(2) { margin-bottom: 15px !important; }
.startseite .liste.weitereseite { border-width: 0px !important; background-color: #f2f2f2; }

.startseite .liste img { width: 90%; border: 1px solid #eee !important; padding: 3px; }
.startseite .row.newsandinfo > div > h3 { /*background-color: #4f6f1c; color: #fff; text-align: center; */padding: 15px 0 15px 0 !important; font-weight: 400; }
.startseite .row.newsandinfo div.weitere a { display: block; /*margin-bottom: 15px;*/ }

div.schnelleinstieg { width: 100%; text-align: center; }
div.schnelleinstieg > h3 { font-size: 200%; font-weight: 500; }
div.schnelleinstieg > hr { border-top: 2px solid #666; }
div.schnelleinstieg > ul { float: left; margin: 0; padding: 0 !important; width: 100%; }
div.schnelleinstieg > ul > li { list-style-type: none;  margin: 0; padding: 0; float: left; width: 14.285714285714%; text-align: center; }
div.schnelleinstieg > ul > li > a:first-of-type { display: inline-block; width: 100px; height: 100px; border: 2px solid var(--green); border-radius: 100px; }
div.schnelleinstieg > ul > li > a:first-of-type i { font-size: 300%; color: var(--green); }
div.schnelleinstieg > ul > li  > a:first-of-type > i { margin-top: 30px; }
div.schnelleinstieg > ul > li > a:not(:first-of-type) { display: block; padding-top: 15px; color: var(--green); text-decoration: none; }
div.schnelleinstieg > ul > li:hover > a:first-of-type { border: 2px solid var(--darkgreen); }
div.schnelleinstieg > ul > li:hover > a:first-of-type i, div.schnelleinstieg > ul > li:hover > a { color: var(--darkgreen); }

h3.headline { font-size: 175%; font-weight: 500; text-align: center; padding: 50px 0 50px 0; color: var(--aubergine); text-transform: uppercase; }

/* Print Content */
#printContent { float: left; width: 100%; padding: 10px 0 10px 0; border-bottom: 0px solid #dcdcdc; margin-bottom: 25px; }

/* Whereiam */
.whereiam { padding: 10px 0 15px 15px; color: #f6a970; font-size: 80%;}
.whereiam a, .whereiam .fas { color: #f6a970 !important; }
.fas.fa-angle-double-right { padding-left: 5px; padding-right: 5px; }
.whereiam a:hover { color: #000 !important; }
//.whereiam a:before { content: " » "; }
//.whereiam a.pg1:before { content: ''; }

/* Footer */
footer { float:left; padding: 15px 15px 15px 15px; width: 100%; background-color: var(--olive); color: var(--darkgreen); }
footer h3 { font-size: 115%; color: var(--darkgreen); }
footer a { display:block; text-decoration: none; }
footer a:hover, footer a.activ { text-decoration: underline;}
footer ul, footer ul li { padding: 0; margin: 0px; list-style-type: none; }

/* Listen */
.liste { float: left; padding: 15px; width: 100%; margin-bottom: 15px; border: 1px solid #dcdcdc; }
.listeContent { padding-top: 0px; padding-left: 0px; /*background-color: #fff;*/ border: 0px solid #dcdcdc; }
//.liste a.detail:after { content: " »"; }
.liste .noPad { padding: 0 !important; }
.liste table { width: 100%; }
.liste h1:first-child, .liste h2:first-child, .liste h3:first-child { margin-top: 0px; padding-top: 0; }
.folding:not(.open) > div { display:none; }
.folding > h4 { font-weight: bold; }
.folding .folding { background-color: #fff; }

.media .media-body { width: auto; }

form > .form-group.nosh { display: none; }

/* Bilder */
div.image { position: relative; }
div.image img { width: 100%; height: auto; box-shadow: 0 6px 12px rgba(0,0,0,0.175);  }
div.image .img-text { position: absolute; padding: 5px 30px 5px 10px; bottom: 0px; left: 0px; z-index: 100; background-color: #fff; filter:alpha(opacity=80); -moz-opacity: 0.80; opacity: 0.80; }

h1 a.gallery { float: right; padding: 5px; border: 1px solid #dcdcdc; }

/* leichte Sprache */
.leichte-sprache { line-height: 175%; }
.leichte-sprache img { float: right; clear: both;  margin: 0 0 15px 15px; height: 100px; }

/* Sonstiges */
.pad { padding: 15px; }
.noPad { padding: 0; }
.noPadTop { padding-top: 0; }
.noPadBottom { padding-bottom: 0; }
.border-top { border-top: 1px solid #dcdcdc; }
.border { border: 1px solid #dcdcdc; }
.noBorder, table.noBorder td { border-width: 0 0 0 0 !important; }
.bold { font-weight: bold; }
.bg-liste { background-color: #f2f2f2 !important; }
.bg-white { background-color: #fff !important; }

.mNo { margin: 0px !important; }
.mTop { margin-top: 15px !important; }
.mBottom { margin-bottom: 15px !important; }
.mLeft { margin-left: 15px !important; }
.mLeft-1 { margin-left: 1%; }
.mBottom-1 { margin-bottom: 1%; }
.mTop-1 { margin-top: 1%; }
.mRight-1 { margin-right: 1%; }
.pNo { padding: 0px !important; }
.pNoLeft { padding-left: 0px !important; }
.pNoTop { padding-top: 0px !important; }
.pNoBottom { padding-bottom: 0px !important; }
.pNoRight { padding-right: 0px !important; }
.pAll { padding: 15px !important; }
.pLeft { padding-left: 15px !important; }
.pTop { padding-top: 15px !important; }
.pBottom { padding-bottom: 15px !important; }
.pRight { padding-right: 15px !important; }

/* Pagination */
ul.pagination { float: right; }
ul.pagination > li.active a { background-color: #97A6A6 !important; border-color: #97A6A6 !important; }
ul.pagination > li:not(.active) > a { color: #000 !important; }

/* Galerie */
a.gallery { text-decoration: none !important; }
.gallery .pic { float: left; margin: 0 10px 10px 0; }

/* alert */
.alert { border-radius: 0px; }

/* Waldbrandwarnstufen */
table.waldbrand { float: left; width: 100%; border-collapse: collapse; border-spacing: 0px; border: 1px solid #dcdcdc; font-size: 95%; }
table.waldbrand th { text-align: center; padding: 5px 0 5px 0; background-color: #dcdcdc; }
table.waldbrand td { text-align: left; padding: 5px; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; }
table.waldbrand td.center { text-align: center; }

table.waldbrand td { padding: 8px 5px 8px 5px; }
.stufe { border: 1px solid #333; border-radius: 18px; padding: 2px 5px 2px 5px; }
.stufe1 { background-color: #7fbc3c; border: 1px solid #dcdcdc; }
.stufe2 { background-color: #bee254; border: 1px solid #dcdcdc; }
.stufe3 { background-color: #f3d438; border: 1px solid #dcdcdc; }
.stufe4 { background-color: #f09c44; border: 1px solid #dcdcdc; }
.stufe5 { background-color: #b3003c; border: 1px solid #dcdcdc; }

/* Captcha */
span input#secPass { float: left; margin-right: 5px; }
span img#captcha { float: left; }

#myBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: #17a2b8; /* Set a background color */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 5px 15px 5px 15px; /* Some padding */
  border-radius: 10px; /* Rounded corners */
  font-size: 18px; /* Increase font size */
  opacity: 0.5;
}

#myBtn:hover {
  opacity: 1.0;
}

.hpot { display: none; }

/* Mobile */
/*
@media only screen and (min-width:1200px) {
	.container { width: 90% !important; }
}*/

/* Breite unter 1199 */
@media screen and (max-width: 1199px) {
	.container { padding: 0 1% 0 1% !important; }
	.bilder > .container > .ticker #myTicker .carousel-item { height: 300px; }
	.bilder > .container > .board > div { height: 70px; }
	.bilder > .container > .board > div:nth-of-type(1), .bilder > .container > .board > div:nth-of-type(2) { height: 75px; }
	.bilder > .container > .board > div > a > i { padding-top: 20px; font-size: 125%; }
	.bilder > .container > .board > div > a > span { font-size: 90%; }

	header .menu a { font-size: 80%; }

}

/* Breite unter 1030px */
@media screen and (max-width: 1030px) {
	.container { width: 100%; padding: 0 10px 0 10px !important; max-width: 100%; }
	section.bilder > .container { padding: 0 5px 0 5px !important; }

	body { padding-top: 25px; }
	#mobileMenu { display: block; position: absolute; top: -10px; right: 0; width: 50px; height: 50px; z-index: 100000; }
	a.mmenu { display: block; padding: 0 5px 0 5px; position: absolute; top: 10px; right: 15px; font-size: 200%; color: #dcdcdc; }
	.mm-menu_opened ~ .header { margin-top: -30px; }
	.list-group-item.mm-listitem { background-color: transparent;}
	header > .menu { top: 0px; display: none !important; }
    .impmenu { display: none; }
    div.logotext { }

	//section { width: calc(100% - 50px); }
	#top { height: 100px; }

	div.logo img { height: 50px; margin: 0px 0 0 10px; }

	nav.impmenu { margin-right: 50px; }
	nav.impmenu > ul > li a { font-size: 85%; padding: 0 5px 0 5px; }


	.startseite .liste { width: calc(50% - 11px);  margin-left: 15px; }
	.startseite .liste:nth-of-type(1), .startseite .liste:nth-of-type(3), .startseite .liste:nth-of-type(5), .startseite .liste:nth-of-type(7) { width: calc(50% - 12px); margin-left: 0; }

	.startseite .col-sm-9, .startseite .col-sm-3 { width: 100%; }
	.startseite .weitereseite { margin-top: 15px; }

	.pagesitemap { height: 200px; width: calc(50% - 15px); }


	/*.startseite div.schnelleinstieg > ul > li > a:first-of-type { width: 50px; height: 50px; border-radius: 50px; }
	.startseite div.schnelleinstieg > ul > li > a:first-of-type i { font-size: 200%; }
	.startseite div.schnelleinstieg > ul > li > a:first-of-type > i { margin-top: 10px; }
	.startseite .row.newsandinfo > div { display: block; width: 50%; padding-bottom: 25px; }
	.startseite .row.newsandinfo > div:nth-of-type(3) { clear: left; }*/


}

/* Breite unter 768px */
@media screen and (max-width: 768px) {

    body { padding-top: 5px; }
    #top { height: 80px; }
	nav.impmenu { display: none; float: left; margin-right: 0; width: 85%; }
	nav.impmenu > ul { float: left; }
	nav.impmenu > ul > li { width: auto; }
	nav.impmenu > ul > li > a {	line-height: 100%; }
    
    div.logotext { float: right; width: 80%; padding: 20px 0 0 0; font-size: 85%; margin-left: auto; height: auto; }

	section.bilder { background-color: #fff; }
	.bilder > .container { display: block; background-color: #fff; }
	.bilder > .container > div { display: block; }
	.bilder > .container > .ticker { width: 100%; padding-right: 5px; }
	.bilder > .container > .ticker #myTicker .carousel-item { height: 200px; }
	.bilder > .container > .board { /*display: none;*/ padding-top: 15px; }
	.bilder > .container > .board > div { float: left; box-sizing: border-box; width: calc(50% - 5px); height: 75px; background-color: #f2f2f2; text-align: center; margin: 0 5px 5px 5px; }
	.bilder > .container > .board > div:nth-of-type(1), .bilder > .container > .board > div:nth-of-type(2) { height: 75px; margin: 0 5px 5px 5px; }
	.bilder > .container > .board > div:nth-of-type(2), .bilder > .container > .board > div:nth-of-type(4),
	.bilder > .container > .board > div:nth-of-type(6), .bilder > .container > .board > div:nth-of-type(8) { margin: 0 0 5px 0; }

	.bilder > .container > .ticker #myTicker .carousel-item .carousel-caption { font-size: 90%; }
	.bilder > .container > .ticker #myTicker .carousel-item .carousel-caption h3 { font-size: 125%; }

	section.projekte .project { width: calc(50% - 6px); margin: 0 5px 5px 0;  }
	section.projekte .project:nth-of-type(4), section.projekte .project:nth-of-type(8) { margin: 0 5px 5px 0; }
	section.projekte .project:nth-of-type(2), section.projekte .project:nth-of-type(4),
	section.projekte .project:nth-of-type(6), section.projekte .project:nth-of-type(8) { margin: 0 0 5px 0; }

	h3.headline { padding: 25px 0 25px 0; font-size: 125%; }

	div.schnelleinstieg > ul > li { width: 50%; height: 200px; }

	.startseite .liste { margin-left: 0px; }

	#content .leftContent { display: none; }
	#content > div { display: block; }
	#content > div.content { padding: 15px 0 15px 0px; }
	#content .rightContent { float: left; width: 100%; padding-left: 0; }

	#content .info > div.picture > a > img { float: left; width: 25%; max-width: 25%; }
	.listeContent { padding-right: 0px; }
	/*
	header .header-middle { display: none; }

	#content { display: block; margin-bottom: 0; padding: 10px 5px 0px 5px; }
	#content > div.content { width: 100%; padding: 0 10px 0 10px !important; }
	#content div:not(.media-left, .media-right) { display: block; }
	#content .leftContent, #content .rightContent { display: none; }
	header .menu > ul { text-transform: none; }
	header .menu > ul > li:hover > ul > li:hover > ul { display: block; }
	#whereiam { display: none; }*/
	footer { position: static; padding-top: 0; }
	footer > div > div.col-xs-4 { display: block; width: 100%; margin-top: 25px; }
	footer > div > div.col-xs-4 > h3 { font-size: 16px; padding: 0; }

	/* Startseite */
	.startseite .row.newsandinfo > div { width: 100%; margin-bottom: 15px !important; }
	.startseite div.schnelleinstieg > ul > li > a:last-of-type { display: none; }

}

/* Breite unter 640px */
@media screen and (max-width: 640px) {

	.bilder > .container > .ticker #myTicker .carousel-item .carousel-caption { font-size: 80%; }
	.bilder > .container > .ticker #myTicker .carousel-item .carousel-caption h3 { font-size: 100%; }

	section.projekte .project .project-body-text { font-size: 80%; }
	section.projekte .container { padding: 0 15px 0 15px !important; }

	.content .pull-right.picture { display: none; }
}

/* Breite unter 480px */
@media screen and (max-width: 480px) {
}