@font-face {
font-family: 'Open Sans Condensed';
font-style: normal;
font-weight: 300;
src: url(https://www.eyka.de/wp-content/themes/eyka/fonts/open-sans-condensed-v14-latin-300.eot); src: local('Open Sans Condensed Light'), local('OpenSansCondensed-Light'),
url(https://www.eyka.de/wp-content/themes/eyka/fonts/open-sans-condensed-v14-latin-300.eot?#iefix) format('embedded-opentype'), url(https://www.eyka.de/wp-content/themes/eyka/fonts/open-sans-condensed-v14-latin-300.woff2) format('woff2'), url(https://www.eyka.de/wp-content/themes/eyka/fonts/open-sans-condensed-v14-latin-300.woff) format('woff'), url(https://www.eyka.de/wp-content/themes/eyka/fonts/open-sans-condensed-v14-latin-300.ttf) format('truetype'), url(https://www.eyka.de/wp-content/themes/eyka/fonts/open-sans-condensed-v14-latin-300.svg#OpenSansCondensed) format('svg'); } @font-face {
font-family: 'Amatic SC';
font-style: normal;
font-weight: 400;
src: url(https://www.eyka.de/wp-content/themes/eyka/fonts/amatic-sc-v13-latin-regular.eot); src: local('Amatic SC Regular'), local('AmaticSC-Regular'),
url(https://www.eyka.de/wp-content/themes/eyka/fonts/amatic-sc-v13-latin-regular.eot?#iefix) format('embedded-opentype'), url(https://www.eyka.de/wp-content/themes/eyka/fonts/amatic-sc-v13-latin-regular.woff2) format('woff2'), url(https://www.eyka.de/wp-content/themes/eyka/fonts/amatic-sc-v13-latin-regular.woff) format('woff'), url(https://www.eyka.de/wp-content/themes/eyka/fonts/amatic-sc-v13-latin-regular.ttf) format('truetype'), url(https://www.eyka.de/wp-content/themes/eyka/fonts/amatic-sc-v13-latin-regular.svg#AmaticSC) format('svg'); } @font-face {
font-family: 'Amatic SC';
font-style: normal;
font-weight: 700;
src: url(https://www.eyka.de/wp-content/themes/eyka/fonts/amatic-sc-v13-latin-700.eot); src: local('Amatic SC Bold'), local('AmaticSC-Bold'),
url(https://www.eyka.de/wp-content/themes/eyka/fonts/amatic-sc-v13-latin-700.eot?#iefix) format('embedded-opentype'), url(https://www.eyka.de/wp-content/themes/eyka/fonts/amatic-sc-v13-latin-700.woff2) format('woff2'), url(https://www.eyka.de/wp-content/themes/eyka/fonts/amatic-sc-v13-latin-700.woff) format('woff'), url(https://www.eyka.de/wp-content/themes/eyka/fonts/amatic-sc-v13-latin-700.ttf) format('truetype'), url(https://www.eyka.de/wp-content/themes/eyka/fonts/amatic-sc-v13-latin-700.svg#AmaticSC) format('svg'); }
html {
background: url(//www.eyka.de/wp-content/themes/eyka/images/background/bg-7446-leuchtturm.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
body {
margin: 0;
font-family: 'Open Sans Condensed', sans-serif;
}
div#container {
width: 1004px;
margin: auto;
background-color: rgba(255,255,255,0.9);
z-index: 10;
position: relative;
top: 138px;
}
div#header-wood {
height: 180px;
overflow: hidden;
background-image: url(//www.eyka.de/wp-content/themes/eyka/images/header-bg.jpg);
background-repeat: no-repeat;
background-position: center top;
position: fixed;
width: 100%;
}
header#header {
height: 180px;
background-image: url(//www.eyka.de/wp-content/themes/eyka/images/header-bg-small.jpg);
background-repeat: no-repeat;
background-position: center top;
position: fixed;
width: 100%;
z-index: 30;
font-family: 'Amatic SC', cursive;
}
#header-logo {
width: 160px;
height: 108px;
position: absolute;
top: 60px;
background-image: url(//www.eyka.de/wp-content/themes/eyka/images/logo-header.png);
background-repeat: no-repeat;
background-size: 160px;
left: 50%;
margin-left: -80px;
}
#header-line {
width: 1004px;
height: 20px;
position: absolute;
top: 110px;
margin-left: -502px;
left: 50%;
background-image: url(//www.eyka.de/wp-content/themes/eyka/images/line-header.png);
background-repeat: no-repeat;
background-size: 1004px;
}
div#cover-content {
width: 100%;
height: 80px;
position: fixed;
z-index: 30;
}
div#slider-area {
padding: 6px;
}
div#slider-area img {
max-width: 992px;
}
nav#menu {
width: 1004px;
margin: 30px auto 0 auto;
height: 30px;
font-size: 1.5em;
font-weight: 700;
z-index: 1000;
position: relative;
}
nav#menu a {
text-decoration: none;
color: #fff;
}
nav#menu ul {
list-style: none;
padding: 0 10px;
margin: 0;
}
nav#menu ul li {
display: inline-block;
}
footer#footer {
height: 518px;
width: 1004px;
margin: 138px auto 0 auto;
background-image: url(//www.eyka.de/wp-content/themes/eyka/images/footer-bg.jpg);
background-repeat: no-repeat;
background-position: center;
padding-top: 20px;
box-sizing: border-box;
font-family: 'Amatic SC', cursive;
position: relative;
}
div#zertifikate {
position: absolute;
right: 40px;
top: 230px;
font-size: 20px;
}
div#zertifikate a {
text-decoration: none;
color: #fff;
}
div#zertifikate img {
width: 170px;
height: auto;
}
ul#menu-top-left-menu {
float: left;
}
ul#menu-top-left-menu li {
margin-left: 25px;
}
ul#menu-top-left-menu li.homelink a {
background-image: url(https://www.eyka.de/wp-content/themes/eyka/images/home.png);
background-repeat: no-repeat;
text-indent: -10000px;
display: inline-block;
width: 40px;
}
ul#menu-top-left-menu li.homelink a:hover {
border: 0 !important;
}
ul#menu-top-right-menu {
float: right;
}
ul#menu-top-right-menu li {
margin-right: 25px;
}
div#search {
width: 1004px;
margin: 15px auto 0 auto;
height: 25px;
}
form#searchform {
position: relative;
float: right;
}
div#copyright {
background-image: url(https://www.eyka.de/wp-content/themes/eyka/images/banderole.png);
background-size: 940px;
background-repeat: no-repeat;
height: 65px;
background-position: center top;
text-align: center;
color: #fff;
font-size: 1.5em;
line-height: 45px;
}
.menu-footer-menu-container ul {
list-style: none;
text-align: center;
padding: 10px 0;
}
.menu-footer-menu-container ul li {
display: inline-block;
margin: 0 20px;
font-size: 1.125em;
font-weight: bold;
}
.menu-footer-menu-container ul li a {
color: #fff;
text-decoration: none;
}
div#footer-map {
margin-left: 40px;
margin-top: 40px;
display: inline-block;
max-height: 224px;
overflow-y: auto;
}
div#footer-contact {
display: inline-block;
vertical-align: top;
margin: 40px 0 0 40px;
color: #fff;
text-transform: uppercase;
font-size: 1.5em;
}
#footer-contact a {
color: #F2DB1F;
}
section#content {
padding: 80px 100px;
font-size: 1.125em;
}
body.home section#content {
padding: 60px 100px 20px 100px;
}
h1.entry-title {
font-size: 3.25em;
padding: 0;
margin: 0 0 24px 0;
font-family: 'Amatic SC', cursive;
text-align: center;
}
h2 {
font-size: 1.5em;
padding: 0;
margin: 0 0 24px 0;
font-family: 'Amatic SC', cursive;
text-align: center;
}
.yellowline {
background-image: url(https://www.eyka.de/wp-content/themes/eyka/images/trennlinie.png);
background-repeat: no-repeat;
background-size: 325px;
background-position: center;
height: 128px;
}
.space {
height: 48px;
}
div.leftblock {
width: 390px;
display: inline-block;
margin-right: 10px;
vertical-align: top;
}
div.rightblock {
width: 390px;
display: inline-block;
margin-left: 10px;
vertical-align: top;
}
p.center {
text-align: center;
}
.box {
display: flex;
background-color: #fff;
padding: 10px;
box-sizing: border-box;
vertical-align: top;
position: relative;
flex-direction: column;
justify-content: space-between;
}
.box p {
margin: 0;
font-size: 1.125em;
}
.box h3 {
font-family: 'Amatic SC', cursive;
margin: 0;
font-weight: 700;
font-size: 1.5em;
}
.box a {
background: #F2DB1F;
color: black;
padding: 0 3px;
margin-top: 20px;
display: inline-block;
}
#menu li ul.sub-menu {
position: absolute;
width: 150px;
padding: 25px 0 0 0;
display: none;
background-image: url(https://www.eyka.de/wp-content/themes/eyka/images/line-menu.png);
background-repeat: no-repeat;
background-position: center top;
}
#menu li:hover ul.sub-menu {
display: block;
}
#menu li ul.sub-menu li {
margin: 0;
width: 100%;
padding: 5px 10px;
box-sizing: border-box;
background: #F2DB1F;
background-image: url(https://www.eyka.de/wp-content/themes/eyka/images/trennstrich.png);
background-repeat: no-repeat;
background-size: 150px;
}
#menu li ul.sub-menu li:first-child {
background-image: none;
}
#menu li ul.sub-menu li a,
#menu li.current-menu-item ul.sub-menu li a {
color: #000;
font-size: 1.125em;
}
#menu ul.menu li {
position: relative;
}
#menu li:hover a {
color: #F2DB1F;
border-bottom: 1px solid #F2DB1F !important;
}
#menu ul.menu li.current-menu-item a {
color: #F2DB1F;
}
#menu ul.sub-menu li.current-menu-item a,
ul.sub-menu li:hover a {
color: #a28620 !important;
}
.bx-wrapper {
margin: 0 auto !important;
}
.bx-wrapper .bx-caption {
width: 50% !important;
right: 0 !important;
left: initial !important;
bottom: 30px !important;
text-shadow: 2px 2px 2px rgba(150, 150, 150, 1);
}
.bx-wrapper .bx-pager {
left: 10px;
width: auto !important;
bottom: 10px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
background: url(https://www.eyka.de/wp-content/themes/eyka/images/inactive.png) !important;
width: 16px !important;
height: 20px !important;
background-size: 16px !important;
background-repeat: no-repeat;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
background: url(https://www.eyka.de/wp-content/themes/eyka/images/active.png) !important;
width: 16px !important;
height: 20px !important;
background-size: 16px !important;
background-repeat: no-repeat;
}
img.wp-post-image {
width: 992px;
padding: 6px;
}
form#searchform input#s {
background: url(https://www.eyka.de/wp-content/themes/eyka/images/search.png);
border: 0;
width: 150px;
height: 34px;
background-size: 150px;
background-repeat: no-repeat;
color: #fff;
font-size: 1em;
padding-left: 33px;
box-sizing: border-box;
font-family: 'Amatic SC', cursive;
font-weight: bold;
} li#menu-item-34 ul.sub-menu {
margin-left: -44px;
}
li#menu-item-40 ul.sub-menu {
margin-left: -29px;
}
li#menu-item-117 ul.sub-menu {
margin-left: -45px;
} #mobile-header {
display: none;
}
a#responsive-menu-button {
background-image: url(https://www.eyka.de/wp-content/themes/eyka/images/menu.png);
background-repeat: no-repeat;
display: block;
width: 40px;
height: 40px;
background-size: 100%;
text-indent: -10000px;
background-color: white;
border-radius: 3px;
position: absolute;
top: 15px;
left: 20px;
}
div#mobilemenu {
display: none;
}
a#top-button {
background-image: url(https://www.eyka.de/wp-content/themes/eyka/images/top.png);
background-repeat: no-repeat;
text-indent: -10000px;
display: none;
height: 40px;
position: fixed;
width: 100%;
background-color: white;
bottom: 0;
background-position: center 8px;
opacity: 0.8;
z-index: 100;
left: 0;
}
ul.produkte {
list-style: none;
padding-left: 0;
}
ul.produkte li {
width: 380px;
display: inline-block;
margin: 0 10px 20px 10px;
background: #f2db1f;
overflow: hidden;
position: relative;
}
ul.produkte li div.wp-caption {
width: 100% !important;
}
ul.produkte li img {
width: 100%;
height: auto;
}
.produktname {
padding: 5px 10px 10px 10px;
font-weight: bold;
}
.beschreibung {
display: none;
}
ul.produkte li:hover .beschreibung {
padding: 10px;
display: block;
position: absolute;
top: 0;
z-index: 10;
left: 0;
background: rgba(242, 219, 31, 0.9);
width: 100%;
box-sizing: border-box;
}
ul.kontakte {
column-count: 2;
}
div#wpcf7-f191-p12-o1 {
text-align: center;
}
div#spam {
display: block;
width: 300px;
margin: auto;
}
@media only screen and (max-width: 1023px){
html {
background: #fff;
}
#mobile-header {
display: block;
}
nav#menu {
display: none;
}
div#header-line {
display: none;
}
a#header-logo {
top: 15px;
right: 20px;
left: initial;
background-size: 120px;
width: 120px;
}
form#searchform {
float: left;
left: 20px;
top: 50px;
}
div#header-wood {
height: 115px;
}
div#container {
top: 115px;
width: 100%;
}
section#content {
padding: 60px 20px 20px 20px !important;
box-sizing: border-box;
}
header#header {
height: 115px;
}
footer#footer {
width: 100%;
background-repeat: repeat;
height: auto;
}
.menu-footer-menu-container {
display: none;
}
div#footer-map {
width: 100%;
margin: 0;
padding: 30px;
box-sizing: border-box;
}
div#zertifikate {
position: relative;
right: initial;
top: inherit;
margin-top: 40px;
}
iframe {
width: 100% !important;
}
div#footer-contact {
text-align: center;
width: 100%;
box-sizing: border-box;
margin: 0;
padding: 30px 0 60px 0;
}
div#boxes {
text-align: center;
}
div#box1, div#box2, div#box3 {
margin: 0 10px;
text-align: left;
}
.box {
display: inline-block;
margin-bottom: 80px !important;
border: 1px solid #60331E;
border-radius: 5px;
}
.bx-wrapper .bx-caption {
font-size: 22px !important;
text-align: right;
}
img.wp-post-image {
width: 100%;
height: auto;
box-sizing: border-box;
}
.right {
margin-top: 80px;
}
ul.produkte li {
width: 100%;
margin: 10px 0;
}
.beschreibung {
display: block;
padding: 10px;
}
ul.kontakte {
column-count: 1;
}
}