.wpml-ls-legacy-list-horizontal{border:1px solid transparent;padding:7px;clear:both}.wpml-ls-legacy-list-horizontal>ul{padding:0;margin:0 !important;list-style-type:none}.wpml-ls-legacy-list-horizontal .wpml-ls-item{padding:0;margin:0;list-style-type:none;display:inline-block}.wpml-ls-legacy-list-horizontal a{display:block;text-decoration:none;padding:5px 10px 6px;line-height:1}.wpml-ls-legacy-list-horizontal a span{vertical-align:middle}.wpml-ls-legacy-list-horizontal a span.wpml-ls-bracket{vertical-align:unset}.wpml-ls-legacy-list-horizontal .wpml-ls-flag{display:inline;vertical-align:middle}.wpml-ls-legacy-list-horizontal .wpml-ls-flag+span{margin-left:.4em}.rtl .wpml-ls-legacy-list-horizontal .wpml-ls-flag+span{margin-left:0;margin-right:.4em}.wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer{margin-bottom:30px}.wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer>ul{text-align:center}html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
background: transparent;
border: 0;
margin: 0;
padding: 0;
}
h1, h2, h3, h4, h5, h6 {
clear: both;
}
ol, ul {
list-style: none;
}
blockquote {
quotes: none;
}
blockquote:before, blockquote:after {
content: '';
content: none;
}
del {
text-decoration: line-through;
}
table {
border-spacing: 0;
}
a img {
border: none;
}
img,
video {
max-width: 100%;
height: auto;
vertical-align: middle;
}
a {
color: #a59e89;
text-decoration: none;
}
a:hover {
color: #8b8571;
text-decoration: underline;
}
strong, b, table th {
font-weight: 500;
}  @font-face {
font-display: swap; font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: url(//www.atelierjungwirth.com/wp-content/themes/atelierjungwirth/fonts/roboto-v30-latin-300.woff2) format('woff2'), url(//www.atelierjungwirth.com/wp-content/themes/atelierjungwirth/fonts/roboto-v30-latin-300.ttf) format('truetype'); } @font-face {
font-display: swap; font-family: 'Roboto';
font-style: italic;
font-weight: 300;
src: url(//www.atelierjungwirth.com/wp-content/themes/atelierjungwirth/fonts/roboto-v30-latin-300italic.woff2) format('woff2'), url(//www.atelierjungwirth.com/wp-content/themes/atelierjungwirth/fonts/roboto-v30-latin-300italic.ttf) format('truetype'); } @font-face {
font-display: swap; font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: url(//www.atelierjungwirth.com/wp-content/themes/atelierjungwirth/fonts/roboto-v30-latin-500.woff2) format('woff2'), url(//www.atelierjungwirth.com/wp-content/themes/atelierjungwirth/fonts/roboto-v30-latin-500.ttf) format('truetype'); } @font-face {
font-display: swap; font-family: 'Roboto';
font-style: italic;
font-weight: 500;
src: url(//www.atelierjungwirth.com/wp-content/themes/atelierjungwirth/fonts/roboto-v30-latin-500italic.woff2) format('woff2'), url(//www.atelierjungwirth.com/wp-content/themes/atelierjungwirth/fonts/roboto-v30-latin-500italic.ttf) format('truetype'); } @font-face {
font-display: swap; font-family: 'Roboto Condensed';
font-style: normal;
font-weight: 300;
src: url(//www.atelierjungwirth.com/wp-content/themes/atelierjungwirth/fonts/roboto-condensed-v27-latin-300.woff2) format('woff2'), url(//www.atelierjungwirth.com/wp-content/themes/atelierjungwirth/fonts/roboto-condensed-v27-latin-300.ttf) format('truetype'); }
body {
background:#fff;
font-size:1em;
color:#000;
line-height:1.3;
-webkit-text-size-adjust: none;
text-size-adjust: none;
font-family: 'Roboto', sans-serif;
font-weight: 300;
}
h1, h2, h3, h4, h5, h6 {
clear: both;
line-height: 1.3;
font-weight:300;
color: #a59e89;
}
h1 {
font-size: 2.5rem;
padding-bottom:0.25rem;
margin-bottom: 0.75rem;
text-transform: uppercase;
color:#000;
}
h1 span,
h3 span {
color:#e2e0d9;
}
h2 {
font-size: 2rem;
margin: 3.5rem 0 1rem 0;
text-transform: uppercase;
}
h3 {
font-size: 1.375rem;
margin: 1rem 0 0.75rem 0;
}
h4 {
font-size: 1.25rem;
margin: 1rem 0 0.75rem 0;
}
h5 {
font-size: 1.125rem;
margin: 1rem 0 0.75rem 0;
}
h1.lowercase,
h2.lowercase,
h3.lowercase,
h4.lowercase {
text-transform: none;
}
h1.uppercase,
h2.uppercase,
h3.uppercase,
h4.uppercase {
text-transform: uppercase;
}
hr {
width:100%;
border-top: 1px solid #a59e89;
border-width: 1px 0 0;
clear: both;
height: 0;
margin: 0.5em 0 0 0;
padding: 0.5em 0 0 0;
}
.font-nav {
font-weight:300;
}
.center {text-align:center;}
.farbe-header {color:#a59e89;}
.farbe-header {color:rgba(165,158,137,1);}
.dunkler {color:#8b8571;}
.farbe-header-hell {color:#e2e0d9;}
@media screen and (max-width: 35em) {
.textbreak {
display: block;
}
} .header-center,
.content-center,
.footer-center {
min-width:18rem;
width: 90%;
margin:0 5%;
}
@media screen and (min-width: 56.9444em) {
.header-center,
.content-center,
.footer-center {
width: 51.25rem;
margin:0 auto;
}
}
main.content {
padding-bottom: 2em;
}
footer.site-footer {
margin-top:3rem;
padding:0 0 4em 0;
text-align: center;
font-size:0.875rem;
border-top: 1px solid #e2e0d9;
}
footer.site-footer ul{
display:flex;
justify-content: center;
}
footer.site-footer ul li{
margin: 0.75rem;
}
footer.site-footer a {
color: rgba(0,0,0,0.5);
font-size:0.75rem;
text-decoration: none;
text-transform: uppercase;
}
footer.site-footer a:hover {
color: rgba(0,0,0,1);
}
.socialmedia {
text-align: center;
}
.socialmedia a {
background-color: #a59e89;
border-radius: 50%;
display: inline-block;
width: 1.625rem;
height:1.625rem;
overflow: hidden;
text-indent: -9999px;
transition: .2s;
}
.socialmedia a.social-facebook {
background: #a59e89 url(//www.atelierjungwirth.com/wp-content/themes/atelierjungwirth/images/icon-facebook.svg) no-repeat center center;
background-size: 100% 100%;
}
.socialmedia a.social-instagram {
background: #a59e89 url(//www.atelierjungwirth.com/wp-content/themes/atelierjungwirth/images/icon-instagram.svg) no-repeat center center;
background-size: 100% 100%;
}
.socialmedia a.social-facebook:hover {
background: #8b8571 url(//www.atelierjungwirth.com/wp-content/themes/atelierjungwirth/images/icon-facebook.svg) no-repeat center center;
background-size: 100% 100%;
}
.socialmedia a.social-instagram:hover {
background: #8b8571 url(//www.atelierjungwirth.com/wp-content/themes/atelierjungwirth/images/icon-instagram.svg) no-repeat center center;
background-size: 100% 100%;
} .header-nav {
background-color: rgba(255, 255, 255, 0.67);
transition: .4s;
height:3rem;
}
.header-center {
}
.logo {
width:100%;
height:3rem;
position: absolute;
top:3rem;
left:0;
}
.logo-balken {
width:100%;
text-align: center;
background-color: #a59e89;
transition: .4s;
}
.logo-balken img{
transition: .4s;
width:16rem;
}
.header-area input {
display: none;
}
.header-area li a{
color:rgba(0,0,0,0.6);
font-size: 1.125rem;
text-decoration: none;
text-transform: uppercase;
}
.header-area li a:hover {
color:rgba(0,0,0,1);
}
.header-area li.current-menu-item a{
color: #a59e89;
}
.language-navigation {
position: absolute;
width:10rem;
text-align: right;
color: rgba(255,255,255,0.4);
z-index:10;
top: -0.5rem;
right:0.25rem;
}
@media screen and (min-width: 50em) {
.language-navigation {
top: 0.5rem;
right:0.25rem;
}
}
@media screen and (min-width: 75em) {
.language-navigation {
top: 3rem;
right:1rem;
}
}
.language-navigation ul {
display:flex;
}
.language-navigation li a {
text-transform: none;
font-size:0.825rem;
color: rgba(0,0,0,0.3);
}
.language-navigation ul li.wpml-ls-current-language a span {
color: rgba(0,0,0,0.6);
}
@media screen and (max-width: 49.999em) {
.header-area  {
width:100%;
height:4em;
z-index:98;
}
.header-area label {
position: absolute;
top: 3.25em;
left: 1rem;
height: 1.25em;
width: 1.5em;
z-index: 99;
}
.header-area input + label span {
position: absolute;
width: 100%;
height: 0.25em;
top: 50%;
left: 0;
display: block;
background: rgba(255,255,255,0.4);
transition: .4s;
}
.header-area input + label span:first-child {
top: 0;
}
.header-area input + label span:last-child {
top: 100%;
}
.header-area body label:hover {
cursor: pointer;
}
.header-area input:checked + label span {
opacity: 0;
background: rgba(255,255,255,1);
top: 50%;
}
.header-area input:checked + label span:first-child {
opacity: 1;
transform: rotate(45deg);
}
.header-area input:checked + label span:last-child {
opacity: 1;
transform: rotate(-45deg);
}
.header-area div.after-checkbox nav.main-navigation {
background: rgba(255, 255, 255, 1);
position: absolute;
top: 5em;
left:0;
width: 100%;
display:none;
z-index: 9;
border-bottom: solid 1px #a59e89;
}
.header-area input:checked ~ div.after-checkbox nav.main-navigation {
display:block;
}
.header-area ul  {
padding: 1em 0;
}
.header-area ul  li {
padding: 0.25em 1em;
} .header-down .header-area{
position:fixed;
top:-3rem;
width:100%;
z-index: 99;
}
.header-down .logo img{
}
.header-down ~ .header-spacer {
height:9rem;
} .language-navigation {
}
.language-navigation li a {
text-transform: none;
font-size:0.825rem;
color: rgba(0,0,0,0.3);
}
.language-navigation ul li.wpml-ls-current-language a span {
color: rgba(0,0,0,0.6);
}
}
@media screen and (min-width: 50em) {
.logo {
position: absolute;
top:6rem;
}
body.logged-in .logo {
top:7rem;
}
.main-navigation ul{
display:flex;
justify-content: space-between;
align-items: center;
height:8rem;
}
.header-area ul li{
}
.header-area ul li a{
line-height: 1;
padding:0 0.25rem;
} .header-down .header-area{
position:fixed;
top:-6rem;
width:100%;
z-index:20;
}
.header-down .logo img{
width:12rem;
height:auto;
margin:0.125rem 0;
}
.header-down .header-area label {
position: fixed;
top: 0.25rem;
left: 1rem;
height: 0.625rem;
width: 1.25rem;
z-index: 21;
display:none;
}
.header-down .header-area input + label span {
position: relative;
z-index:9;
width: 100%;
height: 0.1875rem;
top: 50%;
left: 0;
display: block;
background: rgba(255,255,255,0.4);
transition: .4s;
}
.header-down .header-area input + label span:first-child {
top: 0;
}
.header-down .header-area input + label span:last-child {
top: 100%;
}
.header-down .header-area input:checked + label span {
opacity: 0;
top: 50%;
}
.header-down .header-area input:checked + label span:first-child {
opacity: 1;
background: rgba(0,0,0,1);
transform: rotate(45deg);
}
.header-down .header-area input:checked + label span:last-child {
opacity: 1;
background: rgba(0,0,0,1);
transform: rotate(-45deg);
}
.header-down .header-area input:checked ~ div .logo {
top:6rem;
}
.header-down .header-area input:checked ~ div nav {
width: 100%;
}
.header-down .header-area input:checked ~ div nav ul {
width: 90%;
margin:0 5%;
}
.header-down ~ .header-spacer {
height:9rem;
}
@media screen and (min-width: 56.9444em) {
.header-down .header-area input:checked ~ div nav ul {
width: 51.25rem;
margin:0 auto;
}
}
.header-down .language-navigation {
top: 2.825rem;
}
} .col{
margin-bottom:1rem;
width:100%;
}
@media screen and (min-width: 40em) {
.col{
margin-bottom:0;
}
.flexrow {
display:flex;
justify-content: space-between;
margin-bottom:1.5rem;
}
.fullrow11 .col{
width:48.4%;
}
.row111 .col{ width:30.2%;}
.row11 .col{ width:47.56%; }
.row21 .col:first-child{ width:65.1%; }
.row21 .col:last-child{ width:30.2%; }
.row12 .col:first-child{ width:30.2%; }
.row12 .col:last-child{ width:65.1%; }
.col-oben {
align-self: flex-start;
}
.col-unten {
align-self: flex-end;
}
} .homenav {
min-width:18rem;
padding: 0 0 2rem;
}
.homenav ul li{
width:100%;
}
.homenav ul li a{
width:100%;
height:100%;
color: rgba(0,0,0,0.8);
text-transform: uppercase;
font-size:1.5rem;
letter-spacing: 3px;
text-decoration:none;
transition: .2s;
}
.homenav ul li a:hover{
text-decoration:none;
color: rgba(0,0,0,1);
}
.homenav ul li a i{
display:block;
width:100px;
height:90px;
margin:0 auto 0 auto;
transition: .2s;
}
.homenav ul li:nth-child(1) a i{
background: url(//www.atelierjungwirth.com/wp-content/themes/atelierjungwirth/images/homeicon1.jpg) no-repeat center center;
background-size: 90% 90%;
}
.homenav ul li:nth-child(2) a i{
background: url(//www.atelierjungwirth.com/wp-content/themes/atelierjungwirth/images/homeicon2.jpg) no-repeat center center;
background-size: 90% 90%;
}
.homenav ul li:nth-child(3) a i{
background: url(//www.atelierjungwirth.com/wp-content/themes/atelierjungwirth/images/homeicon3.jpg) no-repeat center center;
background-size: 90% 90%;
}
.homenav ul li:nth-child(1) a:hover i,
.homenav ul li:nth-child(2) a:hover i,
.homenav ul li:nth-child(3) a:hover i{
background-size: 100% 100%;
}
.homenav ul li a span{
display: block;
text-align:center;
width:100%;
line-height:1;
padding-bottom:1rem;
}
@media screen and (min-width: 40rem) {
.homenav {
padding: 2rem 0 3rem;
}
.homenav ul{
display:flex;
}
.homenav ul li{
flex:0 0 33.333333%;
height:30vw;
}
.homenav ul li a i{
width:150px;
height:120px;
margin:3vw auto 0 auto;
}
}
@media screen and (min-width: 60rem) {
.homenav ul li a i {
width:200px;
height:180px;
margin: 5vw auto 0 auto;
}
.homenav ul li a span{
font-size:2rem;
}
}
@media screen and (min-width: 78rem) {
.homenav {
width: 78rem;
margin:0 auto;
}
.homenav ul li{
flex:0 0 33.333333%;
height:23.4rem;
}
} .main-content {
line-height: 1.6;
margin-top: 1rem;
padding: 3rem 0 1.5rem 0;
}
.main-content  blockquote {
color: #a59e89;
margin: 0 0 2rem 0;
}
.main-content p{
margin-bottom: 1em;
}
figure.bild {
margin:0;
padding:0;
position:relative;
display:inline-block;
margin-bottom:1rem;
z-index: -1;
}
figure.bild figcaption{
right:-16rem;
bottom:-1rem;
position: absolute;
transform-origin: 0 0;
transform: rotate(270deg);
font-size:0.75rem;
width:16rem;
height:1rem;
}
.image-space {
margin: 2rem 0 2.75rem 0;
}
.bx-wrapper {
z-index: -1;
} .galerie-hoch {
width:100%;
height:200px;
margin-top:1.5rem;
overflow:hidden;
}
.galerie-hoch ul {
display:flex;
width:200%;
flex-wrap: wrap;
}
.galerie-hoch ul li {
margin:0 0.5rem 0.5rem 0 ;
}
.galerie-hoch ul li img{
transition: .4s;
} .galerie-niedrig {
width:100%;
height:125px;
margin-top:1.5rem;
overflow:hidden;
}
.galerie-niedrig ul {
display:flex;
width:200%;
flex-wrap: wrap;
}
.galerie-niedrig ul li {
margin:0 0.5rem 0.5rem 0 ;
} .bereich-mehr {
position: relative;
}
.bereich-mehr input {
display: none;
}
.bereich-mehr label {
color: #ccc;
position: absolute;
height:100%;
width:20px;
top:0;
right:0;
background: rgba(165,158,137,0.6) url(//www.atelierjungwirth.com/wp-content/themes/atelierjungwirth/images/pfeil-mehr.svg) no-repeat center center;
background-size: 100% auto;
}
.bereich-mehr label:hover {
sbackground: rgba(165,158,137,0.9) url(//www.atelierjungwirth.com/wp-content/themes/atelierjungwirth/images/pfeil-mehr.svg) no-repeat center center;
background-size: 100% auto;
}
.bereich-mehr input:checked ~ div {
height: auto;
}
.bereich-mehr input:checked + label {
display:none;
}
.bereich-mehr input:checked ~ div ul{
width:100%;
}
.bereich-mehr input:checked ~ div ul{
width:100%;
}
.bereich-mehr input:checked ~ div.galerie-hoch  li img{
height:100px;
width:auto;
}
.bereich-mehr input:checked ~ div.galerie-niedrig  li img{
height:80px;
width:auto;
} .galerie3 {
display:flex;
justify-content: space-between;
flex-wrap: wrap;
margin: 3rem 0 0.5rem 0;
}
.galerie3 li{
flex: 0 0 48%;
margin-bottom:1rem;
}
@media screen and (min-width: 30em) {
.galerie3 li{
flex: 0 0 32%;
}
} .halbblock {
}
.halbblock h2{
margin:0;
padding:0 0 0.25rem 0;
font-size: 1.5rem;
}
.halbblock h4{
margin:0;
}
@media screen and (min-width: 40em) {
.halbblock {
display:flex;
}
.halb-links,
.halb-rechts{
flex: 0 0 50%;
}
.halbblock-space {
justify-content: space-between;
}
.halbblock-space .halb-links,
.halbblock-space .halb-rechts{
flex: 0 0 48%;
}
} .tabelle1 td{
padding: 0.125rem 0.25rem;
border-top: 1px solid #cecbc7;
}
.tabelle1 small{
font-size: 1rem;
color: #8b8571;
line-height: 1.3;
}
.tabelle2 {
margin-bottom:1rem;
}
.tabelle2 td{
vertical-align: top;
padding-right:0.5rem;
} #fancybox-overlay {
background-color:#a59e89!important;
opacity: 0.9!important;
}
#fancybox-title-inside {
color:#a59e89;
font-size:0.75rem;
} ul.liste  {
list-style-type: disc;
margin-left: 40px;
padding-left: 0;
}
ul.liste li {
padding-bottom:.5rem;
} .ausstellung-detail-de .english {display:none;}
.ausstellung-detail-en .deutsch {display:none;}
.ausstellungsliste {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.ausstellungsliste li{
flex: 0 0 100%;
margin-bottom:3%;
}
.ausstellungsliste-aktuell li{
margin-bottom:5%;
}
.ausstellungsliste-aktuell h3.comingsoon {
color:#b02100;
}
@media screen and (min-width: 25em) {
.ausstellungsliste li{
flex: 0 0 48.0769%;
}
}
@media screen and (min-width: 35em) {
.ausstellungsliste li{
flex: 0 0 31%;
}
}
.ausstellungsliste a,
.ausstellungsliste-aktuell a{
text-decoration:none;
}
.ausstellungsliste h3{
font-size:1.25rem;
margin: 0.5rem 0 0.75rem 0;
}
.ausstellungsliste-aktuell h2{
text-decoration:none;
font-size:2rem;
margin: 0.5rem 0 0 0;
}
.ausstellungsliste-aktuell h3{
text-decoration:none;
font-size:1.5rem;
margin: 0;
padding:0 0 0.5rem 0;
}
.ausstellungsliste-aktuell h4{
color:#000;
font-size:1.125rem;
margin: 0 0 1rem 0;
} .ausstellung-detail h2,
.ausstellung-detail h3,
.ausstellung-detail h4 {
color:#000;
}
.ausstellung-titel-zusatz {
color: #a59e89;
line-height: 1;
}
.ausstellung-datum {
color: #a59e89;
margin-bottom:1rem;
}
.ausstellung-headerbild {
max-width:400px;
} .wanderexpo {
-border-top: solid 1px rgba(165,158,137,.5);
-border-bottom: solid 1px rgba(165,158,137,.5);
margin: 1.5rem 0;
padding: 1rem 0;
}
.wanderexpo h2{
margin:0 0 .25rem 0;
padding:0;
font-size: 1.5rem;
}
.wanderexpo input {
display: none;
}
.wanderexpo label {
color: #a59e89;
}
.wanderexpo label:hover {
text-decoration:underline;
}
.wanderexpo .ausstellungen-wanderexpo-more {
display:none;
padding-top: 1rem;
}
.wanderexpo .ausstellungen-wanderexpo-more strong{
color: #a59e89;
font-weight: 300;
}
.wanderexpo input:checked ~ .ausstellungen-wanderexpo-more {
display:block;
}
.wanderexpo input:checked + label {
display:none;
} .pressebereich input {
display:none;
}
.pressebereich label {
color: #a59e89;
}
.pressebereich label:hover {
text-decoration: underline;
}
.pressebereich ul .presse-detail {
display:none;
}
.pressebereich input:checked ~ ul .presse-detail,
.pressebereich ul input:checked ~ .presse-detail {
display:flex;
padding: 0.5rem 0 1rem 0;
}
.pressebereich input:checked ~ ul label,
.pressebereich ul input:checked + label {
display:none;
}
.presse-bild {
flex: 0 0 120px;
}
.presse-bild img {
width: 100px;
height: auto;
}
.pressebereich h3 {
margin:0;
padding:0 0 0.5rem 0;
}
.pressebereich h3 span{
margin:0;
padding:0;
} .partnerliste input {
display: none;
}
.partnerliste label {
color: #a59e89;
}
.partnerliste label:hover {
text-decoration:underline;
}
.partnerliste ul{
display:none;
}
.partnerliste input:checked ~ ul {
display:block;
}
.partnerliste input:checked + label {
display:none;
} .owl-carousel-gallery {
background: #333;
width:100%;
height:200px;
}
.owl-carousel-gallery div{
background: #666;
width:auto;
height:200px;
} .workshopliste {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.workshopliste li{
flex: 0 0 100%;
margin-bottom:5%;
}
@media screen and (min-width: 25em) {
.workshopliste li{
flex: 0 0 48.0769%;
}
}
@media screen and (min-width: 35em) {
.workshopliste li{
flex: 0 0 31%;
}
}
.workshopliste-aktuell li{
margin-bottom:2rem;
}
.workshopliste a,
.workshopliste-aktuell a{
text-decoration:none;
}
.workshopliste h3{
font-size:1.25rem;
margin: 0.5rem 0 0 0;
}
.workshopliste-ort {
font-weight: bold;
font-size:0.875rem;
}
.workshopliste-jahr {
font-size:0.875rem;
}
.workshops-detail .workshopliste-ort,
.workshops-detail .workshopliste-jahr {
font-size:1rem;
font-weight: 300;
}
.workshopliste-aktuell h2{
text-decoration:none;
font-size:2rem;
margin: 0.5rem 0 0 0;
}
.workshopliste-aktuell h4{
color:#000;
font-size:1.125rem;
margin: 0 0 1rem 0;
}
.workshops-detail h1{
margin: 0.5rem 0 0 0;
padding:0;
}
.workshops-detail h3{
margin: 0 0 1rem 0;
padding:0;
} .shopliste {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.shopliste li{
flex: 0 0 100%;
margin-bottom:3%;
}
@media screen and (min-width: 25em) {
.shopliste li{
flex: 0 0 48.0769%;
}
}
@media screen and (min-width: 35em) {
.shopliste li{
flex: 0 0 31%;
}
}
@media screen and (min-width: 42em) {
.shopliste li{
flex: 0 0 23%;
}
}
.shopliste a {
text-decoration:none;
}
.shopliste h3{
font-size:1.125rem;
line-height:1.1;
margin: 0.5rem 0 0.75rem 0;
}
.shopliste h3 span{
font-size:.875rem;
color: #a59e89;
}
.shop-bilder {
width:100%;
padding-top:2rem;
}
.shop-bilder ul {
overflow:hidden;
width:100%;
}
.shop-bilder ul li {
margin:0 0.5rem 0.5rem 0;
float:left;
}
.shop-bilder ul li img{
height:7rem;
width:auto;
}
@media screen and (min-width: 30em) {
.shop-bilder ul li img{
height:12.5rem;
}
}
.artikelliste {
margin-bottom:1.5rem;
}
.artikelliste-bild{
width:200px;
}
.artikelliste-bild img{
width:200px;
height: auto;
}
.artikelliste-text{
font-size: 0.875rem;
margin: 0.25rem 0 2rem 0;
}
.artikelliste-text h3{
margin:0;
padding:0;
}
@media screen and (min-width: 30em) {
.artikelliste li{
display: flex;
align-items: flex-end;
margin-bottom:1rem;
}
.artikelliste-bild{
flex: 0 0 220px;
}
.artikelliste-text{
margin: 0;
}
} .tnp-subscription {
margin: 0!important;
}
.tnp-subscription label {
font-size: 1rem!important;
font-weight: 300!important;
}div.tnp-subscription,
form.tnp-subscription, form.tnp-profile {
display: block;
margin: 1em auto;
max-width: 500px;
width: 100%;
}
div.tnp-profile {
display: block;
margin: 1em 0;
max-width: 500px; } .tnp-subscription div.tnp-field,
.tnp-profile div.tnp-field
{
margin-bottom: .7em;
border: 0;
padding: 0;
}
.tnp-subscription label,
.tnp-profile label
{
display: block;
color: inherit;
font-weight: normal;
line-height: normal;
padding: 0;
margin: 0;
margin-bottom: .25em;
font-size: .9em;
}
.tnp-subscription .tnp-field-checkbox label,
.tnp-profile .tnp-field-checkbox label
{
display: inline-block;
}
.tnp-subscription input[type=text],
.tnp-subscription input[type=email],
.tnp-subscription input[type=submit],
.tnp-subscription select,
.tnp-subscription textarea,
.tnp-profile input[type=text],
.tnp-profile input[type=email],
.tnp-profile input[type=submit],
.tnp-profile select,
.tnp-profile textarea
{
width: 100%;
padding: .7em;
display: block;
border: 1px;
color: #444;
border-color: #ddd;
background-color: #f4f4f4;
background-image: none;
text-shadow: none;
font-size: 1em;
margin: 0;
line-height: normal;
box-sizing: border-box;
}
.tnp-subscription input[type=checkbox],
.tnp-widget input[type=radio],
.tnp-profile input[type=checkbox]
{ max-width: 1em;
display: inline-block;
margin-right: .5em;
} .tnp-subscription select option,
.tnp-profile select option
{
margin-right: .75em;
}
.tnp-subscription input.tnp-submit,
.tnp-profile input.tnp-submit,
.tnp-unsubscribe button.tnp-submit,
.tnp-reactivate button.tnp-submit
{
background-color: #444;
color: #fff;
width: auto;
height: auto;
margin: 0;
display: inline-block;
}
@media all and (max-width: 480px) {
.tnp-subscription input[type=submit],
.tnp-profile input[type=submit] {
width: 100%;
}
}
.tnp-widget {
width: 100%;
display: block;
box-sizing: border-box;
}
.tnp-widget .tnp-field {
margin-bottom: 10px;
border: 0;
padding: 0;
}
.tnp-widget label {
display: block;
color: inherit;
font-size: 14px;
}
.tnp-widget input[type=text], .tnp-widget input[type=email], .tnp-widget input[type=submit], .tnp-widget select {
width: 100%;
padding: 10px;
display: block;
border: 1px solid #ddd ;
border-color: #ddd;
background-color: #f4f4f4;
background-image: none;
text-shadow: none;
color: #444;
font-size: 14px;
line-height: normal;
box-sizing: border-box;
height: auto;
}
.tnp-widget input[type=checkbox], .tnp-widget input[type=radio] {
width: auto;
display: inline-block;
} .tnp-widget select option {
margin-right: 10px;
}
.tnp-widget input.tnp-submit {
background-color: #444;
background-image: none;
text-shadow: none;
color: #fff;
margin: 0;
}
.tnp-field input[type="submit"] {
position: inherit;
}
.tnp-field label {
} .tnp-widget-minimal {
width: 100%;
}
.tnp-widget-minimal form {
margin: 0;
padding: 0;
border: 0;
}
.tnp-widget-minimal input.tnp-email {
width: 100%;
box-sizing: border-box;
padding: 10px;
display: inline-block;
border: 1px solid #ddd;
background-color: #f4f4f4;
color: #444;
font-size: 14px;
}
.tnp-widget-minimal input.tnp-submit {
width: 100%;
box-sizing: border-box;
padding: 10px;
display: inline-block;
border: 1px;
border-color: #ddd;
background-color: #444;
background-image: none;
text-shadow: none;
color: #fff;
font-size: 14px;
line-height: normal;
border-radius: 0px;
height: auto;
margin: 0;
} .tnp-subscription-minimal {
width: 100%;
box-sizing: border-box;
margin: 10px 0;
}
.tnp-subscription-minimal form {
width: auto;
margin: 0;
padding: 0;
border: 0;
white-space: nowrap;
}
.tnp-subscription-minimal input.tnp-email,
.tnp-subscription-minimal input.tnp-name
{
width: 70%;
max-width: 300px;
box-sizing: border-box;
padding: 10px;
display: inline-block;
border: 1px solid #ddd;
background-color: #f4f4f4;
color: #444;
font-size: 14px;
line-height: 20px;
border-radius: 0px;
margin-right: 10px;
}
.tnp-subscription-minimal.with-name input.tnp-email,
.tnp-subscription-minimal.with-name input.tnp-name
{
width: 31%;
}
.tnp-subscription-minimal .tnp-privacy-field {
margin-top: 10px;
} .tnp-subscription-minimal input.tnp-submit {
width: 29%;
box-sizing: border-box;
display: inline-block;
padding: 10px;
border: 1px;
border-color: #ddd;
background-color: #444;
background-image: none;
text-shadow: none;
color: #fff;
font-size: 14px;
line-height: 20px;
border-radius: 0px;
margin: 0;
}
.tnp-subscription-posts {
margin-top: 2em;
margin-bottom: 2em;
padding: 2rem;
}
.tnp-subscription-posts .tnp-subscription {
max-width: auto;
margin: 0;
}
@media all and (max-width: 525px) {
.tnp-subscription-minimal.with-name input.tnp-email,
.tnp-subscription-minimal.with-name input.tnp-name,
.tnp-subscription-minimal input.tnp-submit
{
width: 100%;
max-width: 100%;
margin: 0;
display: block;
margin-bottom: .5rem;
}
} .tnp-button-form button.tnp-submit {
box-sizing: border-box;
padding: 10px;
display: inline-block;
border: 1px;
border-color: #ddd;
background-color: #444;
background-image: none;
text-shadow: none;
color: #fff;
font-size: 14px;
line-height: normal;
border-radius: 0px;
height: auto;
margin: 0;
} .tnp-comments {
clear: both;
margin-top: 15px;
margin-bottom: 15px;
}
.tnp-comments label {
display: block;
}
.tnp-comments input[type=checkbox] {
display: inline-block;
width: auto!important;
} .tnp-lock {
clear: both;
display: block;
box-sizing: border-box;
box-shadow: none;
margin: 20px;
padding: 15px;
background-color: #fff;
border: 1px solid #ddd;
}
.tnp-nl-checkout {
margin-bottom: 1em;
}