@charset "UTF-8";

:root {
  --mdb-link-color: #fd9807;
  --mdb-link-hover-color: #d98100;
}

body {
    font-family: "Poppins", 'Open Sans', sans-serif !important;
    font-size: 16px !important;
    font-weight: 300 !important;
}

.form-check-input:checked,
.form-check-input[type="checkbox"]:checked {
    background-color: #fd9807 !important;
    border-color: #fd9807 !important;
}

::selection {
  background: #cecece;
}

.form-outline {
  /* --mdb-form-outline-select-notch-border-color: #3b71ca; */
  --mdb-form-outline-select-notch-border-color: rgb(253, 152, 7);
}

.btn {
  font-size: 13px;
  font-weight: 500;
  /* border-radius: 0; */
  letter-spacing: 1.5px;
  
  /* padding: 15px 42px 14px; */
  /* background: transparent; */
  /* max-width: 100%; */
}
/* .btn-info {
  background-color: #fec900;
  border-color: #fec900;
}
.btn-info:hover,
.btn-info:active,
.btn-info:focus,
.btn-info:not(:disabled):not(.disabled).active {
  background-color: #fec900 !important;
  border-color: #fec900 !important;
}
.btn-warning {
  background-color: #fec900;
  border-color: #fec900;
}
.btn-warning.focus, .btn-warning:focus, .btn-warning:hover {
  background-color: #fec900 !important;
  border-color: #fec900 !important;
}
.btn-warning:hover,
.btn-warning:active,
.btn-warning:focus,
.btn-warning:not(:disabled):not(.disabled).active {
  background-color: #fec900 !important;
  border-color: #fec900 !important;
}
.btn-secondary:hover,
.btn-secondary:active,
.btn-secondary:focus,
.btn-secondary:not(:disabled):not(.disabled).active {
  background-color: #7a97c1 !important;
  border-color: #7a97c1 !important;
}
.btn-success {
  background-color: #94c11e;
  border-color: #94c11e;
}
.btn-success.focus, .btn-success:focus, .btn-success:hover {
  background-color: #94c11e !important;
  border-color: #94c11e !important;
}
.btn-success:hover,
.btn-success:active,
.btn-success:focus,
.btn-success:not(:disabled):not(.disabled).active {
  background-color: #94c11e !important;
  border-color: #94c11e !important;
}
.btn-dark {
  background-color: #747474;
  border-color: #747474;
}
.btn-dark.focus, .btn-dark:focus, .btn-dark:hover {
  background-color: #747474 !important;
  border-color: #747474 !important;
}
.btn-dark:hover,
.btn-dark:active,
.btn-dark:focus,
.btn-dark:not(:disabled):not(.disabled).active {
  background-color: #747474 !important;
  border-color: #747474 !important;
} */
/* .btn-danger {
  background-color: #e30613;
  border-color: #e30613;
}
.btn-danger:hover,
.btn-danger:active,
.btn-danger:focus,
.btn-danger:not(:disabled):not(.disabled).active {
  background-color: #d98100 !important;
  border-color: #d98100 !important;
} */
/* .ed-link,
.ed-link:hover,
.ed-link:active {
    color: #000000;
    text-decoration: none;
}
a:focus {
    color: #000;
}
.bg-ed-yellow {
    background-color: #fec900 !important;
    border-color: #fec900 !important;
} */

/* 747474 */


/* .btn,
.btn-primary,
.btn-secondary,
.btn-success,
.btn-danger,
.btn-warning,
.btn-info,
.btn-light,
.btn-dark {
  --mdb-btn-box-shadow: none !important;
  --mdb-btn-hover-bg: transparent !important;
  --mdb-btn-hover-color:#fff;
  --mdb-btn-focus-bg: transparent !important;
  --mdb-btn-focus-color:#fff;
  --mdb-btn-active-bg: transparent !important;
  --mdb-btn-active-color:#fff;
  --mdb-btn-box-shadow-state:0 8px 9px -4px rgba(0,0,0,0.3),0 4px 18px 0 rgba(0,0,0,0.2)
} */


/* .btn-default {
	color: #333 !important;
	background-color: #fff !important;
	border-color: #ccc !important;
	-webkit-box-shadow: none !important;
	        box-shadow: none !important;
}

.btn-default:hover, .btn-default:active, .btn-default:focus {
	color: #333 !important;
	background-color: #e6e6e6 !important;
	border-color: #adadad !important;
}
 */



