/*!************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[10].use[0]!./src/vue/App_Index.vue?vue&type=style&index=0&id=afa251bc&lang=scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: "bootstrap-icons";
  src: url(../a13b815539b49de48d23.woff2?524846017b983fc8ded9325d94ed40f3) format("woff2"), url(../c1d7432ee75fa194e499.woff?524846017b983fc8ded9325d94ed40f3) format("woff");
}
@font-face {
  font-family: "NewsletterMedium";
  src: url(../4c08d4fd381239fafa35.woff) format("woff"), url(../aaa42d49c99011402f85.ttf) format("truetype"), url(../b94c6e6f88b93142c729.svg) format("svg");
}
@font-face {
  font-family: "NewsletterLightItalic";
  src: url(../4ca6f7bb0e88e8df9ea1.woff) format("woff"), url(../98cff064ca3445d79869.ttf) format("truetype"), url(../1728416df8666596449e.svg) format("svg");
}
@font-face {
  font-family: "NewsletterLight";
  src: url(../4ca6f7bb0e88e8df9ea1.woff) format("woff"), url(../98cff064ca3445d79869.ttf) format("truetype"), url(../1728416df8666596449e.svg) format("svg");
}
/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on September 12, 2022 */
@font-face {
  font-family: "newsletterproblack";
  src: url(../5d0d6767dc0f3c494d07.woff) format("woff"), url(../2f3719b043c0ac3b5fbf.ttf) format("truetype"), url(../960d14da1d417b15a231.svg#newsletterproblack) format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "newsletterproblack_italic";
  src: url(../9f7d55ea3a34fcf8267d.woff) format("woff"), url(../aa5ff549b80b4242e67a.ttf) format("truetype"), url(../e6240022cab2c396c96b.svg#newsletterproblack_italic) format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "newsletterprobold";
  src: url(../37d163c7175df50bd707.woff) format("woff"), url(../a08d625e35897877e314.ttf) format("truetype"), url(../16782b42a4f0847a47fc.svg#newsletterprobold) format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "newsletterprobold_italic";
  src: url(../6774f28abbf24a2609bf.woff) format("woff"), url(../ff12dae54b6cea562147.ttf) format("truetype"), url(../9d84bcf9d09dbeae8ba7.svg#newsletterprobold_italic) format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "newsletterproicons";
  src: url(../1f4798737f47a016ccf1.woff) format("woff"), url(../42f9192b2f5d8e66645c.ttf) format("truetype"), url(../bb1ab1fe1cde50dd327c.svg#newsletterproicons) format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "newsletterprolight";
  src: url(../43e9e7b589e8fde62871.woff) format("woff"), url(../ac5a035d2b19a6564687.ttf) format("truetype"), url(../07f484f471d3bb6d53f2.svg#newsletterprolight) format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "newsletterprolight_italic";
  src: url(../6ef3de690d7706860597.woff) format("woff"), url(../e72e8ade77795e5ce857.ttf) format("truetype"), url(../f72414cf72a47eeb5323.svg#newsletterprolight_italic) format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "newsletterpromedium";
  src: url(../d8ec383bf97dbccbd780.woff) format("woff"), url(../e198ed780a62912b6665.ttf) format("truetype"), url(../fc6a00be222b1e40a393.svg#newsletterpromedium) format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "newsletterpromedium_italic";
  src: url(../3ac6a0fcb389919b9a66.woff) format("woff"), url(../6a4a59b4312463f87eb2.ttf) format("truetype"), url(../5b43de1b971b679c5eec.svg#newsletterpromedium_italic) format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "newsletterpronormal";
  src: url(../a8eb8e808906c791874a.woff) format("woff"), url(../01a97849cb853c213316.ttf) format("truetype"), url(../db8e7978b8567c0d8408.svg#newsletterpronormal) format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "newsletterpronormal_italic";
  src: url(../bbb2a6ae9be6bbd31442.woff) format("woff"), url(../52382c8899c5b17ef73f.ttf) format("truetype"), url(../7d02afc1ecff209d7da1.svg#newsletterpronormal_italic) format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "newsletterprothin";
  src: url(../e330ff44defa508ec771.woff) format("woff"), url(../507b3dad50e73b369aae.ttf) format("truetype"), url(../4be8c47743eb967591d4.svg#newsletterprothin) format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "newsletterprothin_italic";
  src: url(../7036f4a6d67033796fc8.woff) format("woff"), url(../c7567d52bb9b13184627.ttf) format("truetype"), url(../03ec324a80bcb53a93ca.svg#newsletterprothin_italic) format("svg");
  font-weight: normal;
  font-style: normal;
}
/***** GENERAL *****/
* {
  margin: 0;
  padding: 0;
}

/***** BODY *****/
body {
  font-family: "newsletterprothin";
  color: rgb(0, 0, 0);
  line-height: 2;
}
.btn {
  width: 200px;
  height: 40px;
  color: white;
  background-color: rgb(255, 153, 51);
  border-radius: 5px;
  border: 2px solid rgb(255, 153, 51);
  cursor: pointer;
}
.btn:hover {
  color: rgb(255, 153, 51);
  background-color: white;
}
.orange {
  color: rgb(255, 153, 51);
}
#mainContainer {
  width: 80%;
  margin: 0 auto;
  margin-top: 2vw;
  max-width: 1800px;
  font-size: clamp(20px, 2vw, 28px);
}
@media screen and (max-width: 900px) {
#mainContainer {
    margin: 2vw 0vw;
    width: 100%;
}
}
.showLayerMain {
  height: 100vh;
  overflow: hidden;
}
.textContainer {
  width: 70%;
  margin-left: 20%;
  display: block;
  hyphens: auto;
}
.mobileContainer {
  width: 90%;
  hyphens: auto;
}
.textList {
  list-style-type: none;
}
.textList li:before {
  content: "> ";
  color: rgb(255, 153, 51);
  font-family: "newsletterpromedium";
}
#header #logo {
  width: 20vw;
  max-width: 350px;
}
@media screen and (max-width: 600px) {
#header #logo {
    margin: 5%;
    width: 40%;
}
}
@media screen and (min-width: 601px) and (max-width: 900px) {
#header #logo {
    margin: 5%;
    width: 25%;
}
}
#header #headline {
  font-family: "newsletterprolight";
  font-weight: normal;
  text-align: left;
  margin-top: 3vw;
}
@media screen and (max-width: 900px) {
#header #headline {
    margin-left: 5%;
}
}
@media screen and (max-width: 600px) {
#header #headline h1 {
    font-size: 32px;
}
}
@media screen and (min-width: 601px) and (max-width: 900px) {
#header #headline h1 {
    font-size: 40px;
}
}
#headerFooter {
  display: none;
  width: 90%;
  margin: 0% 0% 5% 5%;
  font-size: 14px;
  flex-wrap: nowrap;
  justify-content: space-between;
}
#headerFooter .box1,
#headerFooter .box2 {
  width: 45%;
  hyphens: auto;
}
@media screen and (max-width: 900px) {
#headerFooter {
    display: flex;
}
}
#text {
  width: 80%;
  margin: 0 auto;
  margin-top: 3vw;
}
@media screen and (max-width: 900px) {
#text {
    width: 90%;
    margin: 0% 5%;
    hyphens: auto;
}
}
#text ul {
  margin-top: 2vw;
  list-style-type: none;
  margin-left: 15px;
  margin-bottom: 2vw;
}
@media screen and (max-width: 900px) {
#text ul {
    margin-left: 9px;
    margin-top: 6vw;
    margin-bottom: 6vw;
}
}
#text ul li {
  text-indent: -15px;
}
#text ul li::before {
  content: "> ";
  color: rgb(255, 153, 51);
}
@media screen and (max-width: 900px) {
#text ul li {
    text-indent: -9px;
}
}
#text a {
  color: rgb(255, 153, 51);
  text-decoration: none;
}
#text a:hover {
  text-decoration: underline;
}
#text h2 {
  font-family: "newsletterprolight";
}
@media screen and (max-width: 900px) {
#text h2 {
    hyphens: none;
    font-size: 26px;
}
}
#text .adresse {
  font-family: "newsletterpromedium";
}
.bold {
  font-family: "newsletterpromedium";
}
#liste {
  width: 100%;
  background-color: rgba(240, 157, 74, 0.2);
  margin-bottom: 2vw;
  margin-top: 2vw;
}
@media screen and (max-width: 900px) {
#liste {
    margin-top: 10vw;
    hyphens: auto;
}
}
#liste #listeSmall {
  width: 80%;
  margin: 0 auto;
  padding: 2vw;
}
#liste #listeSmall ul {
  margin-left: 15px;
  list-style-type: none;
}
@media screen and (max-width: 900px) {
#liste #listeSmall ul {
    margin-left: 9px;
}
}
#liste #listeSmall ul li {
  text-indent: -15px;
}
@media screen and (max-width: 900px) {
#liste #listeSmall ul li {
    text-indent: -9px;
    padding: 2% 0%;
}
}
@media screen and (max-width: 900px) {
#liste #listeSmall {
    width: 90%;
    margin: 3%;
}
}
#linkToHome {
  width: 90%;
  margin: 0%;
}
#linkToHome a {
  text-decoration: underline;
  color: rgb(0, 0, 0);
}
#attentionBox a {
  color: rgb(0, 0, 0);
  text-decoration: none;
}
#attentionBox a:hover {
  color: rgb(255, 153, 51);
}
#footer {
  margin-top: 2vw;
  margin-bottom: 2vw;
  color: #b1b1b1;
  font-size: clamp(12px, 2vw, 16px);
  font-family: "NewsletterMedium";
}
@media screen and (max-width: 900px) {
#footer {
    width: 90%;
    margin: 5%;
}
}
#footer span {
  cursor: pointer;
}
#footer span a {
  color: #b1b1b1;
  text-decoration: none;
}
#footer span a:hover {
  color: rgb(255, 153, 51);
}
#footer .footerLinks {
  cursor: pointer;
}
#footer .footerLinks:hover {
  color: rgb(255, 153, 51);
}

