@charset "UTF-8";
/*
*  Color Stylesheet
*  Author: Ann-Katrin Weigl - Former03
*  Date: 2017-07-27
 */
@font-face {
  font-family: "GothamNarrow-Medium";
  src: url("../fonts/GothamNarrow-Medium.eot");
  src: url("../fonts/GothamNarrow-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/GothamNarrow-Medium.woff") format("woff"), url("../fonts/GothamNarrow-Medium.ttf") format("truetype"), url("../fonts/GothamNarrow-Medium.svg#GothamNarrow-Medium") format("svg");
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: "Handelson";
  src: url("../fonts/34273B_0_0.eot");
  src: url("../fonts/34273B_0_0.eot?#iefix") format("embedded-opentype"), url("../fonts/34273B_0_0.woff") format("woff"), url("../fonts/34273B_0_0.ttf") format("truetype"), url("../fonts/34273B_0_0.svg#Handelson") format("svg");
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: "Noto Sans";
  src: url("/owb/fonts/NotoSans-Regular.eot");
  src: url("/owb/fonts/NotoSans-Regular.eot?#iefix") format("embedded-opentype"), url("/owb/fonts/NotoSans-Regular.woff") format("woff"), url("/owb/fonts/NotoSans-Regular.ttf") format("truetype"), url("/owb/fonts/NotoSans-Regular.svg#Noto Sans") format("svg");
  font-style: normal;
  font-weight: normal;
}

#main-grid {
  margin-right: 0;
}

html {
  height: 100%;
}

body {
  font-family: "Noto Sans", sans-serif;
  position: relative;
  margin: 0;
  padding-bottom: 0;
  min-height: 100%;
}

/*
*  Color Stylesheet
*  Author: Ann-Katrin Weigl - Former03
*  Date: 2017-07-27
 */
/*
*  Mixin Stylesheet
*  Author: Ann-Katrin Weigl - Former03
*  Date: 2017-07-27
 */
/*
*  Tab Stylesheet
*  Author: Raúl Barrera - edit Ann-Katrin Weigl Former03
*  Date: 2017-08-18
*  URL: https://codepen.io/raubaca/pen/PZzpVe
 */
.tab {
  position: relative;
  margin-bottom: 1px;
  margin-top: -1px;
  width: 100%;
  /* :checked */
  /* Icon */
}

.tab input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}

.tab label {
  position: relative;
  display: block;
  padding: 0 0 0 2.3em;
  margin-bottom: 2px;
  background: #FFFFFF;
  line-height: 3;
  cursor: pointer;
  min-height: 54px;
}

.tab label h2 {
  display: inline;
}

.tab .tab-content {
  max-height: 0;
  overflow: hidden;
  position: relative;
  background: #FFFFFF;
  -webkit-transition: max-height .35s;
  -o-transition: max-height .35s;
  transition: max-height .35s;
}

.tab .tab-content .tab-inner-content {
  background: #ebf6fd;
  margin: 2px;
  padding: 16px 43px;
}

.tab .tab-content .synonym-entry {
  margin-bottom: 10px;
}

.tab .tab-content a.reference {
  font-size: 14px;
}

.tab input:checked ~ .tab-content {
  max-height: none;
  margin-top: -2px;
  overflow: visible;
  border-bottom: 1px solid #FFF;
}

.tab label::after {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 2em;
  height: 3em;
  line-height: 3;
  text-align: center;
  -webkit-transition: all .35s;
  -o-transition: all .35s;
  transition: all .35s;
}

.tab input[type=checkbox] + label::after {
  content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48IS0tIEZvbnQgQXdlc29tZSBQcm8gNS4xNS40IGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIC0tPjxwYXRoIGQ9Ik0yMDcuMDI5IDM4MS40NzZMMTIuNjg2IDE4Ny4xMzJjLTkuMzczLTkuMzczLTkuMzczLTI0LjU2OSAwLTMzLjk0MWwyMi42NjctMjIuNjY3YzkuMzU3LTkuMzU3IDI0LjUyMi05LjM3NSAzMy45MDEtLjA0TDIyNCAyODQuNTA1bDE1NC43NDUtMTU0LjAyMWM5LjM3OS05LjMzNSAyNC41NDQtOS4zMTcgMzMuOTAxLjA0bDIyLjY2NyAyMi42NjdjOS4zNzMgOS4zNzMgOS4zNzMgMjQuNTY5IDAgMzMuOTQxTDI0MC45NzEgMzgxLjQ3NmMtOS4zNzMgOS4zNzItMjQuNTY5IDkuMzcyLTMzLjk0MiAweiIvPjwvc3ZnPg==");
  position: absolute;
  transform: translateY(-50%) rotate(-90deg);
  top: 50%;
  left: 14.5px;
}

.tab input[type=checkbox]:checked + label::after {
  transform: translateY(-50%) rotate(0deg);
}

#header {
  background-color: #FFCD0D;
}

#header .navbar {
  align-items: flex-start;
}

#header .navbar .navbar-collapse:not(.collapsing):not(.show) {
  margin-top: 15px;
}

#header .navbar .navbar-collapse:not(.collapsing):not(.show) .nav-item .nav-link {
  text-transform: uppercase;
  color: black;
  line-height: 1.3em;
}

#header .navbar .navbar-collapse:not(.collapsing):not(.show) .nav-item .nav-link:after {
  display: block;
  content: "";
  border-bottom: 1px solid transparent;
}

#header .navbar .navbar-collapse:not(.collapsing):not(.show) .nav-item .nav-link:hover:after, #header .navbar .navbar-collapse:not(.collapsing):not(.show) .nav-item .nav-link:focus:after {
  border-color: black;
}

#header .navbar .navbar-collapse:not(.collapsing):not(.show) .nav-item.active .nav-link {
  font-weight: 600;
}

#header .navbar .pull-right .nav-link {
  text-transform: none !important;
  font-weight: 600;
}

@media screen and (max-width: 992px) {
  #header .navbar .pull-right {
    float: none;
  }
}

#header .navbar .navbar-toggler:not(:disabled):not(.disabled) {
  margin: 25px 0 0 0;
}

#header .navbar-toggler {
  border: none;
}

#header .navbar-toggler i {
  font-size: 50px;
  color: #36A5EC;
}

#logo {
  display: block;
  height: 100px;
  width: 292px;
  background: url("/pic/Langenscheidt-Logo-Neu.png") no-repeat;
  background-size: contain;
}

@media (max-width: 992px) {
  #logo {
    height: 100px;
    width: 290px;
  }
}

@media screen and (max-width: 767px) {
  #logo {
    height: 80px;
    width: 200px;
    margin-top: 20px;
  }
}

@media screen and (max-width: 321px) {
  #logo {
    height: 75px;
    width: 170px;
    margin-top: 25px;
  }
}

#footer {
  right: 0;
  bottom: 0;
  left: 0;
  background-image: -webkit-linear-gradient(#022E55, #021E30);
  background-color: #022E55;
  padding: 40px 0;
}

#footer .heading-style {
  color: #FFCD0D;
  letter-spacing: -0.01em;
  font-size: 18px;
}

#footer #footer-nav {
  margin: 30px 0;
}

#footer #footer-nav li {
  display: inline;
}

#footer #footer-nav li a {
  color: #FFCD0D;
  text-transform: uppercase;
  margin: 0 20px 0 0;
  font-size: 14px;
  letter-spacing: 0.08em;
  white-space: nowrap;
}

@media (max-width: 992px) {
  #footer #footer-nav li {
    display: block;
    margin-top: 10px;
  }
}

#footer .copyright-info {
  font-size: 14px;
  color: white;
}

#footer .user {
  position: absolute;
  font-size: smaller;
  left: 0px;
  bottom: 0px;
  display: block;
  height: 20px;
  width: 120px;
  color: #FFFFFF;
}

@media screen and (max-width: 992px) {
  #footer {
    position: relative;
    margin-top: 150px;
  }
}

form.owb-form .prettydropdown {
  width: 100% !important;
  margin: 22px 0 -13px 0;
}

form.owb-form .prettydropdown > ul {
  width: 100% !important;
  border: none;
  border-bottom: 1px solid #999999;
}

form.owb-form .prettydropdown > ul:focus, form.owb-form .prettydropdown > ul.active {
  box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.25);
  border-bottom: 1px solid #F4F4F4;
  outline: none;
}

form.owb-form .prettydropdown > ul:focus > li, form.owb-form .prettydropdown > ul.active > li {
  transform: translate(10px);
  width: calc(100% - 10px) !important;
}

