/*
Theme Name: FRIPA Theme
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Theme</a> for the FrischePartner Company. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.5
Author: Mischa Spörer <spoerer@netzkantine-gmbh.de>
Author URI: https://netzkantine-gbmh.de
Template: enfold

Wir nutzen die Schriftart Roboto auf dem Webserver

/* Font-Weight vs. Font-Name 
300 = Light 	-> Copy Text
400 = Regular 	-> html, lists, buttons
500 = Medium 	-> strong, H2 im Footer
700 = Bold 		-> //

*Eigene Klassen*
.title_icon

#av-center-align-columns
#black_box

.margineg400
.margineg200

.rightalign
.strongbig

.box_lime
.box_grass 
.box_ink
*/
#top #wrap_all #av-burger-menu-ul > li > a, #top #wrap_all #av-burger-menu-ul .sub-menu > li > a {
    border-bottom: 2px solid #5e7b3a;
}

#top #wrap_all #av-burger-menu-ul .sub-menu > li.menu-item-641 > a {
    border-bottom: 0 none #5e7b3a;
}

#top #wrap_all .av-burger-overlay .av-burger-overlay-scroll #av-burger-menu-ul li a {
    font-size: 34px;
    line-height: 1.2em;
    font-weight: 300;
    text-align: left;
    padding-bottom: 12px;
}

#top #wrap_all #header #av-burger-menu-ul > li.av-active-burger-items {

    margin-left: 5%;
}

#top #av-burger-menu-ul {
    margin: 0 auto;
    max-width: 1280px;
    padding-top: 0;
}

.html_av-overlay-full #top #wrap_all #av-burger-menu-ul li,
.html_av-overlay-full #top #wrap_all #av-burger-menu-ul li li {
    font-size: 1em;
    line-height: 1.6em;
    margin-top: 0;
    margin-bottom: 0;
}

/* Reset globale Stile */
html {
    background-color: #ffffff;
    font-style: normal;
    font-weight: 400;
}

body {
    line-height: 1.2em;
    font-size: 16px;
}

b, strong, .strong {

    font-weight: 500;
}

/* Superscript */
sup, sub {
    position: relative;
    vertical-align: baseline;
    top: -0.35em;
    line-height: 0;
}

sub {
    top: 0.35em;
}

/* Listen */
ul, ol {
    margin-bottom: 0;
}

.hr-default {
    color: #79dc00;
}

:focus {
    outline-color: #bed900;
    outline-style: solid;
    outline-width: 2px;
}

::selection {
    background-color: #bed900;
    color: #ffffff;
}

.main_color .special_amp {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    color: inherit;
}

/* Global Top und Bottom Margin von Content Boxes */
.content,
.sidebar {
    padding-top: 25px;
    padding-bottom: 25px;
}


/* Headings Fonts und Größen */
h1,
h2,
h3,
h4,
h5,
h6 {
    word-wrap: break-word;
    letter-spacing: 0;
    line-height: 1.2em;
    font-weight: 300;
}

h1 {
    font-size: 1.75rem;
    font-weight: 300;
}

h2 {
    font-size: 1.75rem;
    font-weight: 300;
}

h3,
h4 {
    font-size: 15px;
    font-weight: 300;
}

h5,
h6 {
    font-size: 15px;
}

.template-page .entry-content-wrapper h1,
.template-page .entry-content-wrapper h2,
.template-page .entry-content-wrapper h3,
#top #wrap_all .main_color h1,
#top #wrap_all .main_color h2,
#top #wrap_all .main_color h3 {

    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.avia-image-container-inner, .avia_image, .av-image-caption-overlay {
    border-radius: 0;

}

/* Reset alle Avia Special heading Tags */
.av-special-heading-tag {
    font-weight: 300;
}

.av-special-heading .special-heading-border {
    display: none;
}

.av-special-heading {
    margin-top: 20px;
}

.av-special-heading > * {
    float: none !important;
    white-space: normal !important;
}

.av-special-heading-h1 .special-heading-border {
    height: 1em;
    margin-bottom: 20px;
}

#top #wrap_all .main_color h3,
h3.av-special-heading-tag {
    letter-spacing: 0;
    font-weight: 300;
    text-transform: uppercase;
    padding-bottom: 10px;
}

#top #wrap_all .main_color h4, h4.av-special-heading-tag {
    letter-spacing: 0;
    font-weight: 300;
    padding-bottom: 10px;
}


