.two-columns-one,
.three-columns-one,
.three-columns-two,
.four-columns-one,
.four-columns-two,
.four-columns-three {
width:100%;
}
.two-columns-one,
.three-columns-one,
.three-columns-two,
.four-columns-one,
.four-columns-two,
.four-columns-three {
float:left;
margin-right:0;
margin-bottom: 40px;
position:relative;
}
.last {
clear:right;
margin-right:0 !important;
margin-bottom:0 !important;
}
.divider {
width: 100%;
margin-bottom: 15px;
padding-top: 15px;
display: block;
clear: both;
} .white-box,
.blue-box,
.yellow-box,
.red-box,
.green-box,
.lightgrey-box,
.grey-box,
.dark-box {
margin: 0 0 30px;
padding: 15px;
overflow:hidden;
font-size:15px;
font-size:0.9375rem;
line-height:1.5;
}
#site-content .white-box p,
#site-content .blue-box p,
#site-content .yellow-box p,
#site-content .red-box p,
#site-content .green-box p,
#site-content .lightgrey-box p,
#site-content .grey-box p,
#site-content .dark-box p {
margin: 0 0 30px;
}
.white-box {
background:#fff;
border-left:1px solid #dcdcdc;
border-right:1px solid #dcdcdc;
border-top:1px solid #dcdcdc;
border-bottom:5px solid #dcdcdc;
}
.blue-box {
background:#d6e8f2;
border-bottom:5px solid #5cace2;
}
.yellow-box {
background:#FFF2BD;
border-bottom:5px solid #f3cf3f;
}
.red-box {
background:#FCD3D1;
border-bottom:5px solid #eb6f63;
}
.green-box {
background:#ceead9;
border-bottom:5px solid #52be7f;
}
.lightgrey-box {
background:#F7F7F7;
border-bottom:5px solid #dcdcdc;
}
.grey-box {
background:#DCDCDC;
border-bottom:5px solid #aaa;
}
.dark-box {
background:#757575;
border-bottom:5px solid #555;
color:#fff;
}
.dark-box a {
color:#fff;
font-weight:bold;
}
.dark-box a:hover {
color:#fff;
}
@media screen and (min-width:768px){ .two-columns-one {width: 48%;}
.three-columns-one {width: 30.65%;}
.three-columns-two {width: 65.35%;}
.four-columns-one {width: 23.2%;}
.four-columns-two {width: 46,4%;}
.four-columns-three {width: 69.6%;}
.two-columns-one,
.three-columns-one,
.three-columns-two,
.four-columns-one,
.four-columns-two,
.four-columns-three {
position:relative;
float:left;
margin-right: 2%;
padding-right: 2%;
margin-bottom: 0;
}
.entry-content .two-columns-one p,
.entry-content .three-columns-one p,
.entry-content .three-columns-two p {
margin: 0 0 20px;
padding-bottom: 0;
}
.entry-content .four-columns-one p,
.entry-content .four-columns-two p,
.entry-content .four-columns-three p {
font-size: 17px;
font-size: 1.0625rem;
line-height: 1.45;
margin: 0 0 20px;
padding-bottom: 0;
}
.last {
border-right: none !important;
margin-right: 0 !important;
padding-right: 0 !important;
}
.divider {
margin-bottom: 25px;
padding-top: 25px;
}
.jetpack_subscription_widget p {
display: inline-block;
}
.jetpack_subscription_widget input[type="submit"] {
display: inline-block;
width: auto;
}
#colophon .jetpack_subscription_widget input#subscribe-field {
width: 120% !important;
padding: 8px 5% !important;
}
#colophon .jetpack_subscription_widget input[type="submit"] {
margin: 0 0 0 36%;
}
}
#site-title {
border-top: 5px solid #e30613;
} .hovertitle {
background-color: #000;
color: #fff;
display: inline-block;
font-family: Lato, Arial, sans-serif;
font-display:swap;
font-size: 24px;
margin: 8px;
max-width: 270px;
min-width: 230px;
overflow: hidden;
position: relative;
text-align: center;
width: 100%;
}
.hovertitle * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.45s ease;
transition: all 0.45s ease;
}
.hovertitle:before,
.hovertitle:after {
background-color: rgba(0, 0, 0, 0.5);
border-top: 1px solid rgba(0, 0, 0, 0.5);
border-bottom: 1px solid rgba(0, 0, 0, 0.5);
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
content: '';
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
z-index: 1;
opacity: 0;
}
.hovertitle:before {
-webkit-transform: scaleY(2);
transform: scaleY(2);
}
.hovertitle:after {
-webkit-transform: scaleY(2);
transform: scaleY(2);
}
.hovertitle img {
vertical-align: top;
max-width: 100%;
backface-visibility: hidden;
}
.hovertitle figcaption {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
align-items: center;
display: flex;
flex-direction: column;
justify-content: center;
line-height: 1.1em;
opacity: 0;
z-index: 3;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.hovertitle h3 {
font-size: 1.3rem;
font-weight: 400;
letter-spacing: 1px;
margin: 0;
text-transform: uppercase;
color: #f4f4f4;
}
.hovertitle h3 span {
display: block;
font-weight: 700;
}
.hovertitle a {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 2;
}
.hovertitle:hover > img,
.hovertitle.hover > img {
opacity: 0.7;
}
.hovertitle:hover:before,
.hovertitle.hover:before,
.hovertitle:hover:after,
.hovertitle.hover:after {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.hovertitle:hover figcaption,
.hovertitle.hover figcaption {
opacity: 1;
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.tg  {border-collapse:collapse;border-spacing:0;}
.tg td{font-family:OpenSans, sans-serif;font-display:swap;font-size:16px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;}
.tg th{font-family:OpenSans, sans-serif;font-display:swap;;font-size:16px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;}
.tg .tg-s6z2{text-align:center;vertical-align: middle;}
.form  {margin:auto; }
.widget {
margin: 0 0 1em 0 !important;
} .searchandfilter select {
width: 100%;
padding: 12px 16px;
border: none;
border-radius: 4px;
background-color: #fff;
}
.searchandfilter label {
padding: 12px 16px;
border: none;
border-radius: 4px;
background-color: #fff;
}
.searchandfilter input[type="submit"] {
margin-top: 20px;
}
h1, .entry-content h1 {
margin: 0rem 0 14.5px 0;
font-size: 1.75rem !important;
} .archive .jscustom.spiele article.spiele {
display: flex;
margin-top: 1rem;
padding: 0;
align-items: flex-start;
flex-direction: column;
}
.archive .jscustom.spiele article.spiele h2,
.archive .jscustom.spiele article.spiele h6 {
margin-bottom: .5rem;
}
.archive .jscustom.spiele article.spiele h2,
h2 {
font-size: 1.5rem;
}
.jscustom-archive .spiele-archiv {
margin: 0px 0px 20px 0;
}
.jscustom-archive .entry-summary {
max-width: 70%;
float: right;
}
.jscustom-archive .entry-summary h4 {
margin-top: 0;
}
h4 {
font-size: 1.2rem;
}
h4 {
font-size: 1.1rem;
}
.spielesidebar {
line-height: 160%;
}
.spielesidebar b {
font-weight:normal !important;
}
.spiele-archiv-thumbnail {
width: 100%;
margin-bottom: 1rem;
}
.spiele-archiv-thumbnail img {
width: 100%;
}
.ottmar.current-menu-ancestor a {
color: #FF3333 !important;
}
.ottmar2.current_page_item a {
color: #FF3333 !important;
}
#site-nav li li a {
//color: #9e9e9e;
}
#site-nav li li:hover>a {
//color: #3f3f3f !important;
}
.spiele-archiv-header {
margin-left: 0px;
font-size: 18px;
}
.preistext {
font-family: Lato, 'Open Sans', sans-serif;
font-display:swap;
font-size: 18px;
font-weight: 800;
line-height: 120%;
margin-bottom: 0px;
}
.post-type-archive-spiele .ast-archive-description > p {
display: none;
}
.uagb-post__inner-wrap {
position: relative;
}
.uagb-post__inner-wrap > div.uagb-post__image a:before {
display: block;
content: '';
width: 100%;
height: 100%;
}
.uagb-post__inner-wrap .uagb-post__text.uagb-post__cta.wp-block-button {
position: absolute;
top:0;
left:0;
width: 100%;
height: 100%;
}
.uagb-post__inner-wrap .uagb-post__text.uagb-post__cta.wp-block-button > a {
padding: 0;
width: 100%;
height: 100%;
}
h2.centered > span {
display: inline-block;
background-color: var(--ast-global-color-4);
padding: 0 15px;
}
div.form {
font-family: 'Domine', Arial, sans-serif !important;
font-size: 16px !important;
}
#Newsletter ul, #Newsletter ol {
padding: 0;
}
#content {
padding: 0 !important;
}
.entry-content .wp-audio-shortcode, .entry-content .wp-embedded-audio, .entry-content .wp-embedded-video, .entry-content .wp-video, .entry-content p {
margin-bottom: 0.8em;
} .single #content {
padding: 30px 0 30px 0 !important;
}
.wp-caption-text {
font-size: .75rem;
color: #9e9e9e;
font-weight: 700;
line-height: 1.5;
text-transform: uppercase;
letter-spacing: 1px;
text-align: left;
}
.gallery-icon, 
.gallery-caption {
border: 0 none !important;
}
@media (max-width:921px){
#primary, #secondary {
padding: 0;
margin: 0;}
}  footer b a {
color: var(--ast-global-color-3) !important;
}
footer .textwidget {
text-transform: uppercase;
}
.footer-widget-area.widget-area.site-footer-focus-item.ast-footer-html-1 {
margin: 0 0 1em 0 !important;
}
#secondary .searchandfilter li.cat-item-290, #secondary .searchandfilter li.cat-item-300, #secondary .searchandfilter li.cat-item-288, #secondary .searchandfilter li.cat-item-294, #secondary .searchandfilter li.cat-item-289, #secondary .searchandfilter li.cat-item-298, #secondary .searchandfilter li.cat-item-695, #secondary .searchandfilter li.cat-item-698, #secondary .searchandfilter li.cat-item-696, #secondary .searchandfilter li.cat-item-699, #secondary .searchandfilter li.cat-item-697, #secondary .searchandfilter li.cat-item-700 {
width: 80%;
margin-left: 20%;
-moz-hyphens: none;
-webkit-hyphens: none;
hyphens: none;
}
@media (min-width:360px){
} .ast-plain-container.ast-no-sidebar #primary {
margin-top: 0;
margin-bottom: 0;
}
footer li a,
footer li b a {
color: var(--ast-global-color-3) !important;
}
footer li a:hover {
color: var(--ast-global-color-5);
}
h2.centered {
display: flex;
width: 100%;
justify-content: center;
align-items: center;
text-align: center;
}
h2.centered:before,
h2.centered:after {
content: '';
border-top: 5px solid var(--ast-global-color-6);
margin: 0 20px 0 0;
flex: 1 0 20px;
border-radius: 2px;
}
h2.centered:after {
margin: 0 0 0 20px;
}
.slick-slide img {
-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent) , to(rgba(250, 250, 250, 0.1)));
}
.uagb-post__text.uagb-post__cta.wp-block-button .wp-block-button__link.uagb-text-link {
color:var(--ast-global-color-2) !important;
}
.uagb-post__inner-wrap {
position:relative;
padding-bottom:10px !important;
}
.uagb-post__text.uagb-post__cta.wp-block-button:hover { }
.page .entry-content h2.centered {
margin: 40px 0;
text-align: center;
position: relative;
display: block;
background: url(//www.spiel-des-jahres.de/wp-content/themes/dorayaki/images/h2-border.png) 0 50% repeat-x;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 14px;
font-size: .875rem;
color: #aeaeae;
clear: left;
}
.page .entry-content h2.centered {
margin: 60px 0 70px;
}
p.spielesidebar {
margin: 0 0 0 25px;
}
.img-responsive.sdj-preisbild {
max-width: 250px;
}
//.ast-right-sidebar #primary,
#primary
{
border: 0 none;
margin: 0 0 4em 0;
}
#secondary select {
font-family: 'Lato','Helvetica Neue',Arial,sans-serif;
}
.sidebar-main .searchandfilter li.cat-item-290, .sidebar-main .searchandfilter li.cat-item-300, .sidebar-main .searchandfilter li.cat-item-288, .sidebar-main .searchandfilter li.cat-item-294, .sidebar-main.searchandfilter li.cat-item-289, .sidebar-main .searchandfilter li.cat-item-298, .sidebar-main .searchandfilter li.cat-item-695, .sidebar-main .searchandfilter li.cat-item-698, .sidebar-main .searchandfilter li.cat-item-696, .sidebar-main .searchandfilter li.cat-item-699, .sidebar-main .searchandfilter li.cat-item-697, .sidebar-main .searchandfilter li.cat-item-700 {
width: 80%;
margin-left: 20%;
-moz-hyphens: none;
-webkit-hyphens: none;
hyphens: none;
}
#secondary, #secondary button, #secondary input, #secondary select, #secondary textarea {
font-size: .8rem;
margin-right: 5px;
}
@media screen and (min-width:1260px) {
#content {
padding: 0 60px 50px 60px !important;
} .single #content {
padding: 50px 60px 50px 60px !important;
}
.page-template-no-sidebar #content {
max-width: 900px !important;
margin:auto;
}
.widgets_on_page ul {
margin: 0;
padding: 0;
}
.widgets_on_page > ul, .widgets_on_page > ul li {
list-style: none;
background: none;
}
.uagb-post__inner-wrap .uagb-post__text.uagb-post__cta.wp-block-button {
}
.uagb-post__text.uagb-post__cta.wp-block-button:hover {
} .jscustom.spiele h1,
.archive h1 {
margin: 0 0 2rem;
font-size: 1.75rem !important;
font-weight: 700 !important;
}	
.jscustom.spiele .entry-summary p {
margin-bottom:0;
}
.jscustom.spiele .entry-summary h2,
.jscustom.spiele .entry-summary h2 a {
color: var(--ast-global-color-2) !important;		
}
div.form {
max-width: 400px;
line-height: 1.4em;
}
div.form .form_border {
padding: 10px;
}
div.form label.field_label {
display: block;
}
div.form label.required {
font-weight: 700; 
}
div.form .form_field {
background: #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #444;
font-size: 1em;
font-weight: 400;
height: 2em;
line-height: 1.8em;
margin: 0;
outline: none;
padding: .2em .5em;
width: 100%;
vertical-align: middle;
}
div.form ul {
list-style: none;
margin: 0;
padding: 0;
}
div.form ul li {
list-style: none;
margin: 5px 0;
padding: 0;
}
.archive .jscustom.spiele article.spiele {
flex-direction: row;
}
.spiele-archiv-thumbnail {
min-width: 25%;
max-width: 25%;
float: left;
margin: 0px 20px 40px 0px;
}
}
@media (min-width: 360px) {
div.form ul li {
padding-left: 100px !important;
}
div.form ul li {
padding-left: 150px;
}
div.form label.field_label {
line-height: 2em;
margin: 0 0 -2em -150px;
min-height: 2em;
text-align: right;
padding-right: 10px;
vertical-align: middle;
width: 140px;
}
}
div.form li.form_button {
margin-top: 10px;
text-align: right;
}
div.form .form_button_submit {
border: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
display: inline-block;
font-family: inherit;
font-size: 1em;
font-weight: 400;
padding: .5em 1em;
text-align: center;
vertical-align: middle;
white-space: nowrap;
}
div.form .rsError {
padding: .1em .2em;
color: #fff;
} .single-podcast .entry-meta {
display: none;
} .gallery-item .gallery-caption {
font-family: 'Lato','Helvetica Neue',Arial,sans-serif;
font-size: .6875rem;
color: #9e9e9e;
}
@media screen and (max-width:768px){
.ast-mobile-header-content .menu-link .ast-icon.icon-arrow {
display: none !important;
}
.main-header-menu.ast-nav-menu.ast-flex.submenu-with-border.astra-menu-animation-fade.stack-on-mobile li.menu-item-has-children .sub-menu {
display: block !important;
}
.main-header-menu.ast-nav-menu.ast-flex.submenu-with-border.astra-menu-animation-fade.stack-on-mobile li.menu-item-has-children .ast-menu-toggle {
display: none !important;
}
.main-header-menu.ast-nav-menu.ast-flex.submenu-with-border.astra-menu-animation-fade.stack-on-mobile li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children > a:first-of-type {
font-weight: 900;
}
.site-header-section-left .ast-search-menu-icon.slide-search .search-form {
padding-left: 3.5em !important;
}
}
.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor, .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor svg, .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:active, .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:hover, .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:visited {
color: currentColor !important;
fill: currentColor;
}
figcaption.wp-element-caption sub,
figcaption.wp-caption-text  {
font-size: 13.5px !important;
line-height: 1.2;
position: relative;
vertical-align: baseline;
font-style: normal !important;
color: #3f3f3f !important;
font-weight: normal !important;
text-transform: none !important;
text-align: center;
}
}