/***Basis-Anweisungen
********************************************/


/** Schriften einbinden
/*********************************************************/


.post { opacity: 0; }

 /* a-Behavior */
 a{
  text-decoration: none; outline: none; color: #b29146;
 }
 .description a { color: #b29146; text-decoration: underline; }
a:hover { color: #FFF; cursor: pointer!important; }

 /* img-Behavior */
 img { display: block; width: 100%; height: auto; }
 a img{ border: none; }

 /* Listen */
/* Bullets von Listen weg */
 ul, ul li.leaf{  list-style-image: none; list-style-type: none;}

.slick-dots li, .slick__arrow li {
  float: left; margin: 2px;
}
.slick__arrow li.slick-active button {
  background: #b29146;
}

/*Listen im textfeld */
 .textfeld li, .text li{ line-height: 2; margin-bottom: 8px; }
 .textfeld ol, .text ol{ padding-left: 12px; margin: 20px 0px; }

 /* .text li bullets geben */
 .text li{ position: relative; padding-left: 22px; }
 .text li::before {
     content: "";
     position: absolute;
     top: 12px;
     left: 0px;
     width: 8px;
     height: 8px;
     background: #262861;
   }

input[type="text"], select, textarea, input[type="submit"], button{
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0px;
   border:none;
background-image:none;
background-color:transparent;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
   border: none;
    font-family: "KoHo-Light";
 }

.js-form-type-checkbox {
    display: flex; align-content: flex-start; margin-top: 10px;
}
.js-form-type-checkbox label a {
  color: #b29146;
}
.js-form-type-checkbox label a:hover {
  text-decoration: underline;
}
.js-form-type-checkbox input{
    width: 13px!important; height: 13px!important; margin-right: 12px!important;
}
.js-form-type-checkbox label small {
  font-size: 0.8em; line-height: 1em;
}

textarea:focus, input:focus{
    outline: none;
}
*:focus {
    outline: none;
}
input, select, textarea {
  font-family: 'KoHo', sans-serif;
}

 .textfeld ul em{ padding: 40px 0px; }

/* strong */
strong {
  font-family: "KoHo-Light";
}

.link-button { background: #ece8df; padding: 20px; font-size: 1.4em; }

.absolute { background: none!important; height: 100%!important; width: 100%!important; }
.paragraph--type--teaser .absolute { position: absolute; z-index: 1;}
/* Tabelle */
table, caption, tbody, tfoot, thead, tr {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    width: 100%;
    vertical-align: baseline;
    background: transparent;
}

textarea { color: #FFF; }

body {
position: relative;
width: 100%;
font-family: "KoHo-Regular";
font-size: 130%;
line-height: 1.1em;
letter-spacing: 0.01em;
color: #c0c0c0;
background: #000000;
-moz-osx-font-smoothing: grayscale;
-moz-font-feature-settings: "liga", "kern";
text-rendering: optimizelegibility;
overflow-x: hidden;
height: auto;
/*   background: url("../images/backgrounds/tapete_pur.jpg");  */

}


/* CSS Code für hochauflösende Displays */
@media
  screen and (-webkit-min-device-pixel-ratio: 2),
  screen and (min-resolution: 192dpi),
  screen and (min-resolution: 2dppx) {

    body { font-family: "KoHo-Light"; }

}



p, li{ font-size: 0.85em; margin-bottom: 14px; }
/*p { overflow: hidden; } */
p a {  display: inline-block;  }

.instagram_profile {
  display: flex; align-items: center; margin-bottom: 30px;
}
.instagram_profile img {
  width: 20px!important; display: inline-block;
}

.instagram-feed { position: relative; overflow: hidden; padding: 0px 0px 60px 0px; }

.instagram_username { font-size: 80%!important; margin-left: 20px;}

.paragraph { margin: 50px 0px; }
@media only screen and (min-width: 1921px) {
  .paragraph { margin: 70px 0px; }
}


.page-body, .path-checkout #block-alex-theme-content { position: relative; width: 100%; padding-top: 150px; }
.path-checkout #block-alex-theme-content { padding-top: 80px; }
.page-node-1 .page-body { padding-top: 70px; }
main { position: relative; width: 100%; overflow: hidden; }

.viewsreference--view-title { display: none; }

b { font-family: "KoHo-Medium"; }
/* Ueberschriften */
h1 {
 font-size: 3em; line-height: 1.1em; font-family: "KoHo-SemiBold"; text-transform: uppercase; margin-bottom: 30px; color: #b29146; letter-spacing: 0.02em;  }

.product-headline h1 { font-size: 1.6em; margin: 40px 0px 0px 0px; }

h1 span {  padding: 0px 8px; margin: 0px 0px; display: inline-block; width: auto; }

/* H2  color: #737f8d; */
h2  { letter-spacing: 0.005em; font-size: 2.1em; line-height: 1.2em; font-family: "KoHo-Light";
 margin: 0px 0px 40px 0px;   color: #b29146; }

h3 { font-family: "KoHo-Regular";font-size: 1.1em; line-height: 1.15em;  text-transform: uppercase; margin: 40px 0px 30px 0px;  color: #b29146; }

small { font-size: 0.8em; }

@media only screen and (min-width: 0px) and (max-width: 1600px) {
  .path-checkout #block-alex-theme-content {
      padding-top: 80px;
  }
   }

@media only screen and (min-width: 0px) and (max-width: 1444px) {
   .page-node-2 .page-body { padding-top: 0px; }
  .page-body { padding-top: 140px; }
  .page-node-1 .page-body { padding-top: 30px; }
  h1 { font-size: 2.8em;  }
   .product-headline h1, .customprice { font-size: 1.1em; }
  h2 { font-size: 1.5em; margin: 0px 0px 20px 0px; }
  h3 { font-size: 1.2em; }

   }

   @media only screen and (min-width: 0px) and (max-width: 1024px) {

     h1 { font-size: 2.4em;  }

      }

@media only screen and (min-width: 0px) and (max-width: 1200px) {
   .product-headline h1, .customprice { font-size: 1.2em; margin: 20px 0px 0px 0px; }
  h2 { font-size: 1.5em; margin: 0px 0px 20px 0px; }
  h3 { font-size: 1.15em; }

   }

 @media only screen and (min-width: 0px) and (max-width: 800px) {
   h1 { font-size: 2em; }
   .product-headline h1, .customprice { font-size: 1.2em; margin: 0px 0px 0px 0px; }
   h2 { font-size: 1.5em; margin: 0px 0px 20px 0px; }
   h3 { font-size: 1.15em; }

  }

 @media only screen and (min-width: 0px) and (max-width: 480px) {
    h1 { font-size: 1.55em; }
     .product-headline h1, .customprice { font-size: 0.9em; margin: 0px 0px 0px 0px; }
    h2 { font-size: 1.3em; }
    h3 { font-size: 1.1em; }
    .path-frontpage h2 {
    font-size: 1.3em;
  }

  }

  .newsletter #mc_embed_signup input {
  width: auto;
  text-align: left;
  margin: 10px 0px;
  letter-spacing: 0.01em!important;
  padding: 20px 20px 20px 0px!important;
  font-size: 0.85em;
  font-family: 'KoHo', sans-serif;
  border: none!important;
  color: #000000!important;
  border-bottom: 1px solid #000000!important;
  border-radius: 0px!important;
  background: none!important;
  -webkit-appearance: none !important;
  text-indent: 0px!important;
  }

  #mc_embed_signup {
    background: none!important;
      font-size: 1em!important;
      font-family: 'KoHo', sans-serif!important;
  }

  .newsletter #mc_embed_signup .button {
    text-align: center; background: #000000!important;
     border-radius: 0px!important; font-size: 0.7em!important;
      height: auto!important; padding: 12px 30px!important; color: #FFF!important;
      border: 1px solid #000000!important;
     }

     .newsletter #mc_embed_signup .button:hover {
       background: #63b486!important;
     }

.newsletter #mc_embed_signup #mce-success-response { color: #000000!important; }
   .newsletter { width: 100%; }
    .newsletter h3 { text-align: left; color: #000000; }
    .newsletter h3 b { font-family: "KoHo-SemiBold"; text-decoration: underline; }
   .newsletter { margin: 0px 50px 0px 0px; }
   #mc_embed_signup { max-width: 700px; margin: 0px auto; }
   .newsletter p {
      margin-bottom: 22px; font-size: 0.65em; color: #000000;
    }
    .newsletter p a {
        color: #000000; text-decoration: underline;
     }

#block-webform-3 b { font-size: 2em; display: block; color: #b29146; margin-bottom: 40px; }
.webform-element-description { color: #c0c0c0; display: block; margin: 20px 0px 0px 0px; font-size: 0.9em; }
#block-webform-3 p { margin-bottom: 30px; }

.normal-btn, .address-book__add-link, .address-book__edit-link, .paragraph-id--33 a{  padding: 22px 15px; margin-bottom: 25px; letter-spacing: 0.08em;
   background: #c0c0c0; font-family: 'KoHo', sans-serif; display: inline-block; text-align: center;
   color: #c0c0c0; transition: all 0.3s; text-transform: uppercase; }
.normal-btn:hover, .address-book__add-link:hover, .address-book__edit-link:hover,
.paragraph-id--33 a:hover, .paragraph-id--27 .teaser-text a:hover { background: #b29146; color: #FFF; cursor: pointer; }

.text.einspaltig h2, .text.einspaltig h3, .text.einspaltig p { max-width: 1144px; }
.text.einspaltig h2.text-align-center, .text.einspaltig h3.text-align-center, .text.einspaltig p.text-align-center { max-width: 100%; }
.mit-background .text.einspaltig ul { max-width: 800px; }


.flexbox-container.bottom-container {
  align-content: stretch; justify-content: flex-start; align-items:stretch;
}

/* Tabellen */
 table {
    border-collapse: collapse;
    border-radius: 0px;
    background: transparent;
    padding: 5px;
    width: 100%;
    margin: 30px 0px;
 }

 tr:last-child {
    border-bottom: medium none;
}
tr:first-child {
    border-top: medium none;
}
tr {
  font-family: "KoHo-Light";
}

th.text-left {
    text-align: left;
}

th {
    background: none;
    border-bottom: 1px solid #f4f4f4;
    color: #b29146;
    font-size: 0.8em;
font-family: "KoHo-Light";
text-transform: uppercase;
    padding: 18px 12px 20px 0px;
    text-align: left;
    vertical-align: middle;
}

th a {
  color: #b29146;
}

td {
    border-bottom: 1px solid #f4f4f4;
    font-size: 0.75em;
    padding: 12px 24px 12px 0px;
    text-align: left;
    text-shadow: none;
    vertical-align: middle;

}

td a {
   text-decoration: underline;
}

 /* Allgemeine Seitenelemente */

 #block-alex-theme-page-title, .view-popup, .tooltip-content { display: none; }

/* Klassen */
.link-absolute, .absolut { display: block; width: 100%; height: 100%; z-index: 1; top: 0px; left: 0px; position: absolute; border: none!important; }

.absolut{ z-index: 3; }
/* Clearer */
 .clearer { clear: both; padding: 0px; height: 0px; width: 100%;  margin: 0px; padding: 0px; line-height: 0px; visibility: hidden; }


/* Textfeld */
.textfeld{ padding: 60px 0px; }

.accordeon_content { display: none; }

/* ANIMATIONEN */
/* Drehungen */
.rotate{ transition: all 0.3s; }
.rotate:hover img{ transform: rotate(2deg); }

/* fuer die Post-Animation */
.post.hidden{  opacity:0;  display: block; }
.post.visible{  opacity:1; }

/***************** Drupal *******************************/

#block-alex-theme-local-tasks.contextual-region{
  position: absolute; right: 0px;
  padding: 20px;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 100;
}
#block-alex-theme-local-tasks.contextual-region a{ color: #c0c0c0; }
#block-alex-theme-local-tasks.contextual-region ul.contextual-links a{ color: #354c54; }

#edit-terms-of-service-dsgvo { float: left; margin-right: 10px; }
.form-type-webform-terms-of-service label { float: left; display: inline-block; font-size: 0.9em; }
.captcha { margin-top: 15px; }
.captcha label, #edit-captcha-response--description { display: none!important; }
.captcha .field-prefix, .captcha input { display: inline-block; width: 90px!important; }
.form-container #edit-actions .webform-button--submit { float: left; }


 #edit-actions input:hover, .path-checkout .form-submit:hover { background: #b29146; color: #FFF; cursor: pointer; }

 .paragraph--type--text { max-width: 900px; }
.paragraph-id--60, .paragraph-id--59, .paragraph-id--49 { margin-left: 100px; }
.paragraph-id--59 li a, .paragraph-id--61 li a { color: #b29146; text-decoration: underline; }

/** User-Login
 /*******************************************************/

 .path-user main, .path-adressbuch main, .path-profile main { padding-top: 120px; padding-bottom: 10px; }

 #user-login-form,#user-register-form, #user-pass, .path-user #block-alex-theme-local-tasks{
    border: medium none;
    margin: 0px auto 40px auto;
    max-width: 90%;
    padding: 30px;
    width: 500px;
 }


.user-logged-in.path-user #block-alex-theme-local-tasks { margin: 0px; padding: 20px; width: 200px; float: left; /* max-width: auto;*/ }

  .user-logged-in.path-user #edit-language summary { display: none; }
  #edit-language { margin-top: 30px; }
  .password-strength__meter { margin: 0px 0px 7px 0px; }

 .path-user main input, .path-checkout main input.form-text, .path-profile main input,
  .path-checkout input.form-email, .form-container #edit-submit, .form-container input,
  #block-benutzerregistrierungsformular input, .webform-readonly input[type="text"] {
   background: #000000;
border: 1px solid #c0c0c0;
width: calc(100% - 9px);
padding: 15px 15px;
margin-bottom: 9px;
margin-right: 6px;
color: #FFF;
font-family: 'KoHo', sans-serif;
font-size: 0.9em;
 }

 #user-login-form .description, .path-checkout #edit-contact-information .fieldset-legend,
 #block-benutzerregistrierungsformular .description, #block-benutzerregistrierungsformular .password-strength { display: none; }

  #block-benutzerregistrierungsformular .js-form-type-checkbox {
     align-content: center;
 }

#block-benutzerregistrierungsformular .js-form-type-checkbox label {
 margin-bottom: 0px;
}

.form-container {
  width: 90%; max-width: 720px; margin: 70px auto;
}

.form-container textarea, .form-container input {
  width: 100%;
}

.form-container textarea {
  padding: 20px; font-family: 'KoHo', sans-serif; border: 1px solid #c0c0c0;
}

.form-container select {
  width: 100%;
  border: 1px solid #b29146;
  font-size: 0.8em;
  padding: 10px 12px;
  margin-bottom: 8px;
}

.form-container #edit-submit, .form-container input.form-submit, #block-benutzerregistrierungsformular input.form-submit {
     letter-spacing: 0.05em;
     background: #b29146;
     color: #000000;
     border: 1px solid transparent;
     margin-top: 30px;
     width: auto;
     text-transform: uppercase;
     font-size: 0.9em;
     padding: 20px 40px;
     border-radius: 12px;
 }

.form-container #edit-submit:hover, .form-container .form-submit:hover, #block-benutzerregistrierungsformular .form-submit:hover {
    background: #000000; color: #FFF; border: 1px solid #c0c0c0; cursor: pointer;
  }

  .form-container input.form-submit {
    margin-bottom: 60px!important;
  }

  .form-container fieldset { border: none; }

  .form-container #edit-datum, .form-container #edit-infos  {
    display: flex;
  }

  .form-container #edit-infos .fieldset-wrapper .js-form-type-datetime,
  .form-container #edit-infos .fieldset-wrapper .form-item-personen {
    display: inline-block!important;
    width: calc(50% -5px)!important;
  }

 .path-user .description, #user-pass p, .path-checkout .description { font-size: 0.8em; }
