/* exo-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: 'Exo';
  font-style: normal;
  font-weight: 400;
  src: url('../../fonts/exo-v21-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../../fonts/exo-v21-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../fonts/exo-v21-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../../fonts/exo-v21-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../../fonts/exo-v21-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../../fonts/exo-v21-latin-regular.svg#Exo') format('svg'); /* Legacy iOS */
}

/* exo-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: 'Exo';
  font-style: normal;
  font-weight: 800;
  src: url('../../fonts/exo-v21-latin-800.eot'); /* IE9 Compat Modes */
  src: url('../../fonts/exo-v21-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../fonts/exo-v21-latin-800.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../../fonts/exo-v21-latin-800.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../../fonts/exo-v21-latin-800.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../../fonts/exo-v21-latin-800.svg#Exo') format('svg'); /* Legacy iOS */
}


body,.sp-preloader{
	background-color:#f2f7ff;
	color:#373830;
	font-size: 1.5em;
	text-align: center;
}

.body-wrapper{
	max-width: 2000px;
	text-align: left;
  margin: 0 auto;
}
a{color:#373830}
a:hover,a:focus,a:active{color:#900}

.article-list .article .featured-article-badge {
	font-size: 0px;
}

  .h1, h1,.h2, h2,.h3, h3, .h4, h4{
	 font-family: 'Exo';
	    font-weight: 400;
	  color: #900;
  }


   .bilder_start .h5, .bilder_start h5{
	 font-family: 'Exo';
	    font-weight: 400;
	  color: #900;
	  font-size: 2.5em;
  }


.h1, h1 {
  font-size: 2em;
  margin: 0 0 1.25rem 0;
	 font-family: 'Exo';
	    font-weight: 400;
	color: #900;
}
.h2, h2 {
	color: #900;
}
.article-header{
  margin: 0 0 1.25rem 0;
	color: ;
	display: block;
}


.article-header::after, .sp-module-title::after{
	position: relative;
 bottom: 0;
  left: -40%;
  right: 60%;
  width: 30%;
  height: 5px;
	margin: -1px auto;
  content: "";
  display: block;
	background: #900;
}
#sp-position2 .sp-module-title{
	margin-bottom: 30px;
}

#sp-top-bar{
	color:#fff;
background: #900;
	font-size: 1em;
	padding-bottom: 20px;
	border-bottom: 1px solid #fff;
}

#sp-top-bar .sp-module {
  display: inline-block;
  margin: 0 0 0 0rem;
	width: 100%;
}
.sp-contact-info li {
  display: inline-block;
  margin: 0px 20px 0px 0px;
  font-size: 90%;
  white-space: nowrap;
}

#sp-top-bar a{
	color:#fff;
}
#sp-top-bar a:hover{
	color:#ccc;
}

.background{
background-image: url("../../../../images/eurofloor/hinten/beton.webp");
}

.blog .article{
background-image: url("../../../../images/eurofloor/hinten/beton.webp");
	font-size: 0.7em;
}
.blog .article-header{
	font-size: 1.5em;
}



.article-list .article .readmore a {
	display: block;
  color: #fff;
  font-weight: 500;
	padding: 5px;
	font-size: 1.2em;
	background: #900;
}

.article-list .article .readmore a:hover {
	display: block;
  font-weight: 500;
	padding: 5px;
	font-size: 1.2em;
	background: #fff;
}

.blog .page-header {
  padding-bottom: 0px;
	font-size: 0px;
} 

.justify-content-end {
  justify-content: flex-start;
}
.sp-preloader>div{background:#373830}
.sp-preloader>div:after{background:#f2f7ff}


#sp-header .header-sticky .container{
	background: #fff;
}

#sp-header {
  height: 80px;
  width: 100%;
  position: relative;
  z-index: 99;
	background: none;
  box-shadow: 0 0 0px 0 rgba(0, 0, 0, 0);
  animation: spFadeIn 0.5s;
	border-bottom: 2px solid #990000;
}
#sp-header .container-inner{
}


#sp-header .logo img{
height: 80px;
	padding: 5px;
}
.header-sticky .logo img{
	padding-top: 1px;
	min-width: 58px;
	height: 55px;
}

#sp-header.header-sticky {
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  width: 100%;
  animation: spFadeInDown 0.5s;
	margin-top: 0px;
	background: #fff;
	margin-bottom: 30px;
}

 #sp-header.header-sticky .container-inner {
	 max-height: 80px;
	 border: 0px;
}

