/* fauna-one-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Fauna One';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/fauna-one-v13-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/fauna-one-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/fauna-one-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/fauna-one-v13-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/fauna-one-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/fauna-one-v13-latin-regular.svg#FaunaOne') format('svg'); /* Legacy iOS */
}
/* dosis-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Dosis';
  font-style: normal italic;
  font-weight: 400;
  src: url('../fonts/dosis-v27-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Dosis Light'), local('Dosis-Light'),
       url('../fonts/dosis-v27-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/dosis-v27-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/dosis-v27-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/dosis-v27-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/dosis-v27-latin-300.svg#Dosis') format('svg'); /* Legacy iOS */
}
/* dosis-regular - latin */
@font-face {
  font-display: swap; 
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/dosis-v27-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Dosis Regular'), local('Dosis-Regular'),
       url('../fonts/dosis-v27-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/dosis-v27-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/dosis-v27-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/dosis-v27-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/dosis-v27-latin-regular.svg#Dosis') format('svg'); /* Legacy iOS */
}
/* dosis-600 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/dosis-v27-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Dosis Bold'), local('Dosis-Bold'),
       url('../fonts/dosis-v27-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/dosis-v27-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/dosis-v27-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/dosis-v27-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/dosis-v27-latin-700.svg#Dosis') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family: 'Source Sans Pro';
    src: url('../fonts/SourceSansPro-Black.eot');
    src: local('Source Sans Pro Black'), local('SourceSansPro-Black'),
        url('../fonts/SourceSansPro-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SourceSansPro-Black.woff2') format('woff2'),
        url('../fonts/SourceSansPro-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('../fonts/SourceSansPro-BlackItalic.eot');
    src: local('Source Sans Pro Black Italic'), local('SourceSansPro-BlackItalic'),
        url('../fonts/SourceSansPro-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SourceSansPro-BlackItalic.woff2') format('woff2'),
        url('../fonts/SourceSansPro-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('../fonts/SourceSansPro-ExtraLightItalic.eot');
    src: local('Source Sans Pro ExtraLight Italic'), local('SourceSansPro-ExtraLightItalic'),
        url('../fonts/SourceSansPro-ExtraLightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SourceSansPro-ExtraLightItalic.woff2') format('woff2'),
        url('../fonts/SourceSansPro-ExtraLightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('../fonts/SourceSansPro-Bold.eot');
    src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'),
        url('../fonts/SourceSansPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SourceSansPro-Bold.woff2') format('woff2'),
        url('../fonts/SourceSansPro-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('../fonts/SourceSansPro-Light.eot');
    src: local('Source Sans Pro Light'), local('SourceSansPro-Light'),
        url('../fonts/SourceSansPro-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SourceSansPro-Light.woff2') format('woff2'),
        url('../fonts/SourceSansPro-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('../fonts/SourceSansPro-SemiBold.eot');
    src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'),
        url('../fonts/SourceSansPro-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SourceSansPro-SemiBold.woff2') format('woff2'),
        url('../fonts/SourceSansPro-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('../fonts/SourceSansPro-Regular.eot');
    src: local('Source Sans Pro'), local('SourceSansPro-Regular'),
        url('../fonts/SourceSansPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SourceSansPro-Regular.woff2') format('woff2'),
        url('../fonts/SourceSansPro-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('../fonts/SourceSansPro-Italic.eot');
    src: local('Source Sans Pro Italic'), local('SourceSansPro-Italic'),
        url('../fonts/SourceSansPro-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SourceSansPro-Italic.woff2') format('woff2'),
        url('../fonts/SourceSansPro-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('../fonts/SourceSansPro-ExtraLight.eot');
    src: local('Source Sans Pro ExtraLight'), local('SourceSansPro-ExtraLight'),
        url('../fonts/SourceSansPro-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SourceSansPro-ExtraLight.woff2') format('woff2'),
        url('../fonts/SourceSansPro-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('../fonts/SourceSansPro-BoldItalic.eot');
    src: local('Source Sans Pro Bold Italic'), local('SourceSansPro-BoldItalic'),
        url('../fonts/SourceSansPro-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SourceSansPro-BoldItalic.woff2') format('woff2'),
        url('../fonts/SourceSansPro-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('../fonts/SourceSansPro-LightItalic.eot');
    src: local('Source Sans Pro Light Italic'), local('SourceSansPro-LightItalic'),
        url('../fonts/SourceSansPro-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SourceSansPro-LightItalic.woff2') format('woff2'),
        url('../fonts/SourceSansPro-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('../fonts/SourceSansPro-SemiBoldItalic.eot');
    src: local('Source Sans Pro SemiBold Italic'), local('SourceSansPro-SemiBoldItalic'),
        url('../fonts/SourceSansPro-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SourceSansPro-SemiBoldItalic.woff2') format('woff2'),
        url('../fonts/SourceSansPro-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}
html, body, #page-wrapper {
    font-family: "Source Sans Pro", -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;
    font-weight: normal;
    font-style: normal;
    
}
body {
    font-size: 1.1rem !important;
}
#page-wrapper em {
  font-family: "Source Sans Pro", Arial, sans-serif;
  font-weight: 400;
  font-style: italic;
}
#page-wrapper  ul {
  font-size: 111%;
  line-height: 1.2;
  font-family: "Dosis", sans-serif;
  font-weight: 500;
}

#toptitle {
    font-family: "Source Sans Pro", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
    font-size: 2.3rem;
    font-weight: 400;
    padding-left: 0.8rem;
}
.toptitle {
    font-family: Dosis, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
    font-size: 1.8rem;
    font-weight: 500;
    padding-left: 0.8rem;
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Fauna One', sans-serif;
}
address {
  font-family: 'Fauna One', sans-serif;
}
abbr {
  font-style: italic;
  border-bottom: tomato 1px dotted;
}
mark .mark-class-blue, .blue { background: #1e4a9a !important; }

.float-right {
  margin-left: 3ex !important;
}
.float-left {
  margin-right: 3ex !important;
}
div.gross p, #page-wrapper > ul {
  font-size: 130% !important;
}

.hero.text-dark h1 {
    color: #292840;
    text-decoration: underline;
}

/* Markdown Notices */
.notices.yellow {
    border-left: 10px solid #935b0c;
    background: #31220b;
    color: #eea034;
}

