html {
  padding-bottom:1em;
}
body {
    /* background-image: linear-gradient(135deg, #96f8db 16.67%, #ffffff 16.67%, #ffffff 50%, #96f8db 50%, #96f8db 66.67%, #ffffff 66.67%, #ffffff 100%);*/
    background-size: 100px 100px;
    background-repeat: repeat;
}

h1, h2, h3, h4, h5, h6, p.lead {
  font-family: 'Oswald',apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  font-weight:300;
}

/* Markierung der Auf- bzw. Zuklappbarkeit bei den Kopfzeilen der Bereiche im 
    Editmode */  
h5.card-header::before {
    font-family: "Font Awesome 5 Pro";
    content: "\f077";
    padding-right: 15px;
    margin: 0;
    vertical-align: inherit;
    border: none;
}

h5.card-header.collapsed::before {
    content: "\f078";
}


img.imperia-logo {
  margin-left:1rem;
}
/*
div.container {
  background-color:#ffffff;
  padding-top:30px;
  padding-right:30px;
  padding-bottom:50px;
  padding-left:30px;
  box-shadow: 9px 9px 20px 0px rgba(0,0,0,0.5);
  margin-bottom:50px;
  transition: margin-top 0.5s, max-width 0.5s;
}
/*
input, select {
  box-sizing: border-box;
  width:100%;
}
*/

/* Label die Titel haben, werden unterstrichen */
label[title] {
  text-decoration: underline dotted;
  cursor:help;
}
/*
.description {
  color:#808080;
  margin-bottom: 0.4rem;
}

/* Schlechtes Aussehen von Eingabefeldern mit der verwendeten Schriftart
   reparieren */
/*
.form-control {
  line-height:normal;
  /* In mittlerer Breite sollen zusammengehörige Eingabefelder trotzdem einen
     unteren Abstand haben */
/*
  margin-bottom:0.3rem;
}
select.form-control:not([size]):not([multiple]){
  height:auto;
}

*/

/* Karten-Titel und -Fußzeilen sollen Mauszeiger als Hand bekommen */
h5.card-header, div.card-footer {
  cursor: pointer
}

/* Der untere Abstand von Eingabefeldern wird .form-group wieder abgenommen */
.form-group {
  margin-bottom: 0.5rem;
}

/* Die Beschriftung bei Flexmodul-Einfügungen soll in einer Zeile laufen */

div.control_element.i-control-flex.i-controls-main div.ce_body div.ce_body_l label {
  margin-bottom:0;
}

/* Kein unterer Abstand bei Imperiablock-Köpfen */
#imperia div.control_element {
  margin-bottom:0;
}

/* hellgraue Hinterlegung der Imperiablock-Eingabe */
#imperia div.i-instance-container {
  margin:0;
  background-color:rgba(0,0,0,0.06);
  padding:5px;
}

/* hellgraue Hinterlegung der Imperiablock-Inhalte */
div.iblock-instance {
  background-color:rgba(0,0,0,0.06);
}

/* Zeilen bei mehrspaltigen Formularen sollen graue Hinterlegung erhalten */
/*
.form-group.row {
  background-color:rgba(0,0,0,0.06);
}
*/

/*
label.icon {
  background-repeat:no-repeat;
  background-position:15px 6px;
  padding-left:50px;
}

/* Auf schmalen Bildschirmen bekommt der Container einen oberen Abstand,
   damit das Logo nicht überdeckt wird */
/*
@media only screen and (max-width: 1600px) {
  div.container {
    margin-top:60px;
  }
}

/* Rechter und linker Abstand für Flexmodule */
/*
div.i-instance-content {
  margin-right:2em;
  margin-left:2em;
}

/* Pflichtfelder: zunächst keine Umrandung */
:required {
    box-shadow: none;
}

:required:after {
    content:" *";
}

input.form-control.is_invalid {
    border-color:red;
}

/* Nicht erfüllte Patterns */
input.form-control:invalid {
    border-color:red;
}

/* Kasten des Datei-Uploads aus optischen Gründen breiter gemacht und als 
   Tabelle dargestellt */
