/* barlow-300 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/barlow-v13-latin-300.woff2') format('woff2'); 
}
/* barlow-regular - latin */
@font-face {
  font-display: swap; 
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/barlow-v13-latin-regular.woff2') format('woff2'); 
}

/* barlow-600 - latin */
@font-face {
  font-display: swap;
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/barlow-v13-latin-600.woff2') format('woff2'); 
}

/* barlow-800 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/barlow-v13-latin-800.woff2') format('woff2'); 
}

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

:root {
	--colorwhite:#ffffff;
	--colorblack:#000000;
	--textcolor:#003241;
	--colorgruendark: #377d3c;
	--colorgruen: #96c841;
	--colorblau: #91d2f5;
	--colorblaudark: #007daa;
}

body {
	width:100vw;
	max-width: 100vw;
	overflow-x: hidden;
	position: relative;
    font-family: 'Barlow';
}

h1,h2,h3,h4 {
    font-weight: 600;
}

b, strong {
	font-weight: 600;
}

.parbig {
	font-size: 28px;
}

@media(max-width: 1199px) {
    h1,.h1, h2, .h2 {
        font-size:60px;
    }
    h3, .h3 {
        font-size:40px;
    }
    p, li {
        font-size:21px;
    }
}

@media(max-width: 767px) {
    h1,.h1, h2, .h2 {
        font-size:48px;
    }  
    h3, .h3 {
        font-size:30px;
    }
    .parbig {
        font-size: 24px;
    }
    p, li {
        font-size:18px;
    }
}

.t4-section-inner.container {
	width: 100vw;
	max-width: 100vw;
	padding: 0;
}

#t4-header {
    background: var(--colorblack);
    position: fixed;
    z-index: 199;
    border: 0;
    top:0;
    left:0;
}

.t4-navbar {
	margin-right: 0 !important;
}

.t4-navbar .nav-item {
	position: relative;
	margin-bottom: 0;
}

.t4-megamenu .navbar-nav > li > a, .t4-megamenu .navbar-nav > li > .nav-link {
    font-size: 28px;
	padding: 86px 1rem 0px;
	font-weight: 600;
}

.logo-img {
	height: auto;
    width: auto;
	filter: brightness(0) saturate(100%) invert(99%) sepia(3%) saturate(1%) hue-rotate(275deg) brightness(104%) contrast(100%);
	min-height: 70px;
	padding: 5px 0 0;
	max-height: 110px;
}

@media (max-width: 767px) {
    .logo-img {
       max-height: 80px;
    }
}

.headerlogo {
	width: 100%;
	max-width: 699px;
}

.t4-main-body {
	padding-bottom: 0;
	padding-top: 0;
}

.moreless {
	font-weight: 600;
	border-bottom: 1px solid;
    position:relative;
    padding-left: 23px;;
}

.moreless::before {
	content: '';
	position: absolute;
	left: 0;
	background: url(../images/arrow.svg) no-repeat center;
	width: 20px;
	height: 30px;
	top: 1px;
    filter: brightness(0) saturate(100%) invert(99%) sepia(3%) saturate(1%) hue-rotate(275deg) brightness(104%) contrast(100%);
}

.hideme {
	display: none;
}

/* section1 */
.section1 .container {
	max-width: 1299px;
}
.container.section1text {
	max-width: 849px !important;
	color: var(--colorblaudark);
	float: right;
}

@media(max-width: 991px) {
.container.section1text {
	--t4-gutter-x: 1em;
    }
}

@media (max-width: 767px) {
  .container.section1text {
    padding-left: 0;
    }
  .moreless::before {
    	top: -3px;
    }
}

/* section2 Willkommen!*/
.section2 {
	background: var(--colorblaudark);
    color:var(--colorwhite);
    padding-bottom: 11vh;
    position: relative;
}
.container {
	max-width: 991px;
}
.section2 h1 {
  color: var(--colorblau);
}

.section2 a {
  color: var(--colorwhite);
}
.section2 .mehrbox1 {
	display: none;
}


/* section3 imageslider */
.section3 {
	margin-top: -13vh;
}

.container.imageslider {
	max-width: 1299px;
}

.profile-1 .igui-slideshow-items {
	border-radius: 3em 0 3em 0;
	overflow: hidden;
}

