@media (min-width:768px){

.btn-link:focus,.btn-link:hover{color:#23527c;text-decoration:underline;background-color:transparent}
.btn-link:hover{color:#777;text-decoration:none}
.btn-group-lg>.btn, .btn-lg{padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}
.btn-group-sm>.btn, .btn-sm{padding:5px 10px;font-size:14px;line-height:1.5;border-radius:3px}
.btn-group-xs>.btn,.btn-xs{padding:1px 5px;font-size:14px;line-height:1.5;border-radius:3px}
.btn-block{display:block;width:100%}
.btn-block+.btn-block{margin-top:5px}
input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}

.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}
.fade.in{opacity:1}
.collapse{display:none}
.collapse.in{display:block}
tr.collapse.in{display:table-row}
tbody.collapse.in{display:table-row-group}

.caret{display:inline-block;
margin-left:2px;
border-top:4px dashed;
border-right:4px solid transparent;
border-left:4px solid transparent}

.dropdown,.dropup{position:relative}
.dropdown-toggle:focus{outline:0}

/* FIX 1: Ensure parent list item is a solid anchor block */
.nav-item.dropdown {
    position: relative !important; 
    display: inline-block !important; 
}

/* FIX 2: Set dropdown menu to absolute so it doesn't push the page down */
.dropdown-menu{
position:absolute; 
top:100%;
left:0;
z-index:1000;
display:none;
float:left;
min-width:160px;
padding:5px 0;
margin:4px 0 0;
font-size:14px;
text-align:left;
list-style-type:circle;
background-color:#CDBB7A;
border:1px solid #ccc;
border:1px solid rgba(0,0,0,.15);
border-radius:4px;
-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);
box-shadow:0 6px 12px rgba(0,0,0,.175)}

.dropdown-menu.pull-right{right:0;left:auto}
.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}

.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:#F2F2F2;text-decoration:none;background-color:#f5f5f5}
.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{color:#EDEDED;text-decoration:none;background-color:#337ab7;outline:0}
.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{color:#F0F0F0}
.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{text-decoration:none;
cursor:not-allowed;
background-color:transparent;}

/* FIX 3: Set opened menu to absolute and block display */
.open>.dropdown-menu{
    position: absolute;
    display: block;
}
    
.open>a{outline:0}
.dropdown-menu-right{right:0;left:auto}
.dropdown-menu-left{right:auto;left:0}
.dropdown-header{display:none;position:absolute;padding:3px 20px;font-size:14px;line-height:1.42857143;color:#F5F5F5;white-space:nowrap}
.dropdown-backdrop{display:none;position:absolute;top:0;right:0;bottom:0;left:0;z-index:990}
.pull-right>.dropdown-menu{right:0;left:auto}

}

#templatemo_menu, 
#templatemo_menu ul {
    overflow: visible !important;
}

/* Ensure the whole menu stays on top of page content */
#templatemo_menu {
    position: relative;
    z-index: 9999; 
}
/* Definiert das Box-Design für den Container */
.container {
    max-width: 70% !important;
    width: 100% !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
}

/* Auf mobilen Geräten läuft es automatisch wieder über die volle Breite */
@media (max-width: 992px) {
    .container {
        max-width: 100% !important;
        margin: 0 !important;
    }
}