*{margin:0; padding:0; font-family: 'Titillium Web',arial,serif; color: #3F4143; }

body{margin:10px 10px 0; }
.container{width:1100px; margin:auto; position:relative; }
.sidemenu_container .container{width:initial;}

h1, h3{color: #3098D3; font-size:22px; line-height:32px; font-weight:400; margin-bottom:10px;}
.produktuebersicht_start h1, h2{color:#2a428f; font-size:18px; line-height:26px; font-weight:700; padding:0 30px; border-bottom: 1px solid #2a428f; display:block; width: fit-content; margin: auto;}
p{font-size:15px; line-height:25px; margin-bottom:20px;}
.floatend{clear:both;}

.button{color:#d43039; border: 1px solid #d43039; text-decoration:none; border-radius:5px;  font-size:15px; padding: 5px 20px 6px; display:block; width:fit-content; margin:auto; transition: all 0.3s ease; background-color:initial;}
.btn{color:#d43039; border: 1px solid #d43039; text-decoration:none; border-radius:5px;  font-size:15px; padding: 5px 20px 6px; display:block; width:fit-content; transition: all 0.3s ease; background-color:initial;}
.btn:hover, .button:hover{background-color:#d43039; color:#fff; border: 1px solid #d43039;}
.padding_top{padding-top:40px;}
.margin_top{margin-top:40px;}

.head_wrapper{padding-top:20px; position:fixed; top:0; border-top:10px solid #fff; left:10px; right:10px; z-index:999;}
.head_wrapper.white{background-image:none!important; background-color:#fff;}
.logo_link{width:150px; height:200px; background-size:cover; position: fixed; z-index:999; top:5px; left:calc(50% - 75px); transition: all 0.5s ease;}
.logo_link.small{width:113px; height:153px; left:calc(50% - 56.5px);}
.logo_link img{width:150px; height:200px; transition: all 0.5s ease;}
.logo_link.small img{width:113px; height:153px;}

.aside_wrapper{display:flex;}
.news-button{color: #fff; background: #d43039; cursor:pointer; padding: 2px 8px 4px; transition: all 0.3s ease; border-radius:5px; height:fit-content; display:block;}
.headmenu_aside{display:grid; grid-template-columns: 1fr 1fr; max-width:calc(50% - 60px); margin-left:auto; margin-right:10px; margin-bottom:10px; text-align:right; gap:20px;}
.news_wrapper{position:fixed; top:10px; bottom:10px; left:10px; right:10px; z-index:99; background: rgba(48, 152, 211, 0.9); transition: all 0.3s ease;}
.news_wrapper.inactive{display:none;}
.news_wrapinner {max-width: 1100px; margin: auto; margin-top: 130px; background: #fff; padding: 70px 0 20px; border-radius: 5px; position: relative; max-height: calc(100vh - 170px); overflow:auto;}
.news_close{position: absolute; top:10px; right:10px; transform: rotate(45deg); cursor:pointer;}

.nav_hauptmenu{margin-top:20px; margin-bottom:20px;}
.hauptmenu .navbar_ul{display:grid; grid-template-columns: 1fr 1fr 1fr 200px 1fr 1fr 1fr;}
.menu_link{color: #3098D3;text-decoration: none; font-size: 16px; transition: all 0.3s ease; padding-left:50px; cursor: pointer;}
.menu_link:hover{color:#d43039; }


.submenu .menu_link{padding:2px 20px; display:block; color:#3f4143;}
.submenu .menu_link:hover{color:#fff; background-color:#d43039;}

.slide_wrapper{padding:10px; border-bottom:1px solid #2A428F; margin-top:118px;}
.carousel-item{height:550px;}
.slideimg_wrap{position:relative;}
.slide_img{background-size:cover; padding:20px; width:100%;}
.slide_button{position: absolute; top:0; left:0; right:0; bottom:0; text-decoration:none;}
.button_beschriftung {position: absolute; top: calc(50% - 24px); text-align: center; display: block; width: fit-content; border: 2px solid #fff;padding: 3px 10px; border-radius:10px; left: calc(50% - 64px); color: #fff; transition: all 0.3s ease; background: rgba(63, 65, 67, 0.5); opacity:0;}
.slide_button:hover .button_beschriftung{opacity:1;}
.slide_content{text-align:center; margin-top:40px; padding: 0 100px;}
.carousel-indicators{top:424px; height:fit-content; }
.carousel-indicators [data-bs-target]{width:12px; height:12px; border-radius:50%; background-color: #b9bbbc; opacity:1; border:1px solid #b9bbbc;}
.carousel-indicators .active{border: 1px solid #3098D3; background-color:initial;}


.produktuebersicht_grid{display:grid; grid-template-columns: repeat(11, 1fr); gap: 14px; margin-top:30px;}
.produktuebersicht_grid .produkt_item{position:relative; text-decoration:none; font-size:14px; line-height:22px; transition:all 0.3s ease;}
.produktuebersicht_grid .produkt_item:hover .produktname{color: #d43039;}
.produktuebersicht_grid .button_beschriftung{left:calc(50% - 41px); padding:2px; border-radius:5px;}
.produktuebersicht_grid .produkt_item:hover .button_beschriftung{opacity:1;}
.produktuebersicht_grid .produkt_img{margin:0 auto 20px; display:block;}
.produktuebersicht_grid .produktname{text-align:center; color:#3098d3; }
.produktuebersicht_start .produkte_content{text-align:center;}


.grid_zwei{display:grid; grid-template-columns:1fr 1fr; gap:80px; margin-top:30px;}
.zweispaltig_kacheln .tile{text-align:center;}
.tile_button{position:relative; display:block;}
.zweispaltig_kacheln p{color: #3098d3;}
.tile_button .beschriftung_wrap{position: absolute; width: 100%; left:0; right:0; top: calc(50% - 24px); text-align:center; }
.tile_button .tile_beschriftung{display: block; width: fit-content; border: 2px solid #fff;padding: 3px 10px; border-radius:10px; left: calc(50% - 64px); color: #fff; transition: all 0.3s ease; background: rgba(63, 65, 67, 0.5); opacity:0; margin:auto;}
.tile_button:hover .tile_beschriftung{opacity: 1;}

.content_img{padding:15px 15px 20px; width:100%; background-size:cover; background-repeat:no-repeat; margin-bottom:10px;}
.produktdetail{margin-bottom:30px;}

.button_box{position: relative; display:block; width: fit-content; margin:auto; margin-bottom:40px;}
.box_grid{display:grid; grid-template-columns:1fr 1fr; gap:5px; }
.box_link{max-width:290px; text-decoration:none;}
.box_link p{color:#fff; margin:0; text-align:center; line-height:20px; transition: all 0.3s ease;}
.box_link p.small{font-size:12px; line-height:18px;}
.box_link.left{padding: 10px 40px 10px 20px; background-color: #3f4143; border-radius: 10px 0 0 10px;}
.box_link.left:hover{background-color: #585b5d;}
.box_link.right{padding: 10px 20px 10px 40px; background-color: #3098D3; border-radius: 0 10px 10px 0;}
.box_link.right:hover{background-color:#298ac1;}
.box_hint {position: absolute; z-index: 99; background: #fff; font-size: 12px; text-align: center; width: 30px; height: 30px; display: grid; align-content: center; border-radius: 15px; top: calc(50% - 15px); left: calc(50% - 15px);}
.content_center{text-align:center;}

.sidemenu_grid{display:grid; grid-template-columns:1fr 5fr; gap:40px;}
.sidemenu_item{display:block; text-decoration:none; border-bottom:1px solid #3f4143; padding: 2px 0; color: #3f4143;}
.sidemenu_item.active{color:#d43039;}

.produkte_grid{margin-top:0; gap:60px;}
.produkt_tile{display:grid; grid-template-columns:73px 1fr; gap:20px; text-decoration:none;}
.sidemenu_container .produkt_tile h2{border-bottom:initial; color:#3098d3; font-size:17px; line-height:27px; font-weight:400; margin-bottom:10px; padding:0; transition: all 0.3s ease; width:auto;}
.sidemenu_container .produkt_tile h2{border-bottom:initial; color:#3098d3; font-size:17px; line-height:27px; font-weight:400; margin-bottom:10px; padding:0; transition: all 0.3s ease; width:auto;}
.produkt_tile:hover h2{color:#d43039;}

.produkt_content .img_col{width:330px; float:right; padding-left:30px; padding-bottom:30px;}
.content_img{display:block; margin-bottom: 30px; padding:20px; background-color:#fff; box-shadow:0px 0px 4px 1px rgba(63, 65, 67, 0.5);}

.download{color:#3098de; text-decoration:none; transition:all 0.3s ease;}
.download:hover{text-decoration: underline;}

.sidemenu_container h2, .fliesstext.grau h2{border-bottom:initial; color:#3098d3; font-size:22px; line-height:32px; font-weight:400; margin-bottom:10px; padding:0; transition: all 0.3s ease; width:auto;}

.fliesstext.grau{padding-bottom:30px; margin-top:30px;}

.grau{border-top:1px solid #3F4143;}

.kontakt_grid_outer{ display:grid; grid-template-columns:2fr 1fr; gap:40px;	}
.kontaktdata_wrap .grid_zwei{margin-top:initial;}
.google_wrap{ max-height:500px; background-size:cover; background-position:50%;}

.kontakt_form label{color:#3098d3; font-size:15px;}
.kontakt_form .form-group, .kontakt_form .formcheckbox{margin-bottom:10px;}
.kontakt_form textarea{height:100px;}
.kontakt_form input[type=checkbox]{margin-right:20px;}
.kontakt_form .formcheckbox a{color:#3098d3;}

.fliesstext a, .zweispaltig a, .grid_zwei a{color:#3098d3; text-decoration:none;}
.result a{color:#3098d3;}

footer{padding:30px 0; font-size:14px; border-top:1px solid #3F4143;}
.footkontakt_grid{display:grid; grid-template-columns:72px 1fr; gap:30px;}

.footmenu{background-color:#3098d3; font-size:14px;}
.copyright{color:#fff; padding-top:5px; padding-bottom:5px;}
.footmenu_wrap {width: fit-content; margin-left: auto; padding-top: 5px;}
.grid_zwei a.footitem {color: #fff; text-decoration: none; margin-left: 20px;}
.footmenu .grid_zwei{margin-top:initial;}

.sitemap_wrap{display:grid; grid-template-columns:1fr 240px; gap:80px;}
.foerderung{display:grid; align-items:end;}
.sitemap_menu {display: grid; grid-template-columns: 2fr 1fr 1fr 1fr ; gap:30px; margin-top:30px;}
.sitemap_1{display:none;}
.sitemap_2 .sitemap_sub { display: block; column-count: 2;}
.sitemap_headline_link {display: block; border-bottom: 1px solid #3f4143; margin-bottom: 10px; color: #3f4143; text-decoration: none; padding-bottom:5px;}
.sitemap_link{display:block; color: #3f4143; text-decoration:none;}

.google_wrap{position:relative;}
.google_wrap .button_beschriftung{left:calc(50% - 90px);}
.google_wrap:hover .button_beschriftung{opacity:1; left:calc(50% - 90px);}

.schnellkontakt{color: #3F4143; text-decoration:none; font-size:13px;}

ul{padding-left:10px;}
ul li{list-style:none; text-indent:-20px; margin-left:20px; font-size:15px; line-height:25px;}

.akkordeon_item{margin-bottom:20px;}
.item_headline{cursor:pointer; width:100%; padding:10px; border-bottom:initial; color:#3098d3; border-bottom:1px solid #3098d3;}
.akkordeon_container.inactive .item_content{display:none; padding:15px;}

.search_form input[type="text"]{font-size:12px; padding:2px 4px; text-align:center;}
.search_form .search_button{font-size:12px; padding:2px 4px; color:#fff;  background-color:#134292; border:1px solid #134292;}
.highlight{color:#d43039;}

.menu_toggle{display:none;}

.schnellkontakt:before,
ul li:before,
input.search_button:before,
.news_close:before{font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

.schnellkontakt:before{content:"\e601"; color: #134292; font-size: 18px; margin-right: 5px; display: inline-flex; vertical-align: sub;}
ul li:before{content:"\e60c"; color:#3098d3; margin-right:5px; font-size:15px;}
.plus ul li:before{content:"\e607";}
input.search_button:before{content:"\e607";}
.news_close:before{content:"\e607"; font-size:20px; color: #3098D3;}

@media(max-width:1200px){
	.news_wrapinner{margin-left: 5%; margin-right:5%; max-width:initial;}
	
}

@media(min-width:1024px){
	.submenu{position:absolute; background:#fff; padding:20px 0 10px; margin-left:30px;margin-top:10px; border-bottom: 5px solid #3098d3; }	
}

@media(max-width:1023px){
	.head_wrapper{padding-top:10px;}
	.headmenu_aside{grid-template-columns:1fr; gap:10px;}
	.hauptmenu{display:none;}
	.produktuebersicht_grid{grid-template-columns:repeat(6, 1fr);}
	.container{width:calc(100% - 40px); margin: 0 20px;}
	.sidemenu_container .container{width:100%; margin:0;}
	.sidemenu_grid{gap:30px;}
	.produkt_content .img_col{width:45%;}
	.slide_content{padding:0 30px;}
	.kontaktdata_wrap .grid_zwei{grid-template-columns:1fr; gap:0px;}
	.carousel-item{height:500px;}
	.carousel-indicators{top:initial; bottom:0;}
	.slide_content{margin:0;}
	
	.nav_hauptmenu {position: absolute; top: 14px; margin: 0;}
	.menu_toggle{width:30px; height:24px; display:grid; align-content:space-between;}
	.line{width:100%; height:4px; background:#3098d3;}
	
	.slide_wrapper{margin-top:86px;}
	
	.hauptmenu{width: fit-content; background: #fff; position: relative; left: -32px; top: 10px; padding: 30px 30px 30px; min-width:200px; border-bottom:5px solid #3098d3;}
	.hauptmenu .navbar_ul{display:block;}
	.menu_link{padding-left:initial; margin:10px 0; display:block;}
	
	.sitemap_wrap{grid-template-columns:1fr; gap:30px;}
	
	.news-button{position: absolute; top:10px; left:60px;}
}

@media(min-width:768px){
	.container{max-width:initial;}
	
}
@media(min-width:576px){
	.container{max-width:initial;}
	
}



@media(max-width:768px){
	.sidemenu_grid{grid-template-columns:1fr;}
	.sidemenu.padding_top { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 0 30px;}
	.grid_zwei{grid-template-columns:1fr; gap:00px;}
	.kontakt_grid_outer{grid-template-columns:1fr;}
	.google_wrap{height:250px;}
	.carousel-item{height:410px;}
	.logo_link{width:120px; height:auto; left:calc(50% - 60px);}
	.logo_link img{width:120px; height:auto;}
	.logo_link.small{width:90px; height:auto; left:calc(50% - 45px);}
	.logo_link.small img{width:90px; height:auto;}
	
	.sitemap_menu{grid-template-columns:1fr 1fr 1fr 1fr;}
	.sitemap_2 .sitemap_sub{column-count:initial;}
	
}

@media(max-width:620px){
	.search_form fieldset{width:120px; display:block; margin-left:auto;}
	.search_form input{width:100%;}
	.slide_wrapper{margin-top:111px;}
	
	.sidemenu.padding_top{grid-template-columns:1fr 1fr;}
	
	.sitemap_menu{grid-template-columns:1fr ;}
}

@media(max-width:576px){
	.container{max-width:initial;}
	.produkt_content .img_col{float:initial; width:100%;padding-left:0; padding-bottom:0;}
	.carousel-item{height:450px;}
	
	.produktuebersicht_grid{grid-template-columns:repeat(4, 1fr);}
	
	.box_grid{grid-template-columns:1fr;}
	.box_link.left{border-radius: 10px 10px 0 0; padding: 10px 10px 30px;}
	.box_link.right{border-radius: 0 0 10px 10px; padding: 30px 10px 10px;}
}

@media(max-width:512px){
	.schnellkontakt{display:none;}
	.slide_wrapper{margin-top:82px;}
}

@media(max-width:400px){
	h1, h3{font-size:20px; line-height:28px;}
	
	.produktuebersicht_grid{grid-template-columns:repeat(2, 1fr);}
	
	.logo_link{width:90px; height:auto; left:calc(50% - 45px);}
	.logo_link img{width:90px; height:auto;}
	.logo_link.small{width:60px; height:auto; left:calc(50% - 30px);}
	.logo_link.small img{width:60px; height:auto;}
	
	.sidemenu.padding_top{grid-template-columns:1fr;}
	
	.produkt_tile{margin-bottom:20px;}
	
	.container {width: calc(100% - 0px);  margin: 0 0px;}
	.foerderung img{max-width:100%;}
	.headmenu_aside{display:none;}
	.head_wrapper{height:82px;}
}