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

* {
  margin:0px;
  padding:0px;
}

body {
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  font-size:16px;
  line-height:140%;
  color:#656565;
  letter-spacing:0.3px;
  background-color:#f4ece3;
}

h1 {
  position:absolute;
  top:0px;
  left:-9999px;
}

h2 {
  font-size:24px;
  line-height:145%;
  margin-bottom:30px;
  text-transform:uppercase;
}

#sidebar-right h2 {
  font-size: 14px;
  margin-bottom: 20px;
  color: #c33039;
}

h3 {
  font-size: 14px;
  margin-bottom: 15px;
  color: #c33039;
}

p {  margin-bottom:10px; }
a { color: #c33039; }
/*------------------------------
------------- Header -----------
--------------------------------*/
div#header-wrap {
  background-color: #fff;
}

div#header {
  width: 1200px;
  margin: 0px auto;
}

div#header-bg {
  width: 100%;
  margin: 0px auto;
  overflow:hidden;
}

div#logo {
  height: 100px;
  position:relative;
}

div#logo p {
  padding: 5px 0px 0px 0px;
  width: auto;
  float: left;
  margin-bottom: 0px;
}

div#logo p img {
  width: 200px;
  height: auto;
  display:block;
}

div#logo p.wappen {
  position:absolute;
  top:20px;
  right:35px;
}

div#logo p.wappen img {
  width: auto;
  height: 60px;
}

div#top-menu {
  width: 85%;
  text-align: right;
  margin-bottom: 0px;
  float: none;
  padding: 63px 0px 15px 0px;
  font-size: 12px;
}

div#top-menu a {
  color: #656565;
  text-decoration: none;
  margin-right:18px;
}
div#top-menu a:last-child {
	margin-right:0;
}
div#top-menu a:hover {
  color: #c33039;
}

div#header-bg {
  height: 250px;
}

div#header-bg {
  height: 250px;
}

div#header-bg img {
  min-width:100%;
  min-height:250px;
}

/*---------------------------------
------------- Container -----------
-----------------------------------*/
div#container {
  width: 1200px;
  margin: 0px auto;
  position: relative;
  background-color: #fff;
}


/*---------------------------------
-------------- Navi Icons ---------------
-----------------------------------*/
div#icons {
  position: absolute;
  top: -50px;
  left: -50px;
}
div#icons p {
  margin-bottom: 0px;
  height: 50px;
  width: 50px;
}

div#icons p a img {
  width: 50px;
  height: auto;
}

/*-------------- Navi Farben ---------------*/
.navi-rot ul#hauptnavi {
  background-color: rgba(195, 48, 57, 0.8);
}

.navi-gelb ul#hauptnavi {
  background-color: rgba(239, 174, 22, 0.8);
}

.navi-blau ul#hauptnavi {
  background-color: rgba(65, 94, 162, 0.8);
}

.navi-grau ul#hauptnavi {
  background-color: rgba(198, 198, 198, 0.8);
}

.navi-gruen ul#hauptnavi {
  background-color: rgba(180, 217, 184, 0.8);
}

.navi-lila ul#hauptnavi {
  background-color: rgba(103, 0, 131, 0.8);
}


/*-------------- Navi ---------------*/
ul#hauptnavi {
  position: absolute;
  top: -50px;
  left: 0px;
  width: 1200px;
  list-style: none;
  height: 50px;  
}

ul#hauptnavi li {
  float: left;
  position:relative;
}

ul#hauptnavi li a {
  padding: 13px 15px 15px;
  display: block;
  float: left;
  width:auto;
  color: #fff;
  text-decoration: none;
  font-weight: 300;
  transition:background-color 0.3s ease 0s;
}

ul#hauptnavi li a:hover {
  background-color: rgba(0, 0, 0, 0.3);
  transition:all 0.3s ease 0s;
}

ul#hauptnavi li a.active {
  background-color: rgba(0, 0, 0, 0.3);
}

ul#ebeneZwei {
  position:absolute;
  top:50px;
  left:0px;
  width:230px;
  background-color:#f4ece3;
  list-style:none;
  display:none;
  z-index:1000;
}