.btn.btn-effect {
  position: relative;
}
.btn.btn-effect::before {
  content: "";
  position: absolute;
  top: 0;
  left: -35px;
  right: 0;
  bottom: 0;
  /* background: #d98100; */
  background: rgba(34, 34, 34, 0.20);
  z-index: -1;
  transform: scaleX(0);
  opacity: 0;
  transition: opacity 0.3s ease 0.3s, transform 0.55s ease-out;
  transform-origin: left;
}
.btn.btn-effect-yellow::before {
  background: rgba(255, 255, 255, 0.20) !important;
}
.btn.btn-effect:not(:disabled):not(.disabled):not(.no-padding) {
  border: none;
  padding: 15px 42px 14px;
}
.btn.btn-effect:not(:disabled):not(.disabled):hover::before {
  opacity: 1;
  transform: scaleX(1.2) skewX(-35deg);
  transition: opacity 0.3s ease 0s, transform 0.55s ease-out;
}
.btn.btn-effect--yellow:not(:disabled):not(.disabled),
.btn.btn-effect--yellow:not(:disabled):not(.disabled):hover,
.btn.btn-effect--yellow:not(:disabled):not(.disabled):focus,
.btn.btn-effect--yellow:not(:disabled):not(.disabled):active {
  background: #ffbb00;
  border-color: #ffbb00;
}
.btn.btn-effect--yellow::before {
  background: #e6a800;
}
.btn.btn-effect--green:not(:disabled):not(.disabled),
.btn.btn-effect--green:not(:disabled):not(.disabled):hover,
.btn.btn-effect--green:not(:disabled):not(.disabled):focus,
.btn.btn-effect--green:not(:disabled):not(.disabled):active {
  background: #92d050;
  border-color: #92d050;
}
.btn.btn-effect--green::before {
  background: #85cb3c;
}
.btn.btn-effect ~ .btn-help__help .icon {
  color: white;
}
.btn.btn-effect ~ .btn-help__help:hover .icon {
  color: white;
}

.content--highlighted .btn.btn-effect::before {
  background: #739518;
}


input.form-control, input.form-control:hover, input.form-control:focus {
    border-color: #f5f5f5;
    box-shadow: black;
}
input.form-control:hover, input.form-control:focus, textarea.form-control:hover, textarea.form-control:focus, .custom-select:hover, .custom-select:focus, .form-select:hover, .form-select:focus, .-frontend .sw-block-field input:hover, .-frontend .sw-block-field input:focus, .-frontend .sw-block-field select:hover, .-frontend .sw-block-field select:focus, .-frontend .sw-block-field textarea:hover, .-frontend .sw-block-field textarea:focus {
  box-shadow: none;
}

input.form-control, textarea.form-control, .custom-select, .form-select, .-frontend .sw-block-field input, .-frontend .sw-block-field select, .-frontend .sw-block-field textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  filter: none;
  border: none;
  border-radius: 0;
  /* height: 45px; */
  padding: 9px 18px;
  font-size: 16px;
  font-weight: 300;
}
.form-control {
  display: block;
  width: 100%;
  padding: 0.5625rem 0.5625rem;
  font-size: 0.875rem;
  font-weight: 400;
  /* line-height: 1.5; */
  /* color: #2b3136; */
  color: var(--mdb-form-control-label-color);
  appearance: none;
  background-color: #f5f5f5;
  background-clip: padding-box;
  border: var(--bs-border-width) solid #f5f5f5;
  border-radius: var(--bs-border-radius);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-outline .form-control:focus ~ .form-label,
.select-input.focused ~ .select-label, .form-outline .form-control.select-input:focus ~ .select-label {
  /* color: #3b71ca; */
  /* color: #2b3136; */
  color: var(--mdb-form-control-label-color);
}
.form-outline .form-control:focus ~ .form-notch .form-notch-trailing {
  /* border-color: #3b71ca; */
  /* box-shadow: 1px 0 0 0 #3b71ca,0 -1px 0 0 #3b71ca,0 1px 0 0 #3b71ca; */
  box-shadow: 1px 0 0 0 #fec900,0 -1px 0 0 #fec900,0 1px 0 0 #fec900;
  border-color: #fec900;
}
.form-outline .form-control:focus ~ .form-notch .form-notch-middle {
  /* border-color: #3b71ca; */
  /* border-top-color: rgb(59, 113, 202); */
  /* box-shadow: 0 1px 0 0 #3b71ca; */
  border-color: #fec900;
  box-shadow: 0 1px 0 0 #fec900;
  border-top: 1px solid transparent;
}
.form-outline .form-control:focus ~ .form-notch .form-notch-leading {
  /* border-color: #3b71ca; */
  /* box-shadow: -1px 0 0 0 #3b71ca,0 1px 0 0 #3b71ca,0 -1px 0 0 #3b71ca; */
  border-color: #fec900;
  box-shadow: -1px 0 0 0 #fec900,0 1px 0 0 #fec900,0 -1px 0 0 #fec900;
}

.select-option.selected.active {
  /* background-color: #f5f5f5; */
  background-color: #fec900;
}
.select-option:hover:not(.disabled), 
.select-option.selected:hover:not(.disabled) {
  /* background-color: #e6e6e6; */
  background-color: #fec900;
}


/* ste */
#edit-baubericht-form tr div {
    max-width: unset !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
}