#top label {
font-weight: 300;
font-size: 0.85em;
}
.main_color input[type='submit'] {
	background-color: black;
	color: white;
	text-transform: uppercase;
	font-size: 1em;
	letter-spacing: 0.05em;
	padding: 10px 20px;
}


}
p { 
margin: 0 0 0.85em 0; 
}

#top #wrap_all .main_color h3, 
h3.av-special-heading-tag {
padding-bottom: 0px;
}


/* Untertitel bei Avia Überschrift */
.av-special-heading .av-subheading {
    font-size: 1.4rem;
    font-weight: 400;
    text-transform: uppercase;
    color: #282828;
}

#top .main_color h1 > strong, #top .main_color h2 > strong, #top .main_color h3 > strong {
    color: inherit;
}

/* Zweite Farbe in Avia Überschriften */
#top #wrap_all .main_color .av-special-heading.classic-quote h1 {
    font-family: inherit;
    font-weight: 600;
    font-style: normal;
    text-transform: none;
    text-shadow: 2.5px 2.5px 4px rgba(0, 0, 0, 0.41);
}


/* Zentriert Spalten in einem Farb-Abschnitt id #av-center-align-columns */
#av-center-align-columns .entry-content-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    justify-content: center;
}


#main .flex_column.rightalign * {
    text-align: right;
}

/* holy crazy shit - we override som of Enfolds grid column  */

#top .av-flex-placeholder {
    display: table-cell;
    width: 3%;
}

#main div .av_one_third {
    margin-left: 3%;
    width: 31.333333333333332%;
}

#main div .av_one_half {
    margin-left: 3%;
    width: 48.5%;
}

#main div .av_two_third {
    margin-left: 3%;
    width: 65.66666666666666%;
}

#main div .av_one_fourth {
    margin-left: 3%;
    width: 22.75%;
}


/* Fripa - Breite für Grid-Element begrenzen @Sortiment */
#maxwidth.av-layout-grid-container {
    max-width: 1310px;
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 0 50px;
    clear: both;
}

/* Color section container width */
.padding50 > .container {
  width: 100% !important;
  min-width: 100%;
  padding: 0;
  margin: 0;
}


#top .flex_column_table {
    margin-left: 0;
}

#main div .first,
#main div .avia-builder-el-first,
#main div .no_margin {
    margin-left: 0;

}

/* Kein Margin vor erstem Element */
body div .first,
body div .no_margin {
    margin-left: 0;
}


.main_color .border_bottom {
    border-bottom: 2px solid #96ba3f;
    padding-bottom: 0;
}

/* Formatiere Tags im Avia Textblock */
.avia_textblock {
    font-weight: 300;
    line-height: 1.55em;
    letter-spacing: normal;
}

.av_textblock_section h1,
.av_textblock_section h2,
.av_textblock_section h3,
.av_textblock_section h4 {
    margin-top: 35px;
    white-space: normal;
}
.av_textblock_section h3, 
.av_textblock_section h4 {
    margin-top: 0.85em;
    white-space: normal;
	font-weight: 600;
}

#top #wrap_all .avia_textblock > h2 {
    font-weight: 300;
    font-size: 38px;
    margin: 0;
    padding-bottom: 10px;
}

.av_textblock_section p:first-child {
    margin-top: 0;
}


.av_textblock_section ul {
    list-style-type: none;
}

.av_textblock_section ul li a {
    font-weight: 400;
    color: #04479b;
}

.av_textblock_section ul li:before {
    font-weight: 400;
    font-size: 18px;
    content: "\203A";
    margin: 0 0.5em 0 -0.8em;
    color: #04479b;
}

.av_textblock_section a, .main_color a, .main_color strong a {
    color: inherit;
    font-weight: 500;
}


/* Fripa - Rahmen bei spezieller Überschrift - sofern sichtbar */
.av-special-heading-h1 .special-heading-border {
    height: 1em;
    margin-bottom: 15px;
}

.custom-color-heading .special-heading-inner-border, .av-special-heading.show_border .special-heading-inner-border {
    display: block;
    width: 100%;
    margin-left: 0;
    border-top-style: solid;
    border-top-width: 1px;
    top: 50%;
    opacity: 1;
    filter: alpha(opacity=1);
}