ul#ebeneZwei li {
  float:none;
}

ul#ebeneZwei li a {
  float:none;
  color:#656565;
}

ul#ebeneZwei li.unterpunkte a::after {
  content:" ➤";
  position:relative;
  top:3px;
  left:15px;
  font-size:22px;
}

ul#ebeneZwei li a:hover {
  background-color:#e8dccf;
}

ul#ebeneZwei li a.active {
  background-color:#e8dccf;
}

ul#ebeneDrei {
  position:absolute;
  top:0px;
  left:230px;
  min-width:100%;
  background-color:#f4ece3;
  list-style:none;
  display:none;
  z-index:1000;
}

ul#ebeneDrei li {
  float:none;
}

ul#ebeneDrei li a {
  float:none;
  color:#656565;
  
}

ul#ebeneZwei li.unterpunkte ul#ebeneDrei li a::after {
  content:"";
  
}

ul#ebeneDrei li a:hover {
  background-color:#e8dccf;
}

ul#ebeneDrei li a.active {
  background-color:#e8dccf;
}

ul#hauptnavi li:hover ul#ebeneZwei {
  display:block;
  transition:all 0.8s ease 0s;
}

ul#ebeneZwei li:hover ul#ebeneDrei {
  display:block;
  transition:all 0.8s ease 0s;
}


.mobileNavi {
  display: none;
}
/*------------- Content -----------*/
div#content { padding: 30px; }

p.rootline {
  font-size: 11px;
  color: #b1b3b4;
  margin-bottom:30px;
}

p.rootline a {
  font-size: 11px;
  color: #b1b3b4;
  text-decoration:none;
}

div#content-left {
  width: 834px;
  border-right: 1px dotted #9c9e9f;
  padding:0px 30px 30px 0px;
  float: left;
  margin-right:24px;
  min-height:513px;
  min-height:883px;
  /*overflow:scroll;*/
}

p a {
  text-decoration: none;
  color:#c33039;
}

p a:hover {
  color:#656565;
}

div#content ul li {
  margin-left:30px;
  margin-bottom:15px;
}

div#content ol li {
  margin-bottom: 15px;
  margin-left: 30px;
}

div#content-left img {
	width:auto;
	max-width: 100% !important;
	height:auto;
}

div#content-left caption {
  font-size:10px;
}

/* #### special Content #### */
#c241, a.d115 {
  position: absolute;
  margin: -13.8% 0 0 75%;
}
a.d115 img { max-width:226px; width:auto !important; height:auto !important;}

#c299 {
	position: absolute;
	left:50%;
	margin: 0 0 0 120px;
	top: 2rem;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
#c299 img { max-width:120px; width:auto !important; height:auto !important;}
@media only screen and (max-width: 1220px) {
	#c299 {
		margin-left:7%;
	}
}

@media only screen and (max-width: 800px) {
	#c299 {
		left: auto;
		margin:0;
		right: 30px;
	}
}

@media only screen and (max-width: 500px) {
	#c299 {
		top: 4.8rem
	}
	#c299 img { max-width:80px;}
}

/*------------- Tabellen -------------*/
table {
  width:100%;
  border-spacing:0px;
}

table tr td {
  padding: 10px 20px 10px 0px;
  border-bottom: 1px solid #ccc;
  font-size:14px;
  vertical-align:top;
  
}
table tr td a+a {
	display:block;
}

table tr th {
  padding: 0px 20px 20px 0px;
  border-bottom: 1px solid #ccc;
  text-align:left;
}
table tr td.td-last { 
	padding-right:0px; 
	min-width: 42px;
}

table tr td a {
  color:#c33039;
  text-decoration:none;
}

table tr td a:hover { color:#656565; }

table.ce-table p {
	margin-bottom:0;
}

/*------------- EVENTTABELLE --------------*/
table.calendarize{
  text-align:left;
  vertical-align:top;
  margin-bottom:20px;
}


.calendarize td span.date {
	color:#c33039;
	font-weight:bold;
}

table.calendarizetd a {
  color:#c33039;
  font-size:12px;
  text-decoration:none;
}

div#content-left table.calendarize td.ical img {
  height:auto;
  width:40px !important;
  display:block;
}