form.owb-form .prettydropdown > ul > li {
  width: 100% !important;
  font-size: 0.9em;
  padding-left: 5px;
  transition: transform 0.15s linear, width 0.15s linear;
  height: 30px;
  line-height: 30px;
}

form.owb-form .prettydropdown > ul > li:hover, form.owb-form .prettydropdown > ul > li:focus, form.owb-form .prettydropdown > ul > li.hover {
  background-color: #FFFFFF !important;
  color: #36A5EC !important;
}

form.owb-form .prettydropdown > ul > li.nohover {
  color: black;
}

form.owb-form .prettydropdown > ul > li.selected:after {
  border-top-color: black;
  top: 8px;
}

form.owb-form .form-group {
  position: relative;
}

form.owb-form .form-group .form-control {
  height: auto;
  margin-top: 10px;
}

form.owb-form .form-group label {
  font-size: 0.8rem;
  position: absolute;
  transform: translateY(0%);
  transition: transform 0.1s linear;
  margin-bottom: 0;
  cursor: text;
  padding: 5px 0;
}

form.owb-form .form-group label.animate-label {
  transform: translateY(-75%);
}

form.owb-form .form-group input[type="text"],
form.owb-form .form-group input[type="email"],
form.owb-form .form-group input[type="password"] {
  border: none;
  border-radius: 0;
  border-bottom: 1px solid #999999 !important;
  padding: 5px;
  color: black !important;
  font-size: 1em;
}

form.owb-form .form-group input[type="text"]:focus, form.owb-form .form-group input[type="text"]:active,
form.owb-form .form-group input[type="email"]:focus,
form.owb-form .form-group input[type="email"]:active,
form.owb-form .form-group input[type="password"]:focus,
form.owb-form .form-group input[type="password"]:active {
  box-shadow: none;
  border-color: #004860 !important;
}

form.owb-form .form-group input[type="text"]:disabled,
form.owb-form .form-group input[type="email"]:disabled,
form.owb-form .form-group input[type="password"]:disabled {
  border-bottom: 1px solid transparent !important;
  background-color: #FFFFFF;
}

form.owb-form .form-group .input-hint {
  font-size: 0.7em;
}

form.owb-form .form-group .input-hint a {
  font-size: 1em;
}

form.owb-form .form-group.owb-dropdown label {
  margin-top: -20px;
}

form.owb-form .form-group.owb-checkbox {
  display: block;
  margin: 20px 0;
  min-height: fit-content;
}

form.owb-form .form-group.owb-checkbox input:focus + label {
  text-decoration: underline;
}

form.owb-form .form-group.owb-checkbox label {
  display: inline-block;
  position: relative;
  padding: 0 0 0 30px;
  color: #0E242F;
  font-size: 0.8em;
  cursor: pointer;
}

form.owb-form .form-group.owb-checkbox label:before {
  border-radius: 0;
  border-color: #0E242F;
}

form.owb-form .code-image {
  width: 100%;
}

.owb-button {
  display: inline-block;
  padding: 1.25rem 2.5rem;
  color: #FFFFFF;
  font-size: 1rem;
  border: 0;
  text-align: center;
  line-height: 1em;
  margin: 0.75em 0;
  outline: none !important;
  cursor: pointer;
}

.owb-button:focus, .owb-button:active, .owb-button:hover {
  box-shadow: 6px 6px 11px rgba(0, 0, 0, 0.2);
}

.owb-button.dark {
  background-color: #0E242F;
}

.owb-button.dark:focus, .owb-button.dark:active {
  background-color: #004860;
}

.owb-button.light {
  color: #666;
  background-color: #e2dfdf;
}

.owb-button.light:focus, .owb-button.light:active {
  background-color: #c8cede;
}

.edit-button {
  background-color: transparent;
  border: 0;
  color: #939393;
  cursor: pointer;
  text-decoration: none !important;
  padding: 3px 7px;
}

.edit-button:focus, .edit-button:hover {
  outline: none;
  color: #004860;
}

.edit-button#edit-user-self {
  position: absolute;
  right: 0;
  top: 0;
}

.edit-button#edit-user-status, .edit-button#edit-user-license {
  margin-right: 5px;
}

.edit-button#edit-user-delete:hover .fa-trash-alt, .edit-button#edit-user-delete:focus .fa-trash-alt {
  color: #D0021B;
}

.edit-button i {
  font-size: 16px;
}

@media (max-width: 992px) {
  .edit-button#edit-user-status, .edit-button#edit-user-delete, .edit-button#edit-user-license {
    width: 50px;
    display: inline-block;
    text-align: center;
    padding: 5px 10px;
    vertical-align: text-top;
  }
  .edit-button i {
    font-size: 30px;
  }
}

/*
*  Button Stylesheet
*  Author: Ann-Katrin Weigl - Former03
*  Date: 2017-07-27
 */
.btn {
  font-size: 18px;
  padding: 14px 28px;
  letter-spacing: 0.03em;
  color: #FFFFFF;
  border: 0;
  cursor: pointer;
}

.btn .btn-inner {
  display: -webkit-box;
  max-height: 45px;
  overflow: hidden;
  line-height: normal;
}

.btn .btn-inner.spillover::after {
  position: absolute;
  display: inline-block;
  content: ' ...';
  width: 30px;
  height: 28px;
  background: #36A5EC;
  color: #FFFFFF;
  bottom: 0;
  right: 1px;
  text-align: left;
  border-radius: 0 0 35px 0;
}

.btn.grey {
  float: right;
  background: #666666;
}

.btn.blue {
  background: #36A5EC;
  color: #FFFFFF;
  width: auto;
}

.btn.neutral {
  background: #E4E4E4;
  color: #666666;
  width: auto;
  font-style: italic;
}

.btn.center {
  margin: 0 auto;
}

.btn:hover {
  -webkit-box-shadow: 0px 6px 11px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 6px 11px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 6px 11px 0px rgba(0, 0, 0, 0.2);
}

.btn.round {
  font-size: 16px;
  letter-spacing: normal;
  border-radius: 50px;
}

.btn.toggle-info {
  display: none;
  width: 26px;
  height: 26px;
  border-radius: 50px;
  padding: 0;
  z-index: 1;
}

.btn.toggle-info.info {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.2%22%20baseProfile%3D%22tiny%22%20id%3D%22Ebene_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2034%2034%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%23A3A3A3%22%20d%3D%22M17%2C0c9.4%2C0%2C17%2C7.6%2C17%2C17c0%2C9.4-7.6%2C17-17%2C17S0%2C26.4%2C0%2C17C0%2C7.6%2C7.6%2C0%2C17%2C0z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%23FFFFFF%22%20d%3D%22M8.2%2C13.9h5.7v1.5H8.2V13.9z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%23FFFFFF%22%20d%3D%22M8.2%2C24.2h8.2v1.5H8.2V24.2z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%23FFFFFF%22%20d%3D%22M12.6%2C6.7c1.3%2C0%2C2.3%2C1%2C2.3%2C2.3c0%2C1.3-1%2C2.3-2.3%2C2.3s-2.3-1-2.3-2.3C10.3%2C7.7%2C11.3%2C6.7%2C12.6%2C6.7z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%23FFFFFF%22%20d%3D%22M11.3%2C13.9h2.6v11.8h-2.6V13.9z%22%2F%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M29.4%2C16.5H17.5l0-2.6h11.9L29.4%2C16.5z%22%2F%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M24.7%2C21.1h-7.2v-2.6h7.2V21.1z%22%2F%3E%3C%2Fsvg%3E") no-repeat;
}

