/* ------- Important for proper function of the layout. Only change if you know what you are doing! ------- */
body{
	background-color:rgb(253,253,253);
	}
#wrapper {
		margin-left:auto;
		margin-right:auto;
		display:flex;
		flex-direction:column;
		min-height:100vh;
	}

#container{
	flex:1 1 auto;
	width:100%;
}
#header,#footer{
	flex:0 0 auto;
}

#pageshadow {
   
    position: relative;
    max-width: 1125px;
    //margin: 0 auto;
   
    background: #fff;
    border: solid #dedede;
        border-top-width: medium;
        border-right-width: medium;
        border-bottom-width: medium;
        border-left-width: medium;
    border-width: 0 1px;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 5px rgba(0,0,0,0.2);
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
}


#main {
	padding-top:1rem;
	}
	
#left {
	margin-left:0;
}

#right {
	margin-right:0;
	}

#footer {
	padding: 0 10px 2rem 10px;
	}

#header {
	min-height: 110px;
	
	}

#header-bar {
	width:100%;
	height:120px;
	position:fixed;
	overflow:visible;
	z-index:99;
	background-color:white;
	border-bottom: .55rem solid #8AA2BE;
	box-shadow: 0 0 15px rgba(0,0,0,0.6);
	border-radius: 100px / 5px;
	}
	
#mobile-menu { visibility:hidden; }

#header-bar .inside {
	max-width: 1125px;
    margin-left: auto;
    margin-right: auto;
    }

#header-bar.static {
	position: relative;
	}
    
#logo, #logo2 {
	position: relative;
	overflow:visible;
	padding: 3px;
	width:20%;
	top:0;
	z-index: 10;
	
	}
	
#logo.logo-mobile {
	display:none;
	width:100%;
	height:63px;
	text-align:center;
	padding: 5px 0;
	}
	
#logo.logo-mobile img{
	height:100%;
	width:auto;
	}

#nav { 
	width: 80%;
	position: relative;
	float: right;
	z-index:9;
	height: 8rem;
	padding: 0;
	}

.inside {
	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
  	}
  
 #container {
	max-width:1125px;
	margin-left:auto;
	margin-right:auto;
	}
	
/*.has-columns aside {
	padding-left: 10px;
	padding-right: 10px;
	}
*/
#container {
	-webkit-box-shadow: 5px 5px 35px -15px rgba(0,0,0,0.75);
	-moz-box-shadow: 5px 5px 35px -15px rgba(0,0,0,0.75);
	box-shadow: 5px 5px 35px -15px rgba(0,0,0,0.75);
	background-color: #fff;
	}
	
.custom {
	box-sizing:border-box;

}
.gemeindelinks{float:left;padding-top:2px;}
.gemeindelinks a:hover {border-top:3px solid}
.gemeindelinks .lamb {border-color:darkcyan!important  }
.gemeindelinks .and {border-color:dodgerblue!important}
.gemeindelinks .hura {border-color:darkorange!important}
.gemeindelinks .luma {border-color:darkmagenta!important}
.top-legal{float:left; text-align: right;}

 #container{

}

#main *[class*="mod_"] .inside, #footer .inside {
	padding-bottom: 2rem;
	padding-top: 2rem;
	overflow:auto;
	}

#nav.block {overflow: visible;}

[class*="ce_"],
[class*="mod_"],
.pdf_link	{
	padding: 0 10px 0 10px;
	}

[class*="ce_"] [class*="ce_"],
[class*="ce_"] [class*="mod_"]
	{
	padding: 0;
	}
	
aside > .inside {
	padding: 4rem 0 1rem 0;
	}

.mod_article .inside {
	z-index: 2;
	}
	
#header .mod_article .inside {
	z-index: inherit;
	}
	
.mod_article .inside,
.mod_wrapper [class*="mod_"] > div {
	padding: 0 10px;
	}

.mod_article, .mod_wrapper {
	padding-left: 10px;
	padding-right: 10px;
	position: relative;
	}

.ce_image {
	position: relative;
}