/* Fripa - Designer Kapriole auf Home... ;-) */
.strongbig .av_textblock_section strong {
    font-size: 27px;
    color: #000000;
}

/* Fripa - ID für Spalte in Headline & Intro @sortiment */
body #intro_column div.avia_textblock.no_padding {padding: 20px 0;}

body #intro_column .avia_textblock {
    font-size: 25px;
    font-weight: 200;
    line-height: 1.2;
}

body #intro_column .avia_textblock p {
    margin: 0;
}

body #intro_column .avia_textblock strong {
    color: inherit;
}

body #intro_column .avia-builder-el-first * {
    font-size: 38px;
    font-weight: 200;
    text-transform: uppercase;
    line-height: 1.2;
}

body #intro_column h1 {
    text-transform: uppercase;
    font-size: 38px;
    margin: 0;
}

body #intro_column div.avia_textblock {
    margin-top: 20px;
    padding: 20px 20px;
    font-size: 27px;
    border-radius: 0;

}

#top #wrap_all #intro_column .av-special-heading-h1 > h1,
#top #wrap_all #intro_column .av-special-heading-h1 > h2 {
    font-size: 38px;
    font-weight: 300;
    letter-spacing: 0;
    margin: 0;
    padding-bottom: 10px;
}

#top #wrap_all #intro_column .avia_textblock > h1 {
    letter-spacing: 0;
    font-weight: 300;
    text-transform: uppercase;
}

#top #wrap_all #intro_column .avia_textblock > h2 {
    font-weight: 200;
    font-size: 38px;
    margin: 0;
    padding-bottom: 10px;
}

body #intro_column .av-special-heading.blockquote .special-heading-border {
    display: block;
}


/* Fripa - Ansprechpartner */
#top #wrap_all .Ansprechpartner .avia_textblock > h3 {
    font-weight: 200;
    font-size: 20px;
    line-height: 1em;
    margin: 0;
    padding-bottom: 0;
}

#top #wrap_all .Ansprechpartner .avia_textblock > p {
    font-size: 14px;
    line-height: 1.45em;
}

#top #wrap_all .Ansprechpartner .avia_textblock > p + strong {
    font-size: 14px;
    line-height: 1em;
    margin: 0;
    padding: 0;
}

#top #wrap_all .Ansprechpartner .av_textblock_section a {
    color: inherit;
    font-weight: 200;
}

/* Jobs & Karriere */
#top #wrap_all .jobs .avia_textblock > h3 {
    font-weight: 400;
    font-size: 38px;
    line-height: 1em;
    text-transform: none;
    margin: 0;
    padding-bottom: 0;
}


/* Fripa - Service */
#top .main_color #service a > strong,
#service p > a > strong,
#top .main_color #service a > strong,
#service p > strong > a {
    background-color: #2d2d2d !important;
    color: #ffffff !important;
    margin: 0 -5px 0 -5px;
    padding: 0 5px 0 5px;
}


/* Fripa - Intro Box im Bild auf Home */
#top #home_box .av-special-heading-h1 > h1 {
    font-size: 16px;
    font-weight: 200;
    text-transform: none;
}

#top #home_box .av_textblock_section .avia_textblock > h2 {
    font-weight: 200;
    font-size: 38px;
    margin: 0;
    padding-bottom: 10px;
}

#top #home_box .av-special-heading.blockquote .special-heading-border {
    display: block;
}

/* ID für Avia Textblock @Sortiment */
body #intro_column #black_box {
    min-height: 250px;
    background-color: #272425;
    color: #7adc00;
}

#top #black_box .special-heading-inner-border {
    border-color: #7adc00;
    opacity: 1;
    margin-left: 0;
}

body #intro_column #green_box {
    min-height: 220px;
    background-color: #3b483c;
    color: #ffffff;
}

#top #green_box .special-heading-inner-border {
    border-color: #3b483c;
    opacity: 1;
    margin-left: 0;
}

/* Fripa - Partner Lieferanten */
body #intro_column #red_box {
    min-height: 250px;
    background-color: #a31b3e;
    color: #ffffff;
}

#top #red_box .special-heading-inner-border {
    border-color: #a31b3e;
    opacity: 1;
    margin-left: 0;
}

.container_wrap {

    border-top-style: none;
    border-top-width: 0;
}

