@media (min-width: 1600px) {
    .container {
        max-width: 1540px;
    }
}

figcaption {
    text-align: center;
    font-size: 80%;
    color: #888;
}

.w3-modal {
    background-color: rgba(0, 0, 0, 0.75);
}

body, html {
    padding: 0;
    margin: 0;
    font-family: Montserrat;
    color: #3c3950;
}

#bar-logo #navbar_logo {
    padding: 8px;
    display: inline-block;
}

#bar-logo #navbar_logo img{
    max-width: 500px;
    width: 100%;
    height: auto;
    padding-right: 20px;
}

#contactmodal .w3-modal-content {
    max-width: 900px;
}

#contactmodal .w3-modal-content .w3-container {
    padding: 0;
}

#contactmodal .w3-modal-content .vcs{
    display: flex;
    min-height: 500px;
    border: 1px solid #666
}

#contactmodal .w3-modal-content .vcs > div:first-child{
    background-size: cover;
    background-position: center;
    border-right: 1px solid #666
}

#contactmodal .w3-modal-content .vcs > div:last-child{
    text-align: center;
}

#contactmodal .w3-modal-content .vcs > div:last-child img {
    padding-top: 30px;
    padding-bottom: 30px;
}

#contactmodal .w3-modal-content .vcs > div:last-child span {
    display: block;
    font-size: 120%;
    color: #333;
}

#contactmodal .w3-modal-content .vcs > div:last-child a {
    display: block;
    font-size: 95%;
    color: #777;
    margin-bottom: 20px;
}

#contactmodal .w3-display-topright {
    top: 1px;
    right: 1px;
}

.w3-button:hover {
    color: #000 !important;
    background-color: #f8f8f8 !important;
}

body p {
    font-size: 17px;
    line-height: 32px;
    color: #222;
}

body ul {
    font-size: 17px;
    line-height: 34px;
}

.lview {
    width: 100vw;
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
}

.text-center {text-align: center;}

body > .frame-layout-0
{
    width: 100vw;
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
}

body > div[class^="frame-layout-4"],
body > div[class^="frame-layout-5"],
body > div.frame-layout-800,
body > div.frame-layout-900 {
    width: 100vw;
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
}

.frame-layout-400 { 
    background-color: #fff;
    color: #000;
} 

.frame-layout-401 { 
    border: 1px solid #d2d2d2;
    padding: 25px;
    background-color: #fff;
    color: #000;
} 

.frame-layout-402 { 
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.12);
    border: 1px solid #d2d2d2;
    padding: 25px;
    background-color: #fff;
    color: #000;
} 

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

