/*
Theme Name: Divi Child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Version: 4.27.4.1737541424
Updated: 2025-01-22 11:23:44

*/

::-moz-selection { background: #ff8062; color: #fff; }
	::selection { background: #ff8062; color: #fff; }


body {
  font-family:'Arial';
  font-size: clamp(14px, 1.4vw, 20px)!important; /* Dynamische Schriftgröße */
  margin: 0; /* Standardabstand entfernen */
  font-weight: normal; /* Normale Schriftstärke */
}

h1,.h1{
  font-size: clamp(32px, 5vw, 105px); /* Dynamische Schriftgröße */
  font-weight: bold; /* Fettschrift */
  line-height: 1; /* Zeilenhöhe */
  margin: 0; /* Abstand entfernen */
}

h2,.h2  {
  font-size: clamp(26px, 4vw, 84px); /* Dynamische Schriftgröße */
  font-weight: bold; /* Fettschrift */
  line-height: 1.2; /* Leicht größere Zeilenhöhe */
  margin: 0; /* Abstand entfernen */
}

h3,.h3,.et_header_style_fullscreen .et_slide_in_menu_container .et_mobile_menu li a {
  font-size: clamp(22px, 3vw, 64px); /* Dynamische Schriftgröße */
 
  line-height: 1.3; /* Größere Zeilenhöhe */
  margin: 0; /* Abstand entfernen */
}

h2:before {
content:'+';
color:#ff8062;
padding-right:10px;
}

/* Basisstil für den Button */
.et_pb_button {
  position: relative; /* Ermöglicht die Positionierung der Linie */
  color: #ff6d5a; /* Textfarbe */
  font-weight: bold;
  text-decoration: none; /* Entfernt den Standard-Unterstrich */
  background: none; /* Kein Hintergrund */
  border: none!important; /* Kein Rahmen */
  padding: 0!important; /* Entfernt extra Padding */
  cursor: pointer;
  display: inline-block;
  transition: color 0.3s ease; /* Sanfter Übergang der Textfarbe */
}

.et_pb_button::before {
	content:'+';
	  position: absolute;
  left: 0;
  bottom: -2px; /* Abstand zur Unterkante des Textes */
}
.et_pb_button::before {
  content: '+';
  opacity: 1;
  visibility: visible;
  display: inline-block;
  left: 0;
  top: 1px;
}

/* Linie unter dem Text, standardmäßig unsichtbar */
.et_pb_button::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -2px; /* Abstand zur Unterkante des Textes */
  width: 0; /* Startet bei 0 Breite */
  height: 2px; /* Höhe der Linie */
  background: #ff6d5a; /* Farbe der Linie */
  transform-origin: left; /* Startpunkt der Animation */
  transition: width 0.4s ease-out; /* Sanfter Übergang der Breite */
}

/* Hover-Effekt */
.et_pb_button:hover {
  color: #ff3e2e; /* Hellerer Farbton bei Hover */
	padding: 0!important; /* Entfernt extra Padding */
	background-color:transparent!important;
}

.et_pb_button:hover::after {
  width: 100%; /* Linie fährt komplett von links nach rechts */
}

/* Basisstil für alle Links im Content */
.et_pb_text a,.et_mobile_menu li a  {
  position: relative; /* Ermöglicht die Positionierung der Linie */
  color: #ff6d5a; /* Textfarbe */

  text-decoration: none; /* Entfernt den Standard-Unterstrich */
  cursor: pointer;
  display: inline-block;
  transition: color 0.3s ease; /* Sanfter Übergang der Textfarbe */
}

/* Linie unter dem Text, standardmäßig unsichtbar */
.et_pb_text a::after,.et_mobile_menu li a::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -2px; /* Abstand zur Unterkante des Textes */
  width: 0; /* Startet bei 0 Breite */
  height: 2px; /* Höhe der Linie */
  background: #ff6d5a; /* Farbe der Linie */
  transform-origin: left; /* Startpunkt der Animation */
  transition: width 0.4s ease-out; /* Sanfter Übergang der Breite */
}

/* Hover-Effekt */
.et_pb_text a:hover,.et_mobile_menu li a:hover {
  color: #ff3e2e; /* Hellerer Farbton bei Hover */
}

.et_pb_text a:hover::after, .et_mobile_menu li a:hover::after  {
  width: 100%; /* Linie fährt komplett von links nach rechts */
}

.et_pb_scroll_top.et-pb-icon {
  bottom: 20px;
  right: 20px;
  border-radius: 999px;
  padding: 3px 5px 5px 3px;
background:#000;	
	
}

.et_pb_scroll_top.et-pb-icon:hover {
background:#ff6d5a;	
	color:#fff;
}

.et_pb_blurb_position_left .et_pb_blurb_container {
  padding: 0;
}

.et_pb_fullscreen_nav_container {
  position: absolute;
  top: 0;
}

#main-header {
	box-shadow:none;
}

/*** Take out the divider line between content and sidebar ***/
#main-content .container:before {background: none;}
  
/*** Hide Sidebar ***/
#page-container #sidebar {display:none;}
  
/*** Expand the content area to fullwidth ***/

#page-container #left-area {
    width: 100%!important;
    padding: 23px 0px 0px !important;
    float: none !important;
}

.nav-single.clearfix {
  display: none;
}

.et_project_meta {
  display: none;
}

/* Projekte */ 

.et_main_title {
  display: flex;
  flex-direction: column-reverse;
  gap: 20px;
}

.et_pb_portfolio_item h2::before {
  display: none;
}

/* Portfolio */

.et_pb_filterable_portfolio .et_pb_portfolio_filters li {
	
}

.et_pb_filterable_portfolio .et_pb_portfolio_filters li a {
  padding-left: 0;
  padding-right: 20px;
	color:#000;
		background:none;
	border:none;
}

.et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active,
.et_pb_filterable_portfolio .et_pb_portfolio_filters li a:hover{
	background:none;
}

.et_pb_filterable_portfolio_0 .et_overlay.et_pb_inline_icon::before {
 
	font-family:'Arial'!important;
		content:'+'!important;
	font-size: 8rem;
}

/* Grid */

/* 2 Column Portfolio */
@media (min-width: 767px) {
.two-column-portfolio .et_pb_grid_item {
width: 47.25%!important;
margin-right: 5.5%!important;
}
 
.two-column-portfolio .et_pb_grid_item:nth-child(3n) {
margin-right: 5.5%!important;
}
 
.two-column-portfolio .et_pb_grid_item:nth-child(2n) {
margin-right: 0!important;
}
 
.two-column-portfolio .et_pb_grid_item.et_pb_portfolio_item:nth-child(4n+1) {
clear: none!important;
}
 
.two-column-portfolio .et_pb_grid_item.first_in_row {
clear: unset;
}
}


@media (max-width: 980px) {
  .et_header_style_left #logo {
    max-height: 100%;
  }
	#main-header {
		padding:20px 0px;
	}
}