@charset "utf-8";



:root {
--color-secondary: #FF7117;
--color-yellow: #FFD81C; 
--color-yellow2: #FAF0CE;
--color-gray: #E2E3EC;
--color-red: #DF1515;
}

html {
    color: #333 !important;
}


.uk-button-secondary { background: var(--color-secondary);}
.uk-text-primary { color:var(--color-secondary) !important; }
.uk-text-yellow2 { color:var(--color-yellow2) !important; }
.uk-background-primary { background: var(--color-secondary); color:#fff !important; }
.uk-offcanvas-bar {  background: var(--color-secondary);}

.uk-offcanvas-bar .uk-nav-default>li>a {
    color: rgba(255,255,255,.9);
}
.uk-background-red { background: var(--color-red); }
.uk-background-yellow2 { background: var(--color-yellow2); }
.uk-navbar-nav>li>a { margin:0px; }
.uk-text-danger { color:var(--color-red) !important; }
.lang {display: block; width: 25px; height: 25px; background: #efefef; color: #999; border-radius: 100px; padding: 5px; font-size: 15px; text-align: center; } 
.bgkolizei {background-image: url(/img/kolizei.jpg);    background-repeat: no-repeat;    background-position: bottom left;}

.uk-background-muted {
    background: var(--color-gray);
}

.uk-background-red a { color:#fff !important; }
.lang { cursor:pointer; }
.uk-button-primary { background-color:var(--color-secondary); }
.uk-button-primary:hover { background-color:var(--color-red); }

.uk-button-secondary:hover { background-color:var(--color-red); }
.uk-button-danger {background-color:var(--color-yellow);}
.uk-button-danger:hover {background-color:var(--color-secondary);}

.uk-button { border-radius:8px; border:2px solid #fff; }
legend {    font-size: 20px;
    margin-left: 10px;
    padding: 4px 16px;
   
    color: #fff;
    padding-left: 35px;
    position: relative;
    background: var(--color-secondary);
    border-radius: 10px;} 

fieldset {
        border: 3px solid var(--color-secondary);
    border-radius: 10px;   
}
legend:before {     content: ' ';
    background-image: url(/img/pencil.svg);
    width: 25px;
    height: 25px;
    display: block;
    position: absolute;
    left: 7px;
    background-size: cover; }

    .uk-notification-message-danger { color:#fff; background:var(--color-red); }
    .uk-notification-message-success { color:#fff; background:#32d296; }

div.uk-h2 {     background: var(--color-secondary);
    color: #fff;
    padding: 15px;
    width: fit-content;
    border-radius: 15px;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 85px;
    border: 6px solid var(--color-red);     margin-top: 10px;}

.uk-button-default {background-color: #1e87f0 !important; color: #fff;}
.uk-button-default:hover {background-color: #006ddb !important; color: #fff;}

.answer_yes {    background: rgba(50, 210, 150,0.7);
   
    padding: 3px 7px;
    border-radius: 5px;
    margin-left: -7px;}

.answer_yes .uk-radio {background-color:#fff; }
.speech-bubble0, .speech-bubble-1 {
  position: relative;
  background: #4dcbb2;
  border-radius: .4em;
      padding: 10px;
    width: fit-content;
    color: #fff;
        margin-top: 5px;
}

.speech-bubble0:after, .speech-bubble-1:after  {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  width: 0;
  height: 0;
  border: 20px solid transparent;
  border-right-color: #4dcbb2;
  border-left: 0;
  border-top: 0;
  margin-top: -10px;
  margin-left: -20px;
}

.speech-bubble1 {
  position: relative;
  background: #b0cb4d;
  border-radius: .4em;
      padding: 10px;
    width: fit-content;
    color: #fff;
        margin-left: auto;
            margin-top: 5px;
}

.speech-bubble1:after {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  width: 0;
  height: 0;
  border: 20px solid transparent;
  border-left-color: #b0cb4d;
  border-right: 0;
  border-top: 0;
  margin-top: -10px;
  margin-right: -20px;
}

.divborder {
    background: var(--color-yellow2);
    color: #000;
    padding: 15px;
    width: fit-content;
    border-radius: 15px;
    padding: 10px 85px;
    border: 3px solid var(--color-red);
}

.divborderred {
    background: var(--color-red);
    color: #fff;
    padding: 15px;
    width: fit-content;
    border-radius: 15px;
    padding: 10px 85px;
  
}

em {
    color: #333 !important;
}


@media (max-width: 959px) {
.bgkolizei  {
    background-image: url();
}
.divborder, div.uk-h2 {padding: 10px;}
}