.btn.toggle-info.close {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.2%22%20baseProfile%3D%22tiny%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2034%2034%22%20xml%3Aspace%3D%22preserve%22%3E\a%20%20%20%20%20%20%3Cg%20id%3D%22Ebene_1%22%3E\a%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%23A3A3A3%22%20d%3D%22M17%2C0c9.4%2C0%2C17%2C7.6%2C17%2C17s-7.6%2C17-17%2C17S0%2C26.4%2C0%2C17S7.6%2C0%2C17%2C0z%22%2F%3E\a%20%20%20%20%20%20%20%20%20%20%3Cpath%20display%3D%22none%22%20fill%3D%22%23FFFFFF%22%20d%3D%22M8.2%2C13.9h5.7v1.5H8.2V13.9z%22%2F%3E\a%20%20%20%20%20%20%20%20%20%20%3Cpath%20display%3D%22none%22%20fill%3D%22%23FFFFFF%22%20d%3D%22M8.2%2C24.2h8.2v1.5H8.2V24.2z%22%2F%3E\a%20%20%20%20%20%20%20%20%20%20%3Cpath%20display%3D%22none%22%20fill%3D%22%23FFFFFF%22%20d%3D%22M12.6%2C6.7c1.3%2C0%2C2.3%2C1%2C2.3%2C2.3s-1%2C2.3-2.3%2C2.3s-2.3-1-2.3-2.3S11.3%2C6.7%2C12.6%2C6.7z%22%2F%3E\a%20%20%20%20%20%20%20%20%20%20%3Cpath%20display%3D%22none%22%20fill%3D%22%23FFFFFF%22%20d%3D%22M11.3%2C13.9h2.6v11.8h-2.6C11.3%2C25.7%2C11.3%2C13.9%2C11.3%2C13.9z%22%2F%3E\a%20%20%20%20%20%20%20%20%20%20%3Cpath%20display%3D%22none%22%20fill%3D%22%23FFFFFF%22%20d%3D%22M29.4%2C16.5H17.5v-2.6h11.9V16.5z%22%2F%3E\a%20%20%20%20%20%20%20%20%20%20%3Cpath%20display%3D%22none%22%20fill%3D%22%23FFFFFF%22%20d%3D%22M24.7%2C21.1h-7.2v-2.6h7.2V21.1z%22%2F%3E\a%20%20%20%20%20%20%3C%2Fg%3E\a%20%20%20%20%20%20%3Cg%20id%3D%22Ebene_2%22%3E\a%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill-rule%3D%22evenodd%22%20fill%3D%22%23FFFFFF%22%20points%3D%2227%2C8.9%2025.1%2C7%2017%2C15.1%208.9%2C7%207%2C8.9%2015.1%2C17%207%2C25.1%208.9%2C27%2017%2C18.9%2025.1%2C27\a%20%20%20%20%20%20%20%20%20%20%20%20%20%2027%2C25.1%2018.9%2C17%20	%22%2F%3E\a%20%20%20%20%20%20%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat;
  z-index: 3;
}

.btn.toggle-info:hover {
  box-shadow: none;
}

.btn.logout {
  display: inline-block;
  vertical-align: middle;
  width: 22px;
  height: 18px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.2%22%20baseProfile%3D%22tiny%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%22190.945%20611.267%2023.136%2020.801%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%3Cpath%20fill%3D%22%230E242F%22%20d%3D%22M204.168%2C626.729c-0.244-0.035-0.496%2C0.038-0.683%2C0.199c-0.188%2C0.163-0.296%2C0.398-0.296%2C0.647v2.781h-10.535v-17.381h10.535v2.768c0%2C0.43%2C0.313%2C0.8%2C0.73%2C0.86c0.246%2C0.03%2C0.496-0.039%2C0.684-0.201s0.295-0.397%2C0.295-0.646v-3.637c0-0.471-0.383-0.854-0.854-0.854H191.8c-0.471%2C0-0.854%2C0.384-0.854%2C0.854v19.091c0%2C0.472%2C0.383%2C0.855%2C0.854%2C0.855h12.244c0.471%2C0%2C0.854-0.384%2C0.854-0.855v-3.622C204.898%2C627.158%2C204.585%2C626.789%2C204.168%2C626.729z%22%2F%3E%3Cpath%20fill%3D%22%230E242F%22%20d%3D%22M213.832%2C621.065l-4.554-4.553c-0.338-0.322-0.878-0.312-1.206%2C0.024c-0.314%2C0.331-0.314%2C0.85%2C0.007%2C1.19l3.086%2C3.084h-13.926c-0.427%2C0-0.786%2C0.301-0.853%2C0.71c-0.043%2C0.249%2C0.024%2C0.502%2C0.186%2C0.693c0.164%2C0.194%2C0.403%2C0.307%2C0.658%2C0.307h13.938l-3.081%2C3.078c-0.165%2C0.157-0.261%2C0.378-0.264%2C0.606c-0.002%2C0.23%2C0.085%2C0.446%2C0.239%2C0.6c0.158%2C0.167%2C0.373%2C0.261%2C0.604%2C0.264c0.005%2C0%2C0.009%2C0%2C0.013%2C0c0.227%2C0%2C0.438-0.088%2C0.607-0.256l4.539-4.539c0.163-0.155%2C0.254-0.366%2C0.256-0.595C214.084%2C621.451%2C213.993%2C621.227%2C213.832%2C621.065z%20M208.362%2C617.444L208.362%2C617.444L208.362%2C617.444L208.362%2C617.444z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat;
}

.btn.logout:hover {
  width: 22px;
  height: 18px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.2%22%20baseProfile%3D%22tiny%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%22190.945%20611.267%2023.136%2020.801%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%3Cpath%20fill%3D%22%23666666%22%20d%3D%22M204.168%2C626.729c-0.244-0.035-0.496%2C0.038-0.683%2C0.199c-0.188%2C0.163-0.296%2C0.398-0.296%2C0.647v2.781h-10.535v-17.381h10.535v2.768c0%2C0.43%2C0.313%2C0.8%2C0.73%2C0.86c0.246%2C0.03%2C0.496-0.039%2C0.684-0.201s0.295-0.397%2C0.295-0.646v-3.637c0-0.471-0.383-0.854-0.854-0.854H191.8c-0.471%2C0-0.854%2C0.384-0.854%2C0.854v19.091c0%2C0.472%2C0.383%2C0.855%2C0.854%2C0.855h12.244c0.471%2C0%2C0.854-0.384%2C0.854-0.855v-3.622C204.898%2C627.158%2C204.585%2C626.789%2C204.168%2C626.729z%22%2F%3E%3Cpath%20fill%3D%22%23666666%22%20d%3D%22M213.832%2C621.065l-4.554-4.553c-0.338-0.322-0.878-0.312-1.206%2C0.024c-0.314%2C0.331-0.314%2C0.85%2C0.007%2C1.19l3.086%2C3.084h-13.926c-0.427%2C0-0.786%2C0.301-0.853%2C0.71c-0.043%2C0.249%2C0.024%2C0.502%2C0.186%2C0.693c0.164%2C0.194%2C0.403%2C0.307%2C0.658%2C0.307h13.938l-3.081%2C3.078c-0.165%2C0.157-0.261%2C0.378-0.264%2C0.606c-0.002%2C0.23%2C0.085%2C0.446%2C0.239%2C0.6c0.158%2C0.167%2C0.373%2C0.261%2C0.604%2C0.264c0.005%2C0%2C0.009%2C0%2C0.013%2C0c0.227%2C0%2C0.438-0.088%2C0.607-0.256l4.539-4.539c0.163-0.155%2C0.254-0.366%2C0.256-0.595C214.084%2C621.451%2C213.993%2C621.227%2C213.832%2C621.065z%20M208.362%2C617.444L208.362%2C617.444L208.362%2C617.444L208.362%2C617.444z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat;
}

.nav .btn:hover {
  box-shadow: none;
}

main#content.owb-content {
  font-family: "Noto Sans", sans-serif;
  text-align: left;
}

main#content.owb-content h1, main#content.owb-content h2, main#content.owb-content h3, main#content.owb-content h4 {
  color: #0E242F;
}

main#content.owb-content h1 {
  font-size: 2em;
}

main#content.owb-content h3 {
  font-size: 1.625rem;
  margin-bottom: 10px;
  margin-top: 30px;
}

main#content.owb-content h4 {
  font-size: 1.35em;
  margin: 30px 0 0 0;
}

main#content.owb-content h4.dictionary {
  font-size: 15px;
}

main#content.owb-content .nice-heading {
  font-family: "Handelson";
  font-size: 3.625rem;
  color: #36A5EC;
  text-decoration: none;
  position: relative;
  display: inline-block;
}

main#content.owb-content .nice-heading:after {
  content: '';
  height: 3px;
  width: 100%;
  position: absolute;
  bottom: 10px;
  left: 0;
  background: currentColor;
  border-radius: 1.5px;
}

main#content.owb-content p {
  hyphens: auto;
}

main#content.owb-content .owb-table {
  display: table;
  width: 100%;
  border-collapse: collapse;
}

main#content.owb-content .owb-table .center {
  text-align: center;
}

@media screen and (max-width: 992px) {
  main#content.owb-content .owb-table .center {
    text-align: left;
  }
}

main#content.owb-content .owb-table .table-header {
  display: table-row;
  font-weight: bold;
  border-bottom: 1px solid #c3cbcf;
}

main#content.owb-content .owb-table .table-header .table-cell {
  display: table-cell;
  padding: 10px 0;
  font-size: 14px;
}

main#content.owb-content .owb-table .table-header .table-cell:first-of-type {
  padding-left: 5px;
}