.path-user label, .path-profile label { display: block; margin: 25px 0px 10px 0px; }
.path-user a.is-active { color: #4f3a33; }
.path-user #block-alex-theme-local-tasks { margin-bottom: 0px!important; padding: 0px 0px 0px 30px; }

.path-user input.form-submit, .path-checkout .form-submit, #edit-aktionen-submit { width: 100%; font-family: 'KoHo', sans-serif; }
.path-user #user-form input.form-submit { width: auto; }


 #user-profile-form { padding: 10px 0px; }



 @media only screen and (max-width: 1440px) {

   .paragraph-id--60, .paragraph-id--59, .paragraph-id--49 {  margin-bottom: 0px; }

 }

 @media only screen and (max-width: 1200px) {

   .paragraph-id--60, .paragraph-id--59, .paragraph-id--49 {  margin-left: 50px; }

 }

  @media only screen and (max-width: 1024px) {

    .page-body {
        padding-top: 120px;
    }
    .page-node-1 .page-body { padding-top: 0px; }

    .paragraph-id--60, .paragraph-id--59, .paragraph-id--49 { margin-left: 0px; }


  }

@media screen and (max-width: 800px) {

  .paragraph.paragraph-id--60, .paragraph-id--60 p, .paragraph-id--49,
  .paragraph.paragraph-id--59, .paragraph-id--59 ul li:last-child { margin: 0px; }

  .paragraph {
      margin: 30px 0px;
  }

  .page-body {
      padding-top: 100px;
  }
  .page-node-1 .page-body { padding-top: 40px; }

  #user-login-form, #user-register-form, #user-pass, .path-user #block-alex-theme-local-tasks {
    max-width: 100%;
}

.form-container { max-width: 100%; }
#block-webform-3 .form-container, #block-webform .form-container, #block-webform-2 .form-container {
    margin: 20px auto 70px auto;
}

}

 @media screen and (max-width: 800px) {

   .paragraph--type--teaserbild-backgroundimage { height: 400px; width: 100%; margin-top: 0px; }
   .path-user main, .path-adressbuch main, .path-profile main {
    padding-top: 80px;
    }

}


 @media screen and (max-width: 480px) {
    .path-frontpage h3 { font-size: 0.9em; }
  .page-body {
      padding-top: 100px;
  }
  .page-node-1 .page-body { padding-top: 10px; }
  .path-user main, .path-adressbuch main, .path-profile main {
   padding-top: 50px;
   }
   .form-container #edit-infos .fieldset-wrapper .js-form-type-datetime, .form-container #edit-infos .fieldset-wrapper .form-item-personen {
    display: block!important;
    width: 100%!important;
}
}