/** Shopify CDN: Minification failed

Line 3276:0 Unexpected "}"

**/
@charset "utf-8";


/* Da unser Theme die Schriftart Champage & Limousines nicht hat, könnten wir diese in den Theme
Einstellungen vom Theme nicht auswählen. Also haben wir provisorisch Din Neuzeit Grotesk genommen
und müssen nun noch überall die Schriftart manuell hinzufügen. Es reicht, wenn wir die Variablen
in root festlegen. Anschließend ist auch in anderen Klassen die richtige Font-family: Siehe z.B.
die Klasse .Heading - Dort wird als font-family die Variable var(--heading-font-family) angegeben.
Diese Variable legen wir im root fest. Die Text-font-family konnte so bleiben wie in theme.css
da es im Theme die Schriftart "Avenir Next" gab. Die Festlegung von root ist ganz unten in custom.css*/

@font-face {
  font-family: MyChampagne;
  src: url(Champagne_Limousines_Bold.ttf) format("truetype");
  font-weight: bold;
}

@font-face {
  font-family: MyChampagne;
  src: url(Champagne_Limousines.ttf) format("truetype");
  font-weight: normal;
}

/* Ich kann die Schriftarten nicht mehr in Assets hochladen :( Ich checke nicht warum. Habe gerade 2h alles getestet. Namen, Typen etc. 
Ich habe auch die Champagne von oben (die exakt gleiche hochgeladen mit einem anderen Namen) - auch das klappt nicht. Die Fonts werden hochgeladen,
aber der Inhalt in der Font ist leer bzw. irgend eine Standard Font. Das ist sau nervig, aber jetzt nicht zu ändern. 
Daher muss ich die Fonts ab jetzt bei Inhalt hochladen - was eigentlich nicht so sauber ist, aber egal...
Ahja FYI ich habe auch testweise eine Google Font hochgeladen, nichts klappt.
*/


@font-face {
  font-family: FontA;
  src: url("/cdn/shop/files/FontA.woff2?v=1724776331") format('woff2'),
       url("/cdn/shop/files/FontA.woff?v=1724776331") format('woff');
  font-weight: normal;
}

@font-face {
  font-family: FontB;
  src: url("/cdn/shop/files/FontB.woff?v=1724776539") format("woff"),
       url("/cdn/shop/files/FontB.ttf?v=1724775890") format("truetype");
  font-weight: normal;
}


.section--remember-me{
  display:none !important;
}


/* Hier kommen allgemeine Klassen hin */

.flex_reverse{ /* Drehe die Reihenfolge der Elemente eines Containers (flex) um */
  flex-direction: row-reverse;
}

.text_centered{
  text-align:center;
}

.text_17px{
  font-size:17px;
}

.font_size_14{
  font-size:14px;
}

.font_weight_500{
  font-weight:500;
}

.font_weight_600{
  font-weight:600;
}

.MyLink:hover, .MyLink_Container a:not(.Button):hover{
  color: var(--text-color);
  -webkit-text-decoration-color: rgba(var(--text-color-rgb),0.6);
  text-decoration-color: rgba(var(--text-color-rgb),0.6);
}

.MyLink, .MyLink_Container a:not(.Button){
  color: var(--link-color);
    text-decoration: underline;
    -webkit-text-decoration-color: rgba(var(--link-color-rgb),0.6);
      text-decoration-color: rgba(var(--link-color-rgb),0.6);
        text-underline-position: under;
        transition: color .2s ease-in-out,-webkit-text-decoration-color .2s ease-in-out;
        transition: color .2s ease-in-out,text-decoration-color .2s ease-in-out;
        transition: color .2s ease-in-out,text-decoration-color .2s ease-in-out,-webkit-text-decoration-color .2s ease-in-out;
}

.rosa_background{
  background-color: #fcf8f7;
}

.Title_Alone{
  font-size:35px;
}

.H1_With_Subheading_And_Subheadline{
  font-size:40px;
  margin-top:16px;
  margin-bottom:20px;
}

.Subheading_Large{
  font-size:22px;
}

.Centered_Heading{
  padding-left:20px;
  padding-right:20px;
  font-size:32px;
  margin-top:30px;
  text-align:center;
  display: block;
}

@media screen and (max-width: 640px){
  .H1_With_Subheading_And_Subheadline{
    font-size:30px;
  }
  .Centered_Heading{
    font-size:28px;
  }
  .Subheading_Large{
    font-size:17px;
  }
  .Subheadline_Large{
    font-size:13px;
  }
}

.Article_Heading{
  font-size:28px;
}

@media screen and (max-width: 540px){
  .Article_Heading{
    font-size:25px;
  }
}

.Subheading{
  font-size:16px;
}

.Subheadline{
  font-size:12px;
}

.Image_rounded{
  border-radius: 8px;
}

.Image_rounded_shadowed{
  box-shadow: 0 20px 30px 0 rgba(0,0,0,.1);
  border-radius: 8px;
}

.Inhaltscontainer{
  width:100%;
  padding-left:30px;
  padding-right:30px;
}
@media screen and (max-width: 680px){
  .Inhaltscontainer{
    padding-left:15px;
    padding-right:15px;
  }
}

@media screen and (min-width: 941px){
  .Button_Default_Padding{
    padding-left:70px !important;
    padding-right:70px !important;
  }
}
@media screen and (max-width: 940px){
  .Button_Default_Padding{
    padding-left:50px !important;
    padding-right:50px !important;
  }
}








/* Farbpicker ColorSwatch Color Swatch Farbauswahl */

label.ColorSwatch {
  border-radius:100%;
}

label.ColorSwatch:after, .ColorSwatch__Radio:checked {
  border-radius:100%;
}









/* Zentrierter Text mit 1020px Boxbreite */

.textbox_1020px{
  width:100%;
  max-width:840px;
  margin:auto;
}

@media screen and (max-width: 900px){
  .textbox_1020px{
    padding-left:30px;
    padding-right:30px;
    max-width:unset;
  }
}




/* Zentrierter Text mit 650px Boxbreite */

.textbox_650px{
  width:100%;
  max-width:650px;
  margin:auto;
}


/* Listen */

.text_17px ul, .Inhaltscontainer ul, .textbox_650px ul, .textbox_1020px ul{
  margin-left: 30px;
  padding-left: 0;
  list-style-position: outside;
  margin-bottom:1em;
}

.text_17px li, .Inhaltscontainer li, .textbox_650px li, .textbox_1020px li{
  padding: 3px 0;
}



/* 650px Textbox und 1020px Textbox Handy */

@media screen and (max-width: 680px){
  .textbox_1020px, .textbox_650px{
    padding-left:15px;
    padding-right:15px;
    max-width:unset;
  }
}



/* Hervorgehobener Text 25px */

.Hervorgehobener_Text{
  font-size:25px;
  line-height:36px;
  margin-top:56px;
  margin-bottom:28px;
  font-weight:500;
}

@media screen and (max-width: 540px){
  .Hervorgehobener_Text{
    font-size:23px;
    line-height:32px;
  }
}

.Hervorgehobener_Text_Small{
  font-size:18px;
  line-height:30px;
  font-style:italic;
  margin-top:34px;
  margin-bottom:17px;
  font-weight:500;
}






/* Blockquote */

.Custom_Blockquote{
  font-size:28px;
  line-height:36px;
  text-align:center;
  margin-left:0;
  font-style:italic;
  letter-spacing:1.2px;
  word-spacing:1px;
  font-family:MyChampagne;
  padding-left:50px;
  padding-right:10px;
}
@media screen and (max-width: 600px){
  .Custom_Blockquote{
    font-size:25px;
    line-height:33px;
    padding-left:15px;
    padding-right:0;
  }
}




/* Bild im Text */

.image_in_textbox{
  margin-top:25px;
  margin-bottom:40px;
}

.image_in_textbox_abstand{
  padding-left:60px;
  padding-right:60px;
}

@media screen and (max-width: 650px){
  .image_in_textbox_abstand{
    padding-left:0;
    padding-right:0;
  }
}



/* Bild Überlappung oben */

.image_ueberlappung_oben{
  margin-top:40px;
}

.ueberlappung_oben{
  padding-top: 160px;
  margin-top: -100px;
  padding-bottom: 50px;
}

@media screen and (max-width: 540px){
  .ueberlappung_oben{
    padding-top:140px;
  }
}



/* Bild Überlappung unten */

.obere_box_ueberlappung_unten{
  padding-top:70px;
}

.image_ueberlappung_unten{
  margin-bottom:-100px;
  margin-top:40px;
}

.untere_box_ueberlappung_unten{
  margin-top:170px;
}

@media screen and (max-width: 540px){
  .untere_box_ueberlappung_unten{
    margin-top:150px;
  }
  .obere_box_ueberlappung_unten{
    padding-top:50px;
  }
}




/* Seperator Trennlinie Trennstrich */