main#content.owb-content .owb-table .table-row {
  display: table-row;
  color: #666666;
  font-size: 0.9em;
}

main#content.owb-content .owb-table .table-row .table-cell {
  display: table-cell;
  padding: 10px 0;
}

main#content.owb-content .owb-table .table-row .table-cell:first-of-type {
  padding-left: 5px;
  width: 50%;
  line-height: 18px;
}

main#content.owb-content .owb-table .table-row .table-cell.green {
  color: #6ECE63;
}

main#content.owb-content .owb-table .table-row .table-cell.red {
  color: #D0021B;
}

main#content.owb-content .owb-table .table-row:nth-of-type(2) {
  background-color: #F4F4F4;
}

@media screen and (max-width: 992px) {
  main#content.owb-content .owb-table {
    display: block;
  }
  main#content.owb-content .owb-table .table-header {
    display: none;
  }
  main#content.owb-content .owb-table .table-row {
    display: block;
    color: #666666;
    font-size: 0.9em;
    margin-top: 20px;
  }
  main#content.owb-content .owb-table .table-row .table-cell {
    display: block;
    padding: 0;
    margin-left: 10px;
  }
  main#content.owb-content .owb-table .table-row .table-cell:before {
    content: attr(data-cell-title);
    color: #0E242F;
    margin-right: 5px;
  }
  main#content.owb-content .owb-table .table-row .table-cell:first-of-type {
    color: #0E242F;
    font-size: 1.4em;
    margin-left: 0;
    width: 100%;
    line-height: initial;
  }
  main#content.owb-content .owb-table .table-row .table-cell:first-of-type:before {
    margin-right: 0;
  }
}

main#content.owb-content h2 {
  margin-top: 20px;
  font-size: 20px;
}

main#content.owb-content span.text {
  line-height: 28px;
  overflow-wrap: break-word;
}

main#content.owb-content .hidden {
  display: none;
}

main#content.owb-content #inner-content section {
  padding: 4vw 20px;
}

main#content.owb-content #inner-content section.results {
  padding: 4vw 0 4vw 40px;
}

@media screen and (max-width: 767px) {
  main#content.owb-content #inner-content section.results {
    padding: 30px 0;
  }
}

section.menu .menu-title {
  font-family: "Noto Sans", sans-serif;
  text-transform: uppercase;
  margin-bottom: 15px;
  display: block;
  color: #0B2B38;
  letter-spacing: 1px;
  font-size: 14px;
}

section.menu .mobile-filter-menu-toggle {
  display: none;
}

@media screen and (max-width: 767px) {
  section.menu:not(.open) .menu-title {
    margin-bottom: 0;
  }
  section.menu:not(.open) .mobile-filter-menu-toggle {
    color: #36A5EC;
  }
  section.menu .mobile-filter-menu-toggle {
    display: inline-block;
    float: right;
    font-size: 1.4em;
    color: black;
  }
  section.menu .dictionary-selector, section.menu .legend, section.menu .checkAllNone {
    display: none;
  }
  section.menu.open .dictionary-selector, section.menu.open .legend, section.menu.open .checkAllNone {
    display: inline-block;
  }
}

.owb-sidebar-menu {
  background-color: white;
  margin-bottom: 50px;
  box-shadow: 0 6px 11px 0 rgba(0, 0, 0, 0.2);
}

.owb-sidebar-menu ul {
  padding: 32px 20px;
  margin-bottom: 0;
}

.owb-sidebar-menu ul li {
  margin-bottom: 20px;
}

.owb-sidebar-menu ul li a {
  text-decoration: none !important;
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

.owb-sidebar-menu ul li a:hover, .owb-sidebar-menu ul li a:focus {
  text-decoration: underline !important;
  color: #0E242F !important;
}

.owb-sidebar-menu ul li:last-of-type {
  padding-top: 20px;
  border-top: 1px solid #c3cbcf;
  margin-bottom: 0;
}

.owb-sidebar-menu ul li:last-of-type a {
  color: #939393 !important;
}

.owb-sidebar-menu ul li:last-of-type a:hover, .owb-sidebar-menu ul li:last-of-type a:focus {
  color: #0E242F !important;
}

.owb .sidebar.dictionary-selector .tab label, .owb .sidebar.dictionary-selector .tab .tab-content ul li {
  line-height: 17px;
  min-height: 20px;
  margin-bottom: 10px;
  border-bottom: inset 2px #fff;
  padding: 0 60px 0 30px;
  position: relative;
}

.owb .sidebar.dictionary-selector .tab label > .ctrl, .owb .sidebar.dictionary-selector .tab .tab-content ul li > .ctrl, .owb .sidebar.dictionary-selector .tab .tab-content ul li.checked > .ctrl,
.owb .sidebar.dictionary-selector .tab .tab-content ul li:active > .ctrl {
  content: '';
  position: absolute;
  right: 5px;
  top: 3px;
  height: 18px;
  width: 18px;
  background-color: white;
  border: 1px solid #ccc;
  border-radius: 0;
  line-height: 18px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
}

.owb form.search ul.suggestions li.hover a, .owb form.search ul.suggestions a:hover {
  background-color: #EDEBEB;
  text-decoration: none;
  border: none;
}

@keyframes spinner {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.5), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.5), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.5), 2.5em 0em 0 0em rgba(0, 0, 0, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.5), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.5), 0em 2.5em 0 0em rgba(0, 0, 0, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.5), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.5), -2.6em 0em 0 0em rgba(0, 0, 0, 0.7), -1.8em -1.8em 0 0em #ffffff;
  }
}

.owb .checkAllNone {
  float: right;
}

.owb .checkAllNone a {
  color: #004860 !important;
  font-size: 0.9em !important;
  text-decoration: none !important;
}

.owb .checkAllNone a:hover {
  text-decoration: underline !important;
}

.owb section.menu {
  padding: 0;
}

@media screen and (min-width: 768px) {
  .owb section.menu {
    border-right: 1px solid #c3cbcf;
  }
}

.owb h4.dictionary .flag > svg {
  width: 25px;
  height: 25px;
  margin-left: 5px;
}

.owb h4.dictionary .flag > embed.duden {
  width: 60px;
  height: 25px;
  display: inline-block;
  margin-left: 5px;
  vertical-align: middle;
  overflow: hidden;
}

.owb h2 .flag > svg {
  width: 20px;
  height: 20px;
}

.owb .legend {
  font-size: 0.8em;
  display: flex;
  margin-top: 10px;
}

@media screen and (min-width: 768px) {
  .owb .legend {
    margin-top: 0;
  }
}

.owb .legend svg {
  flex-basis: 50px;
}

.owb .sidebar.dictionary-selector .badge {
  position: absolute;
  right: 30px;
  top: 4px;
  background-color: #E4E4E4;
  color: #000000;
  padding: 3px 7px;
  font-size: 12px;
  border-radius: 10px;
  font-weight: 400;
}

.owb .sidebar.dictionary-selector .tab {
  margin: 0;
}

.owb .sidebar.dictionary-selector .tab label {
  background: transparent;
  border: none;
  color: #0B2B38;
  font-weight: bold;
  font-size: 10pt;
  display: flex;
  align-items: center;
  min-height: 30px;
}

.owb .sidebar.dictionary-selector .tab label:before {
  right: 6px;
}

.owb .sidebar.dictionary-selector .tab label:after {
  left: 0;
  width: 10px;
}

.owb .sidebar.dictionary-selector .tab label > .ctrl {
  line-height: 14px;
}

.owb .sidebar.dictionary-selector .tab label > .ctrl.checked::before, .owb .sidebar.dictionary-selector .tab label > .ctrl:active::before {
  content: "";
  position: absolute;
  width: 2px;
  height: 12px;
  background-color: #36A5EC;
  left: 9px;
  top: 2px;
  transform: rotate(30deg);
}

.owb .sidebar.dictionary-selector .tab label > .ctrl.checked::after, .owb .sidebar.dictionary-selector .tab label > .ctrl:active::after {
  content: "";
  position: absolute;
  width: 7px;
  height: 2px;
  background-color: #36A5EC;
  left: 2px;
  top: 9px;
  transform: rotate(55deg);
}

.owb .sidebar.dictionary-selector .tab label > .ctrl:active::after {
  background-color: grey;
}

.owb .sidebar.dictionary-selector .tab label span.flag {
  display: none;
}

.owb .sidebar.dictionary-selector .tab label .flag > svg {
  width: 20px;
  height: 20px;
}

