/* source-sans-3-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/source-sans-3-v19-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* source-sans-3-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/source-sans-3-v19-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* source-sans-3-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/source-sans-3-v19-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* source-sans-3-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/source-sans-3-v19-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* source-sans-3-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/source-sans-3-v19-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* source-sans-3-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/source-sans-3-v19-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}



:root
{
	--fbodysize: 1.0rem;
	--ctext:#4c4d52;
	--gruen:#559e33;
	--grau:#5a5a5d;
	--hellgrau:#e6e9e9;
	--hellgruen:#eef5eb;
	--segmenthellgrau: #cdced1;
	--blaugruen:#007c8b;
	--gelb:#fed756;
	--rot: #c83232;
	--boxwidth:1400px;
	--radius:16px;
}

html {
	/* scrollbar fix (prevent ugly left pull for lower content sites) */
	overflow-y: scroll;
	height:100%;
    scroll-behavior: smooth;
}

html, body{margin:0;padding:0; height:100%;}

body{font-family: 'Source Sans 3', sans-serif; font-size:18px;color:var(--ctext); background-color: #fff;font-weight:400;line-height:1.4;}

h1, h2, h3{padding:0;margin:0;font-weight:600;line-height:1.1;}
h1{font-size:30px;color:var(--gruen);padding-bottom:16px;font-weight:700;}
h2{font-size:24px;color:var(--gruen);padding-bottom:20px;}
h1 + h2{color:var(--ctext);font-size:24px!important;}
h3{font-size:20px;padding-bottom:12px;}

p{margin:0;padding:0 0 20px 0;line-height:1.3}
p + h2{margin-top:20px;}


a{color:var(--gruen);text-decoration:none;}
a:hover{color:var(--clinkhover);}

a.button, a.readmore{display:inline-block;background-color:var(--gruen);color:#ffffff;border-radius:var(--radius);margin-top:20px;padding:10px 20px;}
a.mail:before { content: '\e75a'; font-family: 'themify'; color: var(--gruen);aspect-ratio: 1 / 1; border: solid 1px; border-radius: 50%; padding: 6px;  font-size: 20px;  margin-right: 10px;}
a.phone:before { content: '\e621'; font-family: 'themify'; color: var(--gruen);aspect-ratio: 1 / 1;border: solid 1px; border-radius: 50%; padding: 6px;  font-size: 20px;  margin-right: 10px;}

a.extern, a[target=_blank]{position:relative;}
a.extern:after, a[target=_blank]:after{content: '\e732';font-family:'themify';font-size:16px;margin-left:0px;padding-left:4px;top:-4px;position:relative;}
a.button:after{content:'';}

.clr{clear:both;}
b, strong{font-weight:600;}

figure{margin:0;padding:0;}
img{max-width:100%;height:auto;}

span.icon-edit::before { content: '\e61c'; font-family: 'themify'; color: var(--gruen);}


#headerwrap{margin-top:20px; }
#headerwrap:after{content:'';display:table;clear:both;}
#headinner{grid-gap: 1em; display: grid; grid-auto-flow: row; grid-template-columns:  1fr 60px;align-items:center;width:90%;margin:auto;}

#logo{clear:both;width:94%;padding:10px 3%;}
#logo a{display:block;}
#logo p{margin:0;padding:0;line-height:0;}

header.smaller{height:80px;z-index:99;border-bottom:solid 1px var(--chblue);}
header.smaller #logo img{height:60px;width:auto;}
header.smaller #topbar{display:none;}
header.smaller #headerwrap{margin-top:0px; }
header.smaller #headerinner{padding-top:6px;}
header.smaller nav#mainmenu{top:40px;}
header.smaller #mobilemenuck-1-wrap{margin-top:-20px;}

#mainwrap{position:relative;}

nav#mainmenu{float:right;padding-right:3%;}

#cbottom1wrap, #cbottom3wrap{background-color:var(--cbackground);}


#footerwrap{background-color:var(--ctext);color:#ffffff;font-size:20px;}
#footerinner{padding:60px 6.5% 30px 6.5%;}
#footerinner ul{list-style:none;padding:0 0 10px 0;}
#footerinner img{width:100%;max-width:250px;height:auto;}
#footerinner a{color:#ffffff;}


.item-page{width:77%;max-width:1400px;margin:auto;padding:60px 0;}
.itemgrid{display: grid; grid-gap: 1em; grid-auto-flow: row; grid-template-columns:1fr;align-items:center;padding-top:40px;padding-left:6.5%}

.itemgrid.gruen{background-color:var(--hellgruen);}
.itemgrid.grau{background-color:var(--hellgrau);}
.itemgrid.rechts .itemimg{order:1;}
.itemgrid.links .itemtxt{padding-right:6.5%;}
.itemgrid .itemimg{line-height:1;}
.itemgrid.icon .itemimg{padding:60px 0;}
.itemgrid.icon .itemimg img{max-width:100px;height:auto;}
.itemgrid.icon.links .itemimg{text-align:right;}
.blog-item4 .itemgrid{padding-top:0;}
.blog-item4 .itemtxt{padding-top:60px;padding-bottom:60px;}
.blog-item4 .itemgrid .itemimg{background-image:url('../images/GL_kreis_logos.png');background-repeat:no-repeat;background-position:center center;background-size:cover;height:100%;}

.itemgrid .itemimg img{margin-bottom:-50px;}


ul{margin:0;}
ul li{line-height:1.4;}
ul li::marker{color:var(--gruen);}

/* Extrafelder */
ul.fields-container{margin:0;padding:0;list-style:none;}
ul.fields-container li{margin:0;padding:0;}
span.field-label, span.field-value {display:table-cell;}
span.field-label{min-width:140px;padding-right:10px;}


/* Pagination */
.pagination > li > a, .pagination > li > span { line-height: 1.4; color:#4c7b1c!important;}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 2; color: #fff!important; cursor: default; background-color: #4c7b1c!important; border-color: #4c7b1c!important;}
span.icon-angle-left::before { content: '\e64a'; font-family: 'themify'; color: var(--clink);font-size:12px;}
span.icon-angle-double-left::before { content: '\e64a'; font-family: 'themify'; color: var(--clink);font-size:12px;}
span.icon-angle-right::before { content: '\e662'; font-family: 'themify'; color: var(--clink);font-size:12px;}
span.icon-angle-double-right::before { content: '\e661'; font-family: 'themify'; color: var(--clink);font-size:12px;}

.columns-3 {grid-gap: 2em; display: grid; grid-auto-flow: row; grid-template-columns: 1fr 1fr; margin: 0 0 1em; }
.columns-3 .blog-item {display: flex; flex-direction: column;margin-bottom:0;}
.columns-3 .item-block{margin-bottom:0;}

/*Convert Forms */
.convertforms.cf-success .cf-response { background-color: #81cbd4!important; display: block;}
div#cf_1{background:none!important;font-family: 'Source Sans 3', sans-serif!important;font-size:16px!important;margin:0;padding:0;font-weight:300!important;color:#727272!important;}
.convertforms .cf-content-wrap, .convertforms .cf-form-wrap{padding:0!important;}
.convertforms .cf-label{font-weight:300!important;color:#727272!important;}


/* Downloads */
a.download{margin:0 0 0 16px;padding:0 0 10px 0;display:block;position:relative;}
a.download:before{content: '\e632';font-family: 'themify';position: absolute;text-align: center;font-size:12px;font-weight:400;left:-16px;top:2px;}
a.download span.dlfile{hyphens: auto;hyphenate-limit-chars: auto 6;hyphenate-limit-lines: 6;-webkit-hyphens: auto;-webkit-hyphenate-limit-chars: auto 3;
-webkit-hyphenate-limit-lines: 4;-ms-hyphens: auto;-ms-hyphenate-limit-chars: auto 3;-ms-hyphenate-limit-lines: 4;}
a.download span.dltitle + span {display:none;}
a.download span.dltitle + span.dlfile {display:block;}

/* Cookie-Button */
button.cooktext{border:none;background:none;padding:0;font-size:20px;font-family: 'Source Sans 3', sans-serif;color:#ffffff;cursor: pointer;}
#cpnb_inner{font-size:20px!important;}


@media (min-width: 500px) {
	.itemgrid.links.icon{display: grid; grid-gap: 1em; grid-auto-flow: row; grid-template-columns:1fr 5fr;align-items:start;padding-left:10%;padding-top:120px;}
}


@media (min-width: 768px) {

	#footerinner{grid-gap: 1em 4.5%; display: grid; grid-auto-flow: row; grid-template-columns: 1fr 1fr 1fr 1fr;align-items:end;}
}


@media (min-width: 960px) {

	#headinner{grid-gap: 1em 4.5%; display: grid; grid-auto-flow: row; grid-template-columns:  1fr 1fr;align-items:center;width:auto;padding-left:6.5%;}
	#logo{padding:0;}
	#logo img{max-width:500px;height:auto;}

	nav#mainmenu{display:inline-block;padding-top:20px;position:relative;}
	nav#mainmenu ul{margin:0;padding:0;list-style-type:none; position:relative;text-align:left;}
	nav#mainmenu ul li {display:inline-block;padding:0 5% 0 0px ; position: relative; float: left; list-style: none; line-height:20px;}
    nav#mainmenu ul li a {padding-bottom:4px;color:var(--clink);display: block;}
    nav#mainmenu ul li.active a {border-bottom:solid 0px ;color:var(--clinkactiv);}
    nav#mainmenu ul li.active ul li a{border:none;color:var(--clink)}
    nav#mainmenu ul li ul li.active a {color:var(--clinkactiv);}
    nav#mainmenu ul li ul li.active ul li a{color:var(--clink)}
    nav#mainmenu ul li ul li ul li.active a {color:var(--clinkactiv);}

	nav#mainmenu ul li:first-child {}
	nav#mainmenu ul li:last-child {border:none;}
	nav#mainmenu ul li:hover {}

	nav#mainmenu ul li:hover > ul,  nav#mainmenu ul li:focus > ul{position:absolute; top: 100%; left: 0px; padding-top:6px;z-index:90;background-color:#fff;opacity:0.95;}
    nav#mainmenu ul li:not(.focus):not(:hover) > ul {position: absolute;  left: -999em !important;   opacity: 0 !important;}
    nav#mainmenu ul li.js-keyboardFocus.isActive > ul{position:absolute; top: 100%; left: 0px !important; padding-top:6px;z-index:90;background-color:#fff;opacity:0.95 !important;}

	nav#mainmenu ul ul li { float: none; width: 220px;}
	nav#mainmenu ul li ul li{padding:8px;text-transform:none;border-bottom:solid 1px #423e3f;}

	nav#mainmenu ul ul li a { padding: 6px 6px 6px 0;}
	nav#mainmenu ul ul li {border:none;}

	/*Top 3. Ebene */
	nav#mainmenu ul li:hover ul li ul, nav#mainmenu ul li:focus ul li ul{display:none;}

	.itemgrid{display: grid; grid-gap:1em 4.5%; grid-auto-flow: row; grid-template-columns:1fr 1fr;align-items:start;}

	.itemgrid.links.icon{padding-top:0px;}

	.itemgrid.icon .itemtxt{padding:90px 0;}
	.itemgrid.icon .itemimg{padding:90px 0;}
	.itemgrid .itemimg img{margin-bottom:-50px;}
	.itemgrid.links .itemtxt{padding-right:12%;}
	.blog-item4 .itemtxt{padding-top:90px;padding-bottom:90px;}
}

@media (min-width: 1000px) {
	h1{font-size:44px;}
	h2{font-size:30px;}
}

@media (min-width: 1210px) {
	body{font-size:22px;}
	h1{font-size:58px;}
	h2{font-size:40px;}
	.item-page h2{font-size:30px;padding-bottom:14px;}
	.blog-item3 h2{max-width:550px;}
	h3{font-size:30px;}
	.item-page h3{font-size:24px;}
	h1 + h2{color:var(--ctext);font-size:42px!important;margin-bottom:20px;}
	.blog-item4 .itemtxt{padding-top:120px;padding-bottom:90px;}

}

@media (min-width: 1600px) {
	h1{font-size:62px;}
	h2{font-size:50px;}

}
@media (min-width: 1800px) {
	body{font-size:32px;}
	.item-page{font-size:22px;}
	h1{font-size:90px;}
	.item-page h1{font-size:50px;}
	h2{font-size:60px;}
	.item-page h2{font-size:30px;padding-bottom:14px;}
	h3{font-size:40px;}
	.item-page h3{font-size:24px;}
	h1 + h2{color:var(--ctext);font-size:50px!important;margin-bottom:20px;}
	.itemgrid.icon .itemimg img{max-width:110px;height:auto;}
	.itemgrid{padding-top:120px;}
	.itemgrid.icon{padding-top:40px;}
	.blog-item4 .itemgrid{display: grid; grid-gap:1em; grid-auto-flow: row; grid-template-columns:5fr 4fr;align-items:start;}
	.blog-item4 .itemtxt{padding-top:120px;padding-bottom:80px;}

}
@media (min-width: 2200px) {
	body{font-size:36px;}
	.item-page{font-size:24px;}
	h1{font-size:110px;}
	.item-page h1{font-size:60px;}
	h2{font-size:80px;}
	.item-page h2{font-size:40px;padding-bottom:14px;}
	h3{font-size:50px;}
	.item-page h3{font-size:24px;}
	h1 + h2{color:var(--ctext);font-size:65px!important;margin-bottom:20px;}
	.itemgrid.icon .itemimg img{max-width:110px;height:auto;}
	.itemgrid{padding-top:120px;}
	.itemgrid.icon{padding-top:40px;}
	.blog-item2 .itemgrid.icon{padding-top:60px;padding-bottom:60px;}
	.blog-item4 .itemtxt{padding-top:200px;padding-bottom:160px;}
	.itemgrid .itemimg img{margin-bottom:-80px;}
	#footerinner{padding-top:160px;}

}

@media (max-width: 959px) {
	.itemgrid .itemtxt{padding-right:6.5%}
	.itemgrid.icon.links .itemimg{text-align:left;padding-bottom:10px;}
	.itemgrid.links .itemimg img{margin-bottom:0;}
	#footerinner{padding-top:90px;}
}