div.calendarize a.alliCal {
  color:#c33039;
  text-decoration: none;
}
div.calendarize a.alliCal:hover { color:#656565; }

div#content-left div.calendarize a.alliCal img {
  height:auto;
  width:30px !important;
  position:relative;
  top:3px;
  left:5px;
  
}

/*------------- Sidebar-Right -----------*/
div#sidebar-right {
  width: 256px;
  margin-left: 859px;
  font-size: 12px;
  line-height: 16px;
  padding-left: 25px;
}

div#sidebar-right form {
  margin-bottom: 35px;
  border-bottom: 1px dotted #9c9e9f;
  padding-bottom: 25px;
}

/*------------- Barriere Rechts ----------- */
#topinfo {
	margin:15px 0;
	position: absolute;
	right: 106px;
	top: 42px;
}

#kontrast {
	float:left;
	margin: 0 15px 15px 0;
}
#kontrast img {
	width:30px;
	height:auto;
}
#schrift img {
	width:40px;
	height:auto;
}

#schrift #infopopup {
	position:absolute;
	background:rgba(255,255,255,0.95);
	padding:15px;
	border:1px solid #dadada;
	visibility: hidden;
	width: 225px;
	margin-left: -150%;
	opacity: 0;
	transition: visibility 0s, opacity 0.5s linear;
	
}

#infopopup .button {
    background: #000;
    border: 1px solid #666;
    margin-right: 5px;
    padding: 0 5px;
	color:#fff;
	font-weight:bold;
}
#schrift:hover #infopopup {
	visibility: visible;
	opacity: 1;
}


/*------------- SUCHE-Right ----------- */
#indexedsearchbox input {
  padding:7px;
  font-size:14px;
  border:1px solid #ccc;
  margin-right:10px;
  float:left;
}

#indexedsearchbox p button {
  background-color: #c33039;
  background-image: url("../images/icons/suchen.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 50% auto;
  border: 0 none;
  border-radius: 16px;
  height: 33px;
  padding: 7px;
  text-indent: -99999px;
  width: 33px;
}


#indexedsearchbox p button:hover { cursor:pointer; }

/*------------- SUCHE-Ergebnisse -----------*/
.tx-indexedsearch table {
  width:auto;
  margin-bottom: 50px;
}

.tx-indexedsearch table td {
  border:0;
  vertical-align:middle;
  font-size: 16px;
}

.tx-indexedsearch table td input {
  border: 1px solid #ccc;
  font-size: 14px;
  margin-right: 10px;
  padding: 7px;
}

.tx-indexedsearch table td input.submit {
  border:0;
  font-size: 16px;
  padding: 7px;
  background-color:#c33039;
  color:#fff;
}
.tx-indexedsearch table td input.submit:hover { cursor:pointer; }
form#tx_indexedsearch p { display:none; }
.tx-indexedsearch-rules { display:none; }
.tx-indexedsearch .tx-indexedsearch-whatis { margin-bottom:50px;}
table td.tx-indexedsearch-info { display:none; }
div#content-left td.tx-indexedsearch-icon {border:none;}
div#content-left td.tx-indexedsearch-icon img { width:auto !important; }
.noborder {border:none;}
table td.tx-indexedsearch-descr {
  padding:7px;
  background-color:#ededed;
}

div#content ul.tx-indexedsearch-browsebox {
  padding:20px 0px;
  border-bottom:1px solid #ccc;
  border-top:1px solid #ccc;
  margin:20px 0px;
  list-style: none;
}
div#content ul.tx-indexedsearch-browsebox li { 
	margin:0px 20px 0px 0px; 
	display:inline-block;
}

div#content ul.tx-indexedsearch-browsebox li a {
	color:#656565;
	text-decoration:none;
}
div#content ul.tx-indexedsearch-browsebox li strong a { color:#c33039; }
div#content ul.tx-indexedsearch-browsebox li a:hover { color:#c33039; }


