html,body {
  width: 100%;
  margin: 0;
  font-family: 'MontserratRegular', 'sans-serif';
  line-height: 1;
   /* overflow: hidden; */
}
.main {
  overflow: hidden;

  transition-duration: 1400ms;
  /* height: auto; */
  transition-delay: 150ms;
  transition-timing-function: cubic-bezier(0.4, 0.1, 0.2, 1);
}
.section {
  min-height: 100vh; /* Mindestens eine Fensterhöhe */
}

:root {
  --main-bg-color: #ff730f;
  --second-bg-color: #5600c7;
  --text-white-color: #fdf7f8;
  --bg-bright-color: #fffdf6;
  --text-black-color: hsl(0, 0%, 1%);
  --nav-title:clamp(1.7281rem, 0.8336rem + 4.4728vw, 4.3rem);
  --h1: clamp(2.4rem, 0.1622rem + 4.4326vw, 6rem) ;
  --h5: clamp(1.4rem, 1.1rem + 0.5009vw, 1.728rem);
  --h6: clamp(1.1rem, 0.1165rem + 0.4174vw, 1.44rem);
  --h2: clamp(min(2.074rem, 2.074rem), 2.6265vw, max(3.584rem, 3.584rem)); 
  --montserat-regular: 'MontserratRegular';
  --font-p: 'MontserratRegular', 1rem;
  /* --font-ptb: clamp(0.833rem, 0.7749rem + 0.2904vw, 1rem); */
  --font-ptb:clamp(0.8125rem, 0.7473rem + 0.3261vw, 1rem);
}

@font-face {
  font-family: 'MontserratRegular';
  src: url('/fonts/Montserrat-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'MontserratMedium';
  src: url('/fonts/Montserrat-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'MontserratSemiBold';
  src: url('/fonts/Montserrat-SemiBold.ttf') format('truetype');
}
@font-face {
  font-family: 'MontserratBold';
  src: url('/fonts/Montserrat-Bold.ttf') format('truetype');
}

/*  font face rock-3d*/
@font-face {
  font-family: 'Rock3D';
  src: url('/fonts/Rock3D-Regular.ttf') format('truetype');
}
/* ######################### class letter spacing  ######################################################## */
.letter-spacing-title {
  letter-spacing: -0.04em;
}
.line-height-titleSmall {
  line-height: 1.05;
}

.line-height-title {
  line-height: 0.92;
}

/* ######################### class Font family start ######################################################## */

.Thin {
  font-family: 'Thin';
}
.Light {
  font-family: 'Light';
}
.Regular {
  font-family: 'MontserratRegular';
}
.Medium {
  font-family: 'MontserratMedium';
}
.Semibold {
  font-family: 'MontserratSemiBold';
}
.Bold {
  font-family: 'MontserratBold';
}

.ExtraBold {
  font-family: 'ExtraBold';
}
.rock-3D {
  font-family: 'Rock3D';
  font-size: 6.193rem;
  font-size: clamp(3.5494rem, 2.6299rem + 4.5976vw, 6.193rem);
  font-size: clamp(
    min(3.5494rem, 3.5494rem),
    4.5976vw,
    max(6.193rem, 6.193rem)
  );
}

/* ######################### class Font family end ######################################################## */

/* .fontSizeH1 {
  font-size: 5.573rem;
} */
.font-size-h1 {

  font-size: clamp(2.0738rem, 0.4081rem + 4vw, 6rem);
}

.font-size-h2 {

  font-size: clamp(min(2.074rem, 2.074rem), 2.6265vw, max(3.584rem, 3.584rem));
}

.font-size-h3 {

  font-size: clamp(min(1.44rem, 1.44rem), 1.784vw, max(2.4881rem, 2.4881rem));
  
}
.font-size-h4 {

  font-size: clamp(1.2rem, 0.4961rem + 1.2196vw, 2.0738rem) !important;
}
.font-size-h5 {

       font-size: clamp(1.4rem, 1.1rem + 0.5009vw, 1.728rem);
 
}
.font-size-h6 {
 
    font-size: clamp(1.1rem, 0.1165rem + 0.4174vw, 1.44rem);

}
.font-size-h7 {


  font-size: clamp(0.75rem, 0.51rem + 1.2vw, 1.44rem);

}
.font-size-p {
  font-size: 1rem;
}
.font-size-p-small {
  font-size: 0.833rem;
}

/* ######################### class colors end ######################################################## */
.main-colour {
  color: var(--main-bg-color);
}

.second-colour {
  color: var(--second-bg-color);
}
.third-colour {
  color: var(--text-white-color);
}
.text-black {
  color: var(--text-black-color);
}
/* ============================= classes data colours ===============================*/

.bg-main-orange {
  background-color: var(--main-bg-color);
}
.bg-second-purple {
  background-color: var(--second-bg-color);
}
.bg-third-white {
  background-color: var(--bg-bright-color);
}