@CHARSET "UTF-8";
html {
    scroll-padding-top: 72px;
}

html, body {
    margin: 0;
    padding: 0;
    height: 100%;
}

/* Remove style after redesign */
@media (min-width: 1200px) {
  .container {
    max-width: 1170px;
  }
}
/* end */

body {
    background-color: #C3C19A;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

/* Bootstrap 5 underlines links by default; Bootstrap 4 left them undecorated
   and only underlined on hover. Restore that behaviour. */
a {
    color: #F48C22;
    text-decoration: none;
}
a:hover {
  color: #6B6A55;
  text-decoration: underline;
}

/* Components Bootstrap 4 also kept undecorated on hover. Bootstrap 5 opts them
   out in their base rule only, which the a:hover rule above would outrank. */
.btn:hover, .btn:focus,
.nav-link:hover, .nav-link:focus,
.navbar-brand:hover, .navbar-brand:focus,
.dropdown-item:hover, .dropdown-item:focus,
.page-link:hover, .page-link:focus {
    text-decoration: none;
}

p {
    margin-top: 0;
    margin-bottom: 0;
}

p:not(:last-child) {
    margin-bottom: 1rem;
}

/* Headings */
h1,h2,h3,h4 {
    font-weight: 400;
}
h1 {
    border-bottom: 1px solid #000;
    margin: 15px 0 20px;
    padding-bottom: 9px;
    font-size: 2.3rem;
}
header strong {
	margin-bottom: 5px;
	display: block;
}


/* Heading anchor links */
h1 .anchor,
h2 .anchor,
h3 .anchor,
h4 .anchor,
h5 .anchor,
strong .anchor {
  opacity: 0;
  display: inline-block;
  text-decoration: none;
  transition: opacity 0.15s ease;
}

h2:hover .anchor,
h3:hover .anchor,
h4:hover .anchor,
h5:hover .anchor,
strong:hover .anchor {
  opacity: 1;
}

pre {
    border: 1px solid #ccc;
    border-radius: 5px;
    word-wrap: break-word;
    padding: 1em;
    background: #f5f2f0;
}

code {
    background-color: #f9f2f4;
    border-radius: 4px;
    white-space: nowrap;
}

/* Eigene Styles */

/* Bootstrap 5 narrowed the default grid gutter from 30px to 24px. Keep the
   Bootstrap 4 gutter so column widths and text edges stay where they were.
   .row redeclares the variable, so it has to be set on both. */
.content-area,
.content-area .row {
    --bs-gutter-x: 30px;
}

.content-area {
    /*background: url("../Images/content-lg-bg.png") repeat-y scroll 0 0 #fff;*/
    /*background: #fff;*/
    min-height: 100%;
    margin-top: 52px;
    display: flex;
}
.content-area .row {
    flex: 1;
}

.box-shaddow {
    -webkit-box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.5); /* WebKit */
    -moz-box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.5); /* Firefox */
    box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.5); /* Standard */
}

.navbar .account-options > a.dropdown-toggle:after {
    display: none;
}

.divider-vertical.divider-vertical-second {
    margin: -3px;
}

/*
.box-shaddow {
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.1);
}
*/
.form-search {
    margin-bottom: 18px;
}
.row-login-status {
    min-height: 31px;
    margin-bottom: 3px;
}

/* Sidebar toggle */
.navbar-toggle-button {
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 4px;
    float: left;
    margin: 8px 0 8px 5px;
    padding: 9px 10px;
    position: relative;
}
.navbar .navbar-toggle-button .icon-bar {
    background-color: #FFFFFF;
}
.navbar-toggle-button .icon-bar + .icon-bar {
    margin-top: 4px;
}
.navbar-toggle-button .icon-bar {
    border-radius: 1px;
    display: block;
    height: 2px;
    width: 22px;
}

div.meta {
    border-top: 1px solid #ccc;
    color: #888;
    background-color: #f5f5f5;
    padding: 4px 10px;
    margin: 30px 0 10px 0;
    font-size: 0.8rem;
    text-align: right;
}

