/* Find more information regarding the code in the project specific Confluence documentation. */

/* Colors used
red: #df2406
yellow: #ffcd04
white: #fff
black: #000
*/


/*  Text layout
----------------------------------------------- */

body a,
body p,
body h1,
body h2,
body h3,
body h4,
body li {
    font: unset;
    font-family: Verdana, "Lucida Sans", Arial, sans-serif;
    color: #000;
}

body h1 {
    font-size: 160%;
}


body h2 {
    font-weight: normal;
    text-transform: uppercase;
    font-size: 160%;
    margin: 0 0 .4em 0;
}

body h3, body h4, body h5, body h6 {
    font-size: 120%;
    font-weight: bold;
}

body p {
    font-size: 100%;
}


.text {
    width: 572px;
}


/* Superior Line above Header Banner
-----------------------------------------------------*/
#superior a:hover {
    text-decoration: underline;
}


/* Container
---------------------------------------------------- */
html, body {
    height: 100%;
    margin: 0;
}

#container {
    min-height: 100vh;
}




/* Header Banner
---------------------------------------------------- */
#header {
    height: 197px;
    background: url(https://u.jimcdn.com/cms/o/s1cde6a4addfe56ea/userlayout/img/header-bg.gif?t=1774361087) repeat-x left top;
}

#header img,
#header .self-link {
    width: 220px;
    height: 90px;
    float: left;
}

.outer {
    width: 890px;
    margin: 0 auto;
}

#header .outer {
    height: 197px;
    background: url(https://u.jimcdn.com/cms/o/s1cde6a4addfe56ea/userlayout/img/header-outer-bg.png?t=1774355593) no-repeat left top;
}

#header .outer .inhalt {
    padding 0 14px;
}

#superior {
    text-align: right;
}

#superior a,
#contentfooter .leftrow,
#contentfooter .rightrow {
    font-size: 100%;
    color: #fff;
    text-decoration: none;
    font-family: Verdana, "Lucida Sans", Arial, sans-serif;
}


/* ------- HEADER LINKS -------- */
#contentfooter {
    top: 0;
    width: unset;
}

#contentfooter .leftrow,
#contentfooter .rightrow {
    width: unset !important;
    float: right !important;
    padding-top: 3px;
}

#contentfooter .rightrow {
    padding-right: 100px;
}

.jimdo-free-footer-ad,
.loggedout {
    display: none !important;
}


/* ---- HEADER NAV TITLE ----- */
#header .navigation-title{
    padding: 140px 0 0 0;
    width: 250px;
}

#header .navigation-title {
    float: right;
}

#header .navigation-title h2 {
    font-weight: normal;
    text-transform: uppercase;
    font-size: 140%;
}



/*  Navigation
----------------------------------------------- */
#center .navigation
{
    background: url(https://u.jimcdn.com/cms/o/s1cde6a4addfe56ea/userlayout/img/center-navigation-bg.gif?t=1774361764) no-repeat top right;
    width: 265px;
    padding: 0 0 10px 0;
    top: 0;
    right: 0;
    margin-left: 40px;
}

.navigation ul {
    margin-top: unset;
}

.navigation ul li a {
    font-size: 80%;
}

.navigation ul li {
    text-transform: uppercase;
    list-style: none;
    display: block;
    padding: 0 21px 1.5em 21px;
    color: #df2406;
}

.navigation .jmd-nav__list-item-0 a {
    font-weight: bold;
    font-size: 92%;
}

.navigation .jmd-nav__list-item-1 a {
    font-weight: normal;
}

.navigation .cc-nav-parent a,
.navigation .cc-nav-current a {
    color: #000;
}

.navigation .cc-nav-level-1 a {
    color: #df2406;
}

.navigation .jmd-nav__list-item-1 .cc-nav-current {
    font-weight: bold;
}

.jmd-nav__list-item-0 a:hover {
    color: #000;
}

.jmd-nav__list-item-1 a:hover {
    font-weight: bold;
    color: #df2406;
}

.navigation ul.j-nav-level-1 {
    padding-left: 0 !important;
}

.navigation ul.j-nav-level-1 li {
    padding: 0 !important;

}

.navigation ul.j-nav-level-1 li a::before {
  content: "› ";
}

.navigation ul.j-nav-level-0 {
    padding: 0;
}

.navigation ul li a.current {
    color: #000;
}

.navigation ul li a {
    color: #df2406;
    text-decoration: none;
}








/* Telefon
------------------------------------------------------------- */

#center .context {
    background: url(https://u.jimcdn.com/cms/o/s1cde6a4addfe56ea/userlayout/img/center-context-bg.gif?t=1774364760) no-repeat top right;
    padding: 28px 21px 0 21px;
}

#center .context h2 {
    padding: 0 0 33px 0;
}

