html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0px;
    padding: 0px;
    background-color:#efefef;/* #efefef */
    color:rgb(28, 29, 47);
    font-family: "Atkinson Hyperlegible", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-display:swap;
    font-size:16px;
    -moz-user-select:none;
    -webkit-user-select:none;
    user-select:none;
}

#minitopbar {
  background-color:#ffffff;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top:18px;
  padding-bottom:15px;
  
}

#brandlink {
  display:inline-block;
  height:32px;
  text-decoration:none;
}
#brandname {
  color:rgb(81, 113, 153);
  display:inline-block;
  vertical-align:top;
  margin-left:5px;
  font-size:21px;
  line-height:32px;
}

.starter {
  vertical-align:top;
  text-align:center;
  width:142px;
  height:126px;
  display:inline-block;
  margin-right:10px;
  margin-bottom:10px;
}

a {
  color:#264D7F;
  text-decoration:none;
}

a:hover {
  text-decoration:underline;
}

a.startlink {
  text-decoration:none;
  color:#111111;
}

a.startlink:hover {
  text-decoration:none;
  color:#111111;
}

.starter_button {
  text-decoration:none;
  color:#ffffff;
  text-align:center;
  border-radius:1.2rem;
  font-size:48px;
  height:84px;
  width:84px;
  margin-bottom:6px;
  margin-left:29px;
}

.starter_button i {
  background-color:transparent;
  display:inline-block;
  margin-top:18px;
}



.dark {
    background-color: #00091E;
    color: white;
}

.dark a {
    color: white;
}

#inner_container {
    background-color:#efefef;
    margin-left:0px;
    margin-top:0px;
    padding:20px;
}

.inner {
    margin: 0 auto;
    max-width: 600px; 
    padding: 10px;
}

.hyphens {
  hyphens:auto;
  word-wrap: break-word;
  white-space:normal;
}