.notices.red {
    border-left: 10px solid #89211e;
    background: #2e0b0b;
    color: snow;
}

.notices.blue {
    border-left: 10px solid #1b6e86;
    background: #13222a;
    color: paleturquoise;
}

.notices.green {
    border-left: 10px solid #38b366;
    background: #192c13;
    color: #7ac57a;
}
.notices.green a {
    color: #99c1f1;
    text-decoration: underline;
}
/* --- */

/* Shortcode UI */

.accordion-wrapper {
    margin: 30px 0;
    text-align: left; }
.accordion-wrapper label {
      color: #ccc;
      background: #272727!important;
      border: 1px solid #000!important; 
      border-bottom: 1px solid transparent; }
 .accordion-wrapper label:hover {
        background: #2d2d2d!important;
        color: #fff!important; }
 .accordion-wrapper article {
      background: rgba(39, 39, 39, 0.5)!important;
      border: 1px solid #000!important;
      font-size: 1.4rem }
 .accordion-wrapper input:checked + label {
    border-bottom: 1px solid #000!important; }
 .accordion-wrapper > div:last-child label, .accordion-wrapper > div:last-child input:checked ~ article {
    border-bottom: 1px solid #000!important; }

.tab {
    border-bottom: .05rem solid rgba(39, 39, 39, 0.5); }

.tabs-wrapper {
    display: block; }
    .tabs-wrapper.ui-theme-lite .tabs-nav li.current a {
        border-bottom: 1px solid #3085ee; }
    .tabs-wrapper.ui-theme-lite .tabs-nav li:hover {
        background: rgba(39, 39, 39, 0.5); }
    .tabs-wrapper.ui-theme-lite.bottom-right .tabs-nav li.current a, .tabs-wrapper.ui-theme-lite.bottom-left .tabs-nav li.current a {
        border-top: 1px solid #909090; }
    .tabs-wrapper.ui-theme-lite.bottom-right .tab, .tabs-wrapper.ui-theme-lite.bottom-left .tab {
        border-bottom: 1px solid #e9e9e9; }
    .tabs-wrapper.ui-theme-lite .tab {
        border-top: 1px solid #000;
        background-color: rgba(39, 39, 39, 0.5); 
        padding: 0.4rem; }


.browser-frame {
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
  border: 1px solid #272727; }
  .browser-frame .btoolbar {
    height: 40px;
    background: #272727;
    color: #bbb;
    border-bottom: 1px solid #272727; }
  .browser-frame .btoolbar-button {
    background: #bbb; }
  .browser-frame .btoolbar-address {
    background: rgba(39, 39, 39, 0.5);
    border: 1px solid #bbb; }

.cd-image-container {
    position: relative; }
    .cd-image-label {
    color: #ccc; }
    .cd-handle {
    color: #ccc;
    background: #3085ee; }
    .cd-handle.draggable {
    background-color: #1e6bc9; }

.polaroid-wrapper .polaroid {
  background: #272727;
  border: 1px solid #272727; }

.polaroid-wrapper .polaroid-img {
  background: #272727; }

/* Buttons */
.btn,
.button {
  background: #5e5c64;
  color: #f6f5f4;
}

.btn:focus,
.btn:hover,
.button:focus,
.button:hover { 
  color: darkorange;
  font-weight: 600;
}

.btn-error.button,
.btn.btn-error {
    background: #a51d2d;
    border-color: #d95000;
    color: #fff;
}    

/* Form */

.form-input, .form-select, ::placeholder  {
  color: #fff !important;
  background: #000 !important;
  opacity: 1;
}

input, select, textarea {
     font-family: "Source Sans Pro", Arial, sans-serif;
     font-size: 16pt;
     font-weight: 100;
     line-height: 1.75em;
}

label {
     color: #ffffff;
     display: block;
     font-size: 0.9em;
     font-weight: 300;
     margin: 0 0 1em 0;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="url"],
select,
textarea {
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    -moz-transition: border-color 0.2s ease-in-out;
    -webkit-transition: border-color 0.2s ease-in-out;
    -ms-transition: border-color 0.2s ease-in-out;
    transition: border-color 0.2s ease-in-out;
    background: transparent;
    border-radius: 4px;
    border: solid 1px rgba(255, 255, 255, 0.3);
    color: inherit;
    display: inline-flex;
    outline: 0;
    padding: 0 1em;
    text-decoration: none;
    width: 75&;
}

input[type="text"]:invalid,
input[type="password"]:invalid,
input[type="email"]:invalid,
input[type="tel"]:invalid,
select:invalid,
textarea:invalid {
    box-shadow: none;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
select:focus,
textarea:focus {
    border-color: #e44c65;
}

select {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'%3E%3Cpath d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='rgba(255, 255, 255, 0.3)' /%3E%3C/svg%3E");
    background-size: 1.25rem;
    background-repeat: no-repeat;
    background-position: calc(100% - 1rem) center;
    height: 3em;
    padding-right: 3em;
    text-overflow: ellipsis;
}

select option {
    color: #ffffff;
    background: #1c1d26;
}

select:focus::-ms-value {
    background-color: transparent;
}

select::-ms-expand {
    display: none;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
select {
    height: 3em;
}

input[type="number"] {
    max-width: 3.8em;
    display: inline;
}

textarea {
    padding: 0.75em 1em;
    min-height: 9em;
}

::-webkit-input-placeholder {color: rgba(255, 255, 255, 1) !important;opacity: 1.0;}
:-moz-placeholder {color: rgba(255, 255, 255, 0.8) !important;opacity: 1.0;}
::-moz-placeholder {color: rgba(255, 255, 255, 0.8) !important;opacity: 1.0;}
:-ms-input-placeholder {color: rgba(255, 255, 255, 0.8) !important;opacity: 1.0;}

form.gross * {
     display: inline-flex;
     flex-wrap: wrap;
}

form.gross input[type="text"],
form.gross input[type="password"],
form.gross input[type="email"],
form.gross input[type="tel"],
form.gross input[type="url"],
form.gross select,
form.gross textarea,
form.gross > .form-label,
form.gross. > .form-field, .form-group,
form.gross > .form-label-wrapper {
    display: inline !important;
    /*width: 35%;*/
    margin-bottom: 2ex;
    margin-right: 2px;
    padding-left: 2px;
    min-width: 18em;
}
form.gross textarea {
    width: 20em;
    margin-left: 4ex;
}

form.gross input[type="text"],
form.gross input[type="password"],
form.gross input[type="email"],
form.gross input[type="tel"],
form.gross input[type="url"] {
   height: 9em;
}

form.gross.form-input, form.gross.form-select, form.gross ::placeholder {
    font-size: 125%;
}
form.gross.button, fom.gross.btn {}
form.gross label.form-label {display: none !important;}

/* Links */
#body-wrapper a {
    color: #57a8e7;
    font-size: 104%;
}
a[href^="mailto:"], a[href^="+tel:"] {
    color: powderblue !important;
    font-size: 105%!important;
}
.notices.blue  a[href^="mailto:"] {
    color: lightskyblue !important;
    font-size: 105%!important;
}
/* Tag Style */
.label.label-secondary {
    background: cadetblue;
    color: black !important;
}
.hero.text-light h1 {
    color: ghostwhite;
}
/* „Toast“ Blöcke */
.toast { 
    background: rgba(69, 77, 93, 0.8)!important;
    border-color: #717275!important;
    border: 0.05rem solid #717275;
    border-radius: 0.2rem;
    color: #fff;
    display: block;
    padding: 0.6rem;
    margin-left: 3.5em;
    width: 70%;
}
@media (max-width: 840px) {
.toast {
    width: 100%;
    margin:0;
}}

@media (max-width: 600px) { 
.toast {
    width: 100%;
    margin:0;
}}

.toast.toast-primary { 
    background: rgba(48, 133, 238, 0.8)!important;
    border-color: #3085ee !important;
}
.toast.toast-success { 
    background: rgba(0, 102, 11, 0.7)!important;
    border-color: #32b643 !important;
}
.toast.toast-warning { 
    background: rgba(158, 74, 7, 0.8)!important; 
    border-color: #ffb700 !important;
}

.toast.toast-error { 
    background: rgba(101, 0, 6, 0.8) !important;
    border-color: #e85600 !important;
}

.toast.toast-info { 
    background: rgba(175,238,238, 0.95)!important;
    border-color: #6caeff;
    color: #2e3637 !important;
}
.toast.toast-info h3 {
    color: slategray; !important;
}
.toast a { 
    color: khaki !important;
    text-decoration: none!important;
}
.toast a:hover,a:active {
    text-decoration: underline!important; 
}
.toast.toast-info a {
    color: olivedrab!important;
    text-shadow: 1px 0px black ;
}
.tooltip {
    border-bottom: 1px dotted darkorange;
}
 
/* --- */