@media(max-width: 991px) {
    .profile-1 .igui-slideshow-items {
        border-radius: 2em 0 2em 0;
    }
}

@media(max-width: 767px) {
    .profile-1 .igui-slideshow-items {
        border-radius: 1em 0 1em 0;
    }
}

.igui-position-center-right {
	right: 0px;
}
.igui-position-center-left {
	left: 0px;

}

.ig-slideshow-button svg {
	background: none;
	width: 25px;
	height: 40px;
	padding: 10px;
	box-sizing: content-box;
    margin-top: 55%;
}

.igui-position-center-right svg {
	right: 0px;
}

.igui-light .igui-search-toggle:focus, .igui-light .igui-search-toggle:hover, .igui-light .igui-slidenav, .igui-overlay-primary .igui-search-toggle:focus, .igui-overlay-primary .igui-search-toggle:hover, .igui-overlay-primary .igui-slidenav {
	color: var(--colorblau);
}

.igui-light .igui-slidenav:focus, .igui-light .igui-slidenav:hover, .igui-overlay-primary .igui-slidenav:focus, .igui-overlay-primary .igui-slidenav:hover {
		color: var(--colorblaudark);
}

.ig-dotnav {
	bottom: -70px !important;
}

.igui-dotnav > * > * {
	width: 16px;
	height: 16px;
    border:0;
}

.igui-light .igui-dotnav > * > * {
    background:var(--colorblau);
}

.igui-dotnav > .igui-active > * {
    background:var(--colorblaudark) !important;
}


/* section4 Ein Gewinn für Gemeinde und Region */
.section4 h3 {
	color: var(--colorblaudark);
	margin-bottom: 40px;
}

/* section5 Arealübersicht */
.section5 {
	background: var(--colorgruendark);
    color:var(--colorwhite);
}

.section5 h2 {
    color:var(--colorwhite);
}

.moduletable {
	border: 0;
	padding: 0;
	border-radius: 0; 
	margin: 0;
}

.container.imap {
    width:100vw;
	max-width: 1259px;
	margin-bottom: -22vh;
    position: relative;
}

@media(max-width: 767px) {
    .container.imageslider, .container.imap {
        --t4-gutter-x: 0;
     }
}
.container.imap img {
	border-radius: 3em 0 3em 0;
	margin-top: 40px;
}

@media(max-width: 991px) {
    .container.imap img {
        border-radius: 2em 0 2em 0;
    }
}

@media(max-width: 767px) {
    .container.imap img {
        border-radius: 1em 0 1em 0;
    }
}

/* section6 Geschichte */
.section6{
    position: relative;
    padding-top: 60px;
}
.section6 h3 {
    color:var(--colorgruendark);
    margin-bottom: 40px;
}

.section6 .mehrbox2{
	display: none;
}

.section6 .moreless::before {
    filter: brightness(0) saturate(100%) invert(10%) sepia(27%) saturate(294%) hue-rotate(169deg) brightness(97%) contrast(91%);
}

#wenigerbox1::before,
#wenigerbox2::before {
	transform: rotate(180deg);
}

/* Über uns */
.ueberuns {
	background: var(--colorblaudark);
    color:var(--colorwhite);
}

.ueberuns h2 {
    color:var(--colorblau);
}

.ueberuns h3 {
	margin-bottom: 40px;
}
.ueberuns a {
	color: #fff;
    border-bottom: 1px solid;
    transition: all .3s;
}

.ueberuns a:hover {
	opacity: .5;
}

/* Stimmen */
.stimmen h3 {
    color:var(--colorblau);
}

/* FAQ */
.faq {
	background: var(--colorgruendark);
    color:var(--colorwhite);
}

.faq h2 {
    color:var(--colorgruen);
}

.faq a {
    color:var(--colorwhite);
}

[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-type="accordions"] > [data-rlta-element="button"] {
	border: 0;
	border-radius: 0;
	padding: .75rem 0 .75rem 40px;
	background: none !important;
}

[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-type="accordions"] > [data-rlta-element="panel"], [data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-type="tabs"] > [data-rlta-element="panels"] > [data-rlta-element="panel"] {
	background: none;
	border: 0;
	border-radius: 0;
    padding:0;
}

