/*
Theme Name:Rittiner Gomez
Author:Rittiner & Gomez
Version:2023-01
*/

@media print{nav {display:none;}}

body {font-size:110%;background:#fff;color:#244;font-family:"Open Sans", sans-serif;padding:0 10px}
a{outline:none;color:#244}
a:hover{color:#000}
img{border:none;max-width:100%;height:auto}
iframe{max-width:100%}
h1{font-size:3.5em;margin:0 0 0 -3px}
h1 a,h2,h3{font-weight:400}
h2{margin:55px 0;font-size:2.5em}
h2 a{border-bottom:1px solid}
h3{font-size:1.6em;margin:40px 0 0}
h4{margin:10px 0;}
h1 a,nav a,footer a,h2 a,aside a,.links a,.bild a,.kat a{text-decoration:none}
footer a:hover,aside a:hover,.links a:hover,.bild a:hover,.kat a:hover{text-decoration:underline}
.more-link{font-weight:600;}
blockquote{margin:0;padding:1px 0 3px 15px;position: relative}
blockquote::before{content: "\201C";font-size:2em;position: absolute;left:0;top:0}
blockquote a{font-size:.8em}
#wrapper{max-width:100%;margin:40px 0 0 25%;padding:5px 0 0;}
main{width:700px;max-width:100%;margin:0;padding:0;}
.breit{width:1100px;max-width:100%;margin:0;padding:0;}

/*kopf*/

dfn{letter-spacing:.23em;color:#d55;}

/* inhalt */

article{line-height:1.5em}
.navigation{height:1.1em;margin-bottom:10px;padding:9px 0}
.navigation a{text-decoration:none;border-bottom:1px solid;padding-bottom:1px;font-weight:600}
.alignright{float:right}
.alignleft{float:left}
.kat{font-size:.85em;padding:20px 0}
.pupli img{box-shadow:4px 4px 4px #aaa;margin:0 0 10px}
.pupli small{font-size:.8em}
address{margin:0 0 15px}
details{border:1px dashed;padding:10px 10px 10px 20px;margin-right:10px}
figure{margin: 10px 0;font-style: italic;font-size: .9em}
figcaption{margin: 3px 0 30px}
#ausstellungen{line-height:1.9em}

/* bilder */

.bild{float:left;width:200px;height:255px;line-height:1.7em;margin:0;padding:10px 25px 0 0;font-size:.8em}
.bildobjekt{float:left;width:300px;height:255px;line-height:1.7em;margin:0;padding:10px 25px 0 0;font-size:.8em}
.h3bild{clear:both;padding:45px 0 20px;}
.gallery-icon{margin:-20px 0 0 0}
.gallery-icon img{padding:20px 20px 0px 0}
.gallery-text{max-width:900px}
cite{display:block;clear:both;font-size:.8em;padding-top:5px;color:#667}

/* footer */

footer{clear:both;font-size:.9em;padding:60px 0}
.common,.common a{font-size:.95em;padding:20px 0}

/* contact und imput button */

form{padding:20px 0}
.feld{font-size:1.2em;border:2px solid}
.feld{border-right:none}
.form-control{ display:block;width:70%;font-size:1.1em}
.form-control-nachricht{ display:block;width:100%}
.submit,.wpcf7-submit{background:#244;color:#fff;border:2px solid #244;font-size:1.2em}
.submit:hover,.wpcf7-submit:hover{background:#fff;color:#244;border:2px solid;}
.wpcf7-form-control{max-width:100%;margin:0 10px 0 0}
.captcha-image{margin:10px 0}

/* mailpoet */

.mailpoet_form {max-width:450px}

/* nav */

nav {position:fixed;top:0;margin:60px 0 0 6%;font-size:1.2em}
nav ul{margin:0;padding:0;list-style:none}
nav li{padding:7px 0}
nav a:hover{border-bottom: 1px solid}
.menu{display:none}
.letter{font-size:.7em;margin-bottom:25px}
.menuex{font-size:.9em;padding:2px;margin:20px 0;text-align:center;border:3px solid #dee;border-radius:11px;max-width:120px}
.menuex:hover{background:#dee}
.menuex a:hover{border:none}

@media screen and (max-width: 1460px) {
nav {position:fixed;top:0;left:0;margin:0;padding:0 30px 5px;width:100%;border-radius:0;background:#fff;box-shadow:none;border-bottom:1px solid #d55;font-size:1em}
nav li {display:none}
nav .menu {display:block;padding:4px 0 0;font-size:1.1em;line-height: 2em}
.menuex{font-size:1em}
/* on nav hover */
nav ul:hover li {display: block}
nav:hover{padding:0 0 30px 30px}

.bild{padding:10px 10px 0 0}
.gallery-icon{margin:-5px 0 0 0}
.gallery-icon img{padding:5px 5px 5px 0}
#wrapper{width:1000px;max-width:100%;margin:60px auto 0}
}

@media screen and (max-width: 580px) {.footerbreit{display:none;}h1{font-size:2em}h2{font-size:1.4em}h3,.ma h3{font-size:1.2em}dfn{letter-spacing:.1em;font-size:.9em}}

/* open-sans-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('/fonts/open-sans-v40-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-italic - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: url('/fonts/open-sans-v40-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-600 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: url('/fonts/open-sans-v40-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}