.owb .sidebar.dictionary-selector .tab button.order {
  display: inline-block;
  box-sizing: border-box;
  vertical-align: middle;
  text-align: center;
  padding: 2px 6px 3px;
  color: #36A5EC;
  background-color: #E4E4E4;
  border-radius: 50%;
  border: none;
  font-size: 20px;
  cursor: pointer;
  outline: none;
  width: 30px;
  height: 30px;
  margin: 0 5px;
}

@media screen and (min-width: 768px) {
  .owb .sidebar.dictionary-selector .tab button.order {
    margin: 0 10px;
  }
}

.owb .sidebar.dictionary-selector .tab button.order:before {
  display: block;
  margin: -1px 0 0 3px;
  width: 12px;
  content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3R5bGU9ImZpbGwtcnVsZTpub256ZXJvO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZCIgdmlld0JveD0iMCAwIDkuMSA5Ljk1Ij48Y2xpcFBhdGggaWQ9ImEiPjxwYXRoIGQ9Ik0wIDBoOS4xdjkuOTVIMHoiLz48L2NsaXBQYXRoPjxnIGNsaXAtcGF0aD0idXJsKCNhKSI+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMzZhNWVjIiBzdHJva2UtbGluZWNhcD0iYnV0dCIgc3Ryb2tlLWxpbmVqb2luPSJtaXRlciIgZD0iTTAgMi40NTloNy42NjYiLz48cGF0aCBmaWxsPSIjMzZhNWVjIiBkPSJNOS4wOTMgMi40NTkgNi41NzcgNC45MTcgNi41NyAwbDIuNTIzIDIuNDU5WiIvPjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzM2YTVlYyIgc3Ryb2tlLWxpbmVjYXA9ImJ1dHQiIHN0cm9rZS1saW5lam9pbj0ibWl0ZXIiIGQ9Ik05LjA5NyA3LjQ4NEgxLjQzIi8+PHBhdGggZmlsbD0iIzM2YTVlYyIgZD0ibS4wMDQgNy40ODQgMi41MTYtMi40Ni4wMDcgNC45MThMLjAwNCA3LjQ4NFoiLz48L2c+PC9zdmc+");
}

.owb .sidebar.dictionary-selector .tab button.order.to:before {
  margin-top: -8px;
  content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3R5bGU9ImZpbGwtcnVsZTpub256ZXJvO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZCIgdmlld0JveD0iMCAwIDkuMSA0LjkiPjxjbGlwUGF0aCBpZD0iYSI+PHBhdGggZD0iTTAgMGg5LjF2NC45SDB6Ii8+PC9jbGlwUGF0aD48ZyBjbGlwLXBhdGg9InVybCgjYSkiPjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzM2YTVlYyIgc3Ryb2tlLWxpbmVjYXA9ImJ1dHQiIHN0cm9rZS1saW5lam9pbj0ibWl0ZXIiIGQ9Ik0wIDIuNDU5aDcuNjYzIi8+PHBhdGggZmlsbD0iIzM2YTVlYyIgZD0iTTkuMDkgMi40NTkgNi41NzUgNC45MTcgNi41NjcgMCA5LjA5IDIuNDU5WiIvPjwvZz48L3N2Zz4=");
}

.owb .sidebar.dictionary-selector .tab button.order.from:before {
  margin-top: -8px;
  content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3R5bGU9ImZpbGwtcnVsZTpub256ZXJvO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZCIgdmlld0JveD0iMCAwIDkuMSA0LjkiPjxjbGlwUGF0aCBpZD0iYSI+PHBhdGggZD0iTTAgMGg5LjF2NC45SDB6Ii8+PC9jbGlwUGF0aD48ZyBjbGlwLXBhdGg9InVybCgjYSkiPjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzM2YTVlYyIgc3Ryb2tlLWxpbmVjYXA9ImJ1dHQiIHN0cm9rZS1saW5lam9pbj0ibWl0ZXIiIGQ9Ik05LjA5MyAyLjQ1OUgxLjQyNyIvPjxwYXRoIGZpbGw9IiMzNmE1ZWMiIGQ9Ik0wIDIuNDU5IDIuNTE2IDBsLjAwNyA0LjkxOEwwIDIuNDU4WiIvPjwvZz48L3N2Zz4=");
}

.owb .sidebar.dictionary-selector .tab .tab-content {
  background: transparent;
  border: none;
}

.owb .sidebar.dictionary-selector .tab .tab-content .tab-inner-content {
  background: transparent;
  padding: 0;
  margin: 0;
}

.owb .sidebar.dictionary-selector .tab .tab-content ul li {
  border: none;
  min-height: 25px;
}

.owb .sidebar.dictionary-selector .tab .tab-content ul li a {
  font-size: 0.8em !important;
  text-decoration: none !important;
}

.owb .sidebar.dictionary-selector .tab .tab-content ul li:hover {
  cursor: pointer;
}

.owb .sidebar.dictionary-selector .tab .tab-content ul li:hover a {
  cursor: pointer;
}

.owb .sidebar.dictionary-selector .tab .tab-content ul li > .ctrl {
  line-height: 14px;
}

.owb .sidebar.dictionary-selector .tab .tab-content ul li.checked > .ctrl,
.owb .sidebar.dictionary-selector .tab .tab-content ul li:active > .ctrl {
  line-height: 14px;
}

.owb .sidebar.dictionary-selector .tab .tab-content ul li.checked > .ctrl::before,
.owb .sidebar.dictionary-selector .tab .tab-content ul li:active > .ctrl::before {
  content: "";
  position: absolute;
  width: 2px;
  height: 12px;
  background-color: #36A5EC;
  left: 9px;
  top: 2px;
  transform: rotate(30deg);
}

.owb .sidebar.dictionary-selector .tab .tab-content ul li.checked > .ctrl::after,
.owb .sidebar.dictionary-selector .tab .tab-content ul li:active > .ctrl::after {
  content: "";
  position: absolute;
  width: 7px;
  height: 2px;
  background-color: #36A5EC;
  left: 2px;
  top: 9px;
  transform: rotate(55deg);
}

.owb .sidebar.dictionary-selector .tab .tab-content ul li:active > .ctrl::after {
  background-color: grey;
}

.owb .sidebar.dictionary-selector a {
  font-size: 12pt;
}

.owb form.search {
  width: 100%;
  display: block;
  height: 40px;
  position: relative;
}

.owb form.search > * {
  padding: 6px 10px;
  font-size: 18px;
  box-sizing: border-box;
  border: none;
  height: 40px;
  margin: 0;
  display: block;
  float: left;
}

.owb form.search input[type=text] {
  width: calc(100% - 150px);
  outline: none;
  border: 1px solid #c3cbcf;
}

.owb form.search button[type=submit].btn.blue {
  border-radius: 0;
  width: 150px;
}

.owb form.search #VirtualKeyboardIcon {
  display: none !important;
}

.owb form.search #btn_keyboard {
  background-image: url("/owb/img/btn_kb.png");
  background-repeat: no-repeat;
  font-size: 16px;
  padding: 4px 12px 7px 12px;
  position: absolute;
  right: 160px;
  top: 15px;
  width: 21px;
  height: 11px;
  background-color: transparent;
  border: none;
  border-radius: 0px;
  cursor: pointer;
  outline: none;
  box-shadow: none;
}

.owb form.search #btn_keyboard:hover {
  background-image: url("/owb/img/btn_kb_hover.png");
}

.owb form.search #btn_keyboard.active {
  background-image: url("/owb/img/btn_kb_active.png");
}

.owb form.search .spinner {
  font-size: 4px;
  color: #c3cbcf;
  padding: 3px 3px 3px 3px;
  position: absolute;
  right: 205px;
  top: 17px;
  width: 1px;
  height: 1px;
  background-color: transparent;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  outline: none;
  box-shadow: none;
  text-indent: -9999em;
  animation: spinner 1.1s infinite ease;
  transform: translateZ(0);
  display: none;
}

.owb form.search .spinner.loading {
  display: block;
}

.owb form.search ul.suggestions {
  position: absolute;
  display: block;
  z-index: 3;
  top: 40px;
  background-color: #fff;
  width: calc(100% - 150px);
  height: auto;
  padding: 0;
  -webkit-box-shadow: 0px 6px 11px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 6px 11px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 6px 11px 0px rgba(0, 0, 0, 0.2);
  overflow: visible;
}

.owb form.search ul.suggestions li {
  position: relative;
  display: block;
}

.owb form.search ul.suggestions li a {
  display: block;
  padding: 12px 10px 12px 35px;
  width: 100%;
  white-space: nowrap;
  color: #333333;
  line-height: 15px;
  min-height: 15px;
  text-overflow: ellipsis;
  overflow: hidden;
}