/***** LAYER *****/
#layer {
  position: absolute;
  top: 0px;
  left: 0px;
}
#layer #background {
  width: 100vw;
  height: 105vh;
  background-color: rgba(0, 0, 0, 0.4);
}
#layer #background #innerBack {
  position: absolute;
  width: 100vw;
  height: 100vh;
  z-index: 1;
}
#layer #background #layerContent {
  z-index: 2;
  margin: 0 auto;
  width: 67%;
  background: white;
  top: 5%;
  position: relative;
}
#layer #background #layerContent #closeLayer {
  text-align: right;
  padding: 2%;
  font-size: 14pt;
}
#layer #background #layerContent #closeLayer i {
  cursor: pointer;
}
#layer #background #layerContent #dsgvoMain,
#layer #background #layerContent #impMain {
  max-height: 80vh;
  overflow: scroll;
  margin: 0% 5%;
  font-family: "newsletterprothin";
  padding-bottom: 5%;
  line-height: 18pt;
}
#layer #background #layerContent #dsgvoMain .dsgvoBold,
#layer #background #layerContent #impMain .dsgvoBold {
  font-family: "newsletterpromedium";
}
#layer #background #layerContent #dsgvoMain ul,
#layer #background #layerContent #impMain ul {
  list-style-type: none;
}
#layer #background #layerContent #dsgvoMain ul li:before,
#layer #background #layerContent #impMain ul li:before {
  content: "> ";
}
#layer #background #layerContent #dsgvoMain a,
#layer #background #layerContent #impMain a {
  color: rgb(0, 0, 0);
}
body {
  color: rgb(137, 122, 120);
}
.fixedPos {
  position: fixed;
}
.staticPos {
  position: static;
}
#firstContainer {
  overflow: hidden;
  width: 100%;
}
#mainContainerIndex {
  width: 80%;
  margin: 0 auto;
  margin-top: 2vw;
  max-width: 1800px;
  font-size: clamp(20px, 2vw, 28px);
}
@media screen and (max-width: 600px) {
#mainContainerIndex {
    margin: 2vw 0vw 2vw 5vw;
    width: 95vw;
}
}
#mainContainerIndex h3 {
  color: rgb(255, 153, 51);
  font-weight: normal;
  font-size: clamp(24px, 4vw, 39px);
  hyphens: none;
  text-align: left;
}
#mainContainerIndex h1 {
  font-weight: normal;
}
#mainContainerIndex h2 {
  font-weight: normal;
}
#mainContainerIndex .internLink {
  color: rgb(255, 153, 51);
  font-family: "newsletterpromedium";
}
#mainContainerIndex .eventUseMobile {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end;
}
#mainContainerIndex .eventProjectDesktop {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
#mainContainerIndex .eventProjectMobile {
  width: 100%;
}