/*! Style 1.0 2025 | https://www.legato-hamburg.de | KONTUR */

*, *::before, *::after {
  box-sizing: border-box;
}

body,p,b,small,a,h1,h2,h3,h4,h5 {
font-family: 'Noto Sans', Verdana, Arial, sans-serif !important;
color: black;
}

:lang(tr) 	{
    font-family: 'Noto Sans', sans-serif !important;
  /*  font-size: 100%;*/
    }

:lang(af) 	{
    font-size: 101.8%;
    }

:lang(ar) 	{
  font-size: 101.8%;
    }

.left {
  text-align: left !important;
}

.small {
    font-size: 12pt !important;
    }

.af-ar {
    font-size: 15pt !important;
    }

body{
    background-image: url("../Bilder/Header-Titel-hell.png")!important;
    background-position: 95% top!important;
    background-color: #f6f6f6;
    height: 170px;
    background-repeat: no-repeat!important;
}

h1 {
  margin-top:25px; color:#6e6a6a; font-size:2.3em !important;
}

h2 {
  color: #252323; font-size:1.5em !important;
	}

h4 {
	color: #e3a105 !important;
	}


/* Ansprechen mit Klassen-Selektor*/
  .frame-example {
    max-width: 980px;
    height: 750px;
  }

  iframe {
    /*display: block; */
    /*width: 100vh; */
    padding: 0;
    margin: 0;
  }

.contactSelect {
    -webkit-appearance: none; -moz-appearance: none; appearance: none;
      background: url("../Bilder/Pfeil-2.webp") 96% / 15% no-repeat #eee; background-size: 21px 20px;
      width:45%  !important; height:43px !important; border:1px solid #bababa !important;
   	  font-size:0.98em; color: #8c8c8c !important; margin-top:5px; margin-bottom:8px; text-indent:10px !important;
      font-family:'Noto Sans', Arial, sans-serif !important;
      background-color: #fff !important; padding: 0 !important; border-radius: 0;
    	}

.contactField {
    width:98%; height:43px; border:1px solid rgba(207, 207, 207, 1);
    font-size:0.98em; margin-top:5px; margin-bottom:8px; margin-right:40px; text-indent:10px;
    font-family:'Noto Sans', Arial, sans-serif !important;
    }

.contactTextarea {
    padding: 12px 0 0 12px !important;
    width:98%; height:160px; border:1px solid rgba(207, 207, 207, 1); margin-left:0 !important; margin-top:5px;
    margin-bottom:12px; margin-right:40px; font-size:0.97em;
    font-family:'Noto Sans', Arial, sans-serif !important;
    }

.contactSubjectTd {
    padding-left:0!important;
    }

.contactInputTd {
    width:100%; height:30px; padding-left:0 !important; margin-bottom:12px; font-size:0.98em !important;
    }

.focus-visible {
  outline: 2px; border-style: solid !important; border-width: 1px !important; border-radius: 4px; border-color: #ffbb00 !important;
  }

