:root {
   --sw-blue: #005697;
   --sw-green: #7fba27;
   --sw-grey: #777777;
}

/* Navigation */
.uk-navbar-nav .uk-active {
   text-decoration: underline;
}

.uk-navbar-nav a {
   color: #fff !important;
}

.uk-navbar-nav a:hover {
   text-decoration: underline;
}

.uk-navbar-left {
   position: absolute;
   background: #fff;
   padding: 5px 13px;
   z-index: 1;
   border-radius: 0px 0px 3px 3px;
   box-shadow: 0px 0px 3px rgba(90, 90, 90, 1);
}

#tm-dialog-mobile #module-menu-dialog-mobile a {
   color: #ccc;
   padding: 15px 0px;
}

#tm-dialog-mobile .uk-offcanvas-bar {
   padding-left: 0px;
   padding-right: 0px;
}

#tm-dialog-mobile .uk-active > a {
   background: var(--sw-green);
   color: #fff !important;
}

.tm-header-mobile .uk-navbar-toggle rect {
   color: #fff;
}

/* Accordion */
.uk-accordion .uk-accordion-title {
   border-radius: 3px;
}

/* Header */
.sw-header .el-title {
   color: var(--sw-blue);
   font-size: 42px;
   line-height: 48px;
   font-weight: 700;
   font-style: italic;
   text-shadow: 0px 5px 20px rgba(255, 255, 255, 1);
}

@media (min-width: 1201px) {
   .sw-header .el-title {
      font-size: 80px;
   }
}

.sw-header > div {
   width: 100%;
}

/* Grid */
@media (min-width: 960px) {
   .sw-sender-grid {
      transform: translateY(-40px);
   }

   .uk-section:has(.sw-sender-grid) {
      padding-top: 0px;
   }
}

.sw-sender-grid .sw-play-radio {
   height: 40px;
}

.sw-sender-grid .el-item {
   border-radius: 3px;
   padding: 20px;
}

.sw-sender-grid .el-title {
   font-size: 16px;
   color: #fff;
   text-align: center;
   text-transform: uppercase;
}

.sw-sender-grid .el-title a {
   padding-left: 15px;
}

.sw-sender-grid .el-title a::before {
   content: "";
   position: absolute;
   width: 15px;
   height: 15px;
   background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" width="15px" fill="%23fff"><path d="m380-300 280-180-280-180v360ZM480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Z"/></svg>');
   transform: translate(-20px, 3px);
}

.sw-sender-grid .el-title a:hover {
   color: var(--sw-green) !important;
}

.sw-sender-grid .el-title a:hover::before {
   background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" width="15px" fill="%237fba27"><path d="m380-300 280-180-280-180v360ZM480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Z"/></svg>');
}

@media (max-width: 959px) {
   .sw-soundcloud-grid {
      padding-top: 10px;
   }
}

.sw-soundcloud-grid .el-item {
   background: #D3D3D3;
   border-radius: 3px;
}

.sw-soundcloud-grid .el-item a {
   padding: 10px;
}

.sw-soundcloud-grid .el-item a:hover .el-title {
   color: var(--sw-green);
}

.sw-soundcloud-grid .el-item .el-title {
   color: var(--sw-blue);
   text-align: center;
   font-size: 14px;
   text-transform: uppercase;
   padding-left: 15px;
}

.sw-soundcloud-grid .el-item .el-title::before {
   content: "";
   position: absolute;
   width: 15px;
   height: 15px;
   background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24"><path fill="%23005697" d="M10.464 8.596c.265 0 .48 2.106.48 4.704l-.001.351c-.019 2.434-.226 4.353-.479 4.353c-.256 0-.465-1.965-.48-4.44v-.352c.005-2.557.218-4.616.48-4.616m-1.664.96c.259 0 .47 1.8.48 4.054v.34c-.01 2.254-.221 4.054-.48 4.054c-.255 0-.464-1.755-.48-3.97v-.34l.002-.34c.025-2.133.23-3.798.478-3.798m-1.664 0c.255 0 .464 1.755.48 3.97v.34l-.002.34c-.025 2.133-.23 3.798-.478 3.798c-.259 0-.47-1.8-.48-4.054v-.34c.01-2.254.221-4.054.48-4.054m-1.664.576c.265 0 .48 1.762.48 3.936l-.002.335c-.02 2.017-.227 3.601-.478 3.601c-.262 0-.474-1.717-.48-3.852v-.168c.006-2.135.218-3.852.48-3.852M3.808 11.86c.265 0 .48 1.375.48 3.072v.158c-.013 1.623-.223 2.914-.48 2.914c-.265 0-.48-1.375-.48-3.072v-.158c.013-1.623.223-2.914.48-2.914m10.784-4.8c2.58 0 4.72 1.886 5.118 4.355a3.36 3.36 0 1 1 .993 6.589H12.48a.768.768 0 0 1-.768-.768V7.933a5.16 5.16 0 0 1 2.88-.873M2.144 11.668c.265 0 .48 1.333.48 2.976v.156c-.014 1.57-.223 2.82-.48 2.82c-.26 0-.473-1.29-.48-2.898v-.078c0-1.643.215-2.976.48-2.976m-1.664.96c.265 0 .48.946.48 2.112v.131c-.016 1.105-.225 1.981-.48 1.981c-.265 0-.48-.946-.48-2.112v-.131c.016-1.105.225-1.98.48-1.98"/></svg>');
   transform: translate(-20px, 3px);
}

