/* Buttons */

.btn-standard,
.btn-standard-nomargin {
  font-size: 1.125em;
  font-weight: 600;
}

.btn-standard-modal {
  font-size: 18px;
  font-weight: 600;
}

.btn-standard-small,
.btn-standard-small-nomargin,
.btn-standard-small-leftalign,
.btn-outline-small {
  font-size: 1em;
  font-weight: 400;
}

.btn-ok {
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 1em;
}

.btn-loadmore {
  border: 1px solid var(--main-color);
}

.btn-standard-modal {
  border: 1px solid var(--accent1-color);
}

.btn-standard-modal:hover {
  background-color: var(--accent1-color);
  color: var(--accent1-color);
  border: 1px solid var(--accent1-color);
}


.btn-trash {
  font-size: 0.85em;
  border: 1px solid var(--main-25-color);
  color: var(--main-25-color);
}

.btn-trash:after {
  background-color: var(--main-25-color);
}


.btn-trash:hover {
  border: 1px solid var(--main-color);
  color: var(--main-color);
}

.btn-trash:hover:after {
  background-color: var(--main-color);
}


.btn-accept,
.btn-decline {
  font-size: 0.83em;
  font-weight: 700;
  color: var(--white-color);
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

.btn-accept {
  background-color: var(--accent1-color);
  border: 1px solid var(--accent1-color);
}

.btn-decline {
  background-color: var(--alert-color);
  border: 1px solid var(--alert-color);
}

.btn-accept:after,
.btn-decline:after {
  background-color: var(--white-color);
}


.btn-accept:hover,
.btn-decline:hover {
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 6px 12px -1px, rgba(0, 0, 0, 0.2) 0px 0px 0px inset;
}

.btn-accept:disabled:hover,
.btn-accept[disabled]:hover {
  box-shadow: none;
}

.btn-accept:disabled:hover:after,
.btn-accept[disabled]:hover:after {
  transform: rotate(0deg) scale(1);
}


.btn-decline:hover:after {
  transform: rotate(180deg) scale(1.35);
  transform-origin: center;
}

.btn-accept:hover:after {
  transform: rotate(360deg) scale(1.35);
  transform-origin: center;
}


.projektzyklus .btn-loadmore {
  border: 1px solid currentColor;
  background: transparent;
  color: currentColor;
}

.projektzyklus .btn-loadmore a {
  color: currentColor;
}

.projektzyklus .btn-loadmore:after {
  color: currentColor;
}





/* Tablet Portrait */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {

  .btn-standard,
  .btn-standard-modal {
    font-size: 15px;
    font-weight: 600;
  }

  .btn-standard-small,
  .btn-standard-small-leftalign,
  .btn-outline-small {
    font-size: 14px;
    font-weight: 600;
  }


  .btn-standard:after, 
  .btn-standard-nomargin:after, 
  .btn-standard-small:after, 
  .btn-standard-small-nomargin:after, 
  .btn-standard-small-leftalign:after {
    content: '\27F6';
    width: 30px;
    height: 15px;
    margin-left: 10px;
    margin-top: 0px;
  }

  .btn-loadmore {
    font-size: 12px;
  }

  .btn-loadmore:after {
    height: 20px;
  }

  .btn-accept, 
  .btn-decline {
    font-size: 1.15em;
  }

}


/* Tablet Landscape */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {


  .btn-standard,
  .btn-standard-small,
  .btn-standard-small-leftalign,
  .btn-loadmore,
  .btn-standard-modal,
  .btn-outline-small {
    font-size: 14px;
    font-weight: 600;
  }

  .btn-loadmore:after {
    height: 20px;
  }
  

}


/* Mobile Portrait */
@media only screen and (max-width: 767px) {

  /* Buttons */

  .btn-standard,
  .btn-standard-small,
  .btn-standard-nomargin,
  .btn-loadmore {
    font-size: 16px;
    font-weight: 500;
  }

  .btn-standard-modal {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5em;
  }

   .btn-standard-small-nomargin,
  .btn-standard-small-leftalign,
  .btn-outline-small,
  .solisupport .btn-text {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5em;
  }

  .projektzyklus .btn-loadmore {
    font-size: 14px;
  }

  .projektzyklus .btn-accept, 
  .projektzyklus .btn-decline,
  .projektzyklus .btn-trash {
    font-size: 12px;
  }

  .btn-standard:after, 
  .btn-standard-nomargin:after, 
  .btn-standard-small:after, 
  .btn-standard-small-nomargin:after, 
  .btn-standard-small-leftalign:after,
  .btn-text:after {
    margin-top: -2px;
    font-size: 22px;
  }



}

/*Button type file*/

input[type="file"]{
  box-shadow: none;
  color: black;
}
input[type="file"]::-webkit-file-upload-button,.colligent-save-button{
appearance: none;
    display: inline-block;
    border-radius: 1.6666666666666667em;
    /* font-size: calc(1.3125 * var(--base-font-size)); */
    padding: 0.5em 1.5em;
    outline: 0;
    cursor: pointer;
    background:white;
}

.colligent-save-button{
    font-size: 1.125em;
    font-weight: 600;
    color: var(--white-color);
    background-color: var(--accent1-color);
    max-width: 200px;
    margin-top: 10px;
}

/*Änderungen*/

/*Cookiebanner Buttons*/
.klaro .cookie-modal .cm-btn.cm-btn-info, .klaro .cookie-notice .cm-btn.cm-btn-info {background: var(--main-25-color)!important;color: var(--white-color)!important;}
.klaro .cookie-modal .cm-btn-accept-all, .klaro .cookie-notice .cm-btn-accept-all {background: var(--accent1-color)!important;color: var(--white-color)!important;}

.projekt-edit-content .projekt-edit-item .projekt-edit-item-copytext .projekt-edit-item-copytext-item .btn-standard-nomargin {color: var(--white-color);}

div.checkout-container.cart-container button.btn-standard-nomargin.noarrow.bg-accent1-color.color-main {color: var(--white-color);}