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


.wrapper-xl { max-width: 1800px; }
.wrapper-m, .path-admin { max-width: 1400px; }
.wrapper-s { max-width: 1200px; }
.wrapper-xs { max-width: 900px; }

.wrapper, .path-admin { width: 100%; padding: 0px 16px; margin: 0px auto; }

.wrapper.wrapper-pl { padding: 0px 0px 0px 20px; }
.wrapper.wrapper-pr { padding: 0px 20px 0px 0px; }

@media only screen and (min-width: 480px) {

  .wrapper, .path-admin { padding: 0px 40px; }
  .wrapper.wrapper-pl { padding: 0px 0px 0px 30px; }
  .wrapper.wrapper-pr { padding: 0px 30px 0px 0px; }

}

@media only screen and (min-width: 768px) {

  .wrapper, .path-admin { padding: 0px 50px; }
  .wrapper.wrapper-pl { padding: 0px 0px 0px 44px; }
  .wrapper.wrapper-pr { padding: 0px 44px 0px 0px; }

}


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

  .wrapper, .path-admin { padding: 0px 50px; }
  .wrapper.wrapper-pl { padding: 0px 0px 0px 44px; }
  .wrapper.wrapper-pr { padding: 0px 44px 0px 0px; }

}

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

  .wrapper, .path-admin { padding: 0px 60px;  }
  .wrapper.wrapper-pl { padding: 0px 0px 0px 60px; }
  .wrapper.wrapper-pr { padding: 0px 60px 0px 0px; }

}


.form-item--error-message {
  font-size: 0.9em;
  color: red;
  padding: 4px 0px;
  margin: 5px 0px;
}

.w-32 { width: 8rem; } /* 256px */
.w-64 { width: 16rem; }
.w-screen	{ width: 100vw; }
.w-full	{ width: 100%; }
.w-half	{ width: 50%; }

.h-screen	{ height: 100vh; }
.h-full	{ height: 100%; }
.min-h-screen { min-height: 100vh; }

.underline { text-decoration: underline; }
.underline-hover:hover { text-decoration: underline; }
.uppercase { text-transform: uppercase; }

.overflow-hidden { overflow: hidden; }

.pointer:hover	{ cursor: pointer; }

.order-last { order: 99; }
.order-2 { order: 2; }


 /* a-Behavior */
 a{
  text-decoration: none; outline: none;
 }

h1 a { background: #FFF; padding: 10px; line-height: 1.3em; }
.description a { text-decoration: underline; }
a:hover { 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;}
 html ul.menu { margin: 0px; }

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

/* strong */
strong {
  font-weight: normal;
}
em { font-style: normal; }

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

.absolute { position: absolute; }
.top-0 { top: 0px; }
.top-120 { top: 120px; }
.top-50 { top: 50%; }
.bottom-0 { bottom: 0px; }
.left-0 { left: 0px; }
.left-50 { left: 50%; }
.left-100 { left: 100%; }
.right-0 { right: 0px; }
.inset-0 { inset: 0px; }

.-z-1 { z-index: -1; }
.-z-2 { z-index: -2; }
.-z-3 { z-index: -3; }

.z-1 { z-index: 1; }
.z-2 { z-index: 2; }
.z-3 { z-index: 3; }
.z-10 { z-index: 10; }
.z-100 { z-index: 100; }

.opacity-80 { opacity: 0.8; }

.absolute-center {
  position: absolute;
  left: 50%; top: 50%;
  transform: translate(-50%,-50%);
}

.translate-y-50 { transform: translateY(-50%); }
.translate-x-50 { transform: translateX(-50%); }

.fixed { position: fixed; }
.sticky { position: sticky; }

/* 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;
}


body {
position: relative;
width: 100%;
font-size: 100%;
-moz-osx-font-smoothing: grayscale;
-moz-font-feature-settings: "liga", "kern";
-webkit-font-smoothing: antialiased;
text-rendering: optimizelegibility;
-webkit-text-size-adjust: 100%;
overflow-x: hidden;
height: auto;
margin: 0px; padding: 0px;
}

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
}

a { color: inherit; }
a:hover {
  cursor: pointer;
}


/* 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) {
}


.smallicons img { width: 100px; margin-right: 30px; }

.page-body, .path-checkout #block-alex-theme-content { position: relative; width: 100%; padding-top: 150px; }

.page-node-1 .page-body { padding-top: 70px; }
main { position: relative; width: 100%; overflow: hidden; margin: 0px; padding: 0px; }

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

b { font-weight: 500; }
small { font-size: 0.8em; }

h1, h2, h3, h4, h5 { font-weight: normal; margin: 0px; padding: 0px; }
h1 span { padding: 0px 8px; margin: 0px 0px; display: inline-block; width: auto; }



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

  .xl-w-32 { width: 8rem; }

   }


.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-weight: normal;
}

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

th {
    background: none;
    color: #718A82;
    font-size: 0.8em;
font-weight: normal;
text-transform: uppercase;
    padding: 18px 12px 20px 0px;
    text-align: left;
    vertical-align: middle;
}

th a {
  color: #718A82;
}

td {
    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: 2!important; top: 0px; left: 0px; position: absolute!important; border: none!important; }

.block { display: block; }
.inline-block { display: inline-block; }
.text-left { text-align: left; }
.text-center { text-align: center; }

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

.accordeon_content { display: none; }

.relative { position: relative; }

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

/* fuer die Post-Animation */
.post { opacity:0; }
.post.animated {
  opacity:1;
}

.animated {
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInUp {
	0% {
		opacity: 0;
		-moz-transform: translateY(20px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInUp {
	0% {
		opacity: 0;
		-o-transform: translateY(20px);
	}

	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(20px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.animated.fadeInUp {
	-webkit-animation-name: fadeInUp;
	-moz-animation-name: fadeInUp;
	-o-animation-name: fadeInUp;
	animation-name: fadeInUp;
}

/***************** 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: #fff; }
#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; }

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

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

.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; }


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


 .path-user .description, #user-pass p, .path-checkout .description { font-size: 0.8em; }
.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%; }
.path-user #user-form input.form-submit { width: auto; }


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


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


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

  #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; }

    body {
    font-size: 100%;
    }

}

@media screen and (min-width: 1440px) {
 .xl-inline-block { display: inline-block; }
 .xl-block { display: block; }
}

@media screen and (min-width: 1024px) {
 .md-w-full { width: 100%; }
 .md-block { display: block; }
 .md-inline-block { display: inline-block; }
 .md-hidden { display: none; }
 .md-flex { display: flex; }
}

 @media screen and (min-width: 768px) {
  .sm-w-96 { 	width: 24rem; /* 384px */ }
  .sm-w-full { width: 100%; }
  .sm-w-auto { width: auto; }
  .sm-block { display: block; }
  .sm-inline-block { display: inline-block; }
  .sm-hidden { display: none; }
  .sm-flex { display: flex; }
  .sm-order-last { order: 99; }
}

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

   .xs-block { display: block; }
   .xs-hidden { display: none; }

   .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;
}

.xs-w-80 { width: 20rem; }
.xs-w-full { width: 100%; }
.xs-max-w-full { max-width: 100%; }

}