.sw-soundcloud-grid .el-item a:hover .el-title::before {
   background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24"><path fill="%237fba27" d="M10.464 8.596c.265 0 .48 2.106.48 4.704l-.001.351c-.019 2.434-.226 4.353-.479 4.353c-.256 0-.465-1.965-.48-4.44v-.352c.005-2.557.218-4.616.48-4.616m-1.664.96c.259 0 .47 1.8.48 4.054v.34c-.01 2.254-.221 4.054-.48 4.054c-.255 0-.464-1.755-.48-3.97v-.34l.002-.34c.025-2.133.23-3.798.478-3.798m-1.664 0c.255 0 .464 1.755.48 3.97v.34l-.002.34c-.025 2.133-.23 3.798-.478 3.798c-.259 0-.47-1.8-.48-4.054v-.34c.01-2.254.221-4.054.48-4.054m-1.664.576c.265 0 .48 1.762.48 3.936l-.002.335c-.02 2.017-.227 3.601-.478 3.601c-.262 0-.474-1.717-.48-3.852v-.168c.006-2.135.218-3.852.48-3.852M3.808 11.86c.265 0 .48 1.375.48 3.072v.158c-.013 1.623-.223 2.914-.48 2.914c-.265 0-.48-1.375-.48-3.072v-.158c.013-1.623.223-2.914.48-2.914m10.784-4.8c2.58 0 4.72 1.886 5.118 4.355a3.36 3.36 0 1 1 .993 6.589H12.48a.768.768 0 0 1-.768-.768V7.933a5.16 5.16 0 0 1 2.88-.873M2.144 11.668c.265 0 .48 1.333.48 2.976v.156c-.014 1.57-.223 2.82-.48 2.82c-.26 0-.473-1.29-.48-2.898v-.078c0-1.643.215-2.976.48-2.976m-1.664.96c.265 0 .48.946.48 2.112v.131c-.016 1.105-.225 1.981-.48 1.981c-.265 0-.48-.946-.48-2.112v-.131c.016-1.105.225-1.98.48-1.98"/></svg>');
}

.sw-neuigkeiten-grid .el-title {
   font-size: 20px;
}

.sw-neuigkeiten-grid .el-item {
   display: flex;
   flex-direction: column;
}

.sw-neuigkeiten-grid .el-content {
   margin-bottom: 20px;
}

.sw-neuigkeiten-grid .el-item > div:last-child {
   margin-top: auto !important;
}

/* Table */
.uk-table {
   word-break: break-word;
}

.uk-table thead {
   background: var(--sw-blue);
}

.uk-table th:not(:last-child),
.uk-table td:not(:last-child) {
   border-right: 1px solid #00000033;
}

.uk-table .el-title {
   width: fit-content;
}

/* Knöpfe */
.uk-button-secondary.uk-button-large {
   line-height: 30px;
   padding: 10px 40px;
}

/* Formular */
.convertforms .cf-form-wrap {
   padding: 0px;
}

.convertforms input:focus {
   border-color: #777 !important;
}

/* Cookie Banner */
.tm-cookie-banner > .uk-notification-message {
   font-size: 16px;
}
 
.tm-cookie-banner button {
   font-size: 16px;
   padding: 0 10px;
   line-height: 39px;
   text-transform: none;
   letter-spacing: 0;
}
 
@media(max-width: 439px) {
   .tm-cookie-banner p.uk-margin-small-top {
      text-align: center;
      display: grid;
   }
 
   .tm-cookie-banner button {
      width: fit-content;
      justify-self: center;
   }
 
   .tm-cookie-banner button:nth-child(1) {
      margin-bottom: 15px;
   }
 
   .tm-cookie-banner button:nth-child(2) {
      margin-left: unset!important;
   }
}

/* Footer */
footer .uk-nav a {
   padding: 0px;
   line-height: 26px;
}

footer p,
footer a {
   color: #fff !important;
}

footer a:hover {
   color: var(--sw-green) !important;
}