[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-type="accordions"] > [data-rlta-element="button"] > [data-rlta-element="heading"], [data-rlta-element="container"][data-rlta-state="ready"][data-rlta-type="tabs"] > [data-rlta-element="button-list"] > [data-rlta-element="button"] > [data-rlta-element="heading"] {
	font-size: 28px;
	font-weight: 600;
	margin: 0;
	padding: 0;
	width: 100%;
}

@media(max-width: 991px) {
[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-type="accordions"] > [data-rlta-element="button"] > [data-rlta-element="heading"], [data-rlta-element="container"][data-rlta-state="ready"][data-rlta-type="tabs"] > [data-rlta-element="button-list"] > [data-rlta-element="button"] > [data-rlta-element="heading"] {
	font-size: 24px;
}
}

@media(max-width: 767px) {
    [data-rlta-element="container"][data-rlta-state="ready"][data-rlta-type="accordions"] > [data-rlta-element="button"] > [data-rlta-element="heading"], [data-rlta-element="container"][data-rlta-state="ready"][data-rlta-type="tabs"] > [data-rlta-element="button-list"] > [data-rlta-element="button"] > [data-rlta-element="heading"] {
        font-size: 19px;
    }
    [data-rlta-element="container"] > [data-rlta-element="button"] > [data-rlta-element="heading"]::before {
        margin: -7px 0 0 0;
    }
}

[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-type="accordions"] > [data-rlta-element="panel"] > [data-rlta-element="panel-content"], [data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-type="tabs"] > [data-rlta-element="panels"] > [data-rlta-element="panel"] > [data-rlta-element="panel-content"] {
	padding: 0 0 0 40px;
}

[data-rlta-element="container"] > [data-rlta-element="button"] > [data-rlta-element="heading"]::before {
	content: '';
	position: absolute;
	left: 0;
	background: url(../images/arrow.svg) no-repeat center;
	width: 29px;
	height: 40px;
    transition: all .3s;
}

[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-type="accordions"] > [data-rlta-element="button"]:not([data-rlta-state="closed"]) h4::before {
	content: '';
	width: 29px;
	height: 50px;
	transform: rotate(90deg);  
    filter: brightness(0) saturate(100%) invert(99%) sepia(3%) saturate(1%) hue-rotate(275deg) brightness(104%) contrast(100%);
}

/* kontakt */
.kontakt {
	background: var(--colorblaudark);
	color: var(--colorwhite);
}

.kontakt h2 {
	margin-bottom: 40px;
}

.kontakt a {
	color: var(--colorwhite);
}

/* anchor */
.topslider, .ueberuns, .faq, .kontakt {
	position: relative;
}

 #projekt, #menschen, #fakten, #kontakt, #Willkommen, #Geschichte  {
	position: absolute;
	width: 20px;
	height: 20px;
	top: -110px;
}

@media (max-width: 767px) {
    #projekt, #menschen, #fakten, #kontakt, #Willkommen, #Geschichte  {
        top: -40px;
    }
}

.t4-main-body a[href="#menschen"] {
  border-bottom: 1px solid;
  transition: all .3s;
}

.t4-main-body a[href="#menschen"]:hover {
	opacity: .5;
}

/* topslider */
.topslider {
	max-height: calc(96vh - 70px);
	overflow: hidden;
	margin-top: 70px;
}

.headertext {
	background: var(--colorgruen);
	position: absolute;
	bottom: 0;
	/*right: 19vw;*/
	max-width: 409px;
	color: #fff;
	border-radius: 2rem 0;
    padding: 20px 20px;
    width: auto;
    margin-left: 10px;
   /* transition: all .3s;*/
}

.headertext p {
	font-size: 169%; 
	line-height: 1;
	text-align: center;
	margin-bottom: 0;
}

@media(max-width: 767px) {
    .headertext {
        border-radius: 1rem 0;
        padding: 10px 20px;  
    }
    .headertext p {
        font-size: 105%; 
    }
}

/* footer */
.footer {
	background: var(--colorblack);
	color: var(--colorwhite);
	text-align: right;
}

.footer a {
	color: var(--colorwhite);
    padding-left: 20px;
    transition: all .3s;
}

.footer a:hover {
	opacity: .5;
}

a[href$=".pdf"] {
	padding-left: 50px !important;
	position: relative;
}

