html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}@font-face{font-family:Neuton-Light;src:url("../fonts/Neuton-Light.ttf");src:url("../fonts/Neuton-Light.woff")}@font-face{font-family:Neuton-SC-Regular;src:url("../fonts/Neuton-SC-Regular.ttf");src:url("../fonts/Neuton-SC-Regular.woff")}@font-face{font-family:Neuton-Light-Italic;src:url("../fonts/Neuton-Italic.ttf");src:url("../fonts/Neuton-Italic.woff")}@font-face{font-family:RougeScript;src:url("../fonts/rougescript-regular-webfont.ttf");src:url("../fonts/rougescript-regular-webfont.woff")}@font-face{font-family:GreatVibes;src:url("../fonts/greatvibes-regular-webfont.ttf");src:url("../fonts/greatvibes-regular-webfont.woff")}html, body{font-family:"Neuton-Light", "Times", serif;overflow-x:hidden}*{list-style-type:disc;-webkit-margin-before:0em;-webkit-margin-after:0em;-webkit-margin-start:0px;-webkit-margin-end:0px;-webkit-padding-start:0px}a{text-decoration:none}ul{margin:0;padding:0}body,#top-bar-wrapper,#top-bar ul a,body#aktuelles #top-bar a#nav-aktuelles,body#person #top-bar a#nav-person,body#kontakt #top-bar a#nav-kontakt,#footer-wrapper{background-color:#222222}#top-bar-wrapper,#footer-wrapper{height:auto}#top-bar,#main-site,footer{max-width:1200px;margin:0 auto;box-sizing:border-box}#top-bar-wrapper{height:44px}#top-bar{height:100%}#main-wrapper{background-color:#EAF0F5}#main-site{background-color:#ffffff;-webkit-box-shadow:0px 0px 8px 0px rgba(0,0,0,0.3);-moz-box-shadow:0px 0px 8px 0px rgba(0,0,0,0.3);box-shadow:0px 0px 8px 0px rgba(0,0,0,0.3);border-left:#a3a3a3 1px solid;border-right:#a3a3a3 1px solid;box-sizing:inherit}#top-bar ul a,body#aktuelles #top-bar a#nav-aktuelles,body#person #top-bar a#nav-person,body#kontakt #top-bar a#nav-kontakt{    }#top-bar nav{    display:inline-block;    float:right;    height:100%}#top-bar ul{    display:inline;    height:auto;    float:right;    height:100%}#top-bar li{    list-style:none;    float:left;    height:100%;    box-sizing:border-box;    padding-top:7px}#top-bar ul a{    box-sizing:border-box;    display:inline-block;    color:#ffffff;    float:left;    font-size:1.22em;    height:100%;    padding:0 10px;    margin-left:5px;    -webkit-transition:0.2s;    transition:0.2s}#top-bar nav a:hover, #top-bar nav a:focus{        border-bottom:4px solid #339968}body#services #top-bar a#nav-services,body#aktuelles #top-bar a#nav-aktuelles,body#person #top-bar a#nav-person,body#kontakt #top-bar a#nav-kontakt{        border-bottom:4px solid #339968}#show-mobile-menu,#hide-mobile-menu{    display:none}#top-bar ul a span{        display:None;    float:left;    height:20px;    margin:10px 4px 0px 0px;    background-size:contain;    background-repeat:no-repeat}a#nav-services span{    width:20px;    background:url("../icons/services-h100.png")}a#nav-aktuelles span{    width:20px;    background:url("../icons/kalender-h100.png")}a#nav-person span{    width:20px;    background:url("../icons/person-h100.png")}a#nav-kontakt span{    width:25px;    background:url("../icons/kontakt-h100.png")}#icon-row{    max-width:1050px;    margin:0 auto;    position:relative}#logo-wrapper{    width:17%;     height:auto;    background:#ffffff;    display:block;    border-top:10px #ffffff solid;    position:relative;        text-align:center;    float:left;    box-sizing:border-box}#logo-wrapper img{    max-width:110px;    width:100%;    height:auto}h1{    font-family:'GreatVibes';    font-weight:100;    font-stretch:ultra-condensed;    display:inline;    margin:0}div#goldschmiede{    float:left;    width:41.5%}#goldschmiede h1{    font-size:5.2em;        float:left}div#name{    width:41.5%;    float:right;    box-sizing:border-box;    padding:1% 0 0 3%}div#goldschmiede,div#name{    margin-top:1.5%;    padding-left:4%;    box-sizing:border-box}h1#matthias, h1#wehner{    font-family:'RougeScript';    font-size:4em}h1#matthias{ margin-right:4%; }#nav-wrapper{    width:800px;    max-height:100%;    margin:10px auto 0 auto;    border-top:#c7c7c7 1px solid;    clear:both;    box-sizing:border-box}#nav-wrapper nav{    display:table;    margin:0 auto}#nav-wrapper nav ul{    display:inline-block;    position:relative}#nav-pfeil{    content:" ";    display:block;    background:url("../bilder/navi-pfeil.png") 50% no-repeat;    background-size:contain;    width:100%;    height:7px;    position:absolute;    top:-1px;    -webkit-transition:0.5s ease;    transition:0.5s ease}#nav-wrapper nav li{    display:inline;    list-style:none;    text-align:center}#nav-wrapper nav a{    font-family:"Neuton-SC-Regular", "Times", serif;    font-size:1.6em;    font-weight:100;    letter-spacing:0.05em;    color:#090909;    padding:0 12px}nav li#nav-ringe:hover ~ #nav-pfeil{ background-position:5%; }nav li#nav-trauringe:hover ~ #nav-pfeil{ background-position:22%; }nav li#nav-ohrringe:hover ~ #nav-pfeil{ background-position:41.5%; }nav li#nav-colliers:hover ~ #nav-pfeil{ background-position:59%; }nav li#nav-kreuze:hover ~ #nav-pfeil{ background-position:75.2%; }nav li#nav-sonstiges:hover ~ #nav-pfeil{ background-position:92%; }body#ringe #nav-pfeil{ background-position:5%; }body#trauringe #nav-pfeil{ background-position:22%; }body#ohrringe #nav-pfeil{ background-position:41.5%; }body#colliers #nav-pfeil{ background-position:59%; }body#kreuze #nav-pfeil{ background-position:75.2%; }body#sonstiges #nav-pfeil{ background-position:92%; }body#ringe li#nav-ringe a,body#trauringe li#nav-trauringe a,body#ohrringe li#nav-ohrringe a,body#colliers li#nav-colliers a,body#kreuze li#nav-kreuze a,body#sonstiges li#nav-sonstiges a{    padding-bottom:3px;    border-bottom:3px solid #333298}#header-img{    height:342px;    margin-top:20px;    overflow:hidden;    background-image:url("../bilder/header-img1-1x.jpg")}@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi){     #header-img{        background:url("../bilder/header-img1-2x.jpg");        background-size:1200px 442px;    }}#header-img img{    }main{margin:15px 0 0px 0;padding-bottom:35px;position:relative}.col_13{display:block;width:33%;margin-right:0.5%;margin-bottom:0.2%;float:left}.col_13:nth-child(3),.col_13:nth-child(6){margin-right:0}.text-site{padding-left:3.2%;overflow:hidden}main ul#index-gallery{overflow:hidden}main ul#index-gallery li{list-style:none;position:relative}main ul#index-gallery img{width:100%;height:auto}main ul#index-gallery span{display:block;width:30%;height:16%;background:url("../bilder/transparency_black.png");position:absolute;bottom:4px;right:0;font-family:"Neuton-Light-Italic";color:#f7f7f7;font-size:1.4em;font-weight:100;text-align:center}h2{letter-spacing:0.05em;font-size:2em}.einruecken{display:block;padding-left:4%;padding-bottom:20px}div#oeffnungszeiten{box-sizing:border-box;width:55%}div#oeffnungszeiten table,div#termine,div#kontakt-menu{width:100%;font-size:1.5em;margin-top:15px}div#oeffnungszeiten table{height:200px}div#oeffnungszeiten tr td.first-column,div#kontakt-menu .kontakt-register{font-family:"Neuton-Light-Italic";width:25%}div#oeffnungszeiten tr td:not(.first-column),div#termine .termin-ort{text-align:center}div#termine{box-sizing:border-box;width:53%;clear:both}div.termineintrag,div.kontakt-eintrag{overflow:auto}div#termine p,div#kontakt-menu p{display:block;float:left;margin-bottom:9px}div#termine .termin-datum{width:30%}div#termine p.termin-ort{width:65%;padding-left:5%}div#ausstellungen-img{display:inline-block;position:absolute;top:35px;right:0px;width:43%}div#ausstellungen-img img{width:100%;height:auto}div#ausstellungen-img img:last-child{display:none}div#trennlinie{width:17%;border-top:1px solid #c7c7c7;margin:10px 0 25px 0}div#profil-photo{width:180px;height:180px;position:absolute;top:-58px;right:44px;overflow:hidden;box-sizing:border-box;border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;border:3px solid #ffffff;-webkit-box-shadow:0px 2px 5px 0px rgba(0,0,0,0.3);-moz-box-shadow:0px 2px 5px 0px rgba(0,0,0,0.3);box-shadow:0px 2px 5px 0px rgba(0,0,0,0.3)}div#profil-photo img{width:100%;height:auto}div#person-text{box-sizing:border-box;width:75%;float:left;padding-right:30px}div#person-text h2{text-align:center;margin:0 auto 20px auto}div#person-text p{font-size:1.3em;text-align:justify;margin-bottom:10px}div#person-text p span:nth-child(2n+1){margin-right:0.17em}div#person-img{width:25%;float:right;margin-top:170px}div#person-img img{width:100%;height:auto;float:right}div#kontakt-menu,div#map{float:left}div#kontakt-menu{box-sizing:border-box;width:55%}.kontakt-eintrag{box-sizing:border-box;margin-left:5%}p#kontakt-ergaenzung{margin-top:90px;padding-bottom:40px;box-sizing:border-box;padding-right:5%;text-align:justify}div#map{width:45%;height:70%;max-height:455px}body#impressum #kontakt-menu{float:none;margin:0 auto;max-width:600px}body#impressum .kontakt-eintrag{margin-left:1%}body#impressum p#kontakt-ergaenzung{margin-top:50px}body.schmuck main{margin-top:35px}div#site-wrapper{position:relative;left:0;-webkit-transition:1s;transition:1s}div.schmuckseite{width:98.5%;margin-left:0.75%;margin-right:0.75%}div.schmuckseite ul{clear:both;overflow:auto}div.schmuckseite li{margin-right:0.5%;width:32.99492385786802%;float:left;display:inline-block}div.schmuckseite li.breitbild{width:66.41285956006769%}.hochkant{}.schmuckseite li:nth-child(3n+3){margin-right:0}div.schmuckseite li.no-margin-right{margin-right:0}div.schmuckseite li.set-margin-right{margin-right:0.5%}div.schmuckseite li.not-the-last{}div.schmuckseite img{width:100%;height:auto}div.erweitert{position:absolute;top:0px}#site_2{left:130%}#site_3{left:260%}#site_4{left:390%}#site_5{left:520%}#site_6{left:650%}#site_7{left:780%}#site_8{left:910%}div#site-navigation-wrapper{height:25px;padding:27px 0;clear:both}div#site-navigation{height:100%;text-align:center}ul#site-navigation-list{display:block;margin:0 auto;height:100%}div#site-navigation li{display:inline-block;width:38px;height:100%;text-align:center}div#site-navigation a{width:100%;height:100%;display:block}div#site-navigation img{position:relative;top:6px;opacity:1}.active-list-item:hover{cursor:default}.non-active-list-item:hover{cursor:pointer}div#pfeil-wrapper{width:100%;position:absolute;top:33%}div#pfeil-wrapper a,div#pfeil-wrapper img{width:100%;height:100%}div#pfeil-links,div#pfeil-rechts{display:inline-block;height:157px;width:84px;position:relative}div#pfeil-links{float:left;left:-150px}div#pfeil-rechts{float:right;right:-150px}div#pfeil-wrapper #pfeil-links:hover,div#pfeil-wrapper #pfeil-rechts:hover{cursor:pointer}footer{overflow:hidden;font-size:1.2em;min-height:50px;padding:5px 10px 0px 10px}footer,#footer-anschrift a,#footer-links a{color:#ffffff}footer li{display:inline}footer a{}footer ul#footer-links{float:left}footer ul#footer-links li{margin-right:15px}footer address{font-style:normal}footer ul#footer-anschrift{float:right;font-family:"Neuton-Light-Italic"}footer ul#footer-anschrift li:first-child{text-decoration:underline}footer ul#footer-anschrift li:after{padding:0 7px;font-family:"Neuton-Light";content:"|"}footer ul#footer-anschrift li:last-child:after{content:"";padding:0}@media (max-width:1600px){    div#pfeil-links{        left:-99px;    }    div#pfeil-rechts{        right:-99px;    }}@media (max-width:1430px){        div#pfeil-links{        left:4px;    }    div#pfeil-rechts{        right:4px;    }}@media (max-width:1200px){    #main-site{        border:0;    }    #goldschmiede h1{ margin-left:1.5%; }}@media (max-width:1100px){    div.text-site{        font-size:0.9em;    }    div#person-text{        font-size:1.1em;    }    div#pfeil-wrapper{        top:30.5%;    }    div#pfeil-links,    div#pfeil-rechts{        width:65px;    }}@media (max-width:1020px){    main span{        height:18%;    }    #icon-row{ font-size:0.9em}    h1#wehner{        right:5%;    }}@media (min-width:1000px){    html.ie .hochkant{        width: 32.97%;    }}@media (max-width:950px){    main ul#index-gallery span{        font-size:1.3em;    }    div.text-site{        font-size:0.8em;    }    div#ausstellungen-img{        top:55px;    }    div#person-text{        font-size:1.1em;    }    div#pfeil-links,    div#pfeil-rechts{        height:130px;    }}@media (max-width:900px){    #icon-row{ font-size:0.8em; }}@media (max-width:850px){    #nav-wrapper{        width:740px;        overflow:inherit;    }    #nav-wrapper nav a{        padding:0 8px;    }    main ul#index-gallery span{        font-size:1.2em;    }    div#profil-photo{        width:150px;        height:150px;    }    div.text-site{        font-size:0.75em;    }    div#person-text{        font-size:1.2em;    }    div#pfeil-links,    div#pfeil-rechts{        height:110px;        width:60px;    }}@media (max-width:800px){        #top-bar-wrapper{        height:50px;        position:relative;        z-index:100;    }    #top-bar nav{        float:left;        margin-left:10px;    }    div#top-bar nav ul a{        height:100%;        margin:0 2px;    }    #top-bar ul a span{        height:25px;        width:34px;        margin:11px 0 0 0;    }    #top-bar-wrapper a#nav-aktuelles span,    #top-bar-wrapper a#nav-person span{        margin-left:7px;    }    #top-bar-wrapper ul li{ display:none}    #logo-top-border{        width:14%;        height:8px;        margin:0 auto;        position:relative;        top:42px;        background-color:white;        opacity:1;        -webkit-transition:0.1s ease;        transition:0.1s ease;    }    a#show-mobile-menu,    a#hide-mobile-menu{        display:block;        box-sizing:border-box;                height:100%;        margin-right:8px;        font-family:"Neuton-SC-Regular", "Times New Roman", serif;        font-size:1.8em;        color:#f7f7f7;        padding:3px 7px 0;        position:absolute;        right:0;    }    a#hide-mobile-menu{        display:none;    }    a#show-mobile-menu div,    a#hide-mobile-menu div{        display:inline;        margin-right:8px;    }    a#show-mobile-menu span,    a#hide-mobile-menu span{        width:26px;        display:inline-block;        height:17px;        margin:0;    }    a#show-mobile-menu span{        background:url("../icons/menu-icon.png") no-repeat;        background-size:contain;    }    a#hide-mobile-menu span{        background:url("../icons/menu-pfeil-nach-oben.png") no-repeat;        background-size:contain;    }        #icon-row{        font-size:0.75em;        z-index:80;        overflow:auto;        margin-top:50px;    }    body#startseite #icon-row, body#impressum #icon-row, body#services #icon-row, body#aktuelles #icon-row, body#person #icon-row, body#kontakt #icon-row{        margin-top:0px;    }    #logo-wrapper{        width:13%;        border-left:10px #ffffff solid;        border-right:10px #ffffff solid;    }    div#goldschmiede,    div#name{        margin:1%;        padding-top:0;    }    h1#matthias{ display:none; }    h1#wehner{        font-size:5em;        display:inline-flex;    }    h1#wehner:before{        content:"M.";        margin-right:5px;        display:inline-table;    }        #nav-wrapper{        overflow:hidden;        width:100%;        border:none;                border-bottom:1px solid #737373 ;        -webkit-transition:0.5s ease;        transition:0.5s ease;        position:absolute;        top:-200px;        background-color:white;        margin:0;        z-index:90;    }    #nav-wrapper nav li{        display:block;        margin-bottom:4px;    }    body#ringe li#nav-ringe a,    body#trauring li#nav-trauringe a,    body#ohrringe li#nav-ohrringe a,    body#colliers li#nav-colliers a,    body#kreuze li#nav-kreuze a,    body#sonstiges li#nav-sonstiges a{        padding:0 10px;        border-bottom:2px solid #333298;    }        #menu:target div#nav-wrapper{        -webkit-transform:translate(0, 250px);        transform:translate(0, 250px);    }    #menu:target #logo-top-border{        opacity:0;    }    #menu:target a#show-mobile-menu{        display:none;    }    #menu:target a#hide-mobile-menu{        display:block;    }    #menu:target a#hide-mobile-menu div,    #menu:target a#hide-mobile-menu span{            }    #nav-pfeil{ display:none; }    #header-img{        margin-top:0px;        clear:both;    }    #top-bar-wrapper{        border-bottom:1px solid #DDDDDD    }    .schmuck #top-bar-wrapper{        width:100%;        position:fixed;    }    #top-bar nav{        position:absolute;        overflow:hidden;        top:-310px;        height:165px;        width:100%;        margin:0;                -webkit-transition:0.5s ease;        transition:0.5s ease;    }    #menu:target #top-bar nav{        -webkit-transform:translate(0, 360px);        transform:translate(0, 360px);    }    #top-bar nav ul{        display:block;        float:none;    }    div#top-bar nav ul a{        display:block;        width:100%;        background:none;        color:#222222;        font-size:1.6em;        height:auto;        padding:0;        text-align:center;        border:none;        margin-bottom:0px;    }    #top-bar nav ul a:hover, #top-bar nav ul a:focus{        border:none;    }    #top-bar nav ul span{        display:none;    }    #top-bar nav li{        float:none;        display:inline;        text-align:center;        padding:0 10px;    }    #top-bar nav a#nav-kontakt li{        }    #logo-top-border{ display:none; }    body#services #top-bar a#nav-services,    body#aktuelles #top-bar a#nav-aktuelles,    body#person #top-bar a#nav-person,    body#kontakt #top-bar a#nav-kontakt{        background:none;        border:none;        margin-bottom:2px;    }    body#services #top-bar a#nav-services li,    body#aktuelles #top-bar a#nav-aktuelles li,    body#person #top-bar a#nav-person li,    body#kontakt #top-bar a#nav-kontakt li{        border-bottom:2px solid;    }    #menu:target body#services #top-bar a#nav-services li,    #menu:target body#aktuelles #top-bar a#nav-aktuelles li,    #menu:target body#person #top-bar a#nav-person li,    #menu:target body#kontakt #top-bar a#nav-kontakt li{        border-color:#339968;    }    #menu:target body#services #top-bar a#nav-sevices li{        transition-delay:0.4s;    }    #menu:target body#aktuelles #top-bar a#nav-aktuelles li{        transition-delay:0.31s;    }    #menu:target body#person #top-bar a#nav-person li{        transition-delay:0.25s;    }    #menu:target body#kontakt #top-bar a#nav-kontakt li{        transition-delay:0.22s;    }    #nav-wrapper{        margin-top:0;        border-color:#4C4C4C;        top:-350px;            }    #nav-wrapper nav{        width:60%;    }    #nav-wrapper nav ul{        display:block;        margin-top:170px;        border-top:1px solid #E4E4E4;    }    #menu:target div#nav-wrapper{        -webkit-transform:translate(0, 400px);        transform:translate(0, 400px);    }                .col_13{        width:49.5%;        margin-right:1%;    }    .col_13:nth-child(3){        margin-right:1%;    }    .col_13:nth-child(2),    .col_13:nth-child(4),    .col_13:nth-child(6){        margin-right:0;    }    main ul#index-gallery span{        font-size:1.4em;    }        div#oeffnungszeiten,    div#termine{        width:90%;    }    div#ausstellungen-img{        width:93.75%;        display:block;        position:inherit;    }    div#ausstellungen-img img{        width:100%;        margin:0 auto;    }    div#ausstellungen-img img:first-child{ display:none; }    div#ausstellungen-img img:last-child{ display:block; }    div#trennlinie{ width:30%; }    div#kontakt-menu,    div#map{        width:98%;    }    p#kontakt-ergaenzung{        margin-top:20px;    }    div.kontakt-eintrag{        margin-left:5%;    }    div#kontakt-menu p.kontakt-register{        width:30%;    }    p#kontakt-ergaenzung{        margin-top:20px;        padding-right:0;    }        body.schmuck main{        margin-top:0px;    }    div.schmuckseite{        width:98%;        margin-left:1%;        margin-right:1%;    }    div.schmuckseite li:nth-child(n+1){        margin-right:0;        width:49.75%;    }    div.schmuckseite li:nth-child(2n+1){        margin-right:0.5%;    }    div.schmuckseite li:last-child{        float:none;        display:block;        margin:0 auto;    }    div.schmuckseite li.not-the-last{        display:inline-block;        margin:0;    }    div.schmuckseite li.still-float-left{        float:left;    }    div.schmuckseite li.breitbild{        width:100%;    }    div#pfeil-wrapper{        top:31.8%;    }    div#pfeil-links,    div#pfeil-rechts{        height:113px;    }}@media (max-width:760px){    #icon-row{ font-size:0.7em; }    #header-img{        margin:0;            }    div#pfeil-wrapper{        top:31.4%;    }}@media (max-width:680px){    #icon-row{ font-size:0.6em; }    main ul#index-gallery span{ font-size:1.3em; }        div#profil-photo{        top:-36px;    }    div#person-text{        float:right;        width:93%;        margin-right:5%;        padding:0;    }    div#person-text p.first-line{        width:70%;    }    div#profil-photo{        width:140px;        height:140px;        right:30px;    }    div#person-img{        width:93%;        margin-right:5%;        margin-top:35px;    }    div#pfeil-wrapper{        top:30.1%;    }}@media (max-width:575px){    #icon-row{ font-size:0.5em; }    div#person-text h2{        text-align:left;    }    div#pfeil-wrapper{        top:28.9%;    }}@media (max-width:530px){         #header-img{            }    .col_13{        width:100%;        margin-right:0%;    }    main ul#index-gallery span{ font-size:1.3em; }    div#profil-photo{        width:130px;        height:130px;        right:15px;    }    div.schmuckseite{        width:100%;        margin-left:0;        margin-right:0;    }    div.schmuckseite li:nth-child(n+1){        margin-right:0;        width:100%;    }    div.erweitert{        position:relative;        top:auto;        left:auto;    }    div#pfeil-wrapper{        display:none;            }    div#site-navigation-wrapper{        display:none;    }    }@media (max-width:479px){            #icon-row{        z-index:110;        overflow:visible;    }    #logo-wrapper{        position:absolute;        width:40px;        top:-47px;        left:0;        border:4px solid white;        box-sizing:inherit;        -webkit-border-bottom-right-radius:10px;        -moz-border-radius-bottomright:10px;        border-bottom-right-radius:10px;        -webkit-border-top-right-radius:10px;        -moz-border-radius-topright:10px;        border-top-right-radius:10px;        z-index:100;    }    .schmuck #logo-wrapper{        position:fixed;        top:3px;    }        div#goldschmiede, div#name{        display:none;    }            .text-site{        padding-left:1.5%;    }    .einruecken{        padding-left:0%;    }    div#oeffnungszeiten{ overflow:scroll; }    div#oeffnungszeiten,    div#termine{        width:99%;    }    div#oeffnungszeiten table{        min-width:400px;        margin-top:5px;    }    div#ausstellungen-img{        margin-top:6px;    }    div#ausstellungen-img img:first-child{ display:block; }    div#ausstellungen-img img:last-child{ display:none; }        body.schmuck main{        margin-top:60px;    }    body.schmuck #main-site{        padding-top:1px;    }    body.schmuck #nav-wrapper{        position:fixed;    }        div#profil-photo{        width:120px;        height:120px;        right:10px;    }    div#pfeil-wrapper{        bottom:1.2%;    }}@media (max-width:390px){    div#goldschmiede{ margin-right:10%; }    div#name{        width:36%;    }    h1#wehner:before{        content:"|";        color:white;        display:none;    }        div#person-text h2{        text-align:center;        margin-top:100px;    }    div#person-text p.first-line{        width:100%;    }    div#profil-photo{        width:140px;        height:140px;        margin:0 26%;    }    div#pfeil-wrapper{        bottom:1.4%;    }}@media (max-width:330px){    div#termine p.termin-datum,    div#termine p.termin-ort{        width:100%;        margin-bottom:11px;        padding:0;    }    div#termine p.termin-datum{        text-align:center;        margin:0;    }    div#profil-photo{        width:125px;        height:125px;        margin:0 24%;    }    div.kontakt-eintrag{        margin-left:0;    }    div#pfeil-wrapper{        bottom:1.6%;    }}@media (max-width:300px){    div#goldschmiede,    div#name{        margin:1% 0 0 0;        padding:0 0.5%;    }    div#name{        float:right;        text-align:right;    }}