/*
Theme Name: Stuhr-IT
Version: 1.2
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;
line-height: 1.5em !important;
font-weight: 400;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.container_wrap {
border-top: none !important;
}
/*----------------------------------------------------------------------------*/
/*
/* Typography: Headlines (Desktop)
/*
/*----------------------------------------------------------------------------*/
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;
}
#avia_post_section h1, #avia_post-header_section h1 {
font-size: 48px !important;
margin-bottom: 24px !important;
}
#top .fullsize .template-blog h1.post-title {
font-size: 48px;
line-height: 1.3em !important;
margin-bottom: 24px !important;
}
h2 {
font-size: 44px;
line-height: 1.4em !important;
font-weight: 600 !important;
letter-spacing: -1px !important;
}
#avia_post_section h2 {
font-size: 36px !important;
margin-bottom: 20px !important;
}
/* Blog Loop */
.av-alb-blogposts.template-blog .post-title {
font-size: 32px !important;
line-height: 1.4em !important;
margin-bottom: 16px !important;
}
.template-single-blog h2 {
font-size: 36px !important;
line-height: 1.3em !important;
margin-bottom: 24px !important;
}
h3 {
font-size: 22px !important;
line-height: 1.4em !important;
font-weight: 600 !important;
letter-spacing: 0 !important;
}
h3.iconbox_content_title {
font-size: 21px !important;
line-height: 1.4em !important;
font-weight: 500 !important;
letter-spacing: 0 !important;
}
#avia_post_section h3 {
font-size: 28px !important;
line-height: 1.4em !important;
margin-bottom: 12px !important;
}
.template-single-blog h3 {
font-size: 28px !important;
line-height: 1.4em !important;
margin-bottom: 12px !important;
}
h4, h4.iconbox_content_title {
font-size: 20px !important;
line-height: 1.4em !important;
font-weight: 600 !important;
letter-spacing: 0 !important;
}
#avia_post_section h4 {
margin-bottom: 12px !important;
}
.template-single-blog h4 {
margin-top: 40px !important;
}
h5, h5.iconbox_content_title {
font-size: 18px !important;
line-height: 1.4em !important;
font-weight: 600 !important;
letter-spacing: 0 !important;
}
#avia_post_section h5 {
margin-top: 44px !important;
margin-bottom: 12px !important;
}
.template-single-blog h5 {
margin-top: 32px !important;
margin-bottom: 4px !important;
}
h6, h6.iconbox_content_title {
font-size: 16px !important;
line-height: 1.4em !important;
font-weight: 600 !important;
letter-spacing: 0 !important;
}
#avia_post_section h6 {
margin-bottom: 8px !important;
}
.template-single-blog h6 {
margin-top: 40px !important;
margin-bottom: 0 !important;
}
/*----------------------------------------------------------------------------*/
/*
/* Typography: Basics (Desktop)
/*
/*----------------------------------------------------------------------------*/
/* 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;
}
/* Subheading: Below */
.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*/
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;
}
/*-----------------------------------------------*/
/*
/* Divider
/*
/*-----------------------------------------------*/
/* Divider -> Blog */
hr {
margin: 32px 0;
}
/* HR (Mobile) -> C2A-Spacer */
@media only screen and (max-width: 479px) {
/* Call-To-Action Spacer */
.c2a.hr, .rotate.hr {
height: 20px !important;
}
}
/*-----------------------------------------------*/
/*
/* List
/*
/*-----------------------------------------------*/
ul {
margin-left: 0;
line-height: 1.4em;
}
li::marker {
color: #6e6e6e;
}
ul.wp-block-list {
margin-left: 0;
line-height: 1.4em;
font-size: 19px;
}
/* List Style */
#avia_post_section .avia_textblock li {
padding: 4px;
}
/*-----------------------------------------------*/
/*
/* Link Styling
/*
/*-----------------------------------------------*/
p a {
text-decoration: underline !important;
text-underline-offset: 4px;
text-decoration-thickness: 1px !important;
word-wrap: break-word;
}
p a:hover {
text-decoration: none !important;
}
u {
text-decoration: underline !important;
text-underline-offset: 4px;
text-decoration-thickness: 1px !important;
}
u:hover {
text-decoration: none !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;
}
/*----------------------------------------------------------------------------*/
/*
/* Blockquote
/*
/*----------------------------------------------------------------------------*/
#top blockquote {
color: rgb(90, 95, 199);
padding: 20px 32px;
border-left: 8px solid rgb(90, 95, 199);
background: rgba(90, 95, 199, 0.08);
margin: 28px 0;
}
#top blockquote p {
font-size: 19px;
font-weight: 400;
line-height: 1.5em !important;
letter-spacing: 0;
}
/*----------------------------------------------------------------------------*/
/*
/* 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;}
/** Minimal Spacing Bottom **/
.minimal-spacing-bottom.avia-section-small .content, .avia-section-small .sidebar { padding-bottom: 80px;}
.minimal-spacing-bottom.avia-section-large .content, .avia-section-large .sidebar { padding-bottom: 80px;}
.minimal-spacing-bottom.avia-section-huge .content, .avia-section-huge .sidebar { padding-bottom: 60px;}
/* 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);
}
/* Avia Post-Section + Info Section */
#avia_post_section, #avia_post-header_section, #avia_post-footer_section, #avia_post-info_section {
max-width: 960px;
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,
#leistungen .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;
}
/*----------------------------------------------------------------------------*/
/* Color Sections (Mobile)
/*----------------------------------------------------------------------------*/
@media only screen and (max-width: 479px) {
/** 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;}
}
/*----------------------------------------------------------------------------*/
/*
/* Logo: Header
/*
/*----------------------------------------------------------------------------*/
/* Logo Size Desktop */
.logo img, .logo svg {
width: 190px;
margin-top: -2px;
}
/* Logo Size Mobile */
@media only screen and (max-width: 767px) {
.responsive #top .logo img, .responsive #top .logo svg {
width: 186px !important;
margin-top: 2px;
}
}
/* Logo Size Tablet */
@media only screen and (min-width: 768px) and (max-width: 989px) {
.responsive #top .logo img, .responsive #top .logo svg {
width: 186px !important;
margin-top: 2px;
}
}
/* Default Header */
.av_minimal_header #header_main, .av_minimal_header #header_meta {
border: 1px solid #dddddd;
/* background: white !important;*/
}
/* Transparent Header: Mobile */
@media only screen and (max-width: 767px) {
#top #wrap_all .av_header_transparency,
.av_header_transparency #advanced_menu_toggle {
background: transparent!important; /*Mobile-Header transparent*/
position: absolute !important;
}
}
/* Transparent Header: Tablet */
@media only screen and (min-width: 768px) and (max-width: 989px) {
#top #wrap_all .av_header_transparency,
.av_header_transparency #advanced_menu_toggle {
background: transparent!important; /*Mobile-Header transparent*/
position: absolute !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: #05569C;
}
#top #header.av_header_transparency ul#avia-menu > li.menu-item:hover > a > .avia-menu-text {
ccolor: #05569C;
}
/* Active or current page menu or default and transparent Header */
#top #header #avia-menu li.current-menu-item > a > .avia-menu-text {
color: #05569C;
border-bottom: 2px solid #05569C;
padding-bottom: 4px;
}
#top #header.av_header_transparency #avia-menu li.current-menu-item > a > .avia-menu-text {
color: #05569C;
}
/*----------------------------------------------------------------------------*/
/*
/* Navigation: Mobile
/*
/*----------------------------------------------------------------------------*/
/*-----------------------------*/
/* Burger + Close Icon
/*-----------------------------*/
/* Burger-Style */
.av-hamburger-box {
width: 32px;
height: 26px;
top: 8px;
}
/*-----------------------------*/
/* 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: 40px;
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;
text-align: left;
}
.html_av-overlay-full #top #wrap_all #av-burger-menu-ul li a {
color: #ffffff;
text-decoration: none;
text-align: left;
padding: 8px 0;
}
#top #av-burger-menu-ul {
display: table-cell;
height: 100% !important;
width: 100%;
vertical-align: middle;
padding: 0 60px !important;
}
.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;
}
/*--------------------------------------------------------------------*/
/*
/* 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;
}
/*----------------------------------------------*/
/* Footer(Mobile)
/*----------------------------------------------*/
@media only screen and (max-width: 479px) {
/* Footer: Margin Top */
.footer-column-1 {
margin-top: 12px !important;
}
/* Footer: Set 1 and 2 Column horizontal */
.footer-column-1, .footer-column-2, .footer-column-3 {
width: 100% !important;
padding: 0 16px !important;
}
.footer-column-2 {
margin-bottom: 32px !important;
}
.footer-column-3 {
border-bottom: 1px solid rgba(255, 255, 255, 0.4) !important;
padding-bottom: 28px !important;
margin-bottom: 12px !important;
}
/* Widget: Menu */
#top .content .flex_column .widget_nav_menu li a {
padding: 0 0 2px 0;
color: #ffffff;
}
}
/*--------------------------------------------------------------------*/
/*
/* 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: #05569C !important;
border: none;
opacity: 1 !important;
}
/*-------------------------------------------*/
/* Socket (Mobile)
/*-------------------------------------------*/
@media only screen and (max-width: 479px) {
#socket {
padding-top: 0;
}
/* Socket: Padding */
#socket .container {
padding: 0 0 16px 0 !important;
}
#socket .copyright {
font-size: 16px;
}
}
/*----------------------------------------------------------------------------*/
/*
/* 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: #0F6CBD / #05569C
/*-------------------------------------------------------------------*/
/* Theme Color */
.avia-button.avia-color-theme-color {
border-color: transparent !important;
background-color: #0F6CBD!important;
}
.avia-button.avia-color-theme-color:hover {
background-color: #05569C!important;
color: #ffffff!important;
opacity: 1!important;
}
/* Theme Color Subtle */
.avia-button.avia-color-theme-color-subtle {
color: #0F6CBD;
border: none;
box-shadow: inset 0px 0px 0px 2px #0F6CBD;
opacity: 1!important;
background: transparent!important;
}
.avia-button.avia-color-theme-color-subtle:hover {
background-color: #0F6CBD!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;
}
.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;
}
.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 !important;
padding: 0 12px 0 0;
font-size: 28px;
}
.avia-button.avia-size-medium .avia_button_icon.avia-svg-icon svg:first-child {
margin-bottom: -8px;
}
/* Medium: right */
.avia-button.avia-size-medium .avia_button_icon.avia_button_icon_right {
position: relative !important;
left: 0 !important;
top: 0 !important;
padding: 0 0 0 12px;
}
/*------------------------------------*/
/* 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: 24px;
}
/*-----------------------------------------------------------------------------*/
/*
/* Social Media: Icon-Buttons
/*
/*-----------------------------------------------------------------------------*/
/* Basic Sizes */
#top .social-media-icon .av-button-notext.avia-size-small .avia_button_icon {
font-size: 22px;
}
#top .social-media-icon .av-button-notext.avia-size-medium .avia_button_icon {
font-size: 32px;
}
#top .social-media-icon .av-button-notext.avia-size-large .avia_button_icon {
font-size: 40px;
}
/* Basic Style */
.social-media-icon .avia-button {
padding: 0 !important;
background: transparent;
min-width: 0 !important;
}
/* Color: Black */
#top .social-media-icon .avia-button.avia-color-black {
color: #000000;
opacity: 0.7;
}
/* Color: Black -> hover */
.social-media-icon .avia-button.avia-color-black:hover {
padding: 0;
background: transparent !important;
color: #000000 !important;
opacity: 1 !important;
}
/* Color: Grey */
#top .social-media-icon .avia-button.avia-color-grey {
color: #838383;
opacity: 0.8;
}
/* Color: Grey -> hover */
.social-media-icon .avia-button.avia-color-grey:hover {
padding: 0;
background: transparent !important;
color: #838383 !important;
opacity: 1 !important;
}
/* Color: White */
#top .social-media-icon .avia-button.avia-color-white {
color: #ffffff;
opacity: 0.8;
}
/* Color: White -> hover */
.social-media-icon .avia-button.avia-color-white:hover {
padding: 0;
background: transparent !important;
color: #ffffff !important;
opacity: 1 !important;
}
/*------------------------------------*/
/* Text Button
/*------------------------------------*/
.text-button .avia-button {
background: transparent !important;
text-decoration: underline !important;
text-underline-offset: 4px !important;
text-decoration-thickness: 1px !important;
color: #0F6CBD !important;
margin: -4px 0 0 0 !important;
padding: 0 !important;
font-size: 19px !important;
line-height: 1.4em !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: #05569C !important;
}
/*--------------------------------------------------------------------*/
/*
/* Fullscreen-Slider (Desktop)
/*
/*--------------------------------------------------------------------*/
/* 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;
}
/* Fullscreen Slider Headlines */
h1.avia-caption-title {
text-transform: none!important;
margin: 0 0 2px 0!important;
}
/*----------------------------------------
// Scroll-Down Link
//--------------------------------------*/
#top .scroll-down-link {
color: #dddddd !important;
height: 68px;
width: 4px;
margin: 0 0 0 -40px;
line-height: 60px;
position: absolute;
left: 50%;
bottom: 0px;
text-align: center;
font-size: 68px;
z-index: 100;
text-decoration: none;
text-shadow: none;
animation-name: floating;
transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
-webkit-animation-name: floating;
-webkit-animation-delay: 1s;
animation-delay: 1.5s;
animation-duration: 1.5s;
-webkit-animation-duration: 1.5s;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
}
#top .scroll-down-link.avia-svg-icon svg:first-child{
height: 68px;
width: auto;
stroke: none;
fill: #dddddd;
padding-left: 6px;
}
@keyframes floating {
0% {
transform: scaleY(1);
transform-origin: bottom;
opacity: 1;
}
100% {
transform: scaleY(0);
transform-origin: bottom;
opacity: 1;
}
150% {
transform: scaleY(1);
transform-origin: bottom;
opacity: 1;
}
200% {
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: 1;
}
}
/*-------------------------------*/
/* 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;
}
/*--------------------------------*/
/* Fullscreen Slider (Mobile)
/*--------------------------------*/
@media only screen and (max-width: 479px) {
/*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;
}
}
/*----------------------------------------------------------------------------*/
/*
/* Animated Numbers
/*
/*----------------------------------------------------------------------------*/
/* Number Title */
#top .avia-animated-number-title {
font-size: 88px;
line-height: 1.4em;
letter-spacing: 0;
font-weight: 700 !important;
margin-bottom: 4px;
letter-spacing: -1px;
}
/* Number Subtitle */
#top span.number-subtitle {
font-size: 21px;
line-height: 1.4em;
color: #0D0D0D;
position: relative;
letter-spacing: 0 !important;
font-weight: 500 !important;
display:inline-block;
margin-bottom: 6px;
}
/* Prefix & Suffix */
#top .avia-no-number {
opacity: 1;
font-size: 32px;
font-weight: 500;
line-height: 1.4em;
padding: 0 4px;
position: relative;
top: -2px;
}
/* Number Content */
.avia-animated-number-content {
padding: 0;
position: relative;
clear: none;
overflow: hidden;
font-size: 18px !important;
line-height: 1.4em;
letter-spacing: 0 !important;
}
/* compensate for prefix spacing */
#top .first-number .avia-animated-number-title, #top .third-number .avia-animated-number-title {
padding-right: 32px;
}
/* compensate for suffix spacing */
#top .second-number .avia-animated-number-title {
padding-left: 32px;
}
/*----------------------------------------------------------------------------*/
/*
/* Animated Numbers: Mobile
/*
/*----------------------------------------------------------------------------*/
@media only screen and (max-width: 767px) {
/* Number Title */
#top .avia-animated-number-title {
font-size: 72px;
line-height: 1.4em;
margin-bottom: 0;
}
/* Number Subtitle */
#top span.number-subtitle {
font-size: 20px;
line-height: 1.4em;
margin-bottom: 6px;
}
/* Prefix & Suffix */
#top .avia-no-number {
opacity: 1;
font-size: 28px;
padding: 0 4px;
top: -2px;
}
}
/*----------------------------------------------------------------------------*/
/*
/* Symbol Box: Desktop (SVG) Styles: default, circle. Left, center aligned
/*
/*----------------------------------------------------------------------------*/
/*-----------------------------------------*/
/* Text -> center aligned, Icon circle
/*-----------------------------------------*/
/* Icon Size */
#top .center_circle.iconbox.av-no-box .iconbox_icon {
margin: 0 auto 18px auto;
width: 76px;
height: 76px;
line-height: 76px;
font-size: 32px;
border: none;
}
/* Icon vertical position */
#top .center_circle.iconbox.av-no-box .iconbox_icon.avia-svg-icon svg:first-child {
margin-top: 23px;
}
/* Title: margin */
#top .center_circle.iconbox .iconbox_content .iconbox_content_title {
margin: 0 0 -8px 0 !important;
}
/*-----------------------------------------*/
/* Text -> left aligned, Icon circle
/*-----------------------------------------*/
/* Icon Size */
#top .left_circle.iconbox.av-no-box .iconbox_icon {
margin: 0 0 18px 0;
width: 76px;
height: 76px;
line-height: 76px;
font-size: 32px;
border: none;
}
/* Icon vertical position */
#top .left_circle.iconbox.av-no-box .iconbox_icon.avia-svg-icon svg:first-child {
margin-top: 23px;
}
/* Title: margin */
#top .left_circle.iconbox .iconbox_content .iconbox_content_title {
margin: 0 0 -8px 0 !important;
text-align: left;
}
/* Content: left aligned */
#top .left_circle.iconbox .iconbox_content_container {
text-align: left;
}
/*-----------------------------------------*/
/* Icon -> left aligned, Icon circle
/*-----------------------------------------*/
/* Icon Size */
#top .iconbox_left_content.av-icon-style-no-border .iconbox_icon, #top .iconbox_right_content.av-icon-style-no-border .iconbox_icon {
border: none;
height: 60px;
width: 60px;
line-height: 60px;
margin-top: 0;
font-size: 32px;
}
/* Icon vertical position */
#top .iconbox_left_content.av-icon-style-no-border .iconbox_icon.avia-svg-icon svg:first-child {
margin-top: 14px !important;
}
/* Icon Box Spacing */
.iconbox_left_content {
margin-bottom: 40px !important;
}
/* Icon Box Content */
.iconbox_left_content .iconbox_content {
padding-top: 14px !important;
}
/*----------------------------------------------*/
/* Icon -> left aligned, Icon circle: Mobile
/*----------------------------------------------*/
@media only screen and (max-width: 497px) {
/* Icon Size */
#top .iconbox_left_content.av-icon-style-no-border .iconbox_icon, #top .iconbox_right_content.av-icon-style-no-border .iconbox_icon {
border: none;
height: 52px;
width: 52px;
line-height: 48px;
margin-top: 0;
font-size: 28px;
}
/* Icon vertical position */
#top .iconbox_left_content.av-icon-style-no-border .iconbox_icon.avia-svg-icon svg:first-child {
margin-top: 12px !important;
}
/* Icon Box Content */
.iconbox_left_content .iconbox_content {
padding-top: 10px !important;
}
}
/*----------------------------------------------------------------------------*/
/*
/* Icon List: Desktop
/*
/*----------------------------------------------------------------------------*/
/*-------------------------------*/
/* 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;
}
/* 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;
}
}
/*--------------------------------------------------------*/
/* Icon List (Mobile)
/*--------------------------------------------------------*/
@media only screen and (max-width: 479px) {
.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;
}
}
/*----------------------------------------------------------------------------*/
/*
/* Accordion: Desktop (Elegant Style)
/*
/*----------------------------------------------------------------------------*/
/* Toggle Icon: delete circel border */
.av-elegant-toggle .toggle_icon {
border-width: 0 !important;
opacity: 1;
}
/* Toggler: first without border */
.av-elegant-toggle.togglecontainer .av_toggle_section:first-of-type .toggler {
border-top-width: 0
}
/* Toggler: last without border */
.av-elegant-toggle.togglecontainer .av_toggle_section:last-of-type .toggler {
border-bottom-width: 0
}
/* Toggle: Hover Style */
#top .av_toggle_section:hover span.toggle_icon .vert_icon,
#top .av_toggle_section:hover span.toggle_icon .hor_icon {
border-color: #fff !important;
}
/* Toggle: Active Style */
#top .av_toggle_section .activeTitle span.toggle_icon .vert_icon,
#top .av_toggle_section .activeTitle span.toggle_icon .hor_icon {
border-color: #fff !important;
}
/* Toggler Container */
#top .togglecontainer .av_toggle_section .toggler {
padding: 18px 54px 18px 32px !important;
}
/* Toggler Icon */
#top .av-elegant-toggle .toggle_icon {
right: 16px;
}
/* Toggler Content */
.toggle_content {
padding: 12px 32px 18px 32px!important;
background: #ffffff !important;
}
/* Content: Font */
.toggle_content p {
font-size: 18px !important;
line-height: 1.4em !important;
color: #606060!important;
}
/*------------------------------------*/
/* Accordion (Mobile)
/*------------------------------------*/
@media only screen and (max-width: 479px) {
/* Toggler Container */
#top .togglecontainer .av_toggle_section .toggler {
padding: 18px 54px 18px 24px !important;
line-height: 1.4em !important;
font-size: 19px !important;
font-weight: 600 !important;
hyphens: auto;
hyphenate-limit-chars: 10 7 6;
}
/* Toggler Icon */
#top .av-elegant-toggle .toggle_icon {
right: 12px;
}
/* Toggler Content */
.toggle_content {
padding: 12px 32px 18px 24px!important;
}
/* Content: Font */
.toggle_content p {
font-size: 18px !important;
line-height: 1.4em !important;
}
}
/*----------------------------------------------------------------------------*/
/*
/* Testimonials (Slider)
/*
/*----------------------------------------------------------------------------*/
/*-----------------------------------------*/
/* Testimonials: Dot Support
/*-----------------------------------------*/
/* Show Dots always */
.responsive #top .avia-slideshow-dots.avia-slideshow-controls a {
opacity: 1;
}
/* Dot container */
#top .testimonials-container .avia-slideshow-dots.avia-slideshow-controls {
margin-top: 40px;
}
/* Dot */
#top .testimonials-container .avia-slideshow-dots a.goto-slide {
display: inline-block;
height: 10px;
width: 10px;
background: transparent;
opacity: 1 !important;
filter: alpha(opacity=100);
margin: 0 2px;
padding: 4px;
border: 2px solid #A8A8A8 !important;
}
/* Active Dot */
#top .testimonials-container .avia-slideshow-dots a.goto-slide.active {
background-color: #A8A8A8 !important;
height: 10px;
width: 10px;
border: 0 ;
opacity: 1;
}
/* Dot: hover */
#top .testimonials-container .avia-slideshow-dots a.goto-slide:hover {
background-color: #A8A8A8 !important;
}
/*-----------------------------------------*/
/* Testimonials: Basics
/*-----------------------------------------*/
/* Testimonial Wrapper*/
#top .av-large-testimonial-slider.avia-testimonial-wrapper .avia-testimonial {
padding: 0px 40px;
}
/* Large slider testimonial content*/
#top .av-large-testimonial-slider .avia-testimonial-content {
padding: 0 !important;
}
/* Large slider testimonial content Text */
#top .av-large-testimonial-slider .avia-testimonial-content p {
line-height: 1.4em;
font-weight: 500;
padding: 20px 0 8px 0;
}
/* Meta */
#top .av-large-testimonial-slider .avia-testimonial-meta {
margin: 20px 0 0 0;
}
/* Name */
#top .avia-testimonial-name {
font-size: 16px !important;
line-height: 1.4em;
font-weight: 600 !important;
margin-bottom: 0;
}
/* Sub title */
#top .avia-testimonial-subtitle {
font-size: 16px !important;
line-height: 1.4em;
font-weight: 400;
opacity: 1;
}
/* Testimonial: Link */
#top .avia-testimonial-link {
text-decoration: underline;
text-underline-offset: 4px;
text-decoration-thickness: 1px;
}
/* Testimonial: Link -> hover */
#top .avia-testimonial-link:hover {
text-decoration: none;
}
/* Testimonial "-" */
.avia-testimonial-meta-mini .avia-testimonial-subtitle-sep {
padding: 0 5px;
color: #919191;
}
/* Testimonial: Image */
#top .av-large-testimonial-slider .avia-testimonial-meta .avia-testimonial-image {
width: 60px;
height: 60px;
margin: 9px 20px 0 0;
border-radius: 200px;
background: #E6E6E6;
background-image: url("https://staging.sit-administration.de/wp-content/uploads/testimonial_placeholder.png"); /* Testimonial: Placeholder" */
background-repeat: no-repeat;
background-position-x: center;
background-position-y: center;
background-size: 60px 60px;
}
#top .avia-testimonial-image img {
border-radius: 0;
}
/* Hide Testimonial Arrows for stuhr-class */
.stuhr .avia-slideshow-arrows.avia-slideshow-controls a {
opacity: 0 !important;
}
#top .av-large-testimonial-slider .avia-slideshow-arrows a.avia-svg-icon svg:first-child {
height: 18px;
width: 18px;
line-height: 18px;
margin: 0 0 12px 0;
}
/* Arrow Style */
#top .av-large-testimonial-slider .avia-slideshow-arrows a {
top: 12px;
opacity: 0.1;
width: 48px !important;
height: 48px !important;
line-height: 48px;
text-indent: 0;
fill: #797979;
}
/*--------------------------------------------------------------------*/
/*
/* Testimonial Slider: Mobile + Table
/*
/*--------------------------------------------------------------------*/
@media only screen and (max-width: 768px) {
/* Custom Padding */
.responsive .avia-testimonial {
padding: 0 !important;
}
#top .avia-slider-testimonials.avia-testimonial-wrapper {
padding-bottom: 0;
margin-bottom: 0;
}
/* Large slider testimonial content Text */
#top .av-large-testimonial-slider .avia-testimonial-content p {
font-size: 20px!important;
line-height: 1.4em;
margin-bottom: 24px;
}
/* Name */
#top .avia-testimonial-name {
font-size: 16px !important;
line-height: 1.4em !important;
text-align: center;
}
/* Meta */
#top .av-large-testimonial-slider .avia-testimonial-meta {
margin: 0;
text-align: center;
}
#top .av-large-testimonial-slider .avia-testimonial-meta-mini {
text-align: center;
overflow: visible;
float: left;
}
/* Center Image on Mobile */
.avia-testimonial-image {
float: none;
margin: 0 16px;
}
#top .av-large-testimonial-slider .avia-testimonial-meta .avia-testimonial-image {
margin: 4px auto 0 auto !important;
}
}
/*--------------------------------------------------------------------*/
/*
/* Partner Logo Element: Desktop
/*
/*--------------------------------------------------------------------*/
/* Section */
.partner.avia-section-huge .content, .avia-section-huge .sidebar {
padding-bottom: 60px;
}
/* Partner logo Spacing + Center align */
#top .avia-logo-element-container .slide-entry {
background: transparent !important;
display: inline-block;
float: none;
margin: 0;
}
/* Logo Container */
#top .avia-logo-element-container {
text-align: center;
}
/* Logo Image */
#top .avia-logo-element-container .slide-image {
background: transparent !important;
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
filter: gray;
-webkit-transition: all .8s ease;
opacity: 0.9;
padding: 12px !important; /* set spacing betwen logos */
max-width: 172px; /* set max. logo size */
}
/* Hover */
#top .avia-logo-element-container .slide-image:hover {
filter: grayscale(0);
-webkit-filter: grayscale(0);
filter: none;
opacity: 1;
}
/*--------------------------------------------------------------------*/
/* Partner Logo Element: Mobile
/*--------------------------------------------------------------------*/
/* Tablet Pro: Size down 1/6 column */
@media only screen and (min-width: 990px) and (max-width: 1366px) {
.responsive #top .no_margin.av_one_sixth {
margin: 0 !important;
padding: 8px !important;
width: 20%;
}
}
/* Tablet: Display 4 logos per row on tablet */
@media only screen and (min-width: 768px) and (max-width: 989px) {
.responsive #top .no_margin.av_one_fourth {
margin-left: 0;
width: 25%;
margin: 0 !important;
padding: 12px !important;
}
}
/* Mobile: Size log down on small devices */
@media only screen and (max-width: 767px) {
#top .avia-logo-element-container .slide-image {
padding: 20px !important; /* set spacing betwen logos */
}
}
/*----------------------------------------------------------------------------*/
/*
/* Banner: Desktop (ALB-Element: Rasterzeile)
/*
/*----------------------------------------------------------------------------*/
/* Banner: Boxed -> max. width */
#banner_boxed {
max-width: 1260px;
margin: 80px auto !important;
padding: 60px 48px;
}
.green {
background-color: #DDF5E1; /* Banner-Color */
}
.yellow {
background-color: #FFF8E5; /* Banner-Color */
}
#banner_fullwidth {
padding: 80px 48px;
background: #459F99; /* Banner-Color */
}
/* Banner: Set custom cell padding */
#top .banner .no_margin.av_three_fifth {
padding-left: 0;
}
/* Banner Icon -> Animation */
#top .banner-icon {
animation: shake 5s ease infinite;
transform-origin: 50% 50%;
animation-delay: 4s;
}
/* Banner Title */
.banner-title h2 {
font-size: 32px;
line-height: 1.3em !important;
font-weight: 500 !important;
padding: 0;
}
/* Banner Text */
.banner-text {
padding: 0 8px 0 0;
}
/*--------------------------------------------------*/
/*
/* Banner: Mobile (ALB-Element: Rasterzeile)
/*
/*--------------------------------------------------*/
/* Mobile */
@media only screen and (max-width: 769px) {
/* Banner: Boxed */
#banner_boxed {
margin: 0 !important;
padding: 80px 48px !important;
}
/* Banner Icon */
.banner-icon {
padding: 0 !important;
}
/* Banner Title */
.banner-title h2 {
font-size: 28px !important;
}
/* Banner Text */
.banner-text {
padding: 0 !important;
}
}
/*--------------------------------------------------------------------*/
/*
/* Fold-Unfold Container (Destop)
/*
/*--------------------------------------------------------------------*/
/* Spacing CTA */
.avia-fold-unfold-section .av-fold-button-container {
margin-top: 40px !important;
margin-bottom: 15px;
transition: all 0.7s ease-in-out;
}
/* Gradient */
.avia-fold-unfold-section .av-fold-unfold-container::after{
background: linear-gradient( to bottom, rgba(255,255,255,0), rgba(255,255,255,1) );
height: 20%;
transition: all 0.7s ease-in-out;
}
/* Text-Button */
#top .avia-fold-unfold-section :not(.avia-button-wrap) .av-fold-button-container {
font-size: 18px;
line-height: 1.4em;
color: #0F6CBD;
text-decoration: underline !important;
text-underline-offset: 4px;
text-decoration-thickness: 1px !important;
}
/* Text-Button -> Hover */
#top .avia-fold-unfold-section :not(.avia-button-wrap) .av-fold-button-containe:hover {
color: #05569C !important;
text-decoration: none !important;
}
#top .avia-fold-unfold-section .av-fold-button-container:hover {
opacity: 1;
text-decoration: none !important;
}
/*-----------------------------------------*/
/* Fold-Unfold Container (Mobile)
/*-----------------------------------------*/
@media only screen and (max-width: 479px) {
/* 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;
}
}
/*--------------------------------------------------------------------*/
/*
/* Image
/*
/*--------------------------------------------------------------------*/
#top .avia-image-container{
margin: 20px 0 32px 0;
}
/* Image Hofer FX */
.avia_transform a:hover .image-overlay{
opacity: 0.2 !important;
}
/*------------------------------------------*/
/* Image Caption (BU)
/*-------------------------------------------*/
.av-image-caption-overlay {
height: auto;
width: auto;
text-align: left;
position: absolute;
bottom: 20px;
left: 20px;
}
.av-image-caption-overlay-center {
font-size: 14px;
line-height: 1.4em;
padding: 0;
color: #333333 !important;
background: rgba(255, 255, 255, 0.9);
text-align: left;
padding: 8px 16px;
}
.avia-image-container .avia-image-overlay-wrap a:hover img {
filter: brightness(1.06); /* 0.8 = 80% Helligkeit, also dunkler */
transition: filter 0.5s ease; /* sanfter Übergang */
}
/*--------------------------------------------------------------------*/
/*
/* Gallery: Desktop
/*
/*--------------------------------------------------------------------*/
/*------------------------------------------*/
/* Thumbnails
/*-------------------------------------------*/
/* Spacing: Element */
#top div .avia-gallery {
padding: 20px 0;
}
/* Image: Gutter */
#top div .avia-gallery img {
border-width: 0;
padding: 0 20px 20px 0;
}
/* Image: Big */
#top div .avia-gallery .avia-gallery-big {
padding: 0 20px 20px 0;
margin-bottom: 0;
border-width: 0;
}
@media only screen and (max-width: 769px) {
/* Image: Gutter */
#top div .avia-gallery img {
border-width: 0;
padding: 0 12px 12px 0;
}
/* Image: Big */
#top div .avia-gallery .avia-gallery-big {
padding: 0 12px 12px 0;
margin-bottom: 0;
border-width: 0;
}
}
/*--------------------------------------------------------------------*/
/*
/* Tooltip
/*
/*--------------------------------------------------------------------*/
/* Tooltip */
.avia-tooltip .inner_tooltip {
font-size: 12px;
line-height: 1.3em;
padding: 6px;
}
/*--------------------------------------------------------------------*/
/*
/* Massonry: Desktop
/*
/*--------------------------------------------------------------------*/
/*------------------------------------------*/
/* Basics
/*-------------------------------------------*/
/* Container */
#top .container .av-masonry.av-large-gap.av-masonry-gallery {
padding-top: 24px;
}
/*gap variations between elements: no, 1px and large*/
#top .av-large-gap.av-masonry {
padding: 20px 0 0 20px;
}
.av-large-gap.av-fixed-size .av-masonry-entry .av-inner-masonry{
position: absolute;
right: 20px;
bottom: 20px;
}
#top .av-large-gap.av-flex-size .av-masonry-entry .av-inner-masonry {
position: relative;
margin-right: 20px;
margin-bottom: 20px;
}
/* Hide arrow*/
.av-masonry-entry .avia-arrow {
border: none;
display: none;
}
/* Caption Background */
.av-masonry-entry .av-inner-masonry-content {
background: transparent !important;
padding: 12px 0;
}
/* Caption Title and Text */
#top .av-masonry h3.av-masonry-entry-title.entry-title {
font-size: 16px !important;
line-height: 1.4em !important;
font-weight: 600 !important;
letter-spacing: 0 !important;
color: #333333;
margin-bottom: 0;
}
/* 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: 400;
}
/* Caption Title: Hover */
#top .av-inner-masonry-content:hover .entry-title {
color: #05569C !important;
}
/* Looad More Button */
#top .av-masonry-load-more {
padding: 16px 28px 16px 28px !important;
font-size: 16px !important;
line-height: 24px;
text-align: center;
text-decoration: none;
text-transform: none;
font-weight: 600;
letter-spacing: 0;
display: inline-block;
left: 50%;
transform: translateX(-50%);
position: relative;
margin-top: 90px;
color: #ffffff;
border: none;
box-shadow: none;
opacity: 1!important;
background: #0F6CBD!important;
border-radius: 2px !important;
margin: 40px 0 0 0;
}
#top .av-masonry-load-more:hover {
background-color: #05569C !important;
color: #ffffff!important;
opacity: 1!important;
}
/*------------------------------------------*/
/* Hover FX
/*-------------------------------------------*/
#top .av-hover-overlay-fade_out .av-masonry-image-container{
opacity: 1;
}
#top .av-hover-overlay-fade_out .av-masonry-entry:hover .av-masonry-image-container{
opacity: 0.7;
}
/*--------------------------------------------------------------------*/
/*
/* Lightbox: Desktop
/*
/*--------------------------------------------------------------------*/
/* Set max. width */
.mfp-image-holder .mfp-content {
max-width: 80%;
}
.mfp-bottom-bar {
margin-top: -24px;
}
#top .mfp-title, .mfp-counter {
font-size: 16px;
line-height: 1.54em;
}
/*--------------------------------------------------------------------*/
/*
/* Slideshow: Easy Slider (Desktop)
/*
/*--------------------------------------------------------------------*/
/* Slideshow Dots: immer zeigen*/
.avia_desktop .av_slideshow.avia-slideshow .avia-slideshow-dots a {
opacity: 1;
filter: alpha(opacity=1);
}
#top .avia-smallarrow-slider .avia-slideshow-dots a{
border: 2px solid #A8A8A8 !important;
}
.avia-slideshow-dots {
position: relative;
bottom: -40px;
text-align: center;
left: 0;
height: 30px;
}
.avia-slideshow-dots a {
display: inline-block;
height: 10px;
width: 10px;
background: transparent;
opacity: 1 !important;
filter: alpha(opacity=100);
margin:0 2px;
padding: 4px;
border: 2px solid #A8A8A8 !important;
}
/* Dots: Active */
.avia-slideshow-dots a.active{
height: 10px;
width: 10px;
border: 0 ;
opacity: 1;
background: #A8A8A8;
}
/* Slideshow Dots: Hover */
#top .main_color .avia-smallarrow-slider .avia-slideshow-dots a:hover,
#top .main_color .avia-slideshow .avia-slideshow-dots a:hover {
background-color: #A8A8A8 !important;
}
/*
****************************************
Slideshow: Arrows
****************************************
*/
/* Slideshow: Arrows */
#top .avia-slideshow-arrows a {
color: #fff;
width: 40px !important;
height: 40px;
line-height: 16px;
font-size: 16px;
top: 50%;
margin: -40px 0 0; /* Postition Arrow Buttons */
z-index: 99;
overflow: hidden;
text-indent: -600%;
}
/* Slideshow: Arrow Button */
#top .avia-slideshow-arrows a.avia-svg-icon {
background: rgba(0, 0, 0, 0.8);
}
/* Slideshow: Arrow Button -> Hover */
#top .avia-slideshow-arrows a.avia-svg-icon:hover {
background: rgba(15, 108, 189, 1);
}
/* Slideshow Arrow SVG */
#top .avia-slideshow-arrows a.avia-svg-icon svg:first-child {
margin-top: 12px;
}
/*
****************************************
Slideshow: Caption
****************************************
*/
/* Slideshow Caption: Position */
.avia-slideshow .avia-caption {
border-radius: 0;
padding: 24px;
left: 0;
bottom: 0;
}
/* Slideshow Caption: tile + paragraph */
#top .avia-slideshow .avia-caption .avia-caption-title, .avia-slideshow .avia-caption .avia-caption-content p {
font-size: 14px !important;
line-height: 1.3em;
letter-spacing: 0 !important;
color: #000;
background: rgba(255, 255, 255, 0.8)!important;
padding: 6px 12px;
margin: 1px 0 !important;
}
/* Slideshow Caption: paragraph font weight */
.avia-slideshow .avia-caption .avia-caption-content p {
font-weight: 400;
}
/* Migration WP-Posts */
.fullsize .template-blog .avia-slideshow {
padding: 28px 0;
}
/*--------------------------------------------------------------------*/
/* Slideshow: Mobile !!!!!
/*--------------------------------------------------------------------*/
@media only screen and (max-width: 497px) {
/* Slideshow Caption: Position */
.avia-slideshow .avia-caption {
border-radius: 0;
padding: 16px;
left: 0;
bottom: 0;
}
/* Slideshow Caption: tile + paragraph */
#top .avia-slideshow .avia-caption .avia-caption-title, .avia-slideshow .avia-caption .avia-caption-content p {
font-size: 12px !important;
line-height: 1.3em;
padding: 4px 8px;
margin: 1px 0 !important;
}
}
/*--------------------------------------------------------------------*/
/*
/* Slideshow: Easy Slider -> Custom for fixed height (Desktop)
/*
/*--------------------------------------------------------------------*/
.fixed.avia-slideshow {
background: none;
text-align: center;
box-sizing: border-box;
overflow: hidden;
}
/* Der innere Container bekommt Hintergrund + feste Maximalhöhe */
.fixed.avia-slideshow .avia-slideshow-inner {
background-color: #f6f6f6;
box-sizing: border-box;
height: 600px; /* <-- gewünschte Maximalhöhe anpassen */
display: flex;
align-items: center;
justify-content: center;
}
/* Alle Slides gleich behandeln */
.fixed.avia-slideshow .avia-slideshow-slide {
height: 100% !important;
display: flex !important;
align-items: center;
justify-content: center;
}
/* Bild proportional einpassen */
.fixed.avia-slideshow img {
width: auto !important;
height: auto !important;
max-width: 80%;
max-height: 580px;
object-fit: contain !important;
display: block;
margin: 0 auto;
padding-bottom: 24px !important; /* Platz zwischen Bild und Caption */
}
/* Overlay deaktivieren */
.fixed.avia-slideshow .image-overlay {
display: none !important;
}
/* Caption immer unten im Slide */
.fixed.avia-slideshow .av-slideshow-caption {
position: absolute !important;
bottom: 24px;
left: 50%;
transform: translateX(-50%);
width: 100%;
text-align: center;
padding: 0 20px !important;
box-sizing: border-box;
z-index: 5;
}
/* Slideshow Caption: tile + paragraph */
#top .fixed.avia-slideshow .avia-caption .avia-caption-title, .fixed.avia-slideshow .avia-caption .avia-caption-content p {
color: #000;
background: transparent!important;
padding: 0;
margin: 0 !important;
}
/* Tablet (1024px und kleiner) */
@media (max-width: 1024px) and (min-width: 769px) {
.fixed.avia-slideshow .avia-slideshow-inner {
height: 600px; /* angepasste Maximalhöhe für Tablet */
}
.fixed.avia-slideshow img {
padding: 24px !important;
}
}
/* Mobile */
@media only screen and (max-width: 479px) {
.fixed.avia-slideshow .avia-slideshow-inner {
height: 480px; /* kleinere Maximalhöhe auf Mobil */
}
.fixed.avia-slideshow img {
padding: 24px !important;
}
}
/*--------------------------------------------------------------------*/
/*
/* Message Box, Note, Notofication (Desktop)
/*
/*--------------------------------------------------------------------*/
.avia_message_box {
border-radius: 2px;
background-color: #f9f9fb;
box-shadow: none;
margin: 30px 0;
border: 1px solid transparent;
}
/* Gemeinsames Table-Layout für alle Größen */
.avia_message_box_content {
display: table;
width: 100%;
text-transform: none;
text-align: left;
text-shadow: none;
table-layout: fixed;
overflow-wrap: anywhere;
}
/* Größen-spezifisches Padding & Schriftgrößen */
.avia_message_box.avia-size-large .avia_message_box_content {
padding: 12px 22px;
}
.avia_message_box.avia-size-normal .avia_message_box_content {
padding: 24px 32px;
}
/* Icon Spalte */
.avia_message_box_icon {
display: table-cell;
vertical-align: top;
line-height: 1;
padding-right: 32px; /* default für normal */
}
/* Icon: large */
.avia_message_box.avia-size-large .avia_message_box_icon {
width: 40px;
font-size: 40px;
padding-right: 40px;
}
/* Icon: normal */
.avia_message_box.avia-size-normal .avia_message_box_icon {
width: 24px;
font-size: 24px;
}
.avia_message_box_icon svg {
display: block;
width: 100%;
height: auto;
}
/* Text Spalte */
.avia_message_box_content p {
display: block;
margin: 0;
line-height: 1.4em !important;
}
.avia_message_box.avia-size-large .avia_message_box_content p {
font-size: 19px;
font-weight: 500;
}
.avia_message_box.avia-size-normal .avia_message_box_content p {
font-size: 16px;
font-weight: 500;
}
.avia_message_box_content p:last-child {
margin-bottom: 0;
}
/* Close Button */
.avia_message_box a.av_message_close {
right: 0;
top: 0;
width: 1.4em;
height: 1.4em;
background: transparent;
line-height: 1.4em;
font-size: 1.4em;
font-family: 'DM Sans', Helvetica, Arial, sans-serif;
}
/*--------------------------------------------------------------------*/
/* Message Box (Mobile)
/*--------------------------------------------------------------------*/
@media (max-width: 768px) {
/* Message Box selbst */
.avia_message_box.avia-size-large,
.avia_message_box.avia-size-normal {
padding: 0 !important; /* falls .avia_message_box extra padding hat */
}
/* Content: block + einheitliches Padding */
.avia_message_box.avia-size-large .avia_message_box_content,
.avia_message_box.avia-size-normal .avia_message_box_content {
display: block !important;
width: 100% !important;
padding: 32px !important; /* einheitliches Padding */
table-layout: auto !important; /* table-layout entfernen */
}
/* Icon: immer klein, oben */
.avia_message_box.avia-size-large .avia_message_box_icon,
.avia_message_box.avia-size-normal .avia_message_box_icon {
display: block !important;
width: 32px !important;
font-size: 32px !important;
padding-right: 0 !important;
margin: 0 0 16px 12px !important; /* Abstand unten */
vertical-align: top !important;
}
.avia_message_box.avia-size-large .avia_message_box_icon svg,
.avia_message_box.avia-size-normal .avia_message_box_icon svg {
width: 32px !important;
height: 32px !important;
display: block !important;
}
/* Text einheitlich */
.avia_message_box.avia-size-large .avia_message_box_content p,
.avia_message_box.avia-size-normal .avia_message_box_content p {
font-size: 18px !important;
line-height: 1.4em !important;
font-weight: 500 !important;
margin: 0 !important;
}
/* Close Button evtl. fixieren */
.avia_message_box a.av_message_close {
top: 0 !important;
right: 0 !important;
width: 1.4em !important;
height: 1.4em !important;
line-height: 1.4em !important;
font-size: 1.4em !important;
}
}
/*--------------------------------------------------------------------*/
/* Color Variations: Message Box
/*--------------------------------------------------------------------*/
/* Red */
.avia_message_box.avia-color-red {
background-color: rgba(255, 106, 5, 0.08);
border-color: #d0451e;
color: #d0451e;
}
/* Blue: Teams */
.avia_message_box.avia-color-blue {
background-color: rgba(90, 95, 199, 0.08);
border-color: #7c80da;
color: #5B5FC7;
}
/* Green */
.avia_message_box.avia-color-green {
background-color: rgba(111, 163, 0, 0.08);
border-color: #6FA300;
color: #5a8500;
}
/* Orange */
.avia_message_box.avia-color-orange {
background-color: rgba(254, 191, 36, 0.1);
border-color: #FEBF23;
color: #b97d00;
}
/* Silver */
.avia_message_box.avia-color-silver {
background-color: rgba(91, 91, 91, 0.06);
border-color: #d0d0d0;
color: #424242;
}
/*--------------------------------------------------------------------*/
/*
/* Data Table
/*
/*--------------------------------------------------------------------*/
/* Table-Caption */
.avia-table caption {
text-align: left !important;
font-size: 16px !important;
line-height: 1.4em;
font-weight: 400;
font-style: normal;
padding: 0 0 24px 0;
letter-spacing: 0 !important;
}
/*-------------------------------------------------------------*/
/* Style: Standard
/*-------------------------------------------------------------*/
/* Table-Header */
.avia-data-table th {
font-family: 'DM Sans', Helvetica, Arial, sans-serif !important;
font-size: 16px !important;
line-height: 1.4em;
font-weight: 600;
color: #333333;
letter-spacing: 0 !important;
text-transform: none !important;
padding: 20px 24px;
color: #ffffff;
background: #005E89; /* overwrite base-color for standard table-header */
}
/* Table-Cell */
.avia-data-table td {
font-size: 16px !important;
line-height: 1.4em;
font-weight: 400;
letter-spacing: 0 !important;
text-transform: none !important;
padding: 20px 24px;
color: #505050;
white-space: normal;
overflow-wrap: break-word; /* bricht lange Wörter/URLs um, ohne die Zelle zu sprengen */
}
/* Header -> Highlight */
.main_color .avia-data-table th.avia-highlight-col {
font-weight: 600 !important;
color: #ffffff;
background: #005E89; /* overwrite base-color for standard table-header-highlight */
border-color: #D6D6D6;
}
tr th:first-child,
tr td:first-child{
border-left-style: solid;
border-left-width: 1px;
}
tr:first-child th,
tr:first-child td{
border-top-width: 1px;
}
/* Table-Column -> Highlight */
.main_color .avia-data-table .avia-highlight-col {
background: #EAF3FB; /* overwrite base-color for table-header-highlight */
font-weight: 600;
color: #212121;
}
/*-------------------------------------------------------------*/
/* Description Column: Standard
/*-------------------------------------------------------------*/
#top .avia-data-table .avia-desc-col {
text-align: left;
color: #656565;
background: white !important;
border: none;
}
/*-------------------------------------------------------------*/
/* Style: Minimal
/*-------------------------------------------------------------*/
/* Table-Header */
#top .avia_pricing_minimal th {
text-align: left !important;
color: #333333;
padding: 16px 24px;
border-left: 0;
border-top: 0;
border-right: 0;
border-bottom: 1px solid #333333;
}
/* Table-Cell */
#top .avia_pricing_minimal td {
text-align: left !important;
color: #505050 !important;
padding: 16px 24px !important;
border-left: 0;
border-right: 0;
white-space: normal;
overflow-wrap: break-word; /* bricht lange Wörter/URLs um, ohne die Zelle zu sprengen */
}
/* Table: Alternate Row Color: */
.main_color .avia_pricing_minimal tr:nth-child(odd) {
background: #ffffff !important;
}
/*-------------------------------------------------------------*/
/* Description Column
/*-------------------------------------------------------------*/
#top .avia_pricing_minimal .avia-heading-row .avia-desc-col {
text-align: left;
color: #333333;
}
/* Table-Cell */
#top .avia_pricing_minimal .avia-desc-col td {
color: #656565;
border: 0;
}
#top .avia_pricing_minimal .avia-desc-col th {
text-align: left !important;
color: #505050;
border-bottom: 0;
}
@media only screen and (max-width: 767px) {
.responsive .avia_responsive_table .avia-data-table td {
text-align: left !important;
}
}
/*-------------------------------------------------------------*/
/* Qualifications Table -> Standard
/*-------------------------------------------------------------*/
table.qualifications {
border-collapse: separate;
border-spacing: 0;
width: 100%;
table-layout: auto;
}
/* Table: Border Radius */
.qualifications th:first-child {
border-top-left-radius: 12px;
}
/* Table: Border Radius */
.qualifications th:last-child {
border-top-right-radius: 12px;
}
/* Table: Border Radius */
.qualifications tr:last-child td:first-child {
border-bottom-left-radius: 12px;
}
/* Table: Border Radius */
.qualifications tr:last-child td:last-child {
border-bottom-right-radius: 12px;
}
/* Style First Cololumn
#top .avia-data-table tr th:first-child,
#top .avia-data-table tr td:first-child {
padding-left: 100px;
}*/
.qualifications.avia-data-table th {
font-size: 18px !important;
line-height: 1.4em;
padding: 22px 32px;
color: #ffffff;
background: #005E89; /* overwrite base-color for standard table-header */
}
.qualifications.avia-data-table td {
font-size: 18px !important;
line-height: 1.4em;
padding: 22px 32px;
}
/*-------------------------------------------------------------*/
/* Qualifications Table -> Minimal
/*-------------------------------------------------------------*/
table.qualifications_minimal {
border-collapse: separate;
border-spacing: 0;
width: 100%;
table-layout: auto;
box-shadow: 20px -20px rgba(0, 0, 0, 0.05);
border-left: 1px solid #dbdbdb;
}
/* Header */
#top .qualifications_minimal.avia-data-table.avia_pricing_minimal th {
font-size: 18px !important;
line-height: 1.4em;
padding: 24px 32px;
color: #ffffff;
background: #5B5FC7; /* overwrite base-color for standard table-header */
border-bottom: 0 solid #ADAFE3;
}
/* Cell */
#top .qualifications_minimal.avia-data-table.avia_pricing_minimal td {
font-size: 18px !important;
line-height: 1.4em;
padding: 24px 32px !important;
color: #343434;
}
/* Highlight: Header */
#top .main_color .qualifications_minimal.avia_pricing_minimal th.avia-highlight-col {
color: #ffffff !important;
background: #5B5FC7 !important; /* overwrite base-color for table-header-highlight */
border-bottom: 0 solid #333333;
border-right: 1px solid rgba(255, 255, 255, 0.5);
}
/* Highlight Column */
#top .main_color .qualifications_minimal.avia_pricing_minimal .avia-highlight-col {
color: #212121 !important;
background: #EFEFF9;
}
/* Alternate row color: First */
#top .qualifications_minimal.avia-table tr:nth-child(odd) {
background: #ffffff !important;
}
/*-------------------------------------------------------------*/
/* Qualifications Table -> Fold Height !!!!!!!!!!
/*-------------------------------------------------------------*/
#top .table-qualifications-col .av-fold-unfold-container.folded {
max-height: 620px !important;
}
/* Add extra Padding for shadow */
#top .table-qualifications-col .av-fold-unfold-container .av-fold-unfold-inner {
padding: 20px;
}
/* Alternate row color:Second
#top .qualifications_minimal.avia-table tr:nth-child(even) {
background: #ffffff !important;
}*/
/*--------------------------------------------------------------------*/
/*
/* Data Table Mobile
/*
/*--------------------------------------------------------------------*/
@media only screen and (max-width: 767px) {
/*-------------------------------------------------------------*/
/* Qualifications Table -> Fold Height: Mobile !!!!!!!!!!
/*-------------------------------------------------------------*/
#top .table-qualifications-col .av-fold-unfold-container.folded {
max-height: 420px !important;
}
/* Delete extra Padding for shadow */
#top .table-qualifications-col .av-fold-unfold-container .av-fold-unfold-inner {
padding: 0;
}
/* Delete shadow */
table.qualifications_minimal {
border-collapse: separate;
border-spacing: 0;
width: 100%;
table-layout: auto;
box-shadow: none;
border-left: 1px solid #dbdbdb;
}
/* Pre-Title */
.responsive .avia_responsive_table .avia-data-table td:before {
display: none; /* Hide Pre-Titles (block)*/
font-style: normal;
font-size: 12px;
line-height: 1.3em;
letter-spacing: 0;
font-weight: 400;
color: #7c7c7c;
margin-bottom: 8px;
}
/* Text Size */
#top .qualifications_minimal.avia-data-table.avia_pricing_minimal td {
font-size: 16px !important;
line-height: 1.4em;
padding: 20px 20px !important;
}
}
/*--------------------------------------------------------------------*/
/*
/* Wordpress Standard Tables
/*
/*--------------------------------------------------------------------*/
/* Gutenberg-Tabellen (Block-Editor) */
.wp-block-table td,
.wp-block-table th {
font-size: 16px !important; /* größere Schrift */
line-height: 1.5 !important; /* bessere Lesbarkeit */
padding: 0.9em !important; /* Abstand innen */
border: 1px solid #ebebeb !important; /* Rahmen */
color: #333 !important;
}
/* Kopfzeile hervorheben */
.wp-block-table th {
background-color: transparent !important;
text-align: left !important;
}
/* Breite und Zusammenfallen der Ränder */
.wp-block-table {
border-collapse: collapse !important;
width: 100% !important;
}
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
background-color: #f9f9f9 !important;
}
.wp-block-table.is-style-stripes {
border-bottom: 0 solid #f0f0f0;
margin: 20px 0;
}
/*--------------------------------------------------------------------*/
/*
/* Codeblock: Standard Wordpress
/*
/*--------------------------------------------------------------------*/
pre {
border: 1px solid #e3e3e3;
padding: 1.8em;
line-height: 1.6em;
font-size: 14px;
background-color: rgba(15, 108, 189, 0.05);
background-image: none !important;
color: #333;
margin-bottom: 30px;
position: relative;
width: 100%;
text-transform: none;
border-radius: 2px;
}
/*--------------------------------------------------------------------*/
/*
/* Codeblock: Prism
/*
/*--------------------------------------------------------------------*/
/* Optional: Titel über Codeblock */
.prism-title {
font-family: 'DM Sans', Helvetica, Arial, sans-serif !important;
font-size: 19px !important;
line-height: 1.4em !important;
font-weight: 600 !important;
margin-bottom: 0.8em;
color: #212121;
}
/*-------------------------------------------------------------------------------------*/
/*
/* Blog (Wordpress-Standard)
/*
/*-------------------------------------------------------------------------------------*/
/*-----------------------------------------------------*/
/* Blog-Content --> max. width
/*-----------------------------------------------------*/
/* Content-Wrapper: max. width */
#top .fullsize .template-blog .post .entry-content-wrapper, #top .fullsize .template-blog .post .entry-content-wrapper > * {
max-width: 960px;
}
/* Wrapper: max. width */
#top .fullsize .template-single-blog .post .entry-content-wrapper, #top .fullsize .template-single-blog .post .entry-content-wrapper > * {
max-width: 960px;
}
/* Post Title: max. width */
#top .fullsize .template-single-blog .post-title {
max-width: 100%;
}
/* Comments: max. width */
.av-content-full > .comment-entry{
max-width: 100%;
}
/*--------------------------------------------------------------------*/
/*
/* Blog Posts (Loop)
/*
/*--------------------------------------------------------------------*/
/* Macht die Kategorien im Blog-Widget nicht anklickbar */
.blog-categories a {
pointer-events: none;
cursor: default;
}
/* Single Post Navigation*/
.avia-post-nav .entry-info span {
font-size: 13px;
line-height: 1.4em;
}
/* Post-Image: no sidebar */
#top .fullsize .template-blog .big-preview {
padding: 32px 0 32px 0;
margin: 0 auto;
}
/* Post-Image: with sidebar */
.flex_column .template-blog .big-preview.single-big {
padding: 32px 0 32px 0;
}
/* Blog Page: Content Wrapper */
#top .fullsize .template-blog .post .entry-content-wrapper {
text-align: left;
margin: 0 auto;
overflow: visible;
}
/*------------------------------------------------------*/
/* Post Meta: Icons
/*------------------------------------------------------*/
/* Post Meta Info */
.post-meta-infos {
display: flex;
flex-wrap: wrap;
align-items: center;
margin: 0;
padding: 4px 0 0 0;
font-size: 14px;
font-weight: 400;
letter-spacing: 0;
gap: 1rem 0.4rem;
}
.template-single-blog .post-meta-infos {
border-top: 1px solid #ebebeb;
border-bottom: 1px solid #ebebeb;
padding: 12px 8px;
margin: 40px 0 60px 0;
}
/* Icons */
.post-meta-infos .date-icon, .post-meta-infos .category-icon , .post-meta-infos .comment-icon {
margin-right: 0.3rem;
}
/* Icons SVG */
.post-meta-infos .date-icon svg, .post-meta-infos .category-icon svg , .post-meta-infos .comment-icon svg {
vertical-align: middle;
width: 22px;
height: 22px;
color: #838383;
margin-bottom: 3px;
}
/* Mobile Labels ausblenden */
@media (max-width: 479px) {
.post-meta-infos {
padding: 20px 0 8px 0;
}
.post-meta-infos {
gap: 0.2rem 0.4rem; /* vertikaler/horizontal */
}
.post-meta-infos .meta-label {
display: none; /* Label auf Mobile ausblenden */
}
}
/* Post Meta: Blog */
.container .minor-meta {
font-size: 1em;
}
/* Post Meta Seperator
.text-sep {
border-left: 0 solid #bfbfbf !important;
padding: 0 !important;
margin: 0 16px !important;
}*/
/* Post Meta: Single-Blog */
#top .fullsize .template-single-blog .post-meta-infos {
top: 0;
}
.flex_column .template-blog .post-meta-infos {
margin-bottom: 0;
}
/* Post Title */
#top .fullsize .template-blog .post-title {
text-align: left !important;
padding: 0;
margin: 0;
max-width: 100% !important;
}
#top .post-title a:hover {
color: #05569C !important;
-webkit-transition: all 0.2s !important;
-moz-transition: all 0.2s !important;
transition: all 0.2s !important;
text-decoration: none !important;
}
#top .entry-content-wrapper .post-title, #top .flex_column .template-blog .post-title:hover {
text-decoration: none !important;
}
/* Blog Text Size */
#top .fullsize .template-blog .post .entry-content-wrapper p {
font-size: 19px;
line-height: 1.5em !important;
}
.more-link{
font-size: 19px;
text-decoration: none !important;
text-underline-offset: 4px;
text-decoration-thickness: 1px !important;
position: relative;
top: -4px;
}
.more-link:hover{
text-decoration: underline !important;
text-underline-offset: 4px;
text-decoration-thickness: 1px !important;
position: relative;
}
.more-link-arrow.avia-svg-icon {
font-size: 12px;
}
.more-link-arrow.avia-svg-icon svg:first-child{
margin: 0 0 -1px 8px;
}
/* Divider -> Post Delimiter */
.fullsize .template-blog .post_delimiter {
margin: 0 0 36px 0;
padding: 36px 0 0 0;
border-bottom-width: 0;
border-bottom-style: dotted !important;
border-color: #cccccc !important;
left: 0 !important;
}
/*--------------------------------------------------------------------*/
/*
/* Blog: Single Page
/*
/*--------------------------------------------------------------------*/
.avia-meta .pipe {
margin: 0 12px 0 7px;
font-weight: 400;
color: #b8b8b8;
border-left: 1px solid #c9c9c9;
}
/* Meta Infos*/
#top .avia-meta .av-subheading_below {
margin: 20px 0 0 0 ;
}
#top .avia-meta .av-subheading_below p {
font-size: 18px;
}
/* Adapt link-style from post migration */
#top .fullsize .template-single-blog p a strong {
text-decoration: underline !important;
text-underline-offset: 4px;
text-decoration-thickness: 1px !important;
word-wrap: break-word;
color: #0F6CBD !important;
}
/* Adapt link-style from post migration: hover */
#top .fullsize .template-single-blog p a strong:hover {
text-decoration: none !important;
text-underline-offset: 4px;
text-decoration-thickness: 1px !important;
word-wrap: break-word;
color: #05569C !important;
}
/* Single Blog: Header */
#top .fullsize .template-single-blog .post .entry-content-wrapper {
padding: 40px 0 0 0;
}
/* Blog Single: Meta
#top .fullsize .template-single-blog .entry-content-header .post-meta-infos {
text-align: left !important;
padding: 20px 0 48px 0;
font-size: 16px;
font-weight: 600;
top: 0;
}*/
/*--------------------------------------------------------------------*/
/* Blog: Tags
/*--------------------------------------------------------------------*/
/* Tag-Blog Sytling */
#top .fullsize .blog-tags {
padding: 52px 0 0 0;
margin: 80px 0 -8px 0;
border-top: 1px solid #e0e0e0;
}
.av-social-sharing-box {
margin-top: 0;
}
/* Tag-Title: added via loop-index-php */
.fullsize .blog-tags .tag-title {
font-size: 24px;
line-height: 1.4em;
font-weight: 600;
letter-spacing: 0;
display: block;
color: #212121;
margin-bottom: 12px;
}
/* Tag Styling as Tagcloud */
#top .fullsize .blog-tags.minor-meta a, .post_tag {
font-size: 16px;
line-height: 1.4em;
font-weight: 500;
color: #0F6CBD !important;
text-decoration: none;
background: rgba(15, 108, 189, 0.1);
padding: 4px 12px;
border-radius: 40px;
margin: 0 8px 8px 0;
display: inline-block;
white-space: nowrap;
transition: background-color 0.4s;
}
/* Tag: Hover */
#top .fullsize .blog-tags.minor-meta a:hover, .post_tag:hover {
background: rgba(15, 108, 189, 0.2);
}
.post_tag-section {
padding: 40px 0;
border-top: 1px solid #e0e0e0;
}
.post_tag-list {
margin-top: 20px;
}
/*--------------------------------------------------------------------*/
/* Blog: Related Posts
/*--------------------------------------------------------------------*/
/* Set container max. width !!!!!!!!!*/
#top .fullsize .related_posts {
padding: 60px 0;
border-top: 1px solid #e0e0e0;
max-width: 940px;
}
#top .av-related-style-full .related_column {
width: auto;
}
/* Headline */
#top .fullsize .related_posts .related_title {
font-size: 24px !important;
text-align: left;
margin-top: 0 !important;
}
/* Related-Post: Title */
#top .av-related-style-full .av-related-title {
font-size: 18px;
line-height: 1.4em !important;
color: #0F6CBD !important;
padding: 6px 0;
line-height: 1.4em;
text-align: left;
width: 100%;
}
/* Related-Post: Title -> Hover */
#top .av-related-style-full .av-related-title:hover {
color: #05569C !important;
background: transparent !important;
text-decoration: underline;
text-underline-offset: 4px;
text-decoration-thickness: 1px ;
}
.related_posts.av-related-style-full a {
margin: 0;
padding: 0;
border-radius: 0;
width: 100%;
border: 0 solid transparent;
transition: all 0.3s ease-in-out;
background: transparent !important;
}
.related_posts.av-related-style-full a:hover{
border-width: 0;
background: transparent !important;
}
/* Related-Post: Hide default Icon and Placeholder-img */
#top .av-related-style-full .related_image_wrap, #top .av-related-style-full .related_image_wrap img, #top .av-related-style-full .related_image_wrap .related_posts_default_image {
display: none;
}
/* Related-Post: Set new Icon */
.related_posts.av-related-style-full a::before {
font-family: 'DM Sans', Helvetica, Arial, sans-serif !important;
content: "•";
font-size: 24px !important;
font-weight: 400 !important;
margin-right: 14px;
position: relative;
top: 3px;
color: #919191;
}
/* Related-Post: New Icon --> Hover */
.related_posts.av-related-style-full a:hover {
color: #05569C !important;
}
/*--------------------------------------------------------------------*/
/* Blog: Comments
/*--------------------------------------------------------------------*/
/*Set container max. width !!!!!!!!!!!!!!!!! */
.av-content-full > .comment-entry {
margin-left: auto;
margin-right: auto;
margin-bottom: 60px;
max-width: 940px;
}
/* Padding above comment figure */
.side-container-comment-inner {
margin-bottom: 40px;
}
.comment-count {
font-size: 24px;
font-family: 'DM Sans', Helvetica, Arial, sans-serif !important;
font-weight: 600;
}
#top .side-container-comment-inner .comment-text {
font-family: 'DM Sans', Helvetica, Arial, sans-serif !important;
font-size: 14px !important;
line-height: 1.4em;
font-weight: 600;
text-transform: none !important;
letter-spacing: 0;
}
/* Comment: Box */
.av-content-full > .comment-entry {
background: #f6f6f6;
padding: 60px;
}
#top textarea {
min-height: 300px;
line-height: 1.5em;
}
.miniheading, .author_name, #reply-title, #top .logged-in-as, .dynamic-column-title {
font-weight: 400;
letter-spacing: 0;
font-size: 16px;
line-height: 1.4em !important;
}
p.comment-form-comment {
padding: 20px 0 0 0 !important;
}
.commentlist>.comment {
margin-bottom: 40px;
border-color: #dddddd;
}
.comment_content {
position: relative;
margin: 0;
padding: 0 35px 15px 0;
z-index: 10;
overflow: hidden;
}
/* Comments: Fonts Size */
#top .comment_content p {
font-size: 16px;
line-height: 1.5em !important;
font-style: normal;
}
/* Author Name */
#top .author_name, .comment_title {
font-family: 'DM Sans', Helvetica, Arial, sans-serif !important;
font-size: 16px;
font-weight: 500;
line-height: 1.3em;
letter-spacing: 0;
margin-bottom: 0;
}
/* Comment Meta */
.commentmetadata {
font-size: 13px;
line-height: 1.3em;
font-weight: 500;
}
#top .comment-reply-link {
font-size: 16px;
line-height: 24px;
text-decoration: underline !important;
text-underline-offset: 4px;
text-decoration-thickness: 1px !important;
}
/* Comments: second level 34px */
#top .commentlist ul {
margin: 0 0 0 8px;
border-left-style: dashed;
border-left-width: 0;
}
#top .commentlist .children ul {
margin: 0 0 0 32px;
}
/* Gravatar */
.comment-entry .gravatar {
margin-right: 24px;
}
.children .gravatar {
margin-right: 24px;
left: 0;
}
.children .comment_content {
margin: 8px 0 0 16px;
padding-bottom: 24px;
}
#top .comment_text em {
font-size: 16px;
line-height: 1.4em;
font-style: normal;
padding: 6px 12px;
margin-right: 12px;
background: #FCCA46;
}
@media only screen and (max-width: 767px) {
/* Comment: Box */
.av-content-full > .comment-entry {
padding: 32px;
}
#top .commentlist ul {
margin: 8px 0 0 0;
}
#top .children .comment_content {
margin: 0;
padding-bottom: 24px;
}
#top .commentlist .children ul {
margin: 0;
}
}
/*--------------------------------------------------------------------*/
/* Blog: Comments -> Form
/*--------------------------------------------------------------------*/
/* Padding over Title */
#respond {
margin-top:0;
}
#comments span, .minitext {
display: none;
}
/* Email note */
.comment-notes, #commentform .comment-form-comment label {
display: inline-block;
font-family: 'DM Sans', Helvetica, Arial, sans-serif !important;
font-size: 14px;
font-weight: 400;
line-height: 20px;
margin-bottom: 8px !important;
}
/* Adjust labels */
#commentform label {
position: relative;
left: 0;
font-family: 'DM Sans', Helvetica, Arial, sans-serif !important;
font-size: 14px;
font-weight: 400;
line-height: 20px;
margin-bottom: 8px;
}
/* Adjust input field width */
#top .comment-form-url input,
#top .comment-form-email input,
#top .comment-form-author input{
max-width: 420px;
width: 100%;
}
/* Adjust checkbox + label */
#commentform input[type='checkbox'] + label{
left: 2.0em;
top: -32px;
max-width: 92%;
}
input[type='submit'] {
font-family: 'DM Sans', Helvetica, Arial, sans-serif !important;
font-size: 16px !important;
line-height: 24px !important;
padding: 16px 28px !important;
opacity: 1!important;
-webkit-transition: all 0.5s !important;
-moz-transition: all 0.5s !important;
transition: all 0.5s !important;
}
#commentform input[type='checkbox'] + label {
}
/* Comment form styling */
#top .input-text, #top input[type="text"], #top input[type="input"], #top input[type="password"], #top input[type="email"], #top input[type="number"], #top input[type="url"], #top input[type="tel"], #top textarea, #top select {
-webkit-appearance: none;
border: 1px solid #e1e1e1;
padding: 12px 10px;
outline: none;
font-family: 'DM Sans', Helvetica, Arial, sans-serif !important;
font-size: 16px !important;
line-height: 24px;
color: #333333 !important;
margin: 0;
width: 100%;
display: block;
margin-bottom: 20px;
/*background: #ffffff !important;*/
border-radius: 2px;
}
/* Comment form: backgroumd color */
#top .input-text, #top input[type="text"], #top input[type="input"], #top input[type="password"], #top input[type="email"], #top input[type="number"], #top input[type="url"], #top input[type="tel"], #top textarea {
background: #ffffff !important;
}
/*--------------------------------------------------------------------*/
/* Blog: Sidebar
/*--------------------------------------------------------------------*/
/*right sidebar - default*/
#top #main .sidebar{
border-left-width:0;
}
/*Sidebar padding*/
.inner_sidebar{
margin-left: 48px;
}
/*Sidebar Border*/
.content{
border-right-style: solid;
border-right-width:1px;
margin-right:-1px;
}
/*Sidebar padding*/
.content .entry-content-wrapper{
padding-right:48px;
}
/*-----------------------------------------
// Blog Sidebar: Widgets
//----------------------------------------*/
#top #main .sidebar .widget {
padding: 30px 0 30px 0;
border-bottom: 1px solid #e0e0e0 !important;
}
/* Tagcloud: Widget Sidebar */
#top .tagcloud a {
font-size: 14px !important;
line-height: 1.4em;
font-weight: 500;
color: #0F6CBD !important;
text-decoration: none;
background: rgba(15, 108, 189, 0.1);
padding: 4px 12px;
border-radius: 40px;
margin: 0 8px 8px 0;
border: none;
}
#top #main .sidebar .widget .tagcloud {
padding: 16px 0 0 0;
}
/* Widget List */
#top #main .sidebar .widget li {
margin-bottom: 8px;
}
#top #main .sidebar .widget ul {
padding: 4px 0 0 2px;
margin: 0;
width: 100%;
float: left;
font-size: 16px;
line-height: 1.4em;
}
#top #main .sidebar .widget ul a {
color: #333333;
line-height: 1.4em;
color: #0F6CBD !important;
text-decoration: underline;
text-underline-offset: 4px;
text-decoration-thickness: 1px ;
}
#top #main .sidebar .recentcomments, .widget_recent_entries li {
padding: 0;
font-size: 16px;
line-height: 1.4em;
border: none;
list-style-type: disc !important;
}
#top #main .sidebar .recentcomments a {
display: inline !important;
padding: 0 !important;
margin: 0 !important;
font-style: normal;
}
.recentcomments a,
.widget_recent_entries li a {
font-style: normal;
font-family: 'DM Sans', Helvetica, Arial, sans-serif !important;
font-weight: 400;
}
#top #main .sidebar .comment-author-link {
color: #333333;
}
/*--------------------------------------------------------------------*/
/*
/* Blog Posts: Migration -> Hacks
/*
/*--------------------------------------------------------------------*/
/* Images: add border an spacing */
.wp-block-image img {
border: 1px solid #dddddd;
margin: 24px 0;
padding: 12px;
}
/* Add border */
.img-border {
border: 1px solid #dddddd;
margin: 24px 0;
padding: 12px;
}
/* wp-block divider */
.wp-block-separator {
border-top: 1px solid #e0e0e0;
margin: 40px 0;
}
/* wp-block divider */
#top .wp-block-separator:last-of-type {
display: none;
}
/*--------------------------------------------------------------------*/
/*
/* Avia Post: Enfold Template!!!!!
/*
/*--------------------------------------------------------------------*/
/* Header Section: Spacing */
#avia_post-header_section.avia-section-large .content {
padding-bottom: 0;
margin-bottom:0;
}
/* Post Section: Spacing */
#avia_post_section.avia-section-large .content {
padding-top: 44px;
}
/* Footer Section: Spacing */
#avia_post-footer_section.avia-section-large .content {
margin-bottom: 60px;
}
/* Divider: Post Section --> dashed */
#avia_post_section .hr-inner,
#avia_post-header_section .hr-inner,
#avia_post-footer_section .hr-inner,
#avia_post-info_section .hr-inner {
border: none;
height: 1px;
background-image: repeating-linear-gradient(
to right,
currentColor 0 8px, /* Dash-Länge */
transparent 8px 16px /* Abstand: 10px */
);
opacity: 0.2;
}
/* Post-Info Section: Divider Fullwidth */
#avia_post-footer_section.avia-section-large .content::before, #avia_post-footer_section.avia-section-huge .content::before {
content: '';
position: absolute;
top: 0; /* Linie oben an der Section, anpassen falls nötig */
left: 50%; /* Start in der Mitte */
transform: translateX(-50%); /* Linie mittig ausrichten */
width: 100vw;
height: 1px;
background-color: #e0e0e0;
z-index: 1;
}
/*--------------------------------------------------------------------*/
/* Avia Post: Enfold Template --> Mobile
/*--------------------------------------------------------------------*/
@media only screen and (max-width: 479px) {
#avia_post_section.avia-section-large .content {
padding-top: 28px;
}
#avia_post-footer_section.avia-section-large .content {
margin-bottom: 20px;
}
}
/*--------------------------------------------------------------------*/
/* Tags (ALB)
/*--------------------------------------------------------------------*/
/* Container */
#top .avia_post-footer .post_tag-list {
padding: 0;
}
/* Tag */
#top .avia_post-footer .post_tag {
padding: 8px 16px;
margin: 4px 8px 4px 0;
}
/*--------------------------------------------------------------------*/
/* Related Posts (ALB)
/*--------------------------------------------------------------------*/
/* Container */
#top .avia_post-footer .related_posts {
padding: 0;
border-top: none;
}
/* Font Size */
#top .avia_post-footer .related_posts .related_title {
font-size: 20px !important;
line-height: 1.4em !important;
font-weight: 560 !important;
letter-spacing: 0 !important;
margin-bottom: 16px;
}
/*--------------------------------------------------------------------*/
/*
/* Blog: Enfold Template -> Shortcode Extensions
/*
/*--------------------------------------------------------------------*/
/* ------------------------- */
/* Shortcode: author_info */
/* ------------------------- */
.author_info_wrapper {
}
.author-info-box {
display: flex;
align-items: center; /* vertikale Zentrierung */
margin: 8px 0;
font-family: 'DM Sans', Helvetica, Arial, sans-serif !important;
color: #242424;
}
.author-info-box .author-avatar img {
width: 52px;
height: 52px;
border-radius: 50%;
object-fit: cover;
}
.author-info-box .author-meta {
margin-left: 16px;
padding: 0 0 4px 0;
flex: 1;
}
.author-info-box .author-name {
font-size: 14px;
line-height: 1.4;
font-weight: 600;
margin-bottom: -1px;
}
.author-info-box .author-bio {
font-size: 14px;
line-height: 1.4;
color: #838383;
}
.author-info-box .author-bio p {
margin: 0;
}
/* ------------------------- */
/* Shortcode: post_info */
/* ------------------------- */
.post_info_wrapper {
}
.post-info-box {
display: flex;
flex-wrap: wrap;
align-items: center;
margin: 8px 0;
padding: 16px 8px;
border-top: 1px solid #ebebeb;
border-bottom: 1px solid #ebebeb;
font-family: 'DM Sans', Helvetica, Arial, sans-serif !important;
font-size: 14px;
font-weight: 400;
letter-spacing: 0;
gap: 1rem 1.4rem;
}
.post-info-box .meta-item {
display: flex;
align-items: center;
margin-bottom: 0;
}
/* Number */
.post-info-box .meta-number {
margin-right: 0.3rem; /* Abstand zur Label */
color: #838383;
}
/* Label */
.post-info-box .meta-label {
color: #838383;
}
/* Icons */
.post-info-box .meta-icon {
margin-right: 0.4rem;
}
.post-info-box .meta-item svg {
display: block;
vertical-align: middle;
width: 22px;
height: 22px;
color: #838383;
margin-bottom: 3px;
}
/* Mobile Labels ausblenden */
@media (max-width: 479px) {
.post-info-box {
padding: 16px 0;
}
.post-info-box {
gap: 0.2rem 0.6rem; /* vertikaler/horizontal */
}
.post-info-box .meta-label {
display: none; /* Label auf Mobile ausblenden */
}
}
/*--------------------------------------------------------------------*/
/*
/* Archive Pages
/*
/*--------------------------------------------------------------------*/
/*--------------------------------------------*/
/* Tag Page
/*--------------------------------------------*/
#top .fullsize .template-blog .tag-page-post-type-title {
font-size: 22px !important;
line-height: 1.4em !important;
font-weight: 500 !important;
margin-bottom: 52px !important;
padding-bottom: 16px;
border-bottom-width: 1px;
border-bottom-style: solid !important;
border-color: #dddddd !important;
margin: 0 auto;
max-width: 960px !important;
}
/* Pagination: Tag Archiv */
#top.archive.tag .post-title {
margin-bottom: 16px;
}
/* Pagination: Tag Archiv */
#top.archive.tag .pagination {
padding: 50px 0 20px 0;
width: 100%;
border-top: 1px solid #e0e0e0 !important;
}
/*--------------------------------------------*/
/* Search Result
/*--------------------------------------------*/
#top .template-search .extra-mini-title.widgettitle {
font-size: 22px !important;
line-height: 1.4em !important;
font-weight: 500 !important;
padding: 60px 0 0 0;
border-bottom-width: 0;
border-bottom-style: solid !important;
border-color: #dddddd !important;
max-width: 838px !important;
margin: 0 auto 40px auto;
}
/* Counter */
.search-result-counter {
font-family: 'DM Sans', Helvetica, Arial, sans-serif !important;
font-size: 16px !important;
line-height: 24px !important;
font-weight: 600 !important;
color: #666666;
background: #e9e9e9 !important;
display: none;
}
/* Titel Result */
#top .template-search .entry-content-wrapper .post-title {
font-size: 32px;
padding-bottom: 4px;
}
/* Content Wrapper: max width !!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
#top .template-search.content .entry-content-wrapper {
padding: 0;
font-size: 18px;
line-height: 1.4em;
max-width: 840px;
margin: 0 auto 20px auto;
padding: 0 0 20px 0;
border-bottom-width: 0;
border-bottom-style: dotted !important;
border-color: #cccccc !important;
}
#top .template-search .post-meta-infos {
margin: 0 0 20px 0;
}
/* Pagination */
#top .template-search .pagination {
padding: 50px 0 20px 0;
width: 100%;
border-top: 1px solid #e0e0e0 !important;
}
/* Header */
#top .template-search .page-heading-container {
margin-bottom: 60px;
padding: 0 0 68px 0 !important;
border-bottom-width: 0 !important;
border-bottom-style: solid;
max-width: 840px;
margin: 0 auto;
}
/* Title*/
.template-search .search_form_field h4{
font-size: 48px !important;
line-height: 1.3em !important;
font-weight: 700 !important;
margin-bottom: -8px !important;
}
/* Search element: adding paddinge */
#top .template-search #searchform {
margin-top: 32px;
}
/* Search element */
#top .template-search #searchform>div input#s {
width: 100%;
position: relative;
padding: 18px 72px 18px 28px !important;
z-index: 1;
margin: 0;
border-radius: 500px;
flex: 1;
border: 0 solid #e4e4e4;
box-shadow: 0 0 0 1px #e7e7e7;
outline: none;
background: #f6f6f6;
color: #545454;
-webkit-transition: all 0.3s !important;
-moz-transition: all 0.3s !important;
transition: all 0.3s !important;
}
/* Focus State */
#top .template-search #searchform > div input#s:focus {
border: 0 solid #e4e4e4;
box-shadow: 0 0 0 2px rgba(5, 86, 156, 0.3);
}
/* Submit Button */
#top .template-search #searchsubmit, .ajax_load {
width: 60px;
line-height: 24px;
padding: 0;
border-radius: 500px;
}
/* Submit-Button: Icon */
.template-search #searchform .av_searchform_search.avia-svg-icon {
position: absolute;
top: 5px;
right: 3px;
font-size: 24px;
margin: 14px;
color: #ffffff;
}
/*--------------------------------------------------------------------*/
/*
/* Search
/*
/*--------------------------------------------------------------------*/
/*--------------------------------------------*/
/* Blog-Page: Search Bar
/*--------------------------------------------*/
@media only screen and (min-width: 1280px) {
.search-bar-section {
position: relative;
top: -320px;
background: transparent !important;
}
.blog-container {
margin-top: -140px !important;
}
/* Add Focus State */
#top .avia_search_element #s.av-input-field:focus {
background: rgba(255, 255, 255, 1) !important;
}
}
/* Search Bar -> max width */
.search-bar-column {
max-width: 860px;
margin: 0 auto !important;
}
#top .blog-search-bar form {
margin-bottom: 0;
}
/* Icon size */
.blog-search-bar.avia_search_element .av-input-field-icon.avia-svg-icon svg:first-child, .avia_search_element .av-input-field-icon.avia-svg-icon img[is-svg-img="true"] {
height: 28px !important;
width: 28px !important;
margin-top: 9px;
color: #606060;
}
/* Spacing Input Text */
#top .blog-search-bar.avia_search_element #s.av-input-hasicon {
padding-left: 3.8em;
}
/*-----------------------------------------
// Mobile - Tablet
//----------------------------------------*/
@media only screen and (max-width: 1280px) {
/* Add BG to Inoput Field */
#top .avia_search_element #s.av-input-field {
background: #f2f2f2 !important;
}
/* Add Focus State */
#top .avia_search_element #s.av-input-field:focus {
background: #eeeeee !important;
}
/* Add BG to Section */
.search-bar-section {
border-bottom: 1px solid #e8e8e8 !important;
}
}
/* Mobile */
@media only screen and (max-width: 767px) {
/* Icon size */
#top .blog-search-bar.avia_search_element .av-input-field-icon.avia-svg-icon svg:first-child, .avia_search_element .av-input-field-icon.avia-svg-icon img[is-svg-img="true"] {
height: 28px !important;
width: 28px !important;
}
/* Hide Icon */
#top .blog-search-bar.avia_search_element .av-search-icon {
left: 1em;
display: none;
}
/* Text input */
#top .blog-search-bar.avia_search_element #s.av-input-hasicon {
padding-left: 24px !important;
font-size: 16px !important;
}
/* Search Input */
#top .blog-search-bar.avia_search_element .av-input-field {
height: 64px !important;
line-height: 64px !important;
}
/* Search Button */
#top .blog-search-bar.avia_search_element #searchsubmit {
padding-left: 1.6em !important;
padding-right: 1.6em !important;
font-size: 16px !important;
letter-spacing: 0 !important
}
}
/*--------------------------------------------*/
/* Header: Ajax Search Element
/*--------------------------------------------*
/* Search Element */
#top .avia_search_element #searchsubmit {
font-family: 'DM Sans', Helvetica, Arial, sans-serif !important;
font-size: 16px !important;
line-height: 24px !important;
width: auto;
height: 100%;
padding-left: 2em;
padding-right: 2em;
}
/* Icon: Header */
#top .menu-item-search-dropdown > a, #searchform #searchsubmit, .av_ajax_search_image, .iconfont {
font-size: 24px !important;
}
#top .menu-item-search-dropdown > a.avia-svg-icon {
padding-top: 4px;
}
/* Search Bar */
.avia-search-tooltip {
position: absolute;
z-index: 9999999;
padding: 12px;
/* width: 400px;*/
top: 0;
/*left: -400px !important; */
margin-left: 0;
border-radius: 2px;
/* box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.2); */
border-width: 0;
border-style: solid;
}
.avia-search-tooltip #searchform>div {
margin: 12px;
}
/* Search Bar Button */
#top .main_color #searchsubmit:hover, #top .main_color .ajax_load:hover {
background-color: #05569C !important;
opacity: 1 !important
}
#top .avia_search_element .av_searchsubmit_wrapper:hover {
opacity: 1;
}
/* Search Bar: svg icon */
.header_color #searchform .av_searchform_search.avia-svg-icon svg:first-child {
fill: #ffffff;
}
.header_color #searchform .av_searchform_search.avia-svg-icon svg:first-child:hover {
fill: #ffffff;
}
.avia-search-tooltip .avia-arrow-wrap{
width:20px;
height:20px;
position: absolute;
top:-20px;
right:10px;
margin-left:-10px;
overflow: hidden;
display: none
}
#top #searchform {
margin:0;
padding:0;
}
#top .av_minimal_header #s {
border: none;
padding: 12px 72px 12px 12px
}
#top #searchform>div {
position: relative;
max-width: 100%;
}
/* Position Icon in searchfield */
#searchform .av_searchform_search.avia-svg-icon{
position: absolute;
top: 2px;
right: 0;
z-index: 500;
font-size: 24px;
margin: 14px;
pointer-events: none;
}
/* Headline Result list */
.ajax_search_response {
padding: 0 12px;
border-radius: 12px;
}
.ajax_search_response h4:first-child {
display: none;
}
/* Headline Result list*/
.ajax_search_response h4{
font-family: 'DM Sans', Helvetica, Arial, sans-serif !important;
font-size: 16px !important;
line-height: 24px !important;
color: #333333 !important;
font-weight: 600;
margin:8px 0 8px 0;
padding:20px 16px 2px 16px;
}
/* Add Border bottom */
#top div .av_ajax_search_entry {
height: auto;
padding: 16px 16px;
border-bottom: 1px solid #e8e8e8 !important;
}
#top div .av_ajax_search_entry:last-child {
border-bottom: 0 !important;
}
#top div .av_ajax_search_entry:hover{
background-color: rgba(75, 108, 76, 0.0) ;
}
.av_ajax_search_title {
display: block;
font-family: 'DM Sans', Helvetica, Arial, sans-serif !important;
font-size: 16px !important;
line-height: 1.3em !important;
color: #333333 !important;
font-weight: 500;
text-transform: none;
}
.av_ajax_search_title:hover {
color: #05569C !important;
}
/* Hide icon */
.av_ajax_search_image {
display: none;
}
.ajax_search_excerpt {
font-size: 12px;
line-height: 1.4em;
display: block;
margin-top: 3px;
font-style: normal;
}
/* Search all Link */
#top div .av_ajax_search_entry_view_all {
text-align: left !important;
font-family: 'DM Sans', Helvetica, Arial, sans-serif !important;
font-size: 16px !important;
line-height: 24px !important;
font-weight: 400 !important;
color: #0F6CBD !important;
border: none !important;
text-decoration: underline !important;
text-underline-offset: 4px!important;
text-decoration-thickness: 1px !important;
padding: 24px 16px!important;
}
#top div .av_ajax_search_entry_view_all:hover {
color: #05569C !important;
}
/* Not found: Container */
#top div .ajax_not_found,
#top div .av_ajax_search_entry.ajax_not_found {
border:none;
background: transparent;
}
/* Not found: Logo */
#top .av_searchform_element_results .av_ajax_search_image, .main_color.av_searchform_element_results .av_ajax_search_image {
background-color: transparent !important;
margin-right: 16px;
width: 48px;
height: 48px;
}
#top div .ajax_not_found .av_ajax_search_image.avia-svg-icon svg:first-child {
margin-top: 0;
color: #f59c06;
font-size: 48px;
}
.ajax_not_found .ajax_search_excerpt {
font-size: 16px !important;
line-height: 1.4em !important;
padding-top: 0;
}
/*--------------------------------------------*/
/* Searchform Element
/*--------------------------------------------*/
.av_searchform_element_results .av_ajax_search_title {
font-family: 'DM Sans', Helvetica, Arial, sans-serif !important;
font-size: 18px !important;
line-height: 1.3em !important;
color: #333333 !important;
font-weight: 500;
text-transform: none;
}
.av_searchform_element_results .ajax_search_excerpt {
font-size: 14px !important;
line-height: 1.3em !important;
}
/*--------------------------------------------------------------------*/
/*
/* Pagination
/*
/*--------------------------------------------------------------------*/
.flex_column .template-blog .single-big .pagination {
padding: 50px 0 20px 0;
width: 100%;
border-top: 1px solid #e0e0e0 !important;
}
.pagination {
padding: 10px 0px 60px 0;
line-height: 20px;
}
.pagination span, .pagination a {
font-family: 'DM Sans', Helvetica, Arial, sans-serif !important;
font-size: 14px;
line-height:20px;
font-weight: 600;
padding:8px;
}
#top .pagination .current,
#top .pagination a,
#top .fullsize .template-blog .pagination a{
float: left;
height: 40px;
width: 40px;
line-height: 40px;
text-align: center;
padding: 0;
border-radius: 100px;
margin-right: 8px;
box-shadow: none !important;
}
/* Pagination: Color */
#top .main_color .pagination a {
background: #CFE2F2;
color: #0F6CBD;
}
/* Pagination: Color Hover */
#top .main_color .pagination a:hover {
background: #0F6CBD;
color: #fff;
}
/* Pagination: Color Current */
#top .main_color .pagination .current {
background: #0F6CBD;
color: #fff;
}
.pagination .current {
font-size:14px;
padding:8px;
font-weight: 600;
}
.pagination .pagination-meta{
float:right;
line-height: 20px;
}
/*-----------------------------------------------*/
/* Pagination: Mobile
/*-----------------------------------------------*/
@media only screen and (max-width: 767px) {
.pagination .pagination-meta {
float: none;
line-height: 20px;
display: block;
margin-bottom: 16px;
}
}
/*--------------------------------------------------------------------*/
/*
/* Coming soon (Desktop)
/*
/*--------------------------------------------------------------------*/
/* 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: -160px;
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;
}
.coming-soon_icon {
}
@media only screen and (max-width: 479px) {
/* Title */
.coming-soon_title h1 {
font-size: 28px !important;
line-height: 1.5em !important;
margin-bottom: 4px;
}
.coming-soon_subtitle h1 {
font-size: 28px !important;
line-height: 1.5em !important;
font-weight: 400 !important;
}
.coming-soon_image, .coming-soon_icon {
float: left !important;
}
.coming-soon_icon.avia-svg-icon svg:first-child {
font-size: 280px;
}
/* Badge style */
.badge_coming-soon {
width: 148px;
height: 148px;
padding: 20px;
margin-right: 80px;
vertical-align: middle;
position: relative;
top: -120px;
}
/* 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: 40px !important;
line-height: 1.4em;
margin-bottom: 8px;
}
.coming-soon_subtitle h1 {
font-size: 40px !important;
line-height: 1.4em;
font-weight: 400 !important;
}
.coming-soon_icon.avia-svg-icon svg:first-child {
font-size: 380px;
}
/* Badge style */
.badge_coming-soon {
margin-right: 140px;
top: -160px;
}
}
/*----------------------------------------------------------------------------------------------------*/
/*
/* Media Queries
/*
/*----------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------*/
/* Basics
/*--------------------------------------------------------------------*/
@media only screen and (max-width: 767px) {
/* Don´t resize Headlines */
#top #wrap_all .av-inherit-size .av-special-heading-tag {
font-size: 1em !important;
}
}
/*----------------------------------------------------------------------------*/
/*
/* Body (Mobile)
/*
/*----------------------------------------------------------------------------*/
@media only screen and (max-width: 479px) {
body,
body p {
}
/*----------------------------------------------------------------------------*/
/*
/* Typography: Headlines (Mobile)
/*
/*----------------------------------------------------------------------------*/
h1.avia-caption-title {
font-size: 32px;
line-height: 1.2em !important;
}
h1, h1.av-rotator-container-inner {
font-size: 32px;
line-height: 1.2em !important;
}
#avia_post_section h1, #avia_post-header_section h1 {
font-size: 28px !important;
margin-bottom: 16px !important;
line-height: 1.3em !important
}
#top .fullsize .template-blog h1.post-title {
font-size: 28px;
line-height: 1.3em !important;
margin-bottom: 16px !important;
}
h2, h2.av-rotator-container-inner {
font-size: 26px;
line-height: 1.3em !important;
}
#avia_post_section h2 {
font-size: 24px !important;
margin-bottom: 8px !important;
}
/* Blog Loop */
.av-alb-blogposts.template-blog .post-title {
font-size: 26px !important;
line-height: 1.3em !important;
margin-bottom: 8px !important;
}
.template-single-blog h2 {
font-size: 24px !important;
line-height: 1.3em !important;
margin-bottom: 24px !important;
}
h3 {
font-size: 20px !important;
}
h3.iconbox_content_title {
font-size: 20px !important;
}
#avia_post_section h3 {
font-size: 20px !important;
margin-bottom: 8px !important;
}
.template-single-blog h3 {
font-size: 20px !important;
line-height: 1.4em !important;
margin-bottom: 12px !important;
}
h4, h4.iconbox_content_title {
font-size: 19px !important;
}
#avia_post_section h4 {
margin-bottom: 12px !important;
}
h5, h5.iconbox_content_title {
font-size: 18px !important;
line-height: 1.5em !important;
font-weight: 600 !important;
letter-spacing: 0 !important;
}
#avia_post_section h5 {
margin-top: 44px !important;
margin-bottom: 12px !important;
}
h6, h6.iconbox_content_title {
font-size: 16px !important;
line-height: 1.4em !important;
font-weight: 600 !important;
letter-spacing: 0 !important;
}
#avia_post_section h6 {
margin-bottom: 8px !important;
}
/*----------------------------------------------------------------------------*/
/*
/* Typography: Basics (Mobile)
/*
/*----------------------------------------------------------------------------*/
/* Subheading: Above */
.av-subheading.av-subheading_above p {
font-size: 19px;
}
/* Subheading: Below */
.av-subheading.av-subheading_below p {
font-size: 19px;
}
/* Entry content wrpapper List: Mobile !!!!!!!! */
.entry-content-wrapper li {
padding: 4px 0 !important;
}
}
/*----------------------------------------------------------------------------*/
/*
/* Typography: Headlines (Tablet)
/*
/*----------------------------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 989px) {
h1.avia-caption-title {
font-size: 42px;
line-height: 1.2em !important;
}
h1, h1.av-rotator-container-inner {
font-size: 42px;
line-height: 1.2em !important;
}
#avia_post_section h1, #avia_post-header_section h1 {
font-size: 40px !important;
margin-bottom: 16px !important;
line-height: 1.3em !important
}
#top .fullsize .template-blog h1.post-title {
font-size: 40px !important;
line-height: 1.3em !important;
margin-bottom: 16px !important;
}
h2, h2.av-rotator-container-inner {
font-size: 32px;
line-height: 1.3em !important;
}
#avia_post_section h2 {
font-size: 30px !important;
margin-bottom: 8px !important;
}
/* Blog Loop */
.av-alb-blogposts.template-blog .post-title {
font-size: 28px !important;
line-height: 1.4em !important;
margin-bottom: 16px !important;
}
.template-single-blog h2 {
font-size: 30px !important;
line-height: 1.4em !important;
margin-bottom: 24px !important;
}
h3 {
font-size: 24px !important;
}
h3.iconbox_content_title {
font-size: 22px !important;
}
#avia_post_section h3 {
font-size: 24px !important;
margin-bottom: 8px !important;
}
.template-single-blog h3 {
font-size: 24px !important;
line-height: 1.4em !important;
margin-bottom: 12px !important;
}
/*----------------------------------------------------------------------------*/
/*
/* Typography: Basics (Tablet)
/*
/*----------------------------------------------------------------------------*/
/* Subheading: Above */
.av-subheading.av-subheading_above p {
font-size: 18px;
}
/* Subheading: Below */
.av-subheading.av-subheading_below p {
font-size: 18px;
}
}
/*----------------------------------------------------------------------------*/
/*
/* Animation
/*
/*----------------------------------------------------------------------------*/
/* Shake Keyframe Animation*/
@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);
}
}
/*----------------------------------------------------------------------------*/
/*
/* Admin Bar: Staging
/*
/*----------------------------------------------------------------------------*/
#wpadminbar {
color: #fff !important;
background: #cf4944 !important;
}