/*
Theme Name: Enfold Child
Description: Wordpress Design Enfold Child -
Ramon Volmering
Zur Webseite
Author URI: http://www.wordpress-design.info
Template: enfold
Version: 1.0
*/
/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */
/* General Custom CSS */
/* Steffen Freund – nur das, was Enfold nicht selbst kann (Enfold > Allgemeine Einstellungen > Eigenes CSS / Quick CSS).
Farben, Schriften, Schriftgrößen, Button-Farben und Abschnittsfarben kommen aus Theme-Einstellungen und Element-Optionen. */
/* Überschriften und Menü in Großbuchstaben (keine Theme-Option dafür) */
h1,h2,h3,.sf-eyebrow,#top .main_menu .menu>li>a,.avia-button{text-transform:uppercase}
h1,h2,h3{font-weight:800;letter-spacing:.01em}
/* Überschriften stecken in Textblöcken (Klasse sf-t): Größe kommt aus der Textblock-Option "Schriftgröße" */
.sf-t h1,.sf-t h2,.sf-t h3{font-size:inherit}
/* Linie unter Hauptüberschriften der Abschnitte (Klasse sf-h2 am Textblock; Layout Builder > Eigene CSS-Klassen aktivieren) */
.sf-h2 h2{padding-bottom:16px;border-bottom:3px solid currentColor;margin-bottom:28px}
/* Buttons eckig, ohne Rundung */
.avia-button{border-radius:0!important;letter-spacing:.05em;font-weight:800}
.avia-button-wrap{display:inline-block;margin-right:16px}
/* Tabellen */
#top .avia-table tr,#top .avia-table tbody{color:inherit!important}
.avia-table td,.avia-table th{background:transparent!important;color:inherit!important;border:0;border-bottom:1px solid rgba(128,128,128,.45);padding:14px 12px}
.avia-table .avia-heading-row td,.avia-table .avia-heading-row th{border-bottom:3px solid currentColor;font-size:13px;letter-spacing:.06em;text-transform:uppercase}
.sf-table-num td:last-child,.sf-table-split td:last-child{text-align:right}
.sf-table-num td:last-child{font-weight:800;font-size:22px}
.sf-table-year td:first-child{width:130px;font-weight:800;font-size:24px}
/* Termine-Tabelle: volle Breite, linksbündig, ohne Enfold-Rahmen */
#top .sf-table{width:100%;border:0!important}
#top .sf-table td,#top .sf-table th{text-align:left!important;font-size:16px;line-height:1.4;border-left:0!important;border-right:0!important;border-top:0!important;vertical-align:middle}
#top .sf-table .avia-heading-row td,#top .sf-table .avia-heading-row th{font-size:13px}
#top .sf-table td:first-child,#top .sf-table th:first-child{white-space:nowrap}
#top .sf-table td:last-child,#top .sf-table th:last-child{text-align:right!important;font-weight:800}
#top .sf-table td:nth-child(4){width:38%}
#top .sf-table tr:first-child td{border-top:0!important}
/* Footer: einheitliche Spalten (Überschriften, Text, Links, Social-Icons) */
#footer .widgettitle,#footer h3{font-size:16px!important;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#f4cf00;margin:0 0 18px;padding:0}
#footer,#footer p,#footer .textwidget,#footer .menu a{font-size:16px;line-height:1.6;color:#d3e0d6}
#footer strong,#footer b{color:#f1f2ee;font-weight:800}
#footer .widget_nav_menu .menu li{border:0;padding:0;margin:0 0 6px}
#footer .widget_nav_menu .menu a{font-weight:400;padding:0;border:0;color:#d3e0d6}
#footer a:hover,#footer .widget_nav_menu .menu a:hover{color:#f4cf00}
#footer .seperator,#footer .extralight-border{display:none}
#footer .textwidget img[src*="insta-logo"],#footer .textwidget img[src*="x-logo"],#footer .widget img[src*="insta-logo"],#footer .widget img[src*="x-logo"]{width:44px!important;height:44px!important;margin:0 14px 0 0;filter:invert(1) brightness(1.1);opacity:.9}
#footer .widget img[src*="insta-logo"]:hover,#footer .widget img[src*="x-logo"]:hover{opacity:1}
#socket,#socket a{font-size:13px}
/* Vereine-Zeilen: Abstände, Logo-Größe */
#top .sf-paper .sf-year h3{margin:0 0 18px!important}
#top .sf-logo,#top .sf-logo .avia-image-overlay-wrap{display:block;text-align:left;margin:0!important}
#top .sf-logo img{width:auto!important;max-width:150px;max-height:150px;height:auto}
#top .hr.sf-hr{margin:28px 0!important}
/* Bilder einheitlich im Format zuschneiden (zusätzlich zu den vorbereiteten WebP-Größen) */
.avia_image img{width:100%;height:auto}
/* Hauptmenü: aktive Seite gelb unterstrichen */
#top .main_menu .menu>li.current-menu-item>a,#top .main_menu .menu>li.current-menu-ancestor>a{box-shadow:inset 0 -6px 0 #f4d000}
.html_header_top.html_logo_center .logo {
left: 0;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
p { -moz-hyphens: auto;
hyphens: auto;
}
.lshead1 {
color: #484848!important;
}
.lshead2 {
color: #001a57!important;
}
.lshead3 {
color: #484848 !important;
font-style:italic !important}
#advanced_menu_hide,
#advanced_menu_toggle {
background-color:#ffffff !important;
color: #001a57;
}
.text-sep-date {
display:none;
}
ul#mobile-advanced,
#sub_menu1,
#header_main_alternate
{
background: linear-gradient(top, #EFEFEF 0%, #EFEFEF 0%, #B4B4B4 100%);
background: -moz-linear-gradient(top, #EFEFEF 0%, #EFEFEF 0%, #B4B4B4 100%);
background: -webkit-linear-gradient(top, #EFEFEF 0%, #EFEFEF 0%, #B4B4B4 100%);
background: -ms-linear-gradient(top, #EFEFEF 0%, #EFEFEF 0%, #B4B4B4 100%);
background: -o-linear-gradient(top, #EFEFEF 0%, #EFEFEF 0%, #B4B4B4 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#EFEFEF, endColorstr=#B4B4B4,GradientType=1);}
#header_main_alternate .menu-item:hover a{
background: #001a57;
color:#ffffff;
}
#header_main_alternate li.current-menu-item>a {
background: #001a57;
color:#fffff;
}
#header_main_alternate .sub-menu li:hover a {
background: #001a57 !important;
color:#ffffff !important;
}
#header_main_alternate .sub-menu li a {
background-color:#D9D9D9 !important;
color:#333333 !important;
}
.av-main-nav li a .avia-menu-text {
padding-left:30px !important;
padding-right:30px !important;
text-transform:uppercase;
font-weight:bold;
}
ul#mobile-advanced li.current-menu-item>a {
background: #001a57;
}
#top.single-post .big-preview.single-big a,
#top.single-post .small-preview {
pointer-events: none;
cursor: default;
}
/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */
@media only screen and (min-width: 768px) {
/* Add your Desktop Styles here */
}
/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */
@media only screen and (max-width: 767px) {
/* Add your Mobile Styles here */
}