@import url("https://fonts.googleapis.com/css?family=Lato:300,400,700");
@import url("https://fonts.googleapis.com/css?family=Roboto:100,200,300,400,500,700");
.dialog {
  width: 340px;
  position: relative; }
  .theme-d3a .dialog {
    background-color: #043d53; }
  .theme-verbund .dialog {
    background-color: #043d53; }
  .dialog__close {
    background: none;
    border: 0;
    position: absolute;
    right: 0;
    cursor: pointer; }
    .theme-d3a .dialog__close svg {
      fill: #35d7c6; }
    .theme-verbund .dialog__close svg {
      fill: #35d7c6; }
    .theme-d3a .dialog__close:hover svg {
      fill: #a666ff; }
    .theme-verbund .dialog__close:hover svg {
      fill: #a666ff; }
    .dialog__close:focus {
      outline: 0; }
  .dialog__header {
    position: relative;
    padding-bottom: 10px; }