/*------------- Veranstaltungskalender - Sidebar -----------*/
div.calendarize p.time {
  margin-top:-17px;
  text-transform:uppercase;
  border: 2px solid #656565;
  border-top:7px solid #656565;
  padding:4px 3px 3px;
  width:33px;
  float:left;
  font-size:14px;
  margin-right:8px;
  text-align:center;
}
div.calendarize .calendarize-item {
    display: block;
    min-height: 90px;
	margin-top:15px;
}
div.calendarize p.time a {
  color:#656565;
  text-decoration: none;
}

div.calendarize p.teaser {
  font-size:14px;
  margin-bottom:4px;
}

div.calendarize div.termin:hover p.time {
  border-color:#c33039;
}

div.calendarize p.time strong {
  font-size:20px;
}

div.calendarize span.time {
	font-size:85%;
}
div.calendarize span.time span.date {
	font-size:114%;
}
div.calendarize h3 {
  margin-bottom:4px;
  margin-left:57px;
}

div.calendarize h3 a {
  color:#c33039;
  text-decoration:none;
}

div.calendarize h3 a:hover {
  text-decoration:underline;
}

div.calendarize p.info {
  margin-bottom:7px;
  margin-left:59px;
}

div.calendarize p.ical {
  margin-bottom:20px;
  font-size:10px;
  margin-left:59px;
}

div.calendarize p.ical a {
  color: #656565;
  text-decoration: none;
}

div.calendarize p.ical a:hover {
  text-decoration: underline;
}

/*-------------------- N E W S  /  List View ---------------------*/
.news .article .header {
  border-bottom: 1px solid #ccc;
  position:relative;
  padding-bottom: 10px;
  margin-bottom: 10px;
  
}

.news .article .header h3 {
  font-size: 19px;
  width: 734px;
  max-width: 100%;
  margin-bottom:0;
}

.news .article .header h3 a {
  color: #c33039;
  text-decoration: none;
}

p.date {
  font-size: 14px;
  text-align: right;
  width: 100px;
  position:absolute;
  bottom:5px;
  right:0px;
  margin-bottom:0;
}

.news .article .teaser-text {
  float: left;
  width: 100%;
  margin-right:50px;
}

.news .article .teaser-text a {
  color: #c33039;
  font-size: 14px;
  text-decoration: none;
}

.news .article .teaser-text a:hover {
  color:#656565;
}

.news .article .news-img-wrap {
  background:none;
  float: none;
  margin:0px;
  width:auto;
}

.news .article .news-img-wrap a {
  border:0px;
  display: inline-block;
  float: none;
  padding:0px;
}

.news .article .news-img-wrap img {
  display:block;
  float:none;
  width:150px;
}

.news .page-navigation p {
	float: left;
}

ul.f3-widget-paginator {
	text-align: center;
}

ul.f3-widget-paginator li {
	display: inline-block;
	padding: 0 2px;
	background: none;
}

ul.f3-widget-paginator li a {
	display: block;
}


/*-------------------- N E W S  /  Detail View ---------------------*/
.news-single .article .header h3 {
  font-size: 24px;
  color: #c33039;
  text-transform:uppercase;
}

.news-text-wrap {
  margin-bottom: 50px;
}

.news-backlink-wrap {
  margin-bottom:10px;
}

.news-backlink-wrap a {
  color:#c33039;
  text-decoration:none;
}

.news-backlink-wrap a:hover {
  color:#656565;
}

div.social {
  border-top: 1px solid #ccc;
}

div.social .fb-share-button  {
  float: left;
  margin: 20px 20px 0 0;
  width: auto;
}

div.social iframe#twitter-widget-0 {
  margin: 22px 0 0;
}

.news-related-wrap {
  display: table;
  margin-top: 50px;
  width: 100%;
}

.news-related-wrap ul li a {
  color:#c33039;
  text-decoration:none;
}


.news-related-wrap ul li a:hover {
  color:#656565;
}

/*-------------  F O R M U L A R E  ----------------*/
div#content form ol {
  list-style: none;
}

