/* lato-300 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/lato-v23-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato-v23-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v23-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v23-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v23-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v23-latin-300.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/lato-v23-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato-v23-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v23-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v23-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v23-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v23-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-700 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/lato-v23-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato-v23-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v23-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v23-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v23-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v23-latin-700.svg#Lato') format('svg'); /* Legacy iOS */
}


:root
{
	--hellgelb: #ffeb5e;
	--dark: #000000;
	--hgrey: #6F6D71;
	--link:#e52c1f;
	--orange:#f26125;
}

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

}

body {
	height:100%;margin:0;	padding:0;background-color:#ffffff;color:var(--dark);	font-family: 'Lato', sans-serif;	font-size:18px;font-weight:400;}

p{margin:0;padding:0px 0 18px 0;line-height:1.4}

h1, h2 {font-family: 'Lato', sans-serif;font-weight:600;line-height:1.1;color:var(--dark);}
h3, h4, h5{font-weight:400;color:var(--dark);}

h1{font-size:32px;margin:0;padding:0 0 20px 0;}
h2{font-size:28px;margin:0;padding:0 0 20px 0;}
h3, .h3{font-size:26px;margin:0;padding:0 0 4px 0;}
h4, .h4{font-size:28px;font-weight:700;line-height:100%; margin:0;padding:0;}
h3.newsflash-title{font-size:22px;}

a{color:var(--dark);text-decoration:none;}
a:hover{color:#0a5a95;}

ul{margin:0 0 18px 24px;padding:0;}
ul li{line-height:1.4;padding-bottom:4px}

.strong{font-weight:600;}

.clr{clear:both;}
.umbruch:after{clear:both;content:'';display:table;}

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

.desktop{display:none;}
.onlybig{display:none;}

header{ position: fixed; height: 128px; z-index: 99999;  background-color: #fff;  width: 100%;top:0;}
header:after, #headerwrap:after{clear:both;display:table;content:'';}
#headerwrap{display:grid;grid-auto-flow: row; grid-gap:0 2%;grid-template-columns:1fr 2fr; align-items:center;}
#logo{padding:20px 5% 0 20px;position:relative;text-align:right;z-index:10;}
#logo img{max-width:220px;height:auto;}
header.smaller{height:100px;}
header.smaller #logo img{height:50px;width:auto;}
#mainwrap{margin-top:128px;}
#contentwrap{position:relative;z-index:9;}

#content_inner{padding:20px 5%;}
#content_inner ul {list-style:none;}
#content_inner ul li{position:relative;}
#content_inner ul li:before{content: '\e649';font-family: "themify";position:absolute;left:-20px;top:2px;font-size:16px;}

#bottom1wrap{position:relative;margin-top:-250px;padding:180px 0 0px 0;background-image:url("../images/bg_bottom1.webp");background-repeat:no-repeat;background-position:bottom center;background-size:cover;}
/* #bottom1bg{background-image:url("../images/bg_superhelden.webp");background-repeat:no-repeat;background-position:bottom center;background-size:contain;margin-left:5%;position:relative;z-index:12;}*/
#bottom1bg{margin-left:10%;position:relative;z-index:12;}
#bottom1bg p{margin:0;padding:0;}
#bottom1bg .moduletable.onlysmall img{max-width:85%;}
#bottom1inner{ position: relative; z-index: 99; margin-right:5%;padding-bottom:120px;}

#bottom2wrap{  position: relative;  top: -190px; padding:180px 0 100px 0; z-index: 5;background-image:url("../images/bg_bottom2.webp");background-repeat:no-repeat;background-position:top center;background-size:cover;margin-bottom:-190px;}
#bottom2inner{width:80%;margin:auto;padding:60px 0;}

#bottom3wrap{  position: relative;  top: -70px; padding:80px 0 60px 0; z-index: 5;background-image:url("../images/bg_bottom3.webp");background-repeat:no-repeat;background-position:top center;background-size:cover;margin-bottom:-70px;}
#bottom3wrap:before {content:"";background-image:url("../images/bubble_mission.png");background-repeat:no-repeat;background-size:contain;padding:0px;line-height:1;position:absolute;z-index:10;right:2%;top:-30px;width:200px;height:180px;}
#bottom3inner{width:80%;margin:auto;padding:60px 0 200px 0;color:var(--hgrey);}
#bottom3inner h3{font-size:28px;font-weight:700;margin-bottom:20px;}

#bottom4wrap{  position: relative;  top: -50px; padding:80px 0 60px 0; z-index: 4;background-image:url("../images/bg_bottom4.webp");background-repeat:no-repeat;background-position:center center;background-size:cover;margin-bottom:-50px;}
#bottom4inner{width:80%;margin:auto;padding:60px 0;}

#bottom5wrap{  position: relative;  top: -30px; padding:80px 0 60px 0; z-index: 6;background-image:url("../images/bg_bottom5.webp");background-repeat:no-repeat;background-position:top center;background-size:cover;margin-bottom:-30px;}
#bottom5wrap:after {content:"";background-image:url("../images/bubble_superkraft.png");background-repeat:no-repeat;background-size:contain;padding:0px;line-height:1;position:absolute;z-index:10;right:2%;bottom:-60px;width:200px;height:180px;}
#bottom5inner{width:80%;margin:auto;padding:60px 0;}

#bottom6wrap{  position: relative;  top: -100px; padding:80px 0 60px 0; z-index: 5;background-image:url("../images/bg_bottom6.webp");background-repeat:no-repeat;background-position:top center;background-size:cover;margin-bottom:-100px;}
#bottom6inner{width:80%;margin:auto;padding:60px 0;}

#footer1, #footer2, #footer3, #footer4{padding:20px 5%;}
#footer1{color:var(--hgrey);}
#footer1 ul{list-style:none;margin:0;padding:0;}
#footer2 ul{list-style:none;margin:0;padding:0;}
#footer2 a{color:var(--hgrey)}
#footer3 ul{list-style:none;margin:0;padding:0;}
#footer4 ul{list-style:none;margin:0;padding:0;}

li.logos ul li{display:inline-block;padding:30px 20px 0 0;}
li.logos ul li img{max-height:44px;width:auto;display:block;}
#footer4 li.logos ul li{padding-top:0px;}
#footer4 li.logos ul li img{max-height:120px;width:auto;}

#footer3 .bannergroup{display:flex;}
#footer4 .bannergroup{display:flex;}
.banneritem{padding:0 6px;}
#footer4 .bannerfooter{font-size:14px;max-width:560px;}

button.cf-btn{font-weight:bold;}

.anker{scroll-margin-top:100px;}

.bgbox{position:relative;clear:both;}
.bgbox .textbox{position:relative;background-color:#fff297;padding:30px 10% 60px 10%;}
.bgbox .bgfrontimage{position:absolute;bottom:2px;left:0;width:50%;}
.bgbox .bgimage{position:relative;}


#accordionGroup div{ scroll-margin-top: 170px;}
/* Accordion */
.Accordion {padding:0}
.Accordion h2, .Accordion h3 {margin: 0;padding: 0;}
.Accordion.focus { }
#bottom2_wrap .Accordion.focus {}
.Accordion > * + * {}
.Accordion-trigger { background: none; display: block; margin: 0; padding: 1em 1.5em 1em 30px; position: relative; text-align: left; width: 100%; outline: none;}
.Accordion-trigger:focus,.Accordion-trigger:hover {}
#bottom2_wrap .Accordion-trigger:focus,#bottom2_wrap .Accordion-trigger:hover {}

button { border-style: none;}
.Accordion button::-moz-focus-inner { border: 0;}
.Accordion-title { display: block; pointer-events: none; outline: none;}
.Accordion-trigger:focus .Accordion-title {}
.Accordion-icon:before{content: '\e61a';font-family: "themify";left:0px;position: absolute;text-align: center;top: 22px; line-height: 18px;color: #ff4040;font-size:20px;}
.Accordion-trigger:focus .Accordion-icon,.Accordion-trigger:hover .Accordion-icon { border-color: #ffffff; color:#ffffff;}
.Accordion-trigger[aria-expanded="true"] .Accordion-icon:before {content: '\e622';}
.Accordion-panel { margin: 0; padding: 0em 10% 1em 30px;}
#bottom2_wrap .Accordion-trigger[aria-expanded="true"], #bottom2_wrap .Accordion-trigger[aria-expanded="true"] + div{background-color:#ffffff;}
#accordionGroup .intro{padding:0 10% 0 10px;}
/* For Edge bug https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/4806035/ */
.Accordion-panel[hidden] { display: none;}

/* Ansprechpartner */
.uk-slider-container-offset{margin:0!important;padding:0!important;}
ul.uk-slider-items{padding-top:40px;padding-bottom:30px;}
li.uk-card .text-center{background-color:#ffffff;border-radius:20px;padding:30px 20px;height:100%}
li.uk-card{-webkit-transition: all 1s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;-o-transition: all 0.3s; transition: all 0.3s;}
.moduletable.asp h2{text-align:center;}
.cardgrid{margin:0;padding:0;display: grid; grid-auto-flow: row; grid-gap:20px 2%;grid-template-columns:1fr 3fr; align-items:center;}
.cardgrid img{border-radius:50%;}
.uk-slidenav{color:var(--dark)!important;}

/* Formular */
.cf-form-wrap{padding:0!important;}
input::placeholder, textarea::placeholder{color:var(--hgrey)!important;}
.convertforms .cf-checkbox-group, .convertforms .cf-radio-group { -webkit-box-align: start!important; -ms-flex-align: start!important; align-items: start!important;  gap: 5px; padding: 2px 0;}
.convertforms .cf-input[type="checkbox"], .convertforms .cf-input[type="radio"] {  margin-top: 5px!important;}
div.hide{display:none}

/* Fields */
ul.fields-container{margin:0;padding:0;list-style:none;}
ul.fields-container li{margin:0;padding:0px ;line-height:1.4}

/* News */
.newsgrid{margin:0;padding:0;display: grid; grid-auto-flow: row; grid-gap:20px 2%;grid-template-columns:1fr; align-items:start;}
.moduletable.background article{height:100%;background-color:#ffffff;border-radius:20px;}
.moduletable.background .grid_txt{padding:20px;}
.moduletable.background h2{color:#ffffff;}
.bgItemImage img{width:100%;height:auto;}
.bgItemImage {border-radius:20px;}
.newsgrid article{height:100%;background-color:#ffffff;border-radius:20px;}
.newsgrid article .bgItemImage {border-bottom-left-radius:0px;border-bottom-right-radius:0px;}
.newsgrid article .grid_txt{padding:20px 5%;}

/* Angebote */
.moduletable.background.angebot .grid_txt{padding:20px 6%;}
.moduletable.angebot .gridItem-1 h3:before{content: url("../images/maurerkelle.png");display:block;padding-bottom:10px;}
.moduletable.angebot .gridItem-2 h3:before{content: url("../images/kreis.png");display:block;padding-bottom:10px;}
.moduletable.angebot .gridItem-3 h3:before{content: url("../images/gluehbirne.png");display:block;padding-bottom:10px;}
.moduletable.angebot .gridItem-4 h3:before{content: url("../images/saege.png");display:block;padding-bottom:10px;}
.moduletable.angebot .gridItem-5 h3:before{content: url("../images/bohrmaschine.png");display:block;padding-bottom:10px;}
.moduletable.angebot .gridItem-6 h3:before{content: url("../images/malerrolle.png");display:block;padding-bottom:10px;}

/* Kalender */
.mod-dpcalendar-upcoming-panel__date{font-size:24px!important;font-weight:900!important;font-style:normal!important;line-height:1.4!important;position:relative;padding-bottom:30px!important;display:block;}
.mod-dpcalendar-upcoming-panel__date:before{content: url("../images/icon_termine.png");  top: 20px;  position: relative;  padding-right: 20px;}
.mod-dpcalendar-upcoming h3{font-size:20px;font-weight:700;line-height:1.4;}
.mod-dpcalendar-upcoming-panel__event{
	border: 3px solid transparent; /* Transparenter Rahmen als Grundlage */
	border-radius: 20px; /* Abgerundete Ecken */
	background-image: linear-gradient(to bottom right, #12C2E9, #C471ED, var(--link)); /* Regenbogenfarbverlauf */
	background-origin: border-box;}
.mod-dpcalendar-upcoming-panel__information{padding:20px!important;background-color:#ffffff;height:100%;}
.mod-dpcalendar-upcoming-panel__description{color:var(--hgrey);}

/* Mobiles Menü */
.mobilemenuck-bar-title{display:none!important;}
.mobilemenuck-bar-button{position:relative!important;}

/* Single Artikel */
.singleItemWrap{}
.singleItem{width:80%;max-width:1170px;margin:auto;padding:60px 0;}
.singleItem h2{font-size:26px;line-height:1.2;}

dl.article-info{margin:0;padding:0;}
dl.article-info .visually-hidden{display:none;}
dd.create{margin:0;padding:10px 0;font-style:italic;}

span.cpnb-button{display:inline-block;margin:6px auto;padding-top:8px;padding-bottom:8px;width:90%;}

span.cpnb-button:before{content:'';display:table; clear:both;}


@media (min-width: 600px) {
	#bottom1bg .moduletable.onlysmall img{max-width:330px;}
	#footer1, #footer2{width:40%;float:left;}
	#footer1 img, #footer2 img{width:100%;max-width:400px;}
	#footer2{text-align:right;}
	#footer3{clear:both;}

}
@media (min-width: 700px) {
	#bottom3wrap:before {width:300px;height:290px;top:-80px;}
	#bottom5wrap:after {width:300px;height:290px;bottom:-120px;}
	.newsgrid{grid-template-columns:1fr 1fr;}

}


@media (min-width: 1024px) {
	#headerwrap{grid-template-columns:1fr 25%; }
	#wrapper{width:96%; max-width:1900px;margin:auto;}
	.mobil{display:none;}
	.desktop{display:block;}
	nav#mainmenu ul{margin:0;padding:0;list-style:none;}
	nav#mainmenu ul li{}
	li.uk-card:hover, li.uk-card:focus{transform: scale(1.2);margin-left:40px;margin-right:40px;}

	.newsgrid{grid-template-columns:1fr 1fr 1fr;}
	.singleItem figure.item-image{float:left;padding:18px 4% 16px 0;width:48%;}

}

@media (min-width: 1200px) {
	h2, .h2{font-size:42px;line-height:140%;font-weight:700;}
	h3, .h3{font-size:32px;line-height:100%;font-weight:700;}
	.bgbox .bgfrontimage{width:66%;}
	.bgbox .textbox{width:32%;top:10%;right:4.6%;font-size:18px;line-height:170%;position:absolute;background-color:#ffffff;padding:30px 60px;}
	.moduletable.onlysmall{display:none;}
	.moduletable.onlybig{display:block;}
	#bottom1wrap{grid-gap:0; display: grid; grid-auto-flow: row; grid-template-columns: 1fr 1fr; }

}

@media (min-width: 1366px) {
	#feature{width:70%;float:left;top:20px;margin-bottom:0;}
	footer:before{display:table;content:"";clear:both;}
	#content_inner{padding-left:0;margin-left:-50px;}
	#shape{shape-outside:polygon(0% 0%,80px 0%, 0% 100%); float: left;  width:80px;height:600px;}
	#content_inner ul li:before{content: '\e649';font-family: "themify";position:relative;left:0;top:2px;font-size:16px;}
	#bottom5wrap:after{right:25%;bottom:-140px;}
	div.surfer{position:relative;}
	div.surfer:before {content:"";background-image:url("../images/surfer_new.png");background-repeat:no-repeat;background-size:contain;padding:0px;line-height:1;position:absolute;z-index:10;right:-8%;top:-280px;width:380px;height:267px;}
	div.hide{display:block;visibility:hidden;}

}

@media (min-width: 1400px) {
	#mainmenu{padding-left:5%;}
	#mainmenu ul{list-style:none;margin:0;padding:0;}
	#mainmenu ul li{display:inline-block; margin:0;padding:0;}
	#mainmenu ul li a{font-size:24px;color:#19181B;display:block;padding:6px 10px;}
	#mainmenu ul li.active a{color:var(--link);text-decoration:underline;}
}

@media (min-width: 1500px) {
	h1{font-size:50px;font-weight:700;line-height:120%;padding-bottom:50px;}
	.singleItem h2{font-size:30px;}
	.bgbox .textbox{width:488px;padding:30px 60px;top:15%;right:4.6%;line-height:170%;}
	#bottom5inner{width:96%;margin:auto;padding:60px 0;}
}


@media (min-width: 1600px) {
	.bgbox .bgfrontimage{width:66%;}
	.bgbox .textbox{font-size:22px;}
	.moduletable.background.angebot .grid_txt{padding:20px 60px;}
}

@media (min-width: 1700px) {
	.bgbox .bgfrontimage{width:69%;}
	#bottom3wrap:before {top:-60px;}
	div.surfer:before {right:-15%;top:-320px;width:460px;height:320px;}
	#footer3, #footer4{width:40%;float:left;}
	#footer4{text-align:right;}
	#footer3 .bannergroup{margin-top:24px;}
	#footer4 .bannergroup{justify-content:end;}
	#footer4 .bannerfooter{ float: right; text-align: left;}
}

@media (min-width: 1800px) {
	.bgbox .bgfrontimage{width:71%;}
	#shape{shape-outside:polygon(0% 0%,80px 0%, 0% 100%); float: left;  width:80px;height:770px;}

}
@media (min-width: 1900px) {
	.bgbox .bgfrontimage{width:73%;}
}
@media (min-width: 2000px) {
	#bottom1wrap{margin-top:-320px;}
	#bottom2wrap{top:-220px;margin-bottom:-250px;}
	#bottom3wrap:before{top:-10px;}
	div.surfer:before {right:-5%;}

}

@media (min-width: 2200px) {
	#bottom2wrap{top:-250px;}
}


@media (max-width: 1420px) {
	#bottom3inner h3{font-size:24px;hyphens: auto;hyphenate-limit-chars: auto 3;hyphenate-limit-lines: 4;}
	h3.newsflash-title{font-size:20px;}

}

@media (max-width: 1365px) {
	div.cf-one-fourth, div.cf-one-half{width:100%!important;}
}

@media (max-width: 1199px) {
	.bgbox .bgimage{background-color:var(--hellgelb);}
	#bottom1inner .moduletable{padding:30px 10%;}
	#bottom1wrap{background-position: top center; background-size: 200%;background-color:#caebfb;}
}

@media (max-width: 600px) {
	#bottom3wrap {  top: -140px;}
	#bottom4wrap{top:-120px;margin-bottom:-120px;}
	.singleItem{hyphens: auto;hyphenate-limit-chars: auto 3;hyphenate-limit-lines: 4;}
}