.seperator_grau{
  border-top: 2px solid #e0e0e0;
  width:350px;
  margin:auto;
}

@media screen and (max-width: 940px){
  .seperator_grau{
    width:280px;
  }
}

@media screen and (max-width: 640px){
  .seperator_grau{
    width:200px;
  }
}

.seperator_braun{
  border-top: 2px solid #BFB6B1;
  width:350px;
  margin:auto;
}

@media screen and (max-width: 940px){
  .seperator_braun{
    width:280px;
  }
}

@media screen and (max-width: 640px){
  .seperator_braun{
    width:200px;
  }
}

.seperator_braun_zwei{
  border-top: 4px solid #BFB6B1;
  width:150px;
  margin:auto;
}

@media screen and (max-width: 940px){
  .seperator_braun_zwei{
    width:130px;
    border-top: 3px solid #BFB6B1;
  }
}







/* Icon Box  */

.Icon_Sektion{
  display:flex;
  width:100%;
  max-width:1460px;
  margin:auto;
  flex-wrap: wrap;
  justify-content: space-around;
}
.Iconbox svg{
  height:65px;
  width:auto;
  margin-bottom: 7px;
}


.Drei_Icons .Iconbox{
  text-align:center;
  width:33.3333%;
  padding:0 50px;
  min-width:380px;
  margin-top:70px;
}

.Vier_Icons .Iconbox{
  text-align:center;     
  padding:0 35px;
  margin-top:70px;
  width:25%;
  min-width:300px;
  font-size:14px;
}

@media screen and (max-width: 1199px){
  .Vier_Icons{
    max-width:600px;
    justify-content:center !important;
  }
}

@media screen and (max-width: 540px){
  .Iconbox{
    margin-top:40px !important;
  }
  .Drei_Icons .Iconbox{
    min-width:unset;
    width:100%;
    margin-top:30px;
  }
}

.Collapsible__Inner .Drei_Icons{
  flex-direction:column;
  gap:50px;
  margin-top:30px;
}
.Collapsible__Inner .Drei_Icons .Iconbox{
  padding:0;
  min-width:unset;
  width:100%;
  display:flex;
  text-align:left;
  gap:40px;
  margin-top:0;
}

.Collapsible__Inner .Drei_Icons .Iconbox div:first-child{
  min-width:70px;
  text-align:center;
}







/*   Testimonial Section    */


#Testionomial_Ueberschrift{
  text-align:center;
  margin-bottom:60px;
}

.Testimonial__Content{
  font-size:17px;
}



/* Product Item */

.ProductItem__Label--onSale, .ProductItem__Label--soldOut{
  color:var(--product-sale-price-color);
}



/* Featured Collections */

.featured_Collection_Premade{
  width:100%;
  max-width:1360px;
  padding-left:40px;
  padding-right:40px;
  margin:auto;
}

.featured_Collection_Premade .Grid__Cell{
  margin-bottom:55px !important;
}

.featured_Collection_Premade .ProductList{
  margin-bottom:0 !important;
}

@media screen and (max-width: 779px){
  .featured_Collection_Premade{
    padding:0;
  }
  .featured_Collection_Premade .Grid__Cell{
    margin-bottom:30px !important;
  }
}


.featured_Collection_desktop{
  width:100%;
  max-width:1600px;
  margin-left:auto !important;
  margin-right:auto !important;
}

.featured_Collection_desktop img, .featured_Collection_Premade img{
  border-radius:5px;
}

.ProductItem__Vendor, .ProductItem__Title{
  margin-bottom:0.8em;
}

@media screen and (max-width: 1020px){
  .featured_Collection_desktop{
    display:none;
  }
}

@media screen and (min-width: 1021px){
  .featured_Collection_mobile{
    display:none;
  }
}

.Custom_Featured_Collection_2022_Header_Container{
  max-width:1260px;
  width:100%;
  display:flex;
  justify-content:space-between;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:30px;
  white-space:break-spaces;
  padding-right:20px;
  padding-left:20px;
}

.seperator_featured_collection{
  margin:70px auto 50px;
  width:100%;
  margin-right:20px;
  margin-left:20px;
}

@media screen and (max-width: 540px){
  .seperator_featured_collection{
    margin-top:35px;
  }
}








/*   Custom Collection Lists  */


.CollectionList{
  justify-content: center;
  max-width:1000px;
  margin-left:auto !important;
  margin-right:auto !important;
}

.CollectionItem, .CollectionItem__Wrapper, .CollectionItem__ImageWrapper{
  border-radius:5px;
}

.Custom_Collection_List {
  display: flex;
  flex-wrap: wrap;
}

.Custom_Collection_Item{
  box-shadow: 0 20px 30px 0 rgba(0,0,0,.1);
  border-radius: 8px;
  background-color: #f7ecea;
  position: relative;
  margin: 15px;
  padding: 50px 120px 40px 40px;
  display: flex;
  align-items: flex-end;
  max-width: 600px;
  flex-basis: 390px;
  width: 100%;
}

.Custom_Collection_List_Sold_Out{
  color: #E99090;
  font-size: 18px;
  text-transform:uppercase;
  top: 10px;
  position: absolute;
  font-family:MyChampagne;
  font-weight:600;
}

.Custom_Collection_List_Image{
  max-width:1200px;
  display:flex;
  flex-wrap:wrap;
}

.Custom_Collection_Item_Image{
  /* box-shadow: 0 20px 30px 0 rgba(0,0,0,.1); */
  border-radius: 8px;
  background-color: #f7ecea;
  position: relative;
  margin: 15px;
  padding: 30px 20px;
  display: flex;
  align-items: flex-end;
  max-width: 600px;
  flex-basis: 500px;
}

.Custom_Collection_Item_Image .Custom_Collection_Item_Inner{
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
}

.Custom_Collection_Item_Image .Collection_Image{
  width:46%;
}

.Custom_Collection_Item_Image .Collection_Image img{
  border-radius:8px;
}

.Custom_Collection_Item_Image .Collection_Description{
  padding:0 20px;
  width:54%;
}

@media screen and (max-width: 500px){
  .Custom_Collection_Item_Image{
    margin:20px 15px;
    flex-basis:350px;
  }
  .Custom_Collection_Item_Image .Custom_Collection_Item_Inner{
    flex-direction:column;
    width:100%;
  }
  .Custom_Collection_Item_Image .Collection_Image{
    width:100%;
    max-width:220px;
    margin:auto;
  }
  .Custom_Collection_Item_Image .Collection_Description{
    text-align:center;
    margin-top:20px;
    width:100%;
  }
}



#Test_Vorschau{
  position: absolute;
  width: 100px;
  bottom: 20px;
  right: 30px;
  background-color: #fff;
  border-radius: 100%;
}

#Test_Vorschau img{
  border-radius: 100%;
  border: 2px solid #BFB6B1;
}

@media screen and (max-width: 840px){
  .Custom_Collection_Item{
    padding: 40px 40px 50px 40px;
    text-align: center;
    justify-content: center;
    flex-basis: 500px;
  }
  #Test_Vorschau{
  position: unset;
    margin: auto;
    margin-bottom: 20px;
  }
  #Custom_Collection_List_Space_Filler{
    height:20px;
  }
}


/* Hier die Custom Collection List der Produktseite All Products */

@media screen and (max-width: 719px){
  #section-collection-list-inline-productpage{
    display:none;
  }
}

.Collection_Item_Inline_Productpage{
  box-shadow: 0 20px 30px 0 rgb(0 0 0 / 10%);
  border-radius: 8px;
  background-color: #f7ecea;
  position: relative;
  margin: 15px;
  display: flex;
  width: 100%;
  text-align: center;
  width: 120px;
  padding: 58px 20px 20px 20px;
}

.Custom-Collection-List-Item-Image{
  position: absolute;
  width: 80px;
  background-color: #fff;
  border-radius: 100%;
  top:-30px;
}

.Custom-Collection-List-Item-Image img{
  border-radius: 100%;
  border: 2px solid #BFB6B1;
}






/* Policy Seiten */


.shopify-policy__container{
  max-width:750px;
  padding:60px 20px;
  font-size:16px;
}

.shopify-policy__title{
  display:none;
}









/* FAQ  */

.Faq__Section{
  margin: 0;
  font-family:"Avenir Next";
  font-weight:600;
  padding: 20px;
  background-color: #fcf8f7;
}

.Faq__Section~.Faq__Section{
  margin-top:20px;
}

.Faq__Item{
  padding: 20px 0;
  border-bottom: 1px solid #e0e0e0;
  margin:0;
}

.Faq__Item--lastOfSection{
  border-bottom:unset;
}

.Faq__Icon{
  top:unset;
}

.Faq__Question{
  font-size:16px;
  font-weight:500;
}

.Faq__Answer{
  padding:20px 0 5px;
  font-size:16px;
}

.Faq strong, .Faq b, .Faq__Item strong, .Faq__Item b{
  font-weight:600;
}





