/* -------------------------------------------------------------- Theme Name: BO-Mobilo19 Theme URI: https://brings-online.com/demo/wordpress-theme-handwerk/ Description: WordPress/Gutenberg Theme für Fahrschulen Version: 2.2.1 Tested up to: 6.8 Requires PHP: 7.4 Author: sb | brings-online.com Author URI: https://brings-online.com Text Domain: bobox Domain Path: /languages License: GNU General Public License version 3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html -------------------------------------------------------------- */ @import url("css/fonts.css"); @import url("css/slick.css"); @import url("css/icofont.min.css"); /* ============= reset ============== */ 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, 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, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { border: 0; font: inherit; margin: 0; padding: 0; vertical-align: baseline; font-style:normal;} input[type="text"], input[type="submit"], textarea, select { -webkit-appearance:none;} html { height: 100%; margin:0; padding:0;} html {-webkit-text-size-adjust: none;} body { height:100%; margin:0; padding:0; text-align:center; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:300; font-size:100%; color:#424A59; } body {overflow-x:hidden;} textarea {font-family: 'Open Sans', sans-serif; } img { border:none;} h1,h2,h3,h4,h5,h6,p,ul,li,form { margin:0; padding:0;} ul, li { list-style:none;} .clear { clear:both;} em {font-style:italic;} strong {font-weight:600;} a.wp-block-button__link {font-weight:bold; font-size:14px !important; padding-top:15px !important; padding-bottom:15px !important; margin-top:25px !important;} a.wp-block-button__link:hover {border-radius:5px;} /* ========================= mobile positions / extra classes ========================= */ .mobile-only {display:none;} .desktop-only {display:block} .lightgrey {background:#f0f1f6;} .moveup {margin-top:-30px; z-index:99999999;} .extrapadding {padding-top:60px; padding-bottom:60px;} .img-responsive {width:100%; height:auto;} .img-border {border:1px solid #F0F1F6; padding:10px;} .img-border figcaption {font-weight:bold;} /* ========================= main structure ========================= */ .superwrap { width:100%; margin:0; padding:0; text-align:center;} .wrapper {max-width:1400px; margin:0 auto; padding:0; position:relative; } #sidebar {padding-left:25px; } .header-wrap {border-bottom:1px solid #f0f1f6} .container { max-width:100%; margin:0 auto; padding:0 20px; text-align:left; position:relative; } .footer {background:#383F4B; color:#fff; position:static; text-align:left;} .footer-content {max-width:1400px; margin:0 auto; padding:0 20px; } .page-header { position:relative;} .spacer { padding:0 0 30px 0;} .page-content { padding:0 20px; margin:0;} /* ========================= structure grid ========================= */ .col-full { width:100%; margin:0;} .col-ttfull { width:65%; margin:1.5% 0; float:left;} .col-otfull { width:35%; margin:1.5% 0; float:left;} .col-ttc { width:65.85744680851%; margin:1.5% 0;} .col-otc { width:31.714893617021%; margin:1.5% 0;} .col-ofc { width:23.179255319148%; margin:1.5% 0;} .col-ofic { width:20%; margin:1.5% 0;} .col-ohc {width:48.786170212699%; margin:1.5% 0;} .col-ttc, .col-otc, .col-ohc, .col-ofc {margin-right:2.427659574468%; float:left;} .col-ofic { float:left;} .gl .col-ofc { width:25%; margin:1.5% 0; margin-right:0; float:left;} .cr {margin-right:0 !important;} .ct {margin-top: 0 !important;} .cb {margin-bottom: 0 !important;} .mr { margin-right:25px;} .clearfix:before, .clearfix:after {content: " "; display: table; } .clearfix:after {clear: both; } .clearfix {*zoom: 1;} .clear { clear:both;} /* ======================= content grid ====================== */ .columns {margin:0; padding:0;} .columns p {padding:5px 0;} .col1-1 { width:100%; } .col1-2 {width:50%;} .col1-3 {width:33.333333%;} .col1-4 {width:25%;} .col2-3 {width:66%;} .col3-4 {width:75%;} .col1-1, .col1-2, .col1-3, .col1-4, .col2-3, .col3-4 {margin:0; float:left; padding:0;} .inner { margin:0; padding:10px 20px 0 0; } .col1-4 .inner { margin:0; padding:0 20px 0 0; } .col1-2:nth-child(2n+2) .inner {padding:10px 0 0 0;} .col1-3:nth-child(3n+3) .inner {padding:10px 0 0 0;} .col1-4:nth-child(4n+4) .inner {padding:10px 0 0 0;} /* ========================= grid - lists ========================= */ .gl .col-ohc:nth-child(2n+2) { margin-right:0 ;} .gl .col-ohc:nth-child(2n+1) { clear:left ;} .gl .col-otc:nth-child(3n+3) { margin-right:0 ;} .gl .col-otc:nth-child(3n+1) { clear:left ;} .gl .col-ofc:nth-child(4n+4) { margin-right:0 ;} .gl .col-ofc:nth-child(4n+1) { clear:left;} /* ========================= font ========================= */ h1,h2,h3,h4,h5,h6 {line-height:1.6em; margin:10px 0 5px 0; padding:0; font-weight: 300; font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;} h1 { font-size:27px;} h2 { font-size:24px;} h3 { font-size:21px;} h4 { font-size:18px;} h5 { font-size:16px; font-weight:700; } h2 a, h3 a, h4 a, h5 a, figcaption a { text-decoration:none; color:#424A59; } h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover { color:#606774; text-decoration:none; } .pagetitlebox { display:block; text-align:left; background:#f0f1f6; width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; margin-bottom:25px;} .pagetitle { max-width:1360px; margin:0 auto; padding:10px 20px; } .pagetitle h1 {font-size:21px; line-height:30px; text-transform:uppercase;float:left;width:70%;} .breadcrumb {font-size:11px;line-height:20px;padding-top:10px;text-align:right; color:#424A59; font-weight:600; float:right;width:30%;} .breadcrumb li { display:inline-block; margin:0 5px;} .breadcrumb a { color:#AD0203;} a {text-decoration:none !important;} p { padding:6px 0; margin:0; line-height:1.75em; font-size:16px;} article li {font-size:16px;} p a, li a, label a {text-decoration:none;} p a, li a {color:#AD0203;} article li a:hover, label a:hover {text-decoration:underline;} article p a {border-bottom:1px dotted #AD0203;} article p a:hover { text-decoration:none; border-bottom-style:solid;} /* ===================== top-header ================= */ .top-header {margin:0 auto; padding:7px 20px; height:auto; position:relative; display: block;background:#383F4B; color:#fff; text-align: right; } .headercontact { max-width:1360px; margin:0 auto; padding:0 20px; position:relative; } .top-left { float:left; width:50%; margin:0; padding:0; text-align:left;} .topline-menu ul {list-style:none; margin:0; padding:0;} .topline-menu ul li { display:inline-block; padding:0 15px 0 0; font-size:13px; line-height:20px; } .topline-menu ul li a, .topline-content a { color:#fff;} .contactbox { float:right; width:50%; margin:0; padding:0; text-align:right; } .headerphone, .headermail { cursor:pointer; padding:0 10px; display:inline-block; font-size:13px; line-height:20px; } .headerphone a, .headermail a {color:#fff; } .headerphone i, .headermail i, .openmail:hover i, .openphone:hover i { font-size:14px; color:#fff; } .top-socials {display:inline-block;padding-left:15px;} .headercontact .smicons {display:inline-block; margin:0; padding:0;} .headercontact .smicons span {background:none; width:20px; height:20px; display:inline-flex; margin:0 2px 0 0; padding:0; text-align:center;} .headercontact .smicons span::before {font-size:13px;line-height:20px;color:#fff; margin:0 auto; padding:0; font-family: "icofont"; display:flex-center;} /* ===================== header banner ================= */ header.topheader {position:relative;margin:0 auto; max-width:1360px; padding:10px 20px; height:auto; display: flex; align-items:flex-start;justify-content: space-between; } .main-menu { flex-basis:auto; flex-grow:2; } .logo {padding:10px 0; margin:0; max-width:300px; text-align:left; flex-basis:auto; flex-grow:1; } .logo img {width:100%; height:auto; display:block;} .logotitle { display: table-cell; vertical-align: middle; } .logotitle a { font-size:2.5em; font-weight:700; color:#606774; text-shadow: 0 -1px 1px #333, 0 1px 1px #FFFFFF; text-decoration:none;} .pagetop {background:#383F4B; padding:1px 0; margin:0; width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw;} .headersection {position:relative;} .headersection .overlay {position:absolute; top:0; right:20px; background:rgba(86,125,142,.9); max-width:400px; height:100%;} /* ===================== header search ================= */ .opensearch { cursor:pointer; width:30px; height:28px; padding:18px 0 0 20px; display:inline-block; text-align:center; } .opensearch i { font-size:20px; color:#AD0203; line-height:29px; } .searchbox { border:5px solid rgba(255,255,255,.8); background:#fff !important; padding:10px; border-radius:2px; font-size:16px; font-weight:bold; width:360px; position:absolute; top:90px; right:25px; z-index:9999999; } .phonebox a, .mailbox a {color:#7A8394;} .phonebox a:hover, .mailbox a:hover {color:#AD0203;} .searchbox form#searchform { margin:0; padding:0; } .searchbox input {-webkit-appearance:none;} .searchbox input#searchinput {display:inline-block; width:calc(100% - 90px); background:none; border:none; margin:0; font-style:italic; padding:5px 0; color:#7A8394; } .searchbox input#searchinput:focus { color:#000;} .searchbox input#searchsubmit {color:#fff; width:80px; text-transform:uppercase; display:inline-block; cursor:pointer; background:#AD0203; padding:8px 5px; margin:0; border:none !important; border-radius:1px; text-align:center; } /* ===================== main menu ===================== */ #topmenu{text-align:right; color:#424A59; margin-top:5px; } #topmenu,#topmenu ul li,#topmenu ul li a,#topmenu #head-mobile {list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} #topmenu:after,#topmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0} #topmenu #head-mobile{display:none} #topmenu ul {text-align:right; margin:0 auto; padding:0;} #topmenu ul li{ display:inline-block;font-size:13px;text-transform:uppercase;font-weight:600; } #topmenu ul li a {padding:25px 15px 20px 15px;text-decoration:none;color:#424A59;} .fixednav #topmenu > ul > li > a {padding:15px 15px 20px 15px;} #topmenu > ul > li.has-sub > a{padding-right:30px;} #topmenu > ul > li.has-sub > a:after{position:absolute;top:25px;right:10px;width:15px;height:15px;display:block; font-size:12px;content:'\ea67'; font-family:"icofont";} .fixednav #topmenu > ul > li.has-sub > a:after{top:15px;} #topmenu ul ul {position:absolute;left:-9999px; z-index:10001; border:1px solid #E6E8ED; border-radius:3px; background:#fff; padding:0; margin-top:25px; -webkit-transition:opacity 1s, margin-top 500ms; /* Safari */ transition: opacity 1s, margin-top 500ms;} #topmenu ul ul li{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease; } #topmenu li:hover > ul{left:-5px; width:auto; opacity: 1; margin-top:0px} #topmenu ul li ul li:hover > ul{left:0; width:auto;} #topmenu li:hover > ul > li{height:38px; margin:0 !important; display:block;white-space: nowrap;} #topmenu ul ul ul{margin-left:100%;top:-1px; border-top:1px solid #E6E8ED; } #topmenu ul li.edge:hover > ul{left:inherit; right:4px; width:auto; } #topmenu ul ul li a {padding:0 15px; height:38px; text-align:left;min-width:180px; display:block;font-size:13px; line-height:38px; text-decoration:none; text-transform:none; border-bottom:1px solid #E6E8ED;} #topmenu ul ul li:last-child a {border-bottom:none;} #topmenu ul ul li.has-sub > a:after{position:absolute;top:0;right:5px;width:15px;height:15px;display:block;content:"\ea67"; font-family:"icofont";font-size:12px;} #topmenu ul li.edge ul li.has-sub > a{padding-left:30px; padding-right:0;} #topmenu ul li.edge ul li.has-sub > a:after{right:0;left:5px; content:"\ea67";} #topmenu ul li.edge ul li.has-sub ul {margin-left:calc(-100% - 2px);top:-1px; border-top:1px solid #E6E8ED; } #topmenu ul ul li.edge.has-sub > a{padding-left:30px; padding-right:0;} #topmenu ul ul li.edge.has-sub > a:after{right:0;left:5px; content:"\ea67";} #topmenu ul ul li.edge ul {margin-right:calc(100% - 5px);margin-left:0; } #topmenu ul ul li.has-sub:hover,#topmenu ul li.has-sub ul li.has-sub ul li:hover{} #topmenu ul li:hover a {color:#000;} #topmenu ul li.current-menu-item:hover > a {} #topmenu ul li.active > a, #topmenu ul li.current_page_parent > a, #topmenu ul li.current_page_ancestor > a {color:#AD0203;} #topmenu ul li:hover ul li a {color:#424A59;} #topmenu ul li ul li:hover > a {color:#000; } #topmenu ul li ul li:hover ul li a {color:#424A59; } #topmenu ul li ul li ul li:hover > a {color:#000;} #topmenu ul li ul li.active a, #topmenu ul li ul li.current_page_parent a, #topmenu ul li ul li.current_page_ancestor a, #topmenu ul li ul li.current-menu-item a { color:#AD0203;} #topmenu ul li ul li ul li.active a, #topmenu ul li ul li ul li.current_page_parent a, #topmenu ul li ul li ul li.current_page_ancestor a {color:#424A59;background:#fff;} .fixednav { z-index:999999; position:fixed !important; right: 0; top: 0; width: 100%; background:#fff; border-bottom:1px solid #ebebeb; box-shadow: 0 3px 2px -2px rgba(0,0,0,.3); } .header-wrap.fixednav .top-header { display:none;} /* =================== misc ===================== */ .hidden {opacity:0;} .visible {opacity:1;} .screen-reader-text { visibility:hidden;} hr, hr.wp-block-separator { margin:25px 0 15px 0; display: block; height: 1px; border:none; border-bottom:1px dotted #ccc; clear:both;} .page-content {position:relative;} .page-content table { width:calc(100% - 2px); margin:15px 0; font-size:15px; padding:0; border:1px solid #e5e5e5; border-radius:1px; box-sizing:border-box;} .page-content table td { border-bottom:1px solid #E6E8ED; padding:6px 8px; margin:0 3px; width:auto;} .page-content table th { border-bottom:1px solid #E6E8ED; padding:8px 10px; font-size:16px; line-height:1.5em; font-weight:700; } .page-content table tr:last-child td { } .page-content table.wp-block-table td { border-bottom:1px solid #E6E8ED; border-left:1px solid #E6E8ED; padding:8px; margin:0 3px; line-height:1.75em; width:auto;} .page-content table.wp-block-table td:first-child {border-left:none;font-size:14px;} .page-content table td.key { max-width:30%; background:#f0f1f6;} .page-content table td a {color:#424A59;} .wp-block-table tr td:first-child {background:#f0f1f6;} .wp-block-table table {border:1px solid #e5e5e5; border-radius:1px; } table.wp-block-table {border:1px solid #e5e5e5; border-radius:1px; } .wp-block-table td {border-color:#E6E8ED;} .page-content ul { margin:15px 0 25px 0; padding:0 0 0 20px; } .page-content ul li { list-style:square; padding:3px 0 3px 5px; margin:0; line-height:1.65em; font-size:15px;} .page-content ul ul {margin:5px 0;} .page-content ol { margin:15px 0 25px 0; padding:0 0 0 20px; } .page-content ol li { padding:3px 0 3px 5px; margin:0; line-height:1.65em; font-size:15px;list-style-type:decimal; } .page-content iframe {max-width:100%; } .page-content ul.wp-block-social-links {margin:0; padding:0; list-style:none;} .page-content ul.wp-block-social-links li {margin:0 5px 0 0; padding:0; list-style:none;} ul.check, ul.plus {padding:0; margin:15px 0;} ul.check li, ul.plus li {list-style:none; position:relative; padding-left:25px;} ul.check li:before, ul.plus li:before {margin-top:3px; position:absolute; top:0; left:0;font-family:"icofont";} ul.check li:before {content:"\eed7"; margin-top:3px; } ul.plus li:before {content:"\efc0"; margin-top:4px; font-size:13px; } .page-content ul.wp-block-gallery {margin:25px 0; padding:0;} .page-content ul.wp-block-gallery li {margin:8px 0; padding:0;} .bo-video-block{ position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; margin:25px 0; } .bo-video-block iframe, .bo-video-block object, .bo-video-block embed, .bo-video-block video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } code {background:#f0f1f6; border:1px dotted #ebebeb; padding:6px 25px; margin:3px 0; display:block; line-height:1.8em;} code.sc {display:block;} .tab-box {position:relative; width:calc(100% - 12px); margin:30px 0; padding:5px; border:1px solid transparent; border-radius:2px; } .tab-box ul.tabber { height:36px; position:absolute; top:6px; left:2px; z-index:100; margin:0; padding:0;} .tab-box ul.tabber li {float:left; list-style:none; margin:0; padding:0; background:none;} .tab-box ul.tabber li a { border:1px solid #DEE0E4; border-bottom:none; border-radius:2px 2px 0 0; color:#424A59; font-size:13px; font-weight:700; letter-spacing:.5px; text-transform:uppercase; display:block; height:37px; line-height:36px; padding:0 12px; text-decoration:none; margin:0 0 0 3px; background:#E6E8ED;} .tab-box ul.tabber li:last-child a {} .tab-box ul.tabber li a:hover {background:#fff; color:#AD0203; } .tab-box ul.tabber li a.active { background:#fff;color:#AD0203; } .tab-box .panel { border:1px solid #DEE0E4; border-radius:0 3px 3px 3px; margin:38px 0 0 0; padding:25px 10px 10px 10px; position:relative; z-index:99;} .tab-box .panel h3 {border:none; text-transform:inherit; display:inherit; font-size:17px; margin:0;} .toggle-box { margin:25px 0; padding:0; max-width:100%; } .toggle-headline {margin:2px 0; padding:5px 0 7px 10px; position:relative; border-radius:2px; cursor:pointer; } .toggle-headline h3 { font-size:17px; line-height:20px; text-transform:none; padding-left:25px; } .toggle-headline h3:before {position:absolute; top:15px; left:5px; width:20px; height:20px; content: '\ea67'; font-family:"icofont"; font-size:20px; font-weight:400; } .toggle-up h3:before {content: '\ea6a';} .toggle-headline h3.plus:before { content: '\efc0'; font-size:17px;} .toggle-up h3.plus:before {content: '\ef98'; font-size:17px;} .toggle-headline h3.check:before { content: '\eed7'; } .toggle-up h3.check:before {content: '\eed7'; opacity:.3;} .toggle-headline h3.question:before { content: '\efcb'; } .toggle-up h3.question:before {content: '\ef4f'; } .toggle-more { padding:10px;} .bottomfaq {padding:35px 0;} .bottomfaq .faq-info {width:calc(50% - 50px); float:left; padding-right:50px;} .bottomfaq .toggle-box {width:50%; max-width:50%; float:left; } .page-content iframe { margin:25px 0; border-radius:2px;} .page-content iframe, .widget iframe {max-width: 100%; } .page-content .sidebarbox iframe {margin:0 0 5px 0;} /* ========================= wp blocks ========================= */ .alignfull {margin-left: calc( -100vw / 2 + 100% / 2 ); margin-right : calc( -100vw / 2 + 100% / 2 ); max-width : 100vw;} li.blocks-gallery-item figure figcaption {text-align:center !important; font-size:15px !important; padding-right:0 !important; padding-left:0 !important; } .wp-block-columns.alignwide {margin-left:-20px; margin-right:-20px; width:calc(100% + 40px); max-width: 1400px;} .wp-block-image figure figcaption {text-align:center;} .wp-block-media-text {margin:25px 0;} .wp-caption-text {font-weight:700;} .wp-block-button {text-transform:uppercase; font-weight:bold;} .wp-block-button a {font-size:12px;} .wp-block-cover.alignwide {margin-left:-20px; margin-right:-20px; width:calc(100% + 40px); max-width: 1400px;} .wp-block-cover.alignfull {margin-left: calc( -100vw / 2 + 100% / 2 ); margin-right : calc( -100vw / 2 + 100% / 2 ); width:100vw ; max-width: 100vw; text-align:center !important; } .wp-block-cover.alignfull p.wp-block-cover-text {width:100%; max-width:1360px; margin:0 auto; } .wp-block-cover.has-left-content.alignfull p.wp-block-cover-text {text-align:left;} .wp-block-cover.has-right-content.alignfull p.wp-block-cover-text {text-align:right;} .wp-block-cover p.wp-block-cover-text {line-height:1.5em;} .wp-block-cover.has-left-content:not(.alignfull) p.wp-block-cover-text {margin-left:15px;} .wp-block-cover.has-right-content:not(.alignfull) p.wp-block-cover-text {margin-right:15px;} .wp-block-cover.has-left-content.alignwide p.wp-block-cover-text {margin-left:30px;} .wp-block-cover.has-right-content.alignwide p.wp-block-cover-text {margin-right:30px;} .wp-block-cover {margin-bottom:0;min-height:300px;} .wp-block-columns.nomargin {} .nomargin .wp-block-column {margin:1px !important;} .wp-block-columns.has-4-columns.nomargin .wp-block-column, .wp-block-columns.has-3-columns.nomargin .wp-block-column, .wp-block-columns.has-2-columns.nomargin .wp-block-column {margin:1px !important; } .wp-block-group.alignwide .wp-block-group__inner-container, .wp-block-group.alignfull .wp-block-group__inner-container {max-width:1300px; padding:10px 20px; margin:0 auto;} .wp-block-cover.alignfull .wp-block-cover__inner-container, .wp-block-cover.alignwide .wp-block-cover__inner-container {max-width:1300px; padding:10px 20px; margin:0 auto;} .wp-block-cover {overflow:visible !important;} .wp-block-cover__inner-container {overflow:visible !important;} .nomargin .wp-block-column:first-child {margin-left:0 !important;} .nomargin .wp-block-column:last-child {margin-right:0 !important;} .wp-block-columns.has-3-columns .wp-block-column:first-child {margin-left:0;} .wp-block-columns.has-3-columns .wp-block-column:last-child {margin-right:0;} /* ===================== bo blocks - contact ===================== */ .block-contact-box {margin:10px 0; padding: 0;} .block-contact-box h3 {font-size:21px; line-height: 1.4em; margin: 0; padding: 0; font-weight:400;} .block-contact-box h4 {font-size:17px;line-height: 1.4em; margin: 0; padding: 0; font-weight:400;} ul.block-contact-box-list {list-style: none; margin:0 0 10px -3px; padding: 0;} ul.block-contact-box-list li { list-style:none; line-height: 1.5em;} ul.block-contact-box-list li p {margin:0; padding:0;} ul.block-contact-box-list li span {width:23px; height:23px; border-radius:1px; display: inline-block; margin-right:5px; opacity: .9; text-align: left; color:#383F4B; } ul.block-contact-box-list li a {color:#333;} ul.block-contact-box-list li:hover span {opacity:.8;} /* ===================== iconbox ===================== */ .boxcontent {padding:15px; box-shadow:0 0 5px 2px rgba(0,0,0,.15); position:relative; z-index:100; border-radius:3px;} .boxcontent [class^="icofont-"]:before, .boxcontent [class*=" icofont-"]:before { margin:0;padding:0; width:1em; height:1em; line-height:1em; } .boxcontent [class^="fa-"]:before, .boxcontent [class*=" fa-"]:before {margin:0; padding:0; width:1em; height:1em; line-height:1em; } .boxcontent .box-title {font-size:21px;line-height:1.2em;font-weight:600;color:#424A59;} .boxcontent .box-subtitle {font-size:13px;line-height:1.5em; font-weight:600;color:#424A59;} .boxcontent p { font-size:15px; line-height:1.75em; padding:5px 0; margin:0; color:#424A59; } .boxcontent a.more-link {font-weight:700; display:inline-block; font-size:13px; text-transform:uppercase; margin:25px 0 0 0; padding:10px 20px; background:#424A59;color:#fff; } .boxcontent a.more-link:hover {border-radius:5px;} .box-icon { width:auto; height:70px; display:inline-block; color:#424A59; float:right; transition: margin 0.6s; margin-top:-5px;margin-bottom:5px;} .boxcontent:hover .box-icon {margin-top:-10px; margin-bottom:10px;} .box2 {margin:25px 0; padding:15px; border:1px dotted #606774;} .more-link:empty {display:none;} .simplebox {border:1px solid #ebebeb; border-radius:2px; padding:15px;text-align:center; background:#fff;} .hexagon { width: 100px; height: 55px; background: #f0f1f6; position: relative; margin:30px auto 50px auto; } .hexagon:before { content: ""; position: absolute; top: -25px; left: 0; width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 25px solid #f0f1f6; } .hexagon:after { content: ""; position: absolute; bottom: -25px; left: 0; width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-top: 25px solid #f0f1f6; } .hex-icon {position:absolute;top:calc(50% - 23px);left:calc(50% - 23px);} .hex-icon i {font-size:46px;} .simplebox h3 {margin:15px 0 5px 0; font-size:20px; font-weight:700;} .simplebox p {margin:5px 0; font-size:15px;} .simplebox .separator {width:100px; height:3px; background:#ebebeb; margin:10px auto;} a.simple-button {background:#383F4B; color:#fff; padding:10px 15px; margin-top:25px; font-size:12px; font-weight:bold; display:inline-block; text-transform:uppercase;} a.simple-button:hover {border-radius:3px;} /* ===================== icon / button ===================== */ .content-button {width:auto; display:inline-block; } .content-button a {background:#AD0203; color:#fff; padding:12px 20px; margin:10px 5px 10px 0; display:inline-block; font-size:13px; text-transform:uppercase; font-weight:700; letter-spacing:.5px; position:relative;} .content-button a:hover {border-radius:5px;} .content-button a i {font-size:23px; line-height:1; } .content-button .button-left-icon {margin:-12px 10px -12px -20px; padding:9px 10px; float:left;background:rgba(0,0,0,.1); height:auto; width:auto;display:inline-block;} /* ============ slogan ========= */ .slogan { margin:35px 0; display: block; text-align: center; } .preambel {font-weight:bold; color:#24B6FF;padding:5px 0; text-transform:uppercase;font-size:12px;} .slogan > span { position: relative; height:3px; background:#24B6FF; width:65px; display: inline-block;} .slogan h1, .slogan h2, .slogan h3, .slogan h4, .slogan h5 { font-size:30px; line-height:1.3em; font-weight:300; } .slogan.links {text-align: left;} .slogan.rechts {text-align:right;} .slogan.zentriert {text-align:center;} /* ============ bo block cta ========= */ .bo-block-cta-section {background-size: cover;} .bo-block-cta-container {max-width: 1360px; margin: auto; display: flex; align-items: center; justify-content: space-between; padding: 60px 20px; } .bo-block-cta-wrapper { max-width: 740px; animation-delay:300ms; padding-left:20px;} .bo-block-cta-overlay {animation-delay:300ms; } .bo-block-cta-section.alignfull .bo-block-cta-wrapper {margin-left:0;} .bo-block-cta-heading {color: #f0f1f6; line-height:1.2em; font-weight:400; margin-left:-3px;} .bo-block-cta-heading:after { color: #f0f1f6; } .bo-block-cta-text { color: #fff; margin-top:0; margin-bottom: 10px; } .bo-block-cta-buttons {margin-top:30px;} .bo-block-cta-button-1, .bo-block-cta-button-2 { display: inline-block; padding: 8px 24px; border-radius: 0; border: solid #fff 2px; background-color: transparent; color: #fff;font-size: 14px; line-height:24px; text-transform: uppercase;letter-spacing: 1px; margin-bottom: 10px; font-weight:700;} .bo-block-cta-button-1 {margin-right: 10px;background-color: #fff;color: inherit; } .bo-block-cta-button-1:hover, .bo-block-cta-button-2:hover {opacity:.8;} .bo-block-cta-button-1 i,.bo-block-cta-button-2 i {margin-top:2px; margin-left:-10px; margin-right:10px; float:left;font-size: 20px;} .bo-block-header-section {position:relative;} .bo-block-header-section img {width:100%; height:auto; display:block;} .bo-block-header-container {position: absolute; z-index:110; top:0; left:0; right:0; height: 100%; max-width:1400px; margin:0 auto;} .bo-block-header-wrapper {position: absolute; top: 15%; padding:10px 30px; max-width:60%; background:rgba(48,73,129,.8); animation-delay:500ms; animation-duration:800ms;} .bo-block-header-wrapper.leftpos {left:0;} .bo-block-header-wrapper.rightpos {right:0;} .bo-block-header-wrapper.centerpos {margin:0 auto; left:0; right:0; text-align: center;} .bo-block-header-buttons {margin:60px 0 20px 0;} .bo-block-header-buttons a {padding:12px 25px; margin-right:10px; border-radius:1px; font-weight: bold; font-size:15px; text-transform: uppercase; } .bo-block-header-buttons a:hover {border-radius:4px; box-shadow: 0 0 4px 2px rgba(0,0,0,.1);} .bo-block-header-buttons a.bo-block-header-button-1,.bo-block-header-buttons a.bo-block-header-button-2 {white-space:nowrap;} .bo-block-header-text {line-height:1.75em;} /* ============ bottom cta ========= */ .cta-wrapper {width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw;} .cta-wrapper .container {max-width:1360px; margin:0 auto; padding:0 20px 25px 20px; } ul.profilelist { margin:5px 0; padding:0; list-style:none;} ul.profilelist li {margin:0; padding:5px 0; font-size:14px; line-height:20px; display:flex;} ul.profilelist li:last-child {border-bottom:none;} ul.profilelist li span {width:20px; display:flex-start;} ul.profilelist li span i {font-size:14px; line-height:20px; opacity:.8;} ul.profilelist li a {color:#424A59; } .profiletext {margin-top: 25px;} .profiletop {margin-top:4px;} /* =================== teambox ================= */ .teambox p {font-size:14px; color:#727271; } .teambox h3 {font-size:19px; font-weight:bold; margin:15px 0 0 0; line-height:1em; } .teambox-image { display:block; padding:0; transition:all, ease-in, 750ms; opacity:1; text-align:center; position:relative; } .teambox-image img { width:100%; height:auto; display:inline-block; border-radius:4px;} .teambox-image.rund img {border-radius:100%;} .teambox {padding:10px; margin:15px 0; text-align:center; } .teambox-socials {background:rgba(255,255,255,.2); margin-top:auto; border-top:1px dotted rgba(0,0,0,.1);border-bottom:1px dotted rgba(0,0,0,.1); padding:15px 0 0 15px;} .teaminfobox {background:#f0f1f6; padding:10px; position:relative;} .teaminfobox p {padding-bottom:20px;} .teaminfobox .teaminfo-image {position:absolute; right:25px; bottom:-60px; max-width:120px; border-radius:100%; border:7px solid #fff; } .teaminfobox .teaminfo-image img {width:100%; height:auto; border-radius:100%; display:block;} .teaminfobox .teaminfo-name {font-size:13px; font-weight:bold;} /* ========================= social media icons ========================= */ .social-media span {width:34px; height:34px; margin-right:5px;display:inline-block;} .social-media span img {width:100%; height:auto;border-radius:4px;} .smicons {padding:0 0 10px 0;} .smicons span {background:#383F4B; width:36px; height:36px; display:inline-flex; margin:0 6px 5px 0; padding:0; border-radius:50%; text-align:center;} .smicons span::before {font-size:20px;line-height: 35px;color:#fff; margin:0 auto; padding:0; font-family: "icofont"; display:flex-center;} .smicons span.google::before {content:"\ed43"; font-size:21px;} .smicons span.google:hover {background:#DC4A3D;} .smicons span.twitter::before {content:"\ed7a";} .smicons span.twitter:hover {background:#55ACEE;} .smicons span.insta::before {content:"\ed46";} .smicons span.insta:hover {background:#9B6954;} .smicons span.fb::before {content:"\ed37";} .smicons span.fb:hover {background:#3B579D;} .smicons span.xing::before {content:"\ed87";} .smicons span.xing:hover {background:#00605E;} .smicons span.linked::before {content:"\ed4d";} .smicons span.linked:hover {background:#0077B6;} .smicons span.yt::before {content:"\ed8b";} .smicons span.yt:hover {background:#E12B25;} .smicons span.vimeo::before {content:"\ed7f";} .smicons span.vimeo:hover {background:#1AB7EA;} .smicons span.tum::before {content:"\ed78";} .smicons span.tum:hover {background:#36465D;} .smicons span.pin::before {content:"\ed5d";} .smicons span.pin:hover {background:#BD081C;} .smicons span.rss::before {content:"\ed64";} .smicons span.rss:hover {background:#F26522;} .smicons span.mail::before {content:"\ef14";} .smicons span.mail:hover {background:#AD0203;} .smicons span.phone::before {content:"\f008";} .smicons span.phone:hover {background:#AD0203;} /* ====== testimonials ========== */ .testimonial-wrap {position:relative; margin:80px 60px 60px 60px; padding:0; border:2px solid #606774; border-radius:3px;} .testimonials {margin:40px 0 60px 0; padding:55px 0; position:relative; } .testimonial-icon {width:80px;height:80px; background:#606774; border-radius:50%; font-size:50px; line-height:80px; text-align:center; position:absolute; top:-40px; left:calc(50% - 40px); } .testimonial-icon i {color:#f0f1f6;} .testimonial {text-align:center; overflow:hidden; padding:0 25px;} .testimonial blockquote {font-size:17px; line-height: 1.8em; padding:10px 0 30px 0; position: relative; } .testimonial cite {font-size:13px; border-top:2px solid #606774; padding:10px 0; margin-top:20px; font-weight:bold; } .testimonial-wrap.hell {border:2px solid #fff;} .testimonial-wrap.hell p {color:#f0f1f6;} .testimonial-wrap.hell .testimonial cite {border-top:2px solid #f0f1f6; color:#f0f1f6; } .testimonial-wrap.hell .testimonial-icon {background:#ebebeb; } .testimonial-wrap.hell .testimonial-icon i {color:#606774;} .slick-dotted.slick-slider {margin-bottom: 20px;} ul.slick-dots{ position: absolute; bottom:0; display: block; width:100%; padding:15px 0;margin:0;list-style:none;text-align: center;} .slick-dots li { position:relative; display:inline-block;width:15px;height:20px;margin:0 5px 0 0;padding: 0;cursor: pointer; } .slick-dots li button {font-size: 0;line-height: 0; display: block;width: 20px;height: 20px;padding: 5px;cursor: pointer;color: transparent;border: 0;outline: none;background: transparent;} .slick-dots li button:hover,.slick-dots li button:focus{outline: none;} .slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity: 1;} .slick-dots li button:before{font-size: 30px;line-height: 20px;position: absolute;top: 0;left: 0;width: 20px;height: 20px;content: '•';text-align: center;opacity: .25;color: #575D65; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} .slick-dots li.slick-active button:before {opacity: .75; color: black;} .testimonial-wrap.hell .slick-dots li button:before {color:#f0f1f6;} /* ===================== separate ===================== */ .separator-top {border-bottom:1px dotted #DEE0E4; margin:15px 0;} .separator-headline { margin:15px 0 25px 0; display: block; text-align:center; } .separator-headline > span { position: relative; display: inline-block;} .separator-headline > span:after {content: " "; height:3px; background:#606774; width:50px; display: inline-block; } .separator-headline h4 { font-size:23px; line-height:1.3em; font-weight:700; text-transform:uppercase; } .separator-headline p { padding:5px 85px; } .separatorleft .separator-headline { text-align:left; } .separatorleft .separator-headline p { padding:5px 0; } /* ===================== img stat ===================== */ .image-wrapper { height:auto; position:relative; z-index:1000; margin:0; padding:0 20px; overflow:hidden; } .home-start-image {overflow:hidden;} .home-start-image img { width:100%; height:auto; display:block; position:relative; } .home-start-full-width {width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw;} /* ===================== img slider ===================== */ .slideshow {padding:0; margin:0; position:relative; width:100%; overflow:hidden; } .slideshow div {padding:0; margin:0; width:100%; height:auto; overflow:hidden;} .slideshow img {width:100%; height:auto; margin:0; padding:0; display:block;} .slideshow .slick-next, .slideshow .slick-prev {color:#fff;width:30px;height:50px;padding:0; text-align:center; margin:0; font-size:0; cursor:pointer;position:absolute;z-index:999998; visibility:hidden;background:none;border:none; } .slideshow .slick-prev{left:10px; top:35%;} .slideshow .slick-next{right:20px; top:35%;} .slideshow .slick-prev:before{content:'\ea78'; font-family:"icofont";} .slideshow .slick-next:before{content:'\ea79'; font-family:"icofont";} .slideshow .slick-next:before, .slideshow .slick-prev:before{font-size:40px;line-height:1;opacity:1;color:rgba(255,255,255,.9);} .slideshow .slick-next.slick-disabled:before, .slideshow .slick-prev.slick-disabled:before{opacity:.25} .slideshow:hover .slick-next, .slideshow:hover .slick-prev {visibility:visible;} .slideshow-item {position:relative;} .slide-text {position:absolute; top:20%; right:15%; z-index:999999; text-align:right; color:#fff; max-width:600px;} .slide-headline {display:block; font-size:46px; font-weight:700; line-height:1.65em; font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;} .slide-desc {display:block; font-size:19px; line-height:1.65em; } /* ===================== google maps ===================== */ #map-canvas iframe { display:block; } #map-canvas {margin:0; padding:0;} /* ========================= go to top/bottom - contact ======================== */ #gototop { display:none; position:fixed; z-index:10000; right:20px; bottom:75px; } #gototop a { border:1px dotted #7A8394; padding:4px 9px 5px 9px; border-radius:3px; color:#7A8394; text-decoration:none; font-size:20px; display: block; margin:5px 0; line-height:1em;} /* ========================= blog ======================== */ .sidebar-thumbnail {float:left; max-width:80px; margin:0 15px 0 0;} .footerbox .sidebar-thumbnail {float:left; max-width:60px; margin:0 15px 0 0;} .footerbox .sidebar-thumbnail img {width:100%; height:auto;} .catdescription {margin:35px 0 25px 0; padding:15px; border:1px solid #F0F1F6; } .catdescription p {font-size:15px; margin:0; padding:0; line-height:1.65em;} .bl {margin:45px 0;} .bl .col-ohc:nth-child(2n+2) { margin-right:0 ;} .bl .col-ohc:nth-child(2n+1) { clear:left ;} .bl .col-otc:nth-child(3n+3) { margin-right:0 ;} .bl .col-otc:nth-child(3n+1) { clear:left ;} .bl .col-ofc:nth-child(4n+4) { margin-right:0 ;} .bl .col-ofc:nth-child(4n+1) { clear:left ;} .blhome .col-ofc:nth-child(4n+4) { margin-right:0 ;} .blhome .col-ofc:nth-child(4n+1) { clear:left ;} .blog-intro {padding-top:20px;} .bo-blogpage {margin:65px 0; display:flex; flex-direction: row; flex-wrap: wrap; justify-content:flex-start; } .bo-blogpage .loopwrapper {flex: 0 1 calc(25% - 25px); padding:0 25px 0 0; } .postbox {border:1px solid #E6E8ED; border-bottom:3px double #E6E8ED; padding:3px; border-radius:5px 5px 0 0; } .posttop { float:left; width: calc(100% - 100px);} .postbox h2 { font-size:15px; line-height:1.5em; margin:0; padding:0;} .postbox p {font-size:15px; line-height:1.65em; } .postbox .postbox-img {margin:0;} .postbox .postbox-img img {width:100%; height:auto; display:block; } .postbox .postbox-text {padding:5px 10px;} .postbox .postbox-more {text-decoration:none; text-transform:uppercase; font-weight:700; font-size:14px; color:#AD0203;} .postbox .postbox-more:hover { color:#383F4B;} .blogloop-box {margin:0 0 25px 0; padding:0 0 15px 0; background:#fff; box-shadow:0 0 6px 3px rgba(0,0,0,.15); border-radius:5px 5px 3px 3px; } .blogloop-post {} .blogloop-img {margin:-1px -1px 5px -1px; position:relative; overflow:hidden; border-radius:5px 5px 0 0;} .blogloop-img img {width:100%; height:auto; display:block; border-radius:5px 5px 0 0; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s;} .blogloop-img:hover img {-moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1);} .blogloop-content {margin:15px 0 0 0; padding:0 15px} .blogloop-box h2 { font-size:17px; line-height:1.5em; margin:0 0 5px 0; padding:0; font-weight:700; } .blogloop-box p {font-size:15px; line-height:1.65em; } .blogloop-box a.post-more { text-align:right; display:block; margin-top:10px;} .blogloop-box a.post-more i {font-size:30px; color:#AD0203;} .blogloop-meta {font-size:13px; padding:5px 10px;} .blogloop-meta a {color:#AD0203;} .blogloop-meta .meta-date, .blogloop-meta .meta-author { padding:5px; display:inline-block;} .blogloop-meta .meta-category {border-top:1px dotted #DEE0E4; padding:8px 5px 2px 5px; margin:5px 0;} .blogloop-meta .meta-tags {margin:5px 0; padding:8px 5px 5px 5px; border-top:1px dotted #DEE0E4; } .blogloop-meta .meta-tags a {padding:5px; border-radius:2px;} .blogloop-img .postdate { position:absolute; top:0; left:0; width:auto; height:65px; background:rgba(56,63,75,.9); z-index:999; text-align:center; padding:5px; border-radius:5px 0 0 0; } .blogloop-img .postdate .day { display:block; font-size:30px; letter-spacing:1; color:#fff; font-weight:bold;} .blogloop-img .postdate .month { font-size:12px; color:#fff;} .single-meta {border-top:1px dotted #DEE0E4; padding:15px 0; margin:20px 0; font-size:14px;} .single-meta a {color:#AD0203;} .single-meta .meta-date, .single-meta .meta-author { padding:5px; display:inline-block;} .single-meta .meta-category {border-top:1px dotted #DEE0E4; border-bottom:1px dotted #DEE0E4; padding:6px 5px; margin:5px 0;} .single-meta .meta-tags {margin:5px 0; padding:3px 5px;} .single-meta .meta-category a:hover, .single-meta .meta-tags a:hover, .blogloop-meta .meta-category a:hover, .blogloop-meta .meta-tags a:hover { text-decoration:underline;} .single-page-nav { margin:15px 0; font-size:13px; text-transform:uppercase; font-weight:700;} .single-page-nav .navleft {width:50%; float:left;} .single-page-nav .navright {width:50%; float:right; text-align:right;} .single-page-nav .navright a:after, .single-page-nav .navleft a:before {font-family:"icofont"; font-size:36px; color:#24B6FF; width:50px;} .single-page-nav .navright a:after {content:'\ea79'; } .single-page-nav .navleft a:before {content:'\ea78';} /* ======================== comments ============================ */ #comments-box { margin:30px 0 25px 0; padding:20px 0; font-size:15px;} .comment-author img, .comment-author .says { display:none;} .comment-author a {font-weight:bold;} .comment-meta {font-size:13px;} #comments-box a {color:#606774;} #comments-box a.comment-reply-link {color:#AD0203; font-weight:bold; margin:5px; text-align:right; display:block;} .comments-title { font-size:1.3em; margin:0; padding:0;} .comments-subtitle { font-size:1.1em; margin:0; padding:0;} ol.comment-list { margin:15px 0 0 0; list-style:none; padding:0; } ol.comment-list li { padding:5px 10px; margin:0 0 15px 0; font-size:1em; line-height:1.6em; border-bottom:1px dotted #DEE0E4; list-style:none;} ol.comment-list ol {margin:15px 0;} ol.comment-list ol li {border-bottom:none; } #comments-box ol.comment-list ol li a.comment-reply-link {text-align:left; margin:5px 0; } #respond { margin:25px 0 0 0; padding:0 0 15px 0; } #respond .memberbox { padding:5px 0 0 0;} #respond .inputbox { padding:10px 0 0 0;} #respond label {display:block; font-size:.9em; } #respond label span {font-size:.8em; } #respond input {width:95%; padding:7px 5px; font-family: Arial, Helvetica, sans-serif; font-size:.95em; margin:2px 0 7px 0; border:1px solid #e5e5e5; border-radius:3px; } #respond textarea {font-family: Arial, Helvetica, sans-serif; font-size:.95em; padding:5px; height:130px; width:95%; margin:5px 0; border:1px solid #e5e5e5; border-radius:5px;} #respond #submit {width:auto; font-size:.95em; cursor:pointer; margin-top:15px; padding:5px 20px 6px 20px;} #respond .memberbox {margin:5px 0;} .category-description { margin:0 0 25px 0; padding:0 0 10px 0; border-bottom:1px dotted #DEE0E4; } .category-description p { font-size:14px; line-height:1.65em; margin:0; padding:0;} .post-nav { margin:0 0 60px 0; padding:0; font-size:14px; } .post-nav .page-numbers {padding:8px; border-radius:1px; margin:0 3px 0 0; background:#f0f1f6;} .post-nav a {text-decoration:none; color:#383F4B; } .post-nav a:hover {background:#24B6FF; color:#fff; } .post-nav .current {background:#24B6FF; color:#fff;} .sticky { margin:-8px; padding:5px; border:8px solid #E6E8ED; border-radius:3px 3px 0 0;} .bypostauthor { font-style:italic;} /* =================== galleries =================== */ .wp-caption { max-width:100%; padding:5px; border:1px dotted #DEE0E4;border-radius:5px; } .wp-caption img {max-width:100%;display:block;height:auto; } .columns .col1-4:nth-child(4n+4) .inner .wp-caption {max-width:calc(100% - 20px);} .columns .col1-3:nth-child(3n+3) .inner .wp-caption {max-width:calc(100% - 30px);} .columns .col1-2:nth-child(2n+2) .inner .wp-caption {max-width:calc(100% - 30px);} .wp-caption-text{font-size:14px;margin:0 2%} .gallery-caption{text-wrap:normal !important} .gallery img {width:calc(100% -20px); height:auto; margin:5px 10px; border-radius:5px;} .gallery{clear:both;overflow:hidden;margin:25px auto} .gallery .gallery-item{overflow:hidden;float:left;margin:10px 0 0;text-align:center;list-style:none} .gallery-columns-0 .gallery-item{width:100%} .gallery-columns-1 .gallery-item{width:100%} .gallery-columns-2 .gallery-item{width:50%} .gallery-columns-3 .gallery-item{width:33.33%} .gallery-columns-4 .gallery-item{width:25%} .gallery-columns-5 .gallery-item{width:20%} .gallery-columns-6 .gallery-item{width:16.66%} .gallery-columns-7 .gallery-item{width:14.28%} .gallery-columns-8 .gallery-item{width:12.5%} .gallery-columns-9 .gallery-item{width:11.11%} .gallery-columns-10 .gallery-item{width:10%} img.alignright { float:right; margin:15px 10px 5px 25px; border-radius:3px; } img.alignleft {float:left; margin:15px 25px 5px 0; border-radius:3px; } img.aligncenter { margin:10px auto; border-radius:3px; } img.alignnone { margin:10px 0; border-radius:3px;} figure.alignright { float:right; margin:15px 10px 5px 25px; } figure.alignleft {float:left; margin:15px 25px 5px 0; } figure.aligncenter { margin:0; } figure.alignnone { margin:0; } figure.alignwide {margin:0;} figure.wp-block-image img {border-radius:3px;} .textwidget img {max-width: 100%; } img[class*="align"], img[class*="wp-image-"] {height: auto; } img.size-full, img.size-large {max-width: 100%; width: auto; } figure.alignright img, figure.alignleft img, figure.aligncenter img, figure.alignnone img {border-radius:3px;} #TB_secondLine a {color:#333;} /* =================== contactforms cf7 =================== */ .wpcf7-form {margin:0; padding:10px 0; } .wpcf7-form .columns {margin:0; padding:0;} .wpcf7 label { font-size:13px; display:block; margin:7px 0 0 0;} .wpcf7 input { width:calc(100% - 18px); border:1px solid #ebebeb; border-radius:3px; padding:10px 3px; margin:5px 0; background:rgba(255,255,255,.85); font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;color:#000; font-size:13px;box-sizing:border-box; } .wpcf7 select {width:auto; background:rgba(255,255,255,.85);border:1px solid #ebebeb; border-radius:3px; padding:10px 3px; margin:5px 0; font-size:14px;color:#727271; box-sizing:border-box; outline: none;cursor: pointer;} .wpcf7 .select-wrapper select { -moz-appearance: none; -webkit-appearance: none; appearance: none; border: none; } .wpcf7 .select-wrapper select::-ms-expand { display: none;} .wpcf7 .select-wrapper select { width:calc(100% - 18px); border:1px solid #ebebeb; border-radius:3px; height: 40px; padding:8px 3px;box-sizing:border-box; background:rgba(255,255,255,.85); font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:14px; } .select-wrapper {position:relative;} .select-wrapper::before {font-family: icofont;content: "\ea67"; font-size: 21px; position: absolute; z-index:999; right: 35px; top: 10px; color: #727271; } .wpcf7 textarea {font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;width:calc(100% - 18px); background:rgba(255,255,255,.85); border:1px solid #ebebeb; border-radius:3px; padding:10px 3px; font-size:13px; color:#000;box-sizing:border-box;margin:5px 0;} .wpcf7 input:focus, .wpcf7 textarea:focus { border:1px solid #999;} .wpcf7 .wpcf7-submit { cursor:pointer; background:#606774; color:#fff; padding:10px 20px; border-radius:2px; margin:15px 5px 10px 0; width:auto; display:inline-block; font-size:14px; text-transform:uppercase; text-decoration:none; font-weight:700; letter-spacing:.5px; text-align:center; border:none; } .wpcf7 .wpcf7-submit:hover {opacity:.9; text-decoration:none; padding:10px 20px; } .wpcf7-form p {margin:0; padding:0; position:relative; } .wpcf7-radio {margin:-5px 0 20px -20px; padding:0; display:block;} .wpcf7 .wpcf7-submit { width:auto;} .wpcf7 input[type="radio"], .wpcf7 input[type="checkbox"] {width:auto; display:inline-block; margin:10px 10px 10px 5px; font-weight:bold;} .wpcf7 input[type="radio"]:checked ~ * {color:#000;} .wpcf7 input[type="number"] {} .wpcf7 legend { font-size:1.35em; font-weight:400; margin:-45px 5px 15px 0; padding:10px; background:#fff;} .wpcf7 .wpcf7-acceptance {margin:5px 0 15px -10px; display:block; width:calc(100% - 10px);} .wpcf7 .wpcf7-acceptance label {font-size:12px; line-height:1.4em; display:inline-block; } .wpcf7 .wpcf7-acceptance label a {color:#AD0203;} .wpcf7-form p {margin:0; padding:0;} .wpcf7-captchar {max-width:100px;} .wpcf7 h5 {margin-bottom:15px;} div.wpcf7-mail-sent-ok, div.wpcf7-mail-sent-ng, div.wpcf7-spam-blocked, div.wpcf7-validation-errors {padding:10px; background:#E6E8ED; border:none; border-left:4px solid;} div.wpcf7-mail-sent-ok {border-color: #398f14;} div.wpcf7-mail-sent-ng, div.wpcf7-spam-blocked, div.wpcf7-validation-errors {border-color: #ff4000;} span.wpcf7-not-valid-tip {position:relative; color:#ff4000; font-size:12px; font-style:italic;} #sidebar .wpcf7 .wpcf7-submit { margin:5px 5px 10px 0; } #sidebar .wpcf7-form {margin:25px 0; padding:10px 10px 10px 15px; border:none; background:#f0f1f6; } .wpcf7-form p i {position: absolute;color: #6F7581; z-index: 100; font-size: 18px; top: 28%;left: 1.5%; } .wpcf7-form p i.icofont-pencil-alt-2{top:15px;left: 1.5%;font-size: 16px;} .wpcf7 p .wpcf7-text, .wpcf7 p .wpcf7-textarea, .wpcf7 p .wpcf7-select {padding-left:35px;} /* ================== 404 ================= */ .notfoundsearch{ margin:35px 0; padding:15px 10px; background:#f0f1f6; border-radius:2px; max-width:calc(100% - 50px); } .notfoundsearch form#searchform { margin:0; padding:0; } .notfoundsearch input#searchinput {font-size:13px; padding:10px 5px; margin:3px 0 0 0; font-style:italic; display:inline-block; float:left; background:rgba(255,255,255,.9); border:1px solid #E6E8ED; width: calc(100% - 140px); -webkit-appearance:none !important;} .notfoundsearch input#searchinput:focus { color:#333;} .notfoundsearch input#searchsubmit {color:#fff; width:90px; float:right; font-size:13px; display:inline-block; padding:10px 0; margin:3px 20px 0 0; cursor:pointer; background:#AD0203; border:none !important; text-align:center; -webkit-appearance:none !important; } .notfoundsearch input#searchsubmit:hover {background:#383F4B;} .fourofour {color:#f0f1f6; font-size:120px; font-weight:bold;} /* =============== search =============== */ .search-item-list {margin:15px 0; padding:10px; border-top:1px dotted #DEE0E4;} .search-item {margin:15px 0 25px 0; padding-bottom:10px; border-bottom:1px dotted #DEE0E4;} .search-item-thumb {float:left; margin:0 30px 10px 0; max-width:200px; } .search-item-thumb img {width:100%; height:auto; display:block; border-radius:3px;} .search-item p {font-size:15px;} a.post-more { display:inline-block; color:#383F4B; font-weight:bold;font-size:14px;} /* =================== sidebar ===================*/ .sidebarbox {padding:5px 10px; margin:0 0 25px 0; border:1px solid #E6E8ED; } .sidebarbox .widgettitle { padding:7px 0; margin-bottom:7px; font-size:15px; font-weight:600; text-transform:uppercase; border-bottom:1px solid #E6E8ED; } .sidebarbox .widgettitle [class^="icofont-"]:before, .sidebarbox .widgettitle [class*=" icofont-"]:before {margin-top:0 !important; margin-right:7px !important; line-height:.9em !important;} #sidebar p { font-size:15px;} #sidebar ul { font-size:15px; margin:5px 0 15px 0; padding:0; list-style:none; } #sidebar ul li {line-height:1.6em; border-bottom:1px dotted #E6E8ED; padding:5px 0 5px 0; list-style:none; } #sidebar ul li:last-child {border-bottom:none;} #sidebar ul li > a:before {content: '\ea69'; font-family: "icofont"; font-size:10px; float:left; margin-right:15px; color:#DEE0E4; } #sidebar ul li a { color:#424A59; text-decoration:none; display:block;} #sidebar ul li:hover > a, #sidebar ul li.current-menu-item > a, #sidebar ul li.current-cat > a, #sidebar ul li.current-menu-parent > a {color:#AD0203} #sidebar ul li a:hover:before, #sidebar ul li.current_page_item a:before, #sidebar ul li.current-menu-item a:before, #sidebar ul li.current-cat a:before, #sidebar ul li.current-menu-parent a:before {color:#AD0203;} #sidebar ul li ul { margin:5px 0 5px 15px; display:none; } #sidebar ul li.current-menu-parent ul, #sidebar ul li.current-menu-item ul {display:block; } #sidebar ul li ul li { padding:3px 0; border-bottom:none; border-top: none;} #sidebar ul li.current-menu-item ul, #sidebar ul li.current_page_item ul, #sidebar ul li.current-cat ul, #sidebar ul li.current_page_parent ul {display:block;} .footerbox ul.sidebar-current-posts li:before, #sidebar ul.sidebar-current-posts li a:before {content: ''; display:none;} .footerbox ul.sidebar-current-posts li, #sidebar ul.sidebar-current-posts li {padding:5px 15px 5px 0;} .sidebar-current-posts .post-date {font-size:12px; color:#727271;} .sidebarbox img, .sidebar-blog-image img {max-width:100%; height:auto; } .tagcloud { margin:0; padding:0;} .tagcloud a { background:#24B6FF; color:#fff;padding:6px 10px; margin:6px 0; display:inline-block; white-space:nowrap; border-radius:3px; text-decoration:none; line-height:1.5em; font-weight:bold;} .tagcloud a:hover {background:#f0f1f6; color:#424A59; } .sidebarbox #searchform { margin:10px 0;} .sidebarbox input#searchinput {width:calc(100% - 100px); border:1px solid #f0f1f6; background:#fff; margin:0; padding:10px 5px; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-style:italic; border-radius:2px; float:left; color:#7A8394; } .sidebarbox input#searchinput:focus {border:1px solid #7A8394; } .sidebarbox input#searchsubmit {background:#383F4B; color:#fff; font-size:12px; text-transform:uppercase; width:80px; float:right; display:inline-block; padding:10px 0; margin:1px 0; cursor:pointer; border:none !important; text-align:center; -webkit-appearance:none !important; border-radius:2px;} .sidebarbox input#searchsubmit:hover { background:#7A8394;} #sidebar table { width:100%; margin:15px 0; font-size:13px; padding:0; border:1px solid #E6E8ED; border-radius:2px; background: #ffffff; box-sizing:border-box;} #sidebar table td { border-bottom:1px solid #E6E8ED; border-top:1px solid #fff; border-right:1px solid #E6E8ED; border-left:1px solid #fff; padding:10px; margin:0;} #sidebar table td:last-child, #sidebar table th:last-child { border-right:none;} #sidebar table td:first-child { border-left:none;} #sidebar table th { border-bottom:1px solid #E6E8ED; border-right:1px solid #f0f0f0; padding:10px; font-size:1.3em; line-height:1.5em; font-weight:normal; text-shadow:#ddd 1px 1px; background: #F3F5FA; } #sidebar table tr:last-child td { border-bottom:none;} /* ========================= Sidebar CTA =========================*/ .sidebar-bocta-box {position:relative;} .sidebar-bocta-box img {width:100%; height:auto; border-radius:2px; } .sidebar-bocta-box h3 {font-size:17px; } .sidebar-bocta-box .has-image-headline { background:#AD0203; opacity:.9; padding:5px 15px; position:absolute; bottom:25px; left:0; z-index:999; transition:all ease-in 300ms;} .sidebar-bocta-box:hover .has-image-headline { opacity:1; padding:5px 35px 5px 15px; } .sidebar-bocta-box .has-image-headline h3 {color:#fff; font-weight:700;} .sidebar-bocta-box a {background:none; border:none;} /* ========================= Calendar =========================*/ #calendar_wrap {margin:0; } #wp-calendar {empty-cells: show; margin:0; padding:0; font-size:14px; width:100%;} #wp-calendar #next a {text-align: right;} #wp-calendar #prev a {text-align: left;} #wp-calendar a {display: block; color:#AD0203; text-decoration:underline; } #wp-calendar caption {display:none;} #wp-calendar th {padding: 3px 0; text-align: center; border:1px solid #E6E8ED; background-color: #f0f1f6; font-size:13px !important; } #wp-calendar td {padding:3px; text-align: center; border:1px solid #E6E8ED; } #wp-calendar td.pad:hover { background-color: #F0f1f6; } .wp-calendar-nav {padding:0 5px; display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between;font-size:14px; font-weight:500;} .wp-calendar-nav .pad {flex-basis:2;} .wp-calendar-nav a {color:#383F4B; } /* =================== footer =================== */ .footer-widgets { padding:15px 0; display:flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; } .footer-widgets .footerbox {flex: 0 1 calc(25% - 60px); padding:20px 40px 20px 20px;} .footerbox .footerboxtitle { margin:0 0 10px 0; padding:0 0 10px 0; font-size:15px; font-weight:bold; text-transform:uppercase; line-height:1.4em; border-bottom:1px dotted rgba(255,255,255,0.6);} .footerbox ul { margin:0; padding:0; list-style-type:none; } .footerbox ul li { line-height:1.6em; list-style-type:none; margin:3px 0; font-size:14px;} .footerbox ul li:before {content:"\ea79"; font-size:12px; font-family:"Icofont"; margin-right:5px; } .footerbox a { text-decoration:none; color:#f2f2f2;} .footerbox a:hover { text-decoration:underline; color:#fff; } .footerbox p { margin:0; padding:5px 0; font-size:15px; line-height:1.55em; } .sidebar-schedule-box table {margin:0; padding:0; border:none; font-size:14px;} .sidebar-schedule-box table td {padding:3px; border-bottom:1px dotted rgba(255,255,255,0.6)} .sidebar-schedule-box table td.sday {font-size:11px; text-transform:uppercase; font-weight:bold; padding:3px 25px 3px 3px; } .bottomline { margin:0; font-size:.75em; text-align:center; padding:15px 0; border-top: 1px dotted rgba(255,255,255,.6) } /* ========================= profilebox ========================= */ #sidebar .profilebox ul { margin:0; padding:0; list-style:none !important; } #sidebar .profilebox ul li {font-size:15px; line-height:1.6em; border-bottom:none; border-top:none; padding:0; list-style-position: outside; text-indent: 0; list-style:none !important;} #sidebar .profilebox ul li:before {content: ''; float:none; margin-right:0; display:none; } #sidebar .profilebox ul li.secaddr {margin-bottom:10px;} #sidebar .profilebox ul li a {color:#424A59; display:inline-block;} /* ========================= animated ========================= */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;} .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } .bo-block-cta-wrapper.animated {animation-duration:1500ms;} .bo-block-cta-overlay.animated {animation-duration:1500ms;} @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes fadeInRight { from {opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from {opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to {opacity: 1; -webkit-transform: none; transform: none; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn;} .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight;} @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } /* ========================= atomic blocks ========================= */ .ab-block-container { margin-bottom:0;} .ab-block-profile .ab-social-links li i{font-size:18px;background:#0393e3;color:#fff;padding:10px;border-radius:100px;height:18px;width:18px;text-align:center} .ab-block-profile {background: #383F4B; color: #F0F1F6; margin: 0 auto; padding: 2%; border-radius: 3px;margin-bottom: 1.2em;display: flex;flex-flow: row wrap; justify-content: space-around; width:96%; } .ab-profile-text { margin-top:-10px !important;} .ab-profile-title {margin:0 !important; padding:0; } .ab-profile-text p {margin:0 !important; padding:0; } .ab-social-links li {font-size:0 !important;} .ab-block-post-grid-image img {width:100%; height:auto;} .ab-block-post-grid-header h4.ab-block-post-grid-title {font-size:20px; } .ab-block-post-grid-header h3.ab-block-post-grid-title {font-size:21px; } .ab-block-post-grid-header h2.ab-block-post-grid-title {font-size:22px; } .ab-block-post-grid-text .ab-block-post-grid-excerpt p {font-size:16px ;} .ab-block-post-grid-excerpt p:nth-child(2) {margin-top:0; padding:0;} a.ab-block-post-grid-link.ab-text-link {color:#AD0203; } .wp-block-atomic-blocks-ab-cta {padding-top:80px; padding-bottom:80px;} .ab-cta-button {margin-top:25px;} .ab-block-accordion .ab-accordion-title {background-color:#f0f1f6; cursor:pointer;} .ab-accordion-text p {font-size:16px !important;} .ab-block-container.aligncenter {margin-left:-20px; margin-right:-20px; width:calc(100% + 40px); max-width: 1400px;} /* ========================= genesis blocks ========================= */ .gb-block-container { margin-bottom:0;} .gb-block-profile .gb-social-links li i{font-size:18px;background:#0393e3;color:#fff;padding:10px;border-radius:100px;height:18px;width:18px;text-align:center} .gb-block-profile {background: #383F4B; color: #F0F1F6; margin: 0 auto; padding: 2%; border-radius: 3px;margin-bottom: 1.2em;display: flex;flex-flow: row wrap; justify-content: space-around; width:96%; } .gb-profile-text { margin-top:-10px !important;} .gb-profile-title {margin:0 !important; padding:0; } .gb-profile-text p {margin:0 !important; padding:0; } .gb-social-links li {font-size:0 !important;} .gb-block-post-grid-image img {width:100%; height:auto;} .gb-block-post-grid-header h4.gb-block-post-grid-title {font-size:20px; } .gb-block-post-grid-header h3.gb-block-post-grid-title {font-size:21px; } .gb-block-post-grid-header h2.gb-block-post-grid-title {font-size:22px; } .gb-block-post-grid-text .gb-block-post-grid-excerpt p {font-size:16px ;} .gb-block-post-grid-excerpt p:nth-child(2) {margin-top:0; padding:0;} a.gb-block-post-grid-link.gb-text-link {color:#AD0203; } .wp-block-atomic-blocks-gb-cta {padding-top:80px; padding-bottom:80px;} .gb-cta-button {margin-top:25px;} .gb-block-accordion .gb-accordion-title {background-color:#f0f1f6; cursor:pointer;} .gb-accordion-text p {font-size:16px !important;} .gb-block-container.aligncenter {margin-left:-20px; margin-right:-20px; width:calc(100% + 40px); max-width: 1400px;} /* =========================== responsive ===================== */ @media screen and (max-width: 896px) { .mobile-only {display:block !important;} .desktop-only {display:none !important;} } @media screen and (max-width: 1360px) { .wp-block-columns.has-4-columns .wp-block-column {margin-left:10px;margin-right:10px;} .wp-block-columns.has-4-columns .wp-block-column:first-child {margin-left:0;} .wp-block-columns.has-4-columns .wp-block-column:last-child {margin-right:0;} .wp-block-columns.has-4-columns.nomargin .wp-block-column {margin-left:1px;margin-right:1px;} .wp-block-columns.has-4-columns.nomargin .wp-block-column:first-child {margin-left:0 !important;} .wp-block-columns.has-4-columns.nomargin .wp-block-column:last-child {margin-right:0 !important;} } @media (min-width: 896px) {.wp-block-columns {flex-wrap: nowrap; } } @media (min-width: 768px) {.wp-block-columns {flex-wrap: nowrap; } } @media (min-width: 600px) { .wp-block-columns {justify-content:flex-start;} .wp-block-column {flex-basis: calc(50% - 20px);flex-grow:0; } } @media (min-width: 600px) { .wp-block-column:nth-child(odd) {margin-right: 15px; } .wp-block-column:nth-child(even) {margin-left: 15px; } .wp-block-column:not(:first-child) {margin-left: 22px; } .wp-block-column:not(:last-child) {margin-right: 15px; } } @media screen and (max-width: 1400px) { .ab-block-container.aligncenter {margin-left:-20px; margin-right:-20px; padding-left:20px; padding-right:20px;width:calc(100vw - 40px);max-width:100vw;} .gb-block-container.aligncenter {margin-left:-20px; margin-right:-20px; padding-left:20px; padding-right:20px;width:calc(100vw - 40px);max-width:100vw;} } @media screen and (max-width: 1200px) { .wrapper {margin-left: calc( -100vw / 2 + 100% / 2 ); margin-right : calc( -100vw / 2 + 100% / 2 ); max-width : 100vw; max-width:1200px; } #topmenu ul li a {letter-spacing:0;} } @media screen and (max-width: 1024px) { h1 { font-size:25px;} h2 { font-size:23px;} h3 { font-size:20px;} h4 { font-size:18px;} h5 { font-size:17px; } p { font-size:16px;} .teambox h3 {font-size:17px;} h2.ab-profile-name {font-size:22px !important;} .ab-profile-text p {font-size:15px !important;} h2.gb-profile-name {font-size:22px !important;} .gb-profile-text p {font-size:15px !important;} #topmenu ul li a {font-size:13px;padding:25px 8px 20px 8px;} .sc-button a {padding:10px 15px;font-size:14px; text-transform:uppercase; letter-spacing:.5px; margin:0;font-weight:500;} .team-section { margin:0; } .mobilespacer {max-height:10px !important; } .sidebarbox { padding:5px 0 20px 5px; } .footer-content {padding:0 10px; } .footerbox .footerboxtitle { font-size:12px;} .footerbox {padding:20px 20px 20px 10px; max-width:calc(25% - 30px);} .footerbox ul li { line-height:1.6em; list-style-type:none; margin:3px 0; font-size:13px;} .sidebar-schedule-box table {font-size:13px;} .sidebar-schedule-box table td {padding:3px 2px;} .sidebar-schedule-box table td.sday {padding:3px 15px 3px 3px;font-size:10px; } .cta-inner #map-canvas {margin:0 0px; padding:0;} .bo-block-header-wrapper {top: 10%; padding:10px 20px; max-width:60%;} .bo-block-header-heading-mobile, .bo-block-cta-heading-mobile, .slogan-mobile {font-size:90% !important;} .bo-block-header-text-mobile, .bo-block-cta-text {font-size:90% !important;} .teaminfobox h3 {font-size:18px;} .teaminfobox p {font-size:15px;} .teaminfobox .teaminfo-name {font-size:12px;} .teaminfobox .teaminfo-image {right:10px;} .bottomfaq .toggle-box .toggle-headline h3 { font-size:15px; } .page-template-default .wp-block-columns.has-2-columns .wp-block-column {flex-basis:100%; margin-left:0; margin-right:0;} .page-template-default .wp-block-columns.has-2-columns {flex-wrap:wrap;} .page-template-default .wp-block-columns.has-2-columns .teaminfobox {margin-bottom:60px;} .bo-blogpage .loopwrapper {flex: 0 1 calc(33.333% - 30px); padding:0 15px 0 15px; } } /* ======================= eof 1024 */ @media screen and (max-width: 896px) { .bo-block-header-section, .color-separator, .ab-block-container, .gb-block-container, .image-wrapper {margin-left: calc( -100vw / 2 + 100% / 2 ); margin-right : calc( -100vw / 2 + 100% / 2 ); max-width : 100vw;} .image-wrapper, .bo-block-header-section {padding:0; margin-top:0;} .main-header {padding-bottom:10px;} #sidebar {padding-left:0; margin-top:60px; } .logo {z-index:99999;} #topmenu #head-mobile {display:block !important;padding:18px 0;font-weight:700; background:transparent; } #topmenu{ background:transparent; } #topmenu { position:absolute; top:66px; right:0; margin:0; text-align:left; padding:0; z-index:99999; width:65%; } #topmenu ul{ display:none; float:none; text-align:left; background:#fff; padding:15px 0 15px 15px; } #topmenu ul ul {position:relative;float:none;left:0;margin:0 15px 0 0;padding:5px 0 15px 15px;border-radius:0; background:#F0F1F6; border:none; z-index:10001; visibility: visible; opacity:1; -webkit-transition:none; transition: none; } #topmenu ul ul ul{position:relative;float:none;left:0;margin:0;padding:0;border-radius:0; border:none; } #topmenu ul ul ul{top:auto; margin-top:0;} #topmenu ul li {width:100%; float:none;height:auto !important;} #topmenu ul li a {padding:15px 0; border-bottom:1px solid #F0F1F6;} #topmenu ul li:hover > a { background:none;border-radius:0;} #topmenu ul ul li a {padding:15px 0; margin:0; border-bottom:none; } #topmenu li > ul > li{height:auto !important; } #topmenu ul ul li{height:auto; } #topmenu li:hover > ul > li{height:auto; } #topmenu ul ul li a { height:auto; line-height:1;border:none;} #topmenu ul ul li > a {background:transparent; border-radius: 0;} #topmenu li:hover > ul{left:0; width:auto;} #topmenu ul li ul li:hover > ul{left:0; width:auto;} #topmenu ul li:hover a {background:none !important;} #topmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;height:41px;width:46px;cursor:pointer} #topmenu .submenu-button.submenu-opened{} #topmenu ul ul .submenu-button{height:30px;width:50px} #topmenu .submenu-button:after{position:absolute;top:10px;right:25px;width:20px;height:20px;display:block;color:#7A8394;content:'\ea77';font-family:"icofont";font-size:18px;} #topmenu > ul > li.has-sub > a:after, #topmenu ul ul li.has-sub > a:after{display:none;} .mobilebutton{ width:60px;height:48px; position:absolute;right:60px;top:-50px;cursor:pointer;z-index: 12399994; margin-bottom:2px; } .mobilebutton:after{position:absolute;top:24px;right:20px;display:block;height:6px;width:30px;border-top:5px solid #383F4B;border-bottom:5px solid #383F4B;content:''} .mobilebutton:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:14px;right:20px;display:block;height:5px;width:30px;background:#383F4B;content:''} .mobilebutton.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:5px;width:25px;background:#383F4B;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)} .mobilebutton.menu-opened:before{top:23px;background:#383F4B;width:25px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)} .fixednav {position:inherit !important; } .header-wrap.fixednav .top-header { display:block;} .ab-block-profile .ab-social-links li i, .gb-block-profile .gb-social-links li i{font-size:16px;padding:10px;height:16px;width:16px;} .smicons span {width:28px; height:28px; margin:0 6px 5px 0; } .smicons span::before {font-size:16px; line-height:28px;} .smicons span.google::before {font-size:18px;} .cta-inner { padding:0 15px;} .col-ttc { width:100%; margin:1.5% 0;} .col-otc { width:100%; margin:1.5% 0;} .col-otc, .col-ttc {margin-right:0 ; float:none ;} .col1-2, .col1-3, .col2-3 {width:100% !important; float:none; display:block;} .col1-4 {width:50%;} .col1-4 .inner, .col1-3 .inner, .col2-3 .inner {padding-bottom:25px; } .bo-anmeldung .col1-2 {width:50% !important; float:left;} .wp-block-columns.has-4-columns {flex-wrap:wrap; justify-content:flex-start;} .wp-block-columns.has-4-columns .wp-block-column {margin-left:25px;margin-right:0;} .wp-block-columns.has-4-columns .wp-block-column {flex-basis:calc(50% - 15px);} .wp-block-columns.has-4-columns .wp-block-column:nth-child(odd) {margin-left: 0; } .wp-block-columns.has-4-columns .wp-block-column:nth-child(even) {margin-right: 0; } .blhome .col-ofc:nth-child(4n+4) { margin-right:0;} .blhome .col-ofc:nth-child(4n+1) { clear:left ;} .blhome .col-ofc, .bl .col-ofc {width:48.786170212699%; float:left;} .blhome .col-ofc:nth-child(2n+2) { margin-right:0;} .blhome .col-ofc:nth-child(2n+1) { clear:left ;} .footer-widgets { padding:15px 0; display:flex; flex-direction: row; flex-wrap: wrap; justify-content:space-between; } .footer-widgets .footerbox {flex: 0 1 50%; max-width:calc(50% - 60px); padding:20px 40px 20px 20px; } .wp-block-column .wp-block-columns.has-2-columns {flex-wrap:wrap;} .wp-block-column .wp-block-columns.has-2-columns .wp-block-column {flex-basis:100%; margin-right:0; margin-left:0;} .slide-headline {font-size:36px;line-height:1.5em;} .slide-desc {font-size:17px; } .teaminfobox {margin-bottom:60px;} .sidebarbox #searchform { margin:10px 0 0 0;} .sidebarbox input#searchinput {width:calc(100% - 160px);margin:0 0 0 10px; } .sidebarbox input#searchsubmit {width:100px; margin:1px 20px 1px 0;} .pagetitle h1 {font-size:21px;} .bo-block-cta-wrapper {padding-left:0;} } /* ======================= eof 896*/ @media screen and (max-width: 840px) { .bo-block-header-wrapper {position: absolute; top: 25px; padding:0 20px; max-width:65%;} .bo-block-header-buttons {margin-top:30px;} .bo-block-header-buttons a.bo-block-header-button-1,.bo-block-header-buttons a.bo-block-header-button-2 {font-size:13px !important} }/* ======================= eof 840*/ @media screen and (max-width: 800px) { .col-ohc {width:100%; float:none;} .wp-block-columns.has-3-columns .wp-block-column {flex-basis:100% !important; margin:3px 0; padding:0;} .wp-block-columns.has-2-columns {flex-wrap: wrap;} .wp-block-columns.has-2-columns .wp-block-column {flex-basis:100% !important;} .wp-block-columns.has-2-columns .wp-block-column:nth-child(odd), .wp-block-columns.has-2-columns .wp-block-column:first-child,.wp-block-columns.has-2-columns .wp-block-column:nth-child(even),.wp-block-columns.has-2-columns .wp-block-column:last-child {margin-left:0;margin-right:0;} .wp-block-columns.has-6-columns .wp-block-column {flex-basis:33% !important; margin-left:1px;margin-right:1px;} .wp-block-column .wp-block-columns.has-2-columns {flex-wrap:nowrap;} .wp-block-column .wp-block-columns.has-2-columns .wp-block-column {flex-basis:50%; margin-top:60px; margin-right:20px; margin-left:0;} .bo-block-header-heading-mobile, .bo-block-cta-heading-mobile, .slogan-mobile {font-size:80% !important;} .wp-block-spacer {max-height:30px !important;} .bo-blogpage .loopwrapper {flex: 0 1 calc(50% - 30px); padding:0 15px 0 15px; } .pagetitle h1 {font-size:19px;} .breadcrumb {overflow-wrap: break-word; text-wrap:wrap;} .bottomfaq {padding:25px 0;} .bottomfaq .faq-info {width:calc(100% - 40px); float:none; padding:0 20px;} .bottomfaq .toggle-box {width:calc(100% - 40px); float:none; padding:0 20px;max-width:100%; } } /* ======================= eof 800*/ @media screen and (max-width: 680px) { .contactbox { float:none; width:100%; margin:0; padding:0; text-align:center;} .top-left { float:none; width:100%; margin:0 0 5px 0; padding:0; text-align:center;} ul.ab-social-links, ul.gb-social-links {text-align:center !important; margin:0 auto !important;} .team-list-box {padding:10px; width:calc(50% - 43px); margin:15px 10px; } ul.profilelist li {font-size:14px; line-height:25px; } ul.profilelist li.profiletitle {font-size:17px; } ul.profilelist li.profilesubtitle {font-size:15px; margin-bottom:5px; padding-bottom:10px; } .bo-block-cta-button-1 {margin-right: 0;} .bo-block-header-container {position: relative; z-index:110; top:inherit; left:0; right:0; height: 100%; } .bo-block-header-wrapper {position:relative; top:inherit; padding:0 20px 25px 20px; max-width:calc(100% - 40px);animation-delay:1ms; animation-duration:1ms;} .slide-text {top:20%; right:5%; max-width:400px;} .slide-headline {font-size:28px;line-height:1.5em;} .slide-desc {font-size:17px; } .topline-menu ul li {padding:0 10px 10px 0; font-size:12px; font-weight:600;} .headerphone, .headermail { padding:0 10px; font-size:12px; font-weight:600; } .headerphone i, .headermail i, .openmail:hover i, .openphone:hover i { font-size:14px; color:#fff; } .contactbox { padding:0 0 10px 0; } .content-button a {padding:12px 10px 12px 20px; font-size:12px; letter-spacing:0; } .pagetitle h1 {font-size:18px; line-height:30px; padding-bottom:5px; float:none;width:100%;border-bottom:1px dotted #ccc;} .breadcrumb {text-align:left;float:none;width:100%; padding-bottom:5px;} .toggle-headline h3 {font-size:15px;} }/* ======================= eof 680*/ @media screen and (max-width: 600px) { .team-section-box { width:calc(50% - 20px); } .col-full { width:100%; margin:0;} .col-otc { width:100%; margin:1.5% 0;} .col-ttfull { width:100%; margin:1.5% 0; display: block; float:none !important;} .col-otfull { width:100%; margin:1.5% 0; display: block; float:none !important;} .col-ttc { width:100%; margin:1.5% 0;} .col-ofc { width:100%; margin:1.5% 0;} .col-ohc { width:100%; margin:1.5% 0;} .col-otc, .col-ttc, .col-ofc, .col-ohc {margin-right:none; display: block; float:none;} .columns .col1-3 img { max-width:97.5%; height:auto;} .col1-1, .col1-2,.col1-3,.col1-4,.col3-4, .col2-3 {width:100%;} .col1-1, .col1-2, .col1-3, .col1-4, .col2-3, .col3-4 {margin:10px 0 25px 0; float:none; padding:1px 0;} .inner { margin:0; padding:0; } .col1-4 .inner { margin:0; padding:0; } .bo-blogpage .loopwrapper {flex: 0 1 calc(50% - 15px); padding:0 5px 0 10px; } .blogloop-box { max-width:calc(100% - 20px); box-shadow:0 0 3px 1px rgba(0,0,0,.15);} img.alignright, img.alignleft, figure.alignright, figure.alignleft {float:none !important; margin:10px auto !important; } .wp-block-image {margin-left:0;margin-right:0;} .bo-block-cta-button-1, .bo-block-cta-button-2 { padding: 8px 10px; font-size: 13px; line-height:24px;} } /* ======================= eof 600*/ @media screen and (max-width: 480px) { p { font-size:15px;} .top-socials {padding:10px 0 0 0; display:block;} .bottomfaq .faq-info {width:100%; padding:0;} .bottomfaq .toggle-box {width:100%; padding:0;max-width:100%; } .tab-box ul.tabber { height:auto; position:relative;left:0;} .tab-box ul.tabber li a { padding:0 7px; font-size:12px;margin:0 1px 0 0;} .tab-box .panel { margin:5px 0 0 0; } .wp-block-cover.has-left-content.alignfull p.wp-block-cover-text {margin-left:0;} .wp-block-cover.has-right-content.alignfull p.wp-block-cover-text {margin-right:0;} #topmenu { width:85%; } .wp-block-columns.has-4-columns .wp-block-column {margin-left:0;margin-right:0;} .wp-block-columns.has-4-columns .wp-block-column {flex-basis:100%;} .wp-block-columns.has-4-columns .wp-block-column:nth-child(odd) {margin-left: 0; } .wp-block-columns.has-4-columns .wp-block-column:nth-child(even) {margin-right: 0; } .wp-block-columns.has-4-columns.nomargin .wp-block-column {flex-basis:100%;} .wp-block-columns.has-2-columns .wp-block-column .wp-block-columns.has-2-columns .wp-block-column {flex-basis:calc(100% - 40px) !important;} .wp-block-columns.has-3-columns .wp-block-column {margin-left:0;margin-right:0;} .wp-block-columns.has-3-columns .wp-block-column {flex-basis:100%;} .wp-block-columns.has-3-columns .wp-block-column:first-child {margin-left: 0; } .wp-block-columns.has-3-columns .wp-block-column:last-child {margin-right: 0; } .wp-block-columns.has-3-columns .wp-block-column:nth-child(3n + 3) {margin-right:0; } .wp-block-columns.has-3-columns .wp-block-column:nth-child(3n + 1) {margin-left:0; } .wp-block-columns.has-2-columns .wp-block-column {margin-left:0;margin-right:0;} .wp-block-columns.has-2-columns .wp-block-column {flex-basis:100%;} .wp-block-columns.has-2-columns .wp-block-column:nth-child(odd) {margin-left: 0; } .wp-block-columns.has-2-columns .wp-block-column:nth-child(even) {margin-right:0; } .wp-block-column .wp-block-columns.has-2-columns {flex-wrap:wrap;} .wp-block-column .wp-block-columns.has-2-columns .wp-block-column {flex-basis:100%; margin-top:40px; margin-right:0; margin-left:0;} .bo-block-cta-heading-mobile, .slogan-mobile {font-size:21px !important;} .bo-block-cta-heading {line-height:30px;} .teambox-image { padding:0 60px; } .testimonial-wrap {margin:80px 20px 60px 20px; } .profile-info {display:table; margin-bottom:25px;} .fixednav {position:relative !important;} .mobilebutton{ right:50px} .searchbox { width:calc(100% - 30px); left:0; right:0; top:100px; } .footerbox ul li { line-height:1.5em; margin:6px 0; } .bo-block-header-buttons {margin-top:20px;} .bo-block-header-buttons a.bo-block-header-button-1,.bo-block-header-buttons a.bo-block-header-button-2 {font-size:13px !important} .bo-block-header-buttons a.bo-block-header-button-1,.bo-block-header-buttons a.bo-block-header-button-2 {display:block;padding:12px 10px; margin:3px 0;} .content-button, .content-button a { display:block; } .teaminfobox p {padding-bottom:20px;} .teaminfobox .teaminfo-image {position:absolute; right:0; bottom:-40px; max-width:80px; border-radius:100%; border:5px solid #fff; } .teaminfobox .teaminfo-name {max-width:70%;} .slide-text {display:none;} .bo-anmeldung .col1-2 {width:100% !important; float:none;} .blhome .col-ofc {width:100%; float:none; margin-right:0; margin-left:0;} .blogloop-box { max-width:100%; box-shadow:0 0 3px 1px rgba(0,0,0,.15);} .bo-blogpage .loopwrapper {flex: 0 1 100%; padding:0; } .footer-widgets {flex-wrap: wrap; justify-content:space-between; } .footer-widgets .footerbox {flex: 0 1 100%; max-width:calc(100% - 40px); padding:20px; } .page-content table {font-size:13px;} .alignwide {margin-left: calc( -100vw / 2 + 100% / 2 ); margin-right : calc( -100vw / 2 + 100% / 2 ); max-width : 100vw;} } /* ======================= eof 480*/