div#file_upload div.control_element {
  width:100% !important;
} 

/* Anpassung der Imperia-Designelemente an das neue helle Layout */
div.container .i-controls-base {
  background-color:#5a6268;
}

/* Abstand in Flexmodul-Instanzen */
#imperia div.container .i-instance-content {
  background-color:rgba(0,0,0,0.03);
  padding:0.5em;
}



#imperia select option:disabled {
    background-color:#e0e0e0;
    font-weight:bold;
}

/* Flaggen */

i.flag-de {
  position: relative;
  display: inline-block;
  width: 1.33333333em;
  line-height: 1em;
  height: 1em;
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJmbGFnLWljb24tY3NzLWRlIiB3aWR0aD0iNjQwIiBoZWlnaHQ9IjQ4MCI+CiAgPHBhdGggZmlsbD0iI2ZmY2UwMCIgZD0iTTAgMzIwaDY0MHYxNjAuMDAySDB6Ii8+CiAgPHBhdGggZD0iTTAgMGg2NDB2MTYwSDB6Ii8+CiAgPHBhdGggZmlsbD0iI2QwMCIgZD0iTTAgMTYwaDY0MHYxNjBIMHoiLz4KPC9zdmc+Cg==');
}

i.flag-en {
  position: relative;
  display: inline-block;
  width: 1.33333333em;
  line-height: 1em;
  height: 1em;
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJmbGFnLWljb24tY3NzLWdiIiB3aWR0aD0iNjQwIiBoZWlnaHQ9IjQ4MCI+CiAgPGRlZnM+CiAgICA8Y2xpcFBhdGggaWQ9ImEiPgogICAgICA8cGF0aCBmaWxsLW9wYWNpdHk9Ii42NyIgZD0iTS04NS4zMzMgMGg2ODIuNjd2NTEyaC02ODIuNjd6Ii8+CiAgICA8L2NsaXBQYXRoPgogIDwvZGVmcz4KICA8ZyBjbGlwLXBhdGg9InVybCgjYSkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDgwKSBzY2FsZSguOTQpIj4KICAgIDxnIHN0cm9rZS13aWR0aD0iMXB0Ij4KICAgICAgPHBhdGggZmlsbD0iIzAwNiIgZD0iTS0yNTYgMEg3NjguMDJ2NTEyLjAxSC0yNTZ6Ii8+CiAgICAgIDxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0tMjU2IDB2NTcuMjQ0bDkwOS41MzUgNDU0Ljc2OEg3NjguMDJWNDU0Ljc3TC0xNDEuNTE1IDBILTI1NnpNNzY4LjAyIDB2NTcuMjQzTC0xNDEuNTE1IDUxMi4wMUgtMjU2di01Ny4yNDNMNjUzLjUzNSAwSDc2OC4wMnoiLz4KICAgICAgPHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE3MC42NzUgMHY1MTIuMDFoMTcwLjY3VjBoLTE3MC42N3pNLTI1NiAxNzAuNjd2MTcwLjY3SDc2OC4wMlYxNzAuNjdILTI1NnoiLz4KICAgICAgPHBhdGggZmlsbD0iI2MwMCIgZD0iTS0yNTYgMjA0LjgwNHYxMDIuNDAySDc2OC4wMlYyMDQuODA0SC0yNTZ6TTIwNC44MSAwdjUxMi4wMWgxMDIuNFYwaC0xMDIuNHpNLTI1NiA1MTIuMDFMODUuMzQgMzQxLjM0aDc2LjMyNGwtMzQxLjM0IDE3MC42N0gtMjU2ek0tMjU2IDBMODUuMzQgMTcwLjY3SDkuMDE2TC0yNTYgMzguMTY0VjB6bTYwNi4zNTYgMTcwLjY3TDY5MS42OTYgMGg3Ni4zMjRMNDI2LjY4IDE3MC42N2gtNzYuMzI0ek03NjguMDIgNTEyLjAxTDQyNi42OCAzNDEuMzRoNzYuMzI0TDc2OC4wMiA0NzMuODQ4djM4LjE2MnoiLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=');
}

