@import "./swiper-bundle.min.css";
@import "./cookieconsent.css";
@import "./ckeditor.css";
@import "./lenis.css";

/* Content Builder Sections */
@import url(sections/empty.css);
@import url(sections/hauptbanner.css);
@import url(sections/imageSlider.css);
@import url(sections/infobox.css);
@import url(sections/textbox.css);
@import url(sections/pinnwand.css);
@import url(sections/sponsoren.css);
@import url(sections/newsticker.css);
@import url(sections/subNav.css);
@import url(sections/nav.css);
@import url(sections/mobileOverlay.css);
@import url(sections/footer.css);
@import url(sections/profile.css);
@import url(sections/blogslider.css);
@import url(sections/bilderRow.css);
@import url(sections/faq.css);
@import url(sections/contactForm.css);

/* kanit-100 - 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: 'Kanit';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/kanit-v17-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* kanit-100italic - 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: 'Kanit';
  font-style: italic;
  font-weight: 100;
  src: url('../fonts/kanit-v17-latin-100italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* kanit-200 - 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: 'Kanit';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/kanit-v17-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* kanit-200italic - 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: 'Kanit';
  font-style: italic;
  font-weight: 200;
  src: url('../fonts/kanit-v17-latin-200italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* kanit-300 - 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: 'Kanit';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/kanit-v17-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* kanit-300italic - 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: 'Kanit';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/kanit-v17-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* kanit-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: 'Kanit';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/kanit-v17-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* kanit-italic - 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: 'Kanit';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/kanit-v17-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* kanit-500 - 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: 'Kanit';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/kanit-v17-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* kanit-500italic - 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: 'Kanit';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/kanit-v17-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* kanit-600 - 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: 'Kanit';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/kanit-v17-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* kanit-600italic - 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: 'Kanit';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/kanit-v17-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* kanit-700 - 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: 'Kanit';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/kanit-v17-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* kanit-700italic - 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: 'Kanit';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/kanit-v17-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* kanit-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: 'Kanit';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/kanit-v17-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* kanit-800italic - 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: 'Kanit';
  font-style: italic;
  font-weight: 800;
  src: url('../fonts/kanit-v17-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* kanit-900 - 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: 'Kanit';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/kanit-v17-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* kanit-900italic - 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: 'Kanit';
  font-style: italic;
  font-weight: 900;
  src: url('../fonts/kanit-v17-latin-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* Global Variables */
:root {
  --primary-color: #161616;
  --secondary-color: #f0f0f0;
  --accent-color:  #14bab2;
  --font-family: 'Kanit', sans-serif;

  --border-radius : 20px;


  --sm-padding: 5vh;
  --md-padding: 10vh;
  --lg-padding: 15vh;
  --sm-margin: 5vh;
  --md-margin: 10vh;
  --lg-margin: 15vh;


  --fontsize-h1: clamp(28px, 6vw, 48px);
  --fontsize-h2: clamp(24px, 4vw, 40px);
  --fontsize-h3: clamp(20px, 3vw, 32px);
  --fontsize-h4: clamp(18px, 2vw, 24px);
  --fontsize-h5: clamp(16px, 1vw, 20px);
  --fontsize-h6: clamp(14px, 1vw, 18px);
  --fontsize-p: clamp(16px, 1vw, 26px);
  --fontsize-a: clamp(16px, 1vw, 22px);
  --fontsize-slider-text: clamp(16px, 1vw, 18px);
  --fontsize-header-p: clamp(18px, 2vw, 24px);
  --fontsize-footer: clamp(12px, 0.8vw, 14px);
  
  
  --letter-space-sm: 1px;
  --letter-space-md: 1.5px;
  --letter-space-lg: 2px;
}

/* CKEditor CSS */

.ck-content ul, ol{
  padding-left: 1.1rem;
}


body {
  height: 100%;
  min-height: 100%;
  overflow: visible;
  width: 100%;
  margin: 0;
  color: var(--secondary-color);
  background-color: var(--primary-color);
  font-size: var(--fontsize-p);
  font-family: var(--font-family);
  -moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

body section{
  width: 100vw;
}

body section .wrapper{
  width: 100%;
  max-width: 60vw !important;
  margin: 0 auto;
}



body a{
  text-decoration: none;
  color: var(--accent-color);
}
body a:hover{
  text-decoration: underline;
  color: var(--accent-color);
}

@media screen and (max-width: 1024px) {
  body section .wrapper{
  max-width: 75vw !important;
}
}

@media screen and (max-width: 640px) {
  body section .wrapper{
  width: 100%;
  max-width: 90vw !important;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
}