/* Space out content a bit */
@import url('museofont.css');

html { 
    background: #ffffff;
    font-size: 16px;
}

*, ::after, ::before {
    box-sizing: border-box;
}

img {
    max-width: 100%;
    height: auto;
}

body {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 70px 30px;
    padding-top: 00px;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
    font-weight: 300;
    line-height: 1.8em;
}
.page-template-full {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    min-height: 100vh;
    overflow-x: hidden;
}

a, a:link, a:active, a:focus {color: #7e0a29; text-decoration: none; }
a:hover { color: #7e0a29; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; text-decoration: none; }

h1 { color: #7e0a29;  margin-top: 0px; }
h1::first-line { color: #7e0a29; }
h2 { color: #7e0a29;  margin-top: 0px; font-size: 24px; }
h3, h4, h5, h6 { margin-top: 0px; color: #7e0a29; }
h3 { font-size: 20px; }

.hide-mobile { display: none; }
.hide-desktop { display: block; }

/* Custom page header */
header {
    padding-bottom: 30px;
    height: 50px;
    height: auto;
}

header .container {
    position: relative;
    padding-top: 20px;
}
.headerimage { 
    min-width: 300px;
    height: auto;
    position: absolute;
    top: 0px;
    right: 0;
}

.headerimage img {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 9;
    
}
.inner-content {
    padding-top: 6px;
}

.inner-content ul {
    padding-left: 16px;
    list-style-type: none;
}

.inner-content ul ul {
    margin-left: 2px;
}

.inner-content ul li:before {
/*  content: '\2014';*/ /* Linie für Aufzählung */
    content: '•';
    color: #b4b4b4;
    position: absolute;
    margin-left: -18px;
}

.service-nav {
    min-width: 200px;
    text-align: right;
    float: right;
}
.mobile-bar .navbar-toggle {
    padding:0;
}
.mobile-bar .navbar-toggle .icon-bar {
    background-color: #333;
}
.mobile-bar {
    height: 40px;
    background: transparent;
    margin-bottom: 20px;
    padding-left: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.mobile-bar a {
    padding-top:5px;
    display: inline-block;
    text-rendering: geometricPrecision;
}

.mobile-bar a:hover, .mobile-bar a:active { color: #fff; }

.mobile-logo {
    margin: -15px 0 0 15px; 
}

.mobile-logo h1 { font-size: 30px; }
.service-nav { position: absolute; top: -55px; right: 150px; }
.page-title { padding-bottom: 30px; }
/* Content Container */


/* Custom page footer */
.footer {
    padding: 15px 0 15px 0;
    color: #bbb;
    border-top: 1px solid #e5e5e5;
    text-align: center;
    font-size: 12px;
    letter-spacing: 0.05em;
}

.footer a { color: #bbb; }
.footer a:hover { color: #444; }
footer {
  margin: auto auto 0 auto;
}
/* Menu Style */

.menu { }
.menu ul { display: none; } /* hiding menu on mobile */
.menu ul { list-style-type: none; list-style-position: inside; margin-top: -115px; background: #ffffff; padding-left: 15px; text-align: right; }
.menu ul li {  }
.menu ul li a { display: block; color: #7d7b7c; padding: 0.3em; font-size: 1.25em;}
.menu ul li a:hover { color: #7e0a29 }
.menu ul li.nav-selected>a, .menu ul li.nav-path-selected>a { color: #7e0a29; }

/* Menu Level 2 */
.menu ul ul { padding-top: 0px; margin-top: 0px; }
.menu ul ul li a { font-size: 1em; border-bottom: 0px; }

/* Menu Level 3 */


.sidebar {
    padding-right: 0px;
}

.paper {
    background: white; 
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
    
}
/* Formidable */
.ccm-page .btn-primary,
.ccm-page .btn.btn-success {
    background-color: #fff;
    color:#7d7b7c;
    border-color: #ccc;
    border-radius: 1px;
}
.ccm-page .btn-primary:hover,
.ccm-page .btn.btn-success:hover {
    
    background-color: #ccc;
    color:#7e0a29;
    border-color: #cccccc;
    -webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;

}
.buttons.col-sm-9 {
    padding-left: 0px;
}
.formidable .form-control:focus {
        border-color: #7e0a29;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(126, 10, 41, 0.66);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(126, 10, 41, 0.66);

}
.formidable .form-control {
    border-radius: 0;
}

.formidable .alert-success {

    color: rgb(126, 10, 41);
    background-color: rgba(126, 10, 41, 0.1);
    border-color: rgba(126, 10, 41, 0.1);

}
.formidable .formidable_row, .formidable .formidable_row .element {
    overflow: visible;
}

.formidable .formidable_row, .formidable .formidable_row .element {
    margin-bottom: 10px;
}

.formidable .element.captcha-15 {
    height: 0;
}

.formidable div[data-formidable-type="captcha"] .captcha-verified {
    display: none !important;
}

.col-12 {
    padding-inline: 15px;
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top-width: 0px;
    border-top-style: none;
    border-top-color: currentcolor;
    border-top: 1px solid #eee;
}


/* FOOTER */
/*-----------------------------------------------------------------------------------*/
/*  Login
/*-----------------------------------------------------------------------------------*/

@media (min-width: 601px) {
    .wbox-admin {
        position: fixed;
        bottom: 5px;
        right: 5px;
        z-index: 1000;
    }

    .wbox-admin .wbox-anmelden {
        visibility: hidden;
        font-size:0.7em;
    }

    .wbox-admin:hover .wbox-anmelden{
        visibility: visible;
    }

    .wbox-anmelden a, .wbox-anmelden a:hover, .wbox-anmelden a:visited {
        color:#000000 !important;
    }

    .wbox-admin .wbox-user {
        font-size:0.7em; 
    }
    .wbox-admin-page {
        position: fixed;
        color:#333;
        bottom: 5px;
        left: 5px;
    }
}

@media (max-width: 600px) {
    .wbox-admin {
        display: none;
    }
}


/* MEDIA QUERIES MAX-WIDTH */

@media (max-width: 420px) {
    .mobile-logo h1 { font-size: 24px; }
}

@media (max-width: 570px) {
    .mobile-bar { padding-left: 20px; }
    .mobile-logo h1 { font-size: 18px; }
    .mobile-logo { margin-left: 5px; }
    .headerimage { min-width: 180px; top: 10px; }
    .headerimage img { }
    .menu { top:0; }
    .menu ul { padding-left: 17px !important; padding-right: 15px !important; }
    .paper { padding: 0 20px 20px 20px; }
    .logo {margin-left: -10px; margin-bottom: 10px;}
    h1 { font-size: 28px }

}

@media (max-width: 767px) {
    body, html { background-image: none; }
    .headerimage img { top: -90px; }
    .service-nav { display: none;}
    .menu { position: relative; width: 100%; top: 0px; left: 0px; z-index: 8; }
    .menu ul { margin: 0; padding: 10px 25px 30px 25px; text-align:left;}
    .col-sm-4.sidebar{ padding-left:0; }
    main.container { width: 100%; }
    footer.container{ width: 100%; }
}
/* MEDIA QUERIES MAX-WIDTH TO MIN-WIDTH */
/*@media screen and (max-width: 992px) and (min-width: 768px) {
     #ccm-layout-column-wrapper-9 {display: flex; flex-direction: column-reverse;}
}*/
/* MEDIA QUERIES MAX-WIDTH TO MIN-WIDTH */
@media screen and (max-width: 992px) and (min-width: 768px), (max-width: 420px) {
     #ccm-layout-column-wrapper-9 div.ccm-layout-column-inner {margin-right: 6.5px;margin-left: 0px;margin-bottom: 15px;}
     #ccm-layout-column-15 { width:100%!important; }
}

/* MEDIA QUERIES MIN-WIDTH */

/* Responsive: Big Smartphones */
@media (min-width:420px) {
    .logo {
        max-width:480px;
    }
    .menu ul li a {
        font-size: 1.15em;
    }
}

/* Responsive: Portrait tablets and up */
@media (min-width: 768px) {
    main.container{ padding-top: 50px; }

    
    .mobile-bar { display: none }
    .service-nav { position: relative; top: 0; left: 0; }
    .menu ul { display: block; } /* show menu on portrait tablets and higher */
    .menu ul { margin-top: 0px;}

    .container {
        max-width: 920px;
    }
    h1 { font-size: 28px }
    .hide-mobile { display: block; }
    .hide-desktop { display: none; }

    .inner-header {
    
        padding-left: 0%;
     
    }
    .headerimage {
        left: auto;
        right: auto;
        min-width: 320px;
    }    
    .headerimage img {
/*        border: 0px white solid;*/
        position: absolute;
        top: 50px;
        left: 0px
        /*z-index: 9;
        -webkit-transform: rotate(1.5deg);
        -ms-transform: rotate(1.5deg);
        transform: rotate(1.5deg);
        -webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.4);
                box-shadow: 0 2px 8px rgba(0,0,0,0.4);*/
    }    
    .logo {
        margin-top:50px;
        max-width:480px;
    }
    html { 
    background: #ffffff; }


    
}

/* Responsive: Landscapte tablets, Note- and Netbooks and up */
@media (min-width:992px) {
    h1 { font-size: 35px }
    
    .inner-header {
        padding-left: 0%;
    }
    .logo {
        max-width:578px;
    }
    
    .headerimage {
        min-width: 350px;
    }
    
    .headerimage img {

    }
    .menu ul {padding-right:55px;}  
    

}

/* Responsive: Desktop an big screens */
@media (min-width:1200px) {

}

/* Special Handling Background */
@media (min-width:768px) and (max-width:920px) {
    html {background-image: none;}
    body {background-image: none;}

}

/*-----------------------------------------------------------------------------------*/
/*  Rote Box
/*-----------------------------------------------------------------------------------*/

.rotebox {
    background-color: #7e0a29;
    padding: 15px;
    color: #fff;
}

.rotebox p,
.rotebox h1,
.rotebox h2,
.rotebox h3 {
    color: #fff;
}


.grauebox {
    padding: 1.5em;
    border: 1px solid #7e0a29;
    background: white;
    color: #606060;
}

/*-----------------------------------------------------------------------------------*/
/*  Concrete Notification Box Close Icon
/*-----------------------------------------------------------------------------------*/
.ccm-notifications-box-close {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    width: 24px !important;
    height: 24px !important;
    padding: 0.25em 0.25em !important;
    color: #000 !important;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    border: 0 !important;
    border-radius: 0.25rem !important;
    opacity: 0.5 !important;
}