@CHARSET "UTF-8";

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, 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,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font: inherit;
font-size: 100%;
vertical-align: baseline;
}
html {
line-height: 1;
}
ol, ul {
list-style: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
vertical-align: middle;
}
q, blockquote {
quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
content: "";
content: none;
}
a img {
border: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block;
}
* {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.clearfix:before,
.clearfix:after {
content: "";
display: table;
}
.clearfix:after {
clear: both;
}
.clearfix {
zoom: 1; } @font-face {
font-family: 'Rosarivo';
font-style: normal;
font-weight: 400;
src: local(""), url(//kunsthandel-nikolaus-fink.de/wp-content/themes/kunsthandel/fonts/rosarivo-v20-latin-regular.woff2) format("woff2"), url(//kunsthandel-nikolaus-fink.de/wp-content/themes/kunsthandel/fonts/rosarivo-v20-latin-regular.woff) format("woff");
} html {
font-size: 16px;
}
body {
width: 100%;
height: 100%;
font-size: 100%; font-family: Calibri-light, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
-webkit-text-size-adjust: none;
-moz-text-size-adjust: none;
-ms-text-size-adjust: none;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
font-family: 'Rosarivo', serif, arial;
color: #333399;
}
@media screen and (max-width: 200em) {
body {
background: url(//kunsthandel-nikolaus-fink.de/wp-content/themes/kunsthandel/images/bg-big.jpg) transparent repeat scroll 0 0;
background-attachment: fixed;
}
}
@media screen and (max-width: 100em) {
body {
background: url(//kunsthandel-nikolaus-fink.de/wp-content/themes/kunsthandel/images/bg.jpg) transparent repeat scroll 0 0;
background-attachment: fixed;
}
}
@media screen and (max-width: 76em) {
body {
background: url(//kunsthandel-nikolaus-fink.de/wp-content/themes/kunsthandel/images/bg-small.jpg) transparent repeat scroll 0 0/cover;
}
}
b, strong {
font-weight: bold;
}
p {
font-size: 1.125em;
}
small {
font-size: 0.775em;
}
.big, big {
font-weight: bold;
text-transform: uppercase;
font-size: 1em;
}
a {
color: #264d83;
text-decoration: none;
}
h1 {
font-size: 1.5em;
font-weight: bold;
margin: 0 0 1em 0;
}
h2 {
font-size: 1.1em;
font-weight: bold;
}
.clearer {
clear: both;
}
.the_content {
overflow: hidden;
margin-bottom: 1.3em;
}
.the_bottom_content {
margin-top: 1.3em;
}
.alignleft {
float: left;
margin-right: 1em;
}
#wrapper {
max-width: 82.525em;
margin: 6.25em auto;
}
@media screen and (max-width: 76em) {
#wrapper {
padding: 0 0.9em;
margin: 1.25em auto;
}
}
#container {
width: 75.8%;
background-color: white;
overflow: hidden;
min-height: 50em;
float: left;
border-bottom: 0.75em solid #264d83;
margin-bottom: 1em;
-webkit-box-shadow: 1px 1px 30px 0px rgba(133, 130, 133, 0.5);
-moz-box-shadow: 1px 1px 30px 0px rgba(133, 130, 133, 0.5);
box-shadow: 1px 1px 30px 0px rgba(133, 130, 133, 0.5);
}
@media screen and (max-width: 76em) {
#container {
width: 100%;
float: none;
}
}
.content {
width: 90%;
margin: 0 auto;
padding-bottom: 1em;
margin-top: 2.8em;
min-height: 56.75em;
line-height: 1.5em;
}
@media screen and (max-width: 66em) {
.content {
margin-top: 1.5em;
font-size: 0.9em;
}
}
.content a {
text-decoration: underline;
}
#sidebar {
width: 17.5em;
float: left;
margin: 9.5em 0 0 0.625em;
}
@media screen and (max-width: 76em) {
#sidebar {
float: none;
width: 100%;
margin: 1em 0 0 0;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
}
@media screen and (max-width: 40em) {
#sidebar {
float: none;
display: block;
}
}
#sidebar .widget-area {
margin-bottom: 1em;
}
@media screen and (max-width: 40em) {
#sidebar .widget-area {
margin-right: 0 !important;
}
}
#sidebar .widget-area .inner {
background: white;
margin-top: 0.3em;
overflow: hidden;
}
#sidebar .widget-area h2 {
background: #264d83;
line-height: 1.85em;
padding: 0 0.8em;
color: white;
font-size: 1.125em;
font-weight: 600;
}
#sidebar .widget-area img {
margin: 0.375em;
}
#sidebar .widget-area .textwidget {
border-bottom: 1px solid #264d83;
}
#sidebar .widget-area .textwidget:last-child {
border: 0;
}
#sidebar .widget-area .textwidget p {
padding: 0.375em;
}
@media screen and (max-width: 76em) {
#sidebar .widget-area img {
display: none;
}
#sidebar .widget-area img.cert {
display: block;
}
#sidebar .widget-area h2 {
text-align: center;
}
#sidebar .widget-area.sidebar1 {
-webkit-flex-basis: 32%;
flex-basis: 32%;
margin-right: 2%;
background: white;
}
#sidebar .widget-area.sidebar2 {
-webkit-flex-basis: 32%;
flex-basis: 32%;
margin-right: 2%;
background: white;
}
#sidebar .widget-area.sidebar2 .mc4wp-form {
margin: 0;
}
#sidebar .widget-area.sidebar3 {
-webkit-flex-basis: 32%;
flex-basis: 32%;
background: white;
}
}
#sidebar .widget-area.sidebar3 a {
font-size: 0.8em;
}
#sidebar .widget-area.sidebar3 img {
margin: 0 0.5em 0.5em 0;
float: left;
}
.owl-slider {
margin-bottom: 1em;
}
.owl-slider img {
width: 100%;
}
.owl-slider .owl-wrapper {
overflow: hidden;
}
.owl-slider .owl-controls {
position: absolute;
width: 100%;
bottom: 4.25em;
}
.owl-slider .owl-controls .owl-prev, .owl-slider .owl-controls .owl-next {
position: absolute;
width: 17px;
height: 29px;
padding: 0 !important;
text-indent: -9999px;
font-size: inherit !important;
border-radius: 0 !important;
opacity: 1 !important;
}
.owl-slider .owl-controls .owl-prev {
left: -1.5em;
background-image: url(//kunsthandel-nikolaus-fink.de/wp-content/themes/kunsthandel/images/left.png) !important;
}
.owl-slider .owl-controls .owl-next {
right: -1.5em;
background-image: url(//kunsthandel-nikolaus-fink.de/wp-content/themes/kunsthandel/images/right.png) !important;
}
.owl-slider figure {
padding: 0.5em 0 0 0;
border-top: 1px solid #264d83;
border-bottom: 1px solid #264d83;
}
.owl-slider figcaption {
position: absolute;
bottom: 1em;
font-size: 1.5em;
padding: 0.7em 1em 0.5em 1em;
width: 100%;
background: rgba(255, 255, 255, 0.5);
} @media screen and (min-width: 46.25em) {
.teaser-container {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
}
.teaser-container .teaser {
margin: 0 1.7em 0.875em 0;
-webkit-flex-basis: 13%;
flex-basis: 33%;
}
.teaser-container .teaser:nth-child(3n) {
margin-right: 0;
}
.teaser-container .teaser .controler {
position: relative;
top: -3.5em;
}
.teaser-container .teaser .controler a {
text-decoration: none;
}
.teaser-container .teaser .controler .mehr {
background: white;
opacity: 0.5em;
color: #333399;
position: absolute;
right: 0.4em;
padding: 0.1em 0.5em 0;
border: 1px solid #dddddd;
}
.teaser-container .teaser .controler .lupe {
position: absolute;
left: 0.4em;
}
.teaser-container .teaser .controler .lupe i {
background: white;
opacity: 0.5em;
padding: 0.3em;
border: 1px solid #dddddd;
border-radius: 1em;
}
.teaser-container .teaser img {
width: 100%;
}
.teaser-container .teaser h2 {
font-size: 1.5em;
line-height: 1.5em;
height: 1.5em;
}
.teaser-container .teaser .teaser-header {
margin-bottom: 0.5em;
overflow: hidden;
position: relative;
}
.teaser-container .teaser .teaser-content {
padding: 0.55em;
}
.teaser-container .teaser .teaser-cta {
position: absolute;
right: 0.5em;
bottom: 0.5em;
}
@media screen and (max-width: 60em) {
.teaser-container .teaser h2 {
font-size: 1.1em;
}
}
@media screen and (max-width: 46.25em) {
.teaser-container .teaser {
width: 100%;
margin: 0 0 0.875em 0;
height: auto;
margin: 0 0 3em;
border-bottom: 1px solid #264d83;
}
.teaser-container .teaser .teaser-header {
padding: 0.55em 0;
}
.teaser-container .teaser img {
width: 100%;
}
.teaser-container .teaser h2 {
font-size: 1.5em;
line-height: 1.5em;
}
}
@media screen and (min-width: 46.25em) {
.kontaktformular {
width: 50%;
}
}
form p {
padding: 0.375em;
font-size: 0.875em;
}
form p input, form p textarea {
height: 2em;
padding: 0.2em;
text-align: center;
border: 1px solid #264d83;
background: none;
width: 100%;
font-size: 1.4em;
font-family: Calibri-light, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
}
form p textarea {
height: 6em;
}
form p input[type="submit"] {
background: #264d83;
color: white;
width: 100%;
}
.two-column-container .two-column {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 1.5em;
padding-bottom: 1em;
border-bottom: 1px solid #264d83;
}
@media screen and (max-width: 46.25em) {
.two-column-container .two-column {
display: block;
}
}
.two-column-container .two-column .left-column {
-webkit-flex-basis: 49%;
flex-basis: 49%;
}
.two-column-container .two-column .left-column img {
width: 100%;
}
.two-column-container .two-column .left-column figcaption {
font-size: 0.8em;
}
.two-column-container .two-column .right-column {
-webkit-flex-basis: 49%;
flex-basis: 49%;
padding: 0 0 0 1em;
}
.two-column-container .two-column:last-child {
border-bottom: none;
}
.two-column-container .two-column figcaption {
height: 1.25em;
}
.two-column-container .two-column figure {
position: relative;
}
.two-column-container .two-column figure .lupe {
position: absolute;
bottom: 2.6875em;
right: 0.9375em;
}
.two-column-container .two-column figure .lupe i {
background: white;
opacity: 0.5em;
padding: 0.3em;
border: 1px solid #dddddd;
border-radius: 1em;
}
.kontaktbutton {
background: #264d83;
color: white;
display: inline-block;
margin-top: 0.5em;
padding: 1em 1em;
text-align: center;
}
.logo {
text-align: center;
margin: 0.875em 1.1em 0 1em;
padding-bottom: 0.45em;
display: block;
border-bottom: 1px solid #264d83;
font-size: 3em;
line-height: 0.8em;
}
@media screen and (max-width: 30em) {
.logo {
font-size: 2.3em;
}
}
.logo span {
font-size: 0.62em;
}
@media screen and (max-width: 66em) {
header {
font-size: 0.5em;
}
}
.topNav {
background: #264d83;
margin-top: 0.3125em;
}
@media screen and (max-width: 66em) {
.topNav {
font-size: 1.5em;
}
}
@media screen and (max-width: 66em) {
.topNav {
background: white;
overflow: hidden;
height: initial;
}
}
.topNav ul {
display: block;
text-align: center;
}
@media screen and (max-width: 66em) {
.topNav ul {
display: none;
background: #264d83;
padding: 0.2em 0;
margin-top: 1em;
}
}
.topNav ul li {
display: inline;
float: none;
margin: 0 1.16em;
}
.topNav ul li a {
color: white;
font-size: 1.125em;
line-height: 1.8em;
font-weight: 600;
padding: 0.1em 0.5em;
white-space: nowrap;
}
.topNav ul li a:hover {
background: #264d83;
}
.burger {
text-align: center;
padding-top: 1em;
cursor: pointer;
display: none;
}
@media screen and (max-width: 66em) {
.burger {
display: block;
}
}
.burger .fa-lg {
font-size: 2em;
color: #264d83;
}
#footer {
max-width: 71.3em;
line-height: 1.5em;
font-size: 0.875em;
}
@media screen and (max-width: 76em) {
#footer {
width: 100%;
max-width: initial;
}
}
#footer .menu {
float: left;
width: 48%;
text-align: left;
color: white;
padding-left: 0.6em;
position: relative;
}
@media screen and (max-width: 42em) {
#footer .menu {
float: none;
width: 100%;
text-align: center;
margin-top: 1em;
padding: 0;
}
}
#footer .menu a {
color: white;
}
#footer .copyright {
float: left;
width: 48%;
text-align: right;
margin-right: 1em;
color: white;
padding-right: 0.2em;
}
@media screen and (max-width: 42em) {
#footer .copyright {
float: none;
width: 100%;
text-align: center;
margin: 0;
}
}
#footer .copyright a {
color: white;
}
.no-flexbox .teaser-container .teaser {
float: left;
max-width: 31%;
}
@media screen and (max-width: 46.25em) {
.no-flexbox .teaser-container .teaser {
max-width: 100%;
}
}
.no-flexbox .two-column-container .two-column .left-column, .no-flexbox .two-column-container .two-column .right-column {
float: left;
max-width: 49%;
}
@media screen and (max-width: 46.25em) {
.no-flexbox .two-column-container .two-column .left-column, .no-flexbox .two-column-container .two-column .right-column {
max-width: 100%;
}
}
@media screen and (max-width: 76em) {
.no-flexbox #sidebar .sidebar1.widget-area, .no-flexbox #sidebar .sidebar2.widget-area, .no-flexbox #sidebar .sidebar3.widget-area {
float: left;
width: 32%;
}
}
@media screen and (max-width: 46.25em) {
.no-flexbox #sidebar .sidebar1.widget-area, .no-flexbox #sidebar .sidebar2.widget-area, .no-flexbox #sidebar .sidebar3.widget-area {
width: 100%;
float: none;
}
}