body,
html {
width: 100%;
padding: 0;
margin: 0;
height: 100%;
font-family: "Roboto Condensed", sans-serif;
scroll-behavior: smooth;
}
img {
max-width: 100%;
height: auto;
}
* {
box-sizing: border-box;
}
header {
background: #e2e67f;
width: 100%;
position: fixed;
top: 0;
z-index: 11;
}
.container {
max-width: 1140px;
width: 100%;
font-size: 18px;
margin: 0 auto;
padding: 0 15px;
}
.row {
align-items: center;
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.fbico {
clear: left;
float: left;
width: 100%;
margin: 10px 0;
}
body p {
margin: 10px 0;
}
header .row {
flex-direction: column;
align-items: center;
}
.menu {
width: 100%;
margin: 0;
padding: 15px 0;
text-align: center;
}
.menu li {
display: inline-block;
vertical-align: middle;
padding: 0 1%;
}
.gallery {
height: 0;
}
.menu li a {
color: #8a4529;
font-size: 18px;
text-decoration: none;
}
.menuitems {
width: 100%;
}
.logo {
padding: 15px 0 0 0;
}
header.fixed {
position: fixed;
z-index: 111;
top: 0;
left: 0;
}
.page-id-437 header.fixed {
position: relative;
}
header.fixed .row {
flex-direction: row;
}
header.fixed .menuitems {
width: 80%;
}
header.fixed .logo {
width: 20%;
padding: 0;
}
#home {
background-repeat: no-repeat;
background-size: cover;
background-position: 50% 50%;
width: 100%;
height: 100%;
background-repeat: no-repeat;
display: flex;
align-items: center;
position: absolute;
left: 0;
right: 0;
top: 0;
z-index: 1;
}
.slogan {
padding: 0 2%;
width: 70%;
}
.sloganimg {
width: 30%;
}
.slogan h1 {
color: #fff;
font-family: Damion, cursive;
font-size: 60px;
text-shadow: 2px 2px #8a4529;
}
.contleft {
width: 50%;
padding: 3%;
position: relative;
}
.contright {
width: 50%;
padding: 3%;
position: relative;
}
.row h2 {
color: #d7dc4c;
}
.row strong {
color: #bbc026;
}
h1,
h2,
h3 {
font-size: 48px;
color: #d7dc4c;
margin: 1em 0;
}
h4 {
font-size: 36px;
color: #d7dc4c;
}
h5 {
font-size: 24px;
}
#content {
padding: 100px 15px;
}
#content a {
color: #d7dc4c;
}
.paddingsection {
padding: 80px 15px;
}
.rowrev {
flex-direction: row-reverse;
}
#baeckerei-kondtitorei,
#kaffeehaus {
background: rgba(138, 69, 41, 0.07);
}
.activelink {
font-weight: 700;
}
.noalign {
align-items: normal;
}
.newsloop .col3 img {
width: 100%;
max-height: 250px;
min-height: 250px;
object-fit: cover;
}
.newsloop .col3 ul {
padding: 0 0 0 20px;
}
.newsloop .col3 a {
color: #8a4529;
}
.col3 {
width: 31.33%;
margin: 1%;
padding: 1%;
background: #d7dc4c;
}
.fili {
background: 0 0;
}
.col3 h4 {
color: #fff;
}
.col12 {
width: 100%;
}
.col5 {
width: 35%;
}
.col7 {
width: 65%;
}
#kontakt {
background: #8a4529;
color: #fff;
}
input[type="email"],
input[type="tel"],
input[type="text"],
textarea {
width: 100%;
font-family: "Roboto Condensed", sans-serif;
border: none;
padding: 10px 1%;
margin: 5px 0;
font-size: 16px;
}
input[type="submit"] {
width: 100%;
cursor: pointer;
border: none;
padding: 10px 1%;
background: #d7dc4c;
color: #fff;
text-align: center;
text-transform: uppercase;
max-width: 200px;
margin: 5px 0;
font-size: 16px;
}
#kontakt a {
color: #fff;
}
.jobsbtn {
position: absolute;
font-size: 18px;
font-weight: 700;
right: 0;
padding: 10px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
bottom: 5%;
z-index: 1;
background: #d7dc4c;
color: #8a4529;
border: 1px solid #fff;
}
.jobsbtn a {
color: #8a4529;
text-decoration: none;
}
.jobsbtn span {
font-size: 36px;
text-transform: uppercase;
}
.activehref {
font-weight: 700;
}
.containermobile {
display: none;
transition: all 0.5s;
z-index: 111;
border: 1px solid #fff;
background: #8a4329;
padding: 7px 15px;
cursor: pointer;
float: right;
margin: 0;
}
.imgre {
position: relative;
}
.slider {
position: absolute;
margin: 0;
padding: 0;
left: 15px;
bottom: 15px;
}
.slider li {
width: 30px;
cursor: pointer;
height: 8px;
display: inline-block;
background: #e2e67f;
}
.totopicon {
position: fixed;
right: 10px;
bottom: 10px;
display: none;
z-index: 111;
}
.cookie-notice-container a {
color: #fff;
text-decoration: none;
border: 1px solid #fff !important;
padding: 5px 10px;
}
#cn-close-notice {
border: none !important;
}
.gallery-item {
display: none;
}
.gallery-item:first-child {
width: auto !important;
display: block !important;
position: absolute;
right: 0;
bottom: 0;
}
.gallery-item:first-child a {
width: 70px;
margin: 10px 0;
height: 71px;
background-repeat: no-repeat;
background-image: url(//www.noehammer.co.at/wp-content/themes/noehammer/img/loop-ico.png);
float: left;
}
.gallery-item:first-child img {
display: none;
}
.unserepartner {
clear: left;
float: left;
}
#section10 a {
padding-top: 60px;
}
#section10 a span {
position: absolute;
bottom: 30px;
left: 50%;
width: 30px;
height: 50px;
margin-left: -15px;
border: 2px solid #fff;
border-radius: 50px;
box-sizing: border-box;
}
#section10 a span::before {
position: absolute;
top: 10px;
left: 50%;
content: "";
width: 6px;
height: 6px;
margin-left: -3px;
background-color: #fff;
border-radius: 100%;
-webkit-animation: sdb10 2s infinite;
animation: sdb10 2s infinite;
box-sizing: border-box;
}
@-webkit-keyframes sdb10 {
0% {
-webkit-transform: translate(0, 0);
opacity: 0;
}
40% {
opacity: 1;
}
80% {
-webkit-transform: translate(0, 20px);
opacity: 0;
}
100% {
opacity: 0;
}
}
@keyframes sdb10 {
0% {
transform: translate(0, 0);
opacity: 0;
}
40% {
opacity: 1;
}
80% {
transform: translate(0, 20px);
opacity: 0;
}
100% {
opacity: 0;
}
}
.demo a {
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: auto;
text-align: center;
z-index: 2;
display: inline-block;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
color: #fff;
font: normal 400 20px/1 "Josefin Sans", sans-serif;
letter-spacing: 0.1em;
text-decoration: none;
transition: opacity 0.3s;
}
.demo a:hover {
opacity: 0.5;
}
@media only screen and (max-width: 1024px) {
.sloganimg {
display: none;
}
.slogan h1 {
text-align: center;
}
.slogan {
width: 100%;
}
}
@media only screen and (max-width: 767px) {
.slogan h1 {
font-size: 40px;
}
.contleft,
.contright {
width: 100%;
padding: 0;
}
.col3 {
width: auto;
}
.col5,
.col7 {
width: 100%;
}
.containermobile {
display: inline-block;
}
.sloganimg {
display: none;
}
.bar1,
.bar2,
.bar3 {
width: 35px;
height: 5px;
background-color: #fff;
margin: 6px 0;
transition: 0.4s;
}
.paddingsection {
padding: 30px 15px;
}
.change .bar1 {
-webkit-transform: rotate(-45deg) translate(-9px, 6px);
transform: rotate(-45deg) translate(-9px, 6px);
}
.change .bar2 {
opacity: 0;
}
.change .bar3 {
-webkit-transform: rotate(45deg) translate(-8px, -8px);
transform: rotate(45deg) translate(-8px, -8px);
}
header .row {
flex-direction: row;
}
.logo {
width: 70%;
padding: 0;
}
.logo img {
max-width: 200px;
}
.mobilemenu {
width: 30%;
}
.menu li {
width: 100%;
background: #8a4329;
margin: 3px 0;
padding: 5px 0;
}
.menu li a {
color: #fff;
text-transform: uppercase;
font-size: 20px;
}
.menuitems {
display: none;
}
header.fixed .menuitems {
width: 100%;
}
header.fixed .logo {
width: 70%;
}
.jobsbtn {
position: relative;
right: auto;
bottom: auto;
width: 100%;
border: none;
border-radius: 0;
}
#home .row {
flex-direction: column;
}
}
body,
html {
width: 100%;
height: 100%;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
.tinyslide {
width: 100%;
height: 100%;
overflow: hidden;
}
.tinyslide .navigator {
position: absolute;
bottom: 2%;
left: 2%;
width: 98%;
text-align: left;
z-index: 11;
}
.tinyslide .navigator ul {
padding: 0;
}
.tinyslide .navigator ul li {
display: inline-block;
cursor: pointer;
list-style-type: none;
margin: 0 10px 0 0;
padding: 0;
background: #e2e67f;
width: 40px;
height: 10px;
}
.tinyslide .navigator ul li span {
display: none;
}
.tinyslide .navigator ul li.active {
background: #fff;
}
.tinyslide aside {
height: 100%;
width: 100%;
-webkit-transition: -webkit-transform 0.8s cubic-bezier(0.365, 0.84, 0.44, 1);
transition: transform 0.8s cubic-bezier(0.365, 0.84, 0.44, 1);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.tinyslide figure {
height: 100%;
float: left;
position: relative;
width: 100%;
z-index: 1;
}
.tinyslide figure img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.tinyslide figure figcaption {
position: absolute;
width: 100%;
text-align: center;
font-size: 3em;
color: #fff;
top: 3.5em;
right: auto;
z-index: 2;
opacity: 0;
}
.tinyslide figure.active figcaption {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}