.frame-type-form_formframework .form-group {
  padding:15px 0px 15px 0px;
  clear:both;
  display:block;
  min-height: 50px;
}

.frame-type-form_formframework input[type="text"],
.frame-type-form_formframework input[type="tel"],
.frame-type-form_formframework textarea {
  padding:5px;
  font-size:14px;
  width:100%;
}

.frame-type-form_formframework input[type="file"] {
	position: relative;
	width: auto;
	z-index: auto;
	text-align: left;
}

.frame-type-form_formframework .form-check .form-check-label>span {
	display:inline-block;
	padding-left:10px;
	max-width: 90%;
}

.frame-type-form_formframework .form-check input {
	vertical-align: top;
	margin-top: 4px;
}

.frame-type-form_formframework .control-label {
  margin-right:0px;
  width: 40%;
  display:inline-flex;
}

.frame-type-form_formframework .input {
	display:inline-flex;
	width: 58%;
}

.frame-type-form_formframework .input.checkbox {
	width: 100%;
}

.frame-type-form_formframework fieldset {
  border:0px;
}

.frame-type-form_formframework legend {
  margin:0px;
  color:#c33039;
  color: #656565;
  font-weight: bold;
  margin-top: 20px;
}

.frame-type-form_formframework .error {
	border: 2px solid #c33039;
	padding:0.5rem;
	border: 2px solid #c33039;
	padding: 0.5rem;
	display: table-cell;
	height: auto;
	vertical-align: middle;
}

.frame-type-form_formframework .input>.help-block {
	position: absolute;
	margin-top: -2.5rem;
	max-width: 41%;
	font-size: 76%;
	padding: 0.5rem;
	background: transparent;
	color: #fff;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	display:none;
}
.frame-type-form_formframework .input.checkbox>.help-block {
	position: relative;
	margin-top: 0;
	max-width: 100%;
	font-size: 100%;
	padding: 0;
	background: transparent;
	color: inherit;
	display:block;
}

.frame-type-form_formframework .input:hover>.help-block {
	display:block;
	background: #656565;
}

@media only screen and (max-width:800px) {
	.frame-type-form_formframework .control-label {
	  width: 100%;
	}

	.frame-type-form_formframework .input {
		width: 100%;
	}
	
	.frame-type-form_formframework .input>.help-block {
		margin-top: -4.5rem;
		max-width: 80%;
	}
}

.frame-type-form_formframework .btn.btn-primary {
  width:auto;
  font-size:16px;
  text-transform:uppercase;
  color:#fff;
  background-color:#c33039;
  padding:10px 15px;
  border:0;
  
}

.frame-type-form_formframework .btn.btn-primary:hover {
  background-color:#656565;
  cursor:pointer;
}

/*------------- MixItUp -----------*/
.tx-mixitup #Container {
  margin-top: 50px;
}

div.mix {
  border-bottom: 1px solid #ccc;
  margin-bottom: 1%;
  padding: 3% 0;
  width: 100%;
}

div.mix h2 {
  margin-bottom:0px;
  font-size:20px;
}
div.mix p {
	margin:0;
}
.tx-mixitup .filter {
  width:auto;
  background-color:#ededed;
  float:left;
  padding:7px 15px;
  margin-bottom:10px;
  margin-right:10px;
}

.tx-mixitup .active {
  background-color:#c33039 !important;
  color:#fff !important;
}

.tx-mixitup .filter:hover {
  background-color:#c33039;
  color:#fff;
  cursor: pointer;
}

/*-------------- Footer -------------*/
#footer-menu { 
	margin-top:20px; 
	text-align: center;
	font-size: 12px;
}
#footer-menu a { 
	color:#565656; 
	margin:0 9px;
}

/*------------- sonstiges -----------*/
.clear { clear:both; }
.abstand40 { margin-bottom:40px; }
.linie-punkt {
  height:1px;
  border-bottom:1px dotted #9c9e9f;
  margin-bottom:20px;
}
.csc-default { margin-bottom:30px;}
.align-right { text-align:right; }

/* #### Cookiebar: #### */
.cc-window .dp--cookie-check{
    border: none;
}

