.upper { text-transform: uppercase; }
.cover { background-size: cover; }

.section-2 { min-height: 0; }

/*
h1 { color: #2ebce7 !important; }
h1 { font-size: 160% !important; font-weight: 700 !important; }
h2 { font-size: 150% !important; }
h3 { font-size: 140% !important; }
h4 { font-size: 120% !important; }
*/

.uui-page-padding-2 { padding: 0 !important; }
.uui-container-large-2 { max-width: 100%; }

a { text-decoration: none !important; color: #2ebce7; }

.modal-content { border-radius: 0 !important; }

body.plone-toolbar-top { padding-left: 0 !important; hyphens: auto; }

.topspace { margin-top: 15px; }

/* body { font-size: 16px !important; line-height: 24px !important; hyphens: auto; lang: de; word-wrap: break-word; } */


.modal-wrapper {
  z-index: 9000;
  opacity: .9;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding: 20px;
  display: flex;
  position: fixed;
  inset: 0%;
  overflow: visible;
}

.modal-background {
  opacity: 1;
  background-color: #d0d0d0;
  position: absolute;
  inset: 0%;
}

.modal-header {
  border-bottom: 1px solid #d0d0d0;
  padding: 5px 10px;
}

.modal-title {
  color: #2ebce7;
  text-transform: uppercase;
}

.modal-footer {
  text-align: right;
  padding-bottom: 10px;
  padding-right: 5px;
}

.modal-card, .modal-content {
  background-color: #fff;
  position: relative;
}

.blue { color: #2ebce7; }
.grey { color: #888888; }
.darkgrey { color: #333333; }

.private { opacity: 0.2; }

p { font-size: 100%; }
.w-row { font-size: 108%; }

.video {
  width: 100%;
  aspect-ratio: 16 / 9;  /* Höhe = Breite * 9/16 */
  height: auto;
  border: 0;
}

.btn-sm { padding: 5px 10px !important; }
.btn-submit { color: white !important; background-color: #2ebce7 !important; font-weight: bold; }
.btn-delete { color: white !important; background-color: red !important; font-weight: bold; }
.btn-cancel { color: #444444 !important; background-color: #dddddd !important; font-weight: bold; }
.btn-edit { color: white !important; background-color: #ffca2c !important; font-weight: bold; }
 
 
.card { border-radius: 0; }
.nav-link.active { font-weight: bold; }
.nav-link { color: inherit; border-radius: 0 !important; }