@charset "UTF-8";
/* ************************************************************************* */
/* (c) designschmiede - www.wirschmiedendesign.de                                       
/* ************************************************************************* */

/* background-image - basic-adjustments
------------------------------------------------------------------------------------- */
#footer-image {
  position: relative;
  height: 22.5rem;
  padding: 0;
  background-color:rgba(250,250,250,1.00);}

#footer-image .wrapper {
  height: inherit;
	background-size    : cover;
	background-repeat  : no-repeat;
  background-position: center center;}

/* background-image-image with media queries
---------------------------------------------------------------------------------------------- */
@media
  screen and (max-width: 768px) and (-webkit-max-device-pixel-ratio: 1.4),
  screen and (max-width: 768px) and (max-resolution: 191dpi),
  screen and (max-width: 768px) and (max-resolution: 1.4dppx) {
#footer-image .wrapper {
	background-image: linear-gradient(to bottom, rgba(250,250,250,0) 88%,rgba(250,250,250,1)),linear-gradient(to left, rgba(250,250,250,0) 88%,rgba(250,250,250,1)),linear-gradient(to right, rgba(250,250,250,0) 88%,rgba(250,250,250,1)),url("../images/footer/giessler-bedachungen-lahr-A_76902761-768.jpg");}
}

@media
  screen and (min-width: 769px) and (max-width: 1023px) and (-webkit-max-device-pixel-ratio: 1.4),
  screen and (min-width: 769px) and (max-width: 1023px) and (max-resolution: 191dpi),
  screen and (min-width: 769px) and (max-width: 1023px) and (max-resolution: 1.4dppx) {
#footer-image .wrapper {
	background-image: linear-gradient(to bottom, rgba(250,250,250,0) 88%,rgba(250,250,250,1)),linear-gradient(to left, rgba(250,250,250,0) 88%,rgba(250,250,250,1)),linear-gradient(to right, rgba(250,250,250,0) 88%,rgba(250,250,250,1)),url("../images/footer/giessler-bedachungen-lahr-A_76902761-996.jpg");}
}
		
@media
  screen and (min-width: 1024px) and (max-width: 1440px) and (-webkit-max-device-pixel-ratio: 1.4),
  screen and (min-width: 1024px) and (max-width: 1440px) and (max-resolution: 191dpi),
  screen and (min-width: 1024px) and (max-width: 1440px) and (max-resolution: 1.4dppx) {
#footer-image .wrapper {
	background-image: linear-gradient(to bottom, rgba(250,250,250,0) 88%,rgba(250,250,250,1)),linear-gradient(to left, rgba(250,250,250,0) 88%,rgba(250,250,250,1)),linear-gradient(to right, rgba(250,250,250,0) 88%,rgba(250,250,250,1)),url("../images/footer/giessler-bedachungen-lahr-A_76902761-1440.jpg");}
}
		
@media
  screen and (min-width: 1441px) and (-webkit-max-device-pixel-ratio: 1.4),
  screen and (min-width: 1441px) and (max-resolution: 191dpi),
  screen and (min-width: 1441px) and (max-resolution: 1.4dppx) {
#footer-image .wrapper {
	background-image: linear-gradient(to bottom, rgba(250,250,250,0) 88%,rgba(250,250,250,1)),linear-gradient(to left, rgba(250,250,250,0) 88%,rgba(250,250,250,1)),linear-gradient(to right, rgba(250,250,250,0) 88%,rgba(250,250,250,1)),url("../images/footer/giessler-bedachungen-lahr-A_76902761-1920.jpg");}
}
		
@media
  screen and (max-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (max-width: 768px) and (min-resolution: 192dpi),
  screen and (max-width: 768px) and (min-resolution: 1.5dppx) {
#footer-image .wrapper {
	background-image: linear-gradient(to bottom, rgba(250,250,250,0) 88%,rgba(250,250,250,1)),linear-gradient(to left, rgba(250,250,250,0) 88%,rgba(250,250,250,1)),linear-gradient(to right, rgba(250,250,250,0) 88%,rgba(250,250,250,1)),url("../images/footer/giessler-bedachungen-lahr-A_76902761-996.jpg");}
}
		
@media
  screen and (min-width: 769px) and (max-width: 1023px) and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-width: 769px) and (max-width: 1023px) and (min-resolution: 192dpi),
  screen and (min-width: 769px) and (max-width: 1023px) and (min-resolution: 1.5dppx) {
#footer-image .wrapper {
	background-image: linear-gradient(to bottom, rgba(250,250,250,0) 88%,rgba(250,250,250,1)),linear-gradient(to left, rgba(250,250,250,0) 88%,rgba(250,250,250,1)),linear-gradient(to right, rgba(250,250,250,0) 88%,rgba(250,250,250,1)),url("../images/footer/giessler-bedachungen-lahr-A_76902761-1440.jpg");}
}
		
@media
  screen and (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-width: 1024px) and (min-resolution: 192dpi),
  screen and (min-width: 1024px) and (min-resolution: 1.5dppx) {
#footer-image .wrapper {
	background-image: linear-gradient(to bottom, rgba(250,250,250,0) 88%,rgba(250,250,250,1)),linear-gradient(to left, rgba(250,250,250,0) 88%,rgba(250,250,250,1)),linear-gradient(to right, rgba(250,250,250,0) 88%,rgba(250,250,250,1)),url("../images/footer/giessler-bedachungen-lahr-A_76902761-1920.jpg");}
}

/* footer - basic adjustments
---------------------------------------------------------------------------------------------- */
#footer {
	position  : relative;
	padding   : 0 0 1.5rem 0;
}

#footer .footer-1 {
	margin     : 0 auto;
	font-size  : 17px;
	line-height: 25px;
}

#footer .footer-1 .smart-line {
  font-size: 19px;
  margin: 0 auto 20px auto;
  background: rgb(100,153,243);
  background: linear-gradient(90deg, rgba(100,153,243,1) 0%, rgba(11,60,143,1) 30%, rgba(11,60,143,1) 70%, rgba(100,153,243,1) 100%);
}

#footer .footer-2 {
	margin   : 1.2rem auto 1rem auto;
	font-size: 13px;
}

/* social-icons
-------------------------------------------------------------------------------------- */
#footer .socialicons figure {
	display: inline-block;
	margin : 0 0.5rem 0.5rem 0.5rem;
}

#footer .socialicons .instagram {
	width: 2.5rem;
}

#footer .socialicons .facebook {
	width: 6.5rem;
	width: 2.5rem;  
}