/* lexend-regular - latin */
@font-face {
    font-family: 'Lexend';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('./fonts/lexend-v7-latin/lexend-v7-latin-regular.eot');
    /* IE9 Compat Modes */
    src: local(''),
        url('./fonts/lexend-v7-latin/lexend-v7-latin-regular.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('./fonts/lexend-v7-latin/lexend-v7-latin-regular.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('./fonts/lexend-v7-latin/lexend-v7-latin-regular.woff') format('woff'),
        /* Modern Browsers */
        url('./fonts/lexend-v7-latin/lexend-v7-latin-regular.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('./fonts/lexend-v7-latin/lexend-v7-latin-regular.svg#Lexend') format('svg');
    /* Legacy iOS */
}

/* lexend-500 - latin */
@font-face {
    font-family: 'Lexend';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('./fonts/lexend-v7-latin/lexend-v7-latin-500.eot');
    /* IE9 Compat Modes */
    src: local(''),
        url('./fonts/lexend-v7-latin/lexend-v7-latin-500.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('./fonts/lexend-v7-latin/lexend-v7-latin-500.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('./fonts/lexend-v7-latin/lexend-v7-latin-500.woff') format('woff'),
        /* Modern Browsers */
        url('./fonts/lexend-v7-latin/lexend-v7-latin-500.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('./fonts/lexend-v7-latin/lexend-v7-latin-500.svg#Lexend') format('svg');
    /* Legacy iOS */
}

/* atkinson-hyperlegible-regular - latin */
@font-face {
    font-family: 'Atkinson Hyperlegible';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('./fonts/atkinson-hyperlegible-v1-latin/atkinson-hyperlegible-v1-latin-regular.eot');
    /* IE9 Compat Modes */
    src: local(''),
        url('./fonts/atkinson-hyperlegible-v1-latin/atkinson-hyperlegible-v1-latin-regular.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('./fonts/atkinson-hyperlegible-v1-latin/atkinson-hyperlegible-v1-latin-regular.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('./fonts/atkinson-hyperlegible-v1-latin/atkinson-hyperlegible-v1-latin-regular.woff') format('woff'),
        /* Modern Browsers */
        url('./fonts/atkinson-hyperlegible-v1-latin/atkinson-hyperlegible-v1-latin-regular.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('./fonts/atkinson-hyperlegible-v1-latin/atkinson-hyperlegible-v1-latin-regular.svg#AtkinsonHyperlegible') format('svg');
    /* Legacy iOS */
}

/* atkinson-hyperlegible-700 - latin */
@font-face {
    font-family: 'Atkinson Hyperlegible';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('./fonts/atkinson-hyperlegible-v1-latin/atkinson-hyperlegible-v1-latin-700.eot');
    /* IE9 Compat Modes */
    src: local(''),
        url('./fonts/atkinson-hyperlegible-v1-latin/atkinson-hyperlegible-v1-latin-700.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('./fonts/atkinson-hyperlegible-v1-latin/atkinson-hyperlegible-v1-latin-700.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('./fonts/atkinson-hyperlegible-v1-latin/atkinson-hyperlegible-v1-latin-700.woff') format('woff'),
        /* Modern Browsers */
        url('./fonts/atkinson-hyperlegible-v1-latin/atkinson-hyperlegible-v1-latin-700.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('./fonts/atkinson-hyperlegible-v1-latin/atkinson-hyperlegible-v1-latin-700.svg#AtkinsonHyperlegible') format('svg');
    /* Legacy iOS */
}


/* Colors */
.bg-starter-BAVARIAN-BLUE {
  --tw-bg-opacity: 1;
  background-color: rgb(38 77 127/var(--tw-bg-opacity));
}
.bg-starter-BLUE_1 {
    --tw-bg-opacity: 1;
    background-color: rgb(19 114 220 / var(--tw-bg-opacity))
}
.bg-starter-BLUE_2 {
    --tw-bg-opacity: 1;
    background-color: rgb(79 110 193 / var(--tw-bg-opacity))
}
.bg-starter-BLUE_3 {
    --tw-bg-opacity: 1;
    background-color: rgb(73 120 164 / var(--tw-bg-opacity))
}
.bg-starter-TURQUOISE_1 {
    --tw-bg-opacity: 1;
    background-color: rgb(91 122 124 / var(--tw-bg-opacity))
}
.bg-starter-TURQUOISE_2 {
    --tw-bg-opacity: 1;
    background-color: rgb(40 128 138 / var(--tw-bg-opacity))
}
.bg-starter-GREEN_1 {
    --tw-bg-opacity: 1;
    background-color: rgb(55 128 108 / var(--tw-bg-opacity))
}
.bg-starter-GREEN_2 {
    --tw-bg-opacity: 1;
    background-color: rgb(0 130 4 / var(--tw-bg-opacity))
}
.bg-starter-GREEN_3 {
    --tw-bg-opacity: 1;
    background-color: rgb(90 127 49 / var(--tw-bg-opacity))
}
.bg-starter-GREEN_4 {
    --tw-bg-opacity: 1;
    background-color: rgb(22 129 86 / var(--tw-bg-opacity))
}
.bg-starter-BROWN_1 {
    --tw-bg-opacity: 1;
    background-color: rgb(116 115 85 / var(--tw-bg-opacity))
}
.bg-starter-BROWN_2 {
    --tw-bg-opacity: 1;
    background-color: rgb(151 108 53 / var(--tw-bg-opacity))
}
.bg-starter-GOLD {
    --tw-bg-opacity: 1;
    background-color: rgb(145 112 0 / var(--tw-bg-opacity))
}
.bg-starter-ROST {
    --tw-bg-opacity: 1;
    background-color: rgb(181 94 0 / var(--tw-bg-opacity))
}
.bg-starter-ORANGE {
    --tw-bg-opacity: 1;
    background-color: rgb(211 63 1 / var(--tw-bg-opacity))
}
.bg-starter-RED_1 {
    --tw-bg-opacity: 1;
    background-color: rgb(220 38 0 / var(--tw-bg-opacity))
}
.bg-starter-RED_2 {
    --tw-bg-opacity: 1;
    background-color: rgb(210 56 56 / var(--tw-bg-opacity))
}
.bg-starter-ROSY {
    --tw-bg-opacity: 1;
    background-color: rgb(176 92 92 / var(--tw-bg-opacity))
}
.bg-starter-ROSE {
    --tw-bg-opacity: 1;
    background-color: rgb(208 56 129 / var(--tw-bg-opacity))
}
.bg-starter-PINK {
    --tw-bg-opacity: 1;
    background-color: rgb(212 44 103 / var(--tw-bg-opacity))
}
.bg-starter-PURPLE_1 {
    --tw-bg-opacity: 1;
    background-color: rgb(151 95 168 / var(--tw-bg-opacity))
}
.bg-starter-PURPLE_2 {
    --tw-bg-opacity: 1;
    background-color: rgb(113 109 144 / var(--tw-bg-opacity))
}
.bg-starter-MEBIS_BLUE {
    --tw-bg-opacity: 1;
    background-color: rgb(0 168 213 / var(--tw-bg-opacity))
}
.bg-starter-GRAY {
    --tw-bg-opacity: 1;
    background-color: rgb(117 117 117 / var(--tw-bg-opacity))
}
.bg-starter-WHITE {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}
.bg-starter-NONE {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}
.bg-starter-MEBIS-MAGAZIN {
    --tw-bg-opacity: 1;
    background-color: rgb(0 170 218 / var(--tw-bg-opacity))
}


.cb_zeile {
  line-height:1.6em;
}

input[type=button], button {
  border-radius:8px;
  padding:10px;
  margin:10px;
  border-style:solid;
  border-color:#111111;
  border-width:1px;
  color:#111111;
  background-color:#ffffff;
}

input[type=button]:hover, button:hover {
  background-color:#264D7F;
  color:#ffffff;
  border-color:#264D7F;
  cursor:pointer;
}

button.btn-danger {
  color:#8B0000;
  background-color:#ffffff;
  border-color:#8B0000;
}

button.btn-danger:hover {
  color:#ffffff;
  background-color:#8B0000;
  border-color:#8B0000;
  cursor:pointer;
}

button.btn-primary {
  color:#ffffff;
  background-color:#D96320;
  border-color:#D96320;
}

button.btn-primary:hover {
  color:#ffffff;
  background-color:rgb(211, 63, 1);
  border-color:rgb(211, 63, 1);
  cursor:pointer;
}


summary span {
  display:inline-block;
  padding:10px;
  border-radius:8px;
}

details[open] summary span {
  cursor:pointer;
  background-color:#264D7F;
  color:#ffffff;
}

summary span:hover {
  cursor:pointer;
  background-color:#264D7F;
  color:#ffffff;
  cursor:pointer;
}

details summary::-webkit-details-marker {
  display:none;
}
::marker{ 
  display:none;
} 
summary { 
  list-style: none;
  padding:6px;
}

details.details_info,
details.details_info summary,
details.details_info div
 {
  display:inline-block;
}

i.i_info {
  background-color:#efefef;
  color:#264D7F;
  border-style:solid;
  border-color:#264D7F;
  border-width:1px;
  border-radius:20px;
  /*padding:5px;*/
  width:24px;
  height:20px;
  text-align:center;
  padding-top:4px;
}