/** Node Form Styles  */


/** Title prefix on editing*/
.page-title em {
  font-size: 2rem;
  color: #bbb;
  display: inline-block;
  width: 100%;
  margin: 0;
  line-height: 1;
  padding: 0;
}

/** Profile */
.olivero-details__summary {
  letter-spacing: 0.01rem;
}

/** Text field */
.node-form .form-text,
.node-form .form-url,
.node-form .form-element {
  width: 100%;
}
/** Select field */
.node-form .select-wrapper {
    display: block;
    margin-right: 0;
}
.node-form select {
	display: block;
	width: 100%;
	margin-bottom: 20px;
}

/** Help text, display and hide */
html:lang(en) .de,
html:lang(de) .en {
	display: none;
}

html:lang(de) .de {
	display: block;
}

html:lang(en) .en {
	display: block;
}

html:lang(de) .menu__item a.de {
	display: inline;
}

html:lang(en) .menu__item a.en {
	display: inline;
}


/** Form wrapper margin bottom*/
.node-submission-form .form-wrapper,
.node-submission-edit-form .form-wrapper,
.node-submission-form .field--name-field-privacy.form-wrapper,
.node-submission-edit-form .field--name-field-privacy.form-wrapper {
   margin-bottom: 40px;
}

.node-submission-form .field--name-field-privacy .form-wrapper,
.node-submission-form .field--name-field-credits-tip.form-wrapper,
.node-submission-form .field--name-field-credits-tip .form-wrapper,
.node-submission-form .field--name-field-pdf.form-wrapper,
.node-submission-form .field--name-field-agb,
.node-submission-form .field--name-field-privacy,
.node-submission-edit-form .field--name-field-privacy .form-wrapper,
.node-submission-edit-form .field--name-field-credits-tip.form-wrapper,
.node-submission-edit-form .field--name-field-credits-tip .form-wrapper,
.node-submission-edit-form .field--name-field-pdf.form-wrapper,
.node-submission-edit-form .field--name-field-agb,
.node-submission-edit-form .field--name-field-privacy {
  margin-bottom: 10px;
}


.node-submission-form .field-group-format-wrapper .form-wrapper
.node-submission-edit-form .field-group-format-wrapper .form-wrapper  {
  margin-bottom: 20px;
}