#header .inside,	
#header .mod_article [class*="ce_"],
#header .mod_article [class*="mod_"]	{
	padding: 0;
	}

#main .mod_article .no-margin .inside {
	padding: 0 0 0 0;
	}

.mod_navigation .horizontal {
	position:absolute;
	height:50px;
	line-height:2.5em;
	z-index:3;
	}

.mod_navigation.horizontal ul.level_1 {
	float:right;
	}

.mod_navigation .horizontal li {
	display: inline-block;
	padding-left:1em;
	padding-right:1em;
	}

.mod_navigation li {
	display:block;
	xmargin:0 0 10px 0;
	xpadding:5px 0 5px 0;
	list-style:none;
	
	}

.mod_navigation a, .mod_navigation span {
	text-decoration: none;
	}
	
.mod_navigation a::before, .mod_navigation span:before {
	padding-right: .5em;
	}
	
.mod_breadcrumb {
	margin:1rem 0 .8rem 0;
	padding: 0 0 0 20px;
	}
	
.ce_table, .mod_calendar {
	overflow-x: auto;
	}

.image_container {
	position: relative;
	}
	
.ce_download {
	margin-bottom: 2rem;
}

/* This is a hack to remove extra space below images */

img {
	vertical-align:middle;
	}
	
.ce_gallery > ul {
	margin:0;
	padding:0;
	overflow:hidden;
	list-style:none;
	}
	
.ce_gallery > ul li {
	float:left;
	}
	
.ce_gallery > ul li.col_first {
	clear:left;
	}
	
.ce_gallery>ul li {
	margin-bottom:0;
	position:relative;
	}
	
.checkbox_container span, .radio_container span {
	display:block;
	padding-left: .05em;
	padding-right: 1em;
	}

.pagination li {
	display: inline;
	padding: 1rem;
	}

.mod_booknav ul {
	list-style:none;
	}
	
.mod_booknav li {
	float:left;
	padding:1em;
	}
	
.mod_booknav li a {
	text-decoration: none;
	}
	
.submit_container.block {width:auto;}

.formbody .widget {
	padding-right: .3em;
	}

 .layout_latest {
	margin-bottom: 1rem;
	padding:5px;
	background-color:#f9f9f9;
	border:1px solid #bbb;
	border-radius:3px;
	}

/* ---------- useful helper classes ------------ */

.no-margin [class*="ce_"],
.no-margin [class*="mod_"],
.no-margin.header-image .ce_text,
#main .mod_article.no-margin {
	padding: 0 0 0 0;
	}

.no-margin .ce_text, .no-margin .ce_form {
	padding: 2rem 10px;
	}

.no-margin [class*="ce_"].pop-out, [class*="mod_"].pop-out {
	padding-top: 0;
	padding-bottom: 0;
	}
	
.round img {
	border-radius: 50%;
	}
 	
.round .image_container a:after {
	display:none;
	}
	
.header-image.mod_article {
	position:relative;
	padding:0;
	overflow:hidden;
	}
	
.header-image.mod_article .header_wrapper {
	position:relative;
	width:100%;
	height:100%;
	}
		
.header-image.mod_article .content_wrapper {
	position: absolute;
	width:100%;
    top: 200%;
    left: 65%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    z-index:1;
	}

	.header-image.mod_article .content_wrapper .luma {
	position: absolute;
	width:100%;
    top: 200%;
    left: 80%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    z-index:1;
	}.header-image.mod_article .content_wrapper .hura {
	position: absolute;
	width:100%;
    top: 80%;
    left: 80%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    z-index:1;
	}
.header-image .content_wrapper .inner {
	padding:0 3rem;
	}

.header-image .image_container img{
	display:block;
	width:100%;
	height:auto;
	vertical-align:initial;
	}

.header-imagex [class*="btn"] {
	margin-top: 4rem;
	}
	
.header-image .slider-control {
	top: -40px;
	margin-bottom:-30px;
	}

.header-image .slider-control .slider-prev {
	left:1%;
	}
	
.header-image .slider-control .slider-next {
	right: 1%;
	}

