:root {
--bg-light: #e1e1e1;
--bg-middle: #d3d3d3;
--bg-dark: #1a1a1a;
--bg-primary: #00598e;
--bg-secondary: #0173ba;
--bg-tertiary: #0285d5;
--txtcolor-primary: #222;
--txtcolor-secondary: #555;
--txtcolor-tertiary:  #999;
--text-color: #1A1A1A;
--headingcolor: #00598e;
--link-primary:  #00598e;
--link-secondary: #0173ba;
--link-tertiary: #fff;
--bordercolor-light: #fff;
--bordercolor-middle: #e1e1e1;
--bordercolor-dark: #1a1a1a;
--bg-primary-alpha: 0, 89, 142, 0.8;
}

.field--name-field-farbwerte p {line-height: 1.5rem;}
.field--name-field-farbwerte span {width: 1.5rem; height: 1.5rem; border: 1px solid #000; margin-right: 2rem;display: inline-block;vertical-align: middle;box-sizing: border-box;}
.field--name-field-farbwerte .bgcolor-primary {background-color: var(--bg-primary);}
.field--name-field-farbwerte .bgcolor-secondary {background-color: var(--bg-secondary);}
/*Rapunzel Zusatz*/
.layout-region--node-main .layout-region__content, 
.layout-region--node-footer .layout-region__content{
  max-width: 60rem !important;
}
.entity-browser-iframe-container.js-form-wrapper.form-wrapper iframe{
	height:680px !important;
}
.no-touchevents .button--extrasmall {
  padding: calc(0.5rem - 1px) calc(0.75rem - 1px) !important;
}

#field-landingpage-inhalte-values tr.odd{
	background:#fff !important;
}
#field-landingpage-inhalte-values tr.even{
	background:#e9ebf2 !important;
}
.paragraphs-add-suffix,
#edit-field-landingpage-heroblock-0-subform-field-hero-0-format-help-about{
	display:none;
}
input.replace-button,
input.remove-button,
input.edit-button{
	width:9rem !important;
}
.form-item--title-0-value input{
width:100%;	
}

.draggable .paragraph-type .paragraph-type-icon {
  height: 45px;
  width: 66px;
}
body .page-wrapper{
	background: #f0f2f5 !important;
}

.ui-dialog.ui-dialog-off-canvas.paragraphs-ee-off-canvas--browser #drupal-off-canvas.ui-dialog-content {background:rgba(0,0,0,0.6);}

.flex {display:flex;}
.flex.flex-row {flex-direction:row;}
.flex.space-between {justify-content:space-between;}
.field-group-html-element.flex {flex-wrap:wrap;}
.field-group-html-element.flex h4 {width:100%;flex-basis:100%;}
.border {border: 1px solid #919297;border-radius: 0.125rem;}
.border-form {padding: 1rem; background-color: #f3f3f3;margin-bottom:1rem;}