.owb form.search ul.suggestions li a:before {
  margin-left: -25px;
  margin-top: 2px;
}

.owb form.search ul.suggestions li svg {
  position: absolute;
  width: 20px;
  height: 20px;
  left: 5px;
  top: 10px;
  vertical-align: middle;
}

.owb .share-text {
  display: inline-block;
}

.owb .share {
  width: 25px;
  height: 25px;
  font-size: 25px;
  cursor: pointer;
  margin-left: 5px;
  display: inline-block;
  background-repeat: no-repeat;
  vertical-align: middle;
  color: #666666;
}

.owb .share:hover {
  color: #36A5EC;
}

@media screen and (max-width: 600px) {
  .dictionaries li {
    padding-left: 0 !important;
  }
}

.dictionary-container {
  padding: 10px;
  margin-top: 10px;
  background: #EBF6FD;
}

.dictionary-container .lemma-group-owb .text a, .dictionary-container .lemma-group-owb .tabdict-sense-gp a {
  color: inherit;
}

.dictionary-container .lemma-group-owb a:hover {
  text-decoration: underline;
  filter: brightness(80%);
}

.dictionary-container article + article {
  margin-top: 0.7em;
  padding-top: 0.5em;
  border-top: #ccc solid 1px;
}

.audio-button {
  cursor: pointer;
  float: right;
}

.audio-button:before {
  display: inline-block;
  content: '';
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.2%22%20baseProfile%3D%22tiny%22%20id%3D%22Ebene_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22\a 	%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2025.4%2023%22%20xml%3Aspace%3D%22preserve%22%3E\a%3Cg%3E\a 	%3Cpath%20fill%3D%22%230D242F%22%20d%3D%22M3.5%2C7.6H0v7.9h3.5l6.7%2C5c0%2C0%2C1.2%2C1%2C1.2%2C0V2.5c0-0.8-1.1%2C0-1.1%2C0L3.5%2C7.6z%20M3.5%2C7.6%22%2F%3E\a 	%3Cpath%20fill%3D%22%230D242F%22%20d%3D%22M15.3%2C6c-0.4-0.4-0.9-0.4-1.3%2C0c-0.4%2C0.4-0.4%2C0.9%2C0%2C1.3c1.2%2C1.2%2C1.7%2C2.7%2C1.7%2C4.2c0%2C1.5-0.6%2C3-1.7%2C4.2\a 		c-0.4%2C0.4-0.4%2C0.9%2C0%2C1.3c0.2%2C0.2%2C0.4%2C0.3%2C0.6%2C0.3c0.2%2C0%2C0.5-0.1%2C0.6-0.3c1.5-1.5%2C2.3-3.5%2C2.3-5.5C17.6%2C9.5%2C16.8%2C7.5%2C15.3%2C6L15.3%2C6z\a 		%20M15.3%2C6%22%2F%3E\a 	%3Cg%3E\a 		%3Cpath%20fill%3D%22%230D242F%22%20d%3D%22M17.7%2C3.2c-0.4-0.4-0.9-0.4-1.3%2C0s-0.3%2C0.9%2C0%2C1.3c1.9%2C1.9%2C2.9%2C4.5%2C2.9%2C7c0%2C2.6-1%2C5.1-2.9%2C7.1\a 			c-0.4%2C0.4-0.3%2C0.9%2C0%2C1.3c0.2%2C0.2%2C0.4%2C0.3%2C0.6%2C0.3c0.2%2C0%2C0.5-0.1%2C0.6-0.3c2.3-2.3%2C3.4-5.3%2C3.4-8.3C21.2%2C8.5%2C20%2C5.5%2C17.7%2C3.2\a 			L17.7%2C3.2z%20M17.7%2C3.2%22%2F%3E\a 		%3Cpath%20fill%3D%22%230D242F%22%20d%3D%22M20.7%2C0.3c-0.3-0.4-0.9-0.4-1.3%2C0c-0.4%2C0.4-0.4%2C0.9%2C0%2C1.3c2.7%2C2.8%2C4.1%2C6.3%2C4.1%2C9.9c0%2C3.6-1.4%2C7.2-4.1%2C10\a 			c-0.4%2C0.4-0.4%2C0.9%2C0%2C1.3c0.2%2C0.2%2C0.4%2C0.3%2C0.6%2C0.3c0.2%2C0%2C0.5-0.1%2C0.6-0.3c3.1-3.1%2C4.7-7.2%2C4.7-11.3C25.4%2C7.4%2C23.8%2C3.4%2C20.7%2C0.3\a 			L20.7%2C0.3z%20M20.7%2C0.3%22%2F%3E\a 	%3C%2Fg%3E\a%3C%2Fg%3E\a%3C%2Fsvg%3E") no-repeat;
  width: 1.5rem;
  height: 1.5rem;
}

article > :first-child.lemma {
  font-size: 1.1rem;
  font-weight: bold;
}

.lemma-group-owb {
  line-height: 140%;
  /* Ticker #50774: We remove Vernada, since it cannot properly handle compound diacretics
    font-family: Verdana, Geneva, sans-serif; */
  font-family: 'Noto Sans', sans-serif;
  font-size: 95%;
  /*************************************************************
  ** entry structure
  *************************************************************/
  /*************************************************************
  ** single elements
  *************************************************************/
  /*************************************************************
  ** hacks, TODO: move to clj?
  *************************************************************/
  /** separate languages in example gps: separator before first .normal **/
  /** cannot remove whitespace before comma with css **/
}

.lemma-group-owb .lemma-title {
  margin: 0;
}

.lemma-group-owb .sense-i-gp, .lemma-group-owb .sense-1-gp, .lemma-group-owb .sense-a-gp, .lemma-group-owb .example-gp, .lemma-group-owb .tabdict-reference-gp {
  padding-left: 2em;
  display: block;
}

.lemma-group-owb .sense-i-gp, .lemma-group-owb .sense-1-gp, .lemma-group-owb .sense-a-gp, .lemma-group-owb .tabdict-sense-gp, .lemma-group-owb .lemma-example, .lemma-group-owb .tabdict-reference-gp {
  padding-top: 5px;
}

.lemma-group-owb .tabdict-sense + .tabdict-sense {
  display: block;
  padding-left: 2em;
  padding-top: 5px;
}

.lemma-group-owb .br {
  display: block;
  min-height: 0.3em;
}

.lemma-group-owb ul.lemma-examples-list {
  margin-bottom: 0em;
}

.lemma-group-owb li {
  list-style-type: none;
}

.lemma-group-owb .main-lemma {
  font-size: 1.1rem;
  font-weight: bold;
}

.lemma-group-owb .normal,
.lemma-group-owb .preptrans,
.lemma-group-owb .trans .prep-gp {
  color: #36A5EC;
  font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
  font-size: 1.1rem;
}

.lemma-group-owb .normal .prep {
  color: #212529;
  /* Ticker #50774: We remove Vernada, since it cannot properly handle compound diacretics
	  font-family: Verdana, Geneva, sans-serif; */
  font-family: 'Noto Sans', sans-serif;
  font-size: 0.9rem;
}

.lemma-group-owb .num-1, .lemma-group-owb .num-i {
  color: #36A5EC;
  border: 2px solid #36A5EC;
  border-radius: 20px;
  padding: 0 5px 1px 4px;
  font-weight: bold;
  position: relative;
  right: 8px;
}

.lemma-group-owb .dict-additions {
  color: #4D5A62;
  font-style: italic;
}

.lemma-group-owb .lem-group-pieces, .lemma-group-owb .lem-group-pieces .lemma {
  color: #4D5A62;
  font-style: normal;
  font-weight: normal;
}

.lemma-group-owb .phon-gp {
  color: #4D5A62;
}

.lemma-group-owb .bold {
  font-weight: bold;
}

.lemma-group-owb .italic, .lemma-group-owb .pos {
  font-style: italic;
  color: #4D5A62;
}

.lemma-group-owb .underline {
  text-decoration: underline;
}

.lemma-group-owb table {
  border-collapse: collapse;
}

.lemma-group-owb td {
  border: 1px solid #777;
}

.lemma-group-owb .subjarea, .lemma-group-owb .usage, .lemma-group-owb .usage-element {
  text-align: center;
  padding: 2px 4px 3px;
  border-radius: 6px;
  font-size: 0.9rem;
  /* Ticker #50774: We remove Vernada, since it cannot properly handle compound diacretics
	  font-family: Verdana, Geneva, sans-serif; */
  font-family: 'Noto Sans', sans-serif;
}

.lemma-group-owb .subjarea {
  background-color: #36A5EC;
  color: white;
  border: 1px solid #36A5EC;
  text-transform: uppercase;
}