/*  Bestell Icons */

.Bestell_Icons{
  margin-bottom:70px;
  margin-top:10px;
}



/* Image with text */


.Image_With_Text_Sektion{
  padding-left: 50px;
  padding-right: 50px;
  position: relative;
}


.Image_With_Text_Container{
  margin: auto;
  width: 100%;
  max-width: 1460px;
  display: flex;
  justify-content: space-between;
}

.Image_With_Text_Wrapper_Image{
  width: calc(50% - 20px);
  position:relative;
  height:fit-content;
}

.Image_With_Text_Wrapper_Text{
  width: calc(50% - 20px);
  display: flex;
  align-items: center;
  justify-content: center;
}


@media screen and (min-width: 941px){
  .Image_With_Text_Wrapper_Inner{
  width:90%;
}
}

@media screen and (min-width: 1265px){
  .Image_With_Text_Wrapper_Inner{
    width:74%;
  }
}





/* Image with Text Image is overlapping */

.Overlap_Image_With_Text_Wrapper_Image{
  display: flex;
  align-items: center;
  width: 50%;
  padding-top: 50px;
  padding-bottom: 50px;
}

.Overlap_Image_With_Text_Wrapper_Image img{
  margin-left:80px;
  z-index:1;
}

.Overlap_Image_With_Text_Wrapper_Text{
  background-color: rgba(247,236,234,.8);
  width: 50%;
  display:flex;
  align-items:center;
}

.Overlap_Image_With_Text_Wrapper_Text_Inner{
  margin-left:150px;
}

@media screen and (min-width: 941px){
  .Overlap_Image_With_Text_Wrapper_Text_Inner{
  width:90%;
}
}

@media screen and (min-width: 1265px){
  .Overlap_Image_With_Text_Wrapper_Text_Inner{
    width:74%;
  }
}




@media screen and (max-width: 940px){
  .Image_With_Text_Sektion{
    padding-left:20px;
    padding-right:20px;
  }
  .Image_With_Text_Container{
    flex-direction:column;
  }
  .Overlap_Image_With_Text_Wrapper_Image{
    margin-bottom: -190px!important;
    margin: auto;
    width: 90%;
  }
  .Overlap_Image_With_Text_Wrapper_Text{
    padding-bottom: 90px;
    padding-top: 185px;
  }
  .Overlap_Image_With_Text_Wrapper_Text_Inner{
    margin-left:115%;
    min-width:85%;
    max-width:85%;
  }
  .Overlap_Image_With_Text_Wrapper_Image img{
    margin-left:unset;
  }
  .Image_With_Text_Wrapper_Image, .Image_With_Text_Wrapper_Text, .Image_With_Text_Wrapper_Inner, .Overlap_Image_With_Text_Wrapper_Text_Inner{
    width: unset;
  }
  .Image_With_Text_Wrapper_Text{
    margin-top:30px;
    justify-content:unset;
  }
}

@media screen and (max-width: 640px){
  .Overlap_Image_With_Text_Wrapper_Text_Inner{
    margin-left: calc(100% - 100px);
    max-width:unset;
    min-width:unset;
  }
}

@media screen and (max-width: 540px){
  .Image_With_Text_Sektion{
    padding-left:10px;
    padding-right:10px;
  }
}









/* Hier starten die allg. Settings von der Image with Text Section */

.custom_section_image_with_text{
  padding-left:50px;
  padding-right:50px;
  position:relative;
  margin-bottom:160px;
}

.custom_section_image_with_text_inner{
  margin:auto;
  width:100%;
  max-width:1460px;
  display:flex;
  justify-content:space-between;
}

.custom_section_image_with_text_image{
  width: calc(50% - 20px);
}

.custom_section_image_with_text_image img{
  /* box-shadow: 0 20px 30px 0 rgba(0,0,0,0.1); */
  border-radius:8px;
}

.wrapper_aligned_center{
  display:flex;
  align-items:center;
}

.custom_section_image_with_text_text{
  width: calc(50% - 20px);
}

.custom_section_image_with_text_wrapper_around_text{
  margin:auto;
}

@media screen and (min-width: 941px){
  .custom_section_image_with_text_wrapper_around_text{
  width:90%;
}
}

@media screen and (min-width: 1265px){
  .custom_section_image_with_text_wrapper_around_text{
    width:74%;
  }
}


.custom_section_image_with_text_text h2{
  font-size:30px;
}

.custom_section_image_with_text_text h3{
  font-size:16px;
}




@media screen and (max-width: 940px){
  .custom_section_image_with_text{
    padding-left:20px;
    padding-right:20px;
  }
  .custom_section_image_with_text_inner{
    flex-direction:column;
  }
  .custom_section_image_with_text_text, .custom_section_image_with_text_image, .custom_section_image_with_text_wrapper_around_text{
    width: unset;
  }
  .custom_section_image_with_text_text{
    margin-top:30px;
  }
}

@media screen and (max-width: 540px){
  .custom_section_image_with_text{
    padding-left:10px;
    padding-right:10px;
    margin-bottom:80px;
  }
}



/* Background Boxen */

.Background_Sliding_Box_Right_Bottom{
  width: 100%;
  height:100%;
  background-color:rgba(247, 236, 234,0.6);
  position:absolute;
  bottom:-50px;
  right:-50px;
  z-index:-1;
}

@media screen and (max-width: 1264px){
  .Background_Sliding_Box_Right_Bottom{
    right:-30px !important;
    bottom:-30px !important;
  }
}

@media screen and (max-width: 940px){
  .Background_Sliding_Box_Right_Bottom, .Background_Sliding_Box_Left_Bottom{
    left:-20px !important;
    bottom:40px !important;
    width:98% !important;
  }
}

@media screen and (max-width: 540px){
  .Background_Sliding_Box_Right_Bottom{
    bottom:30px !important;
  }
}

.Background_Sliding_Box_Left_Bottom{
  width:100%;
  height:100%;
  background-color:rgba(247, 236, 234,0.6);
  position:absolute;
  bottom:-50px;
  left:-30px;
  z-index:-1;
}

@media screen and (max-width: 540px){
  .Background_Sliding_Box_Left_Bottom{
    bottom:30px !important;
    left:-10px !important;
    width:96%;
  }
}

.Background_Sliding_Box_Right_Bottom_Zwei{
  width: 100%;
  height:100%;
  background-color:rgba(247, 236, 234,0.6);
  position:absolute;
  bottom:-50px;
  right:-30px;
  z-index:-1;
}

@media screen and (max-width: 940px){
  .Background_Sliding_Box_Right_Bottom_Zwei{
    right:-20px !important;
    bottom:40px !important;
    width:98% !important;
  }
}

@media screen and (max-width: 540px){
  .Background_Sliding_Box_Right_Bottom_Zwei{
    bottom:30px !important;
    right:-10px !important;
    width:96%;
  }
}



/* Hier endet die allg. Settings von der Image & Text Box */




/* Flag Icon flag Flagge Sprache Switcher Language */

.ly-flag-icon-en {
    background-image: url('/cdn/shop/files/us.svg?v=1632655766') !important;
}








#section-footer{
  margin-top:0 !important;
}




/* Hier enden die allgemeinen Klassen */









/*     AB HIER WERDEN EINZELNE SEKTIONEN INDIVIDUELL ANGEPASST      */



/* Cart Warenkorb Checkout */

.Drawer{
  width:89%;
  max-width:500px;
}

.Cart__ShippingNotice{
  position:relative;
}

.CartItem__Title{
  letter-spacing:unset !important;
  font-family:Avenir Next;
  font-weight:400;
  font-size:12px;
  white-space:unset;
}

.CartItem__Variant, .CartItem__Property{
  font-family:Avenir Next;
  font-weight:400;
  letter-spacing:0 !important;
  text-transform:none !important;
  font-size:12px;
}

.CartItem__PriceList{
  font-family: Avenir Next;
  font-size:11px;
  font-weight:500;
}

.Cart__ShippingNotice{
  text-align:center;
  padding-top:20px;
  font-size:13px;
  border-bottom:none;
}

.Drawer__Footer{
  padding-bottom:14px !important;
}

.CartItem__Discount_Total_Wrapper{
  display:flex;
}

.CartItem__Discount_Total{
  width:auto;
  margin-left:auto;
  margin-top: 5px;
  padding: 2px 6px;
  background: rgba(var(--product-sale-price-color-rgb),.1);
  color: var(--product-sale-price-color);
  font-size:13px;
}




/*  Hier beginnt die Seite "Premade Bullet Journal"   */


#Premade_Title_Section, #Homepage_Title_Section{
  margin-top:50px;
  margin-bottom:140px;
}

#Premade_Title_Section .Image_With_Text_Container, #Homepage_Title_Section .Image_With_Text_Container{
  max-width:1800px;
}

