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 {
max-width: 100%;
height: auto;
vertical-align: middle;
}
a {
color: #e0001b;
}
a:hover {
color: #962e3b;
}  @font-face {
font-family: 'Encode Sans Condensed';
font-style: normal;
font-weight: 400;
src: url(//www.kinderwelt.co.at/wp-content/themes/kinderwelt/fonts/encode-sans-condensed-v10-latin-regular.eot); src: local(''),
url(//www.kinderwelt.co.at/wp-content/themes/kinderwelt/fonts/encode-sans-condensed-v10-latin-regular.eot?#iefix) format('embedded-opentype'), url(//www.kinderwelt.co.at/wp-content/themes/kinderwelt/fonts/encode-sans-condensed-v10-latin-regular.woff2) format('woff2'), url(//www.kinderwelt.co.at/wp-content/themes/kinderwelt/fonts/encode-sans-condensed-v10-latin-regular.woff) format('woff'), url(//www.kinderwelt.co.at/wp-content/themes/kinderwelt/fonts/encode-sans-condensed-v10-latin-regular.ttf) format('truetype'), url(//www.kinderwelt.co.at/wp-content/themes/kinderwelt/fonts/encode-sans-condensed-v10-latin-regular.svg#EncodeSansCondensed) format('svg'); } @font-face {
font-family: 'Encode Sans Condensed';
font-style: normal;
font-weight: 600;
src: url(//www.kinderwelt.co.at/wp-content/themes/kinderwelt/fonts/encode-sans-condensed-v10-latin-600.eot); src: local(''),
url(//www.kinderwelt.co.at/wp-content/themes/kinderwelt/fonts/encode-sans-condensed-v10-latin-600.eot?#iefix) format('embedded-opentype'), url(//www.kinderwelt.co.at/wp-content/themes/kinderwelt/fonts/encode-sans-condensed-v10-latin-600.woff2) format('woff2'), url(//www.kinderwelt.co.at/wp-content/themes/kinderwelt/fonts/encode-sans-condensed-v10-latin-600.woff) format('woff'), url(//www.kinderwelt.co.at/wp-content/themes/kinderwelt/fonts/encode-sans-condensed-v10-latin-600.ttf) format('truetype'), url(//www.kinderwelt.co.at/wp-content/themes/kinderwelt/fonts/encode-sans-condensed-v10-latin-600.svg#EncodeSansCondensed) format('svg'); } @font-face {
font-family: 'Encode Sans Condensed';
font-style: normal;
font-weight: 800;
src: url(//www.kinderwelt.co.at/wp-content/themes/kinderwelt/fonts/encode-sans-condensed-v10-latin-800.eot); src: local(''),
url(//www.kinderwelt.co.at/wp-content/themes/kinderwelt/fonts/encode-sans-condensed-v10-latin-800.eot?#iefix) format('embedded-opentype'), url(//www.kinderwelt.co.at/wp-content/themes/kinderwelt/fonts/encode-sans-condensed-v10-latin-800.woff2) format('woff2'), url(//www.kinderwelt.co.at/wp-content/themes/kinderwelt/fonts/encode-sans-condensed-v10-latin-800.woff) format('woff'), url(//www.kinderwelt.co.at/wp-content/themes/kinderwelt/fonts/encode-sans-condensed-v10-latin-800.ttf) format('truetype'), url(//www.kinderwelt.co.at/wp-content/themes/kinderwelt/fonts/encode-sans-condensed-v10-latin-800.svg#EncodeSansCondensed) format('svg'); }
body {
background:#52514a url(//www.kinderwelt.co.at/wp-content/themes/kinderwelt/images/background.jpg) no-repeat center center;
background-size:cover;
background-attachment: fixed;
font-size:1em;
color:#000;
line-height:1.3;
-webkit-text-size-adjust: none;
text-size-adjust: none;
font-family: 'Encode Sans Condensed', sans-serif;
height:100%;
}
h1, h2, h3, h4, h5, h6 {
clear: both;
line-height: 1.3;
font-weight:700;
color: #e0001b;
}
h1 {
font-size: 2.75rem;
padding-bottom:0.25rem;
margin-bottom: 0.75rem;
}
h2 {
font-size: 2rem;
margin: 1.5rem 0 1rem 0;
}
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;
}
hr {
width:100%;
border-top: 0.125em solid #333;
border-width: 0.125em 0 0;
clear: both;
height: 0;
margin: 0.5em 0 0 0;
padding: 0.5em 0 0 0;
}
.center {text-align:center;}
.rot {color:#e0001b;}
.dunkelrot {color:#962e3b;}
.dunkelrot {color:rgba(150, 46, 59, 1);}
.grau {color:rgba(49, 48, 34, 1);}
.gruen {color:#67ae3e;}
.gelb {color:#fff200;}
input[type=text],
input[type=email],
textarea {
border:solid 2px #e0001b;
border-radius:4px;
text-decoration:none;
display:inline-block;
padding:0.5rem 0.75rem;
margin-top:0.5rem;
line-height:1;
color:#000;
font-size:1rem;
}
.button-center {
text-align:center;
padding-top:3rem;
}
.button-center a {
font-size: 1.125em;
line-height: 1.2;
padding:0.125rem 0.5rem 0.1375rem 0.5rem;
font-weight: 700;
text-decoration: none;
display:inline-block;
background:#e0001b;
margin: 0 0.5rem 0.5rem 0;
color:#fff;
} header.site-header,
.header-image,
.header-image-home,
footer.site-footer {
min-width:20em;
}
.content-1100,
.content-900 {
min-width:18rem;
width: 90%;
margin:0 5%;
}
@media screen and (min-width: 62.5rem) {
.content-900 {
width:56.25rem;
margin: 0 auto;
}
}
@media screen and (min-width: 75rem) {
.content-1100 {
width: 67.5rem;
margin:0 auto;
}
}
.content-full {
width:100%;
}
main.content {
padding-bottom: 2em;
min-height: 40rem;
}
.content-start {
border-top: 1.25rem solid #962e3b;
padding-bottom:1.5rem;
} .header-nav {
top:1em;
transition: .4s;
}
.header-nav	.content-1100 {
display:flex;
justify-content:space-between;
align-items: center;
}
.logo {
flex:0 0 15em;
height: 5em;
transition: .4s;
}
.logo img{
width: 13em;
height: 5.42em;
transition: .4s;
}
.main-navigation {
transition: .4s;
margin-top:1.625rem;
}
.main-navigation input {
display: none;
}
.main-navigation li a{
color:#fff;
font-size: 1.25rem;
font-weight:600;
text-decoration: none;
text-transform: uppercase;
text-shadow: 0 0 1rem rgba(49, 48, 34, 0.3);
}
.main-navigation li a:hover {
color: #fff200;
}
.main-navigation li.current-menu-item a,
.main-navigation li.current-page-ancestor a {
color:#fff200;
}
@media screen and (max-width: 44.999em) {
.main-navigation  {
width:100%;
height:4em;
}
.main-navigation label {
position: absolute;
top: 1.625em;
right: 1.5em;
height: 1.5em;
width: 2em;
z-index: 5;
}
.main-navigation input + label span {
position: absolute;
width: 100%;
height: 0.25em;
top: 50%;
left: 0;
display: block;
background: #fff200;
transition: .4s;
}
.main-navigation input + label span:first-child {
top: 0;
}
.main-navigation input + label span:last-child {
top: 100%;
}
.main-navigation body label:hover {
cursor: pointer;
}
.main-navigation input:checked + label span {
opacity: 0;
top: 50%;
}
.main-navigation input:checked + label span:first-child {
opacity: 1;
transform: rotate(45deg);
}
.main-navigation input:checked + label span:last-child {
opacity: 1;
transform: rotate(-45deg);
}
.main-navigation nav {
background: #962e3b;
position: absolute;
top: 5em;
left:0;
width: 100%;
display:none;
z-index: 9;
}
.main-navigation input:checked ~ nav {
display:block;
}
.main-navigation ul  {
padding: 1em 0;
}
.main-navigation ul  li {
padding: 0.25em 1em;
}
header.site-header-scroll .main-navigation nav {
top: 4em;
}
header.site-header-scroll .main-navigation label {
top: 1.25em;
}
}
@media screen and (min-width: 45em) {
body.home .logo {
margin-top:2.75rem;
margin-bottom:3.25rem;
}
.logo {
margin-top:.5rem;
margin-bottom:1rem;
}
.main-navigation ul{
overflow:hidden;
}
.main-navigation ul li{
float:left;
margin:0.25em 0 0.25em 1.5em;
}
.main-navigation ul li a{
line-height: 1;
}
} header.site-header {
width:100%;
transition: .4s;
z-index: 9;
position: fixed;
background: #830f16 url(//www.kinderwelt.co.at/wp-content/themes/kinderwelt/images/header-bg.jpg) repeat-x center center;
background-size: auto 250px;
}
.header-space {
height:6rem;
}
body.home .header-space {
height:8rem;
}
header.site-header-scroll {
top:0;
}
header.site-header-scroll .header-nav{
top:0;
-webkit-box-shadow: 0 0 10px 5px rgba(0,0,0,0.3);
box-shadow: 0 0 10px 5px rgba(0,0,0,0.3);
}
body.home header.site-header-scroll .logo,
header.site-header-scroll .logo{
height: 3.15em;
margin:0;
}
header.site-header-scroll .logo img{
width: 7.5em;
height: 3.15em;
}
header.site-header-scroll .header-nav:after  {
bottom:0;
}
header.site-header-scroll .main-navigation {
margin-top:0;
} .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;
}
} .content {
background: #fff;
font-size: 1.125em;
}
.content p{
margin-bottom: 1em;
}
.titelbereich {
text-align: center;
}
.content-area {
padding-bottom:1rem;
}
.content-area h1{
font-size: 1.125em;
display: inline-block;
margin: 0 0 0.5rem 0;
line-height: 1.2;
font-weight: 700;
text-decoration: none;
text-transform: uppercase;
background:#e0001b;
color:#fff;
text-align:center;
padding:0.125rem 1rem 0.1375rem 1rem;
}
.content-area h2{
font-size: 2rem;
margin: 0 0 1.5rem 0;
text-align:center;
color:#000;
}
.blocks-text-inner {
padding:2em;
}
.blocks-text-inner h2{
text-align: left;
}
@media screen and (min-width: 50em) {
.blocks li{
display:flex;
align-items: stretch;
}
.blocks-bild,
.blocks-text {
flex: 0 0 50%;
}
.blocks > li:nth-child(2n) .blocks-text{
order: 1
}
.blocks > li:nth-child(2n) .blocks-bild{
order: 2
}
} .speisekarte-home {
}
.speisekarte-home a{
color:#000;
text-align: center;
text-decoration: none;
display: block;
position: relative;
margin-bottom:3rem;
}
.speisekarte-home h3{
color:#000;
margin:0.25rem 0;
}
.speisekarte-home a:hover h3{
color:#e0001b;
}
@media screen and (min-width: 35em) {
.speisekarte-home {
display:flex;
flex-wrap: wrap;
justify-content: space-between;
}
.speisekarte-home li{
flex: 0 0 45%;
}
}
@media screen and (min-width: 50em) {
.speisekarte-home {
display:flex;
flex-wrap: wrap;
justify-content: space-between;
}
.speisekarte-home li{
flex: 0 0 30%;
}
} .speisekarte-block{
margin-top:4rem;
}
.speisekarte-liste li{
border-bottom: dotted 1px #000;
padding:0.5rem;
display:flex;
}
.speisekarte-liste li h3{
margin:0;
color:#000;
text-transform: uppercase;
font-size:1.25rem;
}
.speisekarte-bild {
padding-right:1.25rem;
color:#ccc;
flex: 0 0 15%;
}
.speisekarte-text {
flex: 0 0 80%;
}
.speisekarte-flex {
display:flex;
justify-content: space-between;
}
.speisekarte-flex div:nth-child(2){
text-align:right;
}
@media screen and (min-width: 35em) {
.speisekarte-liste {
display:flex;
flex-wrap: wrap;
justify-content: space-between;
}
.speisekarte-liste li{
flex: 0 0 46%;
}
} .header-image {
background: url(//www.kinderwelt.co.at/wp-content/themes/kinderwelt/images/header-home1.jpg) no-repeat center center;
background-size:cover;
width:100%;
height:0;
padding-bottom:5em;
position: relative;
}
.header-image-home {
background: url(//www.kinderwelt.co.at/wp-content/themes/kinderwelt/images/header-home1.jpg) no-repeat center center;
background-size:cover;
width:100%;
height:0;
padding-bottom:15em;
}
.header-image-home2 {
background: url(//www.kinderwelt.co.at/wp-content/themes/kinderwelt/images/header-home2.jpg) no-repeat center center;
background-size:cover;
}
@media screen and (min-width: 50em) {
.header-image {
padding-bottom:17%;
}
.header-image-home {
padding-bottom:37%;
}
}
@media screen and (min-width: 75em) {
.header-image {
padding-bottom:12.75em;
}
.header-image-home {
padding-bottom:27.75em;
}
}
.home-slider-color {
width:100%;
background-color: rgba(49, 48, 34, 0);
height:100%;
position: absolute;
text-decoration: none;
}
.home-slider-color a{
text-decoration: none;
}
.home-slider-text {
padding:15% 10% 0 30%;
}
.home-slider-color h2{
font-weight:bold;
margin:0;
font-size:2.75rem;
text-transform: uppercase;
color:#fff;
}
.home-slider-color h4{
font-size: 1.125em;
margin:0;
line-height: 1.2;
padding:0.125rem 1rem 0.1375rem 1rem;
font-weight: 700;
text-decoration: none;
text-transform: uppercase;
display:inline-block;
background:#e0001b;
color:#fff;
text-align:center;
} footer.site-footer {
width:100%;
padding:1.5em 0 8em 0;
border-top: 1.25rem solid #e0001b;
color:#fff;
}
footer.site-footer a {
color:#fff;
}
footer.site-footer address {
font-style: normal;
font-size:1.125rem;
}
footer.site-footer address strong{
font-size:1.25rem;
}
.footer-row {
margin-bottom:2rem;
}
.footer-left h2 {
font-size: 2.75rem;
margin:0 0 1.5rem 0;
text-transform:uppercase;
color:#fff;
}
@media screen and (min-width: 40em) {
.footer-row {
display:flex;
justify-content: space-around;
}
.footer-left {
flex: 0 0 43%;
}
.footer-middle {
flex: 0 0 35%;
}
.footer-right {
flex: 0 0 21%;
}
}
footer.site-footer nav{
margin-top:10rem;
}
footer.site-footer ul{
display:flex;
width:100%;
justify-content: space-between;
flex-wrap: wrap;
}
footer.site-footer ul li{
flex: 0 0 46%;
margin-bottom:0.5rem;
}
@media screen and (min-width: 30em) {
footer.site-footer ul li{
flex: 0 0 22%;
}
}
footer.site-footer nav a {
font-size: 1.125em;
line-height: 1.2;
padding:0.125rem 0 0.1375rem 0;
font-weight: 700;
text-decoration: none;
text-transform: uppercase;
display:block;
background:#e0001b;
text-align:center;
}
footer.site-footer a:hover {
background: #962e3b;
}
@media print {
body {
background:none;
}
header.site-header {
position: relative;
background:#fff;
}
.main-navigation,
.header-image
.footer nav {
display: none;
}
footer.site-footer {
color: #000;
}
}