body.ltr #offcanvas-toggler.offcanvas-toggler-right {
  float: right;
  margin-left: 0px;
	padding: 0 30px 0 30px
}


#sp-slider{
	margin-top: 0px;
}

#sp-slider img{
	width: 150%;
}

.sp-megamenu-parent {
  list-style: none;
  padding: 0;
  margin: 0 0px;
  z-index: 99;
  display: block;
  float: left;
  position: relative;
}

#sp-text-top, #sp-leistung-start{
	padding: 40px 0 40px 0;
	border-bottom: 1px solid #900;
	border-top: 1px solid #900;
  transform: rotate(-1deg);
  margin-top: -100px;
  margin-left: -10px;
  margin-right: -10px;
}

#sp-leistung-start{
margin-top: 30px;
}

#sp-position1, #sp-position2{
	 transform: rotate(1deg);
}

.an_1 {
	color:#fff;
	font-size: 0.65em;
}


.an_1 ul li{
	color:#fff;
	width: 100%;
		display: block;
	font-size: 1.1em;
}

.an_1 ul li:hover{
	color:#373830;
	width: 100%;
	background: #fff;
}

.an_1 .sp-contact-info a{
	display: block;
	color:#fff;
		background: #900;
	padding: 8px;
}
.an_1 .sp-contact-info a:hover{
	color:#373830;
	background: #fff
}

.an_1 span{
	float: left;
	padding-right: 8px;
	margin-top: 13px;
	padding-left: 5px;
}
.article-list .article .article-header h2 {
  font-size: 1em;
  margin: 0 0 1.25rem 0;
}

#sp-main-body {
  padding: 30px 0;
}
#sp-leistung-start{
	padding: 40px 0 20px 10%;
}

.bilder_start img{
	padding: 10px;
	border-left: 3px solid #900;
	
}

.bilder_start span{
	padding-right: 10px;
	color: #900;
}

.article-list .article {
  position: relative;
  margin-bottom: 10px;
  padding: 20px;
  border: 0px solid #f5f5f5;
  border-radius: 0px;
}
.bilder_start{
	color: #900;
}
.weiss_start_2{
width: 48%;
	padding-right: 10px;
	float: left;
	color: #373830;

}

.weiss_start_1{
  display: grid;
  grid-template-columns: auto auto;
	margin-left: 20px;
	padding-left: 30px;
}
.weiss_start_1 img{
	padding: 10px;
	border-left: 3px solid #900;
	max-width: 90%;
	float: left;
	margin-bottom: 10px;
}

.weiss_start_3{
  display: grid;
  grid-template-columns: 33% 33% 33%;
	margin-left: 20px;
	padding-left: 30px;
}
.weiss_start_3 img{
	padding: 10px;
	border-left: 3px solid #900;
	max-width: 90%;
	float: left;
	margin-bottom: 10px;
}


.weiss_start_4{
  display: grid;
  grid-template-columns: auto auto auto auto;
	margin-left: 20px;
	padding-left: 30px;
}


.blau{
	font-display: block;
	background: #900;
	font-size: 1em;
	color: #fff;
	padding: 5px;
	margin-top: 20px;
}
.blau ul{
	list-style: none;
}

.blau li{
	font-display: block;
	padding: 20px 0 20px 0;
	border-bottom: 1px solid #fff;
}
#sp-position2 .start_10 .mod-articlesnews__item{
	width: 18%;
	background: #f2f7ff;
	margin-right: 1%;
	margin-bottom: 25px;
	padding: 5px;
	-webkit-box-shadow: 3px 3px 5px #9F9E9E;
	box-shadow: 3px 3px 5px #9F9E9E;
	font-size: 0.8em;
}
#sp-position2 .start_10 .mod-articlesnews__item h3{
	font-size: 1em;
}

#sp-position2 .start_10 .mod-articlesnews__item img{
}

#sp-position2 .start_10 .mod-articlesnews__item .readmore{
	position: relative;
	bottom: 0px;
	
}


#sp-position2 .mod-articlesnews {
  display: flex;
  flex-wrap: wrap;
}
 #sp-position2 .mod-articlesnews__item .readmore{
	 position: relative;
	 bottom: 0px;
}
 #sp-position2 .start_10 .mod-articlesnews__item .readmore a {
	display: block;
  color: #fff;
  font-weight: 500;
	padding: 5px;
	font-size: 0.8em;
	background: #900;
}
.readmore a:hover {
	background: #fff;
	color: #373830;
}