/*-------------- Fripa - Negatives Margin für Spalten */
body .container_wrap .margineg400 {
    margin-top: -400px;
    margin-bottom: 0;
    padding: 80px 0 0 0;
    border-radius: 0;
}

body .container_wrap .margineg200 {
    margin-top: -200px;
}

/*-------------- Avia Button Farbe und Aussehen */
body div .avia-button {
    border-radius: 0;
    font-weight: 400;
}
#top .avia-button-fullwidth {
    width: 100%;
    padding: 10px 20px;
	font-size: 1.123em;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

#top .avia-button.avia-color-dark {
    border: 1px solid
}

#top .avia-button.avia-color-light {
    border: 1px solid #ffffff;
}

#top .avia-button.avia-color-green {
    background-color: transparent;
    border: 1px solid #a2c614;
    color: #a2c614;
}

.avia-button.avia-size-large {
    padding: 2px 20px 10px;
    font-size: 1em;
    min-width: 140px;
}

.avia-button.avia-size-x-large {
    padding: 10px 20px 13px;
    font-size: 1em;
    font-weight: 300;
    letter-spacing: 0.05rem;
}

.avia-button-fullwidth {
    padding: 10px;
}

.avia-button-wrap.fullwidth {
    width: 100%;
    text-align: right;
}

.avia-button-wrap.fullwidth .avia-button {
    width: 100%;
    text-align: right;
}

.avia-button.avia-size-x-large .avia_iconbox_title {
    text-transform: uppercase;
}

.avia-button .avia_button_icon.avia_button_icon_right {
    left: 0.3em;
    font-size: 2em;
    top: 0.3em;
}


/*-------------- Scroll to Top Link */
#scroll-top-link {
    bottom: 60px !important;
    right: 3.2% !important;
}

#scroll-top-link:before {
    color: #ffffff;
    font-size: 20px;
}

#scroll-top-link,
#av-cookie-consent-badge {
    background-color: #6f7070;
    border: none;
}


/*-------------- Fripa - Avia Icon-Liste mit Custom Class .iconlist_title */
.title_icon .avia-icon-list li {
    margin: 0;
    padding: 0 0 0 0;
    min-height: 40px;
}

.avia-icon-list-container.title_icon {
    margin: 20px 0;
    clear: both;
}

h2.iconlist_title {
    font-size: 40px;
}

.main_color .title_icon .avia-icon-list .iconlist_icon {
    background-color: #dadada;
}

.title_icon .avia-icon-list .iconlist_icon {
    display: inline-block;
    height: 40px;
    width: 40px;
    line-height: 60px;
    font-size: 60px;
    text-align: center;
    border-radius: 50px;
    position: relative;
    margin-right: 10px;
    margin-left: 10px;
}

.title_icon .avia-icon-list .av-iconlist-empty .iconlist_title {
    margin-top: 0;
    display: inline-block;
    float: left;
}

.title_icon .avia-icon-list-right {
    text-align: left;
}


/*-------------- Fripa - Farb-Abschnitt #pre_footer ganz unten @home */
#top #wrap_all #pre_footer.main_color h2 {
    font-weight: 500;
    text-transform: none;
}

/*-------------- Fripa - Hintergrundfarbe für Spalten   */
.box_lime {
    background-color: #a2c614;
}

.box_grass {
    background-color: #5e7b3a;
}

.box_ink, .box_ink h2 {
    background-color: #272425;
    color: #ffffff;
}

/*-------------- Avia Image Element */
.avia-image-container {
    margin-bottom: 15px;
}

#header_main {
    border-bottom-width: 0;
    border-bottom-style: none;
}


/* Nav Menü Temporäre Styles */
.av-main-nav-wrap ul {
    margin-top: 30px;
    padding: 0;
}

#top #header_main > .container .main_menu .av-main-nav > li > a,
#top #header_main #menu-item-shop .cart_dropdown_link {

    line-height: 120px !important;
    top: 0;
}

/* Hauptmenü */
#top #header .av-main-nav > li > a {
    background-color: transparent;
}

#top #header .av-main-nav > li > a {
    background-color: transparent;
}


/* Icons in Menütext */
.avia-menu-text .av_font_icon {
    padding-top: 9px;
    margin-bottom: -9px;
}


/*-------------- Fripa - Avia Message Box */
#top .avia_message_box {
    background: #c3c3c3; /* fallback for old browsers */
    color: #232323;
    border-color: #232323;
    border-bottom: 7px solid #232323;
}