.lemma-group-owb .usage, .lemma-group-owb .usage-element {
  border: 1px solid #36A5EC;
  color: #36A5EC;
  text-transform: uppercase;
  margin: 0 5px;
}

.lemma-group-owb .meta {
  color: #4D5A62;
  /* Ticker #50774: We remove Vernada, since it cannot properly handle compound diacretics
	  font-family: Verdana, Geneva, sans-serif; */
  font-family: 'Noto Sans', sans-serif;
  font-size: 0.9rem;
  font-style: italic;
}

.lemma-group-owb .ind-pieces, .lemma-group-owb .flex-pieces, .lemma-group-owb .ind, .lemma-group-owb .coll, .lemma-group-owb .syn, .lemma-group-owb .pos, .lemma-group-owb .note {
  color: #999999;
  /* Ticker #50774: We remove Vernada, since it cannot properly handle compound diacretics
	  font-family: Verdana, Geneva, sans-serif; */
  font-family: 'Noto Sans', sans-serif;
  font-size: 0.9rem;
}

.lemma-group-owb .gram {
  color: #999999;
  text-transform: uppercase;
  font-style: italic;
  font-size: 0.8rem;
}

.lemma-group-owb abbr {
  text-decoration: none;
}

.lemma-group-owb .abbr .full {
  display: none;
}

.lemma-group-owb .ref {
  text-decoration: underline;
}

.lemma-group-owb .num-1 + .example-gp,
.lemma-group-owb .num-1 + .tabdict-reference-gp {
  margin-top: -1.8em;
}

.lemma-group-owb .example-gp .normal:before,
.lemma-group-owb .tabdict-sense .normal:before {
  content: " | ";
}

.lemma-group-owb .example-gp .normal ~ .normal:before,
.lemma-group-owb .tabdict-sense .normal ~ .normal:before {
  content: "";
}

.lemma-group-owb .tabdict-sense-gp .normal + .normal:before {
  margin-left: -3px;
  content: ", ";
}

.lemma-group-owb .num-1:empty, .lemma-group-owb .num-i:empty {
  display: none;
}

@font-face {
  font-family: 'Noto Sans';
  src: url(../../owb/fonts/NotoSans-Regular.woff);
  font-weight: 400;
}

@font-face {
  font-family: 'Noto Sans';
  src: url(../../owb/fonts/NotoSans-Bold.woff);
  font-weight: bold;
}

main#content.owb-content h4 {
  margin-bottom: 8px;
  line-height: 1.5;
}

.dictionary-container article.pons {
  font-size: .95rem;
  font-family: 'Noto Sans', sans-serif;
  line-height: 1.75rem;
  color: #333333;
}

.dictionary-container article.pons .headword {
  font-size: 1.1rem;
  font-weight: bold;
}

.dictionary-container article.pons .headword .flexion, .dictionary-container article.pons .headword .genus, .dictionary-container article.pons .headword .etymology, .dictionary-container article.pons .headword .style, .dictionary-container article.pons .headword .phonetics, .dictionary-container article.pons .headword .wordclass, .dictionary-container article.pons .headword .info, .dictionary-container article.pons .headword .sense {
  color: #666666;
  font-size: .95rem;
  font-weight: normal;
  font-style: italic;
}

.dictionary-container article.pons .headword .flexion .b, .dictionary-container article.pons .headword .genus .b, .dictionary-container article.pons .headword .etymology .b, .dictionary-container article.pons .headword .style .b, .dictionary-container article.pons .headword .phonetics .b, .dictionary-container article.pons .headword .wordclass .b, .dictionary-container article.pons .headword .info .b, .dictionary-container article.pons .headword .sense .b {
  font-style: normal;
}

.dictionary-container article.pons .headword .headword {
  font-size: 1.1rem;
}

.dictionary-container article.pons .headword .flexion, .dictionary-container article.pons .headword .phonetics {
  font-style: normal;
}

.dictionary-container article.pons .super {
  vertical-align: super;
}

.dictionary-container article.pons .arab {
  display: block;
  padding: 5px 0 0 2em;
}

.dictionary-container article.pons .arab .arab {
  padding: 0;
}

.dictionary-container article.pons .arab a {
  color: unset;
}

.dictionary-container article.pons .arab .arab_head, .dictionary-container article.pons .arab .DEF, .dictionary-container article.pons .arab .DEF-mwe, .dictionary-container article.pons .arab .titel {
  color: #36A5EC;
  font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
  font-size: 1.1rem;
}

.dictionary-container article.pons .arab .arab_head .VSTICH, .dictionary-container article.pons .arab .DEF .VSTICH, .dictionary-container article.pons .arab .DEF-mwe .VSTICH, .dictionary-container article.pons .arab .titel .VSTICH {
  color: #36A5EC;
}

.dictionary-container article.pons .arab .STICH, .dictionary-container article.pons .arab .ASTICH {
  font-weight: bold;
  font-style: normal;
  color: #333333;
  font-family: 'Noto Sans', sans-serif;
  font-size: 1.1rem;
}

.dictionary-container article.pons .arab .indirect_reference_RQ, .dictionary-container article.pons .arab .wortang, .dictionary-container article.pons .arab .sublem, .dictionary-container article.pons .arab .WEND, .dictionary-container article.pons .arab .idiom_proverb, .dictionary-container article.pons .arab .b, .dictionary-container article.pons .arab .example, .dictionary-container article.pons .arab .romnum, .dictionary-container article.pons .arab .heading, .dictionary-container article.pons .arab .VSTICH, .dictionary-container article.pons .arab .refer > .arrow, .dictionary-container article.pons .arab .letter {
  font-weight: bold;
  font-style: normal;
  color: #333333;
  font-family: 'Noto Sans', sans-serif;
  font-size: 1rem;
}

.dictionary-container article.pons .arab i, .dictionary-container article.pons .arab .spr, .dictionary-container article.pons .arab .STIL, .dictionary-container article.pons .arab .info, .dictionary-container article.pons .arab .style, .dictionary-container article.pons .arab .i, .dictionary-container article.pons .arab .sense, .dictionary-container article.pons .arab .reference_qualification, .dictionary-container article.pons .arab .bsp-group, .dictionary-container article.pons .arab .prag, .dictionary-container article.pons .arab .KASUS, .dictionary-container article.pons .arab .VREL, .dictionary-container article.pons .arab .pragsem, .dictionary-container article.pons .arab .phrase, .dictionary-container article.pons .arab .region, .dictionary-container article.pons .arab .ISYN {
  font-style: italic;
  color: #666666;
  font-family: 'Noto Sans', sans-serif;
  font-weight: normal;
  font-size: 1rem;
}

.dictionary-container article.pons .arab .u {
  text-decoration: underline;
}

.dictionary-container article.pons .arab em {
  font-weight: bold;
}

.dictionary-container article.pons .arab .WEND::before {
  content: '▪ ';
}

.dictionary-container article.pons .arab .bsp-group:before {
  font-style: normal;
  content: '▸ ';
}

.dictionary-container article.pons .arab .sense .style {
  color: #666666;
}

.dictionary-container article.pons .arab .numlist > li {
  list-style: decimal;
}

.dictionary-container article.pons .arab .aranum {
  border: 2px solid #36A5EC;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 5px;
  font-size: .8rem;
  font-weight: bold;
}

.dictionary-container article.pons .arab .arab-sub {
  margin-left: 25px;
}

.dictionary-container article.pons .arab .aranum + .refer, .dictionary-container article.pons .arab .letter + .refer {
  display: inline;
}

.dictionary-container article.pons .arab .ERKL, .dictionary-container article.pons .arab .c-item, .dictionary-container article.pons .arab .CULTURE {
  background: white;
  display: block;
  margin: 16px 0;
  padding: 8px 16px;
}

.dictionary-container article.pons .arab .ETYMO, .dictionary-container article.pons .arab .hint {
  background-color: #fff9e3;
  display: block;
  margin: 16px 0;
  padding: 8px 16px;
}

.dictionary-container article.pons .arab table {
  margin-bottom: 25px;
  display: block;
  overflow-x: auto;
  white-space: nowrap;
}

.dictionary-container article.pons .arab table td {
  padding: 5px 8px;
}

.dictionary-container article.pons .arab ul.dash {
  list-style: disc;
}

.dictionary-container article.pons .arab ul.dash li {
  list-style-type: '-   ';
}

.dictionary-container article.pons .arab ul.nodash {
  list-style: disc;
}

.dictionary-container article.pons .arab ul.nodash li {
  list-style-type: disc;
}