#Premade_Title_Section .Image_With_Text_Wrapper_Text, #Homepage_Title_Section .Image_With_Text_Wrapper_Text{
  max-width:740px;
  margin-left:auto;
  position:relative;
}

#Premade_Title_Section .Image_With_Text_Wrapper_Text{
  padding-top:90px;
  padding-bottom:90px;
}

#Premade_Notification{
  position:absolute;
  top:0;
  background-color: #F7ECEA;
  padding:10px 30px;
  box-shadow: 0 10px 15px 0 rgba(0,0,0,.05);
  border-radius: 5px;
}

@media screen and (max-width: 1330px){
  #Homepage_Title_Section h1{
    font-size:32px;
  }
}

@media screen and (max-width: 1264px){
  #Premade_Title_Section .Image_With_Text_Wrapper_Text{
    padding-left:20px;
    max-width:unset;
    margin-left:unset;
    align-items:unset;
    padding-bottom:unset;
  }
  #Premade_Title_Section{
    margin-bottom:100px;
  }
}
@media screen and (max-width: 940px){
  #Premade_Title_Section{
    margin-top:20px;
    margin-bottom:60px;
  }
  #Homepage_Title_Section{
    margin-bottom:unset;
  }
  #Premade_Title_Section .Image_With_Text_Wrapper_Text{
    flex-direction:column-reverse;
    align-items:flex-start;
    padding:unset;
    padding-bottom:90px;
  }
  #Homepage_Title_Section .Image_With_Text_Wrapper_Text{
    max-width:unset;
    margin-left:unset;
    flex-direction:column-reverse;
    align-items:flex-start;
    padding:unset;
    padding-bottom:110px;
    padding-right:160px;
  }
  #Premade_Title_Section .Image_With_Text_Container, #Homepage_Title_Section .Image_With_Text_Container{
    flex-direction:column-reverse;
  }
  #Premade_Notification{
    position:unset;
    margin-bottom:80px;
    align-self:center;
  }
}
@media screen and (max-width: 640px){
  #Homepage_Title_Section .Image_With_Text_Wrapper_Text{
    padding-right:unset;
  }
}
@media screen and (max-width: 540px){
  #Premade_Title_Section, #Homepage_Title_Section{
    margin-bottom:50px;
  }
  #Homepage_Title_Section h1{
    font-size:26px;
  }
  #Homepage_Title_Section .Subheading{
    font-size:13px;
  }
  #Premade_Title_Section h1{
    font-size:32px;
  }
  #Premade_Title_Section .Subheading{
    font-size:15px;
  }
  #Premade_Title_Section .Image_With_Text_Wrapper_Image, #Homepage_Title_Section .Image_With_Text_Wrapper_Image{
    margin-left:10px;
  }
  #Premade_Title_Section .Image_With_Text_Wrapper_Text{
    padding-bottom:70px;
  }
  #Homepage_Title_Section .Image_With_Text_Wrapper_Text{
    margin-top:10px;
    padding-bottom:70px;
  }
  #Premade_Einleitung_Sektion{
    margin-bottom:70px !important;
  }
  #Premade_Benefit_Trenner{
    margin-bottom:0px !important;
  }
  #Premade_Heading_Icons{
    margin-top:75px !important;
    margin-bottom:10px !important;
  }
  #Premade_Environment_Sektion{
    margin-top:100px !important;
    margin-bottom:120px !important;
  }
}


#Premade_Einleitung_Sektion{
  margin-bottom:140px;
}

#Premade_Benefit_Trenner{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-top:50px;
}

#Premade_Benefit_Trenner .seperator_grau{
  max-width:200px;
  margin:unset;
  flex:2;
}

.Premade_Benfit_Trenner_Text{
  text-align:center;
}

.Premade_Benfit_Trenner_Text strong{
  margin:auto 40px;
}

@media screen and (max-width: 570px){
  .Premade_Benfit_Trenner_Text strong{
    margin:unset;
    font-size:13px;
  }
  #Premade_Benefit_Trenner .seperator_grau{
    display:none;
  }
  #Premade_Benefit_Trenner{
    justify-content:space-around;
    margin-top:25px;
  }
}

#shopify-section-featured-collections-premade .featured_Collection_Premade{
  margin-top:40px;
}

#shopify-section-featured-collections-premade-bujo .featured_Collection_desktop{
  margin-top:40px !important;
}

#Premade_Environment_Sektion{
  margin-top:120px;
  margin-bottom:140px;
}

#Premade_Heading_Icons{
  margin-top:130px;
  margin-bottom:30px;
}

#Premade_Heading_Icons .seperator_braun_zwei{
  margin-bottom:30px;
}

#Premade_Weekly_Spreads_Sektion, #Premade_Monthly_Sektion, #Premade_Black_White_Sektion{
  margin-bottom:120px;
}

#Premade_Weekly_Spreads_Sektion{
  margin-top:140px;
}

@media screen and (max-width: 940px){
  #Premade_Weekly_Spreads_Sektion, #Premade_Monthly_Sektion, #Premade_Black_White_Sektion{
    margin-bottom:160px;
  }
  #Premade_Weekly_Spreads_Sektion .Image_With_Text_Wrapper_Text, #Premade_Monthly_Sektion .Image_With_Text_Wrapper_Text, #Premade_Black_White_Sektion .Image_With_Text_Wrapper_Text{
    margin-top:50px;
  }
}
@media screen and (max-width: 640px){
  #Premade_Weekly_Spreads_Sektion, #Premade_Monthly_Sektion, #Premade_Black_White_Sektion{
    margin-bottom:120px !important;
  }
  #Premade_Weekly_Spreads_Sektion .Image_With_Text_Wrapper_Text, #Premade_Monthly_Sektion .Image_With_Text_Wrapper_Text, #Premade_Black_White_Sektion .Image_With_Text_Wrapper_Text{
    margin-top:30px;
  }
}

#Premade_Black_White_Sektion{
  margin-bottom:150px;
}

#Premade_Blockquote{
  margin-bottom:100px;
}


#Premade_Preorder_Sektion{
  margin-bottom:80px;
  padding-top:80px;
}

#Premade_About_Sektion{
  margin-top:110px;
  padding-top:30px;
  padding-bottom:30px;
  background-color:#F7ECEA;
}

#Premade_WhatIsA_Bullet_Journal_Sektion{
  margin-top:100px;
}

.Premade_Article_Sekctions{
  margin-top:60px;
}

#Premade_Last_Section{
  margin-bottom:110px;
}













/* Etsy Bewertungen reviews */

.count-number--3dKAK{
  font-size:14px;
}

.reputon-etsy-reviews-widget#initialized-id-de13c390-5cfa-11ed-ae4d-dbd5d1b95ac3{
  padding:80px 50px 0;
}

@media screen and (max-width:940px){
  .reputon-etsy-reviews-widget#initialized-id-de13c390-5cfa-11ed-ae4d-dbd5d1b95ac3{
    padding:50px 24px 0;
  }
  .reputon-etsy-reviews-widget#initialized-id-de13c390-5cfa-11ed-ae4d-dbd5d1b95ac3 .reviews-holder--1L8Mw{
    width:unset;
  }
}

#widget-de13c390-5cfa-11ed-ae4d-dbd5d1b95ac3{
  max-width:1160px;
  margin:auto;
  height:650px;
}







/*  Beginn der Startseite  */



/* Vision und Teambild */

.Vision_Sektion{
  margin-top:110px;
}

@media screen and (max-width: 600px){
  .Vision_Sektion{
    margin-top:55px;
  }
}

.Vision_Wrapper{
  max-width: 1100px;
    margin: auto;
    display: flex;
    padding: 45px 50px 35px;
    border-radius: 8px;
}


.Vision_Team_Left_Side{
  width: 34%;
}

.Vision_Team_Left_Side img{
  border-radius: 8px;
}

.Vision_Team_Right_Side{
      padding: 15px 25px 0 40px;
    width: 66%;
}

.Vision_Team_Right_Side h2{
  font-size:26px;
}

.Vision_Team_Right_Side p{
  font-size:16px;
}

.Vision_Team_Right_Side a{
  margin-top:25px;
  display:block;
}

@media screen and (max-width: 960px){
  .Vision_Sektion{
    padding:0 20px;
  }
  .Vision_Wrapper{
    padding: 45px 0 35px;
    flex-direction:column;
    align-items:center;
  }
  
  .Vision_Team_Left_Side{
    max-width:280px;
    width:100%;
    margin-bottom:25px;
  }
  
  .Vision_Team_Right_Side{
    text-align:center;
    width:100%;
  }
}



/* Testimonials (Noch static für die Hoempage. Wenn ich daraus eine richtige Sektion mache, kommt sie auch zur Dev Seite und der CSS Code weiter nach oben */

@media screen and (max-width: 760px){
  .Custom_Tesimonials_Sektion{
    display:none;
  }
}