#sp-betonpum{
		padding: 40px 0 40px 0;
	background: #900;
	color: #fff;
	
}
#sp-betonpum h3{
	color: #fff;
	
}
#sp-betonpum span{
	font-size: 3em;
	text-align: center;
	margin-bottom: 15px;
	
}
.start img:hover{ 
transform: scale(1.05,1.05);
transition: 1s 
}



.start_22 img:hover{ 
transform: scale(1.05,1.05);
transition: 1s 
}

#figure{
	margin: 0;
	padding: 0;
}

#figure.einzel {
	overflow: hidden;
	position: relative;
	display: inline-block;
    padding: 2px;
    margin: 0px;
}
#figure:hover {
}
#figure.einzel img {
    width: 100%;
     transition: transform 1s;
 -moz-transition: transform 1s;
 -webkit-transition: transform 1s;
 -o-transition: transform 1s;
 -ms-transition: transform 1s;
     cursor: zoom-in;
 cursor: -moz-zoom-in;
 cursor: -webkit-zoom-in;
}


#figure.einzel:hover img {
 -webkit-transform: scale(1.2); /* für ältere Android-Browser */
  transform: scale(1.2);
    opacity: 0.3;
    filter: alpha(opacity=50);
}


#figure:before {
	content: "+";
	position: absolute;
	bottom: 40%;
	left: 42%;
	background: rgba(255, 255, 255, 0);
	color: rgba(0, 0, 0, 0);
	width: 1.5em;
	height: 1.5em;
	border-radius: 1em;
	text-align: center;
	font-size: 1.5em;
	line-height: 1.4em;
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
}

#figure:focus:before,
#figure:hover:before {
    background: rgba(1, 1, 1, 1);
    color: rgba(255, 255, 255, 1);
    transform: rotate(360deg);
    border: 1px solid #FFFFFF;
}


.gallerie{
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #FFFFFF;
}


.gallerie a{
	border: 1px solid #FFFFFF;
	color: #fff;
}


#sp-menu ul.social-icons a:hover,#sp-menu ul.social-icons a:focus{color:#373830}