i.flag-cn {
  position: relative;
  display: inline-block;
  width: 1.33333333em;
  line-height: 1em;
  height: 1em;
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBpZD0iZmxhZy1pY29uLWNzcy1jbiIgd2lkdGg9IjY0MCIgaGVpZ2h0PSI0ODAiPgogIDxkZWZzPgogICAgPHBhdGggaWQ9ImEiIGZpbGw9IiNmZmRlMDAiIGQ9Ik0tLjU4OC44MUwwLTEgLjU4OC44MS0uOTUyLS4zMUguOTUyeiIvPgogIDwvZGVmcz4KICA8cGF0aCBmaWxsPSIjZGUyOTEwIiBkPSJNMCAwaDY0MHY0ODBIMHoiLz4KICA8dXNlIHdpZHRoPSIzMCIgaGVpZ2h0PSIyMCIgdHJhbnNmb3JtPSJtYXRyaXgoNzEuOTk5MSAwIDAgNzIgMTE5Ljk5OSAxMjApIiB4bGluazpocmVmPSIjYSIvPgogIDx1c2Ugd2lkdGg9IjMwIiBoZWlnaHQ9IjIwIiB0cmFuc2Zvcm09Im1hdHJpeCgtMTIuMzM1NjIgLTIwLjU4NzEgMjAuNTg2ODQgLTEyLjMzNTc3IDI0MC4yOTEgNDcuOTk2KSIgeGxpbms6aHJlZj0iI2EiLz4KICA8dXNlIHdpZHRoPSIzMCIgaGVpZ2h0PSIyMCIgdHJhbnNmb3JtPSJtYXRyaXgoLTMuMzg1NzMgLTIzLjc1OTk4IDIzLjc1OTY4IC0zLjM4NTc4IDI4Ny45NSA5NS43OTYpIiB4bGluazpocmVmPSIjYSIvPgogIDx1c2Ugd2lkdGg9IjMwIiBoZWlnaHQ9IjIwIiB0cmFuc2Zvcm09Im1hdHJpeCg2LjU5OTEgLTIzLjA3NDkgMjMuMDc0NiA2LjU5OTE5IDI4Ny45NTkgMTY4LjAxMikiIHhsaW5rOmhyZWY9IiNhIi8+CiAgPHVzZSB3aWR0aD0iMzAiIGhlaWdodD0iMjAiIHRyYW5zZm9ybT0ibWF0cml4KDE0Ljk5OTEgLTE4LjczNTU3IDE4LjczNTMzIDE0Ljk5OTI5IDIzOS45MzMgMjE2LjA1NCkiIHhsaW5rOmhyZWY9IiNhIi8+Cjwvc3ZnPgo=');
}

i.flag-es {
  position: relative;
  display: inline-block;
  width: 1.33333333em;
  line-height: 1em;
  height: 1em;
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJmbGFnLWljb24tY3NzLWVzIiB3aWR0aD0iNjQwIiBoZWlnaHQ9IjQ4MCI+CiAgPHBhdGggZmlsbD0iI2M2MGIxZSIgZD0iTTAgMGg2NDB2NDgwSDB6Ii8+CiAgPHBhdGggZmlsbD0iI2ZmYzQwMCIgZD0iTTAgMTIwaDY0MHYyNDBIMHoiLz4KPC9zdmc+Cg==');
}

i.flag-fr {
  position: relative;
  display: inline-block;
  width: 1.33333333em;
  line-height: 1em;
  height: 1em;
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJmbGFnLWljb24tY3NzLWZyIiB3aWR0aD0iNjQwIiBoZWlnaHQ9IjQ4MCI+CiAgPGcgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2Utd2lkdGg9IjFwdCI+CiAgICA8cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCAwaDY0MHY0ODBIMHoiLz4KICAgIDxwYXRoIGZpbGw9IiMwMDI2N2YiIGQ9Ik0wIDBoMjEzLjMzN3Y0ODBIMHoiLz4KICAgIDxwYXRoIGZpbGw9IiNmMzE4MzAiIGQ9Ik00MjYuNjYyIDBINjQwdjQ4MEg0MjYuNjYyeiIvPgogIDwvZz4KPC9zdmc+Cg==');
}

