/* * Theme Name: Heloisa * Description: Heloisa Ackermann * Theme URI: http://www.ahja.ch * Author: neuweiss und ah,ja! * Author URI: http://www.ahja.ch * Version: 1.3.10 * License: All Rights Reserved * License URI: http://www.gnu.org/licenses/gpl-2.0.html * Tags: two-columns, one-column, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, sticky-post, threaded-comments, translation-ready, microformats * Text Domain: Heloisa */ /* reset & 12 columns * ============================================================================ */ @import url('https://fonts.googleapis.com/css2?family=Hind:wght@300;400;500;600;700&display=swap'); html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, mark, audio, video { padding: 0; margin: 0; font-size: 100%; vertical-align: baseline; border: 0 } article, aside, details, figcaption, figure, footer, header, menu, nav, section { display: block } body { line-height: 1; overflow-x: hidden; color: #6F695D } #comments { display: none!important } ul.bullet {list-style: disc;} ol, ul { list-style: none; margin: 0 0 0 20px; } #footer ul {list-style: none; margin: 0 0 0 0px;} a:focus { outline: 0 } blockquote, q { quotes: none } blockquote:before, blockquote:after, q:before, q:after { content: '' } table { border-collapse: collapse; border-spacing: 0 } img, object, embed, video { max-width: 100% } object, embed, video { width: 100% } img { height: auto; vertical-align: middle; border: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -ms-interpolation-mode: bicubic } svg:not(:root) { overflow: hidden } .clearfix:before, .clearfix:after { display: table; line-height: 0; content: "" } .clearfix:after { clear: both } .grid { width: 90%; margin-left: auto; margin-right: auto } .grid [class*=col] { width: 100%; margin-left: 0 } .wpml-ls-display { display: none!important } @media screen and (min-width:1024px) { .grid { width: 100% } .grid [class*=col] { float: left } .grid:after, .grid:before, .grid .newrow:before { display: table; line-height: 0; content: "" } .grid:after, .grid .newrow, .grid .newrow:before { clear: both } .grid [class*=col] { margin-left: 1.694915254%; margin-right: 0 } .grid .newrow, .grid [class*=col]:first-of-type { margin-left: 0 } .grid .col1 { width: 6.779661017% } .grid .col2 { width: 15.25423729% } .grid .col3 { width: 23.72881356% } .grid .col4 { width: 32.20338983% } .grid .col5 { width: 40.6779661% } .grid .col6 { width: 49.15254237% } .grid .col7 { width: 57.62711864% } .grid .col8 { width: 66.10169492% } .grid .col9 { width: 74.57627119% } .grid .col10 { width: 83.05084746% } .grid .col11 { width: 91.52542373% } .grid .col12 { width: 100% } } .fl { float: left } .fr { float: right } .b { font-weight: bold } .i { font-style: italic } .tl { text-align: left } .tc { text-align: center } .tr { text-align: right } .pn { padding: 0 } .mn { margin: 0 } .hide { display: none } /* ============================================================================ */ /* ============================================================================ * LAYOUT * ============================================================================ */ html { height: 100%; overflow-x: hidden; font-family: 'Hind', sans-serif; } body { width: 100%; min-width: 280px; background: #fff; overflow-x: hidden; color: #6F695D; font-weight: 300 } body.home { background: url(img/home_bg.jpg) no-repeat center center; background-size: cover; } body.home footer { display: none; } * { margin: 0; padding: 0; } /* Icon 1 */ #menutoggle { width: 56px; height: 49px; position: relative; margin: 50px 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; position: fixed; top: 40px; right: 100px; z-index: 9; } #menutoggle span { display: block; position: absolute; height: 5px; width: 100%; background: #71695B; border-radius: 9px; 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; } #menutoggle.open span { background: #fff; } #menutoggle span:nth-child(1) { top: 0px; } #menutoggle span:nth-child(2) { top: 20px; } #menutoggle span:nth-child(3) { top: 38px; } #menutoggle.open span:nth-child(1) { top: 18px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); } #menutoggle.open span:nth-child(2) { opacity: 0; left: -60px; } #menutoggle.open span:nth-child(3) { top: 18px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); } #menu { background: #71695B; width: 100%; height: 100vh; } .inner_banner { background-position: left top!important } .inner_banner .title_box { padding-bottom: 200px } .maxwidth_padding{ padding: 0 145px 58px 350px; } .inner_banner .title_box .maxwidth { padding: 0 150px 310px 350px; text-align: left; color: #6F695D; } .inner_banner .title_box .maxwidth h2 { font-size: 25px; line-height: 30px; font-weight: 400; text-transform: uppercase; padding-bottom: 16px; } .page-template-default .inner_banner .title_box .maxwidth h2 { font-size: 25px; line-height: 30px; font-weight: 400; text-transform: uppercase; padding-bottom: 16px; padding-top:15px } .inner_banner .title_box .maxwidth p { font-size: 20px; line-height: 35px; padding-bottom: 20px; font-weight: 300 } * { box-sizing: border-box } /**---- custom css ------**/ a.close, .mobilemenu { opacity: 0; display: none } .wrapper { margin: 0 auto; overflow-x: hidden } #header { width: 100%; z-index: 9; position: relative; } #main { padding: 60px 0; margin: 0 auto; position: relative; overflow-x: hidden } #content { width: 100%; float: none; } #sidebar { display: none; } #sidebar.block { display: block; } #footer { width: 100%; padding: 20px 0; margin: 0; } #footer a { color: #222; } .maxwidth { margin: 0 auto; position: relative; width: 90%; max-width: 1279px; } p a { color: #902727 } .flex_row { width: 100%; display: flex } #header .logo { position: absolute; left: 0; top: 90px; } #header .logo a { margin: 20px 0 0; color: #71695B; text-decoration: none; } #header .logo strong { font-size: 250px; font-weight: 400; text-transform: lowercase; line-height: 123px; font-family: 'Jomolhari', serif} /* font-family: 'Jomolhari', serif; font-family: 'Scheherazade', serif;*/ #header .logo span { display: block; max-width: 140px; text-transform: uppercase; font-size: 21px; padding-left: 0px; font-weight: 400; } .home #header .logo span.title_logo { display: none } #header #menu .logo { color: #fff; } #header .right_details { width: 100%; text-align: right; padding-left: 20px } #header .right_details a { text-decoration: none } .home #toTop { display: none; } .home .start_block { margin-top: 150px; color: rgba(255, 255, 255, 0.6); text-transform: uppercase; font-size: 30px; line-height: 40px; font-weight: 300 } .home .start_block .left_box { background: url(img/left_bg.png) no-repeat center center; width: 330px; height: 640px; background-size: 330px 640px; margin-right: 10px; padding: 280px 20px 0 80px; text-align: right; position: relative } .home .start_block .right_box { background: url(img/right_bg.png) no-repeat center center; width: 330px; background-size: 330px 640px; height: 640px; padding: 485px 20px 0 12px; position: relative; } .home .start_block a { text-decoration: none; color: rgba(255, 255, 255, 0.6); } .home .start_block .maxwidth { max-width: 670px; } .home .start_block .left_box .k_link { display: block; height: 50%; width: 100%; position: absolute; left: 0; top: 0; border-radius: 100% 0 0 100%; } .home .start_block .left_box .f_link { display: block; height: 100%; width: 100%; position: absolute; left: 0; bottom: 0; border-radius: 100% 0 0 100%; } .home .start_block .right_box .m_link { display: block; position: absolute; left: 0; width: 100%; height: 100%; left: 0; bottom: 0; border-radius: 0 100% 100% 0; } #header #menu { position: fixed; left: 0; top: -1000%; width: 100%; height: auto; transition: all ease 0.3s; } #header #menu.open { top: 0; height: 100%; overflow: auto; display: block } #header #menu .col1 { width: 290px; position: relative; } #header #menu .col1 .address { color: #fff; position: absolute; bottom: 5px; font-size: 18px; } #header #menu #bellows-main-4 li { border: none } #header #menu #bellows-main-4 ul>li>span { border: none; color: #fff; text-decoration: none; text-transform: uppercase; font-size: 32px; line-height: 36px; font-weight: 400; } #header #menu #bellows-main-4 li a { color: #fff; text-decoration: none; text-transform: uppercase; font-size: 48px; line-height: 54px; font-weight: 300; padding: 5px } #header #menu #bellows-main-4 li ul { padding: 20px; display: none; } #header #menu #bellows-main-4 li li a { color: #fff; text-decoration: none; text-transform: none; font-size: 25px; line-height: 25px; padding-left:18px; opacity:0.91 } #header #menu .col1 + .col1 { width: 680px; padding-top: 117px; } .bellows .bellows-nav .bellows-subtoggle .fa { font-size: 20px; } #header #menu .col1 { height: 90vh; min-height: 600px } #header #menu .col1 a, #header #menu .col1 span { color: #fff; text-decoration: none } #header #menu .col1 + .col1 + col1 { width: 250px; } #header #menu .col1.last { border-left: 1px solid #a09a8d; padding-top: 250px; position: relative; width:200px } #header #menu .col1.last a, #header #menu .col1.last a span { font-weight: 400; color: #fff; font-size:25px; font-weight:300 } #header #menu .col1.last li { padding: 5px 0; display: block } #header #menu .col1.last .menu-social-menu-container, #header #menu .col1.last .menu-social-menu-english-container, #header #menu .col1.last .menu-social-menu-portuguese-portugal-container { position: absolute; bottom: 0 } #header #menu .col1.last .wpml-ls-legacy-list-horizontal { position: absolute; bottom: 225px } #header #menu .col1.last .wpml-ls-legacy-list-horizontal #header #menu a { color: #fff; text-decoration: none; } #header #menu .flex_row { margin-top: 50px; } #header #menu .logo { top: 40px; } .menuon { overflow: hidden; height: 100%; overflow: hidden; } .arrow_btn { width: 100%; text-align: center; position: absolute; bottom: 10px; left: 0; } .arrow_btn img { display: inline-block; width: 70px; margin: 0; } #header .menu { width: 100%; text-align: left; padding: 100px 0 0; } #header .menu li li { text-align: left } #header .menu li { font-size: 16px; font-weight: 600; transition: all ease 0.3s; display: block; padding: 12px 0; } #header .menu li:last-child a, #header .menu li:last-child span { padding-right: 0 } #header .menu li a, #header .menu li span { color: #474848; text-decoration: none; padding: 7px 15px } #header .menu li>a:hover, #header .menu li.current_page_item>a, #header .menu li.current_page_item>span, #header .menu li.current_page_ancestor span, #header .menu li.current_page_ancestor a { color: #fff; } #header .menu li ul li { border-bottom: 1px solid #128cc8; width: 100%; display: block; } #header .menu li ul li a, #header .menu li ul li span { color: #fff!important; font-size: 14px; font-weight: normal; padding: 5px 10px; display: block; width: 100%; white-space: nowrap; transition: all ease 0.3s; } #header .menu li ul li a:hover, #header .menu li ul li span:hover { background: #7ab732; color: #fff; padding: 5px 5px 5px 15px; } #header .menu li ul li a:hover { color: #fff } #header .menu li:hover ul { visibility: visible; opacity: 1; height: auto; overflow: visible; top: 30px; transition: all ease 0.3s; } #header .right_details .connect { font-size: 20px; color: #313131; padding-bottom: 35px } #header .right_details .connect strong { padding-left: 15px } #header .right_details .social { color: #0068ab; margin: 0 5px } body.custom-background .wrapper { margin: 0 auto; background: #fff; max-width: 1070px; } .slide_container .slide { width: 100%; padding: 220px 0 450px; font-size: 45px; font-weight: 300; color: #171717; background-position: right center!important } .slide_container .slide h2 { font-size: 42px; font-weight: 300; color: #171717; line-height: 50px } /*.slide_container .slide:before { content: ''; position: absolute; left: 0; width: 100%; height: 100%; top: 0; background: url(img/hov_bg.png) no-repeat 0 0; background-size: 0% }*/ .slide_container .banner_content { max-width: 400px; position: relative; z-index: 99 } .slide_container .slick-arrow { position: absolute; z-index: 10; } .slide_container .slick-next { right: 20px; top: 37%; background: none; border-bottom: 2px solid #333; border-radius: 0; padding: 0; color: #333 } .slide_container .slick-prev { left: 5px; top: 37%; background: none; border-top: 2px solid #333; border-radius: 0; padding: 0; color: #333 } .slide_container .slick-next:hover, .slide_container .slick-prev:hover { border-color: #fdc747 } .search-no-results h1 { text-align: center; font-size: 20px; padding-bottom: 20px } .search-no-results .searchform { margin: 0 auto; max-width: 400px } .searchform .s { border-radius: 0 } .search-no-results .inner_banner { background: #fdc747 url(img/search.png) no-repeat center center!important; background-size: contain!important } .search-no-results .inner_banner .title_box { display: none } .slide_container .slick-next, .slide_container .slick-prev { -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform-origin: bottom right; } /* h2:after, h1:after { -webkit-transition: all 0.3s ease; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-animation: jump 1s ease-in alternate infinite; animation: jump 1s ease-in alternate infinite; } @-webkit-keyframes jump { 0% { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); } 100% { -webkit-transform: translate3d(0, 100%, 10%); transform: translate3d(0, 50%, 10%); } } @keyframes jump { 0% { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); } 100% { -webkit-transform: translate3d(0, 100%, 10%); transform: translate3d(0, 50%, 10%); } } h2:after, h1:after, .h1:after { animation: expand_center 5000ms infinite; animation-fill-mode: forwards; } @keyframes expand_center { 0% { clip-path: polygon(50% 100%, 50% 0, 50% 0, 50% 100%); -webkit-clip-path: polygon(50% 100%, 50% 0, 50% 0, 50% 100%); } 100% { clip-path: polygon(0 100%, 0 0, 100% 0, 100% 100%); -webkit-clip-path: polygon(0 100%, 0 0, 100% 0, 100% 100%); } } */ .about_box { padding: 100px 0; font-size: 26px; line-height: 44px; color: #0068ab; text-align: center; font-weight: 500; } .about_box strong { display: block; padding: 10px 0 0; font-size: 19px; font-weight: normal } .about_box ul { display: flex; font-weight: 600; padding: 0 15px } .about_box li { padding: 0 130px 0 20px; background: url(img/arrow_big.png) no-repeat right center; } .about_box li:last-child { background: none; padding: 0 0 0 50px } .search_container { padding: 340px 0 40px; width: 100% } .search_container .box { background: rgba(122,183,50,0.9); padding: 50px 25px; text-align: center; color: #fff } .search_container .btn { border: 2px solid #ccdfb7; color: #fff; padding: 5px 20px; font-size: 22px; line-height: 26px; text-decoration: none; font-weight: normal; display: inline-block; margin: 30px 0 0; background: none } .search_container .btn:hover { background: #c1ea69; border-color: #c1ea69 } button.btn a { text-decoration: none } button.btn:hover a { text-decoration: none; color: #fff } button.btn i { color: #922a2a; } button.btn:hover i { color: #fff } .error404 .inner_banner { background: #7ab732 url(img/404.png) no-repeat center center!important; background-size: contain!important } .error404 .inner_banner .title_box { display: none } .error404 .inner_container { text-align: center } .error404 .searchform, .search-results .searchform { margin: 0 auto; float: none; display: inline-block } .search-results .inform { text-align: center; padding: 0 0 20px } .search-results .inform h1 { padding: 0 0 10px } .search-results .status-publish { margin: 0; padding: 10px; border: 1px solid #f2f2f2 } .search-results .status-publish h2 { margin: 0; padding: 0 } .search-results .serp::before { display: none } .search_container h2 { font-size: 32px; color: #fff; font-weight: normal } .search_container h2:after { content: ''; display: block; width: 200px; height: 2px; background: #c1ea69; margin: 15px auto 0; clear: both } .blog_list { width: 100%; padding: 50px 0 } .blog_list ul, .blog_list li { width: 100%; } .blog_list li { padding: 30px 0 } .blog_list li .post { display: flex; font-size: 17px; line-height: 23px; color: #191919 } .blog_list li .post figure { width: 480px } .blog_list li .post figure img { width: 100% } .blog_list li .post .details { padding: 0 0 0 100px } .btn, .more-link { padding: 15px 25px; text-transform: uppercase; font-weight: 700; color: #272727; border: 1px solid #272727; display: inline-block; clear: both; text-decoration: none; margin: 10px 0 0; background: #fff; border-radius: 0 } .btn:hover, .more-link:hover { border-color: #272727; background: #272727; color: #fff } .blog_list li h3 { font-size: 21px; line-height: 30px; color: #191919; padding: 0 0 20px } .blog_list li p { width: 100%; display: block } .inner_banner { padding: 185px 0 25px } .inner_banner .title_box { padding: 30px 0 20px; } .inner_banner h1 { font-size: 32px; color: #fff; font-weight: normal } .blog_bg .title_box { padding: 30px 0 20px; text-align: center; font-size: 32px; padding: 30px 0 20px } .blog_bg .title_box h1:after { content: ''; display: block; width: 200px; height: 2px; background: #08a1de; margin: 15px auto 0; clear: both } .inner_container { width: 100%; padding: 60px 0 } .inner_container h2 { font-size: 26px; color: #0068ab; padding: 0 0 20px } .inner_container h3 { font-size: 25px; font-weight: 400; padding: 0 0 30px; line-height: 24px; } .inner_container p, .inner_container li, .inner_container blockqoute { font-size: 20px; line-height: 30px; padding: 0 0 30px; font-weight: 300 } .inner_container .custom_list { width: 100%; display: flex; flex-wrap: wrap; padding: 20px 0 40px; margin: 0 } .inner_container .custom_list li { width: 50%; padding: 7px 40px 7px 25px; background: url(img/square_icon.png) no-repeat 0 13px; } .single .blog_box { list-style: none } .blog_container { padding: 60px 0 } .blog_box_list li h2, .alm-reveal li h2, .blog_box_list li h3, .alm-reveal li h3 { font-size: 20px; line-height: 28px; } .blog_box_list, .alm-reveal { width: 100%; display: flex; flex-wrap: wrap; } .blog_box_list li, .alm-reveal li { width: 33%; padding: 10px!important; margin-bottom: 20px } .alm-reveal li img, .blog_box_list li img { position: static!important; } .alm-reveal li figure, .blog_box_list li figure { margin-bottom: 20px; overflow: hidden } .page-kontakt .address1 { max-width: 300px; margin-top: 60px; font-weight: 300; font-size:20px; } .page-kontakt .wpcf7-form { max-width: 580px; margin: 0 auto; padding: 0 } .page-kontakt .custom_page_content:nth-child(1) { margin-bottom: -25px; padding-bottom: 0 } .page-kontakt .custom_page_content:nth-child(2) h3 { max-width: 580px; margin: 0 auto 20px; clear: both; padding-top: 10px; font-size: 25px; text-transform: uppercase } .page-kontakt .wpcf7-form input, .page-kontakt .wpcf7-form textarea { border: none; border-bottom: 2px solid #6F695D; box-shadow: none; border-radius: 0; padding: 10px 5px 5px; margin: 0 0 10px; color: #6F695D } .page-kontakt .wpcf7-form textarea { height: 80px } .page-kontakt .wpcf7-form input[type="submit"] { padding: 10px 20px; border: 1px solid #ccc; box-shadow: none; border-radius: none } .custom_page_content { width: 100%; display: block; clear: both; padding-bottom: 40px; } .page-kontakt .custom_page_content:nth-child(2) { color: #6F695D } #header .logo span.title_logo { text-transform: uppercase; padding: 5px 0 0 2px; display: block; font-weight: 400!important; width: auto; font-size: 16px!important; } .page-kontakt .title_box a { color: #6F695D; text-decoration: none } .page-kontakt .wpcf7-form p { padding: 0 0 10px; color: #6F695D; font-size: 20px; text-transform: capitalize } /*.page-ueber-mich .custom_page_content:nth-child(1), .page-freskomalerei .custom_page_content:nth-child(1){ margin-top:-300px; }*/ #swipebox-overlay, #swipebox-bottom-bar, #swipebox-top-bar { background: rgba(159,160,131,0.4); border-color: rgba(159,160,131,0.4) } .rl-gallery:not(.rl-hidden-text) .rl-gallery-link:after { background: rgba(159,160,131,0.4)!important; border-color: rgba(159,160,131,0.4)!important } .custom_page_content:nth-child(1) { margin-top: -405px; float: left; clear: both; width: 100%; margin-bottom: 20px } .custom_page_content:nth-child(1) img { max-width: 580px; height: auto } .page-kontakt .custom_page_content:nth-child(1) { margin-top: 0 } .page-kontakt .custom_page_content:nth-child(1) img { margin-top: -360px } .page-kontakt .inner_banner .title_box .maxwidth { padding-bottom: 70px } .page-freskomalerei .custom_page_content:nth-child(2) { padding-bottom: 0 } .page-freskomalerei .custom_page_content:nth-child(2) h3 { padding-bottom: 0; margin-bottom: 0; padding-left: 5px; text-transform: uppercase } .page-freskomalerei .custom_page_content:nth-child(3) { margin-top: 50px; display: flex; flex-wrap: wrap; ; } .page-freskomalerei .custom_page_content:nth-child(3) figure { width: calc(25% - 20px)!important; margin: 0 10px 0 10px; padding: 0; position: relative; overflow: hidden; overflow: hidden } .page-freskomalerei .custom_page_content:nth-child(3) figure a { background: rgba(159,160,131,1); } .page-freskomalerei .custom_page_content:nth-child(3) figure figcaption { opacity: 0; transition: all ease 0.3s; display: none } .page-freskomalerei .custom_page_content:nth-child(3) figure:hover figcaption { opacity: 1; position: absolute; left: 0; width: 100%; text-align: center; display: block; font-size: 16px; line-height: 22px; text-transform: uppercase; color: #fff } .page-freskomalerei .custom_page_content:nth-child(3) figure:hover a { opacity: 0.61; } .page-freskomalerei .custom_page_content:nth-child(3) figure img { width: 100%; height: auto; } .page-freskomalerei .custom_page_content:nth-child(3) figure:nth-child(even) { margin-top: 30px; } .page-freskomalerei .custom_page_content:nth-child(3) figure:nth-child(odd) { margin-top: 0px; } .page-freskomalerei .custom_page_content:nth-child(3) figure:nth-child(odd) figcaption { bottom: 75px; width: 100%; text-align: left; padding: 15px; font-size: 22px; line-height: 32px; } .page-freskomalerei .custom_page_content:nth-child(3) figure:nth-child(even) figcaption { bottom: 40px; width: 100%; text-align: left; padding: 15px; font-size: 22px; line-height: 32px; } /*.single-freskomalerei .rl-basicgrid-gallery, .page-template-bilderparavents .rl-basicgrid-gallery { width: 100%; column-count: 2; display: flex; align-items: flex-start; } .single-freskomalerei .rl-basicgrid-gallery { display: flex; flex-flow: column wrap; align-content: space-between; align-items: flex-start; width: 100%; counter-reset: items; display: flex; flex-flow: column wrap; align-content: space-between; height: 2300px; border-radius: 3px; width: 100%; counter-reset: items; }*/ .single-freskomalerei .rl-basicgrid-gallery .rl-gallery-item { width: 50%; /* Optional */ position: relative; margin: 0 0 2%; color: #fff; padding: 0!important; box-sizing: border-box; } /*.single-freskomalerei .rl-basicgrid-gallery .rl-gallery-item::before { counter-increment: items; content: counter(items); }*/ /* Re-order items into 3 rows */ .call, .mobile_content { display: none } .exhibitions_area .left h3 { padding: 20px 0 0; font-size: 22px; line-height: 28px; text-transform: uppercase; font-weight: 400; } .exhibitions_area .left .date { font-size: 17px; padding-bottom: 30px; display: block } .exhibitions_area .left h3 strong { font-weight: 400; } .home .scroll_btn { display: none; } /* Force new columns */ .single-freskomalerei .rl-basicgrid-gallery::before, .single-freskomalerei .rl-basicgrid-gallery::after { content: ""; flex-basis: 100%; width: 0; order: 1; } .project_nav { display: flex; clear: both; width: 100%; padding-bottom: 11px; border-bottom: 2px solid #A09A8D; position: absolute; top: 35px; } .project_nav .prev { width: 50%; text-align: left; font-size: 0 } .project_nav .next { width: 50%; text-align: right; font-size: 0 } .project_nav .prev a { display: inline-block; text-decoration: none; color: #6F695D; padding-left: 22px; position: relative; font-size: 16px } .project_nav .prev a:before { content: ''; background: url(img/left_arrow.png) no-repeat left center; position: absolute; left: -2px; top: -1px; width: 15px; height: 24px } .project_nav .next a { display: inline-block; text-decoration: none; color: #6F695D; padding-right: 22px; position: relative; font-size: 16px } .project_nav .next a:after { content: ''; background: url(img/right_arrow.png) no-repeat right center; position: absolute; top: -1px; right: -2px; width: 15px; height: 24px } /*.single-freskomalerei .rl-basicgrid-gallery .rl-gallery-item, .page-template-bilderparavents .rl-basicgrid-gallery .rl-gallery-item { vertical-align: top; width: calc(50% - 0px)!important; margin: 0 20px 20px 0!important; display: inline-block!important; }*/ /*#rl-gallery-container-1 .rl-basicgrid-gallery .rl-gallery-item { width: auto!important; margin: 1px; }*/ .single-freskomalerei .rl-basicgrid-gallery .rl-gallery-item img, .page-template-bilderparavents .rl-basicgrid-gallery .rl-gallery-item img { width: 100%; height: auto; } .single-freskomalerei .rl-basicgrid-gallery .rl-gallery-item img { max-height: 500px; object-fit: cover } .page-ueber-mich .custom_page_content:nth-child(2) { padding-left: 360px; padding-top: 40px; } .page-ueber-mich .custom_page_content:nth-child(2) a { text-decoration: none } .page-ueber-mich .custom_page_content:nth-child(3) p { display: flex; align-items: flex-start; } .page-ueber-mich .custom_page_content:nth-child(3) img { margin: 0; padding: 0; display: inline-block; } .page-ueber-mich .custom_page_content:nth-child(3) img { margin-top: 70px; padding: 15px; } .page-ueber-mich .custom_page_content:nth-child(3) img + img { margin: 0; padding: 0; } .page-ueber-mich .custom_page_content:nth-child(4) { padding-left: 51%; } .page-ueber-mich .custom_page_content:nth-child(5) ul { display: flex; } .page-ueber-mich .custom_page_content:nth-child(5) ul li { width: 50%; margin: 20px 0 20px; padding: 35px 12%; text-align: center; vertical-align: top; } .page-ueber-mich .custom_page_content:nth-child(5) ul li strong { display: block; font-size: 20px; font-weight: 400 } .page-ueber-mich .custom_page_content:nth-child(5) ul li:nth-child(odd) { background: #f2f2f2 url(img/bg1.png) no-repeat center center; background-size: cover; color: #6F695D; margin-right: 20px; } .page-ueber-mich .custom_page_content:nth-child(5) ul li:nth-child(even) { background: #A29A8B; color: #fff; margin-top: 150px; margin-bottom: -20px; margin-left: 20px; } .rl-gallery-item, .rl-gallery .rl-gallery-link .rl-gallery-item-title, .rl-gallery .rl-gallery-link .rl-gallery-item-caption { text-align: center; } .rl-gallery .rl-gallery-link .rl-gallery-item-caption { color: #222 } /*.rl-gallery-item:nth-child(odd) { margin-top: 0px!important; margin-bottom: 40px!important; } .rl-gallery-item:nth-child(even) { margin-top: 40px!important; margin-bottom: 40px!important; }*/ @media (min-width:768px) { .alm-reveal li .fluid-width-video-wrapper, .blog_box_list li .fluid-width-video-wrapper { padding-top: 53.3914%!important } } .post .flex_row ul { width: 50%; font-size: 16px; } .post .flex_row ul li { padding: 0 0 30px 51px; background: url(img/icon2.png) no-repeat 0 0; } .post .flex_row ul li:first-child { background: url(img/icon1.png) no-repeat 0 0; } .post .flex_row ul strong { font-size: 18px; line-height: 30px; } .post .flex_row .wpcf7 { width: 50% } .category_box .categories { width: 100%; display: flex } .category_box .categories ul { width: 100%; display: flex } .wpcf7 input, .wpcf7 textarea { border: 1px solid #ccc; font-size: 16px; font-weight: 600; color: #676767; text-transform: capitalize; margin: 0 0 15px; width: 100%; border-radius: 0; padding: 10px; } input.wpcf7-not-valid, textarea.wpcf7-not-valid { border-color: #ff0000 } #footer #main { padding: 45px 0 } /* adaptive layout */ @media screen and (min-width: 1024px) { .header-image { margin: 0 auto; position: relative; width: 90%; max-width: 1080px; } #content { width: 67.12962962962963%; float: left; } #sidebar { width: 27.77777777777778%; margin-top: 0; float: right; display: block; } .layout-leftbar #sidebar { float: left; } .layout-leftbar #content { float: right; } .layout-full #sidebar { display: none; } .layout-full #content { float: none; width: 100%; } .layout-center #sidebar { display: none; } .layout-center #content { float: none; width: 70%; margin-left: auto; margin-right: auto; } .wrapper { width: 100%; } } /* ============================================================================ */ /* ============================================================================ * inline HTML TAGS * ============================================================================ */ body { font: 16px/1.4 'Hind', sans-serif; color: #6F695D2; word-wrap: break-word; } a { color: #222; } a:hover { color: #222; } p { padding: 0 0 1em 0; } p:last-child { padding-bottom: 0; } h1, h2, h3, h4, h5, h6, .wtitle, .title { margin: 0; padding: 0 0 0.5em; line-height: 1.1; font-family: 'Hind', sans-serif; font-weight: bold; } h1 { font-size: 36px; padding: 0; } h2 { font-size: 30px; } h3 { font-size: 24px; } h4 { font-size: 20px; } h5, h6 { font-size: 18px; } @media screen and (min-width: 768px) { h1 { font-size: 36px; padding: 0; } h2 { font-size: 30px; } h3 { font-size: 24px; } h4 { font-size: 20px; } h5, h6 { font-size: 18px; } } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; } blockquote, q { position: relative; padding: 30px 30px 30px 80px; margin: 10px 0 20px 30px; color: #444; font-family: 'Hind', sans-serif; ; background: #EFEFEF; border-left: 3px solid #0068ab; border-radius: 3px; display: block; } blockquote:after { content: '”'; position: absolute; top: 10px; left: 20px; font-size: 4em; line-height: 1; } table th { background: #ddd; border-right: 1px solid #fff; padding: 10px 20px; } table tr th:last-child { border-right: 1px solid #ddd; } table td { padding: 5px 20px; border: 1px solid #ddd; } pre { background: #f5f5f5; border: 1px solid #ddd; padding: 10px; text-shadow: 1px 1px rgba(255, 255, 255, 0.4); font-size: 12px; line-height: 1.25; margin: 0 0 1em 0; overflow: auto } sup, sub { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline } sup { bottom: 1ex } sub { top: .5ex } small { font-size: 75% } big { font-size: 125% } /* ============================================================================ * FORM HTML TAG * ============================================================================ */ input, textarea, select, button { padding: 10px 10px 10px 0; border-color: #ddd; -webkit-border-radius: 5px; border-radius: 5px; font: 300 16px/1.25 'Open Sans', Tahoma, Verdana, Segoe, sans-serif; color: #222; } textarea { min-height: 90px; max-width: 100%; box-sizing: border-box; } textarea, select, input[type=text], input[type=password], input[type=email], input[type=url], input[type=tel], input[type=date], input[type=datetime], input[type=datetime-local], input[type=time], input[type=month], input[type=week], input[type=number], input[type=search] { padding: 9px 10px; border-width: 1px; border-style: solid; min-height: 20px;/*height: 20px; */ } input[type=search] { height: 40px; } input[type=color] { padding: 0; border: 0; background: #fff; } input:focus, textarea:focus, select:focus { outline: none; border-color: #0068ab; -webkit-box-shadow: inset 0 0 8px rgba(0,0,0,0.08); box-shadow: inset 0 0 8px rgba(0,0,0,0.08); } input[type=submit], input[type=button], button, .submit, .button { padding: 10px 20px; min-height: 20px; /*height: 40px;*/ line-height: 20px; border: 0; background-color: #0068ab; color: #fff; cursor: pointer; } input[type=submit]:hover, input[type=button]:hover, button:hover, .submit:hover, .button:hover { opacity: 0.91; } .wpcf7-submit[type=submit] { border: 1px solid #474848; padding: 20px 40px; color: #676767; text-transform: uppercase; font-size: 17px; font-weight: 700; background: #fff; max-width: 150px } .wpcf7-submit[type=submit]:hover { background: #474848; color: #fff } /* ============================================================================ */ /* ============================================================================ * HEADER * ============================================================================ */ .sitedescription {/*text-align: center;*/ padding-top: 10px; } .sitetitle.center .custom-logo { margin-left: auto; margin-right: auto; } .sitetitle.right .custom-logo { margin-left: auto; margin-right: 0; } .custom-logo-top { display: block; margin-bottom: 20px; } .custom-logo-bottom { display: block; margin-top: 20px; } .sitetitle.right .custom-logo-right, .sitetitle.left .custom-logo-right { margin-left: 20px; margin-right: 0; } .sitetitle.left .custom-logo-left, .sitetitle.right .custom-logo-left { margin-left: 0; margin-right: 20px; } @media screen and (min-width: 768px) { #logo { font-size: 60px; } } /* mobile navigation button */ #mobile-menu { display: block; padding: 15px 0; text-decoration: none; text-transform: uppercase; color: #fff; text-align: center; font-weight: 500; cursor: pointer; background: #0068ab;/*#eee;*/ z-index: 999; position: relative; } #mobile-menu:hover { opacity: 0.8; } /* header navigation */ .topnav nav { display: none; z-index: 9999; } .top-menu { background: #0068ab; position: absolute; z-index: 1000; width: 90%; left: 5%; } .top-menu li { padding: 0; display: block; } .top-menu li a, .top-menu li span { display: block; padding: 15px 20px; color: #fff; line-height: 20px; font-weight: 500; text-decoration: none; position: relative; cursor: pointer; } .top-menu li a:hover, .top-menu li span:hover, .top-menu li .sub-menu > li > a:hover, .top-menu li .sub-menu > li > span:hover { background-color: rgba(255,255,255,0.2); } .top-menu .current_page_item > a, .top-menu .current_page_item > span, .top-menu .current-menu-item > a, .top-menu .current-menu-item > span { background-color: rgba(0, 0, 0, 0.22) } .top-menu .current-menu-item > a:hover, .top-menu .current-menu-item > span:hover { color: #fff; } .top-menu .sub-menu { margin: 0; } @media screen and (min-width: 1024px) { .top-menu .open-submenu:after, .top-menu .open-submenu { display: none; } } @media screen and (max-width: 1140px) { #header .right_details { padding-left: 20px } .staff_container img { max-height: 55px } .staff_container h3 { white-space: nowrap; font-size: 12px; } .staff_container .box ul li { padding: 10px; } .blog_list li .post figure { width: 300px } .blog_list li .post .details { padding-left: 20px } } @media screen and (max-width: 767px) { .slide_container .banner_content { max-width: 100% } .slide_container .slide h2 { font-size: 35px; line-height: 40px } .slide_container .slide h2 br { display: none } .staff_container .box ul { display: block; width: 100%; } .staff_container .box ul li { width: 100%; display: table; vertical-align: middle; border-bottom: 1px solid rgba(255,255,255,0.2); text-align: left } .staff_container .box ul li:hover a { color: #ffdc8a } .staff_container .box ul li figure { display: table-cell; vertical-align: middle; width: 66px } .staff_container .box ul li figure img { width: 40px; height: auto!important; max-height: none!important; margin: 0 20px 0 0 } .staff_container .box ul li h3 { padding: 5px 0 0; display: table-cell; vertical-align: middle; text-align: left } .staff_container h3 { font-size: 15px; } .staff_container h2 { font-size: 23px; } .staff_container { width: 90%; margin-left: 5%; margin-right: 5% } .about_box { padding: 20px 0 } .about_box ul { display: block } .about_box ul li { width: 100%; text-align: center; padding: 15px 15px 120px; background: url(img/down_arrow.png) no-repeat center bottom } .about_box ul li:last-child { padding: 15px } .flex_row { width: 100%; display: block } #footer .left, #footer .right { width: 100% } #footer .links { display: none } #footer .connect { margin: 0; width: 100%; text-align: left; padding: 0 0 30px; display: none } #footer .number { padding: 0 0 30px; text-align: left } #header #menu .col1.last .wpml-ls-legacy-list-horizontal { position: static; padding: 0; width: 126px } } @media screen and (min-width: 481px) and (max-width:767px) { .staff_container h3 { font-size: 19px; } } @media screen and (max-width: 640px) { .blog_list li .post { display: block } .blog_list li .post figure { width: 100%; padding-bottom: 15px } .blog_list li .post .details { padding-left: 0; width: 100% } } @media screen and (max-width: 1023px) { .topnav { background: #0068ab; } .top-menu { margin-top: 1px; box-shadow: 2px 5px 15px rgba(0, 0, 0, 0.25); } .top-menu .sub-menu li a { padding: 10px 20px; } .top-menu .sub-menu { margin: 0 0 0 20px; font-size: 14px; } .top-menu li.menu-item-has-children { position: relative; } .top-menu li.menu-item-has-children > .open-submenu { width: 50px; height: 50px; position: absolute; top: 0; right: 0; background: rgba(255,255,255,0.3); box-sizing: border-box; font-size: 24px; line-height: 50px; padding: 0; text-align: center; } .top-menu a { border-bottom: 1px solid #ffffff1a; } .top-menu .sub-menu li.menu-item-has-children > .open-submenu { height: 40px; line-height: 40px; } .top-menu .sub-menu.closed { display: none; } .top-menu .submenu-opened .sub-menu.closed { display: none; } .top-menu .open-submenu:before { content: '+'; position: absolute; width: 100%; top: 0; left: 0; } .top-menu .submenu-opened > .open-submenu:before { content: '–'; } #header .menu li a, #header .menu li span { padding: 7px } #header .menu li { font-size: 16px; line-height: 26px; } #header .right_details .connect { font-size: 15px; } .about_box { font-size: 20px; line-height: 28px; } .about_box strong { font-size: 15px } .about_box li br { display: none } .about_box li { padding: 0 130px 0 0; } #header #menu .col1.last a, #header #menu .col1.last a span { font-weight: 400; color: #fff; font-size:17px; font-weight:400 } } /* ============================================================================ */ /* ============================================================================ * CONTENT * ============================================================================ */ .entry-box { margin: 30px 0 0; } .entry-box .entry { padding-bottom: 30px; } .entry-box ul, .entry-box ol { margin: 0.5em 0 1em 50px; } .entry-box ul { list-style: outside url("img/li.svg"); } .entry-box ol { list-style: decimal; } .entry-box ul ul, .entry-box ul ol, .entry-box ol ol, .entry-box ol ul { margin-top: 0; margin-bottom: 0; } .entry-box li { padding-top: 5px; } .entry-box ul li { padding-left: 5px; position: relative; } .ftrwidget ul { list-style: outside url("img/li.svg"); } .video-responsive { overflow: hidden; padding-bottom: 56.25%; position: relative; height: 0; margin-bottom: 1em; } .video-responsive iframe { left: 0; top: 0; height: 100%; width: 100%; position: absolute; } .comment-body ol, .comment-body ul { margin: 0.2em 0 0.5em 40px } .comment-body ul { list-style-type: disc; } .comment-body ol { margin-left: 40px; list-style-type: decimal; } .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6, .comment-body h2, .comment-body h3, .comment-body h4, .comment-body h5, .comment-body h6 { padding-top: 30px; padding-bottom: 10px; } .sticky { border: 5px solid #eee; padding: 30px; } .screen-reader-text { clip: rect(1px,1px,1px,1px); position: absolute!important; height: 1px; width: 1px; overflow: hidden; } .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: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } .blog-home-header { margin-bottom: 50px; } .brand_logos { width: 100%; margin: 40px 0 0; padding: 0; text-align: center } .brand_logos li { display: inline-block; vertical-align: middle; margin: 5px 10px; } /* ANONS * ----------------------------------------- */ .anons { margin-bottom: 60px; } .anons h2 { font-size: 30px; padding-bottom: 0; } .anons-thumbnail { display: none; } .anons-thumbnail.show { display: block; } .anons img { margin-bottom: 15px; margin-top: 5px; max-width: 100%; height: auto; } .largeimage { margin: 0 0 1em; max-width: 100%; height: auto; } .medium, .thumbnail { float: left; margin: 5px 1.5em 0.5em 0; } .medium { max-width: 50%; height: auto; } .thumbnail { max-width: 30%; height: auto; } /*.more-link-box {text-align: right;} .more-link { display: inline-block; padding: 10px 20px; background: #0068ab; color: #fff; text-decoration: none; -webkit-border-radius: 5px; border-radius: 5px; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; position: relative; } .more-link:after { content: '➤'; float: right; margin-left: 10px; margin-right: -5px; } .more-link:hover { opacity: 0.8; color: #fff; }*/ .workshop_area .m_list a{ color:#902727; font-weight:bold} .workshop .custom_page_content:nth-child(2){ padding-bottom:0; margin-bottom:0} /* __________ post __________ */ .meta { margin: 10px 0 0; font-size: 12px; } .meta span { padding-right: 20px; } .meta span.hide { display: none; } .meta .fa { padding: 0 5px 0 0; } .meta, .meta a { color: #999999; } .meta a { text-decoration: none; } .meta a:hover { text-decoration: underline; } /* __________ archive __________ */ .inform { margin-bottom: 2em; border-bottom: 1px dotted #e2e2e2; } .inform h1 { font-size: 20px; } .inform .archive-desc { padding: 0 0 2em 4em; } /* __________ socialshare __________ */ .social_share { margin: 30px 0 0; padding: 30px 0 0; border-top: 1px solid #DDD; } .social_share li, .social_share ul { margin: 0 !important; padding: 0 10px 0 0 !important; list-style: none; } .social_share li:before { display: none; } .psb { display: block; float: left; height: 40px; width: 40px; margin: 0 10px 0 0; background: url(img/socialshare.png) 0 0 no-repeat; transition: top 0.3s; position: relative; top: 0; } .psb, .share42-item { transition: top 0.3s; position: relative; top: 0; } .psb:hover, .share42-item:hover { position: relative; top: 3px; } .fb { background-position: 0 0; } .ok { background-position: -80px 0; } .tw { background-position: -40px 0; } .vk { background-position: -120px 0; } .gp { background-position: -160px 0; } /* __________ images __________*/ .entry iframe { max-width: 100%; } .entry img { max-width: 100%; height: auto; margin-bottom: 10px; margin-top: 8px; } .alignleft img { display: block; margin: 0 auto 0 0; } .alignright img { display: block; margin: 0 0 0 auto; } img.alignleft, .alignleft { float: left; margin-right: 20px; margin-left: 0; } img.alignright, .alignright { float: right; margin-left: 20px; margin-right: 0; } .aligncenter, div.aligncenter, img.centered { display: block; margin-left: auto; margin-right: auto; } .entry .attachment, .entry .caption, .entry .gallery-caption { text-align: center; } .entry .attachment .navigation { height: 150px; } .wp-caption, .attachment img { text-align: center; max-width: 100%; } .wp-caption img { margin-top: 0; margin-bottom: 0; } .wp-caption-text, .wp-caption p.wp-caption-text { font-size: 12px; color: #222; margin: 0 0 15px; } .entry .wp-smiley { margin: 0; padding: 0; border: 0; } /* __________ galleries __________*/ .gallery { border: 2px solid #eee; padding: 15px 20px; margin: 20px 0 30px; } .gallery:after { content: ''; display: table; clear: both; } .gallery-item img { display: block; margin: 0 auto; } .gallery-columns-1 .gallery-item { width: 100%; padding: 10px 0; } .gallery-columns-2 .gallery-item { width: 48%; padding: 10px 1%; float: left; } .gallery-columns-2 .gallery-item:nth-child(2n+1) { clear: both; } .gallery-columns-3 .gallery-item { width: 31.33333333333333%; padding: 10px 1%; float: left; } .gallery-columns-3 .gallery-item:nth-child(3n+1) { clear: both; } .gallery-columns-4 .gallery-item { width: 23%; padding: 10px 1%; float: left; } .gallery-columns-4 .gallery-item:nth-child(4n+1) { clear: both; } .gallery-columns-5 .gallery-item { width: 18%; padding: 10px 1%; float: left; } .gallery-columns-5 .gallery-item:nth-child(5n+1) { clear: both; } .gallery-columns-6 .gallery-item { width: 14.66666666666667%; padding: 10px 1%; float: left; } .gallery-columns-6 .gallery-item:nth-child(6n+1) { clear: both; } .gallery-columns-7 .gallery-item { width: 12.28571428571429%; padding: 10px 1%; float: left; } .gallery-columns-7 .gallery-item:nth-child(7n+1) { clear: both; } .gallery-columns-8 .gallery-item { width: 10.5%; padding: 10px 1%; float: left; } .gallery-columns-8 .gallery-item:nth-child(8n+1) { clear: both; } .gallery-columns-9 .gallery-item { width: 10%; padding: 10px 0.5555555555555556%; float: left; } .gallery-columns-9 .gallery-item:nth-child(9n+1) { clear: both; } /* __________ paginate __________ */ .nav-links { line-height: 40px; } .nav-links a { text-decoration: none; } .nav-links .page-numbers { padding: 4px 12px 6px; margin-right: 5px; background: #ddd; color: #444; -webkit-border-radius: 4px; border-radius: 4px; -webkit-transition: background, color 0.3s; transition: background, color 0.3s; } .nav-links a:hover, .nav-links .current { background: #0068ab; color: #fff; } .nav-links .total { margin-right: 5px; } /* ============================================================================ * COMMENTS * ============================================================================ */ #comments, #respond { margin: 60px 0 0; } .comments-title, #reply-title { font-size: 30px; padding: 20px 0 5px 0; margin-bottom: 20px; border-bottom: 1px solid #ddd; } .comments-title .cnt { float: right; font-size: 0.7em; } .comment-list { margin: 10px 0 0 0; } .comment-body { margin: 0 0 20px 0; padding: 20px 20px 20px 100px; background: #F9F9F9; -webkit-border-radius: 4px; border-radius: 4px; position: relative; } .comment-body a { text-decoration: none; } .comment-body a:hover { text-decoration: underline; } .comment .avatar { position: absolute; top: 20px; left: 20px; -webkit-border-radius: 4px; border-radius: 4px; } .comment-author { float: left; margin-right: 10px; line-height: 20px; } .comment-metadata { font-size: 0.7em; line-height: 17px; padding-top: 3px; } .says { display: none; } .comment-content { margin: 10px 0; font-size: 14px; line-height: 1.3; clear: both; } .comment-reply-link { font-size: 10px; text-transform: uppercase; font-weight: 500; color: #C5C5C5; position: absolute; bottom: 5px; right: 10px; } .bypostauthor .comment-body { background: #EFEFEF; } /* _____ REPLY to comment */ .rinput, .rcomment { margin-bottom: 10px; } .rinput input { width: 92%; padding-left: 4%; padding-right: 4%; } .rcomment textarea { width: 100%; } #cancel-comment-reply-link { font-size: 14px; float: right; } .comment #respond { margin: -20px 0 60px 0; } /* ============================================================================ * SIDEBAR * ============================================================================ */ #widgetlist { margin: 0; padding: 0; list-style: none; } #widgetlist > li:last-child { margin-bottom: 0; } .widget, .categories, #widgetlist > li { margin-bottom: 60px; padding: 0; } .wtitle { white-space: nowrap; padding: 0 15px 0 0; font-size: 20px; font-weight: 300; color: #12537d } .widget ul { margin: 0 0 0 15px; list-style: outside url("img/li.svg"); } .widget li { padding: 5px 0 5px 5px; } .wtitle a { text-decoration: none!important } .widget .children { margin-left: 20px; } .widget_calendar td, .widget_calendar th { padding: 10px } .widget a { text-decoration: none; } .widget a:hover { text-decoration: underline; } .categories { margin-bottom: 0 } .categories ul li { padding: 0 20px; font-size: 20px; line-height: 20px; font-weight: 300; border-right: 1px solid #333 } .categories ul li:last-child { border: none } .categories ul li a { text-decoration: none } .category_box { width: 100%; padding: 60px 25px; background: #ebe9e3; display: none } .category_box h2 { font-size: 26px; line-height: 30px; color: #0068ab; padding: 0 0 20px } .categories ul .current-cat { font-weight: bold; color: #0068ab } .category .blog_box .meta { display: none } .pagination { width: 100%; display: none; clear: both } .alm-btn-wrap { text-align: left!important } .blog_box h1, .blog_box_list h2 { padding: 20px 0 0; font-size: 22px; line-height: 28px; text-transform: uppercase; font-weight: 400; color: #6F695D } .blog_box_list p:empty { display: none; } .blog_box_list p:blank { display: none; } /* ============================================================================ * OTHER * ============================================================================ */ /* _____ Search & Results */ .search-results .inform { margin-bottom: 4em; } .searchform { width: 100%; max-width: 400px; margin: 0; padding: 0; position: relative; } #header .searchform { display: none; margin: 30px auto; max-width: 300px; } #content .searchform { margin: 30px 0; } input.s { width: 90%; } input.search_submit { position: absolute; top: 0; right: 0; width: 40px; padding-left: 12px; padding-right: 12px; -webkit-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; } .serp { margin-bottom: 40px; margin-left: 20px; position: relative; } .serp:before { content: ''; position: absolute; left: -20px; top: 8px; border: 3px solid black; border-radius: 50%; } .serp h2 { font-size: 20px; } .serp .meta { margin: 5px 0 0 0; font-size: 10px; line-height: 1; } .serp .entry { margin-top: 10px; } .serp .entry p { font-size: 14px; line-height: 1.3; } /* _____ Woocommerce */ .product_meta { font-size: 0.9em; } .product_meta > span { display: block; } /* ________ BB Press _________ */ form#bbp-search-form { margin-bottom: 20px; } form#bbp-search-form input[type=text] { padding: 5px 10px; } form#bbp-search-form input[type=submit] { padding: 7px 15px; margin-left: -10px; } #bbpress-forums p.bbp-topic-meta img.avatar, #bbpress-forums ul.bbp-reply-revision-log img.avatar, #bbpress-forums ul.bbp-topic-revision-log img.avatar, #bbpress-forums div.bbp-template-notice img.avatar, #bbpress-forums .widget_display_topics img.avatar, #bbpress-forums .widget_display_replies img.avatar { margin-bottom: 0; border: 1px solid #ddd; padding: 1px; background: #fff; } #wp-bbp_reply_content-editor-container { border: 1px solid #ddd; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #qt_bbp_reply_content_toolbar { border-radius: 6px 6px 0 0; } /*.bbp-body .bbp-topic-title,*/ .bbp-topic-permalink, .bbp-forum-title { text-decoration: none; font: bold 18px/125% 'PT Serif', sans-serif; } #bbpress-forums .bbp-forum-info .bbp-forum-content { margin: 0; color: #818181; } #bbpress-forums li.bbp-body ul.forum, #bbpress-forums li.bbp-body ul.topic { padding: 20px; } .bbp-header .bbp-topic-title .bbp-topic-title, .bbp-header .bbp-forum-info { padding-left: 10px; box-sizing: border-box; } li.bbp-topic-title { width: 47%; } li.bbp-forum-topic-count { text-align: left; } li.bbp-forum-reply-count, li.bbp-topic-voice-count, li.bbp-topic-reply-count { text-align: left; width: 13%; } li.bbp-forum-freshness, li.bbp-topic-freshness { text-align: left; width: 19%; } /* ============================================================================ */ .inner_banner { position: relative; } .page-maltherapie #header .logo a, .page-mitgliedschaften #header .logo a { color: #902727; } .page-maltherapie #menutoggle span, .page-mitgliedschaften #menutoggle span { background-color: #902727; } .page-maltherapie #menutoggle.open span, .page-mitgliedschaften #menutoggle.open span { background-color: #fff; } .page-maltherapie .inner_banner .title_box .maxwidth p, .page-krankenkassen .inner_banner .title_box .maxwidth p, .page-mitgliedschaften .inner_banner .title_box .maxwidth p { font-size: 18px; line-height: 26px; } .workshop_area, .bilder_area { width: 100%; padding: 15px 0; clear: both } .exhibitions_area { width: 100%; padding: 15px 0; clear: both } .exhibitions_area { padding: 40px 0 0 } .exhibitions_area .left { width: 70%; padding-right: 35px; border-right: 1px solid #6F695D } .exhibitions_area .left .s_details { padding-bottom: 30px } .exhibitions_area .right { width: 30%; padding-left: 35px; } .exhibitions_area .right h3 { font-size: 25px; padding-bottom: 25px; text-transform: uppercase; color: #6F695D } .exhibitions_area .right a { text-decoration: none; display: inline; color: #6F695D; font-size: 18px; margin: 2px 0; } .exhibitions_area .right ul { list-style: none } .exhibitions_area .right li { list-style: none; padding-bottom: 12px } .blog_bg { background: url(img/bg.jpg) no-repeat center center; background-size: cover } .column_content { width: 100%; } .column_content .box { width: 50%; padding: 10px; } .column_content .box ul li { border-bottom: 1px solid #9a968d; margin-bottom: 15px; padding-bottom: 15px; font-size: 18px; line-height: 26px; } .column_content .box ul li h3, .column_content .box ul li strong { font-weight: 600; line-height: 30px } .column_content .box ul li p { font-size: 18px; line-height: 26px; } .column_content .box ul li:last-child { border: none; margin-bottom: 0; padding-bottom: 0 } .column_content .box:last-child { background: #f7f7f7 } .s_list li.m_list { width: 100%; padding-bottom: 0 } .s_list li h3 { font-weight: normal; text-transform: uppercase; cursor: pointer; font-size: 25px; line-height: 29px; border-bottom: 1px solid #d1d1d1; padding: 7px 25px 7px 0; max-width: 100%; background: url(img/right_arrow.png) no-repeat 100% center; background-size: 18px; animation: all ease 0.3s } .s_list li h3 strong { font-weight: normal } .s_list li h3.active { background: url(img/arrow_down.png) no-repeat 100% 5px; } .s_list li li { padding-bottom: 0 } .s_list li .s_details { display: none } .s_list li .s_details .entry ul { padding: 0 0 20px } .s_list li .s_details .entry li { background: url(img/dots.png) no-repeat 0 9px; padding: 5px 0 5px 15px } /*.s_list li.m_list .s_details { display:block;}*/ /* GALERIE GALLERY bg color Hintergrundfarbe */ html body .modula-fancybox-bg { background: white!important } .s_list li .s_details .entry { padding: 20px 0 } .s_list li .s_details .fs_row { width: 100%; display: flex; } .s_list li .s_details .fs_row strong { display: block; font-weight: 400 } .s_list li .s_details .fs_row a { color: #c95363; text-decoration: underline; } .s_list li .s_details .fs_row a:hover { text-decoration: none } .s_list li .s_details .fs_row .list { width: calc(50% - 30px); margin-right: 30px; } .s_list li .s_details .fs_row .list li { border-bottom: 1px solid #d1d1d1; padding: 10px 0; width: 100% } .s_list li .s_details .fs_row .list li li { margin: 0; padding: 5px 0 5px 30px; margin: 0; border: none; background: url(img/pdf.png) no-repeat 0 0; } .s_list li .s_details .fs_row .list li li a { color: #333; text-decoration: none } .s_list li .s_details .fs_row .list li:last-child { border: none; padding-bottom: 0; margin-bottom: 0 } .s_list li .s_details p>strong { font-weight: normal } .s_gallery { padding: 40px 0 20px } .s_gallery li { display: inline-block; width: auto } /* ============================================================================ * FOOTER * ============================================================================ */ #footer { color: #6F695D; font-size: 18px; line-height: 30px; text-decoration: none; } #footer p { line-height: 32px; color: #6F695D; } #footer p strong { font-weight: normal } #footer #main { border-top: 2px solid #A09A8D } #footer h3 { font-weight: normal; color: #6F695D; } #footer .col { width: 25%; line-height: 25px; } #footer .col:nth-child(1) { width: 50% } #footer .col:nth-child(1) p br{display:block!important} #footer li { padding: 0 0 6px; } #footer .logo { max-width: 280px; display: block } #footer a { color: #6F695D; transition: opacity 0.3s; text-decoration: none; } #footer a:hover { color: #999999; } #footer .maxwidth { position: relative; } .footer-menu { border-bottom: 1px solid rgba(255, 255, 255, 0.2); margin-bottom: 30px; } .footmenu { padding: 0 0 20px 0; margin: 0; text-align: center; } .footer-menu li { display: inline-block; padding: 5px 10px; } #footer .footer-menu a:hover { color: #fff; opacity: 0.7; } .copyright { text-align: right; width: 100%; padding: 0 0 15px; /*font-size: 12px;*/ color: #ccc; font-size: 18px } #footer .copyright p { font-size: 18px; color: #ccc; font-weight: 300 } #footer .copyright p a { text-decoration: none; color: #ccc; } .copyright a { color: #ccc; text-decoration: none; } #designedby { text-align: center; opacity: 0.8; } #toTop { position: fixed; z-index: 1000; bottom: 20px; right: 20px; margin: 0; padding: 14px 12px; display: none; cursor: pointer; background: #71695B; color: #fff !important; border-radius: 3px; transform: rotate(-90deg); font-size: 24px; text-align: center; } #toTop:hover { background: #999; text-decoration: none !important; border-radius: 3px; } #menutoggle span { background: #902727; } #header .logo a { color: #902727 } .title_logo { border-top: 1px solid #902727; margin-top: 5px; padding-top: 5px; } .home #menutoggle span { background: #71695B; } .home #menutoggle.open span { background: #fff; } .home #header .logo a { color: #71695B } .page-template-two_col_template .inner_banner .title_box { padding: 0; background: #d7e0e1; } .page-template-two_col_template .inner_banner { padding: 0; background: none!important; } .page-template-two_col_template .inner_banner .title_box .entry { background: #CCAB51; padding: 200px 40px 350px; position: relative } .page-template-two_col_template .inner_banner .title_box .entry:after { content: ''; width: 100%; position: absolute; right: -100%; top: 0; height: 100%; background: #CCAB51 } .page-template-two_col_template .inner_banner .title_box .maxwidth { padding-top: 0; padding-bottom: 0; padding-left: 250px; padding-right: 60px; position: static } /* .page-template-two_col_template .inner_banner {} .page-template-two_col_template .inner_banner .maxwidth{max-width: calc(100% - 300px); padding: 210px 20% 230px 30px!important ; margin-left: 300px; background: #CCAB51; width: 100%;} .page-template-two_col_template #header .maxwidth{ max-width: 100%;} .page-template-two_col_template .inner_container .maxwidth{ max-width: 1280px;}*/ #toTop { display: none!important } .single .custom_page_content:nth-child(2) { padding-top: 50px } .page-maltherapie .custom_page_content:nth-child(2) { margin: 40px 0 } .page-maltherapie .custom_page_content:nth-child(2) .content_box { background: #d7e0e1; padding: 40px 40px 240px 40px; color: #6F695D; max-width: 70%; position: relative; } .page-maltherapie .custom_page_content:nth-child(2) .content_box:before { content: ''; left: -100%; width: 100%; background: #d7e0e1; position: absolute; height: 100%; top: 0 } .page-maltherapie .custom_page_content:nth-child(2) .content_box h2 { font-weight: normal; color: #6F695D; font-size: 25px; text-transform: uppercase; margin-bottom: 0 } .page-maltherapie .custom_page_content:nth-child(2) .content_box p { padding: 15px 0; font-weight: 300 } .page-maltherapie .custom_page_content:nth-child(2) .content_box ul { list-style: outside; margin: 0 0 0 20px; font-weight: 300 } .page-maltherapie .custom_page_content:nth-child(2) .content_box ul li { margin: 0; padding: 0 0 10px } .page-maltherapie .custom_page_content:nth-child(3) { margin-top: -300px } .page-maltherapie .custom_page_content:nth-child(3) .content_box { padding: 0; color: #6F695D; max-width: 80%; position: relative; z-index: 9 } .page-maltherapie .custom_page_content:nth-child(3) p { display: flex; align-items: flex-start; width: 100% } .page-maltherapie .custom_page_content:nth-child(3) img { margin: 20px; padding: 0; display: inline-block; width: 50% } .page-maltherapie .custom_page_content:nth-child(3) img { margin-top: 70px; padding: 15px; } .page-maltherapie .custom_page_content:nth-child(3) img + img { margin: 0; padding: 0; } .page-maltherapie .custom_page_content:nth-child(4) { margin-top: -300px } .page-maltherapie .custom_page_content:nth-child(4) .content_box { background: #CCAB51; color: #6F695D; padding: 260px 40px 40px; max-width: 80%; margin-left: 20%; position: relative; } .page-maltherapie .custom_page_content:nth-child(4) .content_box h3 { font-weight: normal; color: #6F695D; font-size: 25px; text-transform: uppercase; margin-bottom: 0; padding-bottom: 15px; margin-top: 20px } .page-maltherapie .custom_page_content:nth-child(4) .content_box:after { content: ''; right: -100%; width: 100%; background: #CCAB51; position: absolute; height: 100%; top: 0 } .page-maltherapie .inner_container .custom_page_content .maxwidth { width: 100% } .page-therapieangebot .page-template-two_col_template.page-publikationen .inner_banner .title_box { background: #d7e0e1 } .page-template-two_col_template.page-publikationen .inner_banner .title_box .entry { background: #bac04c; padding: 200px 40px 350px; position: relative } .page-template-two_col_template.page-publikationen .inner_banner .title_box .entry:after { content: ''; width: 100%; position: absolute; right: -100%; top: 0; height: 100%; background: #bac04c; border-left: 1px solid #bac04c } .page-template-two_col_template.page-therapieangebot .inner_banner .title_box { background: #d7e0e1 } .page-template-two_col_template.page-therapieangebot .inner_banner .title_box .entry { background: #d8bfb5; padding: 200px 40px 350px; position: relative } .page-template-two_col_template.page-therapieangebot .inner_banner .title_box .entry:after { content: ''; width: 100%; position: absolute; right: -100%; top: 0; height: 100%; background: #d8bfb5; border-left: 1px solid #d8bfb5 } .page-template-two_col_template.page-maltherapie .inner_banner .title_box { background: #d7e0e1 } .page-template-two_col_template.page-maltherapie .inner_banner .title_box .entry { background: #a09f59; padding: 200px 40px 350px; position: relative } .page-template-two_col_template.page-maltherapie .inner_banner .title_box .entry:after { content: ''; width: 100%; position: absolute; right: -100%; top: 0; height: 100%; background: #a09f59; border-left: 1px solid #a09f59 } .page-template-two_col_template.page-krankenkassen .inner_banner .title_box { padding: 0; background: #d7e0e1; } .page-template-two_col_template.page-krankenkassen .inner_banner, .page-template-two_col_template.page-mitgliedschaften .inner_banner { padding: 0; background: none!important; } .page-template-two_col_template.page-krankenkassen .inner_banner .title_box .entry { background: #ccb35b; padding: 200px 40px 350px 20px; position: relative } .page-template-two_col_template.page-krankenkassen .inner_banner .title_box .entry:after { content: ''; width: 100%; position: absolute; right: -100%; top: 0; height: 100%; background: #ccb35b; border-left: 1px solid #ccb35b } .page-template-two_col_template.page-mitgliedschaften .inner_banner .title_box { background: #d7e0e1 } .page-template-two_col_template.page-mitgliedschaften .inner_banner .title_box .entry { background: #5e9bed; padding: 200px 40px 350px; position: relative } .page-template-two_col_template.page-mitgliedschaften .inner_banner .title_box .entry:after { content: ''; width: 100%; position: absolute; right: -100%; top: 0; height: 100%; background: #5e9bed; border-left: 1px solid #5e9bed } .testimonial { text-align: center; color: #2D697B; padding: 40px 0 0 } .testimonial .maxwidth { padding: 0 } .testimonial p { font-size: 60px; line-height: 80px; padding: 0 6%; font-weight: 300 } .testimonial p strong { font-size: 25px; line-height: 30px; font-weight: 300 } .bellows-menu-item-has-children:before { display: none } #header #menu #bellows-main-4 li a { position: relative; padding-left: 35px; padding-right: 0 } .bellows-menu-item-has-children a:before { content: '+'; display: inline-block; font-size: 30px; color: #a9a191; position: absolute; top: 8px; left: 0 } .bellows-menu-item-has-children.bellows-active a:before { content: '-'; display: inline-block; font-size: 20px; font-size: 30px; color: #a9a191; position: absolute; top: 6px; left: 2px } .bellows .bellows-nav .bellows-subtoggle .fa { display: none!important } #header #menu #bellows-main-4 li li a:after, #header #menu #bellows-main-4 li li a:before { display: none } .bellows .bellows-nav .bellows-subtoggle { width: 100% } #header #menu #bellows-main-4 li { margin: 10px 0 } #header #menu #bellows-main-4 li li { margin: 4px 0 } .scroll_btn { position: fixed; top: 50%; right: 0; z-index: 9 } .rl-gallery .rl-gallery-link img { height: auto; width: 100%; object-fit: cover; } .exhibitions_area .right.desk { display: block } .exhibitions_area .right.mobile { display: none } .blog_box_list { padding: 20px 0 } .blog_box_list li { border: 1px solid #6F695D; padding: 20px!important; margin: 10px } .page-kontakt .custom_page_content:nth-child(3) { position: relative; width: 100%; height: 400px } .page-kontakt .custom_page_content:nth-child(3) iframe { position: absolute; left: 0; top: 0; height: 400px; width: 100% } /* ============================================================================ * ADAPTIVE * ============================================================================ */ /* ___ Laptop/Tablet ( > 768px ) --------------------------------------------- */ @media only screen and (min-width: 768px) { .sitetitle { text-align: left; } .sitetitle.center { text-align: center; } .sitetitle.right { text-align: right; } #header { background-size: auto; } #header .searchform { display: block; float: right; margin: 35px 0 0; } body.custom-background #header { background-size: contain; } .anons-thumbnail { display: block; } .rinput { display: inline-block; width: 30%; margin-right: 4%; } .rurl { margin-right: 0; } #copy { text-align: left; padding-bottom: 0; } #designedby { text-align: right; } } /* ___ Desktop ( > 1024px ) ------------------------------------------------ */ @media only screen and (min-width: 1024px) { body.custom-background #header .menu { width: 100%; margin: 0; padding: 0 40px; border-radius: 0 } body.custom-background .wrapper { margin: 40px auto; } body.custom-background .wrapper { border-radius: 10px; } body.custom-background #footer { border-radius: 0 0 10px 10px; } #mobile-menu { display: none; } .topnav nav { display: block; } .top-menu { border-radius: 5px; position: static; text-align: center; } .top-menu li { display: inline-block; position: relative; } .top-menu li a { border-bottom: 0; font-weight: normal; color: #fff; -webkit-transition: background 0.3s; transition: background 0.3s; } .top-menu > li:hover > a { background: rgba(255,255,255,0.3); } .top-menu .sub-menu, .top-menu .children { display: none; margin: 0; position: absolute; top: 100%; left: 0; background: #0068ab; width: 300px; z-index: 1000; box-shadow: 3px 3px 0 rgba(0,0,0,0.1); } .top-menu .sub-menu li, .top-menu .children li { display: block; text-align: left; } .top-menu .sub-menu li a, .top-menu .children li a { color: #fff; border-top: 1px solid rgba(255,255,255,0.2); } .top-menu li:hover > .sub-menu, .top-menu li:hover > .children { display: block; } .top-menu .sub-menu .sub-menu, .top-menu .children .children { display: none; top: 0; left: 100%; padding: 0; border-top: 0; border-left: 3px solid #fff; } .top-menu .sub-menu li:hover > .sub-menu, .top-menu .children li:hover > .children { display: block; } .top-menu .menu-item-has-children > a:after, .top-menu .menu-item-has-children > span:after, .top-menu .page_item_has_children > a:after, .top-menu .page_item_has_children > span:after { content: '»'; position: absolute; right: 20px; margin: 1px 0 0 15px; transform: rotate(90deg); } .top-menu .sub-menu > .menu-item-has-children > a:after, .top-menu .sub-menu > .menu-item-has-children > span:after, .top-menu .children > .page_item_has_children > a:after, .top-menu .children > .page_item_has_children > span:after { content: '»'; margin: 0; transform: none; } .top-menu .menu-item-has-children> a, .top-menu .menu-item-has-children> span, .top-menu .page_item_has_children> a, .top-menu .page_item_has_children> span { padding-right: 40px; } } /* ___ Desktop ( > 1200px ) ------------------------------------------------ */ @media only screen and (min-width: 1280px) { body.custom-background #header { border-radius: 10px 10px 0 0; } #navpages li { padding-left: 10px; } #navpages .sub-menu { margin-left: 10px; } #navpages .sub-menu .sub-menu { left: 190px; } #navpages li a { font-size: 16px; padding: 10px; } .comment-list ul.children { margin: 0 0 50px 30px; } } /* -------------------------------------------------------------------------- */ @media only screen and (max-width: 1600px) { /* .inner_banner .title_box .maxwidth p { font-size: 15px; line-height: 25px; } .inner_banner .title_box .maxwidth h2 { font-size: 20px; line-height: 25px;}*/ } @media only screen and (max-width: 1279px) { .maxwidth_padding{ padding: 0 145px 58px 190px; } #header .logo span { font-size: 17px; } .page-template-two_col_template .inner_banner .title_box .maxwidth { padding-right: 0 } .inner_banner .title_box .maxwidth { padding: 0 155px 310px 190px; } .inner_container h3 { font-size: 20px; } .inner_container p br { display: none } .page-ueber-mich .custom_page_content:nth-child(3) img { width: 50% } .page-ueber-mich .custom_page_content:nth-child(5) ul li:nth-child(even) { margin-top: 60px } .copyright { text-align: right; width: 100%; padding: 0 0 15px; /*font-size: 12px;*/ color: #ccc; font-size: 16px } .copyright p { font-size: 16px } .page-ueber-mich .custom_page_content:nth-child(3) img { margin-top: 40px; } h3 { font-size: 22px; } #footer { color: #6F695D; font-size: 16px; line-height: 27px; text-decoration: none; } #header #menu #bellows-main-4 li a { font-size: 19px; line-height: 24px; } .page-kontakt .custom_page_content:nth-child(1) { margin-bottom: 0; padding-bottom: 20px } .inner_banner .title_box .maxwidth p { font-size: 15px; line-height: 25px; } .inner_banner .title_box .maxwidth h2 { font-size: 20px; line-height: 25px; } .page-kontakt .address1 { max-width: 210px; } .inner_banner .title_box p:empty { display: none } .page-kontakt .custom_page_content:nth-child(1) img { margin-bottom: 0 } .page-kontakt .custom_page_content:nth-child(1) { padding-bottom: 0 } .page-kontakt .address1 { } #header #menu #bellows-main-4 li a { font-size: 26px; line-height: 30px; } #header #menu .col1 .address { color: #fff; position: absolute; bottom: 5px; font-size: 15px; } #header #menu #bellows-main-4 li li a{ font-size:21px} } @media only screen and (max-width: 1023px) { .page-kontakt .custom_page_content:nth-child(1) img { margin-top: -260px; max-width: 340px; } .page-kontakt .address1 { margin-top: 10px; font-size: 15px; line-height: 25px; } #header #menu #bellows-main-4 li a { padding-left: 25px } .page-maltherapie .custom_page_content:nth-child(2) .content_box { max-width: 80%; } .testimonial p { font-size: 30px; line-height: 36px; } #header #menu .col1.last { padding-top: 130px; } #header .logo { max-width: 245px; top: 40px; left: 20px } .home #header .logo { left: 11px; } .home #header .logo a { margin-top: 15px } .home #header .logo { top: 40px; } #header #menu .logo { top: 0; } #menutoggle { right: 20px } #header .logo span { font-size: 16px; } #menutoggle span { height: 5px } #menutoggle { width: 65px; right: 16px; top: 0px; } #menutoggle { width: 40px; } #menutoggle span { height: 5px; } #menutoggle.open span { height: 3px; } #header .logo a { margin-top: 12px } #menutoggle span:nth-child(2) { top: 13px } #menutoggle span:nth-child(3) { top: 27px } .slide_container .slide::before { background-size: 70%; } .mob-menu-header-holder.mobmenu { display: none } body.mob-menu-overlay, body.mob-menu-slideout, body.mob-menu-slideout-over, body.mob-menu-slideout-top { padding-top: 0!important } #mobmenuleft > li.menu-item-type-custom:nth-child(1), #mobmenuleft > li.menu-item-type-custom:nth-child(2), #mobmenuleft > li.menu-item-type-custom:nth-child(3), #mobmenuleft > li.menu-item-type-custom:nth-child(4) { display: inline-block!important; width: 24%!important; text-align: center; font-size: 22px } #mobmenuleft > li.menu-item-type-custom:nth-child(1)>a, #mobmenuleft > li.menu-item-type-custom:nth-child(2)>a, #mobmenuleft > li.menu-item-type-custom:nth-child(3)>a, #mobmenuleft > li.menu-item-type-custom:nth-child(4)>a { padding: 10px 5px!important; font-size: 22px } .single-freskomalerei .rl-basicgrid-gallery { height: 1680px } body.home { background-position: left center; } #header .logo strong { font-size: 200px; line-height: 135px; } .home .start_block .left_box { background: url(img/left_bg.png) no-repeat center center; width: 270px; height: 525px; background-size: 270px 525px; margin-right: 10px; padding: 230px 20px 0 100px; } /*.home .start_block .right_box .m_link { height: 390px }*/ /*.home .start_block .left_box .k_link { height: 220px }*/ .home .start_block .right_box { background: url(img/right_bg.png) no-repeat center center; width: 270px; background-size: 270px 525px; height: 525px; padding: 396px 20px 0 20px; } .home .start_block { text-decoration: none; color: rgba(255, 255, 255, 0.8); text-transform: uppercase; font-size: 18px; line-height: 24px; } .home .start_block .maxwidth { max-width: 555px; } .scroll_btn { display: none } .inner_container p, .inner_container li { font-size: 16px; line-height: 26px; } #footer p { line-height: 27px; } /* #footer { font-size: 14px; line-height: 20px;} h3 { font-size: 19px; }*/ #footer .copyright p { font-size: 14px; } .testimonial p { font-size: 37px; line-height: 45px; padding: 0 25px; font-weight:400 } #header #menu #bellows-main-4 li li a { padding-left:8px } } .wpml-ls-statics-shortcode_actions li { display: block } @media only screen and (max-width: 767px) { .maxwidth_padding{ width: 100%; padding: 0px; padding-bottom: 20px; } .page-ueber-mich .custom_page_content:nth-child(5) ul li strong { display: block; font-size: 17px; font-weight: 700; } .page-template-two_col_template .inner_banner .title_box h2{ margin-top:-15px!important; padding-top:0!important} .page-template-two_col_template .inner_banner .title_box .entry{ padding-left:25px!important; padding-right:25px!important; padding-bottom:25px!important} .page-maltherapie .custom_page_content:nth-child(2) .content_box{ padding-top:50px!important} .page-kontakt .custom_page_content:nth-child(1) img { max-width: 100% } .blog_box_list { padding: 20px 0 } .blog_box_list li { border: 1px solid #6F695D; padding: 10px; margin: 10px 0 } .project_nav { position: static; border-bottom: none; padding-top:20px;} .inner_banner { background-position: left center!important } .exhibitions_area .left { border: none } body.home { background: url(img/mobile-bg.jpg) no-repeat 0 0; background-size: cover } #header #menu .col1.last { display: flex; align-items: flex-end; } #header #menu .col1.last li:first-child, #header #menu .col1.last li:first-child a { margin-top: 0; padding-top: 0 } #header #menu .col1.last li:last-child, #header #menu .col1.last li:last-child a { margin-bottom: 0; padding-bottom: 0 } #header #menu .col1.last div, #header #menu .col1.last div:first-child { padding-bottom: 30px; } #header #menu .col1.last div:last-child{ width:125px; text-align:right; justify-content:flex-end} #header #menu .col1.last div:first-child a, #header #menu .col1.last div:nth-child(2) a { opacity: 0.91 } #header #menu .col1.last li { padding: 3px 0; } #header #menu .col1.last .menu-language-menu-container, .wpml-ls-statics-shortcode_actions { border-right: 1px solid #fff; padding-right: 15px; } #header #menu .col1.last .menu-social-menu-container, #header #menu .col1.last .menu-social-menu-english-container, #header #menu .col1.last .menu-social-menu-portuguese-portugal-container { padding-left: 15px } #header #menu .col1.last .call a { display: inline-block; margin: 100px 0 0 20px } .call, .mobile_content { display: flex } .mobile_content p { text-transform: capitalize } .mobile_content { width: 100%; text-align: center; position: absolute; bottom: 0px; font-size: 15px; left: 0; padding: 15px; display: flex; text-align: left; color: #b9af8c; } .mobile_content a { color: #b9af8c; margin: 0 4px } #menu .call i { font-size: 22px } #header #menu .col1 + .col1 { min-height: 32vh!important } .mobile_content div:nth-child(2) { text-align: right; width: 100px; padding: 2px 0 0 } .mobile_content div:nth-child(1) { width: calc(100% - 100px) } .mobile_content i { font-size: 23px; color: #b9af8c } .page-kontakt .custom_page_content:nth-child(1) { margin: -30px 0 30px -31px } .page-kontakt .custom_page_content:nth-child(1) img { margin: 0 0 30px; } .page-kontakt .inner_banner .title_box .maxwidth { padding-bottom: 0 } .page-kontakt .inner_banner .title_box .maxwidth p:empty { display: none } .page-maltherapie .custom_page_content:nth-child(2) .content_box { padding: 20px; } .page-template-two_col_template .inner_banner .title_box .entry { padding-left: 20px; padding-right: 20px } .page-maltherapie .custom_page_content:nth-child(3), .page-maltherapie .custom_page_content:nth-child(4) { margin: 0 } .page-maltherapie .custom_page_content:nth-child(3) p { display: block } .page-maltherapie .custom_page_content:nth-child(3) .content_box { max-width: 100%; width: 100%; padding: 0 } .page-maltherapie .custom_page_content:nth-child(3) { padding-bottom: 0 } .page-maltherapie .custom_page_content:nth-child(4) .content_box { padding: 20px } .page-maltherapie .custom_page_content:nth-child(3) img:first-child { height: 300px; object-fit: cover } .page-maltherapie .custom_page_content:nth-child(3) img { width: 100%; margin: 0 0 10px; padding: 0; } .page-kontakt .custom_page_content:nth-child(3) { margin-top: -20px; margin-bottom: -20px; margin-left: -20px; width: 112% } .page-kontakt .custom_page_content:nth-child(3) img { object-fit: cover; width: 100%; height: 300px } .page-maltherapie .custom_page_content:nth-child(2) { margin-bottom: 0; padding-bottom: 0 } #header #menu #bellows-main-4 li a { position: relative; padding-left: 0; padding-right: 35px } .bellows-menu-item-has-children a:before { content: '+'; display: inline-block; font-size: 30px; color: #a9a191; position: absolute; top: 8px; left: auto; right: 0 } .bellows-menu-item-has-children.bellows-active a:before { content: '-'; display: inline-block; font-size: 20px; font-size: 30px; color: #a9a191; position: absolute; top: 6px; left: auto; right: 2px } .rl-gallery.rl-hover-effect-8 .rl-gallery-link img { width: 100%; height: 300px; object-fit: cover } .custom_page_content:nth-child(1) img { margin-left: 0!important; width: 100% } .page-freskomalerei .custom_page_content:nth-child(2) h3 { padding: 50px 0 20px 10px } .page-template-two_col_template .inner_banner .title_box .maxwidth { padding-left: 0 } .page-template-two_col_template .inner_banner .title_box .entry, .page-template-two_col_template.page-krankenkassen .inner_banner .title_box .entry { padding-bottom: 40px } .page-maltherapie .custom_page_content:nth-child(1) { margin: 0!important; } .page-maltherapie .custom_page_content:nth-child(1) img { margin: 0; width: 100% } .page-maltherapie .custom_page_content:nth-child(2) .content_box { width: 100%; max-width: 100% } .page-maltherapie .inner_container .maxwidth { padding: 0; width: 100% } .page-maltherapie .custom_page_content:nth-child(4) .content_box { width: 100%; max-width: 100%; margin-left: 0 } .testimonial { padding-top: 0 } #header .right_details .social { display: none } .mm-menu { background: #fff url(../images/bg.jpg) repeat; width: 84% } .mm-opened #wrapper { box-shadow: 0px 0px 10px rgba(0,0,0,0.4); -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.4); -ms-box-shadow: 0px 0px 10px rgba(0,0,0,0.4); } .mm-opened a.close { display: block; opacity: 1 } .mm-opened .connect { opacity: 0 } .mm-opened .cp_logo_wrapper { opacity: 0; } #back-to-top { display: block; } .mm-menu > .mm-panel > .mm-listview { width: 111% } .mm-menu li:hover { background: #fdc747; color: #ffffff; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .mm-menu li:hover a { color: #333; } .menu-item-has-children a::after { content: '' } a.close { width: 50px; height: 20px; font-size: 0px; position: absolute; left: 0; top: -11px; z-index: 8888; } a.close:before, a.close:after { width: 30px; height: 3px; display: block; position: absolute; left: 4px; top: 0px; content: ""; background: #fff; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); } a.close:after { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); } a.mobilemenu { display: block; font-size: 16px; color: #fff; height: 30px; line-height: 32px; font-family: 'Hind', sans-serif; text-transform: uppercase; overflow: hidden; padding: 0; position: absolute; right: 0px; top: -25px; width: auto; padding-right: 35px } .mobilemenu { display: block; opacity: 1; } .mobilemenu span { width: 30px; -webkit-transition: -webkit-transform .3s; transition: transform .3s; background: #fff; display: block; height: 3px; position: absolute; right: 0; top: 15px; } .mobilemenu span:before { top: -10px; transition-property: top, transform; } .mobilemenu span:after, .mobilemenu span:before { background-color: #fff; content: ""; display: block; height: 3px; left: 0; position: absolute; width: 100%; transition-duration: .3s, .3s; } .mobilemenu span:after { bottom: -10px; transition-property: bottom, transform; } .mm-menu .mm-navbar > *, .mm-menu .mm-navbar a, .mm-listview > li > a, .mm-listview > li > span { text-transform: uppercase; } .mm-menu .mm-navbar .mm-btn::before, .mm-menu .mm-navbar .mm-btn::after, .mm-menu .mm-listview > li .mm-prev::before, .mm-menu .mm-listview > li .mm-next::after, .mm-menu .mm-listview > li .mm-arrow::after, .mm-menu .mm-listview > li .mm-prev::after, .mm-menu .mm-listview > li .mm-next::before { border-color: rgba(255,255,255,0.5); } #header:before { width: 100%; height: 40px; content: ''; position: absolute; left: 0px; top: 0px; background: #0068ab; } .mm-listview > li > a, .mm-listview > li > span { font-weight: 400; font-size: 15px; color: #333 } .category_box { padding: 25px 0; display: none } .category_box .categories { width: 100%; display: none } .category_box .categories li, .category_box .categories ul { width: 100%; display: block } .category_box .categories ul { padding-top: 15px } .category_box .categories ul li { padding: 10px 0; border-bottom: 1px solid #ccc; border-right: 0; font-size: 14px; font-weight: 400 } .category_box .categories ul li:last-child { border: none } .blog_box_list, .alm-reveal { width: 100%; display: block } .blog_box_list li, .alm-reveal li { width: 100%; display: block } .blog_box_list li .attachment-heloisa-thumbnail-avatar, .alm-reveal li .attachment-heloisa-thumbnail-avatar { width: 100%; height: auto } .blog_box_list li article, .alm-reveal li article { margin-bottom: 0 } h1 { font-size: 25px; padding: 0; } h2 { font-size: 20px; padding: 0; } .slide_container .slide { padding: 140px 0 338px; } .slide_container .slick-prev { left: 5px; } .slide_container .banner_content { padding-left: 25px; padding-right: 25px; } .slide_container .slide h2 { font-size: 30px; line-height: 40px; } #header .right_details .connect { position: absolute; top: -20px; color: #fff; left: 0px } #header .right_details .connect a { color: #fff } #header .logo { max-width: 250px; margin: 0 auto 0; display: block } .home #header .logo { max-width: 250px; margin: 40px auto 0; display: block } #header .logo img { width: 250px; display: inline-block; margin: 20px 0 0 } .slide_container .slide { padding-top: 140px } .inner_banner { padding: 130px 0 25px; margin: 110px 0 0; position: relative; overflow: hidden; } .inner_banner h1 { font-size: 25px; } .inner_container .custom_list { width: 100%; display: block } .inner_container .custom_list li { width: 100%; display: block } .post .flex_row { display: block; width: 100% } .post .flex_row ul, .post .flex_row .wpcf7 { width: 100% } .title_box .maxwidth { font-size: 25px; line-height: 30px } .search-result { } .slick-arrow { display: none!important } .slide_container h2 { display: none } .staff_container { margin-top: -135px; } /* .slide_container .slide::before { background-size: 37% 100%; }*/ .wpml-ls-statics-shortcode_actions a span, .wpml-ls-statics-shortcode_actions a { color: rgba(255,255,255,0.8) } .inner_banner .title_box { padding-top: 20px } body.mob-menu-overlay, body.mob-menu-slideout, body.mob-menu-slideout-over, body.mob-menu-slideout-top { padding-top: 50px!important } .mob-menu-header-holder.mobmenu { display: block } #header::before { display: none } #header .maxwidth { width: 100%; max-width: 100% } #header .mobilemenu { display: none!important } #header .right_details .connect { position: absolute; top: -40px; color: #fff; left: 0px; background: rgba(122,183,50,0.9); width: 100%; text-align: left; left: 0; padding: 14px; height: 50px; } .mob-menu-header-holder { width: 85px!important } #header { padding: 0 0 6px } #header { position: absolute; top: 0 } #header .right_details .connect { top: -50px; } #header .logo { margin-top: 50px } .home #header .logo { position: absolute } .home #header .mobilemenu { position: absolute } .home #header .right_details .connect { top: -40px; } .home .start_block { text-decoration: none; color: rgba(255, 255, 255, 0.8); text-transform: uppercase; font-size: 18px; line-height: 24px; } /*.home .start_block .left_box { background: url(img/left_bg.png) no-repeat center center; width: 270px; height: 525px; background-size: 270px 525px; margin-right: 10px; padding: 229px 20px 0 100px; }*/ /*.home .start_block .left_box .k_link { display: block; height: 229px; width: 100% }*/ /*.home .start_block .right_box { background: url(img/right_bg.png) no-repeat center center; width: 270px; background-size: 270px 525px; height: 525px; padding: 396px 20px 0 20px; }*/ /*.home .start_block .right_box .m_link { display: block; height: 400px; width: 100% }*/ .home .start_block .flex_row { display: flex; } .arrow_btn { display: none } .inner_banner { margin-top: 0 } .home #header { position: absolute } #header .logo { position: static } .custom_page_content:nth-child(1), .page-ueber-mich .custom_page_content:nth-child(2) { width: 100%; margin: 10px 0; padding: 0 } .inner_container { padding: 30px 0 } .home #header { background: none } #header { background: /*#d7e0e1 */ rgba(255,255,255,0.8) } .page-maltherapie #header { background:#d7e0e1 /*rgba(228,238,252,1);*/ } .page-therapieangebot #header { background:#d7e0e1 /*rgba(228,238,252,1);*/ } .page-publikationen #header { background:#d7e0e1 /*rgba(228,238,252,1);*/ } .page-mitgliedschaften #header { background:#d7e0e1 /*rgba(228,238,252,1);*/ } .page-krankenkassen #header { background:#d7e0e1 /*rgba(228,238,252,1);*/ } .page-kontakt .wpcf7-form p { font-size: 16px } .inner_banner .title_box .maxwidth { width: 100%; padding: 20px } #header { position: fixed } .copyright { text-align: center } .copyright p { font-size: 14px; padding: 10px 20px; line-height: 22px!important; } .page-freskomalerei .custom_page_content:nth-child(3) { margin-top: 0; } .title_logo { border: none; position: relative; } .title_logo:before { content: ''; width: 1px; background: #902727; height: 70px; position: absolute; bottom: 4px; left: -5px; } .page-ueber-mich .custom_page_content:nth-child(3) p { display: block } .page-ueber-mich .custom_page_content:nth-child(3) p img { width: 100%; margin: 10px 0; padding: 0 } .page-ueber-mich .custom_page_content:nth-child(4) { width: 100%; padding: 0; } .page-ueber-mich .custom_page_content:nth-child(5) ul { display: block; } .page-ueber-mich .custom_page_content:nth-child(5) ul li { width: 100%; margin: 10px 0!important; } #header #menu .col1 .address { display: none } #header #menu .col1 { width: 100%!important } #footer .flex_row { display: flex; flex-wrap: wrap } #footer .col:nth-child(1) { width: 100%; border-bottom: 2px solid #A09A8D; padding-bottom: 20px; margin-bottom: 20px } #footer .col:nth-child(2), #footer .col:nth-child(3) { width: 50% } #footer #main { padding: 25px 0 } .page-freskomalerei .custom_page_content:nth-child(1) { margin: 0 } #header #menu .flex_row { margin: 0; } #header #menu .col1 { padding: 36px 20px 20px; } #header #menu .col1 + .col1 { padding: 0 20px 0; margin: 0; } #header .logo a { display: flex; align-items: flex-end; width:100%; justify-content:end } .home #header .logo a { display: block; } .home #header .logo { padding: 0; margin-top: 15px; } #header .logo { margin: 12px 0 0; padding: 0 15px 0 11px; } #header #menu .logo { position: static; margin: 0; width: auto; padding: 0; } #header #menu .logo a { display: block; } #header .menu { padding: 25px 0 0; } #menutoggle { top: -27px; } #header .logo span { padding-left: 10px; } .home #header .logo span { padding-left: 6px; max-width: 122px } #header #menu .logo span { padding-left: 0; } .page-freskomalerei .custom_page_content:nth-child(3) figure { width: calc(100% - 0px)!important; margin: 0 10px 0 10px; padding: 0; position: relative; overflow: hidden; overflow: hidden; } .page-freskomalerei .custom_page_content:nth-child(3) figure img { object-fit: cover; height: 300px; width: 100% } .page-freskomalerei .custom_page_content:nth-child(3) figure:nth-child(odd), .page-freskomalerei .custom_page_content:nth-child(3) figure:nth-child(even) { margin-bottom: 25px; margin-top: 0 } .page-freskomalerei .custom_page_content:nth-child(3) figure:nth-child(odd) figcaption, .page-freskomalerei .custom_page_content:nth-child(3) figure:nth-child(even) figcaption { bottom: 30px; text-align: left; padding: 0 0 0 20px; } .inner_container { padding: 0 0 30px; } .custom_page_content:nth-child(1) { width: calc(100% + 72px); margin: 0 0 20px -36px!important } .custom_page_content:nth-child(1) img { width: 100%; float: left; clear: both } .custom_page_content:nth-child(1) img { max-width: 100% } .single-freskomalerei .rl-basicgrid-gallery, .page-template-bilderparavents .rl-basicgrid-gallery { column-count: 1; } .single-freskomalerei .rl-basicgrid-gallery { height: auto; flex-flow: wrap; display: block } .single-freskomalerei .rl-basicgrid-gallery .rl-gallery-item, .page-template-bilderparavents .rl-basicgrid-gallery .rl-gallery-item { vertical-align: top; width: calc(100% - 20px)!important; } .single-freskomalerei .rl-basicgrid-gallery .rl-gallery-item img { object-fit: cover; height: 300px; width: 100% } .page-template-bilderparavents .rl-basicgrid-gallery .rl-gallery-item img { object-fit: cover; height: 300px; width: 100% } .exhibitions_area .left h3 { padding: 20px 0; font-size: 22px; line-height: 28px; text-transform: uppercase; font-weight: 400 } .exhibitions_area .left h3 strong { font-weight: 400 } .exhibitions_area .left { width: 100%; margin: 0; padding: 0 0 30px } .exhibitions_area .right { width: 100%; padding: 0; margin: 0; } .exhibitions_area .right.desk { display: none } .exhibitions_area .right.mobile { display: block } .exhibitions_area .left img { width: 100%; } .column_content .box { width: 100%; } #header .logo { max-width: 100%; } #header .logo span { padding-right: 8px; width: 118px; } #header .logo span.title_logo{ min-width:165px } #header #menu .col1 { height: auto; min-height: auto!important } #header #menu .col1.last .menu-social-menu-container, #header #menu .col1.last .menu-social-menu-english-container, #header #menu .col1.last .menu-social-menu-portuguese-portugal-container { position: static } .home #header .logo { top: 12px; margin-top: 0 } .exhibitions_area .right.mobile .box { padding: 10px 10px 10px 0; border-bottom: 2px solid #6F695D; position: relative; background: url(img/down_drop.png) no-repeat right center; margin-bottom: 20px } .exhibitions_area .right.mobile .box .drop { position: absolute; top: 45px; left: 0px; background: #fff; padding: 10px; border: 1px solid #6F695D; width: 100%; display: none;z-index: 100; } .exhibitions_area .right.mobile .box h3 { margin: 0; padding: 0 } .page-kontakt .custom_page_content:nth-child(3) iframe { left: -15px } .s_list li h3 { font-weight: normal; text-transform: uppercase; cursor: pointer; font-size: 18px; line-height: 22px; border-bottom: 1px solid #d1d1d1; padding: 7px 25px 7px 0; max-width: 100%; background: url(img/right_arrow.png) no-repeat 100% center; background-size: 18px; animation: all ease 0.3s } #header #menu .col1.last div:first-child { border-right: 1px solid #fff } .wpml-ls-legacy-list-horizontal a { padding-left: 0 } #header .logo strong { font-size: 170px; line-height: 125px; /*height:96px*/ } #header .logo strong { font-size: 250px; font-weight: 400; text-transform: lowercase; line-height: 123px; font-family: 'Scheherazade', serif;} /*.home #header .logo strong { font-size: 200px; line-height: 135px }*/ .home #header .logo strong {font-size: 266px; line-height: 135px; margin: 37px 0 -17px; display: block; } #header .logo{ overflow:hidden} #header #menu .col1 .logo strong{ margin-top:21px} .page #header .logo strong, .archive #header .logo strong, .category #header .logo strong, .blog #header .logo strong, .single #header .logo strong {font-size: 228px; margin: 10px 0 -18px;} .page #header #menu .col1 .logo strong, .archive #header #menu .col1 .logo strong, .category #header #menu .col1 .logo strong, .blog #menu .col1 .logo strong, .single #header #menu .col1 .logo strong{ line-height:163px; margin-top:0; display:block} .page #header #menu .col1 .logo span, .archive #header #menu .col1 .logo span, .category #header #menu .col1 .logo span, .blog #menu .col1 .logo span, .single #header #menu .col1 .logo span{ margin-top:-30px} .home .start_block { margin-top: 205px; } .home { overflow:hidden; background-attachment:scroll !important;background-attachment: fixed!important; height:auto!important} .home .start_block { font-size: 17px; line-height: 23px; color: rgba(255,255,255,0.7) } #header #menu #bellows-main-4 li a { line-height: 27px } #header #menu #bellows-main-4 li ul { padding: 0 20px 10px 0; display: none; } #header #menu #bellows-main-4 li li a { font-size: 15px; line-height: 17px; color: rgba(255,255,255,0.91) } #header #menu #bellows-main-4 li li { margin: 0; opacity: 0.95 } .page-template-two_col_template.page-maltherapie .inner_banner .title_box .entry { padding-bottom: 20px } .testimonial p { font-size: 37px; line-height: 45px; padding: 0 20px } .testimonial p strong { font-size: 20px; line-height: 25px;} #header #menu #bellows-main-4 li li a { padding-left:0 } .workshop .custom_page_content:nth-child(2) h3{ margin-bottom:0; padding-bottom:0} .home .start_block .left_box { width: 180px; height: 370px; background-size: 180px 355px; margin-right: 5px; padding: 166px 10px 0 10px; } .home .start_block .right_box { width: 180px; height: 370px; background-size: 180px 355px; padding: 282px 10px 0 10px; } .home .start_block .maxwidth { max-width: 390px } .mobile_content.lowheight{ position:static!important} } @media only screen and (max-width: 640px) { .mobile_content.lowheight{ position:static!important} .home .start_block .maxwidth { max-width: 360px } .home .start_block .left_box { width: 175px; height: 345px; background-size: 175px 345px; margin-right: 5px; padding: 160px 10px 0 10px; } .home .start_block .right_box { width: 175px; height: 345px; background-size: 175px 345px; padding: 267px 10px 0 10px; } /*.home .start_block .left_box .k_link { height: 132px } .home .start_block .right_box .m_link { height: 224px }*/ /*.home .start_block { margin-top: 170px; }*/ #header .logo { max-width: 100%; } .page-template-two_col_template .inner_banner .title_box .entry { padding-top: 190px } /*#menutoggle span:nth-child(2) { top: 12px; } #menutoggle span:nth-child(3) { top: 24px; }*/ #header .logo { padding: 0 0 0 10px } #header .logo span, #header .logo span.title_logo { font-size: 16px!important; line-height: 20px } /*#header .logo strong { font-size: 140px; line-height: 105px; }*/ } @media only screen (max-width: 320px) and (max-width: 640px) { .home .start_block .left_box, .home .start_block .right_box { background-size:100% 100%; } } @media only screen and (max-width: 480px) { .staff_container h3 { font-size: 17px; } .staff_container .box ul li figure img { width: 45px; } #header .logo span { font-size: 14px; } } @media only screen and (max-width: 389px) { .home .start_block .maxwidth { max-width: 280px; margin: 0 auto } #header #menu #bellows-main-4 li a { font-size: 20px; line-height: 29px; } .home .start_block { font-size: 15px; line-height: 20px; } .home .start_block .left_box { width: 135px; height: 260px; background-size: 135px 260px; margin-right: 5px; padding: 118px 10px 0 10px; } .home .start_block .right_box { width: 135px; height: 260px; background-size: 135px 260px; padding: 198px 10px 0 6px; } #header .logo span, #header .logo span.title_logo { font-size: 14px!important; line-height: 18px; } #header .logo span.title_logo{ padding-bottom:0} .home .start_block { margin-top: 235px; } } @media only screen and (max-width: 375px) { .staff_container h3 { font-size: 17px; } .staff_container .box ul li figure img { width: 40px; } } @media only screen and (max-width: 360px) { .staff_container h3 { font-size: 16px; } .staff_container .box ul li figure img { width: 38px; } #header .logo span, #header .logo span.title_logo { font-size: 13px!important; } #menu .logo span { font-size: 14px!important; } .home #header .logo span, .home #header .logo span.title_logo { font-size: 14px!important; } .mobile_content { font-size: 14px; padding: 15px 10px } } @media only screen and (min-width: 768px) { .mm-menu.mm-current { display: none !important; } html.mm-opening .mm-slideout { transform: translate(0px, 0px) !important; -webkit-transform: translate(0px, 0px) !important; } html.mm-opened { overflow: visible !important; } html.mm-opened body { overflow: visible !important; } #mm-blocker { display: none !important; } @media only screen and (max-height: 900px) { .home .start_block .maxwidth { max-width: 553px; } .home .start_block { margin-top:65px } #header #menu .col1.last { padding-top: 130px; } .home .start_block .left_box { background: url(img/left_bg.png) no-repeat center center; width: 270px; height:515px; background-size: 270px 515px; margin-right: 10px; padding: 235px 20px 0 100px; } /*.home .start_block .right_box .m_link { height:390px }*/ /*.home .start_block .left_box .k_link { height:220px }*/ .home .start_block .right_box { background: url(img/right_bg.png) no-repeat center center; width: 270px; background-size: 270px 515px; height:515px; padding:393px 20px 0 20px; } .home .start_block { text-decoration: none; color: rgba(255, 255, 255, 0.8); text-transform: uppercase; font-size: 18px; line-height: 24px; } }