.dont_write {
  vertical-align: bottom;
  width:90px; height:41px; margin-left:10px; margin-top:10px; padding-top:0 !important; border-style:solid;
  border-color: #bababa !important; border-width: 1px; font-size:1.1em; margin-right:40; text-indent:10px !important; }

.contactError {
  text-indent:12px; margin-left:12px; font-size:1.2em; color:red !important;
  }

input[type="submit"] {
    background-color: #1e87f0;
    margin-top:40px;
    margin-bottom:80px !important;
    text-align: center;
    font-family:'Noto Sans', Arial, sans-serif;
    font-size: 0.98em;
    color: #fff;
    padding: 10px 16px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    }

input[type=submit]:hover {
    background-color: #1560aa;
    }

    /* noto-sans-300 - latin_latin-ext */
    @font-face {
      font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
      font-family: 'Noto Sans';
      font-style: normal;
      font-weight: 300;
      src: url('../fonts/noto-sans-v39-latin_latin-ext-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    }

    /* noto-sans-300italic - latin_latin-ext */
    @font-face {
      font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
      font-family: 'Noto Sans';
      font-style: italic;
      font-weight: 300;
      src: url('../fonts/noto-sans-v39-latin_latin-ext-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    }

    /* noto-sans-regular - latin_latin-ext */
    @font-face {
      font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
      font-family: 'Noto Sans';
      font-style: normal;
      font-weight: 400;
      src: url('../fonts/noto-sans-v39-latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    }

    /* noto-sans-italic - latin_latin-ext */
    @font-face {
      font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
      font-family: 'Noto Sans';
      font-style: italic;
      font-weight: 400;
      src: url('../fonts/noto-sans-v39-latin_latin-ext-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    }

    /* noto-sans-500 - latin_latin-ext */
    @font-face {
      font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
      font-family: 'Noto Sans';
      font-style: normal;
      font-weight: 500;
      src: url('../fonts/noto-sans-v39-latin_latin-ext-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    }

    /* noto-sans-500italic - latin_latin-ext */
    @font-face {
      font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
      font-family: 'Noto Sans';
      font-style: italic;
      font-weight: 500;
      src: url('../fonts/noto-sans-v39-latin_latin-ext-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    }

    /* noto-sans-700 - latin_latin-ext */
    @font-face {
      font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
      font-family: 'Noto Sans';
      font-style: normal;
      font-weight: 700;
      src: url('../fonts/noto-sans-v39-latin_latin-ext-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    }

    /* noto-sans-700italic - latin_latin-ext */
    @font-face {
      font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
      font-family: 'Noto Sans';
      font-style: italic;
      font-weight: 700;
      src: url('../fonts/noto-sans-v39-latin_latin-ext-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    }



/* noto-sans-300 - cyrillic */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/noto-sans-v39-cyrillic-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* noto-sans-300italic - cyrillic */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/noto-sans-v39-cyrillic-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* noto-sans-regular - cyrillic */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/noto-sans-v39-cyrillic-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* noto-sans-italic - cyrillic */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/noto-sans-v39-cyrillic-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* noto-sans-700 - cyrillic */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/noto-sans-v39-cyrillic-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* noto-sans-700italic - cyrillic */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/noto-sans-v39-cyrillic-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* ------ Navbar ------ */

.uk-navbar-nav > li > a {
  color: #3a3d37;
}

.uk-offcanvas-close {
  color: #fffcfc!important;
}

/* pply hover style also to focus state and if dropdown is opened */
.uk-navbar-nav > li:hover > a,
.uk-navbar-nav > li > a:focus,
.uk-navbar-nav > li > a[aria-expanded="true"] {
  color: #ed8026!important;
  outline: none;
}
/* OnClick */
.uk-navbar-nav > li > a:active {
  color: #0b477e!important;
}
/* Active */
.uk-navbar-nav > li.uk-active > a {
  color: #0b477e!important;
  text-decoration: underline;
}

/* Item
 ========================================================================== */
.uk-navbar-item {
  color: #262626;
}

/* Toggle
 ========================================================================== */
.uk-navbar-toggle {
  color: #262626;
}
.uk-navbar-toggle:hover,
.uk-navbar-toggle:focus,
.uk-navbar-toggle[aria-expanded="true"] {
  color: #666 !important;
  outline: none;
  text-decoration: none;
}

/* ------ Linien ------ */

.uk-section-default:not(.uk-preserve-color) .uk-grid-divider > :not(.uk-first-column)::before {
  border-left-color: #ed8026 !important;
}

.sep:before {
  content: '';
  top: 230px;

  height: 90%!important;
  position: absolute;
  border-left: 1px solid #ed8026;
}

.ecke {
	border-radius: 5px;
}

.dietollelinie {
  border-style: solid;
  border-color: #ffbb00 !important;
  border-width: 2px;
  }

.dietollelinie-2 {
  border-style: solid;
  border-color: #1560aa !important;
  border-width: 1px;
  }

.border-1 {
  border-style: solid;
  border-width: 1px !important;
  border-color: #e3a105 !important;
  }

.dertollebalken {
    border-style: solid;
    border-width: 4px;
    border-color: #FFAA4D/*#00aa34*/;
    }

/* ------ Label ------ */

.uk-label-praejus {
    background-color: #76B538;
    color:#fff
}

.uk-label-disengagement {
    background-color: #0093c9;
    color:#fff
}

.uk-label-quali {
    background-color: #d37f32;
    color:#fff
}

.uk-label-clearing {
    background-color: #00943a;
    color:#fff
}

.uk-label-beratung {
    background-color: #ed8026;
    color:#fff
}

/* ------ Textfarben ------ */

.uk-link {
  color: #a30b00 !important;
  text-decoration: underline; 
  }

.farbe-Legato-disengagement {
  color: #0093c9 !important;
  }

.farbe-kf {
  color: #FFB300 !important;
  }

.farbe-kf-d {
  color: #e3a105 !important;
  }

.farbe-Legato-quali {
  color: #d37f32 !important;
  }

.farbe-Legato-clearing {
  color: #00943a !important;
  }

.farbe-Legato-beratung {
  color: #ed8026 !important;
  }

.farbe-Legato-gr {
  color: #76B538 !important;
  }

.farbe-Legato-grau {
  color: #807D7D !important;
  }

.farbe-Legato {
  color: #666 !important;
  }

.farbe {
  color: #0b477e !important;
  }

.farbe-zwo {
  color: #9e2325 !important;
  }

.farbe-white {
  color: #f0f0f0 !important;
  }

.farbe-black {
	color: #000000
	}

/* ------ Backgrounds ------ */

.uk-label  {
  background-color: #9e2325 !important;
  color: #fff !important;
}


.uk-button-primary {
  background-color: #0b477e;
  color: #fff;
  border: 1px solid transparent;
}
/* Hover */
.uk-button-primary:hover {
  background-color: #b81307;
  color: #fff;
}

.site-menu {
  background: #0b477e !important;
}

.button-gruen {
  background: #3c7a01 !important;
}

.uk-background-footer {
  background: #efeae6 !important;
}

.background-footer {
  background: #ed8026 !important;
}

.uk-back {
  background: #0b477e !important;
}

.uk-muted {
  background-color: #f6f6f6 !important;
  }

.uk-section-muted  {
  background-color: #f6f6f6 !important;
  }

/* ------ Abstände ------ */

.t-abstand {
  line-height: 32px;
}

.sprung {
	display: block;
	padding-top: 10px !important;
	z-index: 1599;
}

.abstand-logo {
	margin-bottom: 0px !important;
  }

.abstand-illu {
  left: 0 !important;
  }

.abstand {
  margin-top: 40px !important;
  }

.abstand-rechts {
	  margin-left: 6px !important;
	  }

.abstand-unten {
  margin-bottom: 6em !important;
  }

.hoch-titel {
	height: 160px;
	top: 0;
}

.hoch-logo {
	height: 400px;
	top: 0;
}

.anker {
	display:block;
	top: -100px !important;
}

.breit {
  width: 100%;
  height: 100%;
  }