/* @import url("https://unpkg.com/leaflet@1.7.1/dist/leaflet.css"); */
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Libre+Franklin&display=swap");
@import url("https://fonts.googleapis.com/icon?family=Material+Icons");

@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/materialicons/v70/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
}

/*
    because of the path in png in leaflet.css it does not work to import in css with snowpack/esbuild for now
    bug: https://github.com/evanw/esbuild/issues/469
*/

:root {
	--black: #070303;

	--dark: #121212;
	
	--bildoktoren-blue-main: #6398e8;
	--bildoktoren-blue: #367ae0;
	--bildoktoren-blue-light: #6898e0;
	--bildoktoren-blue-sharp: #195ee3;
	--hover-blue: #164387;
	--bildoktoren-dark-blue: #1d35a1;
	--bildoktoren-purple-blue: #5068b7;
	--bildoktoren-purple-trans: rgba(80, 104, 183, 0.7);

	--success: #28a745;
	--important: #007bff;
	--info: #17a2b8;
	--warning: #ffc107;
	--error: #dc3545;
	--cyan-dark: rgb(0, 139, 139);
	--red-dark: rgb(139, 0, 0);

	--background-almost-transparent: rgba(66,66,66,0.54);
    --red-50: #ffebee;
	--red-100: #ffcdd2;
	--red-200: #ef9a9a;
	--red-300: #e57373;
	--red-400: #ef5350;
	--red-500: #f44336;
	--red-600: #e53935;
	--red-700: #d32f2f;
	--red-800: #c62828;
	--red-900: #b71c1c;
	--red-a100: #ff8a80;
	--red-a200: #ff5252;
	--red-a400: #ff1744;
	--red-a700: #d50000;

	--pink-50: #fce4ec;
	--pink-100: #f8bbd0;
	--pink-200: #f48fb1;
	--pink-300: #f06292;
	--pink-400: #ec407a;
	--pink-500: #e91e63;
	--pink-600: #d81b60;
	--pink-700: #c2185b;
	--pink-800: #ad1457;
	--pink-900: #880e4f;
	--pink-a100: #ff80ab;
	--pink-a200: #ff4081;
	--pink-a400: #f50057;
	--pink-a700: #c51162;

	--purple-50: #f3e5f5;
	--purple-100: #e1bee7;
	--purple-200: #ce93d8;
	--purple-300: #ba68c8;
	--purple-400: #ab47bc;
	--purple-500: #9c27b0;
	--purple-600: #8e24aa;
	--purple-700: #7b1fa2;
	--purple-800: #6a1b9a;
	--purple-900: #4a148c;
	--purple-a100: #ea80fc;
	--purple-a200: #e040fb;
	--purple-a400: #d500f9;
	--purple-a700: #a0f;

	--deep-purple-50: #ede7f6;
	--deep-purple-100: #d1c4e9;
	--deep-purple-200: #b39ddb;
	--deep-purple-300: #9575cd;
	--deep-purple-400: #7e57c2;
	--deep-purple-500: #673ab7;
	--deep-purple-600: #5e35b1;
	--deep-purple-700: #512da8;
	--deep-purple-800: #4527a0;
	--deep-purple-900: #311b92;
	--deep-purple-a100: #b388ff;
	--deep-purple-a200: #7c4dff;
	--deep-purple-a400: #651fff;
	--deep-purple-a700: #6200ea;

	--indigo-50: #e8eaf6;
	--indigo-100: #c5cae9;
	--indigo-200: #9fa8da;
	--indigo-300: #7986cb;
	--indigo-400: #5c6bc0;
	--indigo-500: #3f51b5;
	--indigo-600: #3949ab;
	--indigo-700: #303f9f;
	--indigo-800: #283593;
	--indigo-900: #1a237e;
	--indigo-a100: #8c9eff;
	--indigo-a200: #536dfe;
	--indigo-a400: #3d5afe;
	--indigo-a700: #304ffe;

	--blue-50: #e3f2fd;
	--blue-100: #bbdefb;
	--blue-200: #90caf9;
	--blue-300: #64b5f6;
	--blue-400: #42a5f5;
	--blue-500: #2196f3;
	--blue-600: #1e88e5;
	--blue-700: #1976d2;
	--blue-800: #1565c0;
	--blue-900: #0d47a1;
	--blue-a100: #82b1ff;
	--blue-a200: #448aff;
	--blue-a400: #2979ff;
	--blue-a700: #2962ff;

	--light-blue-50: #e1f5fe;
	--light-blue-100: #b3e5fc;
	--light-blue-200: #81d4fa;
	--light-blue-300: #4fc3f7;
	--light-blue-400: #29b6f6;
	--light-blue-500: #03a9f4;
	--light-blue-600: #039be5;
	--light-blue-700: #0288d1;
	--light-blue-800: #0277bd;
	--light-blue-900: #01579b;
	--light-blue-a100: #80d8ff;
	--light-blue-a200: #40c4ff;
	--light-blue-a400: #00b0ff;
	--light-blue-a700: #0091ea;

	--cyan-50: #e0f7fa;
	--cyan-100: #b2ebf2;
	--cyan-200: #80deea;
	--cyan-300: #4dd0e1;
	--cyan-400: #26c6da;
	--cyan-500: #00bcd4;
	--cyan-600: #00acc1;
	--cyan-700: #0097a7;
	--cyan-800: #00838f;
	--cyan-900: #006064;
	--cyan-a100: #84ffff;
	--cyan-a200: #18ffff;
	--cyan-a400: #00e5ff;
	--cyan-a700: #00b8d4;

	--teal-50: #e0f2f1;
	--teal-100: #b2dfdb;
	--teal-200: #80cbc4;
	--teal-300: #4db6ac;
	--teal-400: #26a69a;
	--teal-500: #009688;
	--teal-600: #00897b;
	--teal-700: #00796b;
	--teal-800: #00695c;
	--teal-900: #004d40;
	--teal-a100: #a7ffeb;
	--teal-a200: #64ffda;
	--teal-a400: #1de9b6;
	--teal-a700: #00bfa5;

	--green-50: #e8f5e9;
	--green-100: #c8e6c9;
	--green-200: #a5d6a7;
	--green-300: #81c784;
	--green-400: #66bb6a;
	--green-500: #4caf50;
	--green-600: #43a047;
	--green-700: #388e3c;
	--green-800: #2e7d32;
	--green-900: #1b5e20;
	--green-a100: #b9f6ca;
	--green-a200: #69f0ae;
	--green-a400: #00e676;
	--green-a700: #00c853;

	--light-green-50: #f1f8e9;
	--light-green-100: #dcedc8;
	--light-green-200: #c5e1a5;
	--light-green-300: #aed581;
	--light-green-400: #9ccc65;
	--light-green-500: #8bc34a;
	--light-green-600: #7cb342;
	--light-green-700: #689f38;
	--light-green-800: #558b2f;
	--light-green-900: #33691e;
	--light-green-a100: #ccff90;
	--light-green-a200: #b2ff59;
	--light-green-a400: #76ff03;
	--light-green-a700: #64dd17;

	--lime-50: #f9fbe7;
	--lime-100: #f0f4c3;
	--lime-200: #e6ee9c;
	--lime-300: #dce775;
	--lime-400: #d4e157;
	--lime-500: #cddc39;
	--lime-600: #c0ca33;
	--lime-700: #afb42b;
	--lime-800: #9e9d24;
	--lime-900: #827717;
	--lime-a100: #f4ff81;
	--lime-a200: #eeff41;
	--lime-a400: #c6ff00;
	--lime-a700: #aeea00;

	--yellow-50: #fffde7;
	--yellow-100: #fff9c4;
	--yellow-200: #fff59d;
	--yellow-300: #fff176;
	--yellow-400: #ffee58;
	--yellow-500: #ffeb3b;
	--yellow-600: #fdd835;
	--yellow-700: #fbc02d;
	--yellow-800: #f9a825;
	--yellow-900: #f57f17;
	--yellow-a100: #ffff8d;
	--yellow-a200: #ff0;
	--yellow-a400: #ffea00;
	--yellow-a700: #ffd600;

	--amber-50: #fff8e1;
	--amber-100: #ffecb3;
	--amber-200: #ffe082;
	--amber-300: #ffd54f;
	--amber-400: #ffca28;
	--amber-500: #ffc107;
	--amber-600: #ffb300;
	--amber-700: #ffa000;
	--amber-800: #ff8f00;
	--amber-900: #ff6f00;
	--amber-a100: #ffe57f;
	--amber-a200: #ffd740;
	--amber-a400: #ffc400;
	--amber-a700: #ffab00;

	--orange-50: #fff3e0;
	--orange-100: #ffe0b2;
	--orange-200: #ffcc80;
	--orange-300: #ffb74d;
	--orange-400: #ffa726;
	--orange-500: #ff9800;
	--orange-600: #fb8c00;
	--orange-700: #f57c00;
	--orange-800: #ef6c00;
	--orange-900: #e65100;
	--orange-a100: #ffd180;
	--orange-a200: #ffab40;
	--orange-a400: #ff9100;
	--orange-a700: #ff6d00;

	--deep-orange-50: #fbe9e7;
	--deep-orange-100: #ffccbc;
	--deep-orange-200: #ffab91;
	--deep-orange-300: #ff8a65;
	--deep-orange-400: #ff7043;
	--deep-orange-500: #ff5722;
	--deep-orange-600: #f4511e;
	--deep-orange-700: #e64a19;
	--deep-orange-800: #d84315;
	--deep-orange-900: #bf360c;
	--deep-orange-a100: #ff9e80;
	--deep-orange-a200: #ff6e40;
	--deep-orange-a400: #ff3d00;
	--deep-orange-a700: #dd2c00;

	--brown-50: #efebe9;
	--brown-100: #d7ccc8;
	--brown-200: #bcaaa4;
	--brown-300: #a1887f;
	--brown-400: #8d6e63;
	--brown-500: #795548;
	--brown-600: #6d4c41;
	--brown-700: #5d4037;
	--brown-800: #4e342e;
	--brown-900: #3e2723;

	--grey-50: #fafafa;
	--grey-100: #f5f5f5;
	--grey-200: #eee;
	--grey-300: #e0e0e0;
	--grey-400: #bdbdbd;
	--grey-500: #9e9e9e;
	--grey-600: #757575;
	--grey-700: #616161;
	--grey-800: #424242;
	--grey-900: #212121;

	--blue-grey-50: #eceff1;
	--blue-grey-100: #cfd8dc;
	--blue-grey-200: #b0bec5;
	--blue-grey-300: #90a4ae;
	--blue-grey-400: #78909c;
	--blue-grey-500: #607d8b;
	--blue-grey-600: #546e7a;
	--blue-grey-700: #455a64;
	--blue-grey-800: #37474f;
	--blue-grey-900: #263238;

}
:root {
   --bd-background-primary: var(--blue-grey-50);
   --bd-background-secondary: var(--blue-grey-100);
   
   --bd-box-shadow: 1px 10px 23px 0px var(--digilean-white-dow);
   --bd-box-shadow-hover: -1px 10px 23px 0px var(--grey-600);


   --mdc-theme-primary: var(--bildoktoren-purple-blue);
   --mdc-theme-secondary: var(--blue-grey-500);
   --mdc-theme-background: var(--grey-50);
   --mdc-theme-surface: #fff;
   --mdc-theme-error: var(--pink-700);
   --mdc-theme-on-primary: #fff;
   --mdc-theme-on-secondary: #fff;
   --mdc-theme-on-surface: #000;
   --mdc-theme-on-error: #fff;
   --mdc-theme-text-primary-on-background: rgba(0, 0, 0, 0.87);
   --mdc-theme-text-secondary-on-background: rgba(0, 0, 0, 0.54);
   --mdc-theme-text-hint-on-background: rgba(0, 0, 0, 0.38);
   --mdc-theme-text-disabled-on-background: rgba(0, 0, 0, 0.38);
   --mdc-theme-text-icon-on-background: rgba(0, 0, 0, 0.38);
   --mdc-theme-text-primary-on-light: rgba(0, 0, 0, 0.87);
   --mdc-theme-text-secondary-on-light: rgba(0, 0, 0, 0.54);
   --mdc-theme-text-hint-on-light: var(--bildoktoren-blue-light);
   --mdc-theme-text-disabled-on-light: rgba(0, 0, 0, 0.38);
   --mdc-theme-text-icon-on-light: rgba(0, 0, 0, 0.38);
   --mdc-theme-text-primary-on-dark: white;
   --mdc-theme-text-secondary-on-dark: rgba(255, 255, 255, 0.7);
   --mdc-theme-text-hint-on-dark: rgba(255, 255, 255, 0.5);
   --mdc-theme-text-disabled-on-dark: rgba(255, 255, 255, 0.5);
   --mdc-theme-text-icon-on-dark: rgba(255, 255, 255, 0.5);
   --styleEmptyStarColor: "#737373";
	--styleFullStarColor: "#ed8a19";

   --bildoktoren-banner-background: var(--bildoktoren-blue);
}
.dark-theme {
   --mdc-theme-primary: var(--cyan-500);
   --mdc-theme-secondary: var(--deep-purple-500);
   --mdc-theme-background: var(--dark);
   --mdc-theme-surface: var(--grey-900);
   --mdc-theme-error: #b00020;
   --mdc-theme-on-primary: var(--grey-800);
   --mdc-theme-text-primary-on-background: rgba(255, 255, 255, 0.7);
   --mdc-theme-text-secondary-on-background: rgba(255, 255, 255, 0.5);
   --mdc-theme-text-hint-on-background: rgba(255, 255, 255, 0.4);
   --mdc-theme-text-primary-on-dark: black;
}

