:root {
--yellow: #EEB33B;
--red: #DB3046;
--blue: #496882;
--petrol: #19AFB1;
--darkYellow: #E2A130;
--darkRed: #C4223D;
--darkBlue: #314d65;
--darkPetrol: #109999;
--bgBlue: #1e3550;
}
body {
margin: 0;
-webkit-font-smoothing: auto;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background-color: transparent;
}
a:active,
a:hover {
outline: 0;
}
dfn {
font-style: italic;
}
mark {
background: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0 !important;
}
svg:not(:root) {
overflow: hidden;
}
hr {
box-sizing: content-box;
height: 0;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
} h1, h2, h3, h4, h5, h6 {
clear: both;
color: #FFF;
font-weight: 400;
margin-top: 24px;
margin-bottom: 15px;
letter-spacing: 0.05em;
}
h1 {
font-size: 32px;
padding-bottom: 10px;
}
h2 {
font-size: 24px;
padding-bottom: 0.3em;
line-height: 1.25;
}
h3 {
font-size: 18px;
line-height: 25px;
}
h4 {
font-size: 16px;
line-height: 20px;
}
h5 {
font-size: 14px;
line-height: 17.5px;
}
p {
margin-bottom: 1.5em;
}
h1.entry-title {
font-size: 1.31rem;
border-bottom: 1px solid #eaecef;
}
h3.widget-title {
font-size: 1.2rem;
display: none;
}
#masthead h2 {
position: absolute;
left: 0;
right: 0;
font-size: 1.6vw;
top: 62vh;
font-weight: 400;
} body {
background: #fff; }
img {
height: auto; max-width: 100%; }
table {
margin: 0 0 1.5em;
width: 100%;
}  header#masthead {
margin-bottom: 11rem;
padding: 0;
height: 75vh;
background-image: url(https://www.spiel-felder.de/wp-content/themes/wp-bootstrap-starter/pics/logo-spiel-felder-xl.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: 30%;
}
.navbar-brand > a {
color: rgba(0, 0, 0, 0.9);
font-size: 1.1rem;
outline: medium none;
text-decoration: none;
color: #fff;
font-weight: 700;
}
.navbar-brand > a:visited, .navbar-brand > a:hover {
text-decoration: none;
}
#page-sub-header {
position: relative;
padding-top: 0;
padding-bottom: 0;
text-align: center;
font-size: 1.25rem;
background-size: cover !important;
}
body:not(.theme-preset-active) #page-sub-header h1 {
line-height: 1.6;
font-size: 4rem;
color: #FFF;
margin: 0 0 1rem;
border: 0;
padding: 0;
}
#page-sub-header p {
margin-bottom: 0;
line-height: 1.4;
font-size: 1.25rem;
font-weight: 300;
}
body:not(.theme-preset-active) #page-sub-header p {
color: #fff;
}
a.page-scroller {
color: #333;
font-size: 2.6rem;
display: inline-block;
margin-top: 2rem;
}
@media screen and (min-width: 768px) {
body:not(.theme-preset-active) #page-sub-header h1 {
font-size: 3.750rem;
}
body:not(.theme-preset-active) #page-sub-header {
font-size: 1.25rem;
}
}
@media screen and (min-width: 992px) {
#page-sub-header p {
max-width: 43rem;
margin: 0 auto;
}
}  #masthead nav {
padding-left: 0;
padding-right: 0;
}
body:not(.theme-preset-active) #masthead .navbar-nav > li > a {
color: #fff;
padding: 0.5rem;
font-weight: 500;
font-size: 0.875rem;
}
body:not(.theme-preset-active) #masthead .navbar-nav > li > a:hover,
body:not(.theme-preset-active) #masthead .navbar-nav > li.current_page_item > a {
color: #fff;
font-weight: 600; }
.navbar-brand {
height: auto;
}
.navbar-toggle .icon-bar {
background: #000 none repeat scroll 0 0;
}
.dropdown-menu .dropdown-toggle::after {
border-bottom: 0.3em solid transparent;
border-left: 0.3em solid;
border-top: 0.3em solid transparent;
} .menu-toggle,
.main-navigation.toggled ul {
display: block;
}
.dropdown-item {
line-height: 1.2;
padding-bottom: 0.313rem;
padding-top: 0.313rem;
}
.dropdown-menu {
min-width: 12.500rem;
}
.dropdown .open .dropdown-menu {
display: block;
left: 12.250em;
top: 0;
}
.dropdown-menu .dropdown-item {
white-space: normal;
background: transparent;
line-height: 1.6;
}
.dropdown-menu .dropdown-item:hover {
background: transparent;
}
@media screen and (min-width: 37.5em) {
.menu-toggle {
display: none;
}
}
@media screen and (min-width: 769px) {
.dropdown-menu li > .dropdown-menu {
right: -9.875rem;
top: 1.375rem;
}
}
@media screen and (max-width: 991px) {
.navbar-nav .dropdown-menu {
border: medium none;
margin-left: 1.250rem;
padding: 0;
}
.dropdown-menu li a {
padding: 0;
}
#masthead .navbar-nav > li > a {
padding-bottom: 0.625rem;
padding-top: 0.313rem;
}
.navbar-light .navbar-toggler {
border: medium none;
outline: none;
}
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
margin: 0 0 1.5em;
overflow: hidden;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
float: left;
width: 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
float: right;
text-align: right;
width: 50%;
}
.comment-content.card-block {
padding: 20px;
}
.navigation.post-navigation {
padding-top: 1.875rem;
}
.post-navigation .nav-previous a,
.post-navigation .nav-next a {
border: 1px solid #ddd;
border-radius: 0.938rem;
display: inline-block;
padding: 0.313rem 0.875rem;
text-decoration: none;
}
.post-navigation .nav-next a::after {
content: " \2192";
}
.post-navigation .nav-previous a::before {
content: "\2190 ";
}
.post-navigation .nav-previous a:hover,
.post-navigation .nav-next a:hover {
background: #eee none repeat scroll 0 0;
}
.my-breadcrumb {
background-color: white;
padding: 0 0 0.3rem 0.8rem;
width: 100%;
z-index: 9;
}
.my-breadcrumb img {
margin: 0 0.4rem 0.2rem 0.4rem;
}  .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
word-wrap: normal !important; }
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 0.313rem;
line-height: normal;
padding: 0.938rem 1.438rem 0.875rem;
text-decoration: none;
top: 0.313rem;
width: auto;
z-index: 100000; } #content[tabindex="-1"]:focus {
outline: 0;
} .alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
a img.alignright {
float: right;
margin: 0.313rem 0 1.25rem 1.25rem;
}
a img.alignnone {
margin: 0.313rem 1.25rem 1.25rem 0;
}
a img.alignleft {
float: left;
margin: 0.313rem 1.25rem 1.25rem 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption.alignleft {
margin: 0.313rem 1.25rem 1.25rem 0;
}
.wp-caption.alignright {
margin: 0.313rem 0 1.25rem 1.25rem;
} .clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
content: "";
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
clear: both;
} .widget {
margin: 0 0 1.5em;
font-size: 0.875rem; }
.widget select {
max-width: 100%;
}
.widget_search .search-form input[type="submit"] {
display: none;
}
.nav > li > a:focus,
.nav > li > a:hover {
text-decoration: none;
}
.half-rule {
width: 6rem;
margin: 2.5rem 0;
}
.widget_categories .nav-link {
display: inline-block;
}  #content.site-content {
padding-bottom: 3.75rem;
padding-top: 4.125rem;
}
.sticky .entry-title::before {
content: '\f08d';
font-family: "Font Awesome\ 5 Free";
font-size: 1.563rem;
left: -2.5rem;
position: absolute;
top: 0.375rem;
font-weight: 900;
}
.sticky .entry-title {
position: relative;
}
.single .byline,
.group-blog .byline {
display: inline;
}
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
}
.page-template-blank-page .entry-content,
.blank-page-with-container .entry-content {
margin-top: 0;
}
.post.hentry {
margin-bottom: 4rem;
}
.post-content .post.hentry {
margin-bottom: 0;
}
.posted-on, .byline, .comments-link {
color: #9a9a9a;
}
.entry-title > a {
color: inherit;
} .comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
}
.comment-body .pull-left {
padding-right: 0.625rem;
}
.comment-list .comment {
display: block;
}
.comment-list {
padding-left: 0;
}
.comments-title {
font-size: 1.125rem;
}
.comment-list .pingback {
border-top: 1px solid rgba(0, 0, 0, 0.125);
padding: 0.563rem 0;
}
.comment-list .pingback:first-child {
border: medium none;
}  .infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer { display: none;
} .infinity-end.neverending .site-footer {
display: block;
} .page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} embed,
iframe,
object {
max-width: 100%;
} .wp-caption {
text-align: center;
}
.wp-caption img[class*="wp-image-"] {
border: 0 none;
height: 25vw;
margin: 0;
max-width: 100%;
padding: 0;
width: auto;
}
.wp-caption .wp-caption-text {
width: 25vw;
font-size: 1.5vw;
position: relative;
margin: -25vw 0 0 0;
padding: 0 1vw;
line-height: 1.6;
top: 0;
display: block;
top: 48%;
transform: translateY(-50%);
position: relative;
}
.wp-caption-text {
text-align: center;
}
.cat-4-5 .wp-caption-text {
display: none;
} .gallery {
margin: 0 !important;
display: flex;
flex-direction: row;
flex-wrap: wrap;
width: 100vw;
}
.gallery p {
display: none;
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 25%;
height: 25vw;
margin: 0 !important;
background-color: whitesmoke;
}
.gallery-item .gallery-columns-2 {
max-width: 50%;
}
.gallery-item .gallery-columns-3 {
max-width: 33.33333%;
}
.gallery-item .gallery-columns-4 {
max-width: 25%;
}
.gallery-item .gallery-columns-5 {
max-width: 20%;
}
.gallery-item .gallery-columns-6 {
max-width: 16.66667%;
}
.gallery-item .gallery-columns-7 {
max-width: 14.28571%;
}
.gallery-item .gallery-columns-8 {
max-width: 12.5%;
}
.gallery-item .gallery-columns-9 {
max-width: 11.11111%;
}
.gallery-caption {
display: block;
visibility: hidden;
padding: 0 1rem 0 1rem;
margin-top: -22vw;
color: var(--bgBlue);
}
.gallery dl:first-child .gallery-caption {
padding-top: 6vw;
margin: 0;
color: white;
}
article:nth-child(2) .gallery-item {
background-color: var(--bgBlue);
}
.category-content article:nth-child(2) .gallery-caption {
color: white;
}
.category-content article:nth-child(2) .gallery-item:first-child {
background-color: transparent;
}
.cat-4-5 .gallery dl:first-child {
background-color: transparent;
}
.cat-4-5 .gallery dl:first-child img {
display: none;
}
.gallery a {
pointer-events: none;
cursor: default;
}
.cat-4-5 .gallery dl:first-child .gallery-caption, .gallery-item:hover .gallery-caption  {
visibility: visible;
}
.gallery-item:hover img {
visibility: hidden;
}
.size-thumbnail {
width: 25vw;
height: 25vw;
}
h1.entry-title, .error404 h1, .error404 .entry-content p {
margin-left: 0.9rem;
}
.error404 #main-legal h1 {
font-size: 2.5vw;
}  .woocommerce-cart-form .shop_table .coupon .input-text {
width: 8.313rem !important;
}
.variations_form .variations .value > select {
margin-bottom: 0.625rem;
}
.woocommerce-MyAccount-content .col-1,
.woocommerce-MyAccount-content .col-2 {
max-width: 100%;
} .elementor-page article .entry-footer {
display: none;
}
.elementor-page.page-template-fullwidth #content.site-content {
padding-bottom: 0;
padding-top: 0;
}
.elementor-page .entry-content {
margin-top: 0;
} .vc_desktop article .entry-footer {
display: none;
}
.vc_desktop #content.site-content {
padding-bottom: 0;
padding-top: 0;
}
.vc_desktop .entry-content {
margin-top: 0;
} footer#colophon {
font-size: 85%;
}
body:not(.theme-preset-active) footer#colophon {
color: #fff;
background-color: none;
}
.navbar-dark .site-info {
color: #fff;
}
.copyright {
font-size: 0.875rem;
margin-bottom: 0;
text-align: center;
}
.copyright a, footer#colophon a {
color: inherit;
}
.credits, .site-info .sep {
display: none;
}
body {
font-family: Lato, sans-serif;
color: #fff;
}
.row {
margin: 0;
}
.category-content {
padding: 0 !important;
}
#page-sub-header {
border-bottom: 4px white solid;
background-color: transparent;
height: 3rem;
padding-top: 4rem;
}
#page-sub-header .container {
margin-left: 0;
margin-top: -5.8rem;
width: 7vw;
}
#page-sub-header img {
width: 29vw;
margin-top: -6rem;
}
a.page-scroller {
background-image: url(https://www.spiel-felder.de/wp-content/themes/wp-bootstrap-starter/startpfeil.png);
width: 12vh;
height: 12vh;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
margin-top: 66vh;
}
a.page-scroller i {
display: none;
}
#page {
width: 100%;
margin-left: auto;
margin-right: auto;
background-color: #1e3550;
}
.flexslider {
width: 100%;
}
.navbar-toggler {
padding: 0;
margin-left: 0.5rem;
}
.navbar-toggler:focus {
outline: 0;
}
.navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='3' stroke-linecap='edge' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
width: 2em;
height: 3em;
}
.navbar-brand {
display: none;
}
#main-nav {
position: absolute;
z-index: 20;
background-color: white;
padding: 1rem 1.5rem 1rem 1.5rem;
left: -0.3rem;
top: 0;
text-align: left;
width: 25vw;
font-size: 2vw;
}
#main-nav a, .my-breadcrumb a {
color: var(--darkBlue);
}
#main-nav a:hover, #main-nav .page-scroller a:hover,.my-breadcrumb a:hover  {
color: var(--petrol);
text-decoration: none;
}
#main-nav .active a,.my-breadcrumb .current-page {
color: var(--red);
}
#main-nav .page-scroller a {
color: var(--darkBlue);
}
#content.site-content {
margin-top: -4.2rem;
padding-top: 4.2rem;
padding-bottom: 0rem;
}
.container {
margin-left: auto;
margin-right: auto;
padding: 0;
max-width: none;
}
header .container {
text-align: center;
}
section {
width: 100%;
}
#mainMenu section {
padding: 0;
}
#menu-hauptmenue li {
display: inline-block;
width: 25%;
overflow: hidden;
text-transform: uppercase;
text-align: center;
font-size: 2vw;
letter-spacing: 0.05em;
padding: 0;
}
#menu-hauptmenue .nav-link, .post-link a {
color: #FFF;
padding: 36% 0 40% 0;
font-weight: 400;
}
.post-link a {
padding: 42% 0;
}
#menu-hauptmenue.nav {
display: flex;
}
#menu-hauptmenue.flex-column {
flex-direction: row !important;
}
#menu-hauptmenue li:nth-child(1) .nav-link {
background-color: var(--blue);
}
#menu-hauptmenue li:nth-child(1) .nav-link:hover {
background-color: var(--darkBlue);
}
#menu-hauptmenue li:nth-child(2) .nav-link {
background-color: var(--yellow);
}
#menu-hauptmenue li:nth-child(2) .nav-link:hover,
#menu-hauptmenue li:nth-child(2) .nav-link:active {
background-color: var(--darkYellow);
}
#menu-hauptmenue li:nth-child(3) .nav-link {
background-color: var(--red);
}
#menu-hauptmenue li:nth-child(3) .nav-link:hover,
#menu-hauptmenue li:nth-child(3) .nav-link:active {
background-color: var(--darkRed);
}
#menu-hauptmenue li:nth-child(4) .nav-link {
background-color: var(--petrol);
}
#menu-hauptmenue li:nth-child(4) .nav-link:hover,
#menu-hauptmenue li:nth-child(4) .nav-link:active {
background-color: var(--darkPetrol);
}
#menu-foot-menu a, .site-info, .my-breadcrumb {
color: white;
letter-spacing: 0.05em;
font-size: 0.9rem;
}
#menu-foot-menu a:hover {
background-color: transparent;
text-decoration: underline;
}
.ts-a::after {
content: "@";
}
.ts-b::after {
content: ".";
}
header h1.entry-title {
border: none;
padding: 27% 0 0 0;
color: white;
text-align: center;
text-transform: uppercase;
font-weight: normal;
letter-spacing: 0.05em;
font-size: 1.6em;
}
.entry-content, .widget {
margin: 0;
}
#post-1451 .entry-content {
display: flex;
flex-direction: row;
height: 50vw;
}
#post-1451 header {
display:none;
background-color: var(--red);
width: 25vw;
height: 25vw;
}
#post-1451 p {
width: 25%;
margin: 0;
background-color: var(--yellow);
}
#post-1451 img {
width: 25vw;
height: 25vw;
}
#post-1451 ul {
color: white;
padding: 1.6rem 1.2rem 1.2rem 1.5rem;
margin: 0;
list-style: none;
width: 50%;
height: 50vw;
background-color: var(--blue);
font-size: 1.5vw;
overflow-y: auto;
}
#post-1451 ul li {
padding-bottom: 0.7rem;
}
#post-1451 ul span {
margin-top: 1rem;
display: block;
}
footer {
display: flex;
flex-direction: row;
border-top: 4px solid white;
padding-top: 1.8rem;
padding-bottom: 1rem;
line-height: 1.7rem;
}
#footer-logo {
text-align: center;
width: 33.333%;
}
#footer-logo img {
width: 250px;
margin-top: -1rem;
}
#footer-widget {
width: 33.333%;
text-align: right;
padding-right: 1rem;
}
#footer-widget a {
padding: 0;
color: white !important;
}
.site-info {
width: 33.333%;
padding-left: 1.9rem;
}
.col-md-4 {
max-width: 100%;
flex: 0 0 100%;
}
#contact-me {
display: block;
background-color: var(--red);
width: 25%;
height: 50vw;
background-image: url(https://www.spiel-felder.de/wp-content/themes/wp-bootstrap-starter/letter-icon-ro.png);
background-repeat: no-repeat;
background-position: 10000px;
}
#contact-me a {
display: block;
width: 100%;
height: 50%;
background-color: var(--yellow);
background-image: url(https://www.spiel-felder.de/wp-content/themes/wp-bootstrap-starter/letter-icon-no.png);
background-repeat: no-repeat;
background-position: center 35%;
background-size: 45%;
overflow:hidden;
text-indent:100%;
white-space:nowrap;
}
#contact-me a:hover {
background-image: url(https://www.spiel-felder.de/wp-content/themes/wp-bootstrap-starter/letter-icon-ro.png);
}
.page-title, .cat-links, .entry-footer {
display: none;
} 
.category-page-header .page-title {
display: block;
color:  var(--bgBlue);
text-transform: uppercase;
font-size: 3vw;
}
.category-page-header {
position: absolute;
width: 100%;
height: 30vw;
top: 25vw;
left: 0;
z-index: 99;
background-color: var(--blue);
color: var(--bgBlue);
font-size: 1.5vw;
text-align: center;
letter-spacing: 0.05rem;
}
.category-page-header #header-wrapper {
width: 50%;
background-color: whitesmoke;
padding: 8vw 1vw 0 1vw;
height: 30vw;
}
.category-page-header #header-wrapper h1 {
font-weight: 600;
}
.post .post-thumbnail {
display: none;
}
.post-link h2 a {
display: block;
width: 100%;
height: 100%;
text-indent: 0;
}
.post-link:hover h2 a {
text-indent: 100%;
}
.category-content article:hover h2 {
visibility: hidden;
}
.category-content article:nth-child(2):hover h2 {
visibility: visible;    
}
.post-link,
.category-content article {
background-repeat: no-repeat;
background-position: -1000px;
background-size: 10vw;
}
.post-link:nth-child(1) {
background-image: url(https://www.spiel-felder.de/wp-content/themes/wp-bootstrap-starter/pics/spielmoebel_icon.png);
}
.post-link:nth-child(2) {
background-image: url(https://www.spiel-felder.de/wp-content/themes/wp-bootstrap-starter/pics/spielobjekte_icon.png);
}
.post-link:nth-child(3) {
background-image: url(https://www.spiel-felder.de/wp-content/themes/wp-bootstrap-starter/pics/spielraeume_icon.png);
}
.post-link:nth-child(4) {
background-image: url(https://www.spiel-felder.de/wp-content/themes/wp-bootstrap-starter/pics/brettspiele_icon.png);
}
.cat-4 article:nth-child(3) {
background-image: url(https://www.spiel-felder.de/wp-content/themes/wp-bootstrap-starter/pics/idee_icon.png);
}
.cat-4 article:nth-child(4) {
background-image: url(https://www.spiel-felder.de/wp-content/themes/wp-bootstrap-starter/pics/entwurf_icon.png);
}
.cat-4 article:nth-child(5) {
background-image: url(https://www.spiel-felder.de/wp-content/themes/wp-bootstrap-starter/pics/detail_icon.png);
}
.cat-4 article:nth-child(6) {
background-image: url(https://www.spiel-felder.de/wp-content/themes/wp-bootstrap-starter/pics/umsetzung_icon.png);
}
.cat-5 article:nth-child(3) {
background-image: url(https://www.spiel-felder.de/wp-content/themes/wp-bootstrap-starter/pics/erwachsene_icon.png);
}
.cat-5 article:nth-child(4) {
background-image: url(https://www.spiel-felder.de/wp-content/themes/wp-bootstrap-starter/pics/geschenk_icon.png);
}
.cat-5 article:nth-child(5) {
background-image: url(https://www.spiel-felder.de/wp-content/themes/wp-bootstrap-starter/pics/universal_icon.png);
}
.cat-5 article:nth-child(6) {
background-image: url(https://www.spiel-felder.de/wp-content/themes/wp-bootstrap-starter/pics/events_icon.png);
}
.post-link:hover, .post-link:active {
background-position: center 35%;
}
.category-content article:hover {
background-position: center 45%;
}
.category-content article:nth-child(2):hover {
background-image: none;
}
.post-link:nth-child(1):hover .post-description,
.post-link:nth-child(2):hover .post-description,
.post-link:nth-child(3):hover .post-description,
.post-link:nth-child(4):hover .post-description {
z-index: 100;
}
.post-link:nth-child(1):not(:hover) .post-description,
.post-link:nth-child(2):not(:hover) .post-description,
.post-link:nth-child(3):not(:hover) .post-description,
.post-link:nth-child(4):not(:hover) .post-description {
z-index: 99;
}
.category-content main {
display: flex;
flex-direction: row;
height: 55vw;
flex-wrap: wrap;
overflow-x: hidden;
}
.category-4 .category-content main,
.category-5 .category-content main {
height: 50vw;
}
.cat-4-5 main {
background-color: var(--blue);
}
.post-description {
position: absolute !important;
top: 25vw;
height: 30vw;
text-align: left;
width: 100%;	
left: 0;
}
.post-content-description {
display: none;
}
.post-description img, .post-excerpt {
width: 50%;
height: 30vw;
}
.post-link:nth-child(3) .post-description img,
.post-link:nth-child(4) .post-description img {
float: left;
}
.post-link:nth-child(1) .post-description img,
.post-link:nth-child(2) .post-description img {
float: right;
}
.post-link:nth-child(3) .post-excerpt,
.post-link:nth-child(4) .post-excerpt {
float: right;
}
.post-link:nth-child(1) .post-excerpt,
.post-link:nth-child(2) .post-excerpt {
float: left;
}
.post-link:nth-child(5) post-link-header {
display: none;
}
.post-link h2 {
text-transform: uppercase;
letter-spacing: 0.05em;
font-size: 2.3vw;
margin: 0;
}
.post-excerpt h3 {
font-size: 2.5vw;
margin-top: 1vw;
margin-bottom: 0vw;
line-height: 39px;
}
.post-excerpt {
text-align: center;
font-size: 1.5vw;
letter-spacing: 0.05em;
padding: 6vw 3rem;
}
.category-content article, .category-content .post-link {
width: 25%;
height: 25vw;
text-align: center;
}
.category-content .post-link {
height: 30vw;
}
.category-content article:nth-child(2) {
width: 50%;
text-align: left;
position: absolute;
margin-bottom: 0 !important;
top: 25vw;
left: 0;
background-color: whitesmoke;
color: var(--bgBlue);
}
.category-content article:nth-child(2) header h2 {
color: #1e3550;
}
.category-content article header {
text-transform: uppercase;
letter-spacing: 0.05em;
overflow: hidden;
white-space:nowrap;
height: 100%;
padding: 30% 0;
}
.cat-4-5 article header {
padding: 0;
}
.cat-4-5 article h2 {
top: 50%;
transform: translateY(-50%);
position: relative;
}
.cat-4 article header {
background-repeat: no-repeat;
background-position: -2px 49%;
background-size: 10%;
}
.cat-4 article:nth-child(4) header {
background-image: url(https://www.spiel-felder.de/wp-content/themes/wp-bootstrap-starter/pics/pfeil_blau.png);
}
.cat-4 article:nth-child(5) header {
background-image: url(https://www.spiel-felder.de/wp-content/themes/wp-bootstrap-starter/pics/pfeil_gelb.png);
}
.cat-4 article:nth-child(6) header {
background-image: url(https://www.spiel-felder.de/wp-content/themes/wp-bootstrap-starter/pics/pfeil_rot.png);
}
.category-content article header h2 {
font-size: 2.3vw;
margin: 0;
}
.cat-5 article header h2 {
font-size: 2vw;
}
.category-content article:nth-child(2) header h2 {
font-weight: 600;
text-align: center;
}
.cat-4-5 article:nth-child(2) header {
text-indent: 0;
padding: 10vw 0 0 0;
height: auto;
width: 100%;
}
.cat-4 article:nth-child(2) header {
padding: 8vw 0 0 0;
}
.category-content article:nth-child(2) .gallery-item:first-child .gallery-caption {
display: none;
}
.category-content article:nth-child(3), 
.category-content .post-link:nth-child(1), 
.category-content .post-link:nth-child(1) .post-description {
background-color: var(--blue);
}
.category-content article:nth-child(4), 
.category-content .post-link:nth-child(2), 
.category-content .post-link:nth-child(2) .post-description {
background-color: var(--yellow);
}
.category-content article:nth-child(5), 
.category-content .post-link:nth-child(3), 
.category-content .post-link:nth-child(3) .post-description {
background-color: var(--red);
}
.category-content article:nth-child(6), 
.category-content .post-link:nth-child(4), 
.category-content .post-link:nth-child(4) .post-excerpt {
background-color: var(--petrol);
}
.category-content .entry-content {
position: absolute;
top: 25vw;
text-align: left;
width: 100%;
line-height: 1.25;
left: 0;
display: flex;
flex-wrap: wrap;
height: auto;
}
.cat-4-5 .entry-content {
height: 25vw;
}
.post-content .entry-content {
top: 0;
position: relative;
}
.post-content .entry-header {
display: none;
}
.post-content article {
width: 100%;
height: auto;
overflow: hidden;
}
.post-content main {
height: auto;
}
.post-content ul {
width: 25%;
height: 25vw;
list-style-type: none;
text-align: center;
display: block;
padding: 0;
margin: 0;
}
.post-content ul li:first-child {
font-size: 2.3vw;
padding: 0 2vw;
line-height: 1.25;
letter-spacing: 0.05em;
top: 48%;
transform: translateY(-50%);
position: relative;
}
.post-content ul li:last-child {
visibility: hidden;
font-size: 1.5vw;
padding: 0 1vw;
line-height: 1.6;
top: 48%;
transform: translateY(-50%);
position: relative;
}
.post-content ul:hover li:first-child {
display: none;
}
.post-content ul:hover li:last-child {
visibility: visible;
}
.post-content figure {
width: 25% !important;
margin: 0 !important;
border: none !important;
padding: 0 !important;
}
.post-content figcaption {
visibility: hidden;
}
.post-content figure:hover figcaption {
visibility: visible;
}
.post-content figure:hover img {
visibility: hidden;
}
.category-content article:nth-child(2) .entry-content {
top: 0;
margin-left: 0;
padding-left: 0;
display: flex;
width: 200%;
}
.category-content .entry-content p {
width: 25%;
padding: 2vw;
font-size: 1.3vw;
line-height: 1.7;
margin: 0;
height: 25vw;
top: 60%;
transform: translateY(-50%);
position: relative;
}
.cat-4 .entry-content p {
font-size: 1.28vw;
top: 52%;
}
.category-content article:nth-child(2) .entry-content p {
top: 0;
transform: none;
}
.category-content .entry-content p:nth-child(2) {
padding-left: 1rem;
}
.category-content article:nth-child(5) .entry-content p:nth-child(2),
.category-content article:nth-child(6) .entry-content p:nth-child(2) {
padding-left: 1.5rem;
}
.category-content article:nth-child(2) .entry-content p {
padding: 12vw 5rem 0 5rem ;
font-size: 1.3vw;
width: 50%;
overflow-y: hidden;
text-align: center;
color: var(--darkBlue);
}
.cat-4 article:nth-child(2) .entry-content p {
padding: 12vw 2rem 0 2rem;
}
.category-content article:nth-child(4) .entry-content {
background-color: var(--yellow);
flex-direction: row;
display: none;
}
.category-content article:nth-child(3) .entry-content {
background-color: var(--blue);
display: none;
flex-direction: row;
}
.category-content article:nth-child(6) .entry-content {
background-color: var(--petrol);
display: none;
flex-direction: row;
}
.category-content article:nth-child(5) .entry-content {
background-color: var(--red);
display: none;
flex-direction: row;
}
.category-content .entry-content figure {
width: 25% !important;
}
.cat-4-5 .entry-content figure {
width: 50% !important;
}
.category-content .entry-content figure img {
width: 100%;
margin: 0;
}
.category-content article:nth-child(3):hover .entry-content,
.category-content article:nth-child(4):hover .entry-content,
.category-content article:nth-child(5):hover .entry-content,
.category-content article:nth-child(6):hover .entry-content {
display: flex;
}
.category-content .entry-content .metaslider {
width: 25%;
}
.category-content article:nth-child(2) .metaslider {
width: 50%;
}
.category-content .entry-content .metaslider img {
width: 100% !important;
height: 32.4vw;
}
.cat-4-5 .entry-content {
display: flex;
flex-direction: row;
}
.metaslider {	
max-width: 100% !important;
}
.slides {
width: 50%;
}
ul.slides {
width: 100%;
}
#metaslider_2051 ul.slides li:nth-child(1),
#metaslider_2051 ul.slides li:nth-child(3)
{
display: flex !important;
flex-direction: row !important;
}
#metaslider_2051 ul.slides li:nth-child(2),
#metaslider_2051 ul.slides li:nth-child(4)
{
display: flex !important;
flex-direction: row-reverse !important;
}
.slides img, ul.slides .caption-wrap {
width: 50% !important;
}
.slides img {
height: 100% !important;
}
ul.slides li:nth-child(4) .caption-wrap,
.post-content .entry-content > *:nth-child(5n+4) {
background-color: var(--petrol);
}
ul.slides li:nth-child(2) .caption-wrap,
.post-content .entry-content > *:nth-child(5n+1) {
background-color: var(--red);
}
ul.slides li:nth-child(3) .caption-wrap,
.post-content .entry-content > *:nth-child(5n+2) {
background-color: var(--blue);
}
ul.slides li:nth-child(1) .caption-wrap,
.post-content .entry-content > *:nth-child(5n+3) {
background-color: var(--yellow);
}
.post-content .entry-content > *:nth-child(5n) {
background-color: var(--bgBlue);
}
.metaslider .caption-wrap {
position: relative !important;
opacity: 1 !important;
text-transform: uppercase;
text-align: center;
top:0;
font-size: 4vw;
letter-spacing: 0.05em;
}
.metaslider .caption-wrap .caption {
margin-top: 15%;
font-weight: 400;
padding: 10px 10px;
}
#main-legal {
display: flex;
flex-direction: row;
}
#main-legal div.emptyWrapper:nth-child(2) {
background-color: var(--yellow);
}
#main-legal div.emptyWrapper:nth-child(2) div.empty {
background-color: var(--petrol);
}
#main-legal div.emptyWrapper:nth-child(3) {
background-color: var(--blue);
}
#main-legal div.emptyWrapper:nth-child(3) div.empty {
background-color: var(--red);
}
#main-legal div#articleWrapper:nth-child(1) {
background-color: whitesmoke;
width: 49vw;
height: 50vw;
}
#main-legal div article {
overflow: auto;
width: 100%;
height: 100%;
}
#main-legal article .entry-content {
padding-right: 1rem;
padding-left: 1rem;
}
#main-legal h1 {
margin-top: 1rem;
padding: 0;
text-align: left;
color: #1e3550;
font-size: 3vw;
font-weight: 600;
}
#main-legal h2 {
font-size: 1rem;
margin: 1rem 0 0.8rem 0;
color: #1e3550;	
}
#main-legal h3 {
font-size: 1rem;
margin: 0;
color: #1e3550;
font-weight: 600;
margin-bottom: 1rem;
}
#main-legal p {
color: #1e3550;
}
.emptyWrapper {
width: 25vw;
height: 50vw;
}
.empty {
width: 100%;
height: 50%
}
.close-button {
position: absolute;
top: 1rem;
right: 0.3rem;
}
.close-icon {
display: inline-block;
width: 1.5em;
height: 1.5em;
vertical-align: middle;
content: "";
background: no-repeat center center;
background-size: 100% 100%;
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="-1 -1 20 20" preserveAspectRatio="xMidYMid meet"><path d="M 0 0 L 10 10 M 0 10 L 10 0" stroke="rgba(30, 53, 80, 1)" stroke-width="3"/></svg>');
}
.back-to-top {
background-image: url(https://www.spiel-felder.de/wp-content/themes/wp-bootstrap-starter/pics/topbutton.png);
background-repeat: no-repeat;
position: fixed;
bottom:20px;
right:20px;
width: 50px;
height: 50px;
z-index: 200;
}
@media screen and (max-width: 767px) {
#masthead .navbar-nav > li > a {
padding-bottom: 0.938rem;
padding-top: 0.938rem;
}
} @media screen and (max-width: 1199px) {
.navbar-dark .dropdown-item {
color: #fff;
}
.navbar-nav .dropdown-menu {
background: transparent;
box-shadow: none;
border: none;
}
} @media only screen and (min-width: 1024px) and (max-height: 730px) {
#page {
max-width: 1024px;
}
#menu-hauptmenue li {
font-size: 21px;
}
.metaslider .caption-wrap {
font-size: 45px;
}
.post-link h2 {
font-size: 25px;
}
#masthead h2 {
top: 64vh;
}
header#masthead {
background-size: auto 50%;
}
#page-sub-header img {
width: 28%;
}
#main-nav {
width: 256px;
left: 0;
font-size: 21px;
}
#post-1451 ul, .category-page-header, .post-excerpt {
font-size: 16px;
}
.post-excerpt {
padding: 60px 3rem;
}
#post-1451 img, #contact-me a, .category-content .post-link {
max-height: 256px;
}
#post-1451 p, #contact-me, #post-1451 ul, #post-1451 .entry-content {
max-height: 512px;
}
.post-description, .category-page-header, .category-content article:nth-child(2) {
top: 256px;
}
.post-content ul, .post-content figure, .wp-caption img[class*="wp-image-"], .cat-4-5 article, .cat-4-5 .entry-content {
height: 256px;
}
.wp-caption .wp-caption-text {
width: 256px;
margin-top: -256px;
line-height: 1.25;
}
.post-description, .category-page-header, .category-page-header #header-wrapper, .post-description img, .post-excerpt {
top: 256px;
height: 307px;
}
.category-page-header #header-wrapper {
padding: 70px 30px;
}
.post-content ul li:first-child {
font-size: 25px;
}
.post-link:hover, .post-link:active {
background-position: center 46%;
}
.wp-caption .wp-caption-text, .post-content ul li:last-child {
font-size: 18px;
line-height: 1.6;
}
.category-content main {
height: 563px;
}
.post-content main {
height: auto;
}
.category-content article header h2 {
font-size: 22px;
}
.cat-4 article header {
background-position: -2px 88px;
background-size: 13%;
}
.post-link, .category-content article {
background-size: 40%;
}
.cat-4-5 .entry-content {
top: 256px;
}
.cat-4-5 article:nth-child(2) header {
padding-top: 104px;
}
.cat-4 article:nth-child(2) header {
padding-top: 72px;
}
.category-content article:nth-child(2) .entry-content p {
margin-left: 0;
font-size: 13.5px;
width: 512px;
padding-top: 8rem;
}
.cat-4 article:nth-child(2) .entry-content p {
padding-top: 7rem;
}
.category-4 .category-content main, .category-5 .category-content main {
height: 512px;
}
.category-content .entry-content p {
padding: 17px 11px 11px 21px;
font-size: 13.5px;
height: 256px;
}
.category-page-header .page-title {
font-size: 2.5vw;
}
.cat-4-5 article h2 {
top: 48%;
}
#main-legal div#articleWrapper:nth-child(1), .emptyWrapper {
height: 512px;	
}
#main-legal h1 {
font-size: 28px;
}
} @media only screen and (min-width: 1280px) {
#page {
max-width: 1280px;
}
#menu-hauptmenue li {
font-size: 25px;
}
.metaslider .caption-wrap {
font-size: 45px;
}
.post-link h2 {
font-size: 25px;
}
#masthead h2 {
top: 64vh;
}
header#masthead {
background-size: auto 50%;
}
#page-sub-header img {
width: 28%;
}
.my-breadcrumb {
font-size: 16px;
padding-left: 28px;
}
.navbar-toggler {
margin-left: 22px;
}
#main-nav {
width: 320px;
left: 0;
font-size: 21px;
}
.metaslider .caption-wrap .caption {
margin-top: 19%;
}
#menu-foot-menu a, .site-info {
font-size: 16px;
line-height: 2rem;
}
#post-1451 ul, .category-page-header, .post-excerpt {
font-size: 18px;
}
.post-excerpt {
padding: 60px 3rem;
}
.post-excerpt h3 {
font-size: 25px;
}
#post-1451 img, #contact-me a, .category-content .post-link {
max-height: 320px;
}
#post-1451 p, #contact-me, #post-1451 ul, #post-1451 .entry-content {
max-height: 640px;
}
.post-description, .category-page-header, .category-content article:nth-child(2) {
top: 320px;
}
.post-content ul, .post-content figure, .wp-caption img[class*="wp-image-"], .cat-4-5 article, .cat-4-5 .entry-content {
height: 320px;
}
.wp-caption .wp-caption-text {
width: 320px;
margin-top: -320px;
line-height: 1.25;
}
.post-description, .category-page-header, .category-page-header #header-wrapper, .post-description img, .post-excerpt {
top: 320px;
height: 371px;
}
.category-page-header #header-wrapper {
padding: 70px 30px;
}
.category-page-header #header-wrapper h1 {
margin-bottom: 24px;
}
.post-content ul li:first-child {
font-size: 25px;
}
.post-link:hover, .post-link:active {
background-position: center 46%;
}
.wp-caption .wp-caption-text, .post-content ul li:last-child {
font-size: 18px;
line-height: 1.6;
}
.category-content main {
height: 691px;
}
.post-content main {
height: auto;
}
.category-content article header h2 {
font-size: 22px;
}
.cat-4 article header {
background-position: -2px 108px;
background-size: 13%;
}
.post-link, .category-content article {
background-size: 40%;
}
.cat-4-5 .entry-content {
top: 320px;
}
.cat-4-5 article:nth-child(2) header {
padding-top: 104px;
}
.cat-4 article:nth-child(2) header {
padding-top: 100px;
}
.category-content article:nth-child(2) .entry-content p {
margin-left: 0;
font-size: 16px;
width: 640px;
padding-top: 8rem;
}
.cat-4 article:nth-child(2) .entry-content p {
padding-top: 9rem;
}
.category-4 .category-content main, .category-5 .category-content main {
height: 640px;
}
.category-content .entry-content p {
padding: 11px 26px 11px 28px;
font-size: 16px;
height: 320px;
}
.category-page-header .page-title {
font-size: 25px;
}
.cat-4-5 article h2 {
top: 48%;
}
#main-legal div#articleWrapper:nth-child(1), .emptyWrapper {
height: 640px;	
}
#main-legal h1 {
font-size: 28px;
}
} @media only screen and (min-width: 650px) and (max-width: 850px) {
#page-sub-header img {
width: 36vw;
}
.post-excerpt {
padding: 5vw 3rem;
}
} @media only screen and (max-width: 650px) {
h3 {
font-weight: 600;
}
header#masthead {
background-size: auto 60%;
}
#masthead h2 {
font-size: 3vw;
}
#page-sub-header img {
width: 65vw;
margin-top: -6.1rem;
}
.navbar-toggler-icon {
width: 10vw;
}
#main-nav {
width: 40vw;
font-size: 3.5vw;
}
.my-breadcrumb {
font-size: 3.5vw;
padding: 0.2rem 0 0.4rem 0.8rem;
}
.my-breadcrumb img {
width: 1.5vw;
margin-bottom: 0.1rem;
}
#post-1451 ul {
padding: 5vw 6vw 3vw 6vw;
}
#post-1451 .entry-content p {
height: 50vw;
}
.category-content article, #menu-hauptmenue li {
width: 50% !important;
}
.category-content article {
height: auto;
}
.category-content article header h2 {
font-size: 4vw;
}
.category-content article:nth-child(2), .category-content .entry-content {
top: 100vw;
height: 50vw;
}
.category-content article:nth-child(2) .entry-content p {
padding: 0 1.5rem 0 1.5rem;
padding-bottom: 0;
}
.category-content article:nth-child(2) {
display: none;
}
.post-content .entry-content figure,
.post-content .entry-content ul,
.category-content .post-link {
width: 50% !important;
height: 50vw;
}
.post-content .entry-content {
top: 0;
}
.category-content main {
height: 100vw;
overflow: hidden;
}
.post-content main,
.post-content main article,
.post-content .entry-content {
height: auto;
}
.post-content figure {
width: 50% !important;
}
.post-link .post-description,
.category-page-header {
display: none;
}
.post-content-description {
display: block;
padding: 24px 10px 28px 10px;
background-color: var(--petrol);
margin-top: -24px;
font-size: 3.5vw;
}
.post-content-description h3 {
margin-bottom: -10px;
}
.post-content article {
width: 100% !important;
}
.post-link:hover, .post-link:active,
.category-content article:hover {
background-size: 22vw;
background-position: center 45%;;
}
.cat-4-5 article:hover {
background-position: center 14vw;
}
.post-link h2 {
font-size: 4vw;
}
.post-content ul li:first-child {
font-size: 4.5vw;
}
.post-content ul li:last-child {
font-size: 3.5vw;
padding: 0 3vw;
line-height: 1.6;
}
.cat-4-5 .post-content-description {
display: none;
}
.category-4 .category-content main, .category-5 .category-content main {
height: auto;	
}
.cat-4-5 article:nth-child(2) {
display: block;
position: relative;
height: auto;
margin: 0;
top: 0;
width: 100% !important;
background-color: var(--petrol);
color: white;
}
.cat-5 article:nth-child(2), .cat-4 article:nth-child(5), .cat-4 article:nth-child(5) .entry-content {
background-color: var(--petrol);
}
.cat-4 article:nth-child(6), .cat-4 article:nth-child(6) .entry-content {
background-color: var(--red);
}
.cat-4-5 article:nth-child(2) p {
color: white !important;
}
.cat-4-5 article:nth-child(2) header {
display: none;
}
.cat-4-5 article .entry-content {
position: relative;
top: 0;
width: 200%;
height: auto;
min-height: 0;
padding-top: 0.5rem;
padding-bottom: 1.8rem;
}
.cat-4-5 article:nth-child(2) .entry-content {
padding-top: 1.8rem;
}
.cat-4-5 article:hover .entry-content {
display: block;
}
.cat-4-5 article .entry-content p:nth-child(2) {
padding-left: 5vw !important;
}
.cat-4-5 article .entry-content p {
width: 100%;
font-size: 3.5vw;
height: auto;
padding: 5vw 5vw 0 5vw;
top: 0;
transform: none;
}
.cat-4-5 article .entry-content figure {
display: none;
}
.cat-4-5 article:nth-child(2) .entry-content {
text-align: center;
width: 100%;
}
.cat-4-5 article:nth-child(2) .entry-content img {
display: none;
}
.cat-4-5 article:nth-child(2) .entry-content p {
width: 100%;
margin: 0;
font-size: 3.5vw;
}
.cat-4-5 article:nth-child(4) .entry-content,
.cat-4-5 article:nth-child(6) .entry-content {
margin-left: -100%;
}
.cat-4-5 article header {
height: 50vw;
}
#menu-hauptmenue li {
font-size: 4vw !important;
}
#metaslider_2051 ul.slides li {
display: block !important;
}
.slides {
display: none;
}
#post-1451 {
height: 207vw;
}
#post-1451 .entry-content {
display: block;
}
#post-1451 p {
float: left;
width: 100%;
font-size: 
}
#post-1451 img {
width: 50%;
height: 50vw;
}
#post-1451 ul {
font-size: 3.5vw;
overflow: hidden;
width: 100%;
height: 108vw;
clear: left;
}
#contact-me {
width: 100%;
}
#contact-me a {
width: 50%;
height: 100%;
}
footer {
display: block;	
}
.site-info {
width: 100%;
padding-left: 0;
text-align: center;
}
#footer-logo {
display: none;
}
#footer-widget {
width: 100%;
text-align: center;
padding-right: 0;
margin-top: 2rem !important;
border-top: 2px white solid;
padding-top: 2rem;
padding-bottom: 1rem;
}
.size-thumbnail {
width: 50vw;
height: 50vw;
}
.gallery-item {
width: 50%;
height: 50%;
}
.post.hentry {
margin-bottom: 0rem;
}
#main-legal div#articleWrapper:nth-child(1) {
width: 100%;
height: auto;
}
#main-legal div article, #main-legal h1 {
text-align: center;	
}
.error404 #main-legal h1 {
text-align: left;	
}
.emptyWrapper {
display: none;
}
.wp-caption img[class*="wp-image-"] {
width: 100%;
height: 100%;
}
.wp-caption .wp-caption-text {
width: 50vw;
font-size: 3.5vw;
margin-top: -51vw;
padding: 5vw;
}
#main-legal h1, .error404 #main-legal h1 {
font-size: 5vw;
}
.cat-4 article:nth-child(4) {
order: 5;
}
.cat-4 article:nth-child(5) {
order: 6;
}
.cat-4 article:nth-child(6) {
order: 4;
}	
.cat-4 article:nth-child(4) header {
background-image: url(https://www.spiel-felder.de/wp-content/themes/wp-bootstrap-starter/pics/pfeil_blau_rotate90.png);
background-position: 48% -1px;
background-size: 20%;
}
.cat-4 article:nth-child(6) header {
background-image: url(https://www.spiel-felder.de/wp-content/themes/wp-bootstrap-starter/pics/pfeil_tuerkis-rotate-90.png);
background-position: 48% 101%;
background-size: 20%;
}
.cat-4 article:nth-child(4) .entry-content {
margin-left: 0;
}
.cat-4 article:nth-child(5) .entry-content {
margin-left: -100%;
}
.mob-touch,
.cat-4 article:nth-child(6):hover header {
background-image: none !important;
}
} @media only screen and (min-width: 500px) and (max-width: 650px) {
.cat-4-5 article .entry-content p,
.cat-4-5 article:nth-child(2) .entry-content p {
font-size: 3.5vw;
}
#page-sub-header img {
width: 55vw;
}
.navbar-toggler-icon {
width: 8vw;
}
} @media only screen and (max-width: 480px) {
#main-nav {
width: 50vw;
left: 0;
font-size: 4.5vw;
padding-left: 1rem;
}
.close-icon {
background-size: 90% 90%;
}
#page-sub-header {
padding-top: 3.5rem;
}
#page-sub-header img {
margin-top: -5.6rem;
}
#content.site-content {
margin-top: -3.7rem;
padding-top: 3.7rem;
}
.close-button {
top: 1rem;
right: 0;
}
.navbar-toggler-icon {
margin-top: 0.3rem;
}
} @media only screen and (orientation: landscape) and (min-width: 480px) and (max-width: 640px) {
#main-nav {
width: 50vw;
font-size: 3vw;
}
#masthead h2 {
top: 55vh;
}
}