a[href$=".pdf"]::before {
	content: " ";
	padding-right: 4px;
	background: url(../images/pdffile.svg) no-repeat center top;
	width: 32px;
	height: 40px;
	display: inline-block;
	position: absolute;
	left: 0;
}

@media (max-width: 767px) {
    a[href$=".pdf"]::before {
        height: 27px;
    }
}

ul {
	padding-left: 25px;
}
li {
	margin-bottom: 15px;
}

/* stimmen */
.Stimmenseite {
	/*margin-top: 30px;
    margin-bottom: -30px;*/
}
.slick-initialized .slick-slide {
	padding: 0;
}

.slick-slide img {
	display: block;
	border-radius: 6vh 0 6vh 0;
}

@media(min-width: 768px) {
    .stimmenimage{
        width: 44%;	
        padding-right: 3vw;
    }
    .panel-txt {
        width: 60%;
    }
}
.panelin-txtin {
	color: var(--colorblaudark);
	font-size: 115%;
}
.panelin-txtin strong{
	font-style: italic;
}

@media (max-width: 991.98px) {
  .nav-breakpoint-lg .t4-megamenu {
    background: var(--colorblack);
    border: 0;
    box-shadow: none;
  }
}

body.contentpane, .contentpane .item-page {
	padding-left: 0 !important;
    padding-right: 0 !important;
}


.wf-mediabox-frame {
  padding:0;
}

.wf-mediabox-nav {
  position: absolute;
  top: 40px;
  right: 40px;
  max-width: 1199px;
  margin: 0 auto;
  background: none;
}

.wf-mediabox-close > svg, .wf-mediabox-prev > svg, .wf-mediabox-next > svg {
	display: none;
}

.wf-mediabox-close.wf-mediabox-focus::after {
	content: '';
	background: url(../images/close.svg) no-repeat center;
	width: 50px;
	height: 50px;
	display: block;
	background-size: cover;
}

/*** header image ***/
.profile-2 .ig-gallery-wrapper, .profile-2 .igui-grid > * > :last-child {
	max-width: 100vw !important;
}

.profile-2 .ig-slideshow-item-inner {
	background-size: cover;
    background-position: center bottom;
	width: 100vw;
}

.navbar-toggler i {
	font-size: 32px;
}

/*** to top***/
#back-to-top:hover, #back-to-top:focus, #back-to-top:active, #back-to-top {
	background-color: rgba(145, 210, 245,.5);
    width: 50px;
    border-radius: 15px 0;
    z-index: 999;
    right: 20px;
}

#back-to-top:hover {
	background-color: rgba(145, 210, 245,.85);
}

#back-to-top .fa.fa-chevron-up {
	display: none;
}

#back-to-top::after {
	content: '';
	background: url(../images/arrow-slider.svg) no-repeat center;
    width: 50px;
    height: 40px;
    display: block;
    filter: brightness(0) saturate(100%) invert(99%) sepia(3%) saturate(1%) hue-rotate(275deg) brightness(104%) contrast(100%);
}

@media (max-width: 1199px) {
    #back-to-top {
        display: none !important;
    }
}


/*** slick.css ***/
.slick-slide .arrowpage {
	margin-top: 20px;
	display: block;
}

/* Arrows */
.slick-prev, .slick-next {
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 91%;
	display: block;
	width: 40px;
	height: 50px;
	padding: 0;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	cursor: pointer;
	color: transparent;
	border: none;
	outline: none;
	background: transparent;
}

@media screen and (max-width: 767px) {
	.slick-prev, .slick-next {
		bottom: -20px;
	}
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
	color: transparent;
	outline: none;
	background: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
	opacity: 1;
}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
	opacity: 0.1;
}
.slick-prev::before, .slick-next::before {
	font-size: 30px;
	line-height: 40px;
	opacity: 1;
	color: var(--textdark-color);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background: var(--light-color);
}
.slick-prev {
	z-index: 49;
	transition: all .3s;
}
.slick-prev::before {
	content: '';
	background-size: 100% auto;
	height: 40px;
	width: 50px;
	display: block;
	position: absolute;
}
.slick-prev:before {
	background-image:url(../images/arrow-slider.svg);
	transform: rotate(-90deg);
}
.slick-next {
	z-index: 49;
	transition: all .3s;
	right: 0;
}