.custom_testimonials{
  width:100%;
  max-width:1460px;
  display:flex;
  justify-content:space-around;
  margin:auto;
  padding:40px 0 25px;
}

.custom_testimonials_spalte{
  width:33.33%;
  padding:0 30px;
  max-width:400px;
}

.custom_testimonials_text{
  font-size:14px;
  text-align:center;
}

.custom_testimonials_insta{
  display:flex;
  align-items:center;
  flex-direction:column;
}

.custom_testimonials_insta img{
  width: 70px;
  border-radius: 100%;
  margin-top: 8px;
  border: 1px solid #BFB6B1;
}

.custom_testimonials_insta span{
  display: block;
  font-size: 14px;
  margin-top: 15px;
  font-weight: 600;
}




/* Kategorie wählen alt und neu */

#shopify-section-163145519362d41aa7{
  margin-top:90px;
}

#shopify-section-645d3cf1-249d-4df4-9e57-996799182f0a{
  margin-top:50px;
}

/* Dotted Notebooks */

#Dotted_Journals_Homepage{
  padding-top:90px;
}

@media screen and (max-width: 540px){
  #Dotted_Journals_Homepage{
    padding-top:40px;
  }
}

#Homepage_Benefit_Trenner{
  display:flex;
  justify-content:space-between;
  margin-bottom:70px;
  align-items:center; 
}

#Homepage_Benefit_Trenner .seperator_grau{
  max-width:200px;
  margin:unset;
  flex:2;
}

.Homepage_Benfit_Trenner_Text{
  text-align:center;
}

.Homepage_Benfit_Trenner_Text strong{
  margin:auto 40px;
}

@media screen and (max-width: 620px){
  .Homepage_Benfit_Trenner_Text strong{
    margin:unset;
  }
  #Homepage_Benefit_Trenner .seperator_grau{
    display:none;
  }
  #Homepage_Benefit_Trenner{
    justify-content:space-around;
    margin-bottom:unset;
  }
}
@media screen and (max-width: 420px){
  .Homepage_Benfit_Trenner_Text strong{
    font-size:13px;
  }
}


/* Collection Dotted Notebooks Dotted Journals */

@media screen and (min-width: 1021px){
  #shopify-section-163086947118468b7d{
    margin-bottom:120px;
  }
}

/* Mittel Sektion Custom Quality */


/* Environment Sektion Homepage */

#Homepage_Environment_Sektion{
  margin-top:120px;
  margin-bottom:140px;
}

#Homepage_Quality_Title{
  margin-bottom:100px;
}

#Homepage_Ghosting_Sektion, #Homepage_White_Paper_Sektion, #Homepage_Made_In_Germany_Sektion{
  margin-bottom:120px;
}
#Homepage_Schreib_Feeling_Sektion{
  margin-bottom:150px;
}
@media screen and (max-width: 940px){
  #Homepage_Ghosting_Sektion, #Homepage_White_Paper_Sektion{
    margin-bottom:160px;
  }
  #Homepage_Ghosting_Sektion .Image_With_Text_Wrapper_Text, #Homepage_White_Paper_Sektion .Image_With_Text_Wrapper_Text, #Homepage_Schreib_Feeling_Sektion .Image_With_Text_Wrapper_Text{
    margin-top:50px;
  }
}
@media screen and (max-width: 640px){
  #Homepage_Ghosting_Sektion, #Homepage_White_Paper_Sektion, #Homepage_Schreib_Feeling_Sektion{
    margin-bottom:120px !important;
  }
  #Homepage_Ghosting_Sektion .Image_With_Text_Wrapper_Text, #Homepage_White_Paper_Sektion .Image_With_Text_Wrapper_Text, #Homepage_Schreib_Feeling_Sektion .Image_With_Text_Wrapper_Text{
    margin-top:30px;
  }
}

#Homepage_Made_In_Germany_Sektion{
  display:none;
}

#Homepage_Made_In_Germany_Sektion h3{
  margin-top:20px;
}


/* Link to zu Premade Bullet Journals Fertige  */

#shopify-section-163152658760671e3d{
  margin-top:120px;
}


/* Link zu About us */

#shopify-section-1631526198dd7dee73{
  margin-top:110px;
}


/* Neues Link zu About */

.Link_to_About_Mit_Bild{
  margin-top:80px;
  padding:0 20px;
}

.Link_to_About_Mit_Bild_Wrapper{
  max-width: 1100px;
    margin: auto;
    display: flex;
    background-color: #fcf8f7;
    padding: 45px 50px 35px;
    border-radius: 8px;
}


.Link_to_About_Mit_Bild_Left_Side{
  width: 28%;
}

.Link_to_About_Mit_Bild_Left_Side img{
  border-radius: 8px;
}

.Link_to_About_Mit_Bild_Right_Side{
    padding: 15px 25px 0 40px;
    width: 72%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.Link_to_About_Mit_Bild_Right_Side p{
  font-size:16px;
}

@media screen and (max-width: 940px){
  .Link_to_About_Mit_Bild{
    margin-top:50px;
  }
  .Link_to_About_Mit_Bild_Wrapper{
    flex-direction:column;
    align-items:center;
    padding:45px 20px;
  }
  .Link_to_About_Mit_Bild_Left_Side{
    max-width:400px;
    width:100%;
  }
  .Link_to_About_Mit_Bild_Right_Side{
    width:100%;
    margin-top:20px;
  }
}


/* Bestell Icons Homepage */

#shopify-section-163129992763e10819{
  margin-top:120px;
  margin-bottom:60px;
}


@media screen and (max-width: 540px){
  #Homepage_Environment_Sektion{
    margin-top:70px;
    margin-bottom:100px;
  }
  #Homepage_Quality_Title{
    font-size:26px;
    margin-bottom: 70px;
  }
  #shopify-section-1631526198dd7dee73, #shopify-section-163129992763e10819{
    margin-top:80px;
  }
}






/*  Beginn der custom Collection List Page Kategorieseite   */

#Page_Kategorieseite_Liste{
  padding-top:50px;
  padding-bottom:200px;
}





/* FOOTER  */


@media screen and (min-width: 1140px){
  .Footer__Block--text {
    flex-basis: 360px;
  }
}











/*   BEGINN DER PRODUKTSEITE   Product Produkt product produkt  */


.Product__SlideshowNavArrow:before{
  width:0;  /* das war herbe komisch. Die Produktseiten waren alle breiter als Displaybreite. Weil dieser Pfeil im Bild um Bilder zu wechseln einen Wrapper hatte, der zu breit war. Der Wrapper kann aber 0 breit sein. ach ich verstehe warum. Das war damit die Klcikfläche größer ist. Also bei Touchscreen. Jetzt muss man genau den Pfeil treffen. Aber egal */
}


.Product__Info{
  padding-bottom:10px;
}

#announcement_product_page{
  color:#ff9900;
  font-weight:500;
  padding-left:10px;
  padding-right:10px;
}

.Product_Price_Review_Container{
    display: flex;
    align-items: center;
    gap: 25px;
    min-height:92px;
}

.Product_Price_Review_Container_Reviews{
    min-width:113px;
}

@media screen and (min-width: 1008px){
  .Product__Gallery{
    margin-right:20px;
  }
}

.ProductMeta{
  text-align:left;
}

.Product_Page_Description_Container{
  background-color:#fcf8f7;
  padding-top:25px;
  padding-bottom:25px;
}

.Product_Page_Custom_Sektion{
  margin-top:70px;
}

.Product_Page_Custom_Sektion h2{
  font-size:20px;
  margin-top:10px;
}

.Product_Page_Custom_Sektion .Container{
  padding:unset;
}

.Product_Page_Custom_Sektion .PageContent{
  margin-top:70px;
  margin-bottom:70px;
}

/* Color Swatches für Muster */

.ColorSwatchMuster label.ColorSwatch:after{
  border: 1px solid var(--border-color);
}

.ColorSwatchMuster .ColorSwatch--large{
  width:46px;
  height:46px;
}

/* Auch für das Gift Bundle */

.ColorSwatchMuster2 label.ColorSwatch:after{
  border: 1px solid var(--border-color);
}

.ColorSwatchMuster2 .ColorSwatch--large{
  width:46px;
  height:46px;
}


/* Product variants sold out Produkt Varianten ausverkauft */

.sold_out_variant_radio{
  background-color:#e0e0e060;
  color:#b3b1b1;
}

.sold_out_variant_radio:hover{
  cursor:default;
} 

.sold_out_color_swatch{
  opacity:0.5;
  cursor:default;
}

.HorizontalList__Item:has(.sold_out_color_swatch){
  position:relative;
}

.HorizontalList__Item:has(.sold_out_color_swatch)::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 2px; /* Dicke des Strichs */
  background-color: #ada6a6; /* Farbe des Strichs */
  transform: rotate(-45deg); /* Diagonal */
  transform-origin: center;
  z-index: 2; /* Damit es über dem Farbfeld liegt */
}