.flex {
	display: flex;
}
.column {
	flex-direction: column;
}
.padding * {
    padding: 0.5rem;
}
.snappable {
    scroll-snap-align: start;
}
.primary-color {
    color: var(--mdc-theme-primary);
}
.light-color {
    color: var(--mdc-theme-text-primary-on-dark);
}
a:hover {
    text-decoration: underline;
}

p {
    margin: 7px;
    margin-block-start: 1.2em;
    margin-block-end: 1.2em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}
article.default {
    background: var(--mdc-theme-background);
    padding: 2rem;
    border-radius: 4px;
}
article.default header {
    background: var(--mdc-theme-background);
    display: flex;
    padding: 2rem;
    justify-content: center;
}

article.default section {
    padding: 1rem;
    justify-content: center;
    align-items: center;
    text-align: center;
}

article.default section.left {
    text-align: left;
}

article.default.secondary {
    background: var(--bd-background-secondary);
    padding: 1rem;
}
article.default.secondary header {
    padding: 0.5rem;
}

article.center {
    text-align: center;
}
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}
button {
    cursor: pointer;
    color: var(--mdc-theme-text-primary-on-dark);
    outline-color: var(--mdc-theme-primary);
    border-color: var(--mdc-theme-primary);
    background: var(--mdc-theme-primary);
    box-sizing: border-box;
    border-radius:5px;
    border-width: 1px;
    padding: 0.5rem 1rem;
    transition: background .2s linear;
}
button:hover {
    background: var(--hover-blue);
}
button:active {
    transform: translateY(2x);
}
button.secondary-button {
    background: var(--mdc-theme-secondary);
}
button:disabled,
button[disabled]{
    border: 1px solid #999999;
    background-color: #cccccc;
    color: #666666;
    cursor: not-allowed;
}
input[type=file] {
    display: inline-block;
    color: var(--mdc-theme-surface);
    background: var(--mdc-theme-primary);
    border-radius: 3px;

}
input[type=text], input[type=password], input[type=number] {
    color: var(--mdc-theme-text-primary-on-background);
    background: var(--mdc-theme-on-primary);
    width: 30rem;
    padding: 0.5rem;
    border: 1px solid lightgrey;
    box-shadow:0 0 15px 4px rgba(0,0,0,0.06);
}
input:focus, select:focus {
    /* border-color: var(--mdc-theme-primary); */
    outline-color: var(--mdc-theme-primary);
}
.primary-on-background {
    color: var(--mdc-theme-text-primary-on-background);
}
select {
    width: 20rem;
    padding: 0.5rem;
    margin: 0 0 0.5em 0;
    box-sizing: border-box;
    border: 1px solid lightgrey;
    outline-color: white;
    box-shadow:0 0 15px 4px rgba(0,0,0,0.1);
}
option {
    padding: 0.5rem;
    margin: 1rem;
}
::placeholder {
    color: var(--mdc-theme-text-hint-on-background);
  }

