:root {
--header-height: 246.7px;
}
* {
box-sizing: border-box;
}
html {
height: 100%;
width: 100%;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
body {
padding: calc(var(--header-height)) 0px 0px 0px;
background-color: #f7f6f6;
color: #000;
font-family: "Roboto Mono", monospace;
height: 100%;
transition: padding 500ms ease-in-out;
}
a {
color: inherit;
text-decoration: none;
}
h1 {
text-align: center;
text-transform: uppercase;
font-size: clamp(20px, 3em, 50px);
margin: 4rem 0;
font-weight: normal;
letter-spacing: 0.3rem;
}
h2 {
font-weight: normal;
text-transform: uppercase;
letter-spacing: 0.15rem;
}
h3 {
font-size: clamp(20px, 3em, 50px);
letter-spacing: 0.3rem;
font-weight: normal;
text-align: center;
text-transform: uppercase;
margin: 3rem 0;
}
.img-fluid {
width: 100%;
height: auto;
} .header-fixed {
position: fixed;
width: 100%;
padding: 0 50px;
top: 0;
left: 0;
background-color: #f7f6f6;
}
.logo-container {
position: relative;
display: flex;
align-items: center;
justify-content: center;
padding: 40px 0;
border-bottom: 1px solid;
}
.logo-container .logo {
width: 100%;
max-width: 350px;
min-width: 250px;
height: auto;
} .menu-container {
padding: 20px 0;
border-bottom: 1px solid #000;
}
ul#primary-menu {
list-style-type: none;
padding: 0;
margin: 0;
display: flex;
justify-content: space-between;
}
ul#primary-menu li {
text-transform: uppercase;
letter-spacing: 4px;
}
ul#primary-menu li.current-menu-item {
background-color: #000;
color: #f7f6f6;
} a.menu-toggle {
display: none;
} .stellen-grid {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 40px;
padding: 0 50px 50px 50px;
}
.stellen-grid .item {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 40px;
background-color: #fff;
padding: 40px;
transition: all 300ms ease-in-out;
}
.stellen-grid .item .c-container {
display: grid;
grid-template-rows: 1fr 1.2fr;
}
.stellen-grid .item h2 {
font-size: clamp(18px, 1.5vw, 26px);
}
.stellen-grid.single {
grid-template-columns: 1fr;
}
.stellen-grid.single .item {
width: 49%;
margin: 0 auto;
}
.item .txt-wrap {
display: flex;
flex-flow: column;
justify-content: space-between;
word-break: break-word;
hyphens: auto;
-webkit-hyphens: auto;
}
.item .txt-wrap h2 {
margin-top: 0;
}
.item .txt-wrap p {
text-transform: uppercase;
margin-top: 0;
margin-bottom: 2rem;
font-size: clamp(14px, 1vw, 16px);
}
.item .logo-wrap img.logo {
width: 40%;
height: auto;
}
.item.cat-omk1020 img.logo {
width: 22%;
}
.item.cat-mochiramenbar img.logo {
width: 27%;
}
.item .btn-container {
display: flex;
justify-content: space-between;
margin-bottom: 4px;
}
.item .button {
background-color: #000;
color: #fff;
padding: 10px;
text-transform: uppercase;
text-align: center;
width: 42%;
min-width: -moz-fit-content;
min-width: fit-content;
font-size: clamp(14px, 1vw, 15px);
letter-spacing: 0.1vw;
}
.item .button:hover {
cursor: pointer;
} section.career-text {
text-align: center;
margin: 0 auto;
min-width: 500px;
width: 45%;
margin-bottom: 80px;
text-transform: uppercase;
line-height: 1.5;
}
section.career-text h3 {
margin-top: 30px;
}
section.career-text p {
letter-spacing: 0.1rem;
}
section.career-text a {
font-weight: bold;
}
@media (max-width: 996px) {
section.career-text {
width: 100%;
min-width: unset;
padding: 0 40px;
}
section.career-text br {
display: none;
}
}  .stellen-grid .item.cat-omk1010 .logo-wrap img.logo {
width: 50%;
}
.item.cat-omk1010 h2 {
font-family: "obviouslysemibold";
letter-spacing: 0.05rem;
}
.item.cat-omk1010 p {
font-family: "obviouslyregular";
text-transform: lowercase;
}
.item.cat-omk1010 a.button {
background-color: #0004e3;
font-size: clamp(13px, 0.5vw, 14px);
letter-spacing: 0.05rem;
font-family: "obviouslysemibold";
} .item.cat-omk1020 h2 {
font-family: "Agrandir";
font-weight: bold;
letter-spacing: 0.05rem;
}
.item.cat-omk1020 a.button {
font-family: "Agrandir";
font-weight: bold;
letter-spacing: 0.1rem;
}
.item.cat-omk1020 p {
font-family: "Agrandir";
font-weight: 300;
text-transform: lowercase;
letter-spacing: 0.05rem;
} .item.cat-mochiramenbar h2 {
font-family: "Festivo";
font-size: clamp(23px, 1.5vw, 30px);
color: #1b465e;
}
.item.cat-mochiramenbar p {
font-family: "Festivo";
font-size: clamp(17px, 1vw, 20px);
color: #1b465e;
}
.item.cat-mochiramenbar a.button {
font-family: "Festivo";
font-size: clamp(15px, 1vw, 17px);
color: #fff;
background-color: #c64433;
} .item.cat-kobo .logo-wrap img.logo {
width: 50%;
}
.item.cat-kobo a.button {
background-color: #dcccb1;
font-family: "Agrandir Grand";
font-size: clamp(10px, 0.6vw, 12px);
padding: 12px 20px 8px;
}
.item.cat-kobo h2 {
font-family: "Agrandir Grand";
}
.item.cat-kobo p {
font-family: "Times New Roman";
text-transform: lowercase;
font-size: clamp(17px, 1vw, 19px);
letter-spacing: 0.05rem;
} .item.cat-kikkoba h2 {
font-family: "Montserrat";
font-size: clamp(18px, 1.5vw, 25px);
}
.item.cat-kikkoba p {
font-family: "Montserrat";
}
.item.cat-kikkoba a.button {
font-family: "Montserrat";
} .item.cat-mochiammarkt h2 {
font-family: "apk_reformasregular";
text-transform: lowercase;
font-size: clamp(18px, 1.5vw, 30px);
letter-spacing: 0;
}
.item.cat-mochiammarkt p {
font-family: "apk_reformasregular";
text-transform: lowercase;
font-size: clamp(18px, 1vw, 20px);
letter-spacing: 0;
}
.item.cat-mochiammarkt a.button {
font-family: "apk_reformasregular";
text-transform: lowercase;
font-size: clamp(15px, 1vw, 17px);
letter-spacing: 0.05rem;
} .item.cat-cucinaitameshi h2 {
font-family: "prestige-elite-std", monospace; color: #000;
font-weight: bold;
text-transform: lowercase;
}
.item.cat-cucinaitameshi p {
font-family: "prestige-elite-std", monospace; color: #000;
font-weight: bold;
text-transform: lowercase;
}
.item.cat-cucinaitameshi a.button {
font-family: "prestige-elite-std", monospace; color: #000;
font-weight: bold;
background-color: #ff4500;
} .team-grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 40px;
row-gap: 80px;
padding: 0 50px 100px 50px;
}
.team-grid .name {
display: block;
margin-top: 1rem;
margin-bottom: 0.5rem;
font-size: 2rem;
letter-spacing: 0.2rem;
text-transform: uppercase;
}
.team-grid .position {
font-size: 1.25rem;
text-transform: lowercase;
} .r-omk1010 h1,
.r-omk1010 h3 {
font-family: "obviouslysemibold";
letter-spacing: 0.3rem;
color: #0004e3;
}
.r-omk1010 .item .name {
font-family: "obviouslysemibold";
color: #0004e3;
font-size: 1.7rem;
margin-top: 0.7rem;
}
.r-omk1010 .item .position {
font-family: "obviouslyregular";
color: #0004e3;
}
.r-omk1010 #footer-grid-2021 {
background-color: #0004e3;
color: #fff;
}
.r-omk1010 #footer-grid-2021 .top {
border-bottom: 1px solid #fff;
}
.r-omk1010 #footer-grid-2021 .bottom > div {
border-right: 1px solid #fff;
} .r-omk1020 h1,
.r-omk1020 h3 {
font-family: "Agrandir";
font-weight: bold;
}
.r-omk1020 .item .name {
font-size: 1.7rem;
margin-top: 0.7rem;
font-family: "Agrandir";
font-weight: bold;
text-transform: none;
}
.r-omk1020 .item .position {
font-family: "Agrandir";
text-transform: lowercase;
}
.r-omk1020 #footer-grid-2021 {
background-color: #000;
color: #fff;
}
.r-omk1020 #footer-grid-2021 .top {
border-bottom: 1px solid #fff;
}
.r-omk1020 #footer-grid-2021 .bottom > div {
border-right: 1px solid #fff;
} body.r-mochiramenbar,
.r-mochiramenbar .header-fixed {
background-color: #fbf0ed;
}
.r-mochiramenbar h1,
.r-mochiramenbar h3 {
color: #1b465e;
font-family: "Festivo";
}
.r-mochiramenbar .item .name {
font-family: "Festivo";
margin-top: 0.7rem;
text-transform: none;
color: #1b465e;
}
.r-mochiramenbar .item .position {
font-family: "Festivo";
text-transform: lowercase;
color: #1b465e;
}
.r-mochiramenbar #footer-grid-2021 {
background-color: #c64433;
color: #fff;
}
.r-mochiramenbar #footer-grid-2021 .top {
border-bottom: 1px solid #fff;
}
.r-mochiramenbar #footer-grid-2021 .bottom > div {
border-right: 1px solid #fff;
} body.r-kobo,
.r-kobo .header-fixed {
background-color: #ece3d6;
}
.r-kobo h1,
.r-kobo h3 {
font-family: "Agrandir Grand";
}
.r-kobo .item .name {
font-family: "Agrandir Grand";
font-weight: bold;
margin-top: 0.7rem;
font-size: 1.8rem;
margin-bottom: 0;
line-height: 1;
text-transform: uppercase;
}
.r-kobo .item .position {
font-family: "Times New Roman";
font-size: 1.8rem;
}
.r-kobo #footer-grid-2021 {
background-color: #ece3d6;
} body.r-kikkoba,
.r-kikkoba .header-fixed {
background-color: #e8e8e7;
}
.r-kikkoba h1,
.r-kikkoba h3 {
font-family: "Montserrat";
}
.r-kikkoba .item .name {
font-family: "Montserrat";
font-size: 1.8rem;
margin-top: 0.7rem;
text-transform: uppercase;
}
.r-kikkoba .item .position {
font-family: "Montserrat";
font-size: 1.3rem;
}
.r-kikkoba #footer-grid-2021 {
background-color: #000;
color: #fff;
}
.r-kikkoba #footer-grid-2021 .top {
border-bottom: 1px solid #fff;
}
.r-kikkoba #footer-grid-2021 .bottom > div {
border-right: 1px solid #fff;
} body.r-cucinaitameshi,
.r-cucinaitameshi .header-fixed {
background-color: #e8e8e7;
}
.r-cucinaitameshi h1,
.r-cucinaitameshi h3 {
font-family: "prestige-elite-std", monospace;
color: #ff4500;
font-weight: bold; }
.r-cucinaitameshi .item .name {
font-family: "prestige-elite-std", monospace;
font-size: 1.8rem;
margin-top: 0.7rem;
text-transform: none;
color: #ff4500; font-weight: bold;
}
.r-cucinaitameshi .item .position {
font-family: "prestige-elite-std", monospace;
font-size: 1.3rem;
color: #ff4500; font-weight: bold;
}
.r-cucinaitameshi .item .txt-wrap .button {
font-family: "prestige-elite-std", monospace;
background-color: #ff4500;
color: #000;
font-weight: bold;
}
.r-cucinaitameshi .txt-wrap h2,
.r-cucinaitameshi .txt-wrap p {
font-family: "prestige-elite-std", monospace;
text-transform: lowercase;
font-weight: bold;
}
.r-cucinaitameshi #footer-grid-2021 {
background-color: #ff4500;
color: #000; }
.r-cucinaitameshi #footer-grid-2021 .top {
border-bottom: 1px solid #000;
}
.r-cucinaitameshi #footer-grid-2021 .bottom > div {
border-right: 1px solid #000;
} body.r-mochiammarkt,
.r-mochiammarkt .header-fixed {
background-color: #fafafa;
}
.r-mochiammarkt h1,
.r-mochiammarkt h3 {
font-family: "apk_reformasregular";
}
.r-mochiammarkt .item .name {
font-family: "apk_reformasregular";
font-size: 1.8rem;
margin-top: 0.7rem;
letter-spacing: 0;
text-transform: none;
}
.r-mochiammarkt .item .position {
font-family: "apk_reformasregular";
font-size: 1.3rem;
}
.r-mochiammarkt #footer-grid-2021 {
background-color: #fafafa;
} #footer-grid-2021 ul {
padding: 0;
margin: 0;
}
#footer-grid-2021 {
background-color: #dadada;
padding-top: 3rem;
padding-bottom: 2rem;
} #footer-grid-2021 .top {
display: grid;
grid-template-columns: repeat(7, minmax(100px, 158px));
border-bottom: 1px solid #000;
margin: 0 100px;
justify-content: space-between;
padding-bottom: 3rem;
text-align: center;
}
#footer-grid-2021 .bottom {
display: grid;
grid-template-columns: 0.6fr 1fr 1fr 1fr 0.6fr;
margin: 30px 100px 0px;
}
#footer-grid-2021 p {
text-transform: uppercase;
text-align: center;
font-size: 0.8rem;
margin: 0.5rem 0 0 0;
letter-spacing: 0.1rem;
}
#footer-grid-2021 .bottom a {
text-transform: uppercase;
display: block;
line-height: 1.8rem;
font-size: 0.8rem;
letter-spacing: 0.1rem;
}
#footer-grid-2021 .bottom > div {
border-right: 1px solid #000;
width: 100%;
}
#footer-grid-2021 .bottom div:nth-child(2) {
display: flex;
justify-content: center;
align-items: center;
}
#footer-grid-2021 .bottom div:nth-child(3) {
display: flex;
justify-content: center;
text-align: center;
}
#footer-grid-2021 .bottom div:nth-child(4) {
display: flex;
justify-content: center;
align-items: center;
text-align: right;
}
#footer-grid-2021 .bottom > div:last-of-type {
border-right: 0px solid #000;
text-align: right;
display: flex;
justify-content: flex-end;
}
#footer-grid-2021 .bottom div,
#footer-grid-2021 .bottom .sub {
display: table;
}
#footer-grid-2021 .bottom li {
list-style: none;
}
@media (max-width: 991px) {
#footer-grid-2021 p {
font-size: 0.7rem;
}
#footer-grid-2021 .top {
margin: 0 50px;
}
#footer-grid-2021 .bottom {
margin: 30px 50px 0;
}
#footer-grid-2021 .bottom a {
font-size: 0.7rem;
}
}
@media (max-width: 810px) {
#footer-grid-2021 .top {
grid-template-columns: minmax(150px, 200px);
grid-gap: 4rem;
justify-content: center;
}
#footer-grid-2021 p {
font-size: 1rem;
}
#footer-grid-2021 .bottom {
grid-template-columns: 1fr;
grid-gap: 2rem;
}
#footer-grid-2021 .bottom div,
#footer-grid-2021 .bottom .sub {
display: block;
text-align: center;
justify-content: center !important;
}
#footer-grid-2021 .bottom div {
border-right: 0px;
border-left: 0px;
border-bottom: 1px solid #000;
padding-bottom: 1rem;
}
#footer-grid-2021 .bottom div:last-of-type,
#footer-grid-2021 .bottom .sub {
border-bottom: 0px;
}
#footer-grid-2021 .bottom a {
font-size: 1rem;
}
} @media (max-width: 1300px) {
.stellen-grid {
grid-gap: 20px;
}
.stellen-grid .item .c-container {
grid-template-rows: 1fr 2fr;
}
.stellen-grid .item {
grid-gap: 20px;
padding: 20px;
}
}
@media (max-width: 1100px) {
.header-fixed {
padding: 0 25px;
}
}
@media (max-width: 1023px) {
.stellen-grid .item {
grid-template-columns: 1fr;
text-align: center;
}
.stellen-grid .item .c-container {
grid-template-columns: 1fr;
}
.stellen-grid .item h2 {
margin-top: 1rem;
}
}
img.mobile {
display: none;
}
.mobile-menu {
display: none;
}
@media (max-width: 996px) {
body {
padding: 100px 0 0 0;
}
h1,
h3 {
margin: 2rem 0;
font-size: 20px;
padding: 0 20px;
}
img.mobile {
display: block;
}
img.desktop {
display: none;
}
.logo-container .logo {
max-width: 200px;
min-width: 100px;
height: auto;
}
.logo-container {
padding: 20px 0;
}
.header-fixed {
padding: 0 10px;
} a.menu-toggle {
display: block !important;
position: absolute;
right: 10px;
top: 20px;
height: 28px;
width: 25px;
}
.menu-active a.menu-toggle img.open,
a.menu-toggle img.close {
display: none;
}
.menu-active a.menu-toggle img.close {
display: block;
}
.menu-active .mobile-menu {
display: block;
background-color: #f7f6f6;
width: 100%;
height: calc(100% - 120px);
}
.menu-active .header-fixed {
height: 100%;
}
.menu-active .mobile-menu ul#primary-menu {
height: 100%;
padding: 50px 0;
flex-flow: column;
justify-content: space-around;
align-items: center;
}
.menu-active .mobile-menu ul#primary-menu li {
font-size: 20px;
}
.menu-container {
display: none;
} .r-mochiammarkt.menu-active .mobile-menu,
.r-kikkoba.menu-active .mobile-menu,
.r-kobo.menu-active .mobile-menu,
.r-mochiramenbar.menu-active .mobile-menu {
background-color: unset;
} .stellen-grid {
grid-template-columns: 1fr;
padding: 0 15px 50px 15px;
}
.stellen-grid .item .c-container {
grid-template-rows: 1fr;
}
.stellen-grid.single {
grid-template-columns: 1fr;
}
.stellen-grid.single .item {
width: unset;
min-width: unset;
margin: unset;
} .team-grid {
grid-template-columns: 1fr;
padding: 0 15px 50px 15px;
}
.team-grid .item {
text-align: center;
}
.team-grid .item .name {
font-size: 1.5rem;
}
}
@media (min-width: 997px) {
ul#primary-menu li {
font-size: 0.8vw;
letter-spacing: 0.1vw;
}
} @font-face {
font-family: "Roboto Mono";
font-style: normal;
font-weight: 400;
src: url(//www.mochi-career.at/wp-content/themes/bf_mc/fonts/roboto-mono-v7-latin-regular.eot); src: local("Roboto Mono"), local("RobotoMono-Regular"),
url(//www.mochi-career.at/wp-content/themes/bf_mc/fonts/roboto-mono-v7-latin-regular.eot?#iefix)
format("embedded-opentype"), url(//www.mochi-career.at/wp-content/themes/bf_mc/fonts/roboto-mono-v7-latin-regular.woff2)
format("woff2"), url(//www.mochi-career.at/wp-content/themes/bf_mc/fonts/roboto-mono-v7-latin-regular.woff)
format("woff"), url(//www.mochi-career.at/wp-content/themes/bf_mc/fonts/roboto-mono-v7-latin-regular.ttf)
format("truetype"), url(//www.mochi-career.at/wp-content/themes/bf_mc/fonts/roboto-mono-v7-latin-regular.svg#RobotoMono) format("svg"); }
@font-face {
font-family: "Roboto Mono";
font-style: normal;
font-weight: 700;
src: url(//www.mochi-career.at/wp-content/themes/bf_mc/fonts/roboto-mono-v7-latin-700.eot); src: local("Roboto Mono Bold"), local("RobotoMono-Bold"),
url(//www.mochi-career.at/wp-content/themes/bf_mc/fonts/roboto-mono-v7-latin-700.eot?#iefix) format("embedded-opentype"), url(//www.mochi-career.at/wp-content/themes/bf_mc/fonts/roboto-mono-v7-latin-700.woff2) format("woff2"), url(//www.mochi-career.at/fonts/roboto-mono-v7-latin-700.woff)
format("woff"), url(//www.mochi-career.at/wp-content/themes/bf_mc/fonts/roboto-mono-v7-latin-700.ttf)
format("truetype"), url(//www.mochi-career.at/wp-content/themes/bf_mc/fonts/roboto-mono-v7-latin-700.svg#RobotoMono) format("svg"); }
@font-face {
font-family: "Festivo";
src: url(//www.mochi-career.at/wp-content/themes/bf_mc/fonts/FestivoLettersNo1.woff2) format("woff2"),
url(//www.mochi-career.at/wp-content/themes/bf_mc/fonts/FestivoLettersNo1.woff) format("woff"),
url(//www.mochi-career.at/wp-content/themes/bf_mc/fonts/FestivoLettersNo1.ttf) format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Agrandir";
src: url(//www.mochi-career.at/wp-content/themes/bf_mc/fonts/Agrandir-Regular.woff2) format("woff2"),
url(//www.mochi-career.at/wp-content/themes/bf_mc/fonts/Agrandir-Regular.woff) format("woff"),
url(//www.mochi-career.at/wp-content/themes/bf_mc/fonts/Agrandir-Regular.ttf) format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Agrandir";
src: url(//www.mochi-career.at/wp-content/themes/bf_mc/fonts/Agrandir-TextBold.woff2) format("woff2"),
url(//www.mochi-career.at/wp-content/themes/bf_mc/fonts/Agrandir-TextBold.woff) format("woff"),
url(//www.mochi-career.at/wp-content/themes/bf_mc/fonts/Agrandir-TextBold.ttf) format("truetype");
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: "Agrandir Grand";
src: url(//www.mochi-career.at/wp-content/themes/bf_mc/fonts/Agrandir-GrandHeavy.woff2) format("woff2"),
url(//www.mochi-career.at/wp-content/themes/bf_mc/fonts/Agrandir-GrandHeavy.woff) format("woff"),
url(//www.mochi-career.at/wp-content/themes/bf_mc/fonts/Agrandir-GrandHeavy.ttf) format("truetype");
font-weight: 800;
font-style: normal;
} @font-face {
font-family: "Montserrat";
font-style: normal;
font-weight: 500;
src: local(""),
url(//www.mochi-career.at/wp-content/themes/bf_mc/fonts/montserrat-v29-latin_latin-ext-500.woff2) format("woff2");
} @font-face {
font-family: "obviouslyregular";
src: url(//www.mochi-career.at/wp-content/themes/bf_mc/fonts/obviously-regular-webfont.woff2) format("woff2"),
url(//www.mochi-career.at/wp-content/themes/bf_mc/fonts/obviously-regular-webfont.woff) format("woff");
font-weight: normal;
font-style: normal;
} @font-face {
font-family: "obviouslysemibold";
src: url(//www.mochi-career.at/wp-content/themes/bf_mc/fonts/obviously-semibold-webfont.woff2) format("woff2"),
url(//www.mochi-career.at/wp-content/themes/bf_mc/fonts/obviously-semibold-webfont.woff) format("woff");
font-weight: normal;
font-style: normal;
} @font-face {
font-family: "apk_reformasregular";
src: url(//www.mochi-career.at/wp-content/themes/bf_mc/fonts/apk_reformas-webfont.woff2) format("woff2"),
url(//www.mochi-career.at/wp-content/themes/bf_mc/fonts/apk_reformas-webfont.woff) format("woff");
font-weight: normal;
font-style: normal;
}