.slick-next::before {
	content: '';
	background-size: 100% auto;
	height: 40px;
	width: 50px;
	display: block;
	position: absolute;
}

.slick-next:before {
	background-image:url(../images/arrow-slider.svg);
	transform: rotate(90deg);
}
@media screen and (max-width: 767px) {
.slick-prev, .slick-next {
	top: 95%;
	}
}

/* Slider */
.slick-slider {
	color: var(--textdark-color);
	text-align: left;
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

@media (min-width: 768px) {
	.slick-slider .textbox {
		max-width: 100%;
		display: flex !important;
	}
}
.slick-slider .textbox a:hover, .slick-slider .textbox a:focus {
	text-decoration: none;
}

.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0 auto;
	padding: 0;
	max-width: 1109px;
}

.slick-list:focus {
	outline: none;
}
.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}
.slick-slider .slick-track, .slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
}
.slick-track:before, .slick-track:after {
	display: table;
	content: '';
}
.slick-track:after {
	clear: both;
}
.slick-loading .slick-track {
	visibility: hidden;
}
.slick-slide {
	display: none;
	float: left;
	height: 100%;
	position: relative;
}

.slick-slide div p img {
	margin: 0 auto;
}

[dir='rtl'] .slick-slide {
	float: right;
}

.slick-slide img {
	display: block;
	border-radius: 6vh 0 6vh 0;
}
.slick-slide.slick-loading img {
	display: none;
}
.slick-slide.dragging img {
	pointer-events: none;
}
.slick-initialized .slick-slide {
	display: block;
	padding: 0;
}
.slick-loading .slick-slide {
	visibility: hidden;
}
.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
	display: none;
}

.slick-dots {
	list-style: none;
	padding: 0;
	margin: -30px 0 40px;
	display: block;
	width: 100%;
	position: relative;
	z-index: 9;
	text-align: center;
}

.slick-dots li {
	display: inline-block;
}

.slick-dots li button {
	background: var(--colorblau);
	border: 0;
	font-size: 0;
	height: 16px;
	width: 16px;
	margin: 0px 10px 0 2px;
	border-radius: 50%;
}

.slick-dots li.slick-active button {
	background: var(--colorblaudark);
}

@media (max-width: 767px) {
	.slick-dots li {
		display: inline-block;
		width: 30px;
		text-align: center;
	}	
	.slick-dots li button {
		margin: 0px;
	}
}

#redim-cookiehint-bottom {
	position: fixed;
	z-index: 99999;
	left: 0px;
	right: 0px;
	bottom: 0px;
	top: auto !important;
}

#redim-cookiehint {
    padding: 30px 20px;
    box-sizing: border-box;
    font-size: 14px;
    background-color: #000;
    text-align: center;
}
#redim-cookiehint {
    box-shadow: none !important;
    background: #fff !important;
	color:#000;
}

.cookiebuttons {
	display: inline-block;
}

#redim-cookiehint .cookiecontent {
	font-size: 14px;
	display: block;
	margin-bottom: 20px;
	color: #000;
}

#cookiehintinfo {
	float: left;
}

#redim-cookiehint .cookiebuttons .btn, #cookiehintinfo a {
	text-decoration: none !important;
	padding: 14px 10px !important;
	border-radius: 0px !important;
	color: #fff;
	background-color: #007daa;
	font-size: 17px;
	line-height: 1;
	cursor: pointer;
	display: inline-block;
	border:1px solid #007daa !important;
	margin: 0 5px 10px;
	transition: all .3s;
	font-weight: 400;
}

.cookiecontent a {
	color: #fff;
}


#cookiehintsubmit {
	background: #007daa !important;
	color: #fff !important;
	border:1px solid #007daa !important;
}
#cookiehintsubmit:hover,
#redim-cookiehint .cookiebuttons .btn:focus, #cookiehintinfo a:focus,
#redim-cookiehint .cookiebuttons .btn:hover, #cookiehintinfo a:hover {
	background: #fff !important;
	color: #007daa !important;
	border-color: #007daa !important;
}

#redim-cookiehint .cookiehead .headline {
	padding: 3px 0px 3px 0px;
	color:#000;
}

#redim-cookiehint .cookiehead .headline::before {
	display: none;
}

#cookiehintsubmit, #cookiehintsubmitno {
	background: #007daa !important;
	color: #fff !important;
}