@import url("editor.css");

.uk-link, a {
 text-decoration-thickness: 2px;
 text-underline-offset: 4px;
} 

@font-face {
  font-family: "RapidaL";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/RapidaL-Regular.woff2") format("woff2");
}

@font-face {
  font-family: "RapidaL";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/RapidaL-Medium.woff2") format("woff2");
}

@font-face {
  font-family: "RapidaL";
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/RapidaL-RegularItalic.woff2") format("woff2");
}

strong, b {
 font-weight: 500;
}


.wf_caption {
 font-size: .7rem;
}


.uk-navbar {
 justify-content: right;
}

div div.mod-languages li {
 margin: 0;
}

div.mod-languages .uk-subnav > * {
 padding-left: 0;
}

div.mod-languages .uk-subnav a {
 padding: 0 15px 0 0;
}

.txtIndent, .panelIndent div.el-content p:first-child {
 text-indent: 60px;
 text-indent: 0;
}
#katId11 .panelIndent div.el-content p:first-child {
 text-indent: 0;
}

.uk-modal-dialog  .uk-search-input {
 color: #333;
}
.uk-modal-dialog  .uk-search-input::placeholder {
 color: #999;
}


#sideDom .uk-nav a,#sideDom .uk-subnav {
 padding-left: 30px;
 position: relative;
}

#sideDom .uk-nav a:hover:before, #sideDom .uk-nav .uk-active a:before {
 content: "►";
 position: absolute;
 font-size: .72rem;
 left:0;
 top:50%;
 transform: translateY(-50%);
 color: #9e9e9e;
 font-family:arial;
}

.uk-subnav .uk-active a {
 font-style: italic;
}

.uk-subnav li:first-child a:after {
 content: "/";
 display: inline-block;
 padding-left: 10px;
}

footer a {
 text-decoration: none;
}
footer .uk-subnav>*>a:hover {
 color: #9e9e9e;
}

.txtMaxW {
 max-width: 1024px;
}

.marginTop2Nav {
 margin-top: 10px;
}

main {
 min-height: calc(100vh - 265px);
}
a[href*="task=article.edit"] {
 display: none !important;
}
header {
 margin-top: 1.4rem;
}

blockquote {
 font-size: 1.45rem;
 border-left: 2px solid #333;
 padding-left: 45px;
 margin: 3vw 0;
}

h2.uk-text-italic {
font-size: 108%;
}

.katId19,.katId19 h2,.katId19 h3,.katId19 h4 {
 font-size: .8rem;
}
.katId19 h2,.katId19 h3,.katId19 h4 {
 font-weight: bold;
}
#mainTxt {
 container-type: inline-size;
}
#mainTxt p {
 margin: 0 0 .90rem 0;
}

.uk-offcanvas-bar {
 border-left: 1px solid #24282f;
}

.uk-offcanvas-bar a:hover,.uk-offcanvas-bar .uk-active a,.uk-offcanvas-bar a:focus {
 font-style: italic;
 color: #24282f !important;
}

.uk-navbar-toggle-icon svg {
 width: 28px;
 height: 28px;
}

.uk-navbar-toggle-icon svg .line-1{
 width: 90%;
}
.uk-navbar-toggle-icon svg .line-4{
 width: 80%;
}

body.about #mainTxt img {
 margin: 0 15px 0 0 !important;
}

a[href$=".pdf"] {
 position: relative;
 padding-left: 1.5rem; /* Platz für das Icon */
 white-space: nowrap;
}

a[href$=".pdf"]::before {
 content: "";
 position: absolute;
 left: 0;
 top: 50%;
 transform: translateY(-50%);
    width: 1.4em;
    height: 1.4em;
 mask: url("/templates/yootheme/vendor/assets/uikit/src/images/icons/arrow-down.svg") no-repeat center;
 -webkit-mask: url("/templates/yootheme/vendor/assets/uikit/src/images/icons/arrow-down.svg") no-repeat center;
    mask-size: contain;
    -webkit-mask-size: contain;
     background-color: currentColor; 
}

/* Platz für das Icon schaffen */
.txtMaxW  a[href^="https://"] {
    position: relative;
    padding-right: 1.6rem;
white-space: nowrap;
}

/* Icon rechts einfügen */
.txtMaxW  a[href^="https://"]::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);

    /* Icon-Größe */
    width: 1.4em;
    height: 1.4em;

    /* UIkit Icon als Mask */
    mask: url("/templates/yootheme/vendor/assets/uikit/src/images/icons/arrow-up-right.svg") no-repeat center;
    -webkit-mask: url("/templates/yootheme/vendor/assets/uikit/src/images/icons/arrow-up-right.svg") no-repeat center;

    mask-size: contain;
    -webkit-mask-size: contain;

    background-color: currentColor;
}


.silverHover svg:hover path {
 fill: #9e9e9e;
}

@media (max-width:1440px) {

.uk-logo {
font-size: 1.3rem;
}

html {
font-size: 1.45em;
line-height: 1.4;
}

blockquote {
font-size: 1.3rem;
padding-left: 30px
}

.h1, .uk-h1, h1 {
font-size: 2rem;
margin-bottom: 1.5rem;
}

.uk-heading-medium {
font-size: 1.1rem;
line-height: 1.3;
}

.uk-nav-default {
 font-size: 1.1rem;
 line-height: 1.25;
}

.display-1, .display-2, .uk-heading-large {
font-size: 2rem; 
}
body.about #mainTxt img {
 margin: 0 25px 25px 0 !important;
}
}

@media (max-width:660px) {
 body.about #mainTxt div {
  float: none !Important;
 }
}

@media (max-width:432px) {

.uk-logo {
font-size: 1.4rem;
}

html {
font-size: 1.1rem;
line-height: 1.3;
}

blockquote {
font-size: 1rem;
padding-left: 20px
}

.h1, .uk-h1, h1 {
font-size: 1.6rem;
margin-bottom: 1rem;
}

.uk-heading-medium {
font-size: 1.1rem;
line-height: 1.2;
}

.display-1, .display-2, .uk-heading-large {
font-size: 1.6rem; 
}

}