#top .avia_message_box_content {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 300;
}

#top .avia_message_box_content a.avia_message_box_icon {
    color: #000000;
}

#top .avia_message_box_icon {
    position: relative;
    left: -0.5em;
    font-size: 3.75em;
}

#top .avia_message_box.avia-size-normal {
    padding: 20px;
}

#top .avia_message_box.avia-size-large {
    padding: 30px;
}

#top .avia_message_box_content p {
    font-size: 27px;
}

/*-------------- Fripa - Sortiment-Block Transformation an Avia-Messagebox */
#top .avia_message_box.sortiment.avia-size-large {
    padding: 30px 0 0 0;
}

#top .sortiment .avia_message_box_icon {
    display: block;
    float: left;
    width: 24%;
    left: 0;
    min-height: 45px;
    margin-top: 10px;
}

#top .sortiment .avia_message_box_content {
    margin-top: 15px;
    min-height: 65px;
}

#top .avia_message_box_content p {
    display: block;
    width: auto;
    line-height: 1em;
    text-align: left;
    vertical-align: middle;
    margin: 0;
}


.avia_message_box.sortiment.avia-border-solid {
    border-width: 0;
    border-style: none;
}

#top .avia_message_box.sortiment.avia-border-solid {
    border-bottom: 5px solid #232323;
}

div .avia_message_box.sortiment .avia_message_box_title {
    background-color: rgba(0, 0, 0, 1);
    color: #ffffff;
    position: absolute;
    width: 100%;
    display: block;
    padding: 0 15px;
    margin: 0;
    font-size: inherit;
    text-shadow: none;
    text-align: right;
    line-height: normal;
    height: 30px;
}

#top .avia_message_box.sortiment .avia_button_icon {
    font-size: 40px;
    /* padding-top: 10px; */
    position: absolute;
    right: 10px;
    top: -6px;
}

#top .avia_message_box .avia_message_box_title:hover {
    /* color: inherit; */
    opacity: 0.8;
}

#top a.avia_message_box_title, #top a.avia_message_box_title a .avia_button_icon, #top a.avia_message_box_icon {
    text-decoration: none;
    color: #ffffff;
}

#top .avia_message_box a:hover {
    color: #719430;
    opacity: 0.9;
}

#top a.avia_message_box_title:hover a .avia_button_icon {
    color: #719430;
    opacity: 1;
}


/* Fripa - Image Caption @ Unternehmen */

.texthalf-right {
    padding-left: 45%;

}

/*-------------- Fripa - Avia Timeline  ---------------------*/
.main_color .avia-timeline .av-milestone-date {
    font-weight: 300;
}

.main_color .avia-timeline .av-milestone-date {
    color: #232323;
}

#top #wrap_all .avia-timeline-vertical .av-milestone-title {
    font-size: 20px;
    text-transform: none;
}

#top #wrap_all .av-milestone-content { font-size: 14px;}

/* Timline Linings */
.avia-timeline-vertical .av-milestone-icon-wrap:after {
    content: "";
    height: 1000%;
    width: 1px;
    position: absolute;
    top: 0;
    left: 50%;
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #232323;
}

.avia-timeline-vertical .av-milestone-date span:before {
    content: "";
    display: block;
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background-color: inherit;
    margin-top: -2px;
}

.main_color .avia-timeline .av-milestone-date span {
    background-color: #232323;
}

.avia-timeline-vertical .av-milestone-date span {
    top: 16px;
}

.main_color .avia-timeline .milestone_inner {
    background-color: #232323;
}

.avia-timeline .milestone_icon {
    display: block;
    height: 12px;
    width: 12px;
    line-height: 12px;
    font-size: 10px;
}

.avia-timeline .milestone-char { display: none; }


/* Fripa - Zertifikate Boxen @ Unternehmen */
#top #wrap_all .main_color .zertifikate .avia_textblock h3 {
    font-size: 16px;
    text-transform: none;
    font-weight: 600;
    border-top: 1px solid #232323;
    border-bottom: 1px solid #232323;
    padding-bottom: 10px;
    padding-top: 10px;
    margin-top: 0;

}

#top #wrap_all .main_color .zertifikate .av_textblock_section p:first-child {
    height: 130px;
}


/* Historie / Zeitleiste */