/* Abstand von Iconbox (Bestellicons) nach unten zu Instafeed*/
#shopify-section-custom-bestellicons-product{
  margin-bottom:30px;
}

/* Shipping und Tax Notice kleinere Schrift */
.ProductMeta__TaxNotice{
  font-size:14px;
}


/* Hier kommt das Design der Personalisierungs Sektion. */

.Personalisierung_Label{
  margin-top:30px;
  display:block;
}

#Produkt_Personalisierungstext input{
    width: 100%;
    padding: 12px 15px;
    border: 1px solid var(--border-color);
    color: var(--text-color-light);
      font-size:16px;
      margin-top:8px;
}
#Produkt_Personalisierungstext input::placeholder{
  color:#b3b3b3;
}

/* Auch für Gift bundle: Fpr das zwiete Feld */

#Produkt_Personalisierungstext2 input{
    width: 100%;
    padding: 12px 15px;
    border: 1px solid var(--border-color);
    color: var(--text-color-light);
      font-size:16px;
      margin-top:8px;
}
#Produkt_Personalisierungstext2 input::placeholder{
  color:#b3b3b3;
}

.ProductForm__AddToCart{
  font-size:15px;
  padding:16px 28px;
}



/* Hier kommt das Present Jahresplaner 2023 Bundle Form */

.Present-Bundle-Custom-Form{
  margin-bottom:40px;
}

.Present-Bundle-Custom-Form .Free_Note{
  margin-top:40px;
  margin-bottom:30px;
}

.Present-Bundle-Custom-Form .Free_Note strong{
  font-weight: 600;
  font-size: 14px;
  font-family: 'Avenir Next';
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

.Present-Bundle-Custom-Form .Collapsible__Button{
  padding-top:34px;
  padding-bottom:34px;
}

.Present-Bundle-Custom-Form .Rte ul, .Present-Bundle-Custom-Form .Rte ol{
  margin-left:0px;
}

.Present-Bundle-Custom-Form .Collapsible__Content{
  padding-bottom:0px;
}

.Present-Bundle-Custom-Form .Choose_6_Trackers_Note{
  font-size:16px;
}



/* Hier kommt das Design der Icon Box Dotted Journal unter dem Kauf Button */

.dotted-journal-icon-box-add-to-cart{
  display:flex;
  margin-top:25px;
  padding-bottom:25px;
}

.dotted-journal-icon-box-add-to-cart .Iconbox{
  width:33.33%;
}

.dotted-journal-icon-box-add-to-cart .Iconbox div{
  text-align:center;
}

.dotted-journal-icon-box-add-to-cart .Iconbox svg{
  height:60px;
  width:auto;
  margin-bottom:0;
}

.dotted-journal-icon-box-add-to-cart .Iconbox h3{
  font-weight:600;
  font-size:16px;
  line-height:20px;
  padding:0 10px;
}

@media screen and (max-width:600px){
  .dotted-journal-icon-box-add-to-cart{
    padding-bottom:0;
  }
  .dotted-journal-icon-box-add-to-cart h3{
      font-size:14px;
    }
    .dotted-journal-icon-box-add-to-cart .Iconbox{
      margin-top:0 !important;
    }
    .dotted-journal-icon-box-add-to-cart .Iconbox svg{
      height:50px;
      width:auto;
    }
}


/* Cross Selling Up Selling Accessoires */

.Accessoires_Note_Mobile{
  display:none;
  border-radius:8px;
  padding:10px;
  border:1px solid #e0e0e0;
  margin-top:30px;
  flex-direction:column-reverse;
  gap:10px;
}

.Accessoires_Note_Desktop{
  display:flex;
  border-radius:8px;
  padding:15px;
  border:1px solid #e0e0e0;
  margin-top:30px;
  flex-direction:column-reverse;
  gap:15px;
}

.Accessoires_Note_Image{
  display:flex;
  gap:5px;
}

.Accessoires_Note_Image a{
  flex: 1 1 0px;
}

.Accessoires_Note_Desktop .Accessoires_Note_Text_Heading{
  display:block;
  font-size:22px;
  font-family:Avenir Next;
  font-weight:700;
}

.Accessoires_Note_Mobile .Accessoires_Note_Text_Heading{
  display:block;
  font-size:20px;
  font-family:Avenir Next;
  font-weight:700;
}

.Accessoires_Note_Desktop .Accessoires_Note_Text p{
  font-weight:500;
  font-size:18px;
}

.Accessoires_Note_Mobile .Accessoires_Note_Text p{
  font-weight:500;
}

@media screen and (max-width:1007px){
  .Accessoires_Note_Desktop{
    display:none;
  }
  .Accessoires_Note_Mobile{
    display:flex;
  }
}


/* Hier kommt das Design von der Free Shipping Naricht unter dem Kauf Button */

.Product_Free_Shipping{
    display: flex;
    align-items: center;
    margin-top: 20px;
}

.Product_Free_Shipping_Icon{
  margin-right:15px;
}

.Product_Free_Shipping_Icon svg{
  width:50px;
}

.Product_Free_Shipping_Note{
    font-size: 17px;
    font-family: 'MyChampagne';
    text-transform: uppercase;
    font-weight: 600;
    font-style: italic;
}

.Product_Shipment_Duration{
  margin-top:15px;
}

.Product_Shipment_Duration_Zeile{
    padding: 8px 12px;
    display: flex;
    justify-content: space-around;
    border: 1px solid #e0e0e0;
}

.Product_Shipment_Duration div:nth-child(2){
  border-top:none;
  border-bottom:none;
}
.Product_Shipment_Duration div:nth-child(3){
  border-bottom:none;
}

.Product_Shipment_Duration_Zeile span{
  display:block;
  width:50%;
  text-align:center;
}

.Product_Shipment_Duration_Region{
  font-weight:600;
}

.Product_Shipping_Costs_Notes{
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
    font-style: italic;
    text-align: center;
    margin-top: 7px;
}

@media screen and (min-width:1008px){
  .Product__Aside{
    margin-right:20px;
  }
}

@media screen and (max-width: 640px){
  .Tabs_Jahresplaner{
    padding:0 24px;
  }
}

.Tabs_Jahresplaner .Collapsible__Button{
  padding:34px 0;
}

.FAQ_Premade_Tab .Container{
  padding:0;
}

.FAQ_Premade_Tab .PageContent{
  margin-top:40px;
  margin-bottom:0;
}














/* Beginn des Testens der Dev Seite */


#Dev_One{
  height:500px;
  width:500px;
  overflow:hidden;
}
#Dev_After{
  height:100%;
  background-image: url("/cdn/shop/files/Instagram2.jpg?v=1631463026");
  background-size:cover;
}
#Dev_Before{
  height:100%;
  background-image: url("/cdn/shop/files/Instagram1.jpg?v=1631463025");
  background-size:cover;
  transition: linear 1.5s;
}
#Dev_One:Hover #Dev_Before{
  transform: translateX(-100%);
}

































/*         Beginn des alten Codes      */




#Slide1617451291292a2e4b-0 h3{
  font-size:16px;
}

#Slide1617451291292a2e4b-0 h2{
  font-size:35px !important;
}

#Slide1617451291292a2e4b-0 .Slideshow__Content {
  margin-top:80px;
}

/* Slideshow with H1 Title Slider */


.CustomSlider_with_H1_title_Slideshow_Content {
  margin-top:50px;
  position: absolute;
  padding: 0 24px;
  width: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

@media screen and (min-width: 1100px){
  .CustomSlider_with_H1_title_Slideshow_Content {
    padding: 0 120px;
  }
}



/* Das Copyright yourbujo hat die class Heading drin. Das Copyright Zeichen sieht aber scheiße aus in Chamapgne, daher auf Avenir Next */

#copyright_yourbujo{
  font-weight:500;
  font-family: Avenir Next;
}

/* Ende des Copyrights */



/* Hier folgt alles für die Custom About page */

#team_section_custom_about{
  padding-top:80px;
}

#team_section_custom_about_wrapper{
  max-width:890px;
  padding:0 10px;
  margin:auto;
  width:100%;
}

#team_section_custom_about_text{
  margin-bottom:40px;
  text-align:center;
  font-size:17px;
  max-width:600px;
  margin-left:auto;
  margin-right:auto;
}

#team_section_custom_about_text h1{
  font-size:40px;
}

#team_section_custom_about_image{
  max-height:80vh;
}

#our_story_custom_about{
  background-color:#fcf8f7;
  padding-top:60px;
  margin-top:80px;
}

@media screen and (max-width: 940px){
  #our_story_custom_about{
    padding-top:20px;
    margin-top:40px;
  }
  #our_story_custom_about .flex_reverse{
    flex-direction:column-reverse !important;
    gap:40px;
  }
}

#our_story_custom_about h2{
  font-size:35px;
}

