* { padding: 0; margin: 0; border: 0; box-sizing: border-box; }
::selection { background: #1B2727; color: #fff; }

.clear:before, .clear:after { content: " "; display: table; }
.clear:after { clear: both; }

body { font-family: "Inria Serif", serif; overflow-x: hidden !important; }

h1 a, h2 a, h3 a, h4 a, h5 a { color: #1B2727; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover { color: #3C5148; text-decoration: none; }
p:empty { display: none; }

#wrapper #menu-mobile { background: #1B2727; display: none; margin: 0; }
#wrapper #menu-mobile.active { display: block; }
#wrapper #menu-mobile .navbar { padding: 0; }
#wrapper #menu-mobile .navbar ul { font-family: "Playfair Display"; text-align: center; list-style: none; margin: 0 0 0 auto; width: 100%; }
#wrapper #menu-mobile .navbar ul li a { background: #fff; color: #1B2727; font-size: 130%; font-weight: bold; text-decoration: none; display: block; width: 100%; height: 60px; padding: 15px; border-bottom: 1px solid #333; transition: 0.4s; }
#wrapper #menu-mobile .navbar ul li:last-of-type a { border: 0; }
#wrapper #menu-mobile .navbar ul li a:hover { background: #1B2727; color: #fff; transition: 0.4s; }
#wrapper #menu-mobile .navbar ul li a.highlighted { background: #3C5148; color: #fff; transition: 0.4s; -moz-box-shadow: inset 0 -10px 5px -10px #1B2727; -webkit-box-shadow: inset 0 -10px 5px -10px #1B2727; box-shadow: inset 0 -10px 5px -10px #1B2727; }
#wrapper #menu-mobile .navbar ul li a.highlighted:hover { background: #fff; color: #3C5148; transition: 0.4s; }

#wrapper header { background: url("../img/img_header.webp"); background-size: cover; background-attachment: scroll; background-repeat: no-repeat; padding: 50px; line-height: 1; }
#wrapper header #menu { margin: 0; }
#wrapper header #menu .logo { background: transparent; font-family: "Playfair Display"; padding: 0; display: block; z-index: 0; }
#wrapper header #menu .logo img { height: 48px; vertical-align: top; }
#wrapper header #menu .navbar { padding: 0; }
#wrapper header #menu .navbar ul { font-family: "Playfair Display"; list-style: none; margin: 0 0 0 auto; }
#wrapper header #menu .navbar ul li { margin-left: 10px; float: left; }
#wrapper header #menu .navbar ul li:first-of-type { margin: 0; }
#wrapper header #menu .navbar ul li a { background: #fff; color: #1B2727; font-size: 130%; font-weight: bold; text-decoration: none; height: 50px; padding: 10px; transition: 0.4s; }
#wrapper header #menu .navbar ul li a:hover { background: #1B2727; color: #fff; transition: 0.4s; }
#wrapper header #menu .navbar ul li a.highlighted { background: #3C5148; color: #fff; transition: 0.4s; }
#wrapper header #menu .navbar ul li a.highlighted:hover { background: #fff; color: #3C5148; transition: 0.4s; }
#wrapper header #menu .navbar .menu-hamburger { display: none; margin: 0 0 0 auto; }
#wrapper header #menu .navbar .menu-hamburger li .menu-toggle { width: 48px; height: 48px; }
#wrapper header #menu .navbar .menu-hamburger li .menu-toggle { background: #fff; padding: 10px; cursor: pointer; }
#wrapper header #menu .navbar .menu-hamburger li .menu-toggle-icon { width: 28px; height: 25px; position: relative; margin: 0 auto; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; }
#wrapper header #menu .navbar .menu-hamburger li .menu-toggle-icon span { display: block; position: absolute; height: 5px; width: 100%; background: #1B2727; border-radius: 5px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
#wrapper header #menu .navbar .menu-hamburger li .menu-toggle-icon span:nth-child(1) { top: 0px; }
#wrapper header #menu .navbar .menu-hamburger li .menu-toggle-icon span:nth-child(2), .menu-toggle-icon span:nth-child(3) { top: 11.5px; }
#wrapper header #menu .navbar .menu-hamburger li .menu-toggle-icon span:nth-child(4) { top: 23px; }
#wrapper header #menu .navbar .menu-hamburger li .menu-toggle-icon.open span:nth-child(1) { top: 11.5px; width: 0%; left: 50%; }
#wrapper header #menu .navbar .menu-hamburger li .menu-toggle-icon.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
#wrapper header #menu .navbar .menu-hamburger li .menu-toggle-icon.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
#wrapper header #menu .navbar .menu-hamburger li .menu-toggle-icon.open span:nth-child(4) { top: 11.5px; width: 0%; left: 50%; }
#wrapper header #about { padding: 0; margin: 30px 0 -50px 0; }
#wrapper header #about .about-image { background: rgba(107, 142, 78, .6); padding: 30px; }
#wrapper header #about .about-image img { width: 100%; box-shadow: 0 0 2px #1B2727; }
#wrapper header #about .about-content { background: rgba(250, 241, 239, .9); padding: 30px; line-height: 1.5; }
#wrapper header #about .about-content h1 { font-family: "Playfair Display"; font-size: 240%; font-weight: 600; }
#wrapper header #about .about-content h2 { margin: 15px 0; font-size: 160%; font-weight: 700; }
#wrapper header #about .about-content p { font-size: 105%; }

#wrapper #quote { padding: 50px 65px 50px 50px; }
#wrapper #quote blockquote { color: #2C3E50; font-size: 36px; line-height: 120%; position: relative; margin: 20px auto; }
#wrapper #quote blockquote:before { content: "\201C"; position: absolute; line-height: 60%; top: -20px; left: -1px; font-family: Arial, sans-serif; font-size: 82px; font-style: normal; }
#wrapper #quote blockquote:after { content: "\201D"; position: absolute; line-height: 60%; bottom: -60px; right: 0; font-family: Arial, sans-serif; font-size: 82px; font-style: normal; }

#wrapper #content { padding: 0; }
#wrapper #content:last-child { margin-bottom: 0; }
#wrapper #content p { font-size: 110%; margin-bottom: 10px !important; }
#wrapper #content ul, #wrapper #content ol { margin: 0 0 10px 50px; }
#wrapper #content .wp-block-image { margin: 50px auto; display: block; }
#wrapper #content .wp-block-image img { width: 75%; margin: 0 auto; box-shadow: 0 0 5px #ddd; display: block; }
#wrapper #content .wp-block-image figcaption { margin-top: 20px; text-align: center; font-size: 120%; font-weight: bold; }
#wrapper #content .wp-block-quote { padding-left: 15px; margin: 20px 15px; border-left: 5px solid #1B2727; }
#wrapper #content .wp-block-quote p { font-size: 140%; }
#wrapper #content .wp-block-quote cite { font-size: 80%; font-weight: bold; }
#wrapper #content .wp-block-quote cite::before { content: '\2013\00a0'; }
#wrapper #content .meta-page { padding: 50px 50px 0 50px; }
#wrapper #content .meta-page h1 { margin: 0; font-family: "Playfair Display"; font-size: 2.2rem; font-weight: 700; }
#wrapper #content a.more-link { background: #fff; color: #1B2727; font-size: 1.5rem; font-weight: bold; text-decoration: none; padding: 10px; margin-top: 20px; border: 2px solid #1B2727; display: inline-block; transition: 0.4s; }
#wrapper #content a.more-link::after { font-size: 1.5rem; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f061"; padding: 0 0px 0 10px; }
#wrapper #content a.more-link:hover { background: #1B2727; color: #fff; transition: 0.4s; }
#wrapper #content a.more-link.dark { background: #1B2727; color: #fff; }
#wrapper #content a.more-link.dark:hover { background: #fff; color: #1B2727; }
#wrapper #content .note { background: linear-gradient(#6B8E4E, #587540); color: #fff; padding: 20px; margin-top: 10px; }
#wrapper #content .note.red { background: linear-gradient(#FF3E64, #FF1744); }
#wrapper #content .note i { margin-right: 15px; display: inline-block; }
#wrapper #content .note span { display: inline-block; }

#wrapper #content .content-post { padding: 50px; min-height: 250px; }
#wrapper #content .content-post .meta { margin: 0 0 20px 0; font-size: 0; }
#wrapper #content .content-post .meta i { margin-right: 10px; }
#wrapper #content .content-post .meta h1 { font-family: "Playfair Display"; font-size: 2.2rem; font-weight: 700; }
#wrapper #content .content-post .meta h2 { font-family: "Playfair Display"; font-size: 2.2rem; font-weight: 700; }
#wrapper #content .content-post .meta .element { padding: 13px; margin: 10px 10px 0 0; font-family: Quicksand; font-size: 1rem; display: inline-block !important; }
#wrapper #content .content-post .meta .element.author { background: #3C5148; color: #D5DDDF; }
#wrapper #content .content-post .meta .element.author a { color: #B2C5B2; }
#wrapper #content .content-post .meta .element.date { background: #B2C5B2; color: #1B2727; }
#wrapper #content .content-post .meta .element.category { background: #D5DDDF; color: #1B2727; }
#wrapper #content .content-post .meta .element.category a { color: #3C5148; }
#wrapper #content .content-post .meta .element.tags { background: #FAF1EF; color: #1B2727; }
#wrapper #content .content-post .meta .element.tags a { color: #3C5148; }
#wrapper #content .content-post .article p { margin: 0; line-height: 1.5; }
#wrapper #content .content-post .article a { color: #3C5148; }
#wrapper #content .content-post .article a:hover { color: #3C5148; }
#wrapper #content .content-post a.more-link { background: #fff; color: #1B2727; font-size: 1.5rem; font-weight: bold; text-decoration: none; padding: 10px; margin-top: 20px; border: 2px solid #1B2727; display: inline-block; transition: 0.4s; }
#wrapper #content .content-post a.more-link::after { font-size: 1.5rem; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f061"; padding: 0 0px 0 10px; }
#wrapper #content .content-post a.more-link:hover { background: #1B2727; color: #fff; transition: 0.4s; }
#wrapper #content .content-post.more-posts { margin: 0 !important; border-bottom: 1px solid #ddd; }
#wrapper #content .content-post.more-posts:first-of-type { padding-top: -10px !important; }
#wrapper #content .content-post.more-posts:last-of-type { margin: 0 !important; border: 0; }
#wrapper #content .content-post.more-posts .thumbnail { padding: 0; }
#wrapper #content .content-post.more-posts .thumbnail img { width: 100%; }
#wrapper #content .content-post.more-posts .contents { padding: 0 0 0 50px; }
#wrapper #content .content-post.more-posts .contents .image { display: none; }
#wrapper #content .content-post.more-posts .contents img { display: none; }

#wrapper #content .content-page { padding: 50px; min-height: 250px; }
#wrapper #content .content-page h1 { font-family: "Playfair Display"; font-size: 2.2rem; font-weight: 700; }
#wrapper #content .content-page h2 { margin: 20px 0; }
#wrapper #content .content-page h3 { margin: 10px 0; }
#wrapper #content .content-page .article p { margin: 0; line-height: 1.5; }
#wrapper #content .content-page .article a { color: #3C5148; }
#wrapper #content .content-page .article a:hover { color: #3C5148; }

#wrapper #content .content-page-about { padding: 50px; min-height: 250px; }
#wrapper #content .content-page-about h1 { font-family: "Playfair Display"; font-size: 2.2rem; font-weight: 700; }
#wrapper #content .content-page-about .article a { color: #3C5148; }
#wrapper #content .content-page-about .article a:hover { color: #3C5148; }
#wrapper #content .content-page-about .article .about-image-block .text p { font-size: 120%; margin-bottom: 10px; }
#wrapper #content .content-page-about .article .about-image-block .text p.highlighted { font-weight: bold; font-size: 150% }
#wrapper #content .content-page-about .article .about-image-block .image img { width: 100%; box-shadow: 0 0 5px #ddd; }

#wrapper #content .content-page-pricing { padding: 50px; min-height: 250px; }
#wrapper #content .content-page-pricing h1 { font-family: "Playfair Display"; font-size: 2.2rem; font-weight: 700; }
#wrapper #content .content-page-pricing .pricing { padding: 0 5px; }
#wrapper #content .content-page-pricing .pricing .pricing-box { background: #FAF1EF; box-shadow: 0 0 5px #eee; padding: 0; margin: 10px; text-align: center; transition: 0.4s; }
#wrapper #content .content-page-pricing .pricing .pricing-box:hover { box-shadow: 0 0 5px #bbb; transition: 0.4s; }
#wrapper #content .content-page-pricing .pricing .pricing-box .pricing-box-icon { background: linear-gradient(#0D3E47, #072126); color: #fff; width: 100%; height: 80px; padding: 20px; text-align: center; }
#wrapper #content .content-page-pricing .pricing .pricing-box .pricing-box-icon i { font-size: 250%; }
#wrapper #content .content-page-pricing .pricing .pricing-box .pricing-box-content { padding: 20px; }
#wrapper #content .content-page-pricing .pricing .pricing-box .pricing-box-content h2 { font-weight: bold; }
#wrapper #content .content-page-pricing .pricing .pricing-box .pricing-box-content .price { font-size: 140%; font-weight: bold; display: block; }
#wrapper #content .content-page-pricing .pricing .pricing-box .pricing-box-content .price::before { content: ""; margin: 20px auto; width: 50%; height: 2px; background: #1B2727; display: block; }
#wrapper #content .content-page-pricing .pricing .pricing-box .pricing-box-content .price-2nd { font-size: 140%; font-weight: bold; display: block; }
#wrapper #content .content-page-pricing .pricing .pricing-box .pricing-box-content .price-2nd::before { content: ""; margin: 20px auto; width: 50%; height: 2px; background: #1B2727; display: block; }
#wrapper #content .content-page-pricing .pricing .pricing-box .pricing-box-content .description { font-size: 110%; display: block; }
#wrapper #content .content-page-pricing .pricing .pricing-box .pricing-box-content .description::before { content: ""; margin: 20px auto; width: 50%; height: 2px; background: #1B2727; display: block; }
#wrapper #content .content-page-pricing .article p { margin: 0; line-height: 1.5; }

#wrapper #content .content-page-contact { min-height: 250px; }
#wrapper #content .content-page-contact .meta { padding: 50px; }
#wrapper #content .content-page-contact h1 { margin: 0; font-family: "Playfair Display"; font-size: 2.2rem; font-weight: 700; }
#wrapper #content .content-page-contact .contact { margin: 0; }
#wrapper #content .content-page-contact .contact br { display: none; }
#wrapper #content .content-page-contact .contact .contact-details { background: linear-gradient(#688C7C, rgba(60, 81, 72, .85)), url("../img/img_contact.webp"); background-size: cover; background-position: center; background-repeat: no-repeat; color: #fff; padding: 0; }
#wrapper #content .content-page-contact .contact .contact-container { background: linear-gradient(rgba(255, 255, 255, .9), #B1C5C9), url("../img/img_form.webp"); background-size: cover; background-position: center; background-repeat: no-repeat; padding: 50px; }
#wrapper #content .content-page-contact .contact .contact-container form label { margin-bottom: 25px; display: block; }
#wrapper #content .content-page-contact .contact .contact-container form label .label { margin-bottom: 10px; font-size: 130%; font-weight: bold; display: block; }
#wrapper #content .content-page-contact .contact .contact-container form input[type=text], #wrapper #content .content-page-contact .contact .contact-container form input[type=email], #wrapper #content .content-page-contact .contact .contact-container form input[type=tel] { background: rgba(255, 255, 255, .6); padding: 10px; border: 2px solid #1B2727; width: 100%; }
#wrapper #content .content-page-contact .contact .contact-container form textarea { background: rgba(255, 255, 255, .6); padding: 10px; border: 2px solid #1B2727; width: 100%; height: 250px; }
#wrapper #content .content-page-contact .contact .contact-container form input[type=text]:focus, #wrapper #content .content-page-contact .contact .contact-container form input[type=email]:focus, #wrapper #content .content-page-contact .contact .contact-container form input[type=tel]:focus, #wrapper #content .content-page-contact .contact .contact-container form textarea:focus { background: rgba(27, 39, 39, .9); color: #fff; outline: 0; }
#wrapper #content .content-page-contact .contact .contact-container form input[type=submit] { background: #1B2727; color: #fff; font-size: 1.5rem; font-weight: bold; padding: 10px; border: 2px solid #1B2727; display: block; transition: 0.4s; }
#wrapper #content .content-page-contact .contact .contact-container form input[type=submit]:hover { background: #fff; color: #1B2727; transition: 0.4s; }
#wrapper #content .content-page-contact .contact .contact-container form .data-protection ::selection { background: transparent; }
#wrapper #content .content-page-contact .contact .contact-container form .data-protection label { background: #1B2727; color: #fff; padding: 10px; }
#wrapper #content .content-page-contact .contact .contact-container form .data-protection span { font-size: 20px; margin: 0; line-height: 1.2; display: inline-block; }
#wrapper #content .content-page-contact .contact .contact-container form .data-protection label input[type=checkbox] { display: none; }
#wrapper #content .content-page-contact .contact .contact-container form .data-protection label input[type=checkbox] + span::before { font-family: "Font Awesome 5 Free"; font-size: 20px; font-weight: 900; content: "\f0c8"; margin-right: 10px; border: 2px solid #1B2727; width: 20px; height: 20px; display: inline-block; }
#wrapper #content .content-page-contact .contact .contact-container form .data-protection label input[type=checkbox]:checked + span::before { font-family: "Font Awesome 5 Free"; font-size: 20px; font-weight: 900; content: "\f14a"; width: 20px; height: 20px; display: inline-block; }
#wrapper #content .content-page-contact .contact .contact-container .wpcf7 .screen-reader-response { display: none; }
#wrapper #content .content-page-contact .contact .contact-container .wpcf7-response-output { background: linear-gradient(#FF3E64, #FF1744); color: #fff; padding: 10px; margin-top: 25px; line-height: 1.2; }
#wrapper #content .content-page-contact .contact .contact-container .wpcf7-mail-sent-ok { background: linear-gradient(#6B8E4E, #587540); color: #fff; }
#wrapper #content .content-page-contact .contact .contact-container .wpcf7-mail-sent-ng, #wrapper #content .content-page-contact .wpcf7-aborted { background: linear-gradient(#FF3E64, #FF1744); color: #fff; }
#wrapper #content .content-page-contact .contact .contact-container .wpcf7-spam-blocked { background: linear-gradient(#263238, #2E3C44); color: #fff; }
#wrapper #content .content-page-contact .contact .contact-container .wpcf7-validation-errors, #wrapper #content .content-page-contact .wpcf7-acceptance-missing { background: linear-gradient(#FFEF62, #FFEB3B); color: #000; }
#wrapper #content .content-page-contact .contact .contact-container .wpcf7-not-valid-tip { background: linear-gradient(#FF3E64, #FF1744); color: #fff; padding: 10px; margin-top: 10px; font-size: 90%; font-weight: normal; display: block; }
#wrapper #content .content-page-contact .contact .contact-container .use-floating-validation-tip span.wpcf7-not-valid-tip { position: absolute; top: 20%; left: 20%; z-index: 100; border: 1px solid #ff0000; background: #fff; padding: .2em .8em; }
#wrapper #content .content-page-contact .contact .contact-container .wpcf7-list-item { display: inline-block; margin: 0 0 0 1em; }
#wrapper #content .content-page-contact .contact .contact-container .wpcf7-list-item-label::before, #wrapper #content .content-page-contact .wpcf7-list-item-label::after { content: " "; }
#wrapper #content .content-page-contact .contact .contact-container .wpcf7-display-none { display: none; }
#wrapper #content .content-page-contact .contact .contact-container .wpcf7 .ajax-loader { visibility: hidden; display: inline-block; background-image: url('../../../plugins/contact-form-7/images/ajax-loader.gif'); width: 16px; height: 16px; border: none; padding: 0; margin: 0 0 0 4px; vertical-align: middle; }
#wrapper #content .content-page-contact .contact .contact-container .wpcf7 .ajax-loader.is-active { visibility: visible; }
#wrapper #content .content-page-contact .contact .contact-container .wpcf7 div.ajax-error { display: none; }
#wrapper #content .content-page-contact .contact .contact-container .wpcf7 .placeheld { color: #888; }
#wrapper #content .content-page-contact .contact .contact-container .wpcf7 .wpcf7-submit:disabled { cursor: not-allowed; }
#wrapper #content .content-page-contact .wpcf7 input[type="url"],
#wrapper #content .content-page-contact .wpcf7 input[type="email"],
#wrapper #content .content-page-contact .wpcf7 input[type="tel"] { direction: ltr; }

#wrapper #content .block { background-size: cover !important; width: 100%; min-height: 500px; max-height: 900px; margin: 0; box-shadow: 15px 0 15px -15px rgba(0, 0, 0, .5); }
#wrapper #content .block .block-container { background: rgba(255, 255, 255, .9); width: 100%; padding: 50px; box-shadow: 15px 0 15px -15px rgba(0, 0, 0, .5); }
#wrapper #content .block .block-container h3 { font-weight: 700; font-family: "Playfair Display"; margin-bottom: 10px; }
#wrapper #content .block .block-container a.block-link { background: #fff; color: #1B2727; font-size: 1.5rem; font-weight: bold; text-decoration: none; padding: 10px; margin-top: 10px; border: 2px solid #1B2727; display: inline-block; transition: 0.4s; }
#wrapper #content .block .block-container a.block-link::after { font-size: 1.5rem; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f061"; padding: 0 0px 0 10px; }
#wrapper #content .block .block-container a.block-link:hover { background: #1B2727; color: #fff; transition: 0.4s; }
#wrapper #content .block.justify-content-end .block-container { box-shadow: -15px 0 15px -15px rgba(0, 0, 0, .5); }

#wrapper #content .posts-navigation { padding: 50px; border-top: 1px solid #ddd; }
#wrapper #content .posts-navigation .screen-reader-text { display: none; }
#wrapper #content .posts-navigation .nav-links a { background: #1B2727; color: #fff; font-size: 1rem; font-weight: bold; text-decoration: none; padding: 10px; margin-top: 10px; border: 2px solid #1B2727; display: inline-block; transition: 0.4s; }
#wrapper #content .posts-navigation .nav-links a:hover { background: #fff; color: #1B2727; transition: 0.4s; }
#wrapper #content .posts-navigation .nav-links .nav-previous { display: inline-block; margin-right: 15px; }
#wrapper #content .posts-navigation .nav-links .nav-previous a::before { font-size: 1rem; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f053"; padding: 0 10px 0 0; }
#wrapper #content .posts-navigation .nav-links .nav-next { display: inline-block; }
#wrapper #content .posts-navigation .nav-links .nav-next a::after { font-size: 1rem; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f054"; padding: 0 0 0 10px; }

#wrapper #contact { background: linear-gradient(rgba(11, 16, 16, .9), rgba(60, 81, 72, .8)), url("../img/img_contact.webp"); background-size: cover; background-attachment: fixed; background-position: center; background-repeat: no-repeat; color: #fff; padding: 0; min-height: 250px; line-height: 1; }
#wrapper #contact .note { background: linear-gradient(#6B8E4E, #587540); color: #fff; padding: 20px; margin: 10px 50px 0 50px; }
#wrapper #contact .note i { margin-right: 15px; display: inline-block; }
#wrapper #contact .note span { display: inline-block; }
#wrapper .contact { margin: 0; line-height: 1; }
#wrapper .contact a { color: #fff; text-decoration: none; transition: 0.4s; }
#wrapper .contact a:hover { color: #B7D9A7; text-decoration: none; transition: 0.4s; }
#wrapper .contact .main { font-family: "Playfair Display"; font-size: 250%; padding: 50px; }
#wrapper .contact .phone { text-align: center; padding: 50px; }
#wrapper .contact .phone i { font-size: 300%; margin-bottom: 25px; display: block; }
#wrapper .contact .phone span { display: block; }
#wrapper .contact .phone .number { font-size: 150%; font-weight: bold; margin-bottom: 25px; }
#wrapper .contact .phone .available { margin-bottom: 10px; }
#wrapper .contact .phone .available::before { content: " "; white-space: pre; width: 15px; height: 15px; margin-right: 10px; border-radius: 100%; box-shadow: inset 0 0 1px #333; display: inline-block; }
#wrapper .contact .phone .available.yes::before { background: #00C853; }
#wrapper .contact .phone .available.no::before { background: #FF1744; }
#wrapper .contact .email { text-align: center; padding: 50px; }
#wrapper .contact .email i { font-size: 300%; margin-bottom: 25px; display: block; }
#wrapper .contact .email span { display: block; }
#wrapper .contact .email .address { font-size: 150%; font-weight: bold; margin-bottom: 25px; }
#wrapper .contact .location { text-align: center; padding: 50px; }
#wrapper .contact .location i { font-size: 300%; margin-bottom: 25px; display: block; }
#wrapper .contact .location span { display: block; }
#wrapper .contact .location .address { font-size: 150%; font-weight: bold; margin-bottom: 25px; }

#wrapper #blog-latest { padding: 50px; }
#wrapper #blog-latest h4 { font-family: "Playfair Display"; font-size: 200%; margin: 0 0 20px 15px; }
#wrapper #blog-latest .block-link { background: #fff; color: #1B2727; font-size: 1rem; font-weight: bold; text-decoration: none; padding: 10px; margin-top: 10px; border: 2px solid #1B2727; display: inline-block; transition: 0.4s; }
#wrapper #blog-latest .block-link::after { font-size: 1rem; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f061"; padding: 0 0px 0 10px; }
#wrapper #blog-latest .block-link:hover { background: #1B2727; color: #fff; transition: 0.4s; }
#wrapper #blog-latest .blogcard .card-body { background: #D5DDDF; border-bottom-left-radius: calc(.25rem - 1px); border-bottom-right-radius: calc(.25rem - 1px); }

#wrapper footer { background: #333; color: #fff; padding: 50px; }
#wrapper footer { margin: 0; }
#wrapper footer img { height: 50px; margin-bottom: 20px; display: block; }
#wrapper footer span { display: block; }
#wrapper footer span a { color: #fff; font-family: Quicksand; text-decoration: none; }
#wrapper footer span.name { font-size: 140%; }
#wrapper footer span.description { margin-bottom: 10px; }
#wrapper footer span.impressum { text-transform: uppercase; margin-bottom: 10px; }
#wrapper footer span.item { color: #bbb; font-family: Quicksand; text-transform: uppercase; }
#wrapper footer span.item a span { margin-left: 10px; display: inline; }
#wrapper footer .social { margin-top: 20px; }
#wrapper footer .social .hidden { display: none; }
#wrapper footer .social a { background: #fff; color: #1B2727; font-size: 35px; width: 50px; height: 50px; margin-right: 20px; text-decoration: none; text-align: center; display: inline-block; transition: 0.4s; }
#wrapper footer .social a:hover { background: #3C5148; color: #fff; transition: 0.4s; }
#wrapper footer .social a:last-of-type { margin: 0; }

.to-top { background: rgba(27, 39, 39, .8); width: 50px; height: 50px; text-align: center; }
.to-top i { color: rgba(255, 255, 255, .9); font-size: 50px; }

.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; }

.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%; }