.hero {
	height:300px;
    
	}
	
.hero .inside {
	padding: 0 20px;
	position: relative;
	width:100%;
    top: 50%;
    z-index:1;
	}
.hero .inside h1{
	font-size: 2.8em;
}
#header .hero .inside {
	padding: 0 20px;
	}
	
.full-width .hero .inside {
	margin-left:auto;
	margin-right:auto;
	}
 
.title-image {
	height:400px;
	background-repeat:no-repeat;
	background-size:cover;
	background-attachment:fixed;
	background-position:center;
	position:relative;
	}

[class*="overlay"]:before {
	position: absolute;
  	width: 100%;
  	height: 100%;
  	top: 0px;
  	left: 0;
  	content: '';
  	z-index: 1;
	}
	
.pop-out a img {
	transition: transform .1s ease-in;
	}
	
.pop-out a img:hover {
	position:relative;
	transform: scale(1.05);
	-ms-transform: scale(1.05);
	transition: transform .05s ease-in;
	z-index:10;
	}
	
.pop-out .image_container .cboxElement:after,
.push-in .image_container .cboxElement:after {
	display:none;
	}

.push-in a img {
	transition: transform .2s ease-in;
	}
	
.push-in a img:hover {
	position:relative;
	-webkit-transform: scale(.98);
	-moz-transform: scale(.98);
	-ms-transform: scale(.98);
	-o-transform: scale(.98);
	transition: transform .05s ease-in;
	transform: scale(.97);
	}

.hide-controls .slider-control {
	display:none;
	}
	
.new-row {
	clear:left;
	}

.center {
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	clear:both;
	text-align:center;
	}

.right {
	float:right;
	clear:left;
	}

.divider-top, .divider-bottom, .divider-top-bottom {
  	position:relative;
  	overflow:hidden; 
  		margin:15px 0;
	}

.divider-top:before {
  	content: ""; 
  	position:absolute; 
  	z-index: 1; 
  	width:96%;  
  	top: -10px; 
  	height: 10px; 
  	left: 2%; 
  	border-radius: 100px / 5px; 
  	box-shadow:0 0 15px rgba(0,0,0,0.6); 
	}

.divider-bottom:before {
  	content: ""; 
  	position:absolute; 
  	z-index: 1; 
  	width:96%;  
  	bottom: -10px; 
  	height: 10px; 
  	left: 2%; 
  	border-radius: 100px / 5px; 
  	box-shadow:0 0 15px rgba(0,0,0,0.6);
  
	}

.divider-top-bottom:before {
  	content: ""; 
  	position:absolute; 
  	z-index: 1; 
  	width:96%;  
  	top: -10px; 
  	height: 10px; 
  	left: 2%; 
  	border-radius: 100px / 5px; 
  	box-shadow:0 0 15px rgba(0,0,0,0.6); 
	}

.divider-top-bottom:after {
  	content: "";
  	position:absolute;
  	z-index: 1;
  	width:96%; 
  	bottom: -10px;
  	height: 10px;
  	left: 2%;
  	border-radius: 100px / 5px;
  	box-shadow:0 0 15px rgba(0,0,0,0.6);
	}

.startseitentext {
	background-color:#8AA2BE;
	padding:15px;

	color:aliceblue;
	
}
.slick-slider {
	width:90%;
	padding:20px;
	margin: 2% 5%;
	background-color: #f7f7f7;
}
.slick-prev::before, .slick-next::before {
    color: #3e3d3d;
}
/* Border radius */

[class*="mod_"].radius3, [class*="ce_"].radius3, .radius3 img, .box.radius3, .infobox.radius3, .radius3 [class*="mod_"], .radius3 [class*="ce_"], .radius3 [class*="overlay"]:before, .radius3 input[type="email"], .radius3 input[type="number"], .radius3 input[type="search"], .radius3 input[type="text"], .radius3 input[type="tel"], .radius3 input[type="url"], .radius3 input[type="password"], .radius3 input[type="submit"], .radius3 textarea, .radius3 select {
	border-radius:3px;
	}