#center .context .phone {
    background: url(https://u.jimcdn.com/cms/o/s1cde6a4addfe56ea/userlayout/img/center-h3-phone-bg.gif?t=1774364799) no-repeat left top;
    padding-left: 39px;
}

#center .context h3 {
    color: #df2406 !important;
    font-size: 120%;
    padding: 0 0 15px 0;
}

#center .context p {
    color: #df2406 !important;
    font-weight: bold;
    font-size: 75%;
}

#center .context p a {
    color: #df2406;
}

#center .context p a:hover {
    color: #000;
    text-decoration: underline;
}







/*  Content
----------------------------------------------- */

body {
    margin: 0;
    padding: 0;
    font-family: Verdana, "Lucida Sans", Arial, sans-serif;
    font-size: 100.1%;
    text-align: left;
    color: #000;
    background: #e5e5e5;
}

.outer {
    width: 890px;
    margin: 0 auto;
}

#center .outer {
    display: flex;
}

#container
{
    margin:0 auto;
    background: #fff;
}

#content
{
    padding: 0 0 10px 14px;
    font-size: 80%;
    line-height: 1.5em;
    width: 572px;
}

#content h1 {
    font-weight: normal;
    text-transform: uppercase;
    font-size: 200%;
    margin: 0 0 0.5em 0;
    color: #000;
}

#content a:hover {
    text-decoration: underline;
    color: #df2406 !important;
}





/* Privacy View
------------------------------------------------------------ */
.cc-privacy h1, .cc-privacy h2, .cc-privacy h3, .cc-privacy p {
    padding: unset !important;
}

.cc-privacy p {
    margin: 0 0 .7em 0;
}

.cc-privacy ul {
    font-weight: bold;
}





/* FOOTER
------------------------------------------------------------- */
#footer #contentfooterx {
    display: none !important;
}

#footer {
    clear: both;
    padding: 63px 0 0 21px;
    background: url(https://u.jimcdn.com/cms/o/s1cde6a4addfe56ea/userlayout/img/footer-bg.gif?t=1774364446) repeat-x left top;
}

#right {
    float: right;
    text-align: right;
}

#left {
    padding: 0 0 20px 0;
}

#footer a {
    color: #000;
}

#footer a:hover {
    text-decoration: underline;
}

#footer p {
    font-size: 0.8em;
    line-height: 1.45em;
}









/* Sitemap
---------------------------------------------------------------------------------------------- */

.sitemap a {
    font-weight: bold !important;
    color: #000 !important;
    font-size: 120% !important;
    line-height: 1.5em !important;
}














/* Cookie Banner
---------------------------------------------------------------------------------------------- */
.cc-individual-cookie-settings.ui-dialog.ui-corner-all {
    border-color: #ffcd04;
}

#cc-individual-cookie-settings {
    background: #ffcd04;
}

.cc-individual-cookie-settings-actions button {
    border: none !important;
    border-radius: unset !important;
}

#cookie-settings-all {
    background: #df2406;
    color: #fff;
}

#cookie-settings-selected,
#cookie-settings-reject-all,
#cookie-settings-back {
    color: #000;
}

.cc-individual-cookie-settings-categories .category {
    color: #000 !important;
    background-color: #fff !important;
}

#cc-individual-cookie-settings button.toggle span.fill {
    background-color: #df2406;
}








/* Image Gallery
---------------------------------------------------------------------------------------------- */
.cc-m-gallery-container div.thumb_sq1 {
    margin: 0 12px 10px 0 !important;
    height: 100% !important;
}

.cc-m-gallery-container .image-wrapper, .cc-imagewrapper img {
    border: 5px solid #df2406;
    width: 99%;
}

.cc-imagewrapper img {
    padding: 1px;
}

.image-title {
    background: #df2406;
    color: white;
    text-align: center;
    width: 100%;
    height: 20px;
}

.cc-m-gallery-container div.thumb_sq1 img {
    border: none !important;
}

.cc-m-gallery-container a {
    text-decoration: none !important;
}




/* EXTRA
---------------------------------------------------------------------------------------------- */

#sidebar {
    padding-top: 10px;
}