i.flag-tr{
    position:relative;
    display:inline-block;
    width:1.33333333em;
    line-height:1em;
    height:1em;
    background-size:contain;
    background-position:50%;
    background-repeat:no-repeat;
    background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2NDAiIGhlaWdodD0iNDgwIj48ZyBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGZpbGw9IiNmMzE5MzAiIGQ9Ik0wIDBoNjQwdjQ4MEgweiIvPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik00MDYuOTc3IDI0Ny40NzNjMCA2Ni4yMTUtNTQuNjA2IDExOS44OS0xMjEuOTcgMTE5Ljg5UzE2My4wNCAzMTMuNjg2IDE2My4wNCAyNDcuNDcyczU0LjYwNi0xMTkuODkgMTIxLjk2OC0xMTkuODkgMTIxLjk3IDUzLjY3NyAxMjEuOTcgMTE5Ljg5eiIvPjxwYXRoIGZpbGw9IiNmMzE4MzAiIGQ9Ik00MTMuMDc3IDI0Ny40NjdjMCA1Mi45Ny00My42ODYgOTUuOTEtOTcuNTc1IDk1Ljkxcy05Ny41NzQtNDIuOTQtOTcuNTc0LTk1LjkxIDQzLjY4Ni05NS45MSA5Ny41NzQtOTUuOTEgOTcuNTc1IDQyLjk0IDk3LjU3NSA5NS45MXoiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNNDMwLjcyNiAxOTEuNDY1bC0uOTg1IDQ0LjMxOC00MS4zNDUgMTEuMjI1IDQwLjc1NiAxNC41MTQtLjk4NCA0MC42NDIgMjYuNTgtMzEuNzM4IDQwLjE2NCAxMy45MzQtMjMuMjMzLTM0LjA2IDI4LjM1Mi0zMy44NjgtNDMuNTEzIDExLjk5OC0yNS43OTMtMzYuOTY0eiIvPjwvZz48L3N2Zz4=");
}

/* Meldung beim Speichern soll tiefer erscheinen und nicht hinter der Kopfzeile */
div#popup_status {
    top: 110px;
    z-index: 1021;
}

/* Auswahl-Dropdown für Überschriften etc. soll breiter erscheinen */
span.cke_combo__styles span.cke_combo_text {
    width:200px;
}
div.cke_combopanel {
    width:230px;
} 

/* Kalender-Widget: */

/* Z-index vergrößert, damit auch auf dem Modal der Kalender oben drüber liegt */
body div.calendar {
    z-index:1051;
} 

/* Schaltflächen für Monats- und Jahressprünge sollen wie bisher erscheinen */
div.calendar td.nav { 
    display:table-cell;
}

/* Drag & Drop */
ul.sortable {
    border: 1px solid #ced4da;
    border-radius: .25rem;
    padding:0.5em;
    list-style-type: none;
}
li.ui-sortable-handle {
    cursor:move;
    background-color: #efefef;
    padding: 0.5em;
    margin-bottom:0.2em;
    border-radius:0.2em;
}
li.ui-sortable-handle:last-child {
    margin-bottom:0;
}            
li.ui-sortable-handle.ui-sortable-helper {
    cursor:grabbing;
    box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.10);
}
li.ui-sortable-handle i {
    color:#c0c0c0;
    margin-right:0.5em;
}  

/* Schon für Imperia 10 vorbereitet */

/* Buttons größer */
form#imperia .btn,
.navbar .btn {
    font-size:16px;
}

/* Rahmen für nicht ausgewählte Buttons wieder sichtbar machen */
.btn.btn-outline-primary,
.navbar {
    border-color:#007bff;
}

/* Blauton auf Bootstrap-Standard zurücksetzen */
.navbar .btn-primary {
    background-color: #007bff;
    border-color: #007bff;
}

/* Runde Ecken bei den Bildeinfügungen */
table.i-ac-img-instance,
table.i-ac-img-instance td {
    /* border-radius: .25rem; */
}