.elementor-288 .elementor-element.elementor-element-78c67b59 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-288 .elementor-element.elementor-element-78c67b59:not(.elementor-motion-effects-element-type-background), .elementor-288 .elementor-element.elementor-element-78c67b59 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-bb38002 );}.elementor-288 .elementor-element.elementor-element-78c67b59 > .elementor-container{max-width:1226px;}.elementor-288 .elementor-element.elementor-element-78c67b59{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:100px 0px 100px 0px;}.elementor-288 .elementor-element.elementor-element-78c67b59 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-288 .elementor-element.elementor-element-4d8c21a9.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-288 .elementor-element.elementor-element-4d8c21a9.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-288 .elementor-element.elementor-element-4d8c21a9 > .elementor-element-populated{margin:0em 0em 0em 3em;--e-column-margin-right:0em;--e-column-margin-left:3em;padding:0% 0% 0% 0%;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-288 .elementor-element.elementor-element-5815707f > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-288 .elementor-element.elementor-element-5815707f{text-align:center;}.elementor-288 .elementor-element.elementor-element-5815707f .elementor-heading-title{font-family:"Roboto Slab", Sans-serif;font-size:47px;font-weight:400;line-height:60px;letter-spacing:0px;color:var( --e-global-color-1127fdf );}.elementor-288 .elementor-element.elementor-element-69fa499{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-288 .elementor-element.elementor-element-78351ead > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-288 .elementor-element.elementor-element-78351ead:not(.elementor-motion-effects-element-type-background), .elementor-288 .elementor-element.elementor-element-78351ead > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-288 .elementor-element.elementor-element-78351ead{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:100px 0px 100px 0px;}.elementor-288 .elementor-element.elementor-element-78351ead > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-288 .elementor-element.elementor-element-1948c075{text-align:center;}.elementor-288 .elementor-element.elementor-element-1948c075 .elementor-heading-title{font-family:"Roboto Slab", Sans-serif;font-size:43px;font-weight:500;color:var( --e-global-color-729739c );}.elementor-288 .elementor-element.elementor-element-2967757 > .elementor-widget-container{margin:-10px 0px 0px 0px;}.elementor-288 .elementor-element.elementor-element-2967757{text-align:center;}.elementor-288 .elementor-element.elementor-element-2967757 .elementor-heading-title{font-family:"Calibre", Sans-serif;font-size:22px;font-weight:300;color:var( --e-global-color-text );}.elementor-288 .elementor-element.elementor-element-805d51b > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-288 .elementor-element.elementor-element-805d51b{padding:25px 0px 0px 0px;}.elementor-288 .elementor-element.elementor-element-a22fb9e > .elementor-element-populated{margin:5px 5px 5px 5px;--e-column-margin-right:5px;--e-column-margin-left:5px;padding:25px 25px 25px 25px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-288 .elementor-element.elementor-element-0001f64 img{max-width:96%;filter:brightness( 100% ) contrast( 100% ) saturate( 0% ) blur( 0px ) hue-rotate( 0deg );}.elementor-288 .elementor-element.elementor-element-80b5784 > .elementor-element-populated{margin:5px 5px 5px 5px;--e-column-margin-right:5px;--e-column-margin-left:5px;padding:25px 25px 25px 25px;}.elementor-288 .elementor-element.elementor-element-b4fa166 img{max-width:30%;filter:brightness( 100% ) contrast( 100% ) saturate( 0% ) blur( 0px ) hue-rotate( 0deg );}.elementor-288 .elementor-element.elementor-element-d086c1c > .elementor-element-populated{margin:5px 5px 5px 5px;--e-column-margin-right:5px;--e-column-margin-left:5px;padding:25px 25px 25px 25px;}.elementor-288 .elementor-element.elementor-element-38213ab img{max-width:40%;}.elementor-288 .elementor-element.elementor-element-371349b > .elementor-element-populated{margin:5px 5px 5px 5px;--e-column-margin-right:5px;--e-column-margin-left:5px;padding:25px 25px 25px 25px;}.elementor-288 .elementor-element.elementor-element-78f3e0e img{max-width:87%;filter:brightness( 100% ) contrast( 100% ) saturate( 0% ) blur( 0px ) hue-rotate( 0deg );}.elementor-288 .elementor-element.elementor-element-bbe0cfe > .elementor-element-populated{margin:5px 5px 5px 5px;--e-column-margin-right:5px;--e-column-margin-left:5px;padding:25px 25px 25px 25px;}.elementor-288 .elementor-element.elementor-element-e37b2a4 img{max-width:82%;filter:brightness( 100% ) contrast( 100% ) saturate( 0% ) blur( 0px ) hue-rotate( 0deg );}.elementor-288 .elementor-element.elementor-element-7a9ab73 > .elementor-container{max-width:1430px;}.elementor-288 .elementor-element.elementor-element-7a9ab73{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:5em 0em 5em 0em;}.elementor-288 .elementor-element.elementor-element-7a9ab73 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-288 .elementor-element.elementor-element-c7e1c48 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-288 .elementor-element.elementor-element-c7e1c48{text-align:center;}.elementor-288 .elementor-element.elementor-element-c7e1c48 .elementor-heading-title{font-family:"Calibre", Sans-serif;font-size:39px;font-weight:400;line-height:43px;color:var( --e-global-color-40a664d );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-288 .elementor-element.elementor-element-d9b097c .elementor-button{background-color:var( --e-global-color-accent );font-weight:600;text-transform:uppercase;line-height:24px;text-shadow:0px 0px 10px rgba(0,0,0,0.3);fill:var( --e-global-color-4b07f8f );color:var( --e-global-color-4b07f8f );padding:11px 35px 7px 35px;}.elementor-288 .elementor-element.elementor-element-d9b097c .elementor-button-content-wrapper{flex-direction:row;}.elementor-288 .elementor-element.elementor-element-d9b097c .elementor-button .elementor-button-content-wrapper{gap:8px;}@media(min-width:768px){.elementor-288 .elementor-element.elementor-element-69fa499{--content-width:1330px;}}@media(max-width:1024px){.elementor-288 .elementor-element.elementor-element-78c67b59{padding:100px 25px 100px 25px;}.elementor-288 .elementor-element.elementor-element-4d8c21a9 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-288 .elementor-element.elementor-element-78351ead{padding:100px 25px 100px 25px;}.elementor-288 .elementor-element.elementor-element-1948c075 .elementor-heading-title{font-size:45px;}.elementor-288 .elementor-element.elementor-element-0001f64 img{max-width:60%;}.elementor-288 .elementor-element.elementor-element-b4fa166 img{max-width:60%;}.elementor-288 .elementor-element.elementor-element-38213ab img{max-width:60%;}.elementor-288 .elementor-element.elementor-element-78f3e0e img{max-width:60%;}.elementor-288 .elementor-element.elementor-element-e37b2a4 img{max-width:60%;}.elementor-288 .elementor-element.elementor-element-c7e1c48 .elementor-heading-title{line-height:1.2em;}}@media(max-width:767px){.elementor-288 .elementor-element.elementor-element-78c67b59{padding:50px 20px 50px 20px;}.elementor-288 .elementor-element.elementor-element-4d8c21a9 > .elementor-element-populated{margin:0em 0em 0em 0em;--e-column-margin-right:0em;--e-column-margin-left:0em;}.elementor-288 .elementor-element.elementor-element-5815707f .elementor-heading-title{font-size:26px;line-height:1.1em;}.elementor-288 .elementor-element.elementor-element-78351ead{padding:50px 20px 50px 20px;}.elementor-288 .elementor-element.elementor-element-1948c075 .elementor-heading-title{font-size:32px;}.elementor-288 .elementor-element.elementor-element-2967757 .elementor-heading-title{font-size:20px;line-height:1.6em;}.elementor-288 .elementor-element.elementor-element-805d51b{padding:15px 0px 0px 0px;}.elementor-288 .elementor-element.elementor-element-a22fb9e > .elementor-element-populated{margin:25px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-288 .elementor-element.elementor-element-80b5784 > .elementor-element-populated{margin:25px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-288 .elementor-element.elementor-element-b4fa166 img{height:84px;object-fit:contain;}.elementor-288 .elementor-element.elementor-element-d086c1c > .elementor-element-populated{margin:25px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-288 .elementor-element.elementor-element-38213ab img{height:81px;object-fit:contain;}.elementor-288 .elementor-element.elementor-element-371349b > .elementor-element-populated{margin:25px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-288 .elementor-element.elementor-element-78f3e0e img{height:84px;object-fit:contain;}.elementor-288 .elementor-element.elementor-element-bbe0cfe > .elementor-element-populated{margin:25px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-288 .elementor-element.elementor-element-e37b2a4 img{height:84px;object-fit:contain;}.elementor-288 .elementor-element.elementor-element-7a9ab73{padding:5em 1em 5em 1em;}.elementor-288 .elementor-element.elementor-element-c7e1c48 .elementor-heading-title{font-size:25px;}.elementor-288 .elementor-element.elementor-element-d9b097c .elementor-button{font-size:16px;border-radius:7px 7px 7px 7px;padding:18px 30px 18px 30px;}}/* Start custom CSS for html, class: .elementor-element-74d4045 */html{
  /*   *****   Storing Colors In Variables   *****  */
  --body-clr: #f6f9fe;
  --primary-clr: #05555c;
  --primary-light-clr: #eaf3fa;
  --links-clr: #186f78;
  --text-clr: #3f7277;
}


.portfolio{
  width: 100%;
  padding: 30px 8%;
  background-color: var(--body-clr);
}
.portfolio .section-head{
  max-width: 700px;
  margin: 0px auto 25px;
  text-align: center;
}
.section-head h1{
  position: relative;
  font-size: 32px;
  margin: 10px 0px 30px;
  color: var(--primary-clr);
}
.button-group{
  text-align: center;
  margin-bottom: 40px;
}
.button-group .button{
  display: inline-block;
  padding: 10px 20px;
  margin: 5px;
  background-color: unset;
  color: var(--e-global-color-4dc2eee);
  font-style: 12px;
  font-weight: 500;
  text-transform: ;
  letter-spacing: 1px;
  transition: all 0.4s;
  border: none;
  border-radius: 5px;
  outline: none;
  cursor: pointer;
}
.button-group .button.active{
  background-color: var(--e-global-color-17d4af8);
  color: var(--e-global-color-6486623);
}
.button-group .button:hover{
  background-color: var(--e-global-color-17d4af8);
  color: var(--body-clr);
}
div.gallery{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
div.gallery .item{
  position: relative;
  margin: 4px;
  width: calc(50% - 8px);
  overflow: hidden;
  cursor: pointer;
}
.item img{
  width: 100%;
  height: 350px;
  object-fit: cover;
  display: block;
  transition: 0.3s;
}
div.gallery .item:hover img{
  transform: scale(1.15);
  transition: all .8s ease-in-out;
}
.item .overlay{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgb(0,0,0,.4);
  color: var(--body-clr);
  padding: 15px;
  overflow: hidden;
  transition: opacity 0.2s ease-in-out;
  opacity: 0;
}
.item:hover .overlay{
  opacity: 1;
}
.item .overlay a{
  display: inline-block;
  padding: 8px 16px;
  border: 2px solid var(--body-clr);
  color: white;
  text-decoration: none;
  font-size: 22px;
  transition: 0.3s;
}
.item .overlay a:hover{

  color: var(--primary-clr);
}


@media(max-width: 1024px){
  div.gallery .item{
    width: calc(50% - 8px);
  }
}

@media(max-width: 600px){
  div.gallery .item{
    width: 100%;
    margin: 4px 0px;
  }
  .item img{

  height: 200px;
  
}
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-805d51b */.elementor-288 .elementor-element.elementor-element-805d51b .elementor-widget-container img:hover {
    opacity: 1 !important;
    filter: grayscale(0)!important;
}
.elementor-288 .elementor-element.elementor-element-805d51b .elementor-widget-container img {
    opacity: .5;
    filter: grayscale(100%);
    transition: filter .3s ease, opacity .3s ease;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Roboto Slab';
	font-style: normal;
	font-weight: 200;
	font-display: auto;
	src: url('https://grafikdesign-blanc.de/wp-content/uploads/2024/02/RobotoSlab-Light.eot');
	src: url('https://grafikdesign-blanc.de/wp-content/uploads/2024/02/RobotoSlab-Light.eot?#iefix') format('embedded-opentype'),
		url('https://grafikdesign-blanc.de/wp-content/uploads/2024/02/RobotoSlab-Light.woff2') format('woff2'),
		url('https://grafikdesign-blanc.de/wp-content/uploads/2024/02/RobotoSlab-Light.woff') format('woff'),
		url('https://grafikdesign-blanc.de/wp-content/uploads/2024/02/RobotoSlab-Light.ttf') format('truetype');
}
@font-face {
	font-family: 'Roboto Slab';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://grafikdesign-blanc.de/wp-content/uploads/2024/02/RobotoSlab-Regular.eot');
	src: url('https://grafikdesign-blanc.de/wp-content/uploads/2024/02/RobotoSlab-Regular.eot?#iefix') format('embedded-opentype'),
		url('https://grafikdesign-blanc.de/wp-content/uploads/2024/02/RobotoSlab-Regular.woff2') format('woff2'),
		url('https://grafikdesign-blanc.de/wp-content/uploads/2024/02/RobotoSlab-Regular.woff') format('woff'),
		url('https://grafikdesign-blanc.de/wp-content/uploads/2024/02/RobotoSlab-Regular.ttf') format('truetype'),
		url('https://grafikdesign-blanc.de/wp-content/uploads/2024/02/RobotoSlab-Regular.svg#RobotoSlab') format('svg');
}
@font-face {
	font-family: 'Roboto Slab';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://grafikdesign-blanc.de/wp-content/uploads/2024/02/RobotoSlab-Medium.eot');
	src: url('https://grafikdesign-blanc.de/wp-content/uploads/2024/02/RobotoSlab-Medium.eot?#iefix') format('embedded-opentype'),
		url('https://grafikdesign-blanc.de/wp-content/uploads/2024/02/RobotoSlab-Medium.woff2') format('woff2'),
		url('https://grafikdesign-blanc.de/wp-content/uploads/2024/02/RobotoSlab-Medium.woff') format('woff'),
		url('https://grafikdesign-blanc.de/wp-content/uploads/2024/02/RobotoSlab-Medium.ttf') format('truetype'),
		url('https://grafikdesign-blanc.de/wp-content/uploads/2024/02/RobotoSlab-Medium.svg#RobotoSlab') format('svg');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Calibre';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('http://blog.blanc-codes.de/wp-content/uploads/2023/06/CalibreRegular.eot');
	src: url('http://blog.blanc-codes.de/wp-content/uploads/2023/06/CalibreRegular.eot?#iefix') format('embedded-opentype'),
		url('http://blog.blanc-codes.de/wp-content/uploads/2023/06/CalibreRegular.woff2') format('woff2'),
		url('http://blog.blanc-codes.de/wp-content/uploads/2023/06/CalibreRegular.woff') format('woff'),
		url('http://blog.blanc-codes.de/wp-content/uploads/2023/06/CalibreRegular.ttf') format('truetype'),
		url('http://blog.blanc-codes.de/wp-content/uploads/2023/06/CalibreRegular.svg#Calibre') format('svg');
}
@font-face {
	font-family: 'Calibre';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('http://blog.blanc-codes.de/wp-content/uploads/2023/06/CalibreLight.eot');
	src: url('http://blog.blanc-codes.de/wp-content/uploads/2023/06/CalibreLight.eot?#iefix') format('embedded-opentype'),
		url('http://blog.blanc-codes.de/wp-content/uploads/2023/06/CalibreLight.woff2') format('woff2'),
		url('http://blog.blanc-codes.de/wp-content/uploads/2023/06/CalibreLight.woff') format('woff'),
		url('http://blog.blanc-codes.de/wp-content/uploads/2023/06/CalibreLight.ttf') format('truetype'),
		url('http://blog.blanc-codes.de/wp-content/uploads/2023/06/CalibreLight.svg#Calibre') format('svg');
}
/* End Custom Fonts CSS */