[class*="mod_"].radius5, [class*="ce_"].radius5, .radius5 img, .box.radius5, .infobox.radius5, .radius5 [class*="mod_"], .radius5 [class*="ce_"], .radius5 [class*="overlay"]:before, .radius5 input[type="email"], .radius5 input[type="number"], .radius5 input[type="search"], .radius5 input[type="text"], .radius5 input[type="tel"], .radius5 input[type="url"], .radius5 input[type="password"], .radius5 input[type="submit"], .radius5 textarea, .radius5 select {
	border-radius:5px;
	}

[class*="mod_"].radius10, [class*="ce_"].radius10, .radius10 img, .box.radius10, .infobox.radius10, .radius10 [class*="mod_"], .radius10 [class*="ce_"], .radius10 [class*="overlay"]:before, .radius10 input[type="email"], .radius10 input[type="number"], .radius10 input[type="search"], .radius10 input[type="text"], .radius10 input[type="tel"], .radius10 input[type="url"], .radius10 input[type="password"], .radius10 input[type="submit"], .radius10 textarea, .radius10 select {
	border-radius:10px;
	}
.clearfix {clear:both;
 xvisibility:hidden;}
	

	

.ce_box{

 
  text-align: center;
  border: 1px solid #afafaf;
  height: 100%;
  }

.box{
	position:relative;
}
.centered {

	width: 100%;
	margin: 0 auto 0 auto;
	}

/* ------------- Media queries ------------- */


/* Small version */
@media (max-width: 1023px) {
		
		#header {
		margin-top:0;
		}
		
		#header-bar { display:none; }
		#mobile-menu { visibility:visible; }
		
		#logo.logo-mobile {
		display:block;
		}
		
		.hero {
		height:100px;
        
		}
		
		.hero .inside {
    	top: 10%;}
        .hero .inside h1 {
        font-size:1.7em
        }
		.title-image {
		height:400px;
		background-attachment:scroll;
		position:relative;
		}
		
		mod_article.header-image {
			min-height: 400px;
			}
		
		.header-image .slider-control {
			display:none;
		}
		
		[class*="style-"], .hero {
    	background-attachment: scroll!important;
    	background-position: 50% 0!important;
    	}
    
		.mod_navigation.horizontal {
		visibility:hidden;
		}
		
}

/* Tablet landscape version */
@media only screen and (max-width : 1024px) {
	
	.boxed #wrapper {
			max-width:960px;
		}

	[class*="style-"], .hero {
		/*This is a hack to avoid display problems on some mobile devices*/
    	background-attachment: scroll!important;
    	background-position: 50% 0!important;
    	}
}

/* Desktop version */
@media (min-width: 1024px)
{
	
	/* Boxed Version */
	.boxed #wrapper {
		max-width:1124px;
		margin-left:auto;
		margin-right:auto;
		margin-top:0;
		}
		
	.boxed #header-bar { visibility:visible; max-width: 1124px;}
	
	#header-bar { visibility:visible; }
	
	.full-width #main *[class*="mod_"] .inside, .full-width #footer .inside {
		position: relative;
		margin-left: auto;
		margin-right: auto;
		overflow:auto;
		}
	
}
.mm_dropdown .mod_navigation {
    border-right:1px inset rgba(102,102,102,.5);
}



.lastone {
    border:0 !important;
}
.ce_news img {
  width: 100%;
  vertical-align: bottom;
}
.ce_news .news-date {
  font-family: 'Montserrat', Arial, sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  line-height: inherit;
  color: #acadc1;
}
.ce_news .news-headline a {
  color: inherit;
  text-decoration: none;
}
.ce_news .news-headline a:hover {
  color: #377dff;
}
.ce_news .news-categories li {
  font-family: 'Montserrat', Arial, sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  font-size: 0.72rem;
  text-align: center;
  border-radius: 4px;
  line-height: 28px;
  color: #377dff;
  background: #dae7ff;
  border: 1px solid transparent;
  padding: 0 0.6em;
}
.ce_news .news-categories li + li {
  margin-left: 0.25em;
}
.ce_news.news-simple-col-1 .news-date ul {
  margin-top: 0;
}
@media (max-width: 575.98px) {
  .ce_news.news-simple-col-1 .news-date ul {
    margin-bottom: 0.5rem;
  }
}
.ce_news.news-simple-col-1 .news-description {
  display: none;
}
.enclosure {
	clear:both;}