#top #zeitleiste .avia-image-container.avia-align-center {
    display: block;
    margin: 0 auto 0 auto;
    text-align: center;
    clear: both;
}


/* General Forms & Gravity Forms */
#top #wrap_all .gfield {

    margin-bottom: .5rem;
}

#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 input[type="search"], #top textarea, #top select {
    margin-bottom: .5rem;

}

#top .main_color .input-text, #top .main_color input[type="text"], #top .main_color input[type="input"], #top .main_color input[type="password"], #top .main_color input[type="email"], #top .main_color input[type="number"], #top .main_color input[type="url"], #top .main_color input[type="tel"], #top .main_color input[type="search"], #top .main_color textarea, #top .main_color select {
    border-color: #444444;
    background-color: #ffffff;
}

/* Magnific Popup iframe height and width - used by inline PopUps */
.mfp-arrow { display: none !important; }

.mfp-iframe-holder { margin: 0;}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 99%;
    max-width: 90vw;
}

.mfp-iframe-scaler { padding-top: 10% }


/* Burger Menu
** https://kriesi.at/documentation/enfold/menu/#toggle-id-94
*/
.html_av-overlay-full #av-burger-menu-ul li.hidemenu {display: none;}

html.av-burger-overlay-active #top #header .av-main-nav #menu-item-contact *,
html.av-burger-overlay-active #top #header .av-main-nav #menu-item-shop * {
    color: #ffffff;
    -o-transition-property: none !important;
    -moz-transition-property: none !important;
    -ms-transition-property: none !important;
    -webkit-transition-property: none !important;
    transition-property: none !important;
    transition-duration: none !important;
    transition-timing-function: none !important;
    transition-delay: none !important;
    -webkit-transition: none !important;
    transition: none !important;
}

.av-main-nav > li > a, div #menu-item-shop.cart_dropdown {
    -o-transition-property: none !important;
    -moz-transition-property: none !important;
    -ms-transition-property: none !important;
    -webkit-transition-property: none !important;
    transition-property: none !important;
    transition-duration: none !important;
    transition-timing-function: none !important;
    transition-delay: none !important;
    -webkit-transition: none !important;
    transition: none !important;
}

.html_av-overlay-full .av-main-nav-wrap ul {
    margin-top: 10px;
    padding: 0;
}

/* 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 */
    #menu-item-750, #menu-item-673, #menu-item-21 {
        display: none !important;
    }

    .av-burger-menu-main.fripa-menu {
        display: block;
    }

    .av-hamburger strong {
        float: left;
        display: block !important;
        position: absolute;
        top: -57px;
        left: 40px;
        color: #000000 !important;
        font-size: 14px;
        text-transform: uppercase;
        letter-spacing: 0.01em;
        font-weight: 500;
    }

    .av-hamburger.is-active strong {
        color: #ffffff !important;
        visibility: hidden;
        position: relative;
    }

    .av-hamburger.is-active strong:after {
        visibility: visible;
        position: absolute;
        top: 0;
        left: 0;
        content: "Close";
    }

    #top #header .av-main-nav #menu-item-home {
        position: absolute;
        top: 0;
        left: 1px;
    }

    #top #header .av-main-nav #menu-item-contact {
        position: absolute;
        top: 0;
        left: 105px;
    }

    #top #header .av-main-nav #menu-item-shop {
        position: absolute;
        top: 0;
        left: 230px;
    }

    #top #header .av-main-nav #menu-item-home > a,
    #top #header .av-main-nav #menu-item-contact > a,
    #top #header .av-main-nav #menu-item-shop > a {
        line-height: 14px;
    }

    #top #header .av-main-nav #menu-item-contact [data-av_icon]:before,
    html body .av-main-nav [data-av_iconfont="fripa"]:before {
        margin-right: 5px;
        font-size: 33px;
        font-weight: 600;
    }

    #menu-item-contact a > span.avia_hidden_link_text,
    #menu-item-shop a > span.avia_hidden_link_text {
        visibility: visible;
        position: absolute;
        display: inline;
        font-size: 14px;
        line-height: 14px;
        top: 52px;
    }

}


.bb-vcvs-element-shortcode .image-overlay {display: none !important;}

@media only screen and (max-width: 1040px) {
    #black_box {
    }

    .texthalf-right {
        padding-left: 30%;
    }

    body #intro_column div.avia_textblock {
        font-size: 27px;
    }

    body .container_wrap .margineg400 {
        margin-top: -300px;
        margin-bottom: 0;
    }

}