.dictionary-container article.pons .topic {
  background-color: #36A5EC;
  color: white;
  border: 1px solid #36A5EC;
  text-transform: uppercase;
  text-align: center;
  padding: 2px 4px 3px;
  border-radius: 6px;
  font-size: 0.9rem;
  font-family: 'Noto Sans', sans-serif;
  font-weight: normal;
}

.dictionary-container article.pons .topic:hover {
  color: white;
}

.dictionary-container article.pons .age {
  font-weight: normal;
}

.dictionary-container article.pons .verbclass {
  font-style: italic;
  color: #666666;
  font-family: 'Noto Sans', sans-serif;
  font-weight: normal;
  font-size: 1rem;
}

.dictionary-container article.pons .grammatical_construction {
  font-weight: bold;
  font-style: normal;
  color: #333333;
  font-family: 'Noto Sans', sans-serif;
  font-size: 1rem;
}

.dictionary-container article.pons .sub {
  vertical-align: sub;
}

.dictionary-container article.pons .arab .headword {
  display: none;
}

.dictionary-container article.pons .arab .target:after {
  content: " ; ";
}

.dictionary-container article.pons .arab [class~="translation"]:last-of-type .target:after {
  content: "";
}

.user-configuration .look {
  position: relative;
}

.user-configuration .look ul.user-data-info li {
  color: #0E242F;
}

.user-configuration .item-list {
  margin-top: 10px;
}

.user-configuration .item-list > li {
  margin-bottom: 20px;
  position: relative;
}

.user-configuration .item-list > li ul {
  margin-top: 10px;
  padding-left: 20px;
}

.user-configuration .item-list.ip-list li {
  margin-bottom: 5px;
}

.user-configuration .item-list.ip-list li p {
  font-size: 1.1em;
}

.popup-overlay {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1041;
  overflow: hidden;
  position: fixed;
  background: rgba(0, 0, 0, 0.6);
}

.popup-overlay.dismissed {
  display: none;
}

.popup-overlay .popup-info {
  border: solid #c3cbcf 1px;
  box-sizing: border-box;
  position: absolute;
  z-index: 1000;
  top: 15%;
  left: 25%;
  width: 50%;
  overflow: visible;
  background-color: #fff;
  padding: 2.0em;
  margin: 0;
  color: #666666;
}

.popup-overlay .popup-info.dismissed {
  display: none;
}

.popup-overlay .popup-info-header {
  box-sizing: border-box;
  font: inherit;
  font-weight: normal;
  font-size: 25pt;
  color: black;
  height: 100px;
  width: 100%;
  margin-bottom: 1.0em;
}

.popup-overlay .popup-info-header > em {
  color: #36A5EC;
}

.popup-overlay .popup-info-header > strong {
  font-weight: bold;
}

.popup-overlay .popup-info-header:before {
  content: '';
  float: left;
  margin-right: 0.5em;
  display: block;
  width: 100px;
  height: 100px;
  background-color: #FFCD0D;
  background-image: url(/pic/Langenscheidt-Logo-Neu.png);
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}

.popup-overlay .popup-info-main {
  box-sizing: border-box;
  color: inherit;
  display: block;
  font-size: smaller;
  font-weight: normal;
  height: auto;
  margin-bottom: 1.0em;
  overflow: visible;
  width: 100%;
}

.popup-overlay .popup-info-main > a {
  display: inline-block;
  box-sizing: border-box;
  padding: 2.0em;
  color: #333333;
  width: 50%;
  text-decoration: none;
  vertical-align: top;
  overflow: visible;
}

.popup-overlay .popup-info-main > a > h4 {
  color: #333333;
  font-weight: bold;
  min-height: 2.0em;
}

.popup-overlay .popup-info-main > a > span {
  width: 50%;
  padding-left: 0.5em;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: bottom;
  word-wrap: break-word;
}

.popup-overlay .popup-info-main > a > img {
  width: 50%;
}

.popup-overlay .popup-info-main > a:hover {
  color: inherit;
}

.popup-overlay .popup-info-button {
  color: #fff;
  background-color: #0f2230;
  text-decoration: none;
  width: fit-content;
  display: block;
  padding: 1.0em;
  margin-left: auto;
  margin-right: auto;
  font-weight: bold;
}

.popup-overlay .popup-info-button:hover {
  color: #fff;
}

.popup-overlay .popup-info-close {
  position: absolute;
  width: 1.0em;
  height: 1.0em;
  display: block;
  top: 2.00em;
  right: 2.00em;
  font-size: inherit;
  color: #333333;
  cursor: pointer;
  line-height: 0.9em;
  padding: 0;
  margin: 0;
  text-align: center;
}

.popup-overlay .popup-info-close:before {
  font-size: 1.5em;
  content: '\2715';
}

@media screen and (max-width: 1200px) {
  .popup-overlay .popup-info {
    top: 5%;
    left: 5%;
    width: 90%;
  }
  .popup-overlay .popup-info-header {
    box-sizing: border-box;
    font: inherit;
    font-weight: normal;
    color: inherit;
    font-size: 12pt;
    color: black;
    height: 50px;
    width: 100%;
  }
  .popup-overlay .popup-info-header:before {
    width: 50px;
    height: 50px;
  }
  .popup-overlay .popup-info-main > a {
    width: 100%;
    display: block;
    padding: 1.0em;
    margin-bottom: 1.5em;
  }
}

@media screen and (max-width: 400px) {
  .popup-overlay .popup-info-header {
    font-size: 9pt;
    color: black;
    height: 25px;
    width: 100%;
  }
  .popup-overlay .popup-info-header:before {
    width: 25px;
    height: 25px;
  }
  .popup-overlay .popup-info-main > a {
    font-size: 9pt;
  }
}

@keyframes hover-color {
  from {
    border-color: #c0c0c0;
  }
  to {
    border-color: #3e97eb;
  }
}

.magic-radio,
.magic-checkbox {
  position: absolute;
  display: none;
}

.magic-radio[disabled],
.magic-checkbox[disabled] {
  cursor: not-allowed;
}

.magic-radio + label,
.magic-checkbox + label {
  position: relative;
  display: block;
  padding-left: 30px;
  cursor: pointer;
  vertical-align: middle;
}

.magic-radio + label:hover:before,
.magic-checkbox + label:hover:before {
  animation-duration: 0.4s;
  animation-fill-mode: both;
  animation-name: hover-color;
}

.magic-radio + label:before,
.magic-checkbox + label:before {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 20px;
  height: 20px;
  content: '';
  border: 1px solid #c0c0c0;
}

.magic-radio + label:after,
.magic-checkbox + label:after {
  position: absolute;
  display: none;
  content: '';
}

.magic-radio[disabled] + label,
.magic-checkbox[disabled] + label {
  cursor: not-allowed;
  color: #e4e4e4;
}

.magic-radio[disabled] + label:hover, .magic-radio[disabled] + label:before, .magic-radio[disabled] + label:after,
.magic-checkbox[disabled] + label:hover,
.magic-checkbox[disabled] + label:before,
.magic-checkbox[disabled] + label:after {
  cursor: not-allowed;
}

.magic-radio[disabled] + label:hover:before,
.magic-checkbox[disabled] + label:hover:before {
  border: 1px solid #e4e4e4;
  animation-name: none;
}

.magic-radio[disabled] + label:before,
.magic-checkbox[disabled] + label:before {
  border-color: #e4e4e4;
}

.magic-radio:checked + label:before,
.magic-checkbox:checked + label:before {
  animation-name: none;
}

.magic-radio:checked + label:after,
.magic-checkbox:checked + label:after {
  display: block;
}

.magic-radio + label:before {
  border-radius: 50%;
}

.magic-radio + label:after {
  top: 6px;
  left: 6px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #3e97eb;
}

.magic-radio:checked + label:before {
  border: 1px solid #3e97eb;
}

.magic-radio:checked[disabled] + label:before {
  border: 1px solid #c9e2f9;
}

.magic-radio:checked[disabled] + label:after {
  background: #c9e2f9;
}

.magic-checkbox + label:before {
  border-radius: 3px;
}

.magic-checkbox + label:after {
  top: 2px;
  left: 7px;
  box-sizing: border-box;
  width: 6px;
  height: 12px;
  transform: rotate(45deg);
  border-width: 2px;
  border-style: solid;
  border-color: #fff;
  border-top: 0;
  border-left: 0;
}

.magic-checkbox:checked + label:before {
  border: #3e97eb;
  background: #3e97eb;
}

.magic-checkbox:checked[disabled] + label:before {
  border: #c9e2f9;
  background: #c9e2f9;
}

/*# sourceMappingURL=main.css.map */