@media only screen and (min-width:576px) and (max-width:767px) {
	#wrapper header { max-height: 320px !important; background-size: 100%; }
	#wrapper header #menu .navbar ul { display: none; }
	#wrapper header #menu .navbar .menu-hamburger { display: block !important; }
	#wrapper header #about .about-content h1 { font-size: 210%; }
	#wrapper header #about .about-content h2 { font-size: 140%; }
	#wrapper header #about .about-image { padding: 20px; }
	#wrapper header #about .about-content { padding: 20px; }
	#wrapper header #about .about-content p { display: none; }

	#wrapper #content .block { min-height: 400px; }
	#wrapper #content .more-posts .thumbnail { margin-bottom: 8px; }
	#wrapper #content .more-posts .contents { padding: 0 !important; }

	#wrapper .contact .main { font-size: 200%; }
	#wrapper .contact .phone .number { font-size: 140%; }
	#wrapper .contact .email .address { font-size: 140%; word-break: break-word; }
	#wrapper .contact .location .address { font-size: 140%; }

	#wrapper #blog-latest .blogcard { margin-bottom: 20px; }
	#wrapper #blog-latest .blogcard:last-of-type { margin: 0; }
}

@media only screen and (max-width:576px) {
	#wrapper header { background-size: 100%; }
	#wrapper header #menu .navbar ul { display: none; }
	#wrapper header #menu .navbar .menu-hamburger { display: block !important; }
	#wrapper header #about .about-content h1 { font-size: 180%; line-height: 150%; }
	#wrapper header #about .about-content h2 { font-size: 120%; }

	#wrapper #content .block { min-height: 400px; }
	#wrapper #content .more-posts .thumbnail { margin-bottom: 8px; }
	#wrapper #content .more-posts .contents { padding: 0 !important; }

	#wrapper .contact .main { font-size: 200%; }
	#wrapper .contact .phone .number { font-size: 140%; }
	#wrapper .contact .email .address { font-size: 140%; word-break: break-word; }
	#wrapper .contact .location .address { font-size: 140%; }

	#wrapper #blog-latest .blogcard { margin-bottom: 20px; }
	#wrapper #blog-latest .blogcard:last-of-type { margin: 0; }
}