/** Input */
[type="color"], [type="date"], [type="datetime-local"], 
[type="email"], [type="file"], [type="month"], [type="number"], [type="password"], [type="search"], [type="tel"], [type="text"], [type="time"], [type="url"], [type="week"], textarea {
    max-width: 100%;
    min-height: 3.375rem;
    padding-top: 0.8125rem;
    padding-bottom: 0.8125rem;
    color: #000000;
    border-width: 2px;
    border-style: solid;
    border-color: #000000;
    border-top-left-radius: 0;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0;
    outline: 2px solid transparent;
    background: #ffffff;
    font-family: inherit !important;
    font-size: 1rem;
    line-height: 1.5rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

[type="color"]:hover, [type="date"]:hover, [type="datetime-local"]:hover, [type="email"]:hover, [type="file"]:hover, [type="month"]:hover, [type="number"]:hover, [type="password"]:hover, [type="search"]:hover, [type="tel"]:hover, [type="text"]:hover, [type="time"]:hover, [type="url"]:hover, [type="week"]:hover, textarea:hover {
    border-color: #5fbb46;
    background: /* LTR */
      linear-gradient(to right, #5fbb46 0.375rem, transparent 0.375rem, transparent 100%),
      linear-gradient(to left, #5fbb46 2px, transparent 2px, transparent 100%) #ffffff;
}

[type="color"]:focus, [type="date"]:focus, [type="datetime-local"]:focus, [type="email"]:focus, [type="file"]:focus, [type="month"]:focus, [type="number"]:focus, [type="password"]:focus, [type="search"]:focus, [type="tel"]:focus, [type="text"]:focus, [type="time"]:focus, [type="url"]:focus, [type="week"]:focus, textarea:focus {
    border-color: #49c3f1;
    outline: 6px dashed transparent;
    background: /* LTR */
      linear-gradient(to right, #49c3f1 0.375rem, transparent 0.375rem, transparent 100%),
      linear-gradient(to left, #49c3f1 2px, transparent 2px, transparent 100%) #ffffff;
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #49c3f1, 0 0 36px rgba(83, 176, 235, 0.25);
}

/** Publish Date  */

        /** 500px */
        @media (max-width: 31.25rem) {
          .field--widget-datetime-datelist-no-time .form-items-inline > .form-item {
            display: block;
            margin-top: 0.125em;
            margin-bottom: 0.125em;
          }
        }

/** select */
select {
  width: 100%;
  color: #313637;
  border-width: 2px;
  border-style: solid;
  border-color: #000000;
  border-top-left-radius: 0;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0;
  outline: 2px solid transparent;
  background-color: #ffffff;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='54' height='10.5' viewBox='0 0 18 10.5'%3e  %3cpath fill='%23fff' d='M18,1.5c0-0.1-0.1-0.3-0.2-0.4l-0.9-0.9c-0.2-0.2-0.6-0.2-0.8,0L9,7.3L1.9,0.2c-0.2-0.2-0.6-0.2-0.8,0L0.2,1.1c-0.2,0.2-0.2,0.6,0,0.8l8.4,8.4c0.2,0.2,0.6,0.2,0.8,0l8.4-8.4C17.9,1.8,18,1.6,18,1.5z'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='54' height='54' viewBox='0 0 54 54'%3e  %3cpath fill='%235fbb46' d='M0 0h54v54H0z'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='54' height='54' viewBox='0 0 54 54'%3e  %3cpath fill='%235fbb46' d='M0 0h54v54H0z'/%3e%3c/svg%3e");
  background-position: center right;

}

/** Fieldset */ 
.fieldset__legend {
  background-color: transparent !important;
  color: #000000 !important;
}
.fieldset__label {
  letter-spacing: 0.01rem;
  color: #000000 !important;
}

/** Radio Button */
input[type="checkbox"], input[type="radio"] {

  border: 2px solid #49c3f1;
  background-color: #ffffff;

}
input[type="radio"]:checked {
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8.5' cy='8.5' r='8.5' fill='%2349c3f1'/%3E%3C/svg%3E%0A");
}

/** Radio Checkbox  */
input[type="checkbox"]:focus, input[type="radio"]:focus {
  outline: 6px dashed transparent;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #49c3f1, 0 0 36px rgba(52, 167, 238, 0.25);
}
input[type="checkbox"]:checked {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='14' viewBox='0 0 18 14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%2349c3f1' d='M14.8232 0.176777C14.9209 0.0791457 15.0791 0.0791455 15.1768 0.176777L16.9445 1.94454C17.0422 2.04217 17.0422 2.20047 16.9445 2.2981L6.23744 13.0052C6.13981 13.1028 5.98151 13.1028 5.88388 13.0052L0.176777 7.2981C0.0791456 7.20047 0.0791456 7.04218 0.176777 6.94454L1.94454 5.17678C2.04217 5.07915 2.20047 5.07915 2.2981 5.17678L5.88388 8.76256C5.98151 8.86019 6.13981 8.86019 6.23744 8.76256L14.8232 0.176777Z'/%3E%3C/svg%3E%0A");
}

/** Descriptions, Labels */
.node-submission-form .form-item__description,
.node-submission-edit-form .form-item__description {
  background-color: rgba(73, 195, 241, 0.25); 
  padding: 15px 20px;
  font-size: 1.0rem;
  letter-spacing: 0.025rem;
}
.field--name-field-credits-tip .fieldset__description {
  padding: 0;
  font-size: 1.0rem;
  letter-spacing: 0.025rem;
}

.form-item__label,
.fieldset__label {
  letter-spacing: 0.025rem;
}

/** Required Field*/
.field--name-field-required {
    margin-top: -17px;
    border: 1px solid #ccc;
}

.field--name-field-required .form-wrapper {
  padding: 1.25rem 2.25rem;
  margin-bottom: 0;
}
        /** 500px */
        @media (max-width: 31.25rem) {
          .field--name-field-required .form-wrapper {
            padding: 0.25rem 0.25rem;
          }
        }

.field--name-field-required .fieldset__description {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: 0.0125rem;
}

.field--name-field-required .fieldset__legend {
  background-color: transparent;
}

.field--name-field-required .fieldset__legend .fieldset__label {
  padding-right: 1.125rem;
  color: #49C3F1;
}

.field--name-field-required .fieldset--group .fieldset__legend--visible ~ .fieldset__wrapper {
  border: 0px solid #49c3f1;
  background-color: transparent;
  color: #000000;
}

/** Finalise Checkboxes */
.field--name-field-terms .fieldset--group .fieldset__legend--visible ~ .fieldset__wrapper,
.field--name-field-privacy .fieldset--group .fieldset__legend--visible ~ .fieldset__wrapper,
.field--name-field-publish-help .fieldset--group .fieldset__legend--visible ~ .fieldset__wrapper {
  border: 0px solid #000;
  padding: 0;
}
.field--name-field-terms .fieldset__label,
.field--name-field-privacy .fieldset__label,
.field--name-field-publish-help .fieldset__label {
  padding: 0;
}


.form-wrapper.field--name-status,
.form-wrapper.field--name-field-publish-help {
  margin-bottom: 0px;
  margin-left: -20px;
  background-color: #B81B56;
  padding: 20px;
  color: #fff;
  box-shadow: 10px 10px 17px -9px rgba(0,0,0,0.49);
  -webkit-box-shadow: 10px 10px 17px -9px rgba(0,0,0,0.49);
  -moz-box-shadow: 10px 10px 17px -9px rgba(0,0,0,0.49);
}
.form-wrapper.field--name-status,
.form-wrapper.field--name-status {
  padding-bottom: 10px;
  margin-bottom: -30px;
}
.form-wrapper.field--name-field-publish-help,
.form-wrapper.field--name-field-publish-help {
  padding-top: 0;
}

.form-wrapper.field--name-status .form-wrapper,
.form-wrapper.field--name-field-publish-help .form-wrapper {
  margin-bottom: 0px;
}
.field--name-field-publish-help .fieldset__label,
.field--name-field-publish-help .fieldset__description {
  color: #ffffff !important;
  font-size: 1.125rem;
  line-height: 1.25;
}

/** Accordion */
.ui-accordion .ui-accordion-header {
  background-color:  #5fbb46;
  border-radius: 0px;
  padding-top: 12px;
  padding-bottom: 12px;
}

.ui-state-default a, 
.ui-state-default a:link, 
.ui-state-default a:visited  {
  color: #ffffff;
  text-decoration: none;
}

.ui-state-active a, .ui-state-active a:link, 
.ui-state-active a:visited {
  color: #ffffff;
  text-decoration: none;
}
.ui-icon, .ui-widget-content .ui-icon {
  background-image: url("/core/assets/vendor/jquery.ui/themes/base/images/ui-icons_ffffff_256x240.png")/*{iconsContent}*/;
}
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon {
  background-image: url("/core/assets/vendor/jquery.ui/themes/base/images/ui-icons_555555_256x240.png")/*{iconsHover}*/;
}
.ui-state-active .ui-icon, .ui-button:active .ui-icon {
  background-image: url("/core/assets/vendor/jquery.ui/themes/base/images/ui-icons_ffffff_256x240.png")/*{iconsActive}*/;
}

.accordion-item:focus {
  outline: -webkit-focus-ring-color auto 0px;
  border-color: #49c3f1;
  outline: 6px dashed transparent;
  background: /* LTR */
    linear-gradient(to right, #49c3f1 0.375rem, transparent 0.375rem, #5fbb46 100%),
    linear-gradient(to left, #49c3f1 2px, transparent 2px, #5fbb46 100%) #5fbb46;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #49c3f1, 0 0 36px rgba(83, 176, 235, 0.25);
}

.form-required-on-publish::after {
  border-style: none;
}
.form-item-field-category-0-target-id label::after,
.form-item__label.form-required::after, 
.fieldset__label.form-required::after, 
.required-mark::after,
.form-required-on-publish::after {
  display: inline-block;
  width: 0.75rem;
  height: 0.75rem;
  margin-left: 0.3em;
  margin-right: 0.3em;
  content: "";
  vertical-align: text-top;
  background-image: url("data:image/svg+xml,%3Csvg height='16' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m0 7.562 1.114-3.438c2.565.906 4.43 1.688 5.59 2.35-.306-2.921-.467-4.93-.484-6.027h3.511c-.05 1.597-.234 3.6-.558 6.003 1.664-.838 3.566-1.613 5.714-2.325l1.113 3.437c-2.05.678-4.06 1.131-6.028 1.356.984.856 2.372 2.381 4.166 4.575l-2.906 2.059c-.935-1.274-2.041-3.009-3.316-5.206-1.194 2.275-2.244 4.013-3.147 5.206l-2.856-2.059c1.872-2.307 3.211-3.832 4.017-4.575-2.081-.402-4.058-.856-5.93-1.356' fill='%2349c3f1'/%3E%3C/svg%3E%0A") !important;
  background-repeat: no-repeat;
  background-size: 0.75rem 0.75rem;
}

.node-submission-edit-form .form-actions,
.node-submission-form .form-actions {
  border: 1px solid #ccc;
  padding-left: 3.56rem;
  margin-top: -41px;
  padding: 2rem 3.56rem;
}
        /** 500px */
        @media (max-width: 31.25rem) {
          .node-submission-edit-form .form-actions,
          .node-submission-form .form-actions {
            padding: 1.25rem 1.25rem;
          }
        }

.field-group-fieldset.admin-fields {
  background-color: #B81B56;
  color: #ffffff;
}

.field-group-fieldset.admin-fields .fieldset__label {
  color: #ffffff;
}

.horizontal-tab-button.selected a strong {
  color: #49C3F1;
  border-bottom: 3px solid #49C3F1;
  padding-bottom: 6px;
}

html:lang(de) .node-form .horizontal-tab-button.selected a strong,
html:lang(de) .node-submission-quick-node-clone-form .horizontal-tab-button strong,
html:lang(de) .node-submission-edit-form .horizontal-tab-button strong,
html:lang(de) .node-submission-form .horizontal-tab-button strong {
  color: transparent;
  display: none;
  font-size: 0;
}

html:lang(de) .node-submission-quick-node-clone-form .horizontal-tab-button a::after,
html:lang(de) .node-submission-edit-form .horizontal-tab-button a::after,
html:lang(de) .node-submission-form .horizontal-tab-button a::after {
  position: relative;
  content: "";
  font-size: 1rem;
  font-weight: 600;
  color: #000000 !important;
  left: 0;
  top: 0;
  margin: auto;
}


html:lang(de) .node-submission-quick-node-clone-form .horizontal-tab-button a:hover::after,
html:lang(de) .node-submission-edit-form .horizontal-tab-button a:hover::after,
html:lang(de) .node-submission-form .horizontal-tab-button a:hover::after{
  color: #49c3f1 !important;
  font-weight: 600; 
}

html:lang(de) .node-submission-quick-node-clone-form .horizontal-tab-button.selected a::after,
html:lang(de) .node-submission-edit-form .horizontal-tab-button.selected a::after,
html:lang(de) .node-submission-form .horizontal-tab-button.selected a::after {
    color: #49c3f1 !important;
    font-weight: 600;
    border-bottom: 3px solid #49C3F1;
    padding-bottom: 6px;    
}

/* html:lang(de) .path-submission-form .node-form .horizontal-tab-button.selected a::after {
  color: #000000 !important;
  font-weight: 600;
  border-bottom: 0px solid #49C3F1;
  padding-bottom: 0px;    
} */
.path-submission-form .node-form .horizontal-tab-button.selected a strong,
html:lang(de) .path-submission-form .node-form .horizontal-tab-button.selected a::after,
html:lang(de) .path-submission-form .node-form .horizontal-tab-button.selected a:hover::after {
  color: #000000;
  font-weight: 600;
  border-bottom: 0px solid #49C3F1;
  padding-bottom: 0px;
}

html:lang(de) .node-submission-submission-category-form .horizontal-tab-button.selected a::after,
html:lang(de) .node-submission-submission-published-form .horizontal-tab-button.selected a::after,
html:lang(de) .node-submission-quick-node-clone-form .horizontal-tab-button-0 a::after,
html:lang(de) .node-submission-edit-form .horizontal-tab-button-0 a::after,
html:lang(de) .node-submission-form .horizontal-tab-button-0 a::after {
  content: "1. Bereich und Kategorie";
}

html:lang(de) .node-submission-submission-published-form .horizontal-tab-button.selected a::after,
html:lang(de) .node-submission-quick-node-clone-form .horizontal-tab-button-1 a::after,
html:lang(de) .node-submission-edit-form .horizontal-tab-button-1 a::after,
html:lang(de) .node-submission-form .horizontal-tab-button-1 a::after {
  content: "2. Ver\00f6 ffentlicht";
}

html:lang(de) .node-submission-submission-video-form .horizontal-tab-button.selected a::after,
html:lang(de) .node-submission-quick-node-clone-form .horizontal-tab-button-2 a::after,
html:lang(de) .node-submission-edit-form .horizontal-tab-button-2 a::after,
html:lang(de) .node-submission-form .horizontal-tab-button-2 a::after {
  content: "3. Video";
}

html:lang(de) .node-submission-submission-important-information-form .horizontal-tab-button.selected a::after,
html:lang(de) .node-submission-quick-node-clone-form .horizontal-tab-button-3 a::after,
html:lang(de) .node-submission-edit-form .horizontal-tab-button-3 a::after,
html:lang(de) .node-submission-form .horizontal-tab-button-3 a::after {
  content: "4. Wichtige Informationen f\00fc r die Jury";
}

html:lang(de) .node-submission-submission-credits-form .horizontal-tab-button.selected a::after,
html:lang(de) .node-submission-quick-node-clone-form .horizontal-tab-button-4 a::after,
html:lang(de) .node-submission-edit-form .horizontal-tab-button-4 a::after,
html:lang(de) .node-submission-form .horizontal-tab-button-4 a::after {
  content: "5. Credits";
}

html:lang(de) .node-submission-submission-finalise-form .horizontal-tab-button.selected a::after,
html:lang(de) .node-submission-quick-node-clone-form .horizontal-tab-button-5 a::after,
html:lang(de) .node-submission-edit-form .horizontal-tab-button-5 a::after,
html:lang(de) .node-submission-form .horizontal-tab-button-5 a::after {
  content: "Einreichung abschlie\00DF en";
}

.field--name-field-quick-form-hint .fieldset__label  {
  display: none;
}

.field--name-field-quick-form-hint .fieldset__description {
  font-size: 1.125rem;
  font-weight: 600;
  color: #B81B56;
  padding: 10px 10px 10px 15px;
}

.field--name-field-steps-form-video-hint .fieldset__label ,
.field--name-field-steps-form-hint .fieldset__label  {
  color: #B81B56;
  padding: 10px 10px 10px 0px;
}

.field--name-field-quick-form-hint .fieldset--group .fieldset__wrapper,
.field--name-field-steps-form-video-hint .fieldset--group .fieldset__wrapper,
.field--name-field-steps-form-hint .fieldset--group .fieldset__wrapper {
  border: 0;
  margin: 0 1.125rem;
  padding-bottom: 0;
  padding-top: 0;  
}
.field--name-field-quick-form-hint.form-wrapper,
.field--name-field-steps-form-video-hint.form-wrapper,
.field--name-field-steps-form-hint.form-wrapper,
.field--name-field-quick-form-hint .form-wrapper,
.field--name-field-steps-form-video-hint .form-wrapper,
.field--name-field-steps-form-hint .form-wrapper {
  margin: 0;
}

.field--name-field-video-poster-image .form-item-field-video-poster-image-0 {
  background-color: #c5e4f0;
  color: #000000;
}

/** Special Prize Form */
.field--name-field-special-prizes-hint.form-wrapper .fieldset__legend {
  display: none;
}
.field--name-field-special-prizes-hint.form-wrapper .fieldset__wrapper {
  border: 0px solid #7e96a7;
  border-radius: 0px;
  border: 0;
  padding: 0;
}

.field--name-field-special-prizes-hint.form-wrapper .fieldset__description {
  font-size: 1.125rem;
  font-weight: 600;
  color: #B81B56;
  margin: 0;
  padding: 0%;
  line-height: 1.375rem;
}

/*
* progress__description
*/

.file-resup-wrapper .progress__description {
  float: none;
}

.file-resup-wrapper .drop {
	box-sizing: border-box;
	width: 100%;
	border: 2px dashed #ccc;
	height: 4em;
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  align-items: center;
}

.file-resup-wrapper .drop-message {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	padding: 0 1em;
	color: #db001b;
	cursor: default;
}

.progress__track {
	overflow: hidden;
	height: var(--sp);
	border: 1px solid hsl(197.1, 77.8%, 64.7%);
	border-radius: var(--border-radius);
}

.progress__track {
	overflow: hidden;
	height: var(--sp);
	border: 1px solid hsl(197.1, 77.8%, 64.7%);
	border-radius: var(--border-radius);
	height: 30px;
  position: relative;
}

.progress__bar {
	/* height: var(--sp); */
	background-color: var(--color--primary-40);
	height: 30px;
}

/* Striped effect */
.progress__track::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px; /* Size of stripes */
}

/* Animated stripes */
.progress__track::before {
  animation: move-stripes 1s linear infinite;
}

@keyframes move-stripes {
  from {
    background-position: 0px;
  }
  to {
    background-position: -40px;
  }
}