.cc-floating.cc-theme-classic {
    border-radius: 0px;
}

.cc-window.cc-floating {
	max-width: 100%;
}

.cc-revoke, .cc-window {
	font-family: inherit;
	font-size: 13px;
}

.cc-compliance .cc-btn,
.db--overlay-submit {
	background:#1E8413 !important;
	color:#fff;
}

body.dp--cookie-consent {
	margin-bottom: 22rem;
}

/* Special  Bürger-Portal-Button */
#c266 {
	position: absolute;
	right: 28%;
	margin-top: -100px;
}

a.btn { 
	padding: 0.5rem 1rem;
	display: inline-block;
}

a.btn-primary { 
	background-color: #c33039;
	color:#fff;
	font-weight: bold;
}
/* Special  Unsere Nachbargemeinden */
#c93 .ce-gallery img {
	width:260px !important;
}
#c93 .ce-gallery figcaption {
	text-align: center;
}
/* ------------------- MEDIA QUERRIES --------------------*/
/*-------------- Kleine Monitore --------------*/
@media only screen and (max-width: 1300px) {
	div#header {
	  margin: 0 0 0 50px;
	  width: 95%;
	}

	div#container {
	  margin:0px 0px 0px 50px;
	  width:95%;
	}

	ul#hauptnavi { width:100% }

	ul#hauptnavi li:active ul#ebeneZwei {
	  display:block;
	  transition:all 0.8s ease 0s;
	}

	ul#ebeneZwei li:active ul#ebeneDrei {
	  display:block;
	  transition:all 0.8s ease 0s;
	}
	#indexedsearchbox input { max-width: 70%; }
	div#sidebar-right {
	  margin-left: 75%;
	  width:auto;
	}

	div#content-left {
	  padding: 0 3% 3% 0;
	  width: 71%;
	  margin-right:0;
	}

	/*------- N E W S --------*/
	.news .article .teaser-text {
	  margin-right: 5%;
	  width: 75%;
	}

	.news .article .news-img-wrap {
	  float: right;
	  width: 20%;
	}
}

/* -------------- T A B L E T S --------------*/
@media only screen and (max-width: 1025px) {
	#hauptnavi {
	  display:none;
	}

	#icons {
	  display:none;
	}

	div#container {
	  margin:0;
	  width:100%;
	}

	/*-------------- N A V I --------------*/
	.mobileNavi {
	  display: block;
	  width:100%;
	  background-color: #e3e3e3;
	  height:70px;
	}

	.mobileNavi a {
	  display:block;
	  height:70px;
	}

	.mobileNavi a img {
	  display: block;
	  width:70px;
	  height:70px;
	  position:relative;
	  z-index:2000;
	}

	.mobileNavi .navi-rot, .mobileNavi .navi-gelb, .mobileNavi .navi-blau, .mobileNavi .navi-grau, .mobileNavi .navi-gruen, .mobileNavi .navi-lila {
	  width:70px;
	  float:left;
	  height:70px;
	}

	.mobileNavi .navi-rot {
	  background-color: rgba(195, 48, 57, 0.8);
	}

	.mobileNavi .navi-gelb { background-color: rgba(239, 174, 22, 0.8);	}
	.mobileNavi .navi-blau { background-color: rgba(65, 94, 162, 0.8); }
	.mobileNavi .navi-grau { background-color: rgba(198, 198, 198, 0.8); }
	.mobileNavi .navi-gruen { background-color: rgba(180, 217, 184, 0.8); }
	.mobileNavi .navi-lila { background-color: rgba(103, 0, 131, 0.8); }

	/*-------------- H E A D E R  --------------*/
	div#header {
	  margin: 0 auto;
	  padding:0;
	  width: 100%;
	  position:relative;
	}
	div#header-bg { height: 130px; }
	div#logo {
	  height: auto;
	  position: absolute;
	  top:0px;
	  left:0px;
	  width:100%;
	}

	div#logo p {
	  background-color: rgba(255, 255, 255, 0.8);
	  padding: 20px 30px;
	}

	div#top-menu {
	  position: absolute;
	  right: 60px;
	  top: 155px;
	  width: 250px;
	  background: none;
	  float: left;
	  margin: 0;
	  padding: 0;
	  text-align: right;
	  width: 100%;
	}
	div#top-menu a {
		margin-right: 8px;
	}
	#topinfo {
		right: -53px;
		top: -15px;
	}
	div#logo p.wappen {
	  background: none;
	  padding:0;
	  top:35px;
	}
	#indexedsearchbox input { max-width: 60%; }
	div.calendarize h3 {
		-webkit-hyphens: auto;
		  -ms-hyphens: auto;
		  hyphens: auto;
	}
	#c241, a.d115 { margin-left: 70%;}
	
	.table-scrollable {
	  width: 100%;
	  overflow-y: auto;
	  margin: 0 0 1em;
	}

	.table-scrollable::-webkit-scrollbar {
	  -webkit-appearance: none;
	  width: 14px;
	  height: 14px;
	}

	.table-scrollable::-webkit-scrollbar-thumb {
	  border-radius: 8px;
	  border: 3px solid #fff;
	  background-color: rgba(0, 0, 0, .3);
	}

}