/* Typo3 Styles */
/*
ul.csc-menu-3 {
    background: #efefef;
    margin: 0;
    padding: 10px 15px;
    list-style-type: none;
    border: 1px solid #aaa;
    float: left;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
*/
ul.csc-menu-3:after {
    content: ' ';
    clear: both;
}
ul.csc-menu-3 a {
    color: #444;
/*
    display: block;
    padding: 5px;
*/
}
ul.csc-menu-3 a:hover {
    color: #6B6A55;
}



/* Navigation */
li.spacer {
    padding: 10px 0 0 10px;
    font-weight: bold;
    border-bottom: 1px solid #000000;
}




/* Wiki Tabelle */
table.wikitable {
    background: none repeat scroll 0 0 #F9F9F9;
    border: 1px solid #AAAAAA;
    border-collapse: collapse;
    color: black;
    margin: 1em 20px 1em 20px;
    line-height: 1.5em;
}
.wikitable th {
    background: none repeat scroll 0 0 #F2F2F2;
    text-align: center;
}
.wikitable th, .wikitable td {
    border: 1px solid #AAAAAA;
    padding: 0.4em;
    vertical-align: top;
}




/* Sidebar */
.sidebar {
    /*background: #6b6a55;*/
    padding-top: 25px;
}
.content-main {
    padding-top: 25px;
}

.sidebar ul.nav li.active {
    border-left: 1px solid #7C7B66;
    border-top: 1px solid #7C7B66;
    border-bottom: 1px solid #7C7B66;
}

.sidebar ul.nav > li > ul,
.sidebar ul.nav > li.active {
    background: #595847;
}

.sidebar ul.nav > li > ul > li > ul,
.sidebar ul.nav > li > ul > li.active {
    background: #4F4E3F;
}

.sidebar ul.nav > li > ul > li > ul > li > ul,
.sidebar ul.nav > li > ul > li > ul > li.active {
    background: #474739;
}

.sidebar ul.nav > li > ul > li > ul > li > ul > li > ul,
.sidebar ul.nav > li > ul > li > ul > li > ul > li.active {
    background: #403F33;
}

.sidebar ul.nav ul {
    list-style-type: none;
    padding-left: 10px;
}


.sidebar .nav li a {
    display: block;
    padding: 10px 10px;
    position: relative;
    color: #DBD8AB;
    text-decoration: none;
    text-shadow: 0 1px 1px #000000;
}
.sidebar .nav li a.current, .sidebar .nav li a:hover, .sidebar .nav li a:focus {
    background-color: #7C7B66;
}

.login-status {
    overflow: hidden;
    padding-left: 2px;
/*	border-bottom: 1px solid #000;*/
}
.login-image {
    float: left;
    margin-right: 10px;
}
.login-username {
    padding: 5px;
    color: #C3C19A;
    text-shadow: 0 1px 1px #000000;
}




/* Überschriebene/Erweiterte Bootrap Styles */

/* Top bar */
header .navbar {
    padding: 0;
}