#our_story_custom_about blockquote{
  font-size: 23px;
  font-style: italic;
  letter-spacing: 1.2px;
  word-spacing: 1px;
  margin-top: 25px;
  max-width: 620px;
  font-family: MyChampagne;
}

#ergebnis_custom_about{
  background-color:#fcf8f7;
  padding:66px 20px 50px;
}

#ergebnis_custom_about div{
  max-width:650px;
  width:100%;
  margin:auto;
  font-size:17px;
}

#ergebnis_custom_about h3{
  font-size: 25px;
  line-height: 36px;
  margin-bottom: 28px;
  font-weight: 500;
}

#around_top_section_custom_about{
  overflow:hidden;
  margin-top:50px;
}

@media screen and (max-width: 1200px){
  #around_top_section_custom_about{
    padding-left:50px;
    padding-right:50px;
  }
}

#top_section_custom_about{
  width: 100%;
  max-width: 1460px;
  padding-top:60px;
  margin:auto;
}

#title_custom_about h2{
  text-align:center;
  margin-bottom:22px;
  font-size:35px;
}

#title_custom_about p{
  font-size:17px;
  text-align:center;
  max-width:620px;
  margin:auto;
}

#title_custom_about blockquote{
  font-size:23px;
  font-style:italic;
  letter-spacing:1.2px;
  word-spacing:1px;
  margin-top:25px;
  text-align:center;
  max-width:620px;
  margin-left:auto;
  margin-right:auto;
  font-family:MyChampagne;
}

#box_around_title_image_about_us{
  max-width:1100px;
  margin-top:40px;
  margin-left:auto;
  margin-right:auto;
}

#box_around_title_image_about_us img{
  box-shadow: 0 20px 30px 0 rgba(0,0,0,.1);
  border-radius: 8px;
}

#gluewuermchen_top_about_page{
  position: relative;
  width: 180px;
  top: -680px;
  left: 1290px;
}

#second_section_custom_about{
  background-color: #fcf8f7 ;
  padding-top: 180px;
  margin-top: -230px;
  padding-bottom:50px;
  padding-left:50px;
  padding-right:50px;
}


#second_section_custom_about_inner{
  width:100%;
  max-width:650px;
  margin:auto;
  font-size:17px;
}

#second_section_custom_about_inner h3{
  font-size:25px;
  line-height:36px;
  margin-top:56px;
  margin-bottom:28px;
  font-weight:500;
}


#second_blockquote_custom_about{
  width:100%;
  max-width:700px;
  margin:auto;
  margin-top:60px;
  margin-bottom:100px;
  padding-left:50px;
  padding-right:50px;
}

#second_blockquote_custom_about blockquote{
  font-size:28px;
  line-height:36px;
  text-align:center;
  margin-left:0;
  font-style:italic;
  letter-spacing:1.2px;
  word-spacing:1px;
  font-family:MyChampagne;
}


@media screen and (max-width: 540px){
  #around_top_section_custom_about, #second_blockquote_custom_about, #second_section_custom_about{
    padding-left:15px;
    padding-right:15px;
  }
  #second_section_custom_about{
    padding-top:160px;
  }
  #second_section_custom_about_inner h3{
    font-size:23px;
    line-height:32px;
    margin-top:60px;
  }
  #second_blockquote_custom_about blockquote{
    font-size:25px;
    line-height:33px;
  }
  #second_blockquote_custom_about{
    margin-bottom:110px;
    margin-top:80px;
  }
}






#custom_section_image_with_text_werte_right svg{
  width:50px;
  margin-right:30px;
}

#custom_section_image_with_text_werte_right ul{
  list-style:none;
}

#custom_section_image_with_text_werte_right li{
  display:flex;
  margin-top:35px;
}

#box_coffee_house{
  width:300px;
  position:absolute;
  right:0;
  bottom:-150px;
  overflow:hidden;
}

#box_coffee_house img{
  margin-left:70px;
}

@media screen and (max-width: 2000px){
  #box_coffee_house img{
  margin-left:130px;
  }
}

@media screen and (max-width: 1900px){
  #box_coffee_house img{
  margin-left:200px;
  }
}

@media screen and (max-width: 1730px){
  #box_coffee_house{
  display:none;
  }
}

#custom_about_ergebnis_subtitle{
  font-size:17px;
  font-weight:500;
  margin-bottom:25px;
  margin-top:35px;
}

#custom_section_image_with_text_ergebnis_left ul{
  list-style-position:outside;
  margin-left:20px;
}

#custom_section_image_with_text_ergebnis_left li{
  margin-top:10px;
}


#box_kaffeebohnen{
  width:280px;
  position:absolute;
  left: 0; 
  bottom:50px;
  overflow:hidden;
}

#box_kaffeebohnen img{
  margin-left:-100px;
  display:block;
}


@media screen and (max-width: 2070px){
  #box_kaffeebohnen img{
    margin-left:-100px;
  }
}

@media screen and (max-width: 1930px){
  #box_kaffeebohnen img{
    margin-left:-40px;
    width:190px;
  }
}

@media screen and (max-width: 1730px){
  #box_kaffeebohnen{
    display:none;
  }
}



#custom_about_seperator{
  border-top: 2px solid #e0e0e0;
  width:350px;
  margin:auto;
  margin-bottom:160px;
}

@media screen and (max-width: 940px){
  #custom_about_seperator{
    width:280px;
  }
}

@media screen and (max-width: 640px){
  #custom_about_seperator{
    width:200px;
    margin: 120px auto;
  }
}




#custom_about_our_story_title_1{
  margin-bottom:5px;
}

#custom_about_our_story_title_2{
  margin-left:40px;
}


@media screen and (max-width: 1070px){
  #custom_about_our_story_title_1{
    margin-bottom:0;
  }
  #custom_about_our_story_title_2{
    margin-left:0;
  }
}



#custom_about_ending_quote{
  margin-left:0;
  margin-top:34px;
  font-size: 18px;
  line-height: 30px;
  font-style: italic;
  font-weight:500;
}



#sign_lynn_jean_nico{
  width:220px;
}









/* Hier endet die Custom About Page */





/* Hier fängt die Homepage an */





#blockquote_homepage_fun_with_planning blockquote{
  font-size:28px;
  line-height:36px;
  text-align:center;
  font-style:italic;
  letter-spacing:1.2px;
  word-spacing:1px;
  font-family:MyChampagne;
  margin-bottom:100px;
  margin-top:180px;
}

.homepage_h2_title{
  font-size:28px !important;
}

.homepage_image_with_text{
  margin-bottom:120px !important;
}

#homepage_unique{
  font-size:32px;
  text-align:center;
  margin-bottom:120px;
  padding-left:20px;
  padding-right:20px;
} 

#homepage_unique_seperator{
  border-top: 4px solid #BFB6B1;
  width:150px;
  margin:auto;
  margin-top:100px;
  margin-bottom:40px;
}

#background_brown_box1{
  width:61.5%;
  height:99%;
  background-color:rgba(247, 236, 234,0.6);
  position:absolute;
  bottom:-70px;
  left:-50px;
  z-index:-1;
}

#background_brown_box2{
  width: 100%;
  height:100%;
  background-color:rgba(247, 236, 234,0.6);
  position:absolute;
  bottom:-50px;
  right:-50px;
  z-index:-1;
}

#background_brown_box3{
  width:100%;
  height:100%;
  background-color:rgba(247, 236, 234,0.6);
  position:absolute;
  bottom:-50px;
  left:-30px;
  z-index:-1;
}


#homepage_icon_box_hochwertige_bujos svg, #homepage_sustainable_text svg{
  width:60px;
  margin-right:30px;
}

#homepage_icon_box_hochwertige_bujos ul, #homepage_sustainable_text ul{
  list-style:none;
}

#homepage_icon_box_hochwertige_bujos li, #homepage_sustainable_text li{
  display:flex;
  margin-top:35px;
}



/* Link to about us Page on Homepage */

#homepage_about_us_image_container{
  display:flex;
  align-items:center;
  width:50%;
  padding-top:50px;
  padding-bottom:50px;
}

#homepage_about_us_image{
  margin-left:80px;
  z-index:1;
}

#homepage_about_us_text{
  background-color: rgba(247, 236, 234,0.8);
  width:50%;
}

#homepage_about_us_text_wrapper{
  margin-left:150px;
}

#homepage_about_us_text h2{
  font-size:12px;
  margin-top:20px;
}






@media screen and (min-width: 941px){
  #homepage_button_more_about{
    padding-left:70px;
    padding-right:70px;
  }
}




/* End - Link to about us Page on Homepage */


