/*
 Theme Name: Makoney Child
 Template: makoney
*/

/* fira-sans-300 - latin */
@font-face {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 300;
    src: url('fonts/fira-sans-v16-latin-300.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('fonts/fira-sans-v16-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/fira-sans-v16-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
         url('fonts/fira-sans-v16-latin-300.woff') format('woff'), /* Modern Browsers */
         url('fonts/fira-sans-v16-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/fira-sans-v16-latin-300.svg#FiraSans') format('svg'); /* Legacy iOS */
  }
  
  /* fira-sans-300italic - latin */
  @font-face {
    font-family: 'Fira Sans';
    font-style: italic;
    font-weight: 300;
    src: url('fonts/fira-sans-v16-latin-300italic.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('fonts/fira-sans-v16-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/fira-sans-v16-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
         url('fonts/fira-sans-v16-latin-300italic.woff') format('woff'), /* Modern Browsers */
         url('fonts/fira-sans-v16-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/fira-sans-v16-latin-300italic.svg#FiraSans') format('svg'); /* Legacy iOS */
  }
  
  /* fira-sans-italic - latin */
  @font-face {
    font-family: 'Fira Sans';
    font-style: italic;
    font-weight: 400;
    src: url('fonts/fira-sans-v16-latin-italic.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('fonts/fira-sans-v16-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/fira-sans-v16-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
         url('fonts/fira-sans-v16-latin-italic.woff') format('woff'), /* Modern Browsers */
         url('fonts/fira-sans-v16-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/fira-sans-v16-latin-italic.svg#FiraSans') format('svg'); /* Legacy iOS */
  }
  
  /* fira-sans-regular - latin */
  @font-face {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/fira-sans-v16-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('fonts/fira-sans-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/fira-sans-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('fonts/fira-sans-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('fonts/fira-sans-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/fira-sans-v16-latin-regular.svg#FiraSans') format('svg'); /* Legacy iOS */
  }
  
  /* fira-sans-500 - latin */
  @font-face {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 500;
    src: url('fonts/fira-sans-v16-latin-500.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('fonts/fira-sans-v16-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/fira-sans-v16-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
         url('fonts/fira-sans-v16-latin-500.woff') format('woff'), /* Modern Browsers */
         url('fonts/fira-sans-v16-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/fira-sans-v16-latin-500.svg#FiraSans') format('svg'); /* Legacy iOS */
  }
  
  /* fira-sans-500italic - latin */
  @font-face {
    font-family: 'Fira Sans';
    font-style: italic;
    font-weight: 500;
    src: url('fonts/fira-sans-v16-latin-500italic.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('fonts/fira-sans-v16-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/fira-sans-v16-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
         url('fonts/fira-sans-v16-latin-500italic.woff') format('woff'), /* Modern Browsers */
         url('fonts/fira-sans-v16-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/fira-sans-v16-latin-500italic.svg#FiraSans') format('svg'); /* Legacy iOS */
  }
  
  /* fira-sans-600 - latin */
  @font-face {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 600;
    src: url('fonts/fira-sans-v16-latin-600.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('fonts/fira-sans-v16-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/fira-sans-v16-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
         url('fonts/fira-sans-v16-latin-600.woff') format('woff'), /* Modern Browsers */
         url('fonts/fira-sans-v16-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/fira-sans-v16-latin-600.svg#FiraSans') format('svg'); /* Legacy iOS */
  }
  
  /* fira-sans-600italic - latin */
  @font-face {
    font-family: 'Fira Sans';
    font-style: italic;
    font-weight: 600;
    src: url('fonts/fira-sans-v16-latin-600italic.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('fonts/fira-sans-v16-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/fira-sans-v16-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
         url('fonts/fira-sans-v16-latin-600italic.woff') format('woff'), /* Modern Browsers */
         url('fonts/fira-sans-v16-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/fira-sans-v16-latin-600italic.svg#FiraSans') format('svg'); /* Legacy iOS */
  }


html {
    font-size: 16px !important;
  }
body, h1, h2, h3, h4, h5, h6, p, div, li, ul {
    font-family: 'Fira Sans', 'Arial', Helvetica, sans-serif !important;
    color: #005c8e;
}
b, strong {
    font-weight: 400;
}
.post-template-single-no-comment .wp-block-post-title {
    font-weight: 200 !important;
}
h1 {
    font-weight: 100 !important;
}

h2.has-text-4-xl-font-size {
    font-weight: 400;
}
a {
    text-decoration: none !important;
}
a:hover {
    text-decoration: none !important;
    color: #0476b4 !important;
}
img {
    border: 1px solid #dddddd;
}
.graphic-webdesign-dortmund img {
    border: none;
}
figcaption, .wp-block-image figcaption, div[class*=wp-block-] figcaption {
    color: #005c8e !important;
    padding-bottom: 30px;
    font-size: 1.1rem !important;
}
footer .wp-block-ainoblocks-grid-item p a:hover {
    color: #eeeeee !important;
}
.wp-block-navigation .wp-block-navigation-item__content {
    color: #005c8e;
} 
.wp-block-group.pr__19 {
    padding-right: 9%;
}
*[class^=wp-block-].pl__8, *[class^=wp-block-ainoblocks-].pl__8, .wp-block-group.pl__8 {
    padding-left: 0;
}
.wp-block-site-logo a {
    width: 220px;
    height: 130px;
    margin-top: 20px;
    background-image: url(images/logo_webdesign_dortmund.svg);
    background-repeat: no-repeat;
}
.wp-block-site-logo img {
    display: none;
}
.wp-block-columns {
    margin-bottom: 0;
}
header {
    margin-bottom: 20px !important;
}
.site-header.pro-light-s .wp-block-navigation .wp-block-navigation__responsive-container-open {
    background-size: 100%;
    background-image: url(images/mobile_button.svg) !important;
    color: #005c8e;
}
.graphic-webdesign-dortmund {
    margin-top: 20px;
}
figure.graphic-webdesign-dortmund {
    max-width: 100% !important;
    display: flex;
    justify-content: center;
    background-image: url(images/einpixel_grau.png);
    background-repeat: no-repeat;
    background-position: 0px 70px;
    background-size: 0% 0px;
} 
figure.graphic-webdesign-dortmund img {
    background-image: url(https://www.simonwilli.de/wp-content/uploads/webdesign_dortmund.jpg) !important;
    background-repeat: no-repeat;
    background-position: 33% top;
    background-size: 35em;
    object-fit: cover;
    width: 100% !important;
    max-width: 2220px !important;
    height: 0px;
}
.wp-site-blocks {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}
.site-header .header-content {
    max-width: 1700px !important;
    margin: 0px auto !important;
}
main {
    flex: 1;
}
main.content-gap {
    padding: 0 0 30px 0 !important;
}
.wp-block-image.is-style-border-dark img {
    border-color: #aaaaaa;
}
.page-id-8 .wp-container-core-group-is-layout-10 {
    background-image: url(https://www.simonwilli.de/wp-content/uploads/viereck_grafikdesign_dortmund.svg);
    background-repeat: repeat-y;
    background-size: 1600px;
    background-position: 60px -40px;
}
.page-id-8 .wp-container-14 .alignfull {
    max-width: 100% !important;
}
.wp-block-group.has-background.pr__10 {
    padding-left: clamp(1.5rem, 0.8947rem + 2.6316vw, 3rem);
}
.wp-block-ainoblocks-grid-item.mt_m__7 {
    margin-top: 0 !important;
}
.wp-block-ainoblocks-grid-item.mt_m__7 img {
    border: 0 !important;
}
.single-post .entry-content>* {
    max-width: 1700px !important;
}
footer .footer-adresse {
    background-image: url(https://www.simonwilli.de/wp-content/uploads/viereck_webdesign_dortmund.svg);
    background-repeat: no-repeat;
    background-size: 350px;
    background-position: 10px 0px;
    margin-top: -470px;
    margin-left: 5%;
}
footer .footer-adresse p {
    padding-top: 60px !important;
    padding-left: 80px !important;
    font-size: 1rem !important;
}
footer .footer-adresse p a:hover {
    color: #0476b4 !important;
}
footer .footer-copyright {
    margin-top: 390px;
}
footer .footer-copyright p {
    padding-left: 20px;
    padding-right: 20px;
}
.alignfull {
    max-width: 106% !important;
}
.alignwide {
    max-width: 1700px !important;
    margin: 0px auto;
}
.page-id-8 .wp-container-core-group-is-layout-10, .page-id-8 .wp-container-8.alignwide, .page-id-8 .wp-container-10.alignwide  {
    max-width: none !important;
}
.post-template-single-no-comments .alignwide {
    max-width: 1700px !important;
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
    background-color: #E9ECF4 !important;
}
.wp-container-core-post-content-is-layout-7a1403af > .alignwide {
    max-width: 6000px !important;
}



@media (min-width: 600px) {
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        margin-top: 70px;
    }
}
@media (min-width: 1760px) {
    .wp-block-group.has-background.pr__10 {
        padding-left: 0;
    }
}


@media(min-width:20em) {
figure.graphic-webdesign-dortmund {
    background-size: 100% 0px;
} 
figure.graphic-webdesign-dortmund img {
    background-size: 50em;
    height: 0px;   
}
footer .footer-adresse {
    margin-left: 10%;
}
}
@media(min-width:26em) {
.wp-block-site-logo a {
    width: 180px;
}
footer .footer-adresse {
    margin-left: 20% !important;
}
}
@media(min-width:32em) {
.wp-block-site-logo a {
    width: 280px;
}
figure.graphic-webdesign-dortmund {
    background-size: 100% 250px;
} 
figure.graphic-webdesign-dortmund img {
    background-size: 60em;
    background-position: 50% top;
    height: 0px;   
}
footer .footer-adresse {
    background-size: 350px;
    background-position: 10px 0px;
    margin-left: 30% !important;
    margin-top: -260px;
}
footer .footer-adresse p {
    padding-top: 45px !important;
    padding-left: 80px !important;
    font-size: 1rem !important;
}
footer .footer-copyright {
    margin-top: 120px;
}
footer .footer-copyright p {
    width: 40%;
}
}
@media(min-width:40em) {
    footer .footer-adresse {
        margin-left: 39% !important;
    }
    }
@media(min-width:48em) {
.wp-block-site-logo a {
    width: 330px;
}
figure.graphic-webdesign-dortmund {
background-size: 100% 300px;
} 
figure.graphic-webdesign-dortmund img {
    background-size: 80em;
    height: 0px;   
}
footer .footer-adresse {
    margin-left: 50% !important;
    background-size: 380px;
    margin-top: -290px;
}
footer .footer-adresse p {
    padding-left: 80px !important;
    font-size: 1.1rem !important;
}
footer .footer-copyright {
    margin-top: 220px;
}
.page-id-8 .wp-container-10wp-container-core-group-is-layout-10 {
    background-repeat: no-repeat;
    background-size: 1300px;
    background-position: 250px 40px;
}
}
@media(min-width:64em) {
.wp-block-site-logo a {
    width: 450px;
}
figure.graphic-webdesign-dortmund {
    background-size: 100% 300px;
} 
figure.graphic-webdesign-dortmund img {
    background-size: 100em;
    height: 300px;   
}
.wp-block-group.pt__5 {
    padding-top: 60px !important;
}
footer .footer-adresse p {
    padding-left: 40px !important;
}
}
@media(min-width:80em) {
figure.graphic-webdesign-dortmund {
    background-size: 100% 350px;
} 
figure.graphic-webdesign-dortmund img {
    background-size: 120em;
    height: 300px;   
}
footer .footer-adresse {
    margin-left: 50% !important;
    background-size: 500px;
    margin-top: -360px;
}
footer .footer-adresse p {
    padding-top: 55px !important;
    padding-left: 50px !important;
    font-size: 1.5rem !important;
}
footer .footer-copyright {
    margin-top: 220px;
}
}
@media(min-width:96em) {
figure.graphic-webdesign-dortmund {
    background-size: 100% 370px;
} 
figure.graphic-webdesign-dortmund img {
    background-size: 130em;
    height: 300px;   
}
footer .footer-adresse p {
    padding-top: 65px !important;
    padding-left: 30px !important;
}
.post-template-single-no-comments .post-header .alignwide {
    width: 1700px !important;
}
.page-id-11 .wp-block-group.pl__10 {
    padding-left: 0px !important;
}
}

@media(min-width:112em) {
figure.graphic-webdesign-dortmund img {
    background-size: 140em;  
    background-color: #ffffff !important;
    height: 300px;
    margin-bottom: 0px;
}
}
@media(min-width:128em) {
footer .footer-adresse p {
    padding-left: 15px !important;
}
}