body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
.mobile_menu{position:fixed;z-index:100;display:none}.mobile_menu .inner{height:100%;background:#000;overflow-y:scroll}.mobile_menu.active.position_left{box-shadow:2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_top{box-shadow:0 2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_right{box-shadow:-2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_bottom{box-shadow:0 -2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.no_shadow{box-shadow:none!important}.mobile_menu_trigger{display:none}.mobile_menu_wrapper{position:relative;width:100%;overflow:hidden}.mobile_menu_overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:99}.mobile_menu_overlay.background{background:rgba(0,0,0,.5)}.mobile_menu li.submenu_hide>ul{display:none}.mobile_menu li.submenu_show>ul{display:block}body.ie8 .mobile_menu,body.ie8 .mobile_menu_trigger,body.ie9 .mobile_menu,body.ie9 .mobile_menu_trigger{display:none!important}
* {
    box-sizing:border-box;
}
.block {
    overflow:visible;
}
html, body {
    margin:0;
    padding:0;
    font-family:Lato;
    font-size:18px;
    font-weight:lighter;
}
a, a:active {
    text-decoration: none;
    color:#c8b274;
    font-weight:lighter;
    transition:all 200ms linear;
}
.separator {
    margin: 30px auto;
    width:50px;
    height:2px;
    background:#c8b274;
}
.separator.white {
    background:#fff;
}
.separator.left {
    margin: 30px 0;
}
header {
    position:relative;
}
footer > .inside, .bar > .inside {
    padding: 10px 25px;
    position:unset;
}
header > .inside {
    position:unset;
}
header > .inside, footer > .inside, .bar > .inside, .site-contact, .services-container {
    max-width:1200px;
    margin: 0 auto;
    padding: 50px 25px 0;
}
.billboard {
    background:url(../../files/g24/images/billboard.jpg) center center/cover no-repeat;
    height:350px;
    margin:50px 0 0;
}
.billboard-element {
    height:550px;
    margin:0 auto;
    width: fit-content;
    display:flex;
    flex-direction:row;
    justify-content:space-around;
}
.billboard-title {
    display:inline-block;
    font-size:40px;
    text-transform: uppercase;
    color:#fff;
    vertical-align: top;
    margin:170px 0 0;
    line-height:35px;
    letter-spacing: -1px;
}
.billboard-picture {
    display:inline-block;
    align-self:flex-end;
}
.billboard-picture img {
    max-height:550px;
    vertical-align:bottom;
}
.title-teaser {
    font-size:18px;
    font-weight:lighter;
}
.content-text, .content-headline {
    max-width:1200px;
    margin: 0 auto;
    padding:0px 25px;
    text-align:center;
}
.content-text {
    text-align:left;
}
.bar {
    padding: 0px 20px 80px;
}
.bar.gold {
    background: linear-gradient(
    90deg,
    #fafafa 0%,
    #ececec 50%,
    #dedede 100%
    );
    margin-bottom:50px;
}
.bar.validation {
    height:550px;
    background:url(../../files/g24/images/goldpruefung.jpg) center top/cover no-repeat;
    max-width:1200px;
    margin:0 auto;
}
.content-text.validation {
    margin-top:50px;
    margin-bottom:50px;
}
.validation-text h2 {
    margin-top:0;
}
.bar-grey {
    min-height:300px;
    background:#f8f8f8;
}
#logo {
    display:inline-block;
}
nav.mod_navigation {
    font-size:16px;
    display:inline-block;
    float:right;
    text-transform: uppercase;
    overflow:visible !important;
}
nav.mod_navigation a {
    color:#000;
    font-weight:normal;
}
nav.mod_navigation a:hover {
    color:#c8b274;
}
nav.mod_navigation ul.level_1 > li.active {
    border-bottom:2px solid #c8b274;
}
nav.mod_navigation li.active {
    color:#c8b274
}
nav.mod_navigation ul {
    list-style-type: none;
    margin:0;
    padding:0;
}
nav.mod_navigation ul.level_1 > li {
    padding:5px 0;
    margin:0 15px;
    display:inline-block;
}
nav.mod_navigation ul.level_1 > li:hover {
    border-bottom:2px solid #c8b274;
}
nav.mod_navigation ul.level_1 li:hover > a {
    color: #c8b274;
}
nav.mod_navigation ul.level_1 > li.submenu {
    cursor:pointer;
    position:relative;
    overflow:visible;
}
nav.mod_navigation ul.level_1 > li.submenu > a::after,
nav.mod_navigation ul.level_1 > li.submenu > strong::after {
    display:inline-block;
    margin-left:6px;
    vertical-align:middle;
    border-top:5px solid;
    border-right:5px solid;
    border-bottom:0px solid;
    border-left:5px solid;
    content:"";
    border-right-color:transparent;
    border-left-color:transparent;
    border-top-color:#fff;
}
nav.mod_navigation ul.level_1 > li.submenu.active > strong::after,
nav.mod_navigation ul.level_1 > li.submenu:hover > a::after {
    border-top-color:#c8b274;
}
nav.mod_navigation ul.level_2 {
    opacity:0;
    position:absolute;
    top:120%;
    right:0px;
    width:300px;
    padding:15px 0;
    background:#fff;
    box-shadow: rgba(0,0,0,0.4) 10px 20px 30px;
    z-index:999;
    color:#000;
    pointer-events: none;
}
nav.mod_navigation ul.level_2::before {
  content: "";
  position: absolute;
  top: -10px;
  left: 0;
  height: 10px;
  width: 100%;
}
nav.mod_navigation ul.level_2 a {
    color:#000;
}
nav.mod_navigation li.submenu:hover ul.level_2 {
    opacity:1;
    pointer-events: auto;
}
nav.mod_navigation ul.level_2 > li {
    margin: 15px 35px;
}
main {
    padding: 0;
}
h1, h2 {
    text-transform: uppercase;
    color:#c8b274;
    font-size:30px;
    font-weight:normal;
    font-family: 'Lora', serif;
}
h3 {
    text-transform: uppercase;
    font-weight:normal;
    font-weight:normal;
    margin:0;
}
h5 {
    text-transform: uppercase;
    font-size:15px;
    margin-bottom:0;
}
.flex-row {
    display:flex;
    flex-direction: row;
    flex-wrap:wrap;
}
.grid50 {
    width:50%;
}
.icon-title {
    color:#c8b274;
    font-size:60px;
    margin:30px auto 30px;
    width:fit-content;
}
.site-contact {
    box-shadow: 1px 1px 10px rgba(0,0,0,0.3);
    transform: translateY(-40px);
    overflow:visible;
    background:#fff;
    padding:30px 50px;
    display:flex;
    flex-direction: row;
    gap:10px;
    flex-wrap:wrap;
}
.site-contact h2, .site-contact h3 {
    margin:0;
}
.site-contact-line {
    margin:20px 0;
    font-weight:bold;
}
.site-contact-line > i {
    font-size:30px;
    position:relative;
    top:5px;
    margin-right:10px;
    color:#c8b274;
}
.site-contact-left, .site-contact-right {
    flex: 0 0 calc(50% - 6px);
}
.services-container {
    max-width:800px;
    padding-top:10px;
}
.services-row {
    display:flex;
    flex-direction: row;
    justify-content: center;
}
.services-left {
    width:50%;
    display:flex;
    align-items: flex-end;
    flex-wrap:wrap;
}
.services-right {
    width:50%;
    display:flex;
    flex-wrap:wrap;
    padding-left:80px;
}
.services-container h3 {
    text-align: center;
    font-size:30px;
    font-family: 'Lora', serif;
}
.service {
    margin: 15px 0;
    width:400px;
}
.service i {
    margin-right:20px;
}
footer {
    background:rgba(25, 26, 26, 1);
    margin-top:30px;
    padding:0 0 30px;
    color:#fff;
    font-size:15px;
}
#logo-footer {
    text-align:center;
}
.footer-columns {
    margin:20px 0 0;
    display:flex;
    flex-direction: row;
    justify-content: space-evenly;
    flex-wrap:wrap;
}
.footer-columns > .column {
    width:33%;
}
footer nav {
    text-align: left;
}
footer nav a {
    color:#fff;
}
footer nav ul {
    list-style-type: none;
    margin:0;
    padding:0;
}
footer nav li {
    display:block;
    margin:0;
}
footer nav a:hover {
    color:#c8b274;
}
footer h4 {
    margin:0;
}
.device-container {
    list-style-type: none;
    padding:0;
    margin:0px 0 0px;
    display:flex;
    flex-direction: row;
    justify-content: space-between;
}
.device {
    position:relative;
    flex:1;
    margin:0;
    padding:30px 20px;
    border-right:0px solid #aaa;
}
.device:last-child {
    border:0;
}
.device a {
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    color:#000;
}
.device a:hover {
    background: rgba(0,0,0,0.1);
}
.device:hover {
    color:#c8b274;
}
.device h4 {
    text-transform: uppercase;
    font-weight:lighter;
    margin:0;
}
.ankauf-container {
    display:flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 50px 0;
    color:#fff;
    flex-wrap: wrap;
    gap:10px;
}
.ankauf-container h4 {
    font-size:30px;
    font-weight:lighter;
}
.ankauf-item {
    padding:20px 60px;
    flex: 0 0 calc(50% - 6px);
    height:400px;
    background:#f8f8f8;
    position:relative;
    text-align:left;
}
.ankauf-item.schmuck {
    background:url(../../files/g24/images/goldschmuck.jpg) center right/cover no-repeat;
}
.ankauf-item.barren {
    background:url(../../files/g24/images/goldbarren.jpg) center right/cover no-repeat;
}
.ankauf-item.muenzen {
    background:url(../../files/g24/images/goldmuenzen.jpg) center right/cover no-repeat;
}
.ankauf-item.zahngold {
    background:url(../../files/g24/images/zahngold.jpg) center right/cover no-repeat;
}
.ankauf-item::before {
  content: "";
  position: absolute;
  inset: 25px;
  background: rgba(0, 0, 0, 0.55); /* 50 % schwarz */
  z-index: 1;
}
.ankauf-item > * {
  position: relative;
  z-index: 2;
}
.ankauf-container ul {
    list-style-type: none;
    margin:0;
    padding:0;
}
.ankauf-container li {
    padding:0;
}
@media only screen and (max-width: 767px) {
    header > .inside nav {
        display:none;
    }
    header {
        
    }
    #logo {
        width:280px;
        vertical-align: middle;
    }
    nav.mod_navigation {
        float:none;
        display:block;
        font-size:20px;
        padding:20px 0;
    }
    nav.mod_navigation ul.level_1 > li {
        display:block;
        padding:15px 30px;
    }
    nav.mod_navigation ul.level_1 > li:hover,
    nav.mod_navigation ul.level_1 > li.active {
        border:0;
    }
    nav.mod_navigation ul.level_2 {
        position:relative;
        top:0;
        right:0;
        opacity: 1;
        background:none;
        color:#fff;
        padding:0;
    }
    nav.mod_navigation a, nav.mod_navigation ul.level_2 a {
        color:#fff;
    }
    .mod_mobile_menu {
        position:relative;
        color:#000;
        font-size:30px;
        float: right;
        display:inline-block;
        vertical-align: middle;
        top:-8px;
    }
    .mobile_menu, .mobile_menu a {
        color:#fff
    }
    .site-contact-left, .site-contact-right {
        flex: 0 0 100%;
    }
    .services-container {
        padding:0px;
    }
    .services-right {
        padding-left:20px;
    }
    .ankauf-item {
        flex: 0 0 100%;
    }
    .grid50 {
        width:100%;
    }
    .bar.validation {
        height:350px;
    }
    .content-text.validation {
        margin: 20px 0;
    }
    .validation-text {
        margin-top: 30px;
        padding:0;
    }
    .footer-columns > .column {
    width:100%;
}
}