@font-face {
font-family: 'MinionW01-CapRegular';
src: url(//chicagowilliamsbbq.de/wp-content/themes/astrid-child/MinionW01-CapRegular.eot);
src: url(//chicagowilliamsbbq.de/wp-content/themes/astrid-child/fonts/MinionW01-CapRegular.woff2) format('woff2'),
url(//chicagowilliamsbbq.de/wp-content/themes/astrid-child/fonts/MinionW01-CapRegular.woff) format('woff'),
url(//chicagowilliamsbbq.de/wp-content/themes/astrid-child/fonts/MinionW01-CapRegular.ttf) format('truetype'),
url(//chicagowilliamsbbq.de/wp-content/themes/astrid-child/fonts/MinionW01-CapRegular.svg#MinionW01-CapRegular) format('svg'),
url(//chicagowilliamsbbq.de/wp-content/themes/astrid-child/fonts/MinionW01-CapRegular.eot?#iefix) format('embedded-opentype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'HaginCapsMedium';
src: url(//chicagowilliamsbbq.de/wp-content/themes/astrid-child/fonts/HaginCapsMedium.eot);
src: url(//chicagowilliamsbbq.de/wp-content/themes/astrid-child/fonts/HaginCapsMedium.woff2) format('woff2'),
url(//chicagowilliamsbbq.de/wp-content/themes/astrid-child/fonts/HaginCapsMedium.woff) format('woff'),
url(//chicagowilliamsbbq.de/wp-content/themes/astrid-child/fonts/HaginCapsMedium.ttf) format('truetype'),
url(//chicagowilliamsbbq.de/wp-content/themes/astrid-child/fonts/HaginCapsMedium.svg#HaginCapsMedium) format('svg'),
url(//chicagowilliamsbbq.de/wp-content/themes/astrid-child/fonts/HaginCapsMedium.eot?#iefix) format('embedded-opentype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'HaginCapsThin';
src: url(//chicagowilliamsbbq.de/wp-content/themes/astrid-child/fonts/HaginCapsThin.eot);
src: url(//chicagowilliamsbbq.de/wp-content/themes/astrid-child/fonts/HaginCapsThin.woff2) format('woff2'),
url(//chicagowilliamsbbq.de/wp-content/themes/astrid-child/fonts/HaginCapsThin.woff) format('woff'),
url(//chicagowilliamsbbq.de/wp-content/themes/astrid-child/fonts/HaginCapsThin.ttf) format('truetype'),
url(//chicagowilliamsbbq.de/wp-content/themes/astrid-child/fonts/HaginCapsThin.svg#HaginCapsThin) format('svg'),
url(//chicagowilliamsbbq.de/wp-content/themes/astrid-child/fonts/HaginCapsThin.eot?#iefix) format('embedded-opentype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Wisdom-Script';
src: url(//chicagowilliamsbbq.de/wp-content/themes/astrid-child/fonts/Wisdom-Script.eot);
src: url(//chicagowilliamsbbq.de/wp-content/themes/astrid-child/fonts/Wisdom-Script.woff2) format('woff2'),
url(//chicagowilliamsbbq.de/wp-content/themes/astrid-child/fonts/Wisdom-Script.woff) format('woff'),
url(//chicagowilliamsbbq.de/wp-content/themes/astrid-child/fonts/Wisdom-Script.ttf) format('truetype'),
url(//chicagowilliamsbbq.de/wp-content/themes/astrid-child/fonts/Wisdom-Script.svg#Wisdom-Script) format('svg'),
url(//chicagowilliamsbbq.de/wp-content/themes/astrid-child/fonts/Wisdom-Script.eot?#iefix) format('embedded-opentype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'LeagueGothic-Regular';
src: url(//chicagowilliamsbbq.de/wp-content/themes/astrid-child/fonts/LeagueGothic-Regular.eot);
src: url(//chicagowilliamsbbq.de/wp-content/themes/astrid-child/fonts/LeagueGothic-Regular.woff2) format('woff2'),
url(//chicagowilliamsbbq.de/wp-content/themes/astrid-child/fonts/LeagueGothic-Regular.woff) format('woff'),
url(//chicagowilliamsbbq.de/wp-content/themes/astrid-child/fonts/LeagueGothic-Regular.ttf) format('truetype'),
url(//chicagowilliamsbbq.de/wp-content/themes/astrid-child/fonts/LeagueGothic-Regular.svg#LeagueGothic-Regular) format('svg'),
url(//chicagowilliamsbbq.de/wp-content/themes/astrid-child/fonts/LeagueGothic-Regular.eot?#iefix) format('embedded-opentype');
font-weight: normal;
font-style: normal;
}
::selection {background: #ed6e43; color: white;}
::-moz-selection {background: #ed6e43; color: white;}
body {font-family: 'MinionW01-CapRegular', serif;}
a:hover, a:focus, a:visited, a:active {text-decoration: none; color: #E3714B;}
h1, h3, h4, .site-title, nav li, .newsletter-sticker {font-family: 'HaginCapsMedium', sans-serif;}
h2, .site-description {font-family: 'Wisdom-Script', serif;}
h5,h6 {font-family: 'HaginCapsThin', sans-serif;}
header#masthead {border-bottom: 1px solid #ed6e43;}
#masthead.site-header, #masthead.site-header.header-scrolled {background-color: white;}
.site-content {margin-top: 0; margin-bottom: 0;}
.page .entry-title {margin-bottom: 0;}
article header h2 {margin-top: 0;}
article header {margin-bottom: 40px;}	
.fancy {color: #ed6e43; font-size: 110%; font-family: 'Wisdom-Script', serif;}
.underscore {text-decoration: underline;}
.home .main-navigation li.menu-item-600 a, .page-id-4 .main-navigation li.menu-item-477 a, *.shake:hover {
-webkit-animation: shake 1.2s ; -moz-animation:    shake 1.2s ; -o-animation:      shake 1.2s ; animation:         shake 1.2s ; }
span.shake {display: block;}
.main-navigation li a {color: inherit; font-size: 16px;}
.main-navigation li.current-menu-item a {color: #ed6e43;}
article header, article .single-thumb, article .entry-content, .error-404.not-found, .search #content > .container, 
.search #content .page-header {text-align: center;}
.search .content-area, .search .has-post-thumbnail .entry-summary, .entry-thumb {width: unset;}
.search .page-title {margin-bottom: 0;}
.search .secondary-title {margin-top: 0;}
.page-template-default article header, .page-template-default article .single-thumb, .page-template-default article .entry-content {text-align: justify;}
article.hentry {border: none;	padding: 20px 60px;}
.site-content > .container {border: none;}
#post-14 h4 {margin-bottom: 0;}
.site-branding, .site-title, .site-description, .main-navigation li, .close, .adresse a {transition: all .2s ease;}
.site-description {margin-top: 0;} 
.header-scrolled .site-branding {margin-bottom: 5px; padding-top: 0;}
.header-scrolled .site-title {font-size: 18px; }
.header-scrolled .site-description {font-size: 10px;}
.header-scrolled .main-navigation li {padding: 0 20px 10px 20px;}
.fa {color: #1d1d1b;}
.btn-menu .fa-navicon.active:before {content: "\f00d";}
.restaurants {display: flex;}
.filiale:hover .stadtname {color: #ed6e43;}
.filiale figure {height: 230px; background-position: center center; background-size: contain; background-repeat: no-repeat;}
.berlin figure {background-image: url(https://chicagowilliamsbbq.de/wp-content/uploads/2019/09/800px-Coat_of_arms_of_Berlin.svg_.png)}
.frankfurt figure {display: flex; align-items: center; justify-content: center; background-color: white; background-image: url(https://chicagowilliamsbbq.de/wp-content/uploads/2019/09/800px-Wappen_Frankfurt_am_Main.svg_.png)}
.filiale a {text-decoration: none;}
.filiale p {color: #1d1d1b; line-height: 1;}
.filiale .stadtname {font-size: 250%; font-family: 'HaginCapsMedium';}  .frankfurt { z-index: 1;}
.close {color: #fff; float: right; font-size: 28px; font-weight: bold; z-index: 999;}
.close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer;}
.coming_soon_wrapper { visibility: hidden; opacity: 0; transition: all 0.5s ease-in-out; background-color: rgba(255,255,255,0.9); display: flex; justify-content: center; align-items: center; left: 0; top: 0; flex-direction: column; z-index: 999; overflow: auto; width: 100%; height: 100%; position: fixed;}
#popUpContainer {display: contents;}
#popUpContainer, .coming_soon_header, .coming_soon_body {transition: opacity 200ms; width: 700px; max-width: 90%;}
.coming_soon_header, .coming_soon_body {padding: 20px;}
.coming_soon_header {background-color: rgba(237,101,67,0.9);}
.coming_soon_header h2 {color: #fff;}
.coming_soon_body {font-family: 'HaginCapsMedium'; line-height: 1.8; font-size: 150%; color: #1d1d1b; border: 1px solid #ed6e43; background-color: rgba(255,255,255,0.9); } #karte {position: relative;} li.shop-product {list-style: none;} #food-menu, .flex-container {display: flex; flex-flow: row wrap;}
#food-menu p {font-size: 18px;}
.sides {background: #ed6e43; color: white; display: flex;}
.product-item {padding: 1px;}
.product-item > p:first-of-type {display: none;}
.product-item > h3 {margin-top: 5px;}
.artgerecht {border: 1px solid #ed6e43; font-family: 'HaginCapsMedium', sans-serif; text-transform: uppercase;}
#informationen, #informationen-fr {font-size: 112%; line-height: 1;}
#post-4 .ol-info-window-container, #post-4 .wpgmza-pro-info-window-container {z-index: 99;}
.ol-marker>img {border-radius:20%;}
#berlin .ol-info-window-plain, #frankfurt .ol-info-window-plain {background-color: rgba(255,255,255,0.95);}
#berlin .wpgmza_infowindow_address {font-weight: bold;}
section#berlin {padding-bottom: 3em;}
section#frankfurt {padding-top: 3em; border-top: 1px solid #ed6e43;}
.adresse a {color: inherit;}
.adresse a:hover, .adresse a:focus, .adresse a:visited, .adresse a:active {text-decoration: none; color: #E3714B;}
#sidebar-footer {padding: 0;}
.social-menu-widget a[href*="tiktok.com"]::before {content: '\e07b';}
.footer-info .container {justify-content: space-between;}
.footer-branding, .footer-contact, .footer-contact-block {align-items: baseline; line-height: 1; float: none; padding: unset; border-left: none;}
.footer-info, .footer-info a {font-family: 'HaginCapsMedium', sans-serif; color: #1d1d1b;}
footer#colophon {color: white; background-color: #ed6e43;}
footer #footer-menu a {color: white;}
footer #footer-menu a:hover {color: #1d1d1b;}
.site-copyright {font-family: 'Wisdom-Script', serif;}
#mainnav-mobi ul {
border-top: 1px solid #ed6e43;
border-bottom: 30px groove #ed6e43;
}
#mainnav-mobi li {	background: white}
#mainnav-mobi li:first-of-type {}
.orange {color: #ed6e43;}
.inthemiddle {margin: 0 auto;} .page-id-1493 #page > div.wppopups-whole, .page-id-118 #page > div.wppopups-whole, .page-id-1495 #page > div.wppopups-whole, .page-id-8 #page > div.wppopups-whole, .page-id-1463 #page > div.wppopups-whole {
display: none !important;
}  a.bestellung_anker {
display: block;
position: relative;
top: -20px;
visibility: hidden;
}
.single-thumb {position: relative;}
aside#newsletter-sticker {
color: #1d1d1b;
display: none; background: rgba(237,110,67,0.95);
text-align: center;
padding: 4px;
box-sizing: border-box;
overflow: hidden;
}
p.ribbon-text {
margin: 0 auto;
padding: 12px;  
border: 2px dashed white;
}
.ribbon-text a {color: #ed6e43; background-color: white; text-decoration: none;}
.ribbon-text a:hover {color: white; background-color: black;}
@keyframes shake {
0% { transform: translate(0px); }
10% { transform: translate(3px); }
22% { transform: translate(-5px); }
34% { transform: translate(8px); }
46% { transform: translate(-9px); }
63% { transform: translate(8px); }
70% { transform: translate(-7px); }
82% { transform: translate(5px); }
90% { transform: translate(-3px); }
100% { transform: translate(0px); }
}
@keyframes fade-in {
0% { opacity: 0; }
60% { opacity: 0; }              
100% { opacity: 1; }
}
@media only screen and (min-width: 1024px) { 
#informationen, #informationen-fr {font-size: 160%;}
#post-10 h3:first-of-type::before {content: "+++++++ ";}
#post-10 h3:first-of-type::after {content: " +++++++";}
aside#newsletter-sticker {position: absolute; border-radius: 100%; width: 250px; height: 250px;}
aside#newsletter-sticker::after {  content: " "; display: block; border-radius: 100%; background: white;  width: 250px; height: 250px;}
p.ribbon-text {transform: rotate(-15deg); border-radius: 100%; width: 240px; height: 240px;}
a.bestellung_anker {top: -120px;}
.footer-contact-block {width: 33%;}
}
@media only screen and (min-width: 1200px) { 
aside#newsletter-sticker {top: -15px; left: 160px;}
aside#newsletter-sticker::after {  margin-left: 140px; margin-top: -435px;}
}
@media only screen and (min-width: 1024px) and (max-width: 1199) { 
aside#newsletter-sticker {top: -15px; left: 160px;}
aside#newsletter-sticker::after {margin-left: 140px; margin-top: -435px;}
}
@media only screen and (min-width: 768px) { 
.mobile {display: none;}
.one-fourth {width: 50%;} .one-third {width: 33%}
.two-third {width: 66%;}
.one-half {width: 50%;}
.one-third {position: relative;} .no-top-margin {margin-top: 0;}
.no-bottom-margin {margin-bottom: 0;}
.restaurants {max-width: 700px; margin: 0 auto; height: 310px;}
.filiale:nth-child(1) {border-right: 1px solid #ed6e43;}
.berlin figure{background-size: 32%;}
.frankfurt figure {background-size: 41%;}
.filiale {padding: 0 25px;}  
.coming_soon_wrapper { border: 1px solid #ed6e43;}  
.footer-info .container > div {padding: 60px 15px;}
.footer-contact-block {width: 32.9%;}
}
@media only screen and (max-width: 767px) {
.biggerscreen {display: none;}
#food-menu, .flex-container {flex-direction: column;}
.one-third, .one-half, .two-third, .one-fourth {width: 100%;}
.sides, .artgerecht {max-width: 500px; margin: 0 auto;}
.restaurants {display: block;}
.filiale {margin-bottom: 25px;}
.filiale:nth-child(1) {border-bottom: 1px solid #ed6e43;}
.filiale figure {height: 160px;}
.berlin figure {background-size: 30%}
.frankfurt figure {background-size: 37%}
.footer-info .container > div {padding: 20px 0;}
}
@media only screen and (max-width: 767px) and (orientation: landscape) {
#informationen, #informationen-fr {font-size: 160%;}
.filiale figure {height: 210px;}
.filiale:nth-child(1) {border-bottom: 1px solid #ed6e43;}
.berlin figure {background-size: 20%}
.frankfurt figure {background-size: 26%}
.coming_soon_wrapper { border: 1px solid #ed6e43;}
}
@media only screen and (min-width: 768) and (orientation: portrait) {
#informationen, #informationen-fr {font-size: 120%;}
#moving_container {
margin: 10% auto;
max-height: 320px;
}
}
@media only screen and (max-width: 767px) and (orientation: portrait) {
#moving_container {
margin: 15% auto;
max-height: 280px;
}
}