/*
Theme Name: Stuhr-IT
Version: 1.0
Author: DW
Template: enfold
*/
/*--------------------------------------------------------------------*/
/*
/* Font: DM Sans
/*
/*--------------------------------------------------------------------*/
/* Light 300 */
@font-face {
font-family: 'DM Sans';
src: url('webfonts/dm-sans/DMSans-Light.woff2') format('woff2'),
url('webfonts/dm-sans/DMSans-Light.woff') format('woff');
font-weight: 300;
font-style: normal;
font-display: swap;
}
/* Regular 400 */
@font-face {
font-family: 'DM Sans';
src: url('webfonts/dm-sans/DMSans-Regular.woff2') format('woff2'),
url('webfonts/dm-sans/DMSans-Regular.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
/* Medium 500 */
@font-face {
font-family: 'DM Sans';
src: url('webfonts/dm-sans/DMSans-Medium.woff2') format('woff2'),
url('webfonts/dm-sans/DMSans-Medium.woff') format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
/* SemiBold 600 */
@font-face {
font-family: 'DM Sans';
src: url('webfonts/dm-sans/DMSans-SemiBold.woff2') format('woff2'),
url('webfonts/dm-sans/DMSans-SemiBold.woff') format('woff');
font-weight: 600;
font-style: normal;
font-display: swap;
}
/* Bold 700 */
@font-face {
font-family: 'DM Sans';
src: url('webfonts/dm-sans/DMSans-Bold.woff2') format('woff2'),
url('webfonts/dm-sans/DMSans-Bold.woff') format('woff');
font-weight: 700;
font-style: normal;
font-display: swap;
}
/*----------------------------------------------------------------------------*/
/*
/* Body
/*
/*----------------------------------------------------------------------------*/
html,
body {
background-color: #ffffff !important;
/*border-top: 20px solid #ED6A50;*/
}
body,
body p {
font-family: 'DM Sans', Helvetica, Arial, sans-serif !important;
font-size: 20px;
line-height: 1.5em !important;
font-weight: 400;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/*----------------------------------------------------------------------------*/
/*
/* Typography
/*
/*----------------------------------------------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'DM Sans', Helvetica, Arial, sans-serif !important;
text-transform: none !important;
font-style: normal !important;
}
h1, h1.av-rotator-container-inner {
font-size: 58px;
line-height: 1.3em !important;
font-weight: 700 !important;
letter-spacing: -1px !important;
}
h2, h2.av-rotator-container-inner {
font-size: 44px;
line-height: 1.4em !important;
font-weight: 600 !important;
letter-spacing: -1px !important;
}
h3, h3.iconbox_content_title {
font-size: 22px !important;
line-height: 1.4em !important;
font-weight: 600 !important;
letter-spacing: 0 !important;
}
h4, h4.iconbox_content_title {
font-size: 20px !important;
line-height: 1.5em !important;
font-weight: 600 !important;
letter-spacing: 0 !important;
}
h5, h5.iconbox_content_title {
font-size: 18px !important;
line-height: 1.4em !important;
font-weight: 600 !important;
letter-spacing: 0 !important;
}
h6, h6.iconbox_content_title {
font-size: 16px !important;
line-height: 1.4em !important;
font-weight: 600 !important;
letter-spacing: 0 !important;
}
/* Subheading: Above */
.av-subheading.av-subheading_above p {
font-family: 'DM Sans', Helvetica, Arial, sans-serif !important;
color: #8F8F8F;
font-size: 20px;
line-height: 1.4em;
margin-bottom: 0.5em;
letter-spacing: 0;
font-weight: 600 !important;
}
.av-subheading.av-subheading_below p {
font-family: 'DM Sans', Helvetica, Arial, sans-serif !important;
color: #8F8F8F;
font-size: 20px;
line-height: 1.4em;
font-weight: 500 !important;
}
/* Bold Style */
.main_color strong,
.alternate_color strong {
font-family: 'DM Sans', Helvetica, Arial, sans-serif !important;
font-weight: 500 !important;
color: #303030;
}
strong, b {
font-family: 'DM Sans', Helvetica, Arial, sans-serif !important;
font-weight: 600 !important;
}
/* Ampersand */
#top .special_amp {
font-family: inherit;
font-style: inherit;
font-size: inherit;
line-height: inherit;
font-weight: inherit;
color: inherit!important;
}
.entry-content-wrapper li {
margin-left: 1em;
padding: 1px 0;
}
ul {
list-style: none outside;
margin-left: 4px;
}
/*-----------------------------------------------*/
/*
/* Link Styling
/*
/*-----------------------------------------------*/
p a {
text-decoration: underline !important;
text-underline-offset: 4px;
text-decoration-thickness: 1px !important;
word-wrap: break-word;
}
u {
text-decoration: underline !important;
text-underline-offset: 4px;
text-decoration-thickness: 1px !important;
}
/*----------------------------------------------------------------------------*/
/*
/* Layout: Snippets
/*
/*----------------------------------------------------------------------------*/
/* Hide element */
.hide {
display: none;
}
/* Rotate */
#rotate {
transform: rotate(-1deg) !important;
}
/* Shake */
#shake {
animation: shake 5s ease infinite !important;
}
/* Large Desktop Line-Breaks
*/
@media only screen and (max-width: 1024px) {
.ld-break {
display: none;
}
}
/* Desktop Line-Breaks
*/
@media only screen and (max-width: 767px) {
.d-break {
display: none;
}
}
/* Mobile Line-Breaks
*/
@media only screen and (min-width: 497px) {
.m-break {
display: none;
}
}
/*--------------------------------------------*/
/* Text marker: custom tiny mce "Markieren"
/*--------------------------------------------*/
mark {
margin: 0 -0.4em;
padding: 0.1em 0.4em;
border-radius: 0.8em 0.3em;
background: transparent;
background-image: linear-gradient(
to right,
rgba(255, 248, 148, 0.3),
rgba(255, 248, 148, 0.5),
rgba(255, 248, 148, 0.3)
);
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
font-style: normal;
}
/* Text: thin--> <\span> */
.light {
font-weight: 300 !important;
}
/* Text underlined Style: **/
.underlined {
border-bottom: 2px solid #2A2A2A !important;
padding-bottom: 1px;
}
/** Einrückung (links, rechts) auf großen Bildschirmen **/
@media only screen and (min-width: 1240px) {
#ident-section .container {
padding-left: 150px !important;
padding-right: 150px !important;
}
.indent-left {
padding-left: 100px !important;
}
}
/* Fixe Section Border Bug */
.container_wrap {
clear: both;
position: relative;
z-index: 1;
border-top-style: solid;
border-top-width: 0;
}
/* Icons inside Text */
#top .texticon_after:after {
font-family: 'entypo-fontello';
font-size: 28px !important;
color: #018aa2;
content: "\e806" !important;
display: inline-block;
}
#top .icon-after-text {
color: #018aa2;
display: inline-block !important;
float: none !important;
clear: left !important;
}
#top span.av-icon-char.av-icon-char-custom {
margin-left: 4px;
}
/** **/
#top span.icon-after:after {
margin: 0 0 0 8px;
position: relative;
top: 2px;
color: #ff4409;
content: "\e806" !important;
font-family: 'entypo-fontello';
font-size: 24px !important;
}
/*----------------------------------------------------------------------------*/
/*
/* Notice-Box: notice-box / notice-box_no-title
/*
/*----------------------------------------------------------------------------*/
/** Link styling **/
.notice-box p a:hover, .notice-box_no-title p a:hover {
color: #4B6D4C !important;
-webkit-transition: all 0.5s !important;
-moz-transition: all 0.5s !important;
transition: all 0.5s !important;
}
/*--------------------------------------------*/
/* Default
/*--------------------------------------------*/
/** Icon **/
#top .notice-box.iconbox_left_content .iconbox_icon, #top .iconbox_right_content .iconbox_icon {
width: 24px;
height: 24px;
font-size: 24px;
line-height: 24px;
border-style: none;
text-align: center;
margin-right: 16px;
}
/** Title **/
#top .notice-box.iconbox .iconbox_content .iconbox_content_title {
margin-bottom: -12px;
}
/** Text **/
.notice-box p {
font-size: 16px !important;
line-height: 1.5em !important;
}
/*--------------------------------------------*/
/* No title
/*--------------------------------------------*/
/** Icon **/
#top .notice-box_no-title.iconbox_left_content .iconbox_icon, #top .iconbox_right_content .iconbox_icon {
width: 24px;
height: 24px;
font-size: 24px;
line-height: 24px;
border-style: none;
text-align: center;
margin-right: 16px;
}
/** Title **/
#top .notice-box_no-title.iconbox .iconbox_content .iconbox_content_title {
margin-bottom: -12px;
}
/** Text **/
.notice-box_no-title p {
font-size: 16px !important;
line-height: 1.5em !important;
margin-top: 0 !important;
}
#notice-box-container {
padding: 24px 28px !important;
background: #fcf2bf !important;
transform: rotate(-2deg);
z-index: 200 !important;
position: relative;
top: -50px;
left: 8%;
width: 84%;
}
#notice-box_shake {
animation: shake 5s ease infinite !important;
}
/*----------------------------------------------------------------------------*/
/*
/* SVG Divider
/*
/*----------------------------------------------------------------------------*/
/* Divider for Fullscreenslider */
.mirror-divider .avia-divider-svg {
overflow: hidden;
position: absolute;
transform: scaleY(-1);
top: -24px;
}
/*----------------------------------------------------------------------------*/
/*
/* HR: Border
/*
/*----------------------------------------------------------------------------*/
/* Rotate hr + hr-short */
.rotate.hr, .section-divider.hr-short {
transform: rotate(-1deg);
}
/* Border Style: dashed */
.dashed .hr-inner {
border-top-style: dashed !important;
}
.hr-custom {
overflow: visible;
}
/*----------------------------------------------------------------------------*/
/*
/* Lightbox (max. 1260px)
/*
/*----------------------------------------------------------------------------*/
/* BG blur fx */
.mfp-iframe-holder {
backdrop-filter: blur(0) !important;
}
/* Set max. width */
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 1120px;
overflow: hidden;
}
/* Set max. height */
.mfp-iframe-scaler {
height: 60vh;
}
/* BG Shadow */
.mfp-iframe-scaler iframe {
box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
}
/* BG Color */
.mfp-bg {
background: #000;
opacity: 0.8 !important;
}
/*----------------------------------------------------------------------------*/
/*
/* Tabs left
/*
/*----------------------------------------------------------------------------
.sidebar_tab .tab_titles {
width: 40%;
min-width: 170px;
max-width: 250px;
float: left;
display: block;
}
.noborder_tabs.sidebar_tab_left .tab_content, .noborder_tabs.sidebar_tab_right .tab_content {
border: none;
box-shadow: none;
left: 0;
padding: 0px 0 0 40px;
}
.js_active .tab {
cursor: pointer;
margin: 0;
display: block;
float: left;
z-index: 2;
position: relative;
padding: 12px 16px;
top: 1px;
font-size: 1em;
border-width: 0;
}
.sidebar_tab .tab_titles .tab {
width: 100%;
margin: 0;
top: 0;
border-bottom: 1px solid #aaaaaa !important;
}
*/
/*----------------------------------------------------------------------------*/
/*
/* Audio Player
/*
/*----------------------------------------------------------------------------*/
#top .wp-playlist-current-item {
overflow: hidden;
margin-bottom: 10px;
}
#top .wp-playlist-item-meta.wp-playlist-item-title {
font-size: 18px;
font-weight: 400;
}
#top .mejs-container {
font-family: 'DM Sans', Helvetica, Arial, sans-serif;
background: #4d4548 !important;
position: relative;
text-align: left;
text-indent: 0;
vertical-align: middle !important;
}
#top .wp-playlist {
border: 0 solid #ccc !important;
padding: 24px;
/* margin: 12px 0 18px; */
font-size: 16px;
line-height: 1.5;
border-radius: 4px;
background: #ffffff!important;
}
/*----------------------------------------------------------------------------*/
/*
/* Color Sections: Desktop
/*
/*----------------------------------------------------------------------------*/
/** Basic Spacing **/
.avia-section-small .content, .avia-section-small .sidebar { padding-top: 60px; padding-bottom: 60px;}
.avia-section-large .content, .avia-section-large .sidebar { padding-top: 100px; padding-bottom: 100px;}
.avia-section-huge .content, .avia-section-huge .sidebar { padding-top: 140px; padding-bottom: 140px;}
/** No Spacing Top **/
.no-spacing-top.avia-section-small .content, .avia-section-small .sidebar { padding-top: 0;}
.no-spacing-top.avia-section-large .content, .avia-section-large .sidebar { padding-top: 0;}
.no-spacing-top.avia-section-huge .content, .avia-section-huge .sidebar { padding-top: 0;}
/** No Spacing Bottom **/
.no-spacing-bottom.avia-section-small .content, .avia-section-small .sidebar { padding-bottom: 0;}
.no-spacing-bottom.avia-section-large .content, .avia-section-large .sidebar { padding-bottom: 0;}
.no-spacing-bottom.avia-section-huge .content, .avia-section-huge .sidebar { padding-bottom: 0;}
/* Color-Section: boxed (max-width) */
.boxed {
max-width: 1160px;
position: relative;
left: 50%;
transform: translate(-50%, 0);
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
}
/* Center align columns inside color section */
#center-align-columns .entry-content-wrapper, .entry-content-wrapper .flex_column_table,
#ueber-uns .entry-content-wrapper, .entry-content-wrapper .flex_column_table,
#gut-zu-wissen .entry-content-wrapper, .entry-content-wrapper .flex_column_table,
#leistungen .entry-content-wrapper, .entry-content-wrapper .flex_column_table,
#behandlungsschwerpunkte .entry-content-wrapper, .entry-content-wrapper .flex_column_table,
#kontakt .entry-content-wrapper, .entry-content-wrapper .flex_column_table {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
justify-content: center;
}
/* Right align columns inside color section*/
#right-align-columns .entry-content-wrapper, .entry-content-wrapper .flex_column_table {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
justify-content: right;
}
/*----------------------------------------------------------------------------*/
/*
/* Columns
/*
/*----------------------------------------------------------------------------*/
/* Link Style */
body .flex_column.avia-link-column.avia-link-column-hover{
transition: all 0.5s ease;
}
/* Link Style Hover */
body .flex_column.avia-link-column.avia-link-column-hover:hover{
opacity: 1;
filter: brightness(97%);
transition: all 0.5s ease;
}
/*----------------------------------------------------------------------------*/
/*
/* Logo
/*
/*----------------------------------------------------------------------------*/
.logo img {
width: auto !important;
height: 40px !important;
margin-top: 28px;
}
/* Logo-Breite Mobile */
@media only screen and (max-width: 767px) {
.responsive .logo img, .responsive .logo svg {
width: auto !important;
height: 40px !important;
margin-top: 0;
}
#top #wrap_all .av_header_transparency,
.av_header_transparency #advanced_menu_toggle {
background: transparent!important;
/*Mobile-Header transparent*/
position: absolute!important;
}
}
.av_minimal_header #header_main, .av_minimal_header #header_meta {
border: 1px solid #dddddd;
/* background: white !important;*/
}
/*----------------------------------------------------------------------------*/
/*
/* Navigation: Desktop
/*
/*----------------------------------------------------------------------------*/
/* Position Menu */
.main_menu {
top: auto 0;
}
/* Main Menu Links*/
.av-main-nav > li > a {
font-family: 'DM Sans', Helvetica, Arial, sans-serif !important;
text-decoration: none;
padding: 0 20px;
font-size: 16px !important;
font-weight: 500 !important;
letter-spacing: 0 !important;
word-break: break-all;
}
/* Hover State for default and transparent Header */
#top #header #avia-menu li.menu-item:hover > a > .avia-menu-text {
color: #4B6D4C;
}
#top #header.av_header_transparency ul#avia-menu > li.menu-item:hover > a > .avia-menu-text {
ccolor: #4B6D4C;
}
/* Active or current page menu or default and transparent Header */
#top #header #avia-menu li.current-menu-item > a > .avia-menu-text {
color: #4B6D4C;
}
#top #header.av_header_transparency #avia-menu li.current-menu-item > a > .avia-menu-text {
color: #4B6D4C;
}
/* Button Styled Menu: Colored */
#top .av-menu-button-colored > a .avia-menu-text {
font-size: 15px !important;
font-weight: 500 !important;
color: #fff!important;
background-color: #567C57!important;
border: none;
padding: 10px 20px !important;
opacity: 1!important;
-webkit-transition: all 0.5s !important;
-moz-transition: all 0.5s !important;
transition: all 0.5s !important;
}
/* Button Styled Menu: Colored - Hover */
#top .av-menu-button-colored > a .avia-menu-text:hover {
background-color: #4B6D4C!important;
color: #ffffff !important;
}
/* Button Styled Menu: Bordered */
#top .av-menu-button-bordered > a .avia-menu-text {
font-size: 15px !important;
font-weight: 500 !important;
color: #567C57 !important;
border: none;
box-shadow: inset 0px 0px 0px 2px #567C57;
padding: 14px 18px !important;
opacity: 1!important;
-webkit-transition: all 0.5s !important;
-moz-transition: all 0.5s !important;
transition: all 0.5s !important;
}
/* Button Styled Menu: Bordered - Hover */
#top .av-menu-button-bordered > a .avia-menu-text:hover {
background-color: #4B6D4C!important;
box-shadow: inset 0px 0px 0px 2px #4B6D4C;
color: #ffffff !important;
opacity: 1;
}
/* Header: Navigation Button align right */
#top #wrap_all #header .av-menu-button > a {
background: transparent;
padding-right: 0;
}
/*------------------------------------*/
/* Submenu: Desktop
/*------------------------------------*/
/* Submenu: width */
#top ul.sub-menu {
width: 240px !important;
}
/* Submenu: container */
#top .av-main-nav ul {
padding: 2px 8px;
box-shadow: none !important;
margin-top: -1px;
border-radius: 4px;
left: -6px;
background: rgba(255, 255, 255, 0.98);
border: 1px solid #f0f0f0;
}
/* Submenu: list item */
#top .av-main-nav ul li {
border-style: solid;
border-width: 0 0 1px 0;
border-color: #ebebeb;
padding: 18px 22px;
}
/* Submenu: delete border on last item */
#top .av-main-nav ul li:last-child {
border-width: 0;
}
/* Submenu: Text style */
#top .av-main-nav ul a {
font-size: 16px;
line-height: 24px;
font-weight: 400;
color: #4d4d4d;
border: none !important;
padding: 0;
background: transparent !important;
}
/* Submenu: Hover */
#top #wrap_all #header #avia-menu ul li:hover a {
color: #4B6D4C;
background: #ffffff;
}
/*----------------------------------------------------------------------------*/
/*
/* Navigation: Mobile
/*
/*----------------------------------------------------------------------------*/
/*-----------------------------*/
/* Header
/*-----------------------------
@media only screen and (max-width: 767px) {
.responsive #top #wrap_all .container {
padding-bottom: 34px !important;
}
}*/
/*-----------------------------*/
/* Burger + Close Icon
/*-----------------------------*/
/* Burger-Style */
.av-hamburger-box {
width: 32px;
height: 26px;
top: 8px;
}
.av-hamburger-inner, .av-hamburger-inner::before, .av-hamburger-inner::after {
height: 3px !important;
border-radius: 0;
}
/*Burger: Color */
.header_color .av-hamburger-inner, .header_color .av-hamburger-inner::before, .header_color .av-hamburger-inner::after {
background-color: #000000 !important;
height: 2px;
border-radius: 0;
width: 32px;
}
/*Burger - Close: Color */
#top .header_color .av-hamburger.is-active .av-hamburger-inner, #top .header_color .av-hamburger.is-active .av-hamburger-inner::before, #top .header_color .av-hamburger.is-active .av-hamburger-inner::after {
background-color: #ffffff !important;
}
.av-hamburger {
margin-top: 2px;
}
/* Overlay Style */
.av-burger-overlay-bg {
background: #052429;
opacity: 0.98;
}
/*-----------------------------*/
/* Fullscreen Menu
/*-----------------------------*/
/* Hide first Menu Item on Mobile */
.html_av-overlay-full #av-burger-menu-ul li:first-child {
display: none;
}
/* Liste */
#av-burger-menu-ul li a {
padding: 0 24px;
}
/* Fullscreen-Menu: Font Style */
.html_av-overlay-full #av-burger-menu-ul li {
font-family: 'DM Sans', Helvetica, Arial, sans-serif !important;
font-size: 24px;
line-height: 1.4em !important;
font-weight: 500;
padding: 0 !important;
-ms-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
word-wrap: break-word;
overflow-wrap: break-word;
}
/* Fullscreen-Menu: Submenu */
.html_av-overlay-full #top #wrap_all #av-burger-menu-ul li li {
font-size: 20px !important;
line-height: 1.4em !important;
padding: 0 !important;
font-weight: 400 !important;
border-bottom: none !important;
}
.html_av-overlay-full #top #wrap_all #av-burger-menu-ul li a {
color: #ffffff;
text-decoration: none;
text-align: left;
padding: 8px 0;
}
.html_av-overlay-full #top #wrap_all #av-burger-menu-ul li li a:before {
content: "•" !important;
position: relative;
top: 2px;
margin: 0 12px 0 2px;
font-family: 'DM Sans';
font-size: 20px;
font-weight: 400 !important;
}
#top #av-burger-menu-ul {
display: table-cell;
height: 100% !important;
width: 100%;
vertical-align: middle;
padding: 0 40px !important;
}
/*-----------------------------*/
/* Mobile Menu Tweaks
/*-----------------------------*/
@media only screen and (max-width: 768px) {
}
/*----------------------------------------------------------------------------*/
/*
/* Buttons
/*
/*----------------------------------------------------------------------------*/
/* Footer Button: grey */
#top .footer-button .avia-button.avia-color-grey {
background: transparent !important;
color: #fff;
border: none;
box-shadow: none;
opacity: 1!important;
text-decoration: underline !important;
text-underline-offset: 4px;
text-decoration-thickness: 1px !important;
font-size: 16px !important;
line-height: 1.5em !important;
font-weight: 400 !important;
padding: 0 10px !important;
}
/* Footer Button Hover */
#top .footer-button .avia-button.avia-color-grey:hover {
background: transparent !important;
color: #bbbbbb !important;
}
/*------------------------------------*/
/* Basic Styles
/*------------------------------------*/
.avia-button {
font-family: 'DM Sans', Helvetica, Arial, sans-serif !important;
font-weight: 600 !important;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
letter-spacing: 0 !important;
text-transform: none !important;
border-radius: 2px !important;
}
/*------------------------------------*/
/* Sizes
/*------------------------------------*/
/* Small */
.avia-button.avia-size-small, .avia-size-medium.avia-color-light, .avia-size-medium.avia-color-dark, #top #wrap_all .avia-slideshow-button, #top #wrap_all .avia-slideshow-button.avia-color-light, .avia-slideshow-button.avia-color-dark {
padding: 14px 20px 14px 20px !important;
font-size: 14px !important;
line-height: 20px;
min-width: 24px !important;
}
/* Medium */
.avia-button.avia-size-medium, .avia-size-medium.avia-color-light, .avia-size-medium.avia-color-dark, #top #wrap_all .avia-slideshow-button, #top #wrap_all .avia-slideshow-button.avia-color-light, .avia-slideshow-button.avia-color-dark {
padding: 16px 28px 16px 28px !important;
font-size: 16px !important;
line-height: 24px;
min-width: 60px !important;
}
/*-------------------------------------------------------------------*/
/* Colors: green: #567C57 / #4B6D4C
/*-------------------------------------------------------------------*/
/* Theme Color */
.avia-button.avia-color-theme-color {
border-color: transparent !important;
background-color: #567C57!important;
}
.avia-button.avia-color-theme-color:hover {
background-color: #4B6D4C!important;
color: #ffffff!important;
opacity: 1!important;
}
/* Theme Color Subtle */
.avia-button.avia-color-theme-color-subtle {
color: #567C57;
border: none;
box-shadow: inset 0px 0px 0px 2px #567C57;
opacity: 1!important;
background: transparent!important;
}
.avia-button.avia-color-theme-color-subtle:hover {
background-color: #567C57!important;
color: #ffffff!important;
opacity: 1!important;
}
/* Black Color */
.avia-button.avia-color-black {
background-color: #2c2c2c;
border-color: transparent !important;
color: #fff;
}
.avia-button.avia-color-black:hover {
background-color: #2e2e2e !important;
border-color: transparent !important;
color: #fff !important;
}
/* Transparent: Light */
#top .avia-button.avia-color-light {
color: #fff;
border: none;
box-shadow: inset 0px 0px 0px 2px #ffffff;
opacity: 1!important;
}
.avia-button.avia-color-light:hover {
background-color: #fff!important;
color: #2e2e2e!important;
opacity: 1!important;
}
/* Transparent: Dark: */
#top .avia-button.avia-color-dark{
color: #2e2e2e;
border: none;
box-shadow: inset 0px 0px 0px 2px #2e2e2e;
opacity: 1!important;
}
.avia-button.avia-color-dark:hover {
background-color: #333333!important;
color: #ffffff!important;
opacity: 1!important;
}
/*------------------------------------*/
/* Button with Icon
/*------------------------------------*/
/* Small */
.avia-button.avia-size-small .avia_button_icon {
position: relative !important;
left: 0 !important;
top: 0.2em!important;
padding: 0 10px 0 0;
min-width: 24px;
font-size: 24px;
}
/* Small right */
.avia-button.avia-size-small .avia_button_icon.avia_button_icon_right {
position: relative !important;
left: 0 !important;
top: 0.2em !important;
padding: 0 0 0 10px;
min-width: 24px;
font-size: 24px !important;
}
/* Medium: left */
.avia-button.avia-size-medium .avia_button_icon {
position: relative;
left: 0 !important;
top: 0.1em!important;
padding: 0 16px 0 0;
font-size: 24px;
}
/* Medium: right */
.avia-button.avia-size-medium .avia_button_icon.avia_button_icon_right {
position: relative !important;
left: 0 !important;
top: 0.1em !important;
padding: 0 0 0 16px;
min-width: 24px;
font-size: 24px !important;
}
/*------------------------------------*/
/* Button no Text
/*------------------------------------*/
#top .av-button-notext.avia-size-small .avia_button_icon, .av-button-notext.avia-size-medium .avia_button_icon {
min-width: 0;
padding: 0;
font-size: 28px;
}
/*------------------------------------*/
/* Social Media: Button
/*------------------------------------*/
.social-media-btn .av-button-notext.avia-size-small {
border-radius: 2px !important;
padding: 6px 10px 10px 10px !important;
}
/*-------------------------------------------------*/
/* Social Media: Icon
/*-------------------------------------------------*/
/* Light */
.social-media-icon .av-button-notext.avia-size-small, .social-media-icon_light .av-button-notext.avia-size-small, .social-media-icon-group_dark .av-button-notext.avia-size-small {
padding: 0 !important;
border: 0 !important;
background: transparent !important
}
/* Hover Style: Light */
.social-media-icon_light .av-button-notext.avia-size-small:hover {
color: #ffffff !important;
opacity: 1;
}
/* Hover Style: Dark */
.social-media-icon_dark .av-button-notext.avia-size-small:hover {
color: #333333 !important;
opacity: 1;
}
/*------------------------------------*/
/* Text Button
/*------------------------------------*/
.text-button .avia-button {
background: transparent !important;
text-decoration: underline !important;
text-underline-offset: 4px !important;
text-decoration-thickness: 1px !important;
color: #567C57 !important;
margin: -4px 0 0 0 !important;
padding: 0 !important;
font-size: 20px !important;
line-height: 1.5em !important;
font-weight: 400 !important;
min-width: 0 !important;
-webkit-transition: all 0.5s !important;
-moz-transition: all 0.5s !important;
transition: all 0.5s !important;
}
.text-button .avia-button:hover {
background: transparent !important;
color: #4B6D4C !important;
}
/*--------------------------------------------------------------------*/
/*
/* Fullscreen-Slider Hero
/*
/*--------------------------------------------------------------------*/
/*Fülle restliche Fläche*/
.avia-fullscreen-slider {
background: #f7f7f7;
}
/*----------------------------------------
// fullscreen slider with custom size
//--------------------------------------*/
.hero .avia-slideshow {
max-width: 1600px !important;
position: relative;
left: 50%;
transform: translateX(-50%) !important;
}
/*Definiere Max-Height*/
@media only screen and (min-width: 1280px) {
.avia-fullscreen-slider .avia-slideshow {
max-height: 900px !important;
background-position: center center !important;
}
}
.hero.avia-fullscreen-slider .avia-slideshow>ul>li {
background-repeat: no-repeat;
background-size: cover !important;
}
/* Set video background to custom color */
.mejs-container {
background: #f4f4f4 !important;
}
/*Caption-Left position*/
.caption_left .slideshow_caption {
left: 100px;
width: 90% !important;
top: 0;
}
/* Fullscreen Slider Headlines */
h1.avia-caption-title {
text-transform: none!important;
margin: 0 0 2px 0!important;
}
/* Fullscreen Slider Text (60px) */
#hero .avia-caption-content p{
font-size: 26px;
line-height: 1.4em !important;
font-weight: 400 !important;
margin: 8px 0 40px 0 !important;
}
/* Fullscreen Slider Button */
#top .avia-slideshow-button {
margin-top: 12px;
}
/* Fullscreen Slider Button with Icon e807 */
#top .hero .avia-slideshow-button::before {
font-family: 'ocim';
content: "\e807";
font-size: 24px !important;
font-weight: 400 !important;
margin-right: 12px;
position: relative;
top: 2px;
}
/*Scroll Down Arrow*/
#top .scroll-down-link {
height: 48px;
line-height: 48px;
position: absolute;
bottom: 0;
color: #DDDDDD;
text-align: center;
font-size: 48px;
z-index: 100;
text-shadow: none;
animation-name: floating;
-webkit-animation-name: floating;
-webkit-animation-delay: 1.8;
animation-delay: 1.8s;
animation-duration: 1.8s;
-webkit-animation-duration: 1.8s;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
}
@keyframes floating {
0% {
transform: scaleY(1);
transform-origin: bottom;
opacity: 1;
}
50% {
opacity: 1;
}
100% {
transform: scaleY(0);
transform-origin: bottom;
opacity: 0;
}
}
@-webkit-keyframes floating {
0% {
transform: scaleY(1);
transform-origin: bottom;
opacity: 1;
}
50% {
opacity: 1;
}
100% {
transform: scaleY(0);
transform-origin: bottom;
opacity: 0;
}
}
/*-------------------------------*/
/* Title + Button Transition
/*-------------------------------*/
#top .avia_transform .av_slideshow_full .active-slide .avia-caption-title,
.avia_transform .av_fullscreen .active-slide .avia-caption-title{
visibility: visible;
animation: caption-top 1s 1 ease-in-out !important;
}
#top .avia_transform .av_slideshow_full .active-slide .avia-caption-content,
.avia_transform .av_fullscreen .active-slide .avia-caption-content{
visibility: visible;
animation: caption-top 1s 1 ease-in-out !important;
}
#top .avia_transform .av_slideshow_full .active-slide .avia-slideshow-button,
.avia_transform .av_fullscreen .active-slide .avia-slideshow-button{
visibility: visible;
animation: caption-bottom 1s 1 ease-in-out !important;
}
/*--------------------------------------------------------------------*/
/*
/* Icon Boxes
/*
/*--------------------------------------------------------------------*/
/*-------------------------------*/
/* Medium: centered rounded
/*-------------------------------*/
/* Icon: medium center-aligned, custom size */
#top .medium-center.iconbox.av-no-box .iconbox_icon {
margin: 0 auto 24px auto;
width: 68px;
height: 68px;
line-height: 68px;
font-size: 48px;
padding: 20px;
border: none;
}
/* Title: margin */
#top .medium-center.iconbox .iconbox_content .iconbox_content_title {
margin: 0 0 -8px 0 !important;
}
/* Iconbox Text */
#top .medium-center.iconbox.av-no-box .iconbox_content {
color: #777777;
}
/*-------------------------------*/
/* Medium: centered plain
/*-------------------------------*/
/* Icon: medium center-aligned plain */
#top .medium-center-plain.iconbox.av-no-box .iconbox_icon {
margin: 0 auto 24px auto;
width: 72px;
height: 72px;
line-height: 72px;
font-size: 72px;
padding: 0;
border: none;
background: transparent;
}
/* Title: margin */
#top .medium-center-plain.iconbox .iconbox_content .iconbox_content_title {
margin: 0 0 -8px 0 !important;
}
/* Iconbox Text */
#top .medium-center-plain.iconbox.av-no-box .iconbox_content {
color: #777777;
}
@media only screen and (min-width: 989px) {
.icon-box_column-1, .icon-box_column-2 {
border-right: 1px solid #222222;
}
}
/*-------------------------------*/
/* Medium: left
/*-------------------------------*/
/* Icon: medium left-aligned, custom size */
#top .medium-left.iconbox.av-no-box .iconbox_icon {
margin: 0 0 24px 0;
width: 48px;
height: 48px;
line-height: 48px;
font-size: 48px;
padding: 28px;
border: none;
}
/* Content: left aligned */
#top .medium-left.iconbox.av-no-box .iconbox_content {
text-align: left;
}
/* Title: margin */
#top .medium-left.iconbox .iconbox_content .iconbox_content_title {
margin: 0 0 -8px 0 !important;
}
/*-------------------------------*/
/* Large centered
/*-------------------------------*/
/* Iconbox Wrapper: large center-aligned */
#top .large-center.iconbox.av-no-box .iconbox_content {
padding: 40px !important;
}
/* Add pipe to the right */
.pipe {
border-right: 1px solid #dddddd;
}
/* Icon: large center-aligned, custom size */
#top .large-center.iconbox.av-no-box .iconbox_icon {
margin: 0 auto 28px auto;
width: 80px;
height: 80px;
line-height: 80px;
font-size: 80px;
border: none;
}
/* Title: margin */
#top .large-center.iconbox .iconbox_content .iconbox_content_title {
margin: 0 0 -8px 0 !important;
font-weight: 400 !important;
}
/*----------------------------------------------------------------------------*/
/*
/* Icon Badge on Image
/*
/*----------------------------------------------------------------------------*/
#top .icon-badge_bottom-left.av_font_icon.av-icon-style-border .av-icon-char, .icon-badge_bottom-right.av_font_icon.av-icon-style-border .av-icon-char {
border-width: 0;
padding: 24px;
}
/* Badge: bottom */
#top .icon-badge_bottom-left, .icon-badge_bottom-right {
background: #018aa2 !important;
border-radius: 1000px;
z-index: 999999 !important;
animation: shake 5s ease infinite;
transform-origin: 50% 50%;
animation-delay: 4s;
}
/* Badge: left */
#top .icon-badge_bottom-left {
margin: -48px 0 0 40px !important;
}
/* Badge: right */
#top .icon-badge_bottom-right {
margin: -48px 40px 0 0 !important;
}
/*
==============================================
Shake
==============================================
*/
@keyframes shake {
0% {
transform: translate(0, 0);
}
1.78571% {
transform: translate(5px, 0);
}
3.57143% {
transform: translate(0, 0);
}
5.35714% {
transform: translate(5px, 0);
}
7.14286% {
transform: translate(0, 0);
}
8.92857% {
transform: translate(5px, 0);
}
10.71429% {
transform: translate(0, 0);
}
100% {
transform: translate(0, 0);
}
}
@-webkit-keyframes shake {
0% {
transform: translate(0, 0);
}
1.78571% {
transform: translate(5px, 0);
}
3.57143% {
transform: translate(0, 0);
}
5.35714% {
transform: translate(5px, 0);
}
7.14286% {
transform: translate(0, 0);
}
8.92857% {
transform: translate(5px, 0);
}
10.71429% {
transform: translate(0, 0);
}
100% {
transform: translate(0, 0);
}
}
/*----------------------------------------------------------------------------*/
/*
/* Iconlist #E6C229, #662E9B, #AA78A6, #63595C, #F4D35E, #F4D35E, #283044, #DEE7E7, #DEE7E7, #DBE4EE, #571F4E, #FAF0CA
/*
/*----------------------------------------------------------------------------*/
/*-------------------------------*/
/* Default
/*-------------------------------*/
/* Liste */
.avia-icon-list li {
padding: 0 0 20px 0;
}
/* Hide Timeline */
.avia-icon-list .iconlist-timeline {
position: absolute;
top: 2%;
left: 34px;
width: 2px;
height: 98%;
border-right-width: 2px;
border-right-style: dotted;
display: none !important;
}
/* Set custom Icon Size */
.avia-icon-list .iconlist_icon {
height: 68px;
width: 68px;
line-height: 68px;
font-size: 24px !important;
margin-right: 30px;
margin-left: 0;
z-index: 5;
}
/* Text Container */
.avia-icon-list .iconlist_content_wrap {
padding: 4px 0 0 0;
}
/* Title */
#top .avia-icon-list .iconlist_title {
top: 6px;
margin-bottom: -6px;
}
/* Text */
.avia-icon-list .iconlist_content p {
color: #828282;
line-height: 1.4em !important;
}
/*-------------------------------*/
/* Default: only title
/*-------------------------------*/
.only-title .avia-icon-list li {
padding: 0 0 16px 0;
}
/* Text Container */
.only-title .avia-icon-list .iconlist_content_wrap {
padding: 0;
min-height: 84px;
padding-bottom: 4px;
}
/* Title */
#top .only-title .avia-icon-list .iconlist_title {
top: 22px;
margin: 0;
}
/*-------------------------------*/
/* Small
/*-------------------------------*/
#top .av-iconlist-small li {
padding: 4px 0;
min-height: 0;
}
#top .av-iconlist-small .iconlist_icon {
background: #dddddd;
height: 52px;
width: 52px;
line-height: 52px;
font-size: 24px !important;
margin-right: 20px;
margin-left: 0;
}
/* Text Container */
#top .av-iconlist-small .iconlist_content_wrap {
min-height:48px;
padding: 6px 0;
}
/* Title */
#top .av-iconlist-small .iconlist_title_small {
line-height: 1.4em;
font-weight: 500;
letter-spacing: 0 !important;
color: #1E1E1E;
}
.avia-icon-list-small .iconlist_conten p {
color: #828282;
line-height: 1.4em;
}
/*-------------------------------*/
/* Small: only title
/*-------------------------------*/
#top .only-title .av-iconlist-small li {
padding: 12px 0;
min-height: 0;
}
/* Text Container */
#top .only-title .av-iconlist-small .iconlist_content_wrap {
min-height: 52px;
padding: 12px 0 0 0;
}
/* Title */
#top .only-title .av-iconlist-small .iconlist_title_small {
line-height: 1.4em;
font-weight: 400 !important;
letter-spacing: 0 !important;
}
/*-------------------------------*/
/* X-Small
/*-------------------------------*/
#top .x-small .av-iconlist-small li {
padding: 4px 0;
min-height: 0;
}
#top .x-small .av-iconlist-small .iconlist_icon {
background: #dddddd;
height: 44px;
width: 44px;
line-height: 44px;
font-size: 24px !important;
margin-right: 18px;
margin-left: 0;
}
#top .x-small .av-iconlist-small li {
padding: 10px 0;
min-height: 0;
}
/* Text Container */
#top .x-small .av-iconlist-small .iconlist_content_wrap {
min-height: 44px;
padding: 6px 0 0 0;
}
/* Title */
#top .x-small .av-iconlist-small .iconlist_title_small {
line-height: 1.4em;
font-weight: 400 !important;
letter-spacing: 0 !important;
}
/*-------------------------------*/
/* Bullet List
/*-------------------------------*/
/* Add border to list */
#top .bullet .av-iconlist-small li {
padding: 12px 0 8px 0 !important;
border-bottom: 1px solid #e6e6e6;
margin-left: 0 !important;
}
/* Hover FX
#top .bullet .av-iconlist-small li:hover {
background: #f0f8fa;
}*/
/* Icon: Style */
#top .bullet .av-iconlist-small .iconlist_icon {
background: none;
height: 24px !important;
width: 24px !important;
line-height: 24px;
font-size: 24px !important;
margin-right: 8px !important;
margin-left: 0 !important;
top: 8px;
}
/* Title */
#top .bullet .av-iconlist-small .iconlist_title_small {
line-height: 1.4em;
font-weight: 400 !important;
letter-spacing: 0 !important;
}
/* Hide last border: Desktop */
@media only screen and (min-width: 1024px) {
#top .bullet .av-iconlist-small li:last-child {
border-bottom: 0;
}
}
/* Hide last border on last column: Mobile + Tablet */
@media only screen and (max-width: 820px) {
#last-column.bullet .av-iconlist-small li:last-child {
border-bottom: 0 !important;
}
}
/* Icon: Mobile */
@media only screen and (max-width: 497px) {
#top .bullet .av-iconlist-small .iconlist_icon {
top: 0;
}
/* Title */
#top .bullet .av-iconlist-small .iconlist_title_small {
font-size: 18px !important;
line-height: 1.4em;
letter-spacing: 0 !important;
padding-top: 4px;
}
}
/*----------------------------------------------------------------------------*/
/*
/* Accordion: Elegant Style
/*
/*----------------------------------------------------------------------------*/
/* Toggle Icon: delete circe border */
.av-elegant-toggle .toggle_icon {
border-width: 0 !important;
opacity: 1;
}
/* Toggle: Hover Style */
#top .custom_ac .av_toggle_section:hover span.toggle_icon .vert_icon,
#top .custom_ac .av_toggle_section:hover span.toggle_icon .hor_icon {
border-color: #fff !important;
}
/* Toggle: Active Style */
#top .custom_ac .av_toggle_section .activeTitle span.toggle_icon .vert_icon,
#top .custom_ac .av_toggle_section .activeTitle span.toggle_icon .hor_icon {
border-color: #fff !important;
}
/* Toggler Container */
.custom_ac.togglecontainer .av_toggle_section .toggler {
padding: 18px 32px 22px 32px !important;
}
/* Toggler Content */
.custom_ac .toggle_content {
padding: 16px 40px 16px 40px !important;
}
/* Toggler Content: Font */
.custom_ac .toggle_content p {
font-size: 19px !important;
line-height: 1.4em !important;
color: #606060!important;
}
/*-------------------------------*/
/* FAQ
/*-------------------------------*/
/* Toggle: Hover Style */
#top .custom_ac_faq .av_toggle_section:hover span.toggle_icon .vert_icon,
#top .custom_ac_faq .av_toggle_section:hover span.toggle_icon .hor_icon {
border-color: #fff !important;
}
/* Toggle: Active Style */
#top .custom_ac_faq .av_toggle_section .activeTitle span.toggle_icon .vert_icon,
#top .custom_ac_faq .av_toggle_section .activeTitle span.toggle_icon .hor_icon {
border-color: #fff !important;
}
/* Toggler Container */
.custom_ac_faq.togglecontainer .av_toggle_section .toggler {
padding: 18px 32px 22px 32px !important;
}
/* Toggler Content */
.custom_ac_faq .toggle_content {
padding: 30px 60px !important;
}
/* Toggler Content */
.custom_ac_faq .toggle_content h5 {
margin: 0 0 -10px 0!important;
padding-top: 16px;
}
/* Toggler Text Style */
.custom_ac_faq .toggle_content p {
font-size: 19px !important;
line-height: 1.5em !important;
color: #383838!important;
}
/*----------------------------------------------------------------------------*/
/*
/* Banner
/*
/*----------------------------------------------------------------------------*/
/*-------------------------------*/
/* Basic Styles
/*-------------------------------*/
/* Banner: Boxed */
#banner_boxed {
max-width: 1160px;
margin: 80px auto !important;
}
/* Banner Icon */
.banner-icon {
padding-top: 10px;
animation: shake 5s ease infinite;
transform-origin: 50% 50%;
animation-delay: 4s;
}
/* Banner Title */
.banner-title h2 {
font-size: 42px;
line-height: 1.3em !important;
font-weight: 500 !important;
}
/* Banner Text */
.banner-text {
padding: 0 8px 0 0;
}
/*-------------------------------*/
/* Banner: Contact
/*-------------------------------*/
.banner_contact {
border-radius: 4px;
padding: 48px 0;
background-color: #EFF2EF;
}
/* Banner: skewed top */
.banner_contact_skew {
padding: 48px 0;
background-color: #EFF2EF;
}
/* Banner: skewed top */
.banner_contact_skew::before {
content: '';
display: block;
height: 100%;
width: 100%;
position: absolute;
z-index: -1;
top: 0;
left: 0;
background: inherit;
transform: skew(0, -2deg);
transform-origin: top left;
}
/*-------------------------------*/
/* Banner: Call-To-Action
/*-------------------------------*/
.banner_cta {
border-radius: 4px;
padding: 48px 0;
background-color: #FDCA40;
}
/*-------------------------------*/
/* Banner Responsive behavior
/*-------------------------------*/
/* Desktop */
@media only screen and (min-width: 1024px) {
.banner-icon {
padding-left: 60px !important;
}
.banner-button {
padding-right: 60px !important;
}
}
/* Mobile */
@media only screen and (max-width: 769px) {
/* Banner Icon */
.banner-icon {
padding: 10px 0 20px 0 !important;
}
/* Banner Title */
.banner-title h2 {
font-size: 28px !important;
}
/* Banner Text */
.banner-text {
padding: 0 !important;
}
/* Banner Button */
.banner-button {
padding: 16px 0 0 0 !important;
}
/* Banner: container */
.banner_contact, .banner_contact_skew, .banner_cta {
padding: 48px 32px;
border-radius: 0;
}
/* Banner: skewed top */
.banner_contact_skew::before {
transform: skew(0, -5deg);
}
}
/*----------------------------------------------------------------------------*/
/*
/* Quote
/*
/*----------------------------------------------------------------------------*/
/*-------------------------------*/
/* Basic Styles
/*-------------------------------*/
/* Quote: Boxed */
#quote_boxed {
max-width: 1160px;
margin: 140px auto !important;
padding: 70px 60px;
border-radius: 4px;
}
/* Quote Image */
.quote-image {
width: 140px;
height: 140px;
animation: shake-flower 12s ease-in-out 4s infinite alternate none;
}
/* Quote Title */
.quote-title h2 {
font-size: 36px;
line-height: 1.3em !important;
font-weight: 300 !important;
margin-bottom: -4px !important;
color: #282828 !important;
}
/* Quote Author */
.quote-author p {
font-size: 16px;
line-height: 1.6em;
font-weight: 600;
color: #777777;
padding: 0 0 0 4px;
}
/*-------------------------------*/
/* Color Styles
/*-------------------------------*/
.green {
background-color: #EFF2EF;
}
.pink {
background-color: #F6ECF1;
}
.blue {
background-color: #EBF3F6;
}
/*-------------------------------*/
/* Quote Responsive behavior
/*-------------------------------*/
/* Desktop */
@media only screen and (min-width: 1024px) {
.quote-image {
}
}
/* Mobile */
@media only screen and (max-width: 769px) {
/* Quote Image */
.quote-image {
width: 120px !important;
height: 120px !important;
padding: 0 !important;
margin-bottom: 8px !important;
}
/* Quote Title Mobile */
.quote-title h2 {
font-size: 26px !important;
line-height: 1.6em;
text-align: center;
}
/* Quote Author */
.quote-author p {
padding: 4px 0 0 0;
text-align: center;
font-size: 16px;
}
/* Banner: container */
.green, .pink, .blue {
padding: 48px 40px !important;
border-radius: 0;
}
}
/* Animation Shake-Flower */
@keyframes shake-flower {
0%,100% {
transform: rotate(0deg);transform-origin: 50% 100%;
}
10% {
transform: rotate(2deg);
}
20%,40%,60% {
transform: rotate(-4deg);
}
30%,50%,70% {
transform: rotate(4deg);
}
80% {
transform: rotate(-2deg);
}
90% {
transform: rotate(2deg);
}
}
/*
******************************************************************************
Galery: Masonry
******************************************************************************
*/
/* Gutter-Size -> with Caption (40/25)*/
.caption.av-large-gap.av-flex-size .av-masonry-entry .av-inner-masonry {
position: relative;
margin-right: 10% !important;
margin-bottom: 7% !important;
}
/* Gutter-Size -> no Caption (40/25)*/
.no-caption.av-large-gap.av-flex-size .av-masonry-entry .av-inner-masonry {
position: relative;
margin-right: 5% !important;
margin-bottom: 5% !important;
}
/*kein Pfeil*/
.av-masonry-entry .avia-arrow {
border: none;
display: none;
}
/* Caption Background */
.av-masonry-entry .av-inner-masonry-content {
padding: 12px 0 0 0;
z-index: 2;
background: transparent !important;
}
/* Caption Title and Text */
#top .av-masonry h3.av-masonry-entry-title.entry-title {
font-size: 16px !important;
line-height: 1.4em !important;
letter-spacing: 0;
color: #8F8F8F;
}
/* Caption Text */
.av-masonry-entry .av-masonry-entry-content {
font-size: 16px !important;
line-height: 1.4em !important;
letter-spacing: 0;
color: #8F8F8F;
font-weight: 500;
}
/* Caption Title: Hover */
#top .av-inner-masonry-content:hover .entry-title, #top .av-masonry .av-masonry-entry-content:hover {
color: #4B6D4C !important;
}
/* Disable Zoom-FX */
.avia_desktop .av-masonry-entry:hover .av-masonry-image-container {
transform: scale(1)
}
/* Custom Fade Out FX */
#top .av-hover-overlay-fade_out .av-masonry-entry:hover .av-masonry-image-container{
opacity: 0.7;
}
/* Custom Loading Animation*/
.avia_desktop.avia_transform3d .av-masonry-entry.av-masonry-item-loaded .av-inner-masonry {
-webkit-transform: translateY(200px);
transform: translateY(200px);
-webkit-animation: moveUp 0.65s ease forwards;
animation: moveUp 0.65s ease forwards;
}
@-webkit-keyframes moveUp {
0% { }
100% { -webkit-transform: translateY(0); opacity: 1; }
}
@keyframes moveUp {
0% { }
100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
}
/*
******************************************************************************
Lightbox
******************************************************************************
*/
/* Padding Caption */
#top .mfp-bottom-bar {
margin-top: -24px;
}
/* Title */
div .mfp-title {
line-height: 1.4em;
font-size: 16px;
font-weight: 500;
}
/* Counter */
#top .mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #ccc;
font-size: 16px;
line-height: 1.4em;
}
/*
******************************************************************************
Slideshow
******************************************************************************
*/
/*Slideshow Controls*/
#top .avia-slideshow-arrows a{
color: #333333 !important;
border: 0;
border-radius: 0;
width: 34px;
height: 80px;
font-size: 20px;
top:50%;
margin: -50px 0 0;
z-index: 99;
}
/*Slideshow Arrows*/
.avia-slideshow-arrows a:before {
line-height: 76px;
color: inherit;
border: 0;
border-radius: 0;
background: #fff;
opacity: 1;
}
.avia-slideshow-arrows a:hover {
background: #fff;
opacity: 1 !important;
}
/*Slideshow Dots: immer zeigen*/
.avia_desktop .av_slideshow.avia-slideshow .avia-slideshow-dots a {
opacity: 1;
filter: alpha(opacity=1);
}
.avia-slideshow-dots {
position: relative;
bottom: -40px;
text-align: center;
left: 0;
height: 30px;
}
.avia-slideshow-dots a{
display: inline-block;
height: 6px;
width: 6px;
border: 2px solid #adadad;
background: transparent;
opacity: 1 !important;
filter: alpha(opacity=100);
margin:0 2px;
padding: 4px;
}
/*active*/
.avia-slideshow-dots a.active{
height: 6px;
width: 6px;
background: #707070;
border: 2px solid #707070;
opacity: 1;
}
/*hover*/
.avia-slideshow-dots a:hover{
height: 6px;
width: 6px;
background: #707070;
border: 2px solid #707070;
opacity: 1;
}
/*various control stylings*/
#top .av-control-minimal-dark .avia-slideshow-arrows a{ color: #2a2a2a; }
#top .av-control-minimal-dark .avia-slideshow-arrows a:before{border-color: #2a2a2a;}
#top .av-control-minimal-dark .avia-slideshow-dots a{ border-color: #ababab;}
#top .av-control-minimal-dark .avia-slideshow-dots a.active{
background: #666;
border-color: #666;
}
/*--------------------------------------------------------------------*/
/*
/* Partner Logo Element: Desktop
/*
/*--------------------------------------------------------------------*/
/* Partner logo Spacing + Center align */
#top .avia-logo-element-container .slide-entry {
padding: 0 24px !important;
background: transparent !important;
display: inline-block;
float: none;
margin: 0;
}
/* Center align */
#top .avia-logo-element-container {
text-align: center;
margin-top: 0;
}
/* Background transparent + Filter grey*/
#top .avia-logo-element-container .slide-image {
background: transparent !important;
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
filter: gray;
-webkit-transition: all .6s ease;
opacity: 0.9;
}
/* Hover */
#top .avia-logo-element-container .slide-image:hover {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
filter: gray;
opacity: 0.7;
}
/* Add Divider */
@media only screen and (min-width: 768px) {
#top .avia-logo-element-container .slide-entry {
border-right: 1px solid #dddddd;
}
#top .avia-logo-element-container .slide-entry:last-child {
border-right: 0 !important;
}
}
/*--------------------------------------------------------------------*/
/*
/* Footer: Desktop
/*
/*--------------------------------------------------------------------*/
/* Widget-Navigation: List */
#top .content .flex_column .widget_nav_menu li:first-child {
border-top-style: solid;
border-top-width: 0;
}
#top .content .flex_column .widget_nav_menu li {
border-bottom-style: solid;
border-bottom-width: 0;
}
#top .content .flex_column .widget_nav_menu li a {
padding: 0 0 6px 0;
color: #ffffff;
}
/* Widget: Title */
.widgettitle {
font-size: 18px !important;
line-height: 1.5em !important;
font-weight: 600 !important;
text-transform: none;
letter-spacing: 0;
}
/* Widget: Menu */
#top .widget_nav_menu li {
font-size: 16px;
line-height: 1.5em !important;
font-weight: 400 !important;
}
/* Widget: Menu */
#top .widget_nav_menu li a {
text-decoration: underline !important;
text-underline-offset: 4px;
text-decoration-thickness: 1px !important;
}
/* Widget: Menu - active */
.widget_nav_menu .current-menu-item>a, .widget_nav_menu .current_page_item>a {
color: #bbbbbb !important;
text-decoration: none !important;
font-weight: 400 !important;
}
/* Widget: Menu - visited */
#top .widget_nav_menu li a:visited {
color: #ffffff !important;
}
/* Footer Text */
.footer-contact p, .footer-text p {
font-size: 16px;
line-height: 1.5em !important;
font-weight: 400 !important;
margin-top: 0;
color: #ffffff;
}
/* Footer Text-Link */
.footer-contact p a, .footer-text p a {
color: #ffffff;
text-underline-offset: 4px;
text-decoration-thickness: 1px !important;
}
/* Footer Text-Link: Hover */
.footer-contact p a, .footer-text p a:hover {
color: #bbbbbb;
}
#top .content .flex_column .widget_nav_menu li a:hover,
#top .content .flex_column .widget_nav_menu ul:first-child>.current-menu-item,
#top .content .flex_column .widget_nav_menu ul:first-child>.current_page_item{
background-color: transparent;
color: #bbbbbb !important;
}
/* Bezahlmöglichkeiten */
.first-img .avia_image, .second-img .avia_image{
max-width: 140px;
border-radius: 6px !important;
}
/* Appstore badges: Aligned Vertical */
.footer-column-4 .avia-image-container.avia-align-left {
float: none;
margin-right: 0;
margin-top: 5px;
margin-bottom: 15px;
}
/*--------------------------------------------------------------------*/
/*
/* Socket: Desktop -->padding-top: 48px;
/*
/*--------------------------------------------------------------------*/
#socket {
font-size: 16px;
line-height: 1.5em;
margin: 0;
padding-top: 32px;
padding-bottom: 30px; /*Abstand für Cookie- Banner relevant 40*/
}
/* Copyright: Center Aligned */
#socket .copyright {
width: 100%!important;
text-align: center!important;
}
/*--------------------------------------------------------------------*/
/*
/* Scroll To Top Button
/*
/*--------------------------------------------------------------------*/
#scroll-top-link {
border-radius: 500px;
background: rgba(40, 40, 40, 0.6);
border: none;
}
#scroll-top-link.avia-svg-icon svg:first-child {
fill: #ffffff !important;
opacity: 1 !important;
}
#scroll-top-link:hover {
border-radius: 500px;
background: #4B6D4C !important;
border: none;
opacity: 1 !important;
}
/*--------------------------------------------------------------------*/
/*
/* Team Member Element: Display as List (left and right)
/*
/*--------------------------------------------------------------------*/
/* Image */
.team-img-container {
width: 48%;
margin: 0 auto 40px auto;
}
@media only screen and (min-width: 989px) {
/* Team image: left */
.left .team-img-container {
float: left;
width: 22%;
margin-right: 60px;
}
/* Team image: right */
.right .team-img-container {
float: right;
width: 22%;
margin-left: 60px;
}
.team-member-description {
overflow: hidden !important;
}
}
/*--------------------------------------------------------------------*/
/*
/* Team Member: Teaser
/*
/*--------------------------------------------------------------------*/
/* Team Image */
.team-img {
padding: 0 !important;
width: 24% !important;
margin: 0 auto 0 auto !important;
}
/* Team Name */
h3.team-name {
margin-bottom: 0 !important;
}
/* Job Title */
.team-job-title {
color: #808080 !important;
line-height: 1.5em !important;
}
/*------------------------------------*/
/* Fold-Unfold Container
/*------------------------------------*/
#top #team-meta .av-fold-unfold-container.folded {
height: 0 !important;
opacity: 0 !important;
}
.avia-fold-unfold-section .av-fold-unfold-container .avia_textblock p {
margin-top: -6px;
}
#top #team-meta.avia-fold-unfold-section .av-fold-unfold-container::after{
background: transparent !important;
}
/* Subtitle */
.team-meta h4 {
margin: 12px 0 8px 0 !important;
}
/* Unfold-Button */
.av-fold-button-container {
text-decoration: underline !important;
text-underline-offset: 4px !important;
text-decoration-thickness: 1px !important;
color: #567C57 !important;
margin-top: -4px !important;
}
.av-fold-button-container:hover {
color: #4B6D4C !important;
opacity: 1 !important;
}
/*--------------------------------------------------------------------*/
/*
/* Team Member: Teaser -> List Style
/*
/*--------------------------------------------------------------------*/
/* Team Image: Desktop */
.team-image {
padding: 0 !important;
width: 100% !important;
}
/* Team Image: Tablet */
@media only screen and (max-width: 821px) {
.team-image {
width: 38% !important;
margin: 60px auto 16px auto !important;
}
}
/* Team Image: Mobile */
@media only screen and (max-width: 497px) {
.team-image {
width: 60% !important;
margin: 40px auto 16px auto !important;
}
}
/*--------------------------------------------------------------------*/
/*
/* Team Member: Row !!!!!!!
/*
/*--------------------------------------------------------------------*/
/* Team Image */
.team-member-row_img {
padding: 0 0 24px 0 !important;
width: 72% !important;
float: left;
}
/* Team Image: Tablet */
@media only screen and (max-width: 821px) {
.team-member-row_img {
width: 38% !important;
float: none;
}
.team-member-container {
border-bottom: 1px solid #e2e2e2 !important;
padding-bottom: 40px !important;
}
.team-member-container:last-child {
border-bottom: 0 solid #e2e2e2 !important;
padding-bottom: 0 !important;
}
}
/* Team Image: Mobile */
@media only screen and (max-width: 497px) {
.team-member-row_img {
width: 60% !important;
float: none;
}
.team-member-container {
border-bottom: 1px solid #e2e2e2 !important;
padding-bottom: 24px !important;
}
.team-member-container:last-child {
border-bottom: 0 solid #e2e2e2 !important;
padding-bottom: 0 !important;
}
}
/*--------------------------------------------------------------------*/
/*
/* Video Player
/*
/*--------------------------------------------------------------------*/
.avia_playpause_icon {
position: absolute;
height: 100px;
width: 100px;
margin: -50px 0 0 -50px;
background: #000;
background: rgba(0,0,0,0.6);
border-radius: 2px;
top: 50%;
left: 50%;
z-index: 50;
display: none;
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
}
#top .avia_playpause_icon:before {
top: 0;
left: 0;
right: 0;
bottom: 0;
position: absolute;
color: #fff;
line-height: 100px;
text-align: center;
font-size: 60px;
}
/* Video Thumb: DNA-Code */
.video-thumb_vitality-code .avia-video .mejs-poster, .avia-video {
background-position: center center;
background-size: cover;
background-image: url('/wp-content/uploads/quest_teaser.jpg');
}
/*--------------------------------------------------------------------*/
/*
/* Tables
/*
/*--------------------------------------------------------------------*/
table {
width: 100%;
font-size: 16px !important;
letter-spacing: 0;
background: transparent !important;
}
th {
font-size: 20px !important;
font-weight: 600;
letter-spacing: 0;
text-transform: none;
text-align: left;
border-bottom: 2px solid #dddddd!important;
}
td {
font-size: 18px;
}
tr:first-child th, tr:first-child td {
border-top-style: none;
}
tr:last-child th, tr:last-child td {
border-bottom-style: none;
}
.avia-data-table.avia_pricing_minimal th, .avia-data-table.avia_pricing_minimal td {
text-align: left;
padding: 12px;
color: #303030 !important;
background: transparent !important;
border-left-style: none;
border-right-style: none;
padding: 12px 16px;
}
/*--------------------------------------------------------------------*/
/*
/* Tab Section
/*
/*--------------------------------------------------------------------*/
/* Section-Padding: large */
.avia-section-large .av-layout-tab {
padding-bottom: 150px;
}
/* Tab icon size*/
span.av-tab-section-icon:before {
font-size: 48px!important;
}
/* No icon */
.av-tab-no-icon.av-tab-no-image .av-inner-tab-title {
margin-bottom: 4px;
}
/* Tab Title */
.tab-section .av-inner-tab-title {
text-transform: none;
font-size: 20px;
line-height: 1.4em;
font-weight: 600;
margin: 0;
text-align: center;
letter-spacing: 0;
padding: 16px 0 0 0!important;
}
/* Tab Container */
.av-tab-section-tab-title-container a {
padding: 20px!important;
}
.av-tab-section-tab-title-container {
transition: all 0.4s ease-in-out;
}
.av-section-tab-title, .av-section-tab-title:hover {
transition: all 0.4s ease-in-out;
}
/* Spacing between Tabs */
#top .av-section-tab-title {
margin-right: 52px!important;
padding: 0!important;
}
.av-outer-tab-title {
padding: 0px!important;
margin: 0 !important;
}
/* Tab Active: Border */
.avia_transform .av-tab-arrow-container span {
position: absolute;
left: 0;
width: 100%;
height: 2px;
transform: none;
transition: all 0.4s ease-in-out;
}
/* Tab Active: Border Style */
.avia_transform .av-active-tab-title .av-tab-arrow-container span {
top: 0;
background: #212121!important;
}
/* Set Tab Width to auto */
.av-inner-tab-title, .av-tab-section-icon, .av-tab-arrow-container, .av-tab-section-image {
width: auto;
}
/* Remove greyscale from inactive tabs */
.av-tab-section-image {
filter: none!important;
}
/* Optimize Tabs on Mobile!!!!*/
@media only screen and (max-width: 769px) {
.tab-section .av-inner-tab-title {
font-size: 19px !important;
line-height: 1.4em;
padding: 4px 0 0 0 !important;
}
#top .av-section-tab-title {
margin: 0 16px!important;
}
.av-tab-arrow-container {
top: 2px;
}
/* Section-Padding: large */
.avia-section-large .av-layout-tab {
padding-top: 0;
padding-bottom: 60px;
}
/* Vertical Tab-Spacing: No Spacing */
.av-tab-section-tab-title-container {
padding: 24px 0 20px 0;
}
}
/*--------------------------------------------------------------------*/
/*
/* Freisteller (Images)
/*
/*--------------------------------------------------------------------*/
/* Default Image: extend bottom spacing
.avia-image-container.avia-align-center {
display: block;
margin: 0 auto 20px auto;
text-align: center;
clear: both;
}*/
/* Add image padding to the bottom */
.image-padding-bottom {
padding-bottom: 12px;
}
/* Image Section: Services */
.services-img {
max-height: 880px;
overflow: hidden;
}
@media only screen and (max-width: 497px) {
/* Image Section Mobile: Services */
.services-img {
border-bottom: 0 solid #E5E5E5 !important;
max-height: 480px !important;
overflow: hidden;
padding-top: 0;
margin-bottom: -20px !important;
}
}
/*----------------------------------------*/
/* Page: Comming Soon
/*-----------------------------------------*/
/* Badge animation */
#badge-container {
animation: shake 5s ease infinite !important;
transform-origin: 50% 50%!important;
animation-delay: 4s!important;
}
/* Badge style */
.badge_coming-soon {
background: #FFD23F !important;
transform: rotate(-2deg) !important;
width: 168px;
height: 168px;
padding: 20px;
border-radius: 500px;
margin-right: 80px;
vertical-align: middle;
position: relative;
top: -80px;
float: right;
}
/* Badge text style */
.badge_coming-soon p {
font-size: 18px !important;
line-height: 24px;
text-align: center !important;
font-weight: 400;
padding-top: 28px;
color: #000000;
}
/* Title */
.coming-soon_title h1 {
font-size: 60px !important;
line-height: 1.3em;
}
.coming-soon_subtitle h1 {
font-size: 60px !important;
line-height: 1.3em;
font-weight: 400 !important;
}
.coming-soon_title {
margin-bottom: 0!important;
}
.coming-soon_image {
float: right !important;
}
@media only screen and (max-width: 479px) {
/* Title */
.coming-soon_title h1 {
font-size: 28px !important;
line-height: 1.3em;
margin-bottom: 4px;
}
.coming-soon_subtitle h1 {
font-size: 28px !important;
line-height: 1.3em;
font-weight: 400 !important;
}
.coming-soon_image {
float: left !important;
}
/* Badge style */
.badge_coming-soon {
width: 148px;
height: 148px;
padding: 20px;
margin-right: 80px;
vertical-align: middle;
position: relative;
top: -68px;
}
/* Badge text style */
.badge_coming-soon p {
padding-top: 18px;
}
}
@media only screen and (max-width: 989px) and (min-width: 768px) {
/* Title */
.coming-soon_title h1 {
font-size: 48px !important;
line-height: 1.3em;
margin-bottom: 4px;
}
.coming-soon_subtitle h1 {
font-size: 48px !important;
line-height: 1.3em;
font-weight: 400 !important;
}
.coming-soon_image {
width: 54% !important;
}
}
/*----------------------------------------*/
/* Page: Quest Performance Lab
/*-----------------------------------------*/
/* Notice Jammer */
.jammer {
transform: rotate(-2deg) !important;
}
.jammer-pin {
position: relative;
top: -20px
}
/* Badge animation */
#badge-container {
animation: shake 5s ease infinite !important;
transform-origin: 50% 50%!important;
animation-delay: 4s!important;
}
/* Badge style */
.badge {
background: #f6f553 !important;
transform: rotate(-4deg) !important;
position: relative;
bottom: 96px;
width: 164px;
height: 164px;
padding: 32px;
border-radius: 500px;
margin-left: 40px;
vertical-align: middle;
}
/* Badge text style */
.badge p {
font-size: 16px !important;
line-height: 20px;
text-align: center;
font-weight: 400;
}
/*--------------------------------------------------------------------*/
/*
/* Content Tweaks
/*
/*--------------------------------------------------------------------*/
@media only screen and (max-width: 497px) {
/*----------------------------------------*/
/* Homepage
/*-----------------------------------------*/
/* Section: Diagnostic --> Icon-List */
.services_first-column {
margin-bottom: 0!important;
}
#top .services_second-column {
margin-top: 0 !important;
}
.services_first-column, .services_second-column {
padding-left: 0!important;
}
/* Accordion: Hide Icons */
.custom_ac .toggler:before {
display: none;
}
/* Toggler Content */
.custom_ac .toggle_content {
padding: 16px 32px 16px 32px !important;
}
}
/*----------------------------------------------------------------------------------------------------*/
/*
/* Media Queries
/*
/*----------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------*/
/*
/* Smaller than standard 960 (devices and browsers)
/*
/*--------------------------------------------------------------------*/
@media only screen and (max-width: 989px) {
/* Footer: Set 1 and 2 Column horizontal */
.footer-column-1, .footer-column-2, .footer-column-3 {
width: 28% !important;
}
}
/*--------------------------------------------------------------------*/
/*
/* Mobile + Tablet --> max-width 767px
/*
/*--------------------------------------------------------------------*/
@media only screen and (max-width: 767px) {
/*-------------------------------*/
/* Optimize spacing
/*-------------------------------*/
/* More Spacing when stacking columns
.responsive #top .container .av-content-small, .responsive #top #wrap_all .flex_column, .responsive #top #wrap_all .av-flex-cells .no_margin {
margin-bottom: 44px;
}*/
/* Don´t resize Headlines */
#top #wrap_all .av-inherit-size .av-special-heading-tag {
font-size: 1em !important;
}
/* Responsive spacing
.responsive #top .container .av-content-small,
.responsive #top #wrap_all .flex_column,
.responsive #top #wrap_all .av-flex-cells .no_margin {
margin-bottom: 16px !important;
width: 100%;
}*/
/*--------------------------------------------------------------------*/
/*
/* Partner Logo Element
/*
/*--------------------------------------------------------------------*/
/* arrange in 2 columns */
#top.responsive #top #wrap_all .avia-content-slider-odd.avia-logo-slider .slide-entry.first, .responsive #top #wrap_all .avia-content-slider-odd.avia-logo-slider .slide-entry {
width: 48%;
margin: 0 !important;
padding: 4px !important;
}
.responsive #top #wrap_all .avia-content-slider-even.avia-logo-slider .slide-entry.slide-parity-odd, .responsive #top #wrap_all .avia-content-slider-odd.avia-logo-slider .slide-entry.slide-parity-even {
clear: none !important;
}
/* Less margin bottom */
#top .avia-logo-element-container .slide-entry {
margin-bottom: 0 !important;
padding: 0 !important;
}
} /* End Mobile + Tablet */
/*--------------------------------------------------------------------*/
/*
/* Mobile Portrait to Landscape --> max-width 479px
/*
/*--------------------------------------------------------------------*/
@media only screen and (max-width: 479px) {
/*-------------------------------*/
/* Typography Mobile
/*-------------------------------*/
/* H1 Mobile 36 */
h1 {
font-size: 34px;
line-height: 1.2em;
}
h1.avia-caption-title {
font-size: 30px;
}
h2 {
font-size: 26px;
line-height: 1.3em;
}
h3, h3.iconbox_content_title {
font-size: 20px !important;
line-height: 1.4em !important;
font-weight: 500 !important;
}
h4, h4.iconbox_content_title {
font-size: 19px !important;
line-height: 1.5em !important;
}
.av-subheading.av-subheading_above p {
font-size: 19px;
line-height: 1.4em;
}
/* Basic Font-Size */
body p {
font-size: 18px;
line-height: 1.5em !important;
-ms-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
hyphenate-limit-chars: 6 3 2;
-ms-hyphenate-limit-lines: 2;
-webkit-hyphenate-limit-lines: 2;
hyphenate-limit-lines: 2;
}
/* List */
ul {
font-size: 18px;
line-height: 1.5em;
}
.entry-content-wrapper li {
margin-left: 1em;
padding: 4px 0 !important;
}
/*-------------------------------*/
/* Color Sections
/*-------------------------------*/
/** Basic Spacing **/
.avia-section-small .content, .avia-section-small .sidebar { padding-top: 30px; padding-bottom: 30px;}
.avia-section-large .content, .avia-section-large .sidebar { padding-top: 50px; padding-bottom: 50px;}
.avia-section-huge .content, .avia-section-huge .sidebar { padding-top: 80px; padding-bottom: 80px;}
/*-------------------------------*/
/* HR: reduce spacing
/*-------------------------------*/
/* Call-To-Action Spacer */
.c2a.hr, .rotate.hr {
height: 20px !important;
}
/*-------------------------------*/
/* Footer
/*-------------------------------*/
/* Footer: Margin Top */
.footer-column-1 {
margin-top: 40px !important;
}
/* Footer: Set 1 and 2 Column horizontal */
.footer-column-1, .footer-column-2, .footer-column-3 {
width: 100% !important;
padding: 0 40px !important;
}
.footer-column-2 {
margin-bottom: 32px !important;
}
/* Widget: Menu */
#top .content .flex_column .widget_nav_menu li a {
padding: 0 0 2px 0;
color: #ffffff;
}
/*-----------------------------------------*/
/* Socket Mobile
/*------------------------------------------*/
#socket {
padding-top: 0;
}
/* Socket: Padding */
#socket .container {
padding: 0 0 16px 0 !important;
}
#socket .copyright {
font-size: 16px;
}
/*-------------------------------*/
/* Fullscreen Slider
/*-------------------------------*/
/*Scroll Down Arrow*/
#top .scroll-down-link {
left: 50% !important;
}
/* Fullscreen Slider Text (60px) */
.avia-caption-content p {
font-size: 20px !important;
line-height: 1.4em !important;
font-weight: 400 !important;
margin: 12px 0 32px 0 !important;
}
/* Caption */
.slideshow_align_caption {
top: -20px;
}
/*-------------------------------*/
/* Team Member Teaser: Mobile
/*-------------------------------*/
/* Team Image */
.team-img {
padding: 0 !important;
width: 68% !important;
margin: 0 auto 40px auto !important;
}
/* Team Name */
h3.team-name {
margin-bottom: 2px !important;
}
/* Job Title */
.team-job-title {
font-size: 20px !important;
line-height: 1.4em;
}
/*------------------------------------*/
/* Fold-Unfold Container
/*------------------------------------*/
/* Subtitle */
.team-meta h4 {
margin: 14px 0 10px 0 !important;
font-size: 18px !important;
line-height: 1.5em;
}
.team-meta p {
font-size: 18px !important;
line-height: 1.5em !important;
}
/* Unfold-Button */
.av-fold-button-container {
text-decoration: underline !important;
text-underline-offset: 4px !important;
text-decoration-thickness: 1px !important;
color: #567C57 !important;
margin: 0 !important;
font-size: 18px;
}
/*------------------------------------*/
/* Accordion: FAQs Mobile
/*------------------------------------*/
/* Toggler Container */
.custom_ac_faq.togglecontainer .av_toggle_section .toggler, .custom_ac.togglecontainer .av_toggle_section .toggler {
padding: 18px 20px !important;
}
/* Toggler Content */
.custom_ac_faq .toggle_content, .custom_ac .toggle_content {
padding: 15px 20px !important;
}
.custom_ac_faq .toggle_icon, .custom_ac .toggle_icon {
right: 8px;
}
/* Toggler Content */
.custom_ac_faq .toggle_content h5 {
margin: 0 0 -10px 0!important;
padding-top: 16px;
}
/* Toggler Text Style */
.custom_ac_faq .toggle_content p {
font-size: 18px !important;
line-height: 1.5em !important;
color: #383838!important;
hyphens: auto;
hyphenate-limit-chars: auto 5;
}
/*-------------------------------*/
/* Masonry Gallery: Mobile
/*-------------------------------*/
/* Gutter-Size -> with Caption (40/25) */
.caption.av-large-gap.av-flex-size .av-masonry-entry .av-inner-masonry {
position: relative;
margin-bottom: 12% !important;
width: 96% !important;
}
/* Gutter-Size -> no Caption (40/25)*/
.no-caption.av-large-gap.av-flex-size .av-masonry-entry .av-inner-masonry {
position: relative;
margin-right: 4% !important;
margin-bottom: 4% !important;
}
/*-------------------------------*/
/* Icon List Mobile
/*-------------------------------*/
.avia-icon-list .iconlist_icon {
height: 48px !important;
width: 48px !important;
line-height: 48px !important;
font-size: 24px !important;
margin-right: 20px !important;
margin-left: 0 !important;
z-index: 5;
}
/*-------------------------------*/
/* Default: only title
/*-------------------------------*/
.only-title .avia-icon-list li {
padding: 0 0 20px 0 !important;
}
/* Text Container */
.only-title .avia-icon-list .iconlist_content_wrap {
padding-bottom: 8px !important;
}
/* Title */
#top .only-title .avia-icon-list .iconlist_title {
top: 12px;
margin: 0;
}
/*-------------------------------*/
/* Only Title: small + x-small
/*-------------------------------*/
#top .x-small .av-iconlist-small .iconlist_icon, #top .only-title .av-iconlist-small .iconlist_icon {
height: 40px !important;
width: 40px !important;
line-height: 40px !important;
font-size: 24px !important;
margin-right: 16px !important;
}
#top .x-small .av-iconlist-small li, #top .only-title .av-iconlist-small li {
padding: 8px 0 !important;
}
/* Text Container */
#top .x-small .av-iconlist-small .iconlist_content_wrap, #top .only-title .av-iconlist-small .iconlist_content_wrap {
min-height: 40px;
padding: 6px 0 0 0;
}
/*-------------------------------*/
/* App Store
/*-------------------------------*/
.store-btn-container {
width: 54% !important;
}
.button_app-store {
margin-bottom: 8px !important;
}
/*-------------------------------*/
/* Icon Box Mobile
/*-------------------------------*/
#top .iconbox_content_container p {
font-size: 19px !important;
line-height: 1.5em !important;
}
/*----------------------------------------------------------------------------*/
/*
/* Notice-Box: notice-box / notice-box_no-title Mobile
/*
/*----------------------------------------------------------------------------*/
/*--------------------------------------------*/
/* Default
/*--------------------------------------------*/
/** Icon **/
#top .notice-box.iconbox_left_content .iconbox_icon, #top .iconbox_right_content .iconbox_icon {
width: 24px;
height: 24px;
font-size: 24px;
line-height: 24px;
border-style: none;
text-align: center;
margin: 0 auto 12px auto;
float: none;
}
/** Title **/
#top .notice-box.iconbox .iconbox_content .iconbox_content_title {
margin-bottom: -12px;
}
/** Text **/
.notice-box p {
font-size: 16px !important;
line-height: 1.5em !important;
}
/*--------------------------------------------*/
/* No title
/*--------------------------------------------*/
/** Icon **/
#top .notice-box_no-title.iconbox_left_content .iconbox_icon, #top .iconbox_right_content .iconbox_icon {
width: 24px;
height: 24px;
font-size: 24px;
line-height: 24px;
border-style: none;
text-align: center;
margin: 0 auto 12px auto;
float: none;
}
/** Title **/
#top .notice-box_no-title.iconbox .iconbox_content .iconbox_content_title {
margin-bottom: -12px;
}
/** Text **/
#top .notice-box_no-title p {
font-size: 16px !important;
line-height: 1.5em !important;
margin-top: 0 !important;
}
}
/*--------------------------------------------------------------------*/
/*
/* Mobile: landscape
/*
/*--------------------------------------------------------------------*/
/* Landscape */
@media only screen
and (min-device-width: 375px)
and (max-device-width: 812px)
and (orientation: landscape) {
h1 {
font-size: 34px;
line-height: 1.2em;
}
h1.avia-caption-title {
font-size: 30px;
}
h2 {
font-size: 26px;
line-height: 1.3em;
}
h3, h3.iconbox_content_title {
font-size: 20px !important;
line-height: 1.4em !important;
font-weight: 500 !important;
}
h4, h4.iconbox_content_title {
font-size: 19px !important;
line-height: 1.5em !important;
}
.av-subheading.av-subheading_above p {
font-size: 19px;
line-height: 1.4em;
}
}
/*--------------------------------------------------------------------*/
/*
/* Tablet Portrait: min width 768px --> max-width 989px
/*
/*--------------------------------------------------------------------*/
@media only screen and (max-width: 989px) and (min-width: 768px) {
/* Mobile-Header transparent **************************/
#top #wrap_all .av_header_transparency,
.av_header_transparency #advanced_menu_toggle {
background: transparent!important;
position: absolute!important;
}
/* Call-To-Action Spacer */
.c2a.hr, .rotate.hr {
height: 24px !important;
}
/*
*******************************************
Logo
*******************************************
*/
.responsive .logo {
margin-top: 28px !important;
}
/*
*******************************************
Typo
*******************************************
*/
h1 {
font-size: 52px;
line-height: 1.3em !important;
}
h2, h2.av-rotator-container-inner {
font-size: 36px;
line-height: 1.4em !important;
font-weight: 600 !important;
}
/*
*******************************************
Burger Menu
*******************************************
*/
/* Fullscreen-Menu Position */
#top #av-burger-menu-ul {
padding: 0 120px !important;
}
/* Fullscreen-Menu: Font Style */
.html_av-overlay-full #av-burger-menu-ul li {
font-size: 44px;
line-height: 1.4em !important;
font-weight: 400;
padding: 0;
}
/*
*******************************************
Service List: Tablet
*******************************************
*/
.services_first-column, .services_second-column {
width: 80% !important;
margin: 0 auto !important;
}
/*
*******************************************
Quote Tablet
*******************************************
*/
/* Quote: Boxed */
#quote_boxed {
max-width: 768px;
padding: 70px 40px;
border-radius: 0;
}
/* Quote Image */
.quote-image {
width: 108px;
height: 108px;
animation: shake-flower 12s ease-in-out 4s infinite alternate none;
}
/* Quote Title */
.quote-title h2 {
font-size: 34px;
line-height: 1.3em !important;
font-weight: 300 !important;
margin-bottom: -8px !important;
text-align: left !important;
padding-left: 12px !important;
}
/* Quote Author */
.quote-author p {
font-size: 16px;
line-height: 1.6em;
font-weight: 600;
color: #777777;
padding: 0 0 0 32px;
text-align: left !important;
}
/*--------------------------------------------*/
/* Notice Box: Tablet
/*--------------------------------------------*/
/** Icon **/
#top .notice-container {
width: 100%;
}
/*--------------------------------------------*/
/* Service Image Tablet
/*--------------------------------------------*/
/* Image Section Mobile: Services */
.services-img {
border-bottom: 0 solid #E5E5E5 !important;
max-height: 640px !important;
overflow: hidden;
padding-top: 0;
margin-bottom: -60px !important;
}
/*--------------------------------------------------------------------*/
/*
/* Team Member Element Tablet: list
/*
/*--------------------------------------------------------------------*/
/* Container*/
.team-member-container {
width: 100% !important;
}
/* Image*/
.team-img-container {
padding: 0 !important;
width: 32%;
margin: 40px auto 40px auto;
}
/*--------------------------------------------------------------------*/
/*
/* Team Member Teaser: Tablet
/*
/*--------------------------------------------------------------------*/
/* Team Image */
.team-img {
padding: 0 !important;
width: 35% !important;
}
/*----------------------------------------------------------------------------*/
/*
/* Accordion + FAQs: Tablet
/*
/*----------------------------------------------------------------------------*/
/* Toggler Content */
.custom_ac .toggle_content , .custom_ac_faq .toggle_content {
padding: 16px 34px !important;
}
/*--------------------------------------------------------------------*/
/*
/* App Store
/*
/*--------------------------------------------------------------------*/
.store-btn-container {
width: 25% !important;
}
.button_app-store {
margin-bottom: 8px !important;
}
}
/*--------------------------------------------------------------------*/
/*
/* Tablet Landscape: min width 768px --> max-width 1024px
/*
/*--------------------------------------------------------------------*/
@media only screen and (max-width: 1024px) and (min-width: 769px) {
/*
*******************************************
Logo
********************************************/
.responsive .logo {
margin-top: 6px;
}
/*
*******************************************
Typo
*******************************************
*/
h1 {
font-size: 52px;
line-height: 1.3em !important;
}
h2, h2.av-rotator-container-inner {
font-size: 40px;
line-height: 1.4em !important;
font-weight: 600 !important;
}
/*
*******************************************
Burger Menu
*******************************************
*/
/* Fullscreen-Menu Position */
#top #av-burger-menu-ul {
padding: 0 120px !important;
}
/* Fullscreen-Menu: Font Style */
.html_av-overlay-full #av-burger-menu-ul li {
font-size: 44px;
line-height: 1.4em !important;
font-weight: 400;
padding: 0;
}
/* Button Colored */
#top .av-menu-button-colored > a .avia-menu-text {
font-size: 26px !important;
font-weight: 500 !important;
padding: 8px 24px !important;
background-color: #4B6D4C!important;
}
/* Button Bordered */
#top .av-menu-button-bordered > a .avia-menu-text {
font-size: 24px !important;
font-weight: 500 !important;
padding: 16px 26px !important;
color: #ffffff !important;
box-shadow: inset 0px 0px 0px 2px #ffffff;
}
/* Button Position */
#top .av-menu-button-colored, #top .av-menu-button-bordered {
margin: 16px 0 !important;
}
}