.result-item-box-shadow
{
	-webkit-box-shadow: 0 1px 1px rgba(72,78,85,.6);
	box-shadow: 0 1px 1px rgba(72,78,85,.6);
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
}

.result-item-box-shadow:hover
{
	-webkit-box-shadow: 0 20px 40px rgba(72,78,85,.6);
	box-shadow: 0 20px 40px rgba(72,78,85,.6);
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	-o-transform: translateY(-10px);
	transform: translateY(-10px);
}
.result-item-box-shadow:hover i.add-product-icon
{
	transform: rotate(-180deg);
}

#product-search-result .list-item img {
    max-height: 300px;
}
#product-search-result .list-item .product-info {
    min-height: 200px;
}

.fancybox__carousel {
	z-index: 1410 !important; /* above bootstrap modal 1055 */
}
.fancybox__content, .fancybox__toolbar {
	z-index: 1420 !important; /* above bootstrap modal 1055 */
}
.fancybox__backdrop {
	z-index: 1399 !important; /* above bootstrap modal 1055 */
}
.fancybox__container {
	z-index: 1450 !important; /* above bootstrap modal 1055 */
}

.popover-email-versand {
  min-width: 500px !important;
  width: 500px !important;
}

.copy-value {
    cursor: pointer;
}

.accordion-button {
  font-size: 18px !important;
}
.accordion-borderless .accordion-item .accordion-button:not(.collapsed) {
  /* background-color: #94c11e;
  color: #fff; */
  background-color: #94c11e;
  /* color: #4f4f4f; */
  color: #fff;
  box-shadow: none;
}
label.error {
  font-size: 11px;
  display: block;
  width: 100%;
}

.gallery {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-width: 33%;
    -moz-column-width: 33%;
    column-width: 33%;
  }
  
  .gallery .pics {
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
  }
  
  .gallery .animation {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  
  @media (max-width: 450px) {
    .gallery {
      -webkit-column-count: 1;
      -moz-column-count: 1;
      column-count: 1;
      -webkit-column-width: 100%;
      -moz-column-width: 100%;
      column-width: 100%;
    }
  }

  .overflow-x-auto {
    width: 100% !important;
    overflow-x: auto !important;
  }

@media print {
    /* #verbrauch-modal-body {
        position: absolute;
        left: 0;
        top: 0;
        margin: 0;
        padding: 0;
        overflow: visible!important;
    } */
	
	.modal-dialog {
		max-width: 100%;
		margin: 0;
	}

	/* body.modal-open */
	body.modal-open .modal .modal-header,
	body.modal-open .modal .modal-footer {
        visibility: hidden;
		display: none;
    }

    
    body.modal-open .modal .modal-body {
        visibility: visible !important; /* make visible modal body and header */
    }
}

/* angenehmere Farben für die mdb buttons */
.text-orange {
    color: #fd9807 !important;
}
.text-orange:hover {
    color: #d98100 !important;
}
.btn.btn-orange {
    background-color: #fd9807 !important;
    border-color: #fd9807 !important;
}
.btn.btn-orange:hover,
.btn.btn-orange:active,
.btn.btn-orange:focus,
.btn.btn-orange:not(:disabled):not(.disabled).active {
    background-color: #d98100 !important;
    border-color: #d98100 !important;
}
.btn.btn-orange {
  --mdb-btn-bg: #fd9807;
  --mdb-btn-color: #fff;
  --mdb-btn-box-shadow: 0 4px 9px -4px #d98100;
  --mdb-btn-hover-bg: #d98100;
  --mdb-btn-hover-color: #fff;
  --mdb-btn-focus-bg: #d98100;
  --mdb-btn-focus-color: #fff;
  --mdb-btn-active-bg: #fd9807;
  --mdb-btn-active-color: #fff;
  --mdb-btn-box-shadow-state: 0 8px 9px -4px rgba(56, 107, 192, 0.3), 0 4px 18px 0 rgba(56, 107, 192, 0.2);
}
#netzbetreiberModal .modal-body,
#netzbetreiberPlzModal .modal-body {
    max-height: calc(100vh - 200px);
    overflow-y: auto;
}

#definitionModal .modal-dialog {
  max-height: calc(100vh - 2rem);
  height: auto;
}

#definitionModal .modal-content {
  max-height: 100%;
  display: flex;
  flex-direction: column;
}

#definitionModal .modal-body {
  overflow-y: auto !important;
  max-height: calc(100vh - 12rem);
}