.tags>li{display:inline-block}
.tags>li a{background:rgba(55, 56, 48, 0.1);
	color:#373830;
}
.tags>li a:hover{background:#900}
.article-social-share .social-share-icon ul li a{color:#373830}
.article-social-share .social-share-icon ul li a:hover,.article-social-share .social-share-icon ul li a:focus{background:#373830}
.pager>li a{border:1px solid #ededed;color:#373830}
.sp-reading-progress-bar{background-color:#373830}

.sp-megamenu-parent>li>a{
	color:#fff;
font-weight: 300;
	text-transform: uppercase;
  letter-spacing: 1px;
	font-size: 0.8em;

}
.sp-megamenu-parent>li:hover>a{color:#900}
.sp-megamenu-parent>li.active>a,.sp-megamenu-parent>li.active:hover>a{color:#373830}



#sp-menu .sp-megamenu-parent > li.sp-menu-item::after {
  left: 2px;
  z-index: 9;
  float: right;
  content: "|";
  font-size: 20px;
  font-weight: 300;
  line-height: 90px;
  margin-left: -5px;
  position: relative;
  color: #900;
	margin-top: -2px;
}



#sp-menu .sp-megamenu-parent > li > a::before, #sp-menu .sp-megamenu-parent > li span::before {
  top: 5;
  left: 0;
  right: 0;
  width: 60%;
  height: 5px;
  content: "";
  margin: 0 auto;
  display: block;
  max-width: 80px;
  position: relative;
	background: none;
}

#sp-menu .sp-megamenu-parent > li:hover  > a::before, #sp-menu .sp-megamenu-parent > li:hover span::before {
  top: 5;
  left: 0;
  right: 0;
  width: 60%;
  height: 5px;
  content: "";
  margin: 0 auto;
  display: block;
  max-width: 80px;
  position: relative;
	background: #900;
}
.sp-megamenu-parent > li:last-child > a {
  padding: 0px 15px 0px 15px;
}
.sp-megamenu-parent>li>a{color:#252525}.sp-megamenu-parent>li:hover>a{color:#900}
.sp-megamenu-parent>li.active>a,.sp-megamenu-parent>li.active:hover>a{color:#900}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-items li{
	list-style: none;
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #900;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner{background:#fff;
padding: 0px;
margin-bottom: 5px;}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a{
	color: #252525;
	background: #fff;
	display: block;
	padding: 5px;
	font-size: 0.8em;
	border-bottom: 0px solid #900;
}

.sp-megamenu-parent .sp-mega-group > li > a {
	display: block;
	background: #fff;
	padding: 3px 3px 3px 10px;
	text-transform: uppercase;
	font-size: 16;
	font-weight: 400;
	margin-bottom: 00px;
	border-bottom: 1px solid #373830;
}
.sp-megamenu-parent .sp-mega-group > li > a:hover{
	background: #fff;
	padding: 3px 3px 3px 10px;
	margin-bottom: 0px;
	color: #900;
	border-bottom: 1px solid #900;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a:hover{color:#900}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a{color:#900}


.offcanvas-menu .offcanvas-inner ul.menu li.active a {
  color: #900;
}
.sp-megamenu-parent .sp-mega-group>li>a{color:#252525}#offcanvas-toggler>.fa{color:#252525}
#offcanvas-toggler>.fa:hover,#offcanvas-toggler>.fa:focus,#offcanvas-toggler>.fa:active{color:#0345bf}
#offcanvas-toggler>.fas{color:#252525}
#offcanvas-toggler>.fas:hover,#offcanvas-toggler>.fas:focus,#offcanvas-toggler>.fas:active{color:#0345bf}
#offcanvas-toggler>.far{color:#252525}#offcanvas-toggler>.far:hover,#offcanvas-toggler>.far:focus,#offcanvas-toggler>.far:active{color:#0345bf}
.offcanvas-menu{background-color:#ffffff;color:#900}
.offcanvas-menu .offcanvas-inner a{color:#252525}
.offcanvas-menu .offcanvas-inner a:hover,.offcanvas-menu .offcanvas-inner a:focus,.offcanvas-menu .offcanvas-inner a:active{color:#900}
.offcanvas-menu .offcanvas-inner ul.menu>li a,.offcanvas-menu .offcanvas-inner ul.menu>li span{color:#252525}
.offcanvas-menu .offcanvas-inner ul.menu>li a:hover,.offcanvas-menu .offcanvas-inner ul.menu>li a:focus,.offcanvas-menu .offcanvas-inner ul.menu>li span:hover,.offcanvas-menu .offcanvas-inner ul.menu>li span:focus{color:#900}
.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>a>.menu-toggler,.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>.menu-separator>.menu-toggler{color:rgba(37, 37, 37, 0.5)}
.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent .menu-toggler{color:rgba(37, 37, 37, 0.5)}
.offcanvas-menu .offcanvas-inner ul.menu>li li a{color:rgba(37, 37, 37, 0.8)}
.btn-primary,.sppb-btn-primary{border-color:#373830;background-color:#373830}
.btn-primary:hover,.sppb-btn-primary:hover{border-color:#900;background-color:#900}
ul.social-icons>li a:hover{color:#900}.sp-page-title{background:#373830}
.layout-boxed .body-innerwrapper{background:#f2f7ff}
.sp-module ul>li>a{color:#373830}
.sp-module ul>li>a:hover{color:#373830}
.sp-module .latestnews>div>a{color:#373830}
.sp-module .latestnews>div>a:hover{color:#900}
.sp-module .tagscloud .tag-name:hover{background:#373830}
.search .btn-toolbar button{background:#373830}

#sp-bottom{
	background:#900;
	color:#ffffff;
padding: 60px 0 30px;
  font-size: 1em;
  line-height: 1.2;
	margin-bottom: 2px;
	margin-top: 30px;
}
#sp-bottom .sp-contact-info h3{
	color:#ffffff;}

#sp-bottom1 span{
	padding-right: 8px;
}
#sp-bottom2 h3{
	color: #fff;
}
#sp-bottom2 span{
	float: left;
	padding-right: 8px;
}
#sp-bottom2 .sp-contact-email a:hover{
	color: #373830;
}
#sp-bottom2 .sp-module ul > li > a:hover{
	color: #373830;
}

#sp-footer .container-inner {
  padding: 30px 0;
  border-top: 0px solid rgba(255, 255, 255, 0.1);
}
#sp-footer{background:#900;color:#ffffff}
#sp-footer a{color:#a2a2a2}
#sp-footer a:hover,#sp-footer a:active,#sp-footer a:focus,#sp-bottom a:hover,#sp-bottom a:active,#sp-bottom a:focus{color:#ffffff}
#sp-bottom .sp-module-content .latestnews>li>a>span{color:#ffffff}
.sp-comingsoon body{background-color:#373830}
.pagination>li>a,.pagination>li>span{color:#373830}
.pagination>li>a:hover,.pagination>li>a:focus,.pagination>li>span:hover,.pagination>li>span:focus{color:#373830}
.pagination>.active>a,.pagination>.active>span{border-color:#373830;background-color:#373830}
.pagination>.active>a:hover,.pagination>.active>a:focus,.pagination>.active>span:hover,.pagination>.active>span:focus{border-color:#373830;background-color:#373830}
.error-code,.coming-soon-number{color:#373830}



@media (max-width: 1400px) {
	.sp-megamenu-parent > li > a {
		font-size: 0.7em;
}
	
	#sp-position2 .start_10 .mod-articlesnews__item {
  width: 30%;
}
	
	#sp-bottom {
  font-size: 0.8em;
}
	
}

@media (max-width: 1200px) {
		#sp-menu{
		font-size: 0.75em;
	}
	#sp-top-bar .sp-module {
  font-size: 1em;
}
	
		#sp-top-bar .sp-module .an_1{
			min-width: 45%;
			font-size: 1.3em;
}
	
			#sp-bottom .an_1{
			font-size: 1em;
}
		.blog .col-lg-3{
		width: 33%;
	}
	
}
@media (max-width: 992px) {
	
		.burger-icon > span {
  display: block;
  height: 2px;
  background-color: #900;
  margin: 5px 0;
  transition: background-color 0.3s ease-in, opacity 0.3s ease-in, transform 0.3s ease-in;
}
	
	.weiss_start_4 {
  display: grid;
  grid-template-columns: auto auto ;
  margin-left: 20px;
  padding-left: 30px;
}
  .container, .container-md, .container-sm {
    max-width: 888px;
  }	
	#sp-header .logo img {
  height: 60px;
  padding: 5px;
}
		#sp-text-top .bilder_start .wf-column{
		width: 30%;
			font-size: 10em;
}
	.weiss_start_2{
		width: 100%;
	}
	#sp-slide{
		margin-top: 110px;
	}
	weiss_start_3{
		 min-width: 100%;
	}
	
	#sp-position3 .wf-column{
		width: 30%;
		margin-top: 15px;
	}
	#sp-leistung-start {
  padding: 20px 0 20px 1%;
		margin-right: -40px;
}
	.wf-columns  {
  display: flex;
  gap: 1rem;
}
	.start_10{
		padding: 0 30px 0 15px;
	}
	
	  #sp-position2 .start_10 .mod-articlesnews__item {
    width: 48%;
  }
	
	.an_1 {
  font-size: 1em;
}
	#sp-bottom1 .wf-column{
		width: 48%;
	}
	#sp-bottom2 .wf-column {
		width: 48%;
}
	.blog .col-lg-3{
		width: 50%;
	}
	.blau{
		margin-bottom: 20px;
	}
		#sp-slide-1 {
  margin-top: -110px;
}
	
	
			#sp-slide-1 img {
				width: 100%;
}
	
	#sp-slide-1 .container{
		width: 100%;
			padding: 0px;
	}
	
	#area_grid_3 .column .row1_column1 .eight .wide{
		width: 100%;
		float: none;
	}
}

#sp-text-top, #sp-leistung-start {

  margin-top: -30px;
}

@media (max-width: 768px) {
	
	
	.weiss_start_4 {
  display: grid;
  grid-template-columns: auto;
  margin-left: 20px;
  padding-left: 30px;
}
	
	.weiss_start_1 {
  display: grid;
  grid-template-columns: 100%;
  margin-left: 20px;
  padding-left: 30px;
}
	
	#sp-top-bar {
  background: #900;
}
	#sp-bottom1 .wf-column{
		width: 100%;
		font-size: 1.3em;
	}
	#sp-bottom2 .wf-column {
		width: 100%;
			font-size: 1.3em;
}
	
	.blog .col-lg-3{
		width: 100%;
	}
	
	.blog .col-lg-3 img{
		width: 100%;
	}
  #sp-text-top .bilder_start .wf-column {
    width: 100%;
    font-size: 1.2em;
  }
.logo-image {
    height: 45px;
  }
	#sp-header {
  margin-top: 0px;
}
		  #sp-position2 .start_10 .mod-articlesnews__item {
    width: 100%;
  }
		  #sp-position2 .start_10 .mod-articlesnews__item img{
    width: 100%;
  }
}
@media (max-width: 575px) {
#sp-bottom {
  padding: 60px 0 30px;
  font-size: 0.8em;
  line-height: 1.6;
}
	
	
}