header .navbar {
  background-image: -webkit-linear-gradient(top, #3c3c3c 0%, #222 100%);
  background-image:         linear-gradient(to bottom, #3c3c3c 0%, #222 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
}

header .navbar .container {
    padding: 0;
    justify-content: left;
}

header .navbar .navbar-nav li > a.nav-link {
    color: #C2C2A0;
    font-weight: bold;
    font-size: 100%;
    padding: .7rem .8rem;
}

header .navbar .navbar-nav .nav-link.active {
  background-image: -webkit-linear-gradient(top, #222 0%, #282828 100%);
  background-image:         linear-gradient(to bottom, #222 0%, #282828 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff282828', GradientType=0);
  background-repeat: repeat-x;
  -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25);
          box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25);
}

header .navbar .divider-vertical {
    height: 50px;
    border-left: 1px solid #222;
    border-right: 1px solid #333;
    float: left;
}

header .navbar .navbar-brand {
    font-weight: bold;
    font-size: 22px;
    color: #C2C2A0;
    padding: 15px 5px;
    margin: 0;
    outline: none;
}

@media (min-width: 992px) {
    header .navbar .navbar-brand {
        padding: 15px 60px;
    }
}

.navbar {
    margin-bottom: 0;
}
.navbar .fab.fa-typo3::before {
  color: inherit;
}

.navbar-brand-area {
    text-align: center;
    line-height: 22px;
    height: 100%;
    /* Bootstrap 4 baked the gutter into .col-*; Bootstrap 5 only applies it to
       children of a .row, and this column is a direct child of .navbar. */
    padding-right: 15px;
    padding-left: 15px;
}

/* Bootstrap 5 dropped display:inline-block from .navbar-brand (it relies on the
   brand being a flex item). Here it sits inside .navbar-brand-area, so without
   this it stays inline, its vertical padding stops counting and the fixed
   navbar loses 2px of height. */
.navbar-brand {
    display: inline-block;
}

/* Bootstrap 5 zeroed the breadcrumb padding, background and radius that
   Bootstrap 4 shipped by default. Restore them via the new custom properties
   so the breadcrumb keeps its former height (44px) — the content column's
   vertical rhythm depends on it. */
.breadcrumb {
    --bs-breadcrumb-padding-x: 1rem;
    --bs-breadcrumb-padding-y: .75rem;
    --bs-breadcrumb-border-radius: .25rem;
    background-color: #f5f5f5;
    line-height: 1.25;
}

.breadcrumb a {
    color: #444;
}
.breadcrumb a:hover, .breadcrumb a:focus {
    color: #6B6A55;
}

.well,
.bg-success,
.bg-info,
.bg-warning,
.bg-danger
{
    padding: 15px;
    /*margin-left: 25px;*/
    margin-bottom: 10px;
}
.bg-success p,
.bg-info p,
.bg-warning p,
.bg-danger p
{
    margin: 5px 0;
}
.bg-success {
    border-left: 5px solid #C3EDB1;
    background-color: #dff0d8 !important;
}
.bg-info {
    border-left: 5px solid #B2E1F7;
    background-color: #d9edf7 !important;
}
.bg-warning {
    border-left: 5px solid #F7E9A3;
    background-color: #fcf8e3 !important;
}
.bg-danger {
    border-left: 5px solid #EDA6A6;
    background-color: #f2dede !important;
}
.bg-sidebar {
    background-color: #6B6A55 !important;
}
.bg-content {
    background-color: #FFF !important;
}

.form-control:focus {
    border-color: #C2C2A0;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(194, 194, 160, .6);
            box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(194, 194, 160, .6);
}

.well p:last-child {
    margin-bottom: 0px;
}

/* Derived from --bs-btn-bg with Bootstrap's own button-variant() maths:
   hover bg = 15% white, active bg = 20% white, both borders = 10% white,
   focus shadow = base mixed with 15% black. #efa051 is light enough that
   Bootstrap's color-contrast() picks black text (9.8:1, versus 2.1:1 for
   white), so this lightens on hover the same way .btn-warning does. */
.btn-primary {
    --bs-btn-color: #000;
    --bs-btn-bg: #efa051;
    --bs-btn-border-color: #efa051;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #f1ae6b;
    --bs-btn-hover-border-color: #f1aa62;
    --bs-btn-focus-shadow-rgb: 203, 136, 69;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #f2b374;
    --bs-btn-active-border-color: #f1aa62;
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #efa051;
    --bs-btn-disabled-border-color: #efa051;
    background-image: none;
}

.btn-secondary {
  --bs-btn-bg: #6B6A55;
  --bs-btn-border-color: #6B6A55;
  --bs-btn-hover-bg: #595847;
  --bs-btn-hover-border-color: #6B6A55;
  --bs-btn-active-bg: #595847;
  --bs-btn-active-border-color: #6B6A55;
  --bs-btn-disabled-bg: #6B6A55;
  --bs-btn-disabled-border-color: #6B6A55;
  --bs-btn-focus-shadow-rgb: 107, 106, 85;
  background-image: none;
}


/* Blockquote */
blockquote,
blockquote.blockquote {
    position: relative;
    margin: 0 0 10px 0;
    padding: 0.4rem 1rem 0.6rem 3.25rem;
    border-left: 4px solid #DBD8AB;
    background-color: #f7f6ef;
    color: #333;
    font-size: 1.1rem;
    font-style: italic;
    line-height: 1.6;
}

blockquote::before {
    content: "\201C";
    position: absolute;
    top: .35rem;
    left: .65rem;
    color: #C3C19A;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 3rem;
    font-style: normal;
    line-height: 1;
    speak: none;
}

blockquote > p {
    margin-top: 0;
    margin-bottom: 0;
}

blockquote > p:not(:last-child) {
    margin-bottom: 1rem;
}

blockquote footer,
blockquote cite,
blockquote .blockquote-footer,
.blockquote-footer {
    display: block;
    margin-top: .75rem;
    color: #6B6A55;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: .875rem;
    font-style: normal;
}

/* Bootstrap 5 already emits the em dash on .blockquote-footer::before,
   so only the plain <footer>/<cite> variants need it here. */
blockquote footer::before,
blockquote cite::before {
    content: "\2014\00A0";
}

@media (max-width: 575.98px) {
    blockquote,
    blockquote.blockquote {
        margin: 1rem 0;
        padding: 1rem 1rem 1rem 2.5rem;
        font-size: 1rem;
    }

    blockquote::before {
        top: .3rem;
        left: .4rem;
        font-size: 2.25rem;
    }
}


/***********/
/* Plugins */
/***********/

/* KM - Utils */
.tx_kmmutils textarea {
    width: 100%;
    height: 200px;
}


/* Syntax highlight */
.ctype-ce_code .title {
    background-color: #444444;
    border-bottom: 1px solid #000;
    color: #fff;
    margin: 12px 0 0;
    padding: 1px 0 1px 15px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}
.ctype-ce_code .show-header pre {
    margin-top: 0px;
    border-radius: 0;
    -webkit-border-radius:0;
    -moz-border-radius: 0;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.frame-type-menu_subpages.frame-layout-1 ul,
.frame-type-menu_pages.frame-layout-1 ul {
    list-style-type: none;
    padding: 0;
    overflow: auto;
}

.frame-type-menu_subpages.frame-layout-1 ul li,
.frame-type-menu_pages.frame-layout-1 ul li {
    float: left;
    margin-right: 15px;
}

pre[class*="language-"] > code[data-language] {
    overflow: visible;
}

.language-php .token.string {
    color: #0000C0;
}
.language-php .token.keyword {
    color: #7F0055;
    font-weight: bold;
}
.language-php .token.variable,
.language-php .token.function {
    color: #000;
}
.language-php .token.variable {
    color: #8B6914;
}
.language-php .token.constant {
    color: #000;
}

.language-sql .token.keyword {
    color: #8B6914;
}

.language-sql .token.operator {
    color: #000;
}

/* BS pagination */
.pagination>li>a,
.pagination>li>span {
    color: #333;
}
.pagination>.active>a.page-link,
.pagination>.active>span,
.pagination>.active>a.page-link:hover,
.pagination>.active>span:hover,
.pagination>.active>a.page-link:focus,
.pagination>.active>span:focus {
    background-color: #555;
    border-color: #333;
}

/*************/
/* Bootstrap */
/*************/
/* Bootstrap 5 dropped the utility, but the RTE still offers "justify". */
.text-justify {
  text-align: justify;
}


/****************/
/* Typo3 Styles */
/****************/
.typo3-feedit-element {
    border: none !important;;
}

.frame {
    margin-bottom: 20px;
}