/* Kartendesign */
.frame-layout-500 { background-color: var(--theme-color-l5); }
.frame-layout-501 { background-color: var(--theme-color-l4); }
.frame-layout-502 { background-color: var(--theme-color-l3); }
.frame-layout-503 { background-color: var(--theme-color-l2); }
.frame-layout-504 { background-color: var(--theme-color-l1); }
.frame-layout-505 { background-color: var(--theme-color); }
.frame-layout-506 { background-color: var(--theme-color-d1); }
.frame-layout-507 { background-color: var(--theme-color-d2); }
.frame-layout-508 { background-color: var(--theme-color-d3); }
.frame-layout-509 { background-color: var(--theme-color-d4); }
.frame-layout-510 { background-color: var(--theme-color-d5); }
.frame-layout-550 { background-color: #f44336; }
.frame-layout-551 { background-color: #e91e63; }
.frame-layout-552 { background-color: #9c27b0; }
.frame-layout-553 { background-color: #673ab7; }
.frame-layout-554 { background-color: #3f51b5; }
.frame-layout-555 { background-color: #2196f3; }
.frame-layout-556 { background-color: #87ceeb; }
.frame-layout-557 { background-color: #00bcd4; }
.frame-layout-558 { background-color: #00ffff; }
.frame-layout-559 { background-color: #009688; }
.frame-layout-560 { background-color: #4caf50; }
.frame-layout-561 { background-color: #8bc34a; }
.frame-layout-562 { background-color: #cddc39; }
.frame-layout-563 { background-color: #fdf5e6; }
.frame-layout-564 { background-color: #f0e68c; }
.frame-layout-565 { background-color: #ffeb3b; }
.frame-layout-566 { background-color: #ffc107; }
.frame-layout-567 { background-color: #ff9800; }
.frame-layout-568 { background-color: #ff5722; }
.frame-layout-569 { background-color: #607d8b; }
.frame-layout-570 { background-color: #795548; }
.frame-layout-571 { background-color: #f1f1f1; }
.frame-layout-572 { background-color: #9e9e9e; }
.frame-layout-573 { background-color: #616161; }
.frame-layout-574 { background-color: #ffdddd; }
.frame-layout-575 { background-color: #ffffcc; }
.frame-layout-576 { background-color: #ddffdd; }
.frame-layout-577 { background-color: #ddffff; }

.frame-border-500 { border-color: var(--theme-color-l5); }
.frame-border-501 { border-color: var(--theme-color-l4); }
.frame-border-502 { border-color: var(--theme-color-l3); }
.frame-border-503 { border-color: var(--theme-color-l2); }
.frame-border-504 { border-color: var(--theme-color-l1); }
.frame-border-505 { border-color: var(--theme-color); }
.frame-border-506 { border-color: var(--theme-color-d1); }
.frame-border-507 { border-color: var(--theme-color-d2); }
.frame-border-508 { border-color: var(--theme-color-d3); }
.frame-border-509 { border-color: var(--theme-color-d4); }
.frame-border-510 { border-color: var(--theme-color-d5); }
.frame-border-550 { border-color: #f44336; }
.frame-border-551 { border-color: #e91e63; }
.frame-border-552 { border-color: #9c27b0; }
.frame-border-553 { border-color: #673ab7; }
.frame-border-554 { border-color: #3f51b5; }
.frame-border-555 { border-color: #2196f3; }
.frame-border-556 { border-color: #87ceeb; }
.frame-border-557 { border-color: #00bcd4; }
.frame-border-558 { border-color: #00ffff; }
.frame-border-559 { border-color: #009688; }
.frame-border-560 { border-color: #4caf50; }
.frame-border-561 { border-color: #8bc34a; }
.frame-border-562 { border-color: #cddc39; }
.frame-border-563 { border-color: #fdf5e6; }
.frame-border-564 { border-color: #f0e68c; }
.frame-border-565 { border-color: #ffeb3b; }
.frame-border-566 { border-color: #ffc107; }
.frame-border-567 { border-color: #ff9800; }
.frame-border-568 { border-color: #ff5722; }
.frame-border-569 { border-color: #607d8b; }
.frame-border-570 { border-color: #795548; }
.frame-border-571 { border-color: #f1f1f1; }
.frame-border-572 { border-color: #9e9e9e; }
.frame-border-573 { border-color: #616161; }
.frame-border-574 { border-color: #ffdddd; }
.frame-border-575 { border-color: #ffffcc; }
.frame-border-576 { border-color: #ddffdd; }
.frame-border-577 { border-color: #ddffff; }

.frame-text-500 { color: var(--theme-color-l5); }
.frame-text-501 { color: var(--theme-color-l4); }
.frame-text-502 { color: var(--theme-color-l3); }
.frame-text-503 { color: var(--theme-color-l2); }
.frame-text-504 { color: var(--theme-color-l1); }
.frame-text-505 { color: var(--theme-color); }
.frame-text-506 { color: var(--theme-color-d1); }
.frame-text-507 { color: var(--theme-color-d2); }
.frame-text-508 { color: var(--theme-color-d3); }
.frame-text-509 { color: var(--theme-color-d4); }
.frame-text-510 { color: var(--theme-color-d5); }
.frame-text-550 { color: #f44336; }
.frame-text-551 { color: #e91e63; }
.frame-text-552 { color: #9c27b0; }
.frame-text-553 { color: #673ab7; }
.frame-text-554 { color: #3f51b5; }
.frame-text-555 { color: #2196f3; }
.frame-text-556 { color: #87ceeb; }
.frame-text-557 { color: #00bcd4; }
.frame-text-558 { color: #00ffff; }
.frame-text-559 { color: #009688; }
.frame-text-560 { color: #4caf50; }
.frame-text-561 { color: #8bc34a; }
.frame-text-562 { color: #cddc39; }
.frame-text-563 { color: #fdf5e6; }
.frame-text-564 { color: #f0e68c; }
.frame-text-565 { color: #ffeb3b; }
.frame-text-566 { color: #ffc107; }
.frame-text-567 { color: #ff9800; }
.frame-text-568 { color: #ff5722; }
.frame-text-569 { color: #607d8b; }
.frame-text-570 { color: #795548; }
.frame-text-571 { color: #f1f1f1; }
.frame-text-572 { color: #9e9e9e; }
.frame-text-573 { color: #616161; }
.frame-text-574 { color: #ffdddd; }
.frame-text-575 { color: #ffffcc; }
.frame-text-576 { color: #ddffdd; }
.frame-text-577 { color: #ddffff; }


.frame-text-500 > svg path { fill: var(--theme-color-l5); }
.frame-text-501 > img { fill: var(--theme-color-l4); }
.frame-text-502 > img { fill: var(--theme-color-l3); }
.frame-text-503 > img { fill: var(--theme-color-l2); }
.frame-text-504 > img { fill: var(--theme-color-l1); }
.frame-text-505 > img { fill: var(--theme-color); }
.frame-text-506 > img { fill: var(--theme-color-d1); }
.frame-text-507 > img { fill: var(--theme-color-d2); }
.frame-text-508 > img { fill: var(--theme-color-d3); }
.frame-text-509 svg { fill: var(--theme-color-d4); }
.frame-text-510 > img { fill: var(--theme-color-d5); }
.frame-text-550 > img { fill: #f44336; }
.frame-text-551 > img { fill: #e91e63; }
.frame-text-552 > img{ fill: #9c27b0; }
.frame-text-553 > img { fill: #673ab7; }
.frame-text-554 > img { fill: #3f51b5; }
.frame-text-555 > img { fill: #2196f3; }
.frame-text-556 > img { fill: #87ceeb; }
.frame-text-557 > img { fill: #00bcd4; }
.frame-text-558 > img { fill: #00ffff; }
.frame-text-559 > img { fill: #009688; }
.frame-text-560 > img { fill: #4caf50; }
.frame-text-561 > img { fill: #8bc34a; }
.frame-text-562 > img { fill: #cddc39; }
.frame-text-563 > img { fill: #fdf5e6; }
.frame-text-564 > img { fill: #f0e68c; }
.frame-text-565 > img { fill: #ffeb3b; }
.frame-text-566 > img { fill: #ffc107; }
.frame-text-567 > img { fill: #ff9800; }
.frame-text-568 > img { fill: #ff5722; }
.frame-text-569 > img { fill: #607d8b; }
.frame-text-570 > img { fill: #795548; }
.frame-text-571 > img { fill: #f1f1f1; }
.frame-text-572 > img { fill: #9e9e9e; }
.frame-text-573 > img { fill: #616161; }
.frame-text-574 > img { fill: #ffdddd; }
.frame-text-575 > img { fill: #ffffcc; }
.frame-text-576 > img { fill: #ddffdd; }
.frame-text-577 > img { fill: #ddffff; }


.flex-2grids {flex: 2 !important;}
.flex-3grids {flex: 3 !important;}

.frame-type-text figure.table {
    margin: 0;
    overflow: auto;
}
.frame-type-table  {
    overflow: auto;
}

/* #################################### */
/* ### START BAR mit LOGO          #### */
/* #################################### */

#bar-logo {
    color: var(--theme-color-d1);
    border-bottom: 1px solid #ccc;
}
#bar-logo > .lview {
    padding-right: 32px;
}
#navbar_logo{
    margin: 8px 16px;
}

#bar-logo .w3-right {
    padding: 28px;
    border-left: 1px solid #ccc;
}

#bar-logo .w3-right:first-child {
    padding-right: 50px;
}

#bar-logo .w3-right:last-child {
    border-left: 0px;
}

.w3-bar-globalitem {
    padding: 19px 28px !important;
}

.w3-bar-globalitem span {
    display: block;
    font-size: 80%;
    color: #555;
}

#btn_contact {
    padding: 0 !important;
}

#btn_contact > .w3-button{
    padding: 28px 40px;
}

#btn_contact > .w3-button span{
     padding-left: 10px;
}

/* #################################### */
/* ### ENDE BAR mit LOGO           #### */
/* #################################### */

/* #################################### */
/* ### START BAR Hauptnavigation   #### */
/* #################################### */
.nav_active {
    border-top: 5px solid var(--theme-color) !important;
}
#bar-mainnav {
    border-bottom: 1px solid #ccc;    
}

#bar-mainnav .collapse {
    display: block;
}

#bar-mainnav > button.w3-bar-item.w3-button {
    margin-right: 15px;
    display: none;
}

#bar-mainnav > div#offcanvasmnav > a, #bar-mainnav > button.w3-bar-item.w3-button, #bar-mainnav > div#offcanvasmnav .w3-dropdown-hover > .w3-button {
    padding: 23px 28px 28px 28px;
    border-top: 5px solid #fff;
}

#bar-mainnav > div#offcanvasmnav > a:hover, #bar-mainnav > button.w3-bar-item.w3-button:hover, #bar-mainnav > div#offcanvasmnav.w3-dropdown-hover > .w3-button:hover {
    background-color: #fff !important;
    border-top: 5px solid var(--theme-color);
}

#bar-mainnav > div#offcanvasmnav .w3-dropdown-hover .w3-dropdown-content a {
    padding: 16px 25px;
    border: 1px solid #ccc;
    border-top: 0px;
}

#bar-mainnav > div#offcanvasmnav .w3-dropdown-hover:hover > .w3-button:first-child,.w3-dropdown-click:hover > .w3-button:first-child{ 
    background-color: #f8f8f8; 
    color:#000;
    border-top: 5px solid var(--theme-color);
}

#contactmodal img {
    max-width: 100%;
    padding-left: 25px;
    padding-right: 25px;
}

/* #################################### */
/* ### ENDE BAR Hauptnavigation    #### */
/* #################################### */
#bc ul{
    list-style: none;
    padding-left: 0; 
    font-size: 12px; 
    margin-bottom: 0;      
}

#bc ul li{
    display: inline-block;     
}

#bc ul li a{
    text-decoration: none;     
}

#bc ul li:before{
    content: "\f0da";
    font-family: FontAwesome;
    padding: 0 9px;
    font-size: 14px;
    font-weight: normal;
    position: relative;
    top: 0px;
    color: var(--theme-color);   
}

#bc ul li:first-child:before{
    content: "" !important;
}

#modgallery .w3-container {
    padding: 0;
}

#modgallery .w3-button {
    z-index: 1;
}

#modgalleryimg {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
}

#copyright {
    border-top: 1px solid #e2e2e2;
    padding: 12px;
    text-align: center;
    background-color: #f3f3f3;
    margin-top: 25px;
    font-size: 90%;
    color: #727272;
}



.dp--iframe > div > header {
    display: none;
}