.comment-box {
    border: 1px solid;
    padding: 1rem;
    border-color: var(--mdc-theme-primary);
    margin-bottom: 0.5rem;
    margin-right: 3px;
    box-shadow: 1px 1px 1px 0px var(--mdc-theme-text-hint-on-background);
}

.subcontent {
    position: relative;
}

figure {
    margin: 0;
    padding: 0;
}

dialog::backdrop, dialog + .backdrop {
    background: linear-gradient(45deg, rgba(26, 32, 31, 0.5), rgba(29, 28, 24, 0.5));
}


@media only screen and (max-width: 640px) {
    article.default {
        padding: 0.5rem;
    }
    article.default section {
        padding: 0.5rem;
    }
    article.default header {
        padding: 1rem;
    }

    input[type=text], input[type=password] {
        width: 100%;
    }
}

.seller-popup {
    width: 238px;
    max-width: 500px;
}

.blinking-sign {
    animation: pulse-sign 5s infinite;
}
@keyframes pulse-sign {
    0% { fill: #574417; }
    25% { fill: #e9b744; }
    50% { fill: #df190b; }
    25% { fill: #e9b744; }
    100% { fill: #574417; }
}

.blinking-stroke {
    animation: pulse-stroke 5s infinite;
}
@keyframes pulse-stroke {
    0% { stroke: #574417; }
    25% { stroke: #e9b744; }
    50% { stroke: #df190b; }
    25% { stroke: #e9b744; }
    100% { stroke: #574417; }
}

/* * {
    outline: 1px solid #f00 !important;
} */
html,
body {
    height: 100%;
    margin: 0;
    padding: 0;
}
* {
    box-sizing: border-box;
}

body {
    background-image: url("https://storage.googleapis.com/bildoktoren-no.appspot.com/assets/pics/bd_motor_blur1/original.jpg");
    background-position: center;
    background-repeat: repeat-y;
    background-size: cover;
    color: var(--mdc-theme-text-primary-on-background);
    font-family: "Open Sans", sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    font-size: 16px;
    line-height: 150%;
    /* scroll-snap-type: y mandatory; */
}
body.header-not-at-top .main-container {
    padding-top: 54px;
}
body.header-not-at-top #header-lower {
    position: fixed;
    top: 0;
    z-index: 1100;
}
svg.svg-defs {
    display: none;
}

.split-in-two {
    display: flex;
    flex-direction: row;
}

.split-in-two .split {
    flex: 1;
}

@media only screen and (max-width: 1600px) {
    body {
        background: var(--mdc-theme-background);
    }
}

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

    .split-in-two {
        display: flex;
        flex-direction: column;
    }
}
/* editor.css https://prosemirror.net/css/editor.css */ 
/* Add space around the hr to make clicking it easier */
.ProseMirror {
    position: relative;
}
  
.ProseMirror {
    word-wrap: break-word;
    white-space: pre-wrap;
    white-space: break-spaces;
    -webkit-font-variant-ligatures: none;
    font-variant-ligatures: none;
    font-feature-settings: "liga" 0; /* the above doesn't seem to work in Edge */
}
  
.ProseMirror pre {
    white-space: pre-wrap;
}
  
.ProseMirror li {
    position: relative;
}
  
.ProseMirror-hideselection *::selection { background: transparent; }
.ProseMirror-hideselection *::-moz-selection { background: transparent; }
.ProseMirror-hideselection { caret-color: transparent; }
  
.ProseMirror-selectednode {
    outline: 2px solid #8cf;
}
  
  /* Make sure li selections wrap around markers */
  
li.ProseMirror-selectednode {
    outline: none;
}
  
li.ProseMirror-selectednode:after {
    content: "";
    position: absolute;
    left: -32px;
    right: -2px; top: -2px; bottom: -2px;
    border: 2px solid #8cf;
    pointer-events: none;
}
.ProseMirror-textblock-dropdown {
    min-width: 3em;
}
  
.ProseMirror-menu {
    margin: 0 -4px;
    line-height: 1;
}
  
.ProseMirror-tooltip .ProseMirror-menu {
    width: -webkit-fit-content;
    width: fit-content;
    white-space: pre;
}
  
.ProseMirror-menuitem {
    margin-right: 3px;
    display: inline-block;
}
  
.ProseMirror-menuseparator {
    border-right: 1px solid #ddd;
    margin-right: 3px;
}
  
.ProseMirror-menu-dropdown, .ProseMirror-menu-dropdown-menu {
    font-size: 90%;
    white-space: nowrap;
}
  
.ProseMirror-menu-dropdown {
    vertical-align: 1px;
    cursor: pointer;
    position: relative;
    padding-right: 15px;
}
  
.ProseMirror-menu-dropdown-wrap {
    padding: 1px 0 1px 4px;
    display: inline-block;
    position: relative;
}
  
.ProseMirror-menu-dropdown:after {
    content: "";
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid currentColor;
    opacity: .6;
    position: absolute;
    right: 4px;
    top: calc(50% - 2px);
}
  
.ProseMirror-menu-dropdown-menu, .ProseMirror-menu-submenu {
    position: absolute;
    background: white;
    color: #666;
    border: 1px solid #aaa;
    padding: 2px;
}
  
.ProseMirror-menu-dropdown-menu {
    z-index: 15;
    min-width: 6em;
}
  
.ProseMirror-menu-dropdown-item {
    cursor: pointer;
    padding: 2px 8px 2px 4px;
}
  
.ProseMirror-menu-dropdown-item:hover {
    background: #f2f2f2;
}
  
.ProseMirror-menu-submenu-wrap {
    position: relative;
    margin-right: -4px;
}
  
.ProseMirror-menu-submenu-label:after {
    content: "";
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid currentColor;
    opacity: .6;
    position: absolute;
    right: 4px;
    top: calc(50% - 4px);
}
  
.ProseMirror-menu-submenu {
    display: none;
    min-width: 4em;
    left: 100%;
    top: -3px;
}
  
.ProseMirror-menu-active {
    background: #eee;
    border-radius: 4px;
}
  
.ProseMirror-menu-disabled {
    opacity: .3;
}
  
.ProseMirror-menu-submenu-wrap:hover .ProseMirror-menu-submenu, .ProseMirror-menu-submenu-wrap-active .ProseMirror-menu-submenu {
    display: block;
}
  
.ProseMirror-menubar {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
    position: relative;
    min-height: 1em;
    color: #666;
    padding: 1px 6px;
    top: 0; left: 0; right: 0;
    border-bottom: 1px solid silver;
    background: white;
    /* z-index: 10; */
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: visible;
}
  
.ProseMirror-icon {
    display: inline-block;
    line-height: .8;
    vertical-align: -2px; /* Compensate for padding */
    padding: 2px 8px;
    cursor: pointer;
}
  
.ProseMirror-menu-disabled.ProseMirror-icon {
    cursor: default;
}
  
.ProseMirror-icon svg {
    fill: currentColor;
    height: 1em;
}
  
.ProseMirror-icon span {
    vertical-align: text-top;
}
.ProseMirror-gapcursor {
    display: none;
    pointer-events: none;
    position: absolute;
}
  
.ProseMirror-gapcursor:after {
    content: "";
    display: block;
    position: absolute;
    top: -2px;
    width: 20px;
    border-top: 1px solid black;
    animation: ProseMirror-cursor-blink 1.1s steps(2, start) infinite;
}
  
@keyframes ProseMirror-cursor-blink {
    to {
      visibility: hidden;
    }
}
  
.ProseMirror-focused .ProseMirror-gapcursor {
    display: block;
}
/* Add space around the hr to make clicking it easier */
  
.ProseMirror-bd-editor hr {
    padding: 2px 10px;
    border: none;
    margin: 1em 0;
}
  
.ProseMirror-bd-editor hr:after {
    content: "";
    display: block;
    height: 1px;
    background-color: silver;
    line-height: 2px;
}
  

.ProseMirror ul, .ProseMirror ol {
    padding-left: 30px;
}
  
.ProseMirror blockquote {
    padding-left: 1em;
    border-left: 3px solid #eee;
    margin-left: 0; margin-right: 0;
}
  
.ProseMirror-bd-editor img {
    cursor: default;
}
  
.ProseMirror-prompt {
    background: white;
    padding: 5px 10px 5px 15px;
    border: 1px solid silver;
    position: fixed;
    border-radius: 3px;
    z-index: 11;
    box-shadow: -.5px 2px 5px rgba(0, 0, 0, .2);
}
  
.ProseMirror-prompt h5 {
    margin: 0;
    font-weight: normal;
    font-size: 100%;
    color: #444;
}
 
.ProseMirror-prompt input[type="text"],
.ProseMirror-prompt textarea {
    background: #eee;
    border: none;
    outline: none;
}
  
.ProseMirror-prompt input[type="text"] {
    padding: 0 4px;
}
  
.ProseMirror-prompt-close {
    position: absolute;
    left: 2px; top: 1px;
    color: #666;
    border: none; background: transparent; padding: 0;
}
  
/* .ProseMirror-prompt-close:after {
    content: "✕";
    font-size: 12px;
} */
  
.ProseMirror-invalid {
    background: #ffc;
    border: 1px solid #cc7;
    border-radius: 4px;
    padding: 5px 10px;
    position: absolute;
    min-width: 10em;
}
  
.ProseMirror-prompt-buttons {
    margin-top: 5px;
    display: none;
}
 #editor, .editor {
    background: white;
    color: black;
    background-clip: padding-box;
    border-radius: 4px;
    border: 2px solid rgba(0, 0, 0, 0.2);
    padding: 5px 0;
    margin-bottom: 23px;
}
  
.ProseMirror p:first-child,
.ProseMirror h1:first-child,
.ProseMirror h2:first-child,
.ProseMirror h3:first-child,
.ProseMirror h4:first-child,
.ProseMirror h5:first-child,
.ProseMirror h6:first-child {
    margin-top: 10px;
}
  
.ProseMirror {
    padding: 4px 8px 4px 14px;
    line-height: 1.2;
    outline: none;
}
  
.ProseMirror p { margin-bottom: 1em }

/* pose example https://github.com/ProseMirror/prosemirror-example-setup/blob/master/style/style.css */

  
.ProseMirror-prompt-close:after {
    content: "✕";
    font-size: 12px;
}

.ProseMirror.ProseMirror-bd-editor {
    min-height: 300px;
}
svg.svelte-1cuiurk{display:inline-block;height:24px;width:24px}
.landing.svelte-24jakv{margin:0 0.5rem}.fullHeight.svelte-24jakv{height:100%;display:flex;flex-direction:column;box-sizing:border-box}.login.svelte-24jakv{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.loggedin.svelte-24jakv{height:100%;display:flex;flex-direction:column;text-align:center;justify-content:space-between;padding:3rem 15% 1rem 15%;box-sizing:border-box}.menu.svelte-24jakv{display:flex;flex-direction:column;gap:2rem}.logo.svelte-24jakv{display:flex;flex-direction:row;justify-content:center}h1.headline.svelte-24jakv{color:var(--mdc-theme-primary)}a.svelte-24jakv{display:inline-flex;flex-direction:row;justify-content:space-between;align-items:center;background:var(--bildoktoren-purple-trans);color:var(--mdc-theme-on-primary);text-decoration:none;border-radius:6px;padding:0.5rem 1rem}a.link.svelte-24jakv{padding:0 1rem}@media only screen and (max-width: 640px){.loggedin.svelte-24jakv{padding:1%}}
button.svelte-1cy6taz{color:black;outline:none;border-color:lightgrey;background:white;font-weight:bold;color:darkslategrey}button.svelte-1cy6taz:hover{color:var(--mdc-theme-on-primary);background:var(--hover-blue)}div.outer.svelte-1cy6taz{display:flex;flex-direction:row;justify-content:center;vertical-align:middle;text-align:center;font-family:Roboto}div.inner.svelte-1cy6taz{margin-left:0.5rem;display:flex;flex-direction:column;justify-content:center;font-size:1.1rem}svg.svelte-1cy6taz{width:30px;height:30px}
button.svelte-6ihc7l{color:black;outline:none;border-color:lightgrey;background:white;font-weight:bold;color:darkslategrey}button.svelte-6ihc7l:hover{color:var(--mdc-theme-on-primary);background:var(--hover-blue)}div.outer.svelte-6ihc7l{display:flex;flex-direction:row;justify-content:center;vertical-align:middle;text-align:center;font-family:Roboto}div.inner.svelte-6ihc7l{margin-left:0.5rem;display:flex;flex-direction:column;justify-content:center;font-size:1.1rem}svg.svelte-6ihc7l{width:30px;height:30px}.thef.svelte-6ihc7l{fill:white}
article.svelte-10bu2zg{display:flex;flex-direction:row;justify-content:center}div.svelte-10bu2zg{display:flex;flex-direction:column;justify-content:center;text-align:center}form.svelte-10bu2zg{display:flex;flex-direction:column;justify-content:space-between;text-align:center;align-items:center
    }input.svelte-10bu2zg{flex:1;width:299px;margin-bottom:0.4rem}
article.svelte-jubxwx{display:flex;flex-direction:row;justify-content:center}div.svelte-jubxwx{display:flex;flex-direction:column;justify-content:center;text-align:center}form.svelte-jubxwx{display:flex;flex-direction:column;justify-content:space-between;align-items:center}input.svelte-jubxwx{flex:1;width:299px;margin-bottom:0.4rem}button.svelte-jubxwx{width:299px}
a.svelte-1rip05q{text-decoration:none;white-space:nowrap;color:var(--mdc-theme-text-primary-on-background);margin:0 0.1rem;line-height:2rem}a.decor.svelte-1rip05q{text-decoration:underline}a.icon.svelte-1rip05q{font-size:1.4rem}a.svelte-1rip05q:hover{text-decoration:underline}a.light.svelte-1rip05q{color:var(--mdc-theme-text-primary-on-dark)}a.primary.svelte-1rip05q{color:var(--mdc-theme-primary)}a.backlight.svelte-1rip05q{padding:0.2rem;border-radius:0.2rem;background-color:var(--mdc-theme-text-primary-on-dark)}a.backdark.svelte-1rip05q{padding:0.2rem;border-radius:0.2rem;background-color:var(--mdc-theme-primary)}
nav.nested-nav.svelte-10omqfh{display:flex;justify-content:start;padding-bottom:0.5rem}.nested-nav-item.svelte-10omqfh{display:inline-flex;background:white;font-size:larger;padding-bottom:0.5rem;margin-right:0.5rem}.nested-nav-item.selected.svelte-10omqfh{border-bottom:var(--bildoktoren-blue) 2px solid}
.LoadingIndicator.svelte-1v61t33{display:flex;backdrop-filter:blur(3px);justify-content:center;align-items:center;text-align:center;position:absolute;top:0;bottom:0;right:0;left:0;z-index:10;font-size:60px}
fieldset.svelte-1ujax4z{border:none;margin:0;padding:0}input.svelte-1ujax4z{margin-bottom:0.3rem}
input.svelte-1fyxyhu{margin-bottom:0.5rem}span#idprovider.svelte-1fyxyhu{font-weight:bolder}span#email.svelte-1fyxyhu{font-weight:bold}.link-button.svelte-1fyxyhu{margin-top:2rem}
header.svelte-1q5qtxf{display:flex;flex-direction:column}.logout.svelte-1q5qtxf{display:inline-block;cursor:pointer;background:var(--mdc-theme-primary);color:var(--mdc-theme-on-primary);border-radius:6px;padding:0.5rem 1rem}
textarea.svelte-qqyhoa{width:99%;height:50rem}
.success.svelte-1gkrk6s{color:var(--success)}.error.svelte-1gkrk6s{color:var(--error)}#proceed-message.svelte-1gkrk6s{display:none}#proceed-message.done.svelte-1gkrk6s{display:block}#reset-password-link.svelte-1gkrk6s{display:none}#reset-password-link.svelte-1gkrk6s{display:none}form.svelte-1gkrk6s{display:none;flex-direction:column;justify-content:space-between;text-align:center;align-items:center
    }form.show.svelte-1gkrk6s{display:flex}
span.svelte-1ii77zv{color:var(--mdc-theme-text-primary-on-background)}
.list.svelte-glsedy{display:flex;flex-direction:row;gap:1rem;flex-wrap:wrap}.image-wrapper.svelte-glsedy{cursor:pointer}.attachments.svelte-glsedy{text-align:left;margin-bottom:1rem}
section.svelte-1a02nn8{text-align:left}h2.svelte-1a02nn8{text-align:center}
div.modal-dialog.svelte-woozd4{box-sizing:border-box;display:none;position:absolute;z-index:900;left:0;top:0;width:100vw;max-width:100vw;height:100vh;max-height:100vh;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)}div.modal-dialog.open.svelte-woozd4{display:block}.modal-content.svelte-woozd4{box-sizing:border-box;border-radius:6px;width:100vw;max-width:100vw;height:100vh;max-height:100vh}.close-btn.svelte-woozd4{--mdc-theme-secondary:var(--background-almost-transparent);position:fixed;top:0;right:0}
section.svelte-1ipnkac{display:flex;justify-content:center}
article.svelte-daf1ug.svelte-daf1ug{background:var(--mdc-theme-background);padding:2rem;border-radius:4px}article.svelte-daf1ug header.svelte-daf1ug{background:var(--mdc-theme-background);display:flex;padding:2rem;justify-content:center}article.svelte-daf1ug section.svelte-daf1ug{padding:1rem}@media only screen and (max-width: 640px){article.svelte-daf1ug.svelte-daf1ug{padding:1rem}article.svelte-daf1ug header.svelte-daf1ug{padding:1rem}}
.toast-container.svelte-eoom37{position:fixed;z-index:999}.top.svelte-eoom37{top:15px}.bottom.svelte-eoom37{bottom:15px}.left.svelte-eoom37{left:-500px;animation:svelte-eoom37-slide-left 0.5s forwards;animation-delay:0.5s}@keyframes svelte-eoom37-slide-left{100%{left:0}}.right.svelte-eoom37{right:-300px;animation:svelte-eoom37-slide-right 0.5s forwards;animation-delay:0s}@keyframes svelte-eoom37-slide-right{100%{right:0}}.center.svelte-eoom37{left:50%;transform:translateX(-50%)}.toast.svelte-eoom37{height:38px;line-height:38px;padding:0 20px;margin:0 15px;box-shadow:0 1px 3px rgba(255, 255, 255, 0.12), 0 2px 4px rgba(255, 255, 255, 0.98);color:#fff;max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;animation:svelte-eoom37-fadein 1s;border-radius:0.2rem;opacity:0.9;cursor:pointer}.big.svelte-eoom37{height:114px;max-width:500px;white-space:normal}.info.svelte-eoom37{font-weight:bold;background-color:var(--info)}.success.svelte-eoom37{background-color:var(--success)}.error.svelte-eoom37{background-color:var(--red-dark)}.default.svelte-eoom37{background-color:var(--mdc-theme-background)}@keyframes svelte-eoom37-pulse{0%{background-color:var(--mdc-theme-background)}100%{background-color:var(--red-dark)}}@keyframes svelte-eoom37-fadein{from{opacity:0}to{opacity:0.8}}
.main-container.svelte-15mhkcf{background:var(--bd-background-primary);overflow-y:auto;display:flex;justify-content:center;min-height:100%}.center-container.svelte-15mhkcf{width:100%;min-height:100%}
.svelte-3cdosk{box-sizing:border-box;color:#fff}div.wrapper.svelte-3cdosk{position:fixed;z-index:-100;right:-100vw;top:0;width:100vw;max-width:100vw;height:100vh;overflow:auto;background-color:transparent;transition:background-color .2s linear}div.wrapper.open.svelte-3cdosk{left:0;z-index:1100}div.wrapper.modal.svelte-3cdosk{background-color:rgba(0,0,0,0.4)}div.menu.svelte-3cdosk{opacity:0;transition:opacity .1s linear;background:var(--mdc-theme-background);max-width:100vw;height:100vh;position:fixed;top:0;padding:0;z-index:1}div.menu.svelte-3cdosk{display:flex;flex-direction:column}div.menu.open.svelte-3cdosk{opacity:1}#menu-upper.svelte-3cdosk{color:var(--mdc-theme-text-primary-on-dark);display:flex;flex-direction:row-reverse;padding:0.5rem;box-sizing:border-box}.material-icons.menu.svelte-3cdosk{font-size:3rem;color:var(--mdc-theme-primary);cursor:pointer}
nav.svelte-rf8ei3.svelte-rf8ei3{color:var(--mdc-theme-primary);display:flex;flex:1;flex-direction:column;justify-content:space-between;height:auto}.centre.svelte-rf8ei3.svelte-rf8ei3{text-align:center}.material-icons.login.svelte-rf8ei3.svelte-rf8ei3{font-size:3rem}.material-icons.logout.svelte-rf8ei3.svelte-rf8ei3{font-size:2rem;cursor:pointer}.main-menu-items.svelte-rf8ei3.svelte-rf8ei3{flex:1;display:flex;flex-direction:column;padding:0.5rem;text-align:center}.main-menu-items.svelte-rf8ei3 a.svelte-rf8ei3{font-size:large}.bottom.svelte-rf8ei3.svelte-rf8ei3{margin-bottom:2rem}a.svelte-rf8ei3.svelte-rf8ei3{background:var(--mdc-theme-primary);color:var(--mdc-theme-on-primary);text-decoration:none;border-radius:6px;padding:0.5rem 1rem}
main.svelte-1etphpu.svelte-1etphpu{padding:0;margin:0 auto;display:grid;grid-template-rows:auto 1fr auto;box-sizing:border-box;min-height:100%;width:1600px;overflow-y:auto;overflow-x:hidden}main.svelte-1etphpu header.svelte-1etphpu{background:var(--bd-background-primary);display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:100%}main.svelte-1etphpu footer.svelte-1etphpu{display:flex;flex-direction:column;justify-content:center;z-index:500}.info-line.svelte-1etphpu.svelte-1etphpu{background:var(--mdc-theme-primary);color:white;width:1600px;padding:0.3rem 0.6rem;font-size:0.9rem;text-align:center;white-space:nowrap;overflow:hidden}.info-line.top.svelte-1etphpu.svelte-1etphpu{display:flex;flex-direction:row;justify-content:space-between;padding:0 0.6rem;line-height:1.5rem}.material-icons.menu.svelte-1etphpu.svelte-1etphpu{font-size:3rem;cursor:pointer}.right.svelte-1etphpu.svelte-1etphpu{display:inline-flex;flex-direction:row;justify-content:center;align-items:center;gap:2rem}.right.svelte-1etphpu a.svelte-1etphpu{color:var(--mdc-theme-on-primary);text-decoration:none}@media only screen and (max-width: 1600px){main.svelte-1etphpu.svelte-1etphpu,header.svelte-1etphpu.svelte-1etphpu{width:100vw}.info-line.svelte-1etphpu.svelte-1etphpu{width:100vw}}