/*-------------- T A B L E T S  Hochkant-------------- */
@media only screen and (max-width: 800px) {

	div#content-left {
	  float:none;
	  width:100%;
	  padding:0;
	  border-right:0;
	  margin-bottom: 100px;
	  min-height:100px;
	}

	div#sidebar-right {
	  margin:0;
	  padding:28px;
	  border:1px solid #e3e3e3;
	}

	div.calendarize-item {
	  width:40%;
	  float:left;
	  padding:4% 4% 1% 4%;
	  background-color:#efefef;
	  margin-right:2%;
	  margin-bottom: 2%;
	  min-height: 132px;
	}

	.linie-punkt { display:none; }
	#c241, a.d115 { width:100%; position:relative; margin: 0;}
	a.d115:after {
		content: ".";
		clear: both;
		display: block;
		visibility: hidden;
		height: 0px;
		width:100%;
	}
	#c266 {
		right: 5%;
	}
}

/*--------------------------------------- T A B L E T S  Hochkant --------------------------------------------*/
@media only screen and (max-width: 660px) {
	div#top-menu a { display:none; }
	#topinfo a { display:block !important; }
	#topinfo {
		right: 3%;
		top: 0;
		position: fixed;
		z-index: 10;
	}
	#schrift #infopopup {
		padding: 0;
		right: 0;
		margin-left: 0;
		width:300px;
		z-index:10;
	}
	#schrift #infopopup p {
		width: auto !important;
		padding:10px !important;
		float: none;
		line-height: 100%;
	}
	div.termin {
	  width:94%;
	  float:none;
	  padding:4% 4% 1% 4%;
	  background-color:#efefef;
	  margin-right:2%;
	  margin-bottom: 2%;
	  min-height:100px;
	}
	.linie-punkt { display:none; }
	.news .article .header h3 { width: 100%; }
	div#header-bg { height: 128px; }
	div#logo { overflow:hidden; }

	div#logo p {
		background-color: rgba(255, 255, 255, 0.8);
		padding: 19.12px 30px;;
		width: 94%;
	}

	div#logo p.wappen {
		background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
		padding: 0;
		right: -215px;
		top: 40px;
	}

	.mobileNavi {
		height: auto;
		width: 100%;
	}

	.mobileNavi .navi-rot, .mobileNavi .navi-gelb, .mobileNavi .navi-blau, .mobileNavi .navi-grau, .mobileNavi .navi-gruen, .mobileNavi .navi-lila {
		float: left;
		height: auto;
		width: 16.666%;
	}

	.mobileNavi a {
		display: block;
		height: auto;
	}

	.mobileNavi a img {
		display: block;
		height: 100%;
		position: relative;
		width: 100%;
		z-index: 2000;
	}
	div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {float: none;}
	.csc-textpic-intext-left-nowrap .csc-textpic-text { margin-left: 0px; }
	#c266 {
		right: -10%;
	}
	div#content-left #c266 img {
		width:50% !important;
	}
}