@media only screen and (max-width: 989px) {

    .av-no-preview .avia-timeline-vertical .av-milestone-icon-wrap {
        overflow: visible;
        position: absolute;
        left: 0;
        top: 20px;
        padding-top: 0;
    }

    .texthalf-right {
        padding-left: 20%;
    }

    body #intro_column div.avia_textblock {
        font-size: 18px;
    }

    .hidemobile {display: none; visibility: hidden; height: 0;}
}


/* 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) {
    .responsive #top #wrap_all .av-flex-cells .no_margin {
        display: block;
        margin: 0;
        height: auto !important;
        overflow: hidden;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    #maxwidth.av-layout-grid-container {
        max-width: 1310px;
        padding: 0 25px;
        margin: 0 auto;
    }

    .texthalf-right {
        padding-left: 0;
    }

    #black_box {
        background: #272425;
        padding: 20px;
        background-color: #272425;
        border-radius: 0;
    }

    body .container_wrap .margineg400 {
        margin-top: 0;
        margin-bottom: 0;
    }

    .title_icon .avia-icon-list .iconlist_icon {
        display: none;
    }

    .title_icon .avia-icon-list .av-iconlist-empty .iconlist_title {
        margin-top: 0;
        display: block;
        float: left;
        flex: 1;
        letter-spacing: initial;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    h2.iconlist_title {
        font-size: 27px;
    }

    /* Icons in Menütext */
    .avia-menu-text .av_font_icon {
        display: none;
    }

    #top #header_main > .container .main_menu .av-main-nav > li > a,
    #top #header_main #menu-item-shop .cart_dropdown_link {
        line-height: 30px !important;
        top: 0;
    }

    .av-burger-menu-main {
        margin-top: 10px;
    }

    .responsive #top .av-main-nav #menu-item-home,
    .responsive #top .av-main-nav #menu-item-contact,
    .responsive #top .av-main-nav #menu-item-shop {display: none !important;}

    #top #av-burger-menu-ul {
        vertical-align: top !important;
        margin-top: -50px;
    }

    .av-main-nav-wrap ul:nth-child(1n+0) {
        margin-top: 10px;
        padding: 0;
    }

    .html_av-overlay-side-classic #top #wrap_all .av-burger-overlay #av-burger-menu-ul li a {
        min-height: 60px;
    }

    .html_av-overlay-full #top #wrap_all #av-burger-menu-ul li {
        line-height: 1.25em;
    }

    #top #av-burger-menu-ul {
        vertical-align: top !important;
    }

    .hidemobile, .av-small-hide, .av-mini-hide {display: none; visibility: hidden; height: 0;}

    #top .avia_message_box_content p {
        font-size: 18px;
    }
	
	/* Bilder in Spalten auf 100% Breite */
	.flex_column.av_one_third .avia_image {
		width: 100%;
	}
	/* Formular-Felder auf max 256 px */
	.gform_wrapper.gravity-theme *{
	    box-sizing: border-box;
	    max-width: 99%;
	}
	.avia-button-center {
	    box-sizing: border-box;
	    max-width: 90%;
	}
	
	#top #wrap_all .avia_textblock > h2 {
	    font-size: 28px;
	}
	body .alignleft, .entry-content-wrapper a:hover .alignleft {
	    float: none;
	    margin: 0px auto 0px auto;
	    display: block;
	    position: relative;
	}
	
	.gform_wrapper .gform_validation_errors>ol {
	    padding-left: 0px;
	}
	.gform_wrapper .gform_validation_errors>ol li {
	    color: #c02b0a;
	    font-size: 14px;
	    line-height: 1.3em;
		margin: 0 0;
	}
}


/* Print Styles
================================================== */
@media print {

    #header {
        display: block;
        text-align: center;
        position: running(header);
        position: fixed;
        width: 100%;
        bottom: 0;
        left: 0;
        right: 0;
    }

    #socket {
        display: block;
        text-align: center;
        position: running(footer);
        position: fixed;
        width: 100%;
        bottom: 0;
        left: 0;
        right: 0;
    }

    @page {
        @top-center {
            content: element(header)
        }

    }

    @page {
        @bottom-center {
            content: element(footer)
        }

    }

}