@media screen and (max-width: 940px){
  #homepage_unique_seperator{
    width:90px;
    border-top: 3px solid #BFB6B1;
    margin-top:110px;
  }
  #homepage_unique{
    font-size:28px;
    margin-bottom:80px;
  }
  .homepage_image_with_text{
    overflow:hidden;
  }
  #background_brown_box3{
    bottom:40px !important;
  }
  #background_brown_box1, #background_brown_box2{
    bottom:-50px !important;
  }
  #homepage_icon_box_hochwertige_bujos{
    margin-top:70px;
  }
  #homepage_sustainable_text{
    margin-top:70px;
  }
  #homepage_handdrawn_bujos{
    margin-top:70px;
  }
  #homepage_about_us_image_container{
    margin-bottom:-190px !important;
    margin:auto;
    width:90%;
  }
  #homepage_about_us_image{
    margin-left:unset;
  }
  #homepage_about_us_text{
    height:unset;
    padding-bottom:90px;
    padding-top:150px;
  }
  #homepage_about_us_text_wrapper{
    margin-left:120%;
  }
  #homepage_about_us_text h2{
    font-size:16px;
    margin-top:30px;
  }
  #homepage_button_more_about{
    padding-left:50px;
    padding-right:50px;
  }
  #homepage_about_us_text h3{
    font-size:25px !important;
    min-width:250px;
  }
  #blockquote_homepage_fun_with_planning blockquote{
    margin-top:150px;
    margin-bottom:80px;
  }
}


@media screen and (max-width: 540px){
  #background_brown_box3{
    bottom:-40px;
    left:-10px;
    width:96%;
  }
}


@media screen and (max-width: 640px){
  #homepage_unique{
   font-size:26px; 
  }
  #homepage_unique_seperator{
    margin-top:70px;
  }
  .homepage_h2_title{
    font-size:24px !important;
    margin-top:20px;
  }
  #homepage_icon_box_hochwertige_bujos{
    margin-top:20px;
  }
  #background_brown_box2{
    bottom:-20px;
  }
  #background_brown_box2{
    bottom: -120px;
    width: 90%;
    background-color: rgba(247, 236, 234,0.4);
  }
  #homepage_sustainable_text{
    margin-top:20px;
  }
  #homepage_handdrawn_bujos{
    margin-top:20px;
  }
  #homepage_about_us_text_wrapper{
    margin-left:calc(100% - 90px);
  }
  #homepage_about_us_text h2{
    margin-top:20px;
  }
  #blockquote_homepage_fun_with_planning blockquote{
    margin-top:100px;
    margin-bottom:60px;
  }
}




/* Instagram Feed */

.insta_feed_container{
  padding:30px;
  position:relative;
}

.follow_on_insta{
  background-color:white;
  position:absolute;
  top:0;
  text-align: center;
  left: 50%;
  transform: translateX(-50%);
  padding: 40px 60px;
  background-color: rgb(255,255,255);
  display: flex;
  flex-direction: column;
  width: calc(33.333334% - 20px);
  height:100%;
  justify-content: center;
}

.follow_on_insta .Insta_Title_2{
  font-size:26px;
}
.follow_on_insta span{
  margin-bottom:1em;
}


@media screen and (max-width: 1140px){
  .follow_on_insta{
    position:unset;
    margin:auto;
    width:unset;
    height:unset;
    left: unset;
    transform: unset;
    padding:unset;
  }
  .insta_feed_container{
    display:flex;
    flex-direction:column-reverse;
    padding:10px;
    gap:20px;
  }
  #insta-feed a:nth-child(7), #insta-feed a:nth-child(8), #insta-feed a:nth-child(9), #insta-feed a:nth-child(10), #insta-feed a:nth-child(11), #insta-feed a:nth-child(12){
    display:none;
  }
  #insta-feed .instafeed-container{
    width:33.3333334% !important;
    padding-top:33.3333334% !important;
  }
}


/* End Instagram Feed */


/* Hier endet die Homepage */








#section-header a{
  font-weight:500;
  font-family: Avenir Next; /* Hier wird die Schriftart des Menüs auf Avenir Next gesetzt. Die a tags im Menü haben nämlich die Klasse .Heading, welche die font family Champagne hat */
}

#section-announcement p{
  letter-spacing:1.5px;
  font-weight:500;
  font-family: Avenir Next; /* Hier wird die Schriftart des Announcements auf Avenir Next gesetzt. Es hat nämlich die Klasse .Heading, welche die font family Champagne hat */
}


/*Hier kommt der Style des Language Switchers */

.ly-custom-1140, .ly-custom-0{
  position:absolute;
}

.custom-desktop-language-picker .ly-custom-dropdown-current-inner-text{
  margin:0 5px 0 0;
}

.custom-desktop-language-picker .ly-custom-dropdown-current, .custom-desktop-language-picker .ly-custom-dropdown-list{
  padding:0px 0px 0px 5px !important;
}



/* Hier geht es um die Sektion ganz oben auf der Startseite */
#shopify-section-16072093125086ac1c{
  width: 100%;
  max-width: 1600px;
  margin: auto;
}
#shopify-section-16072093125086ac1c h2{
  font-size:30px;
}
#shopify-section-16072093125086ac1c h3{
  font-size:16px;
}
#shopify-section-16072093125086ac1c p{
  font-size:17px;
}
@media screen and (max-width: 640px){
#shopify-section-16072093125086ac1c .FeatureText{
  display: flex;
  flex-direction:column-reverse;
}
  #shopify-section-16072093125086ac1c .FeatureText--withImage .FeatureText__ContentWrapper{
    padding-top:40px !important;
  }
  #shopify-section-16072093125086ac1c h3{
  font-size:12px;
    margin-bottom:20px;
  }
  #shopify-section-16072093125086ac1c h2{
  font-size:23px;
  }
  #shopify-section-16072093125086ac1c p{
  font-size:15px;
    margin-bottom:60px;
  }
  #shopify-section-16072093125086ac1c
  
  #shopify-section-16072093125086ac1c
  
  #shopify-section-16072093125086ac1c
 
}


/* Ende der Sektion */



/* Nachfolgend die Sektion der Produkte auf der Startseite für Mobil */

@media screen and (max-width: 640px){
  
  #shopify-section-1607218477111a2a55 .Section--spacingNormal{
    padding-top:70px !important;
  }
  #shopify-section-1607218477111a2a55 button{
    font-size:16px !important;
  }
}
@media screen and (min-width: 641px){
  #shopify-section-1607218477111a2a55{
    display:none;
  }
}

/* Ende der Sektion */



/* Hier kommt die Sektion der Produkte auf der Startseite sowie viele andere Sektionen, in denen 
	Produkte vorkommen. Außerdem wird der Border Radius von den Bilder auf einer Produktseite 
	geändert.
*/

.CollectionMain{
  width: 100%;
  max-width: 1600px;
  margin: auto;
}
.CollectionMain img, .Product__Slideshow img, .ProductRecommendations img{
  border-radius:5px;
}

/* Ende der Produktsektionen */


/*
Hier werden die 3 Sektionen auf der Startseite bearbeitet. Die Sektionen, bei denen Links ein Text
und rechts ein Bild ist und andersherum
*/
#shopify-section-1607075608c6039413, #shopify-section-160707890384de7000, #shopify-section-1607078926e15b1de1{
  margin:0 auto 40px;
  width:100%;
  padding: 0 20px;
  max-width:1140px;
}
@media screen and (max-width: 640px){
  #shopify-section-160707890384de7000, #shopify-section-1607078926e15b1de1{
  border-top:none !important;
}
}
@media screen and (min-width: 641px){
  #shopify-section-1607075608c6039413, #shopify-section-160707890384de7000, #shopify-section-1607078926e15b1de1{
    border-top:none !important;
  }
  
}
#shopify-section-1607075608c6039413 img, #shopify-section-160707890384de7000 img, #shopify-section-1607078926e15b1de1 img{
  border-radius:8px;
}
#shopify-section-1607075608c6039413{
  margin-top:120px;
}
@media screen and (max-width: 640px){
  #shopify-section-1607075608c6039413{
    margin-top: 30px;
    padding-top: 40px;
  }
  #shopify-section-1607078926e15b1de1{
    margin-bottom:40px !important;
  }
  #shopify-section-1607075608c6039413, #shopify-section-160707890384de7000{
  margin-bottom:20px !important;
}
}
@media screen and (min-width: 641px){
#shopify-section-1607075608c6039413 .FeatureText__ImageWrapper, #shopify-section-1607078926e15b1de1 .FeatureText__ImageWrapper{
  padding-right:30px;
}
#shopify-section-160707890384de7000 .FeatureText__ImageWrapper{
  padding-left:30px;
}
}

#shopify-section-1607078926e15b1de1{
  margin-bottom:60px;
}

/*
Hier ist die Bearbeitung der 3 Sektionen auf der Startseite vorbei
*/

:root{
  --heading-font-family: MyChampagne, "DIN Alternate", Andalusia, Cochin, sans-serif;
  --heading-font-weight: 700;
  --heading-font-style: normal;
  --text-font-family: "Avenir Next", -apple-system, Open Sans, Roboto, sans-serif; /* Fallback für den normalen Fließtext */
}