@media (max-width: 575.98px) {
  .ce_news.news-simple-col-3 .news-date ul {
    margin-top: 0;
    margin-bottom: 0.5rem;
  }
}
@media (min-width: 576px) {
  .ce_news.news-simple-col-3 .news-date ul {
    margin-top: 0.75rem;
  }
}
.ce_sHtml5Start.teaser {
  background-color: aliceblue;
  border: 1px solid;
  border-radius: 4px;
}
.m-r10{
	margin-right:10px;
}
.more, .clearfix {
	clear:both;
}
.r-column-4-1 {
	width:23.667%;
	margin-right:1.3%;
}
.ce_card {
    display: block;
}
.ce_card > .inner {
    border: 1px solid #e8ecf3;
    height: 100%;
    position: relative;
    overflow: hidden;
    padding: 15px;
    text-align: center;
    border-radius: 7px;
    transition: 0.2s ease;
}
.ce_card > .inner {
    text-align: center;
}
.ce_card .card-content {
    display: flex;
    flex-direction: column;
    height: 100%;
}
*, ::before, ::after {
    box-sizing: border-box;
}
.ce_card .card-image {
    margin-top: 0;
    margin-bottom: 0.4rem;
}
.ce_card .card-content > * {
    margin-top: 1.2rem;
    margin-bottom: 0;
}
.ce_card .card-content p:last-child {
    display: flex;
    flex: 1;
    align-items: flex-end;
    margin-left:auto;
    margin-right:auto;}
    .no-border{
    	border:0;
    }
.bub1, .bub2,.bub3,.bub4,.bub5 {
	
	color:white;
	font-size:1.2em;
}
.bub1 {
	background-color:#4472c4;
}
.bub2 {
	background-color:#ed7d31;
}
.bub3 {
	background-color:#70ad47;
}
.bub4 {
	background-color:#4472c4;
}
.bub5 {
	color:black;
	background-color:#ffc000;
}
.trennpfeil{
	color:#6689cc;
	font-size:4em;
	line-height:1;
}
.b45{
	width:49%;
}
.mr5{
	margin-right:2%;
}
.fl{display:block; float:left; margin:5px;}
.wahl-rahmen{
	border:1px solid gray;
	line-height:1.5;
	padding:0;
	margin: 10px;
	max-width: 98.5%
}
.wahl .header-image [class*="btn"] {
  /* margin-top: 4rem; */
  margin-top: 0;
}
.wahl {
	margin-top:40px;
}
@media (max-width: 768px) {
	.wahl{
	margin-top:0}}
	
	

	.bildoverlay wrap,
.bildoverlay h2 {
  position: absolute;
  z-index: 75;
  top: 40px;
  left: 60px;
  max-width: 304px;
  color: beige;
  font-size: 3em;
  text-shadow: 3px 7px 7px black;
  font-weight: 700;
}
.ce_table + .ce_table {
float: none;
}
.row_last > th, .row_last td {
border: none;
}
 .ce_table {
max-width:max-content
}
.mb-40 {
margin-bottom:40px}
.ce_table > h4 {margin-bottom:0}
#article-149 > table{margin-left:50px}
.infobox li {
  margin-left: 46px;
  line-height: 1;}
  
  .flexbox-button{
  	display: flex;
  	flex-direction:column;
  	justify-content:space-around;
  }
  
 p.more a,
 p.back a{  
 	margin-top:10px;
 	    padding: .4em 1em;
font-size: 80%;
margin-left: 10px;
 	background-color: #475B72;
    color: #fff;

 }
 p.more a:hover,
 p.back a:hover{   background-color: #6892C8;


 }