/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 31 2026 | 06:35:57 */
/* ==========================================================
   Simple Custom CSS and JS: 02 MJR - Header, Navigation und Website-Basis
   Aufgeteilt aus dem bisherigen globalen CSS | 30.08.2026

   Enthalten: Desktop-Header, Login-/Kontobox, Menues, Logos, Pagination, allgemeine Divi-Regeln und Footer-Korrektur.
   Ohne <style>-Tags in einen CSS-Eintrag kopieren.
   ========================================================== */

/* ==========================================================
   MESSMER JobRelations – dezenter Login im Desktop-Header
   Sitewide Header CSS | Version 1.9 | 29.08.2026

   Einfügen im Divi Theme Builder Header oder im globalen CSS.
   Header-Grundlayout für die WPML-fähige Login-/Kontobox V3.
   ========================================================== */

:root {
    --mjr-header-blue: #0f2774;
    --mjr-header-blue-hover: #091c5b;
    --mjr-header-orange: #f33908;
    --mjr-header-text: #4f535d;
    --mjr-header-muted: #747984;
    --mjr-header-light: #eef2fa;
    --mjr-header-white: #ffffff;
    --mjr-header-border: #dce2ef;
    --mjr-header-shadow: 0 14px 34px rgba(15, 39, 116, 0.14);
}

/* ----------------------------------------------------------
   Desktop: Menüspalte verbreitern, Loginspalte verkleinern
   ---------------------------------------------------------- */

@media (min-width: 1300px) {
    header .mjr-header-main-row {
        display: flex !important;
        align-items: center !important;
        gap: 0 !important;
    }

    header .mjr-header-main-row > .et_pb_column:first-child {
        width: auto !important;
        flex: 1 1 auto !important;
        margin-right: 30px !important;
    }

    header .mjr-header-main-row > .mjr-header-account-column {
        display: flex !important;
        width: 154px !important;
        max-width: 154px !important;
        min-height: 44px !important;
        flex: 0 0 154px !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    /* Kompakter Login-Umschalter */

    header #divi-login-toggle.mjr-header-login-toggle {
        width: 100% !important;
        margin: 0 !important;
        cursor: pointer;
    }

    header #divi-login-toggle.mjr-header-login-toggle .et_pb_blurb_content {
        display: flex !important;
        width: 100% !important;
        max-width: none !important;
        min-height: 44px !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 8px 16px !important;
        box-sizing: border-box !important;
        border: 1px solid var(--mjr-header-blue) !important;
        border-radius: 4px !important;
        background: transparent !important;
        transition: background-color 0.2s ease, border-color 0.2s ease;
    }

    header #divi-login-toggle.mjr-header-login-toggle:hover .et_pb_blurb_content,
    header #divi-login-toggle.mjr-header-login-toggle:focus-within .et_pb_blurb_content {
        border-color: var(--mjr-header-blue-hover) !important;
        background: var(--mjr-header-light) !important;
    }

    /*
       Das im Divi-Blurb gewählte Personen-Icon wird verwendet.
       Die festen Flex-Werte verhindern, dass Divis Tabellen-Layout
       das Icon beim Import oder bei schmaleren Desktopbreiten verschiebt.
    */

    header #divi-login-toggle.mjr-header-login-toggle .et_pb_main_blurb_image {
        display: block !important;
        width: 18px !important;
        flex: 0 0 18px !important;
        margin: 0 9px 0 0 !important;
        line-height: 1 !important;
    }

    header #divi-login-toggle.mjr-header-login-toggle .et_pb_image_wrap,
    header #divi-login-toggle.mjr-header-login-toggle .et-pb-icon {
        display: block !important;
        width: 18px !important;
        height: 18px !important;
        margin: 0 !important;
        padding: 0 !important;
        color: var(--mjr-header-blue) !important;
        font-size: 18px !important;
        line-height: 18px !important;
    }

    header #divi-login-toggle.mjr-header-login-toggle .et_pb_blurb_container {
        width: auto !important;
        flex: 0 0 auto !important;
        padding: 0 !important;
    }

    header #divi-login-toggle.mjr-header-login-toggle .et_pb_module_header {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 0 !important;
        padding: 0 !important;
        color: var(--mjr-header-blue) !important;
        font-size: 12px !important;
        font-weight: 700 !important;
        line-height: 1.2 !important;
        letter-spacing: 0.8px !important;
        text-transform: uppercase;
        white-space: nowrap;
    }

    /* ------------------------------------------------------
       Positionierungszeile des Loginformulars
       Die Gestaltung der Box folgt weiter unten in Version 3.2.
       ------------------------------------------------------ */

    header .mjr-header-login-row {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

}

/* ----------------------------------------------------------
   Mega-Menue direkt unter "Dienstleistungen"

   Der Menuepunkt dient als Positionierungsbezug. Dadurch bleibt
   das Dropdown auch auf sehr breiten Monitoren zentriert unter
   "Dienstleistungen" und behaelt sein Fuenf-Spalten-Raster.
   ---------------------------------------------------------- */

@media (min-width: 1300px) {
    header .jobrelations-menu .et-menu-nav > ul.et-menu > li.mega-menu.mega-menu-5-cols {
        position: relative !important;
    }

    header .jobrelations-menu .et-menu-nav > ul.et-menu > li.mega-menu.mega-menu-5-cols > ul.sub-menu {
        display: grid !important;
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
        left: 50% !important;
        right: auto !important;
        width: 1000px !important;
        max-width: calc(100vw - 40px) !important;
        box-sizing: border-box !important;
        transform: translateX(-50%) !important;
    }
}


/* Das bestehende Tablet-/Mobile-Headerlayout bleibt unverändert. */

/* ==========================================================
   MESSMER JobRelations – Divi Login-/Kontobox
   Version 3.2 | 29.08.2026

   Passend zum PHP-Snippet:
   mjr-divi-login-panel-wpml-v3.txt
   ========================================================== */

/* Grundkarte ------------------------------------------------ */

#divi-login-form.mjr-header-login-panel {
    position: absolute !important;
    top: 1px !important;
    right: 0 !important;
    left: auto !important;
    z-index: 9999 !important;
    box-sizing: border-box !important;
    width: min(420px, calc(100vw - 30px)) !important;
    max-width: 420px !important;
    padding: 30px 32px 28px !important;
    overflow: hidden !important;
    border: 1px solid #dce2ef !important;
    border-top: 5px solid #0f2774 !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    color: #515968 !important;
    box-shadow: 0 22px 55px rgba(15, 39, 116, 0.16) !important;
}

#divi-login-form.mjr-header-login-panel,
#divi-login-form.mjr-header-login-panel * {
    box-sizing: border-box;
}

#divi-login-form.mjr-header-login-panel .et_pb_newsletter_description,
#divi-login-form.mjr-header-login-panel .et_pb_newsletter_form {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

#divi-login-form.mjr-header-login-panel
.et_pb_newsletter_description .et_pb_module_header {
    margin: 0 0 21px !important;
    padding: 0 !important;
    color: #0f2774 !important;
    font-size: 27px !important;
    font-weight: 700 !important;
    line-height: 1.18 !important;
    letter-spacing: -0.2px !important;
    text-align: center !important;
    text-transform: uppercase !important;
}

/* Abgemeldeter Zustand -------------------------------------- */

body:not(.logged-in) #divi-login-form.mjr-header-login-panel
.et_pb_newsletter_description_content {
    margin: 0 0 23px !important;
    padding: 0 0 21px !important;
    border-bottom: 1px solid #e4e8f1 !important;
}

body:not(.logged-in) #divi-login-form.mjr-header-login-panel
.et_pb_newsletter_description_content p {
    margin: 0 0 11px !important;
    padding: 0 !important;
    color: #626a79 !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    text-align: center !important;
}

body:not(.logged-in) #divi-login-form.mjr-header-login-panel
.et_pb_newsletter_description_content p:last-child {
    margin-bottom: 0 !important;
}

#divi-login-form.mjr-header-login-panel a:not(.mjr-header-account-button) {
    color: #0f2774 !important;
    font-weight: 700 !important;
    text-decoration: underline !important;
    text-decoration-color: #f33908 !important;
    text-underline-offset: 3px !important;
}

#divi-login-form.mjr-header-login-panel .et_pb_contact_form_field {
    margin: 0 0 13px !important;
    padding: 0 !important;
}

#divi-login-form.mjr-header-login-panel input[type="text"],
#divi-login-form.mjr-header-login-panel input[type="password"] {
    width: 100% !important;
    height: 50px !important;
    margin: 0 !important;
    padding: 0 15px !important;
    border: 1px solid #d5dcea !important;
    border-radius: 4px !important;
    background: #f7f8fb !important;
    color: #313746 !important;
    font-size: 15px !important;
    line-height: 48px !important;
    box-shadow: none !important;
}

#divi-login-form.mjr-header-login-panel input[type="text"]:focus,
#divi-login-form.mjr-header-login-panel input[type="password"]:focus {
    border-color: #0f2774 !important;
    background: #ffffff !important;
    outline: 0 !important;
    box-shadow: 0 0 0 3px rgba(15, 39, 116, 0.10) !important;
}

#divi-login-form.mjr-header-login-panel input::placeholder {
    color: #8a91a0 !important;
    opacity: 1 !important;
}

#divi-login-form.mjr-header-login-panel .et_pb_forgot_password {
    margin: 2px 0 20px !important;
    padding: 0 !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
    text-align: right !important;
}

#divi-login-form.mjr-header-login-panel
.et_pb_newsletter_button.et_pb_button {
    display: flex !important;
    position: relative !important;
    width: 100% !important;
    min-height: 52px !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 14px 48px 14px 22px !important;
    border: 1px solid #0f2774 !important;
    border-radius: 0 !important;
    background: #0f2774 !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    letter-spacing: 0.15px !important;
    text-align: center !important;
    text-transform: uppercase !important;
    box-shadow: none !important;
}

#divi-login-form.mjr-header-login-panel
.et_pb_newsletter_button.et_pb_button::after {
    display: block !important;
    position: absolute !important;
    top: 50% !important;
    right: 19px !important;
    margin: 0 !important;
    color: #ffffff !important;
    content: "\2192" !important;
    font-family: Arial, sans-serif !important;
    font-size: 19px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    opacity: 1 !important;
    transform: translateY(-50%) !important;
}

#divi-login-form.mjr-header-login-panel
.et_pb_newsletter_button.et_pb_button:hover,
#divi-login-form.mjr-header-login-panel
.et_pb_newsletter_button.et_pb_button:focus-visible {
    border-color: #091c5b !important;
    background: #091c5b !important;
    color: #ffffff !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 9px 20px rgba(15, 39, 116, 0.18) !important;
}

/* Angemeldeter Zustand -------------------------------------- */

body.logged-in #divi-login-form.mjr-header-login-panel
.et_pb_newsletter_description_content {
    display: none !important;
}

body.logged-in #divi-login-form.mjr-header-login-panel
.et_pb_newsletter_description .et_pb_module_header {
    margin-bottom: 19px !important;
}

#divi-login-form .mjr-header-account-host {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

#divi-login-form .mjr-header-account-card {
    width: 100%;
    text-align: center;
}

#divi-login-form .mjr-header-account-avatar {
    display: flex;
    width: 48px;
    height: 48px;
    align-items: center;
    justify-content: center;
    margin: 0 auto 13px;
    border-radius: 50%;
    background: #f0f3fa;
    color: #0f2774;
    font-size: 19px;
    font-weight: 700;
    line-height: 1;
    box-shadow: inset 0 0 0 1px #dce2ef;
}

#divi-login-form .mjr-header-account-status {
    margin: 0 0 3px !important;
    padding: 0 !important;
    color: #747b89 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    letter-spacing: 1px !important;
    text-align: center !important;
    text-transform: uppercase !important;
}

#divi-login-form .mjr-header-account-name {
    margin: 0 0 22px !important;
    padding: 0 !important;
    color: #0f2774 !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    text-align: center !important;
    overflow-wrap: anywhere;
}

#divi-login-form .mjr-header-account-actions {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    width: 100%;
}

#divi-login-form .mjr-header-account-button {
    display: flex !important;
    position: relative !important;
    width: 100% !important;
    min-height: 50px !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 13px 43px 13px 18px !important;
    border: 1px solid #0f2774 !important;
    border-radius: 0 !important;
    background: #0f2774 !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    text-align: center !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    box-shadow: none !important;
    transition: background-color 0.2s ease,
                border-color 0.2s ease,
                transform 0.2s ease,
                box-shadow 0.2s ease !important;
}

#divi-login-form .mjr-header-account-button::after {
    position: absolute;
    top: 50%;
    right: 17px;
    content: "\2192";
    font-family: Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    transform: translateY(-50%);
}

#divi-login-form .mjr-header-account-button--victory {
    border-color: #f33908 !important;
    background: #f33908 !important;
}

#divi-login-form .mjr-header-account-button--hiring:hover,
#divi-login-form .mjr-header-account-button--hiring:focus-visible {
    border-color: #091c5b !important;
    background: #091c5b !important;
    color: #ffffff !important;
    transform: translateY(-1px);
    box-shadow: 0 8px 18px rgba(15, 39, 116, 0.18) !important;
}

#divi-login-form .mjr-header-account-button--victory:hover,
#divi-login-form .mjr-header-account-button--victory:focus-visible {
    border-color: #cf2e05 !important;
    background: #cf2e05 !important;
    color: #ffffff !important;
    transform: translateY(-1px);
    box-shadow: 0 8px 18px rgba(243, 57, 8, 0.16) !important;
}

#divi-login-form .mjr-header-account-no-access {
    margin: 0 !important;
    padding: 14px 15px !important;
    border-left: 3px solid #f33908 !important;
    background: #fff7f3 !important;
    color: #626a79 !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
    text-align: left !important;
}

#divi-login-form a.mjr-header-account-signout {
    display: inline-block !important;
    margin: 19px 0 0 !important;
    padding: 0 !important;
    color: #0f2774 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    text-decoration: underline !important;
    text-decoration-color: #f33908 !important;
    text-underline-offset: 4px !important;
    text-transform: uppercase !important;
}

#divi-login-form a.mjr-header-account-signout:hover,
#divi-login-form a.mjr-header-account-signout:focus-visible {
    color: #f33908 !important;
}

/* Toggle im angemeldeten Zustand ---------------------------- */

#divi-login-toggle.mjr-header-login-toggle--logged-in
.et_pb_module_header,
#divi-login-toggle.mjr-header-login-toggle--logged-in
.et_pb_module_header span {
    color: #0f2774 !important;
}

/* Responsive ------------------------------------------------ */

@media (max-width: 767px) {
    #divi-login-form.mjr-header-login-panel {
        width: calc(100vw - 24px) !important;
        max-width: none !important;
        padding: 26px 22px 24px !important;
    }

    #divi-login-form.mjr-header-login-panel
    .et_pb_newsletter_description .et_pb_module_header {
        font-size: 24px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    #divi-login-form.mjr-header-login-panel *,
    #divi-login-form.mjr-header-login-panel *::before,
    #divi-login-form.mjr-header-login-panel *::after {
        transition: none !important;
    }
}



/* JobRelations-Logo im Footer und im Menü */
.et_pb_image_0_tb_footer img.wp-image-27012213,
.et_pb_menu__logo img.wp-image-27012213 {
  display: block;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1000 / 247;
  object-fit: contain;
}

/* Link des Menülogos als Block behandeln */
.et_pb_menu__logo a {
  display: block;
  width: 100%;
}
/* Menülogo auf Mobile */
@media only screen and (max-width: 767px) {
  .et_pb_menu_2_tb_header .et_pb_menu__logo img.wp-image-27012213 {
    width: 222px !important;
    height: auto !important;
  }
}

@media only screen and (min-width: 981px) {

  /* WPML-Sprachuntermenü */
  .jobrelations-menu
  .et-menu-nav
  li.wpml-ls-current-language
  > ul.sub-menu {
    width: 110px !important;
    min-width: 110px !important;
    max-width: 110px !important;
  }
}

@media only screen and (min-width: 981px) {
  /* Mega-Menü mit fünf gleich breiten Spalten */
.jobrelations-menu .et-menu-nav li.mega-menu.mega-menu-5-cols>ul.sub-menu {
        display:grid!important;
        grid-template-columns: repeat(5,minmax(0,1fr));
        column-gap: 20px;
        align-items: start;
        padding: 28px 24px!important;
		
		 /* Feste Breite */
   	 	width: 1000px !important;
    	max-width: calc(100vw - 40px) !important;
    	box-sizing: border-box;
		left: 50% !important;
		transform: translateX(-50%);
    }

    .jobrelations-menu .et-menu-nav li.mega-menu.mega-menu-5-cols>ul.sub-menu>li {
        width: auto!important;
        max-width: none!important;
        float: none!important;
        clear: none!important;
        margin: 0!important;
        padding: 0!important
    }

    .jobrelations-menu .et-menu-nav li.mega-menu.mega-menu-5-cols>ul.sub-menu>li>a:first-child {
        padding: 0 0 9px!important;
        margin: 0 0 5px!important;
        border-bottom: 1px solid #0f2774!important;
        font-size: 1em!important;
        line-height: 1em!important;
        font-weight: 700!important;
        white-space: nowrap
    }

    .jobrelations-menu .et-menu-nav li.mega-menu.mega-menu-5-cols>ul.sub-menu>li li a {
        padding: 5px 0!important;
        font-size: 0.9em!important;
        line-height: 1em!important;
        white-space: normal!important;
        overflow-wrap: break-word
    }
}

.menu-line-blue .et_pb_menu__menu>nav>ul>li>a>span::after {
    background-color: rgba(15,39,116,0.8)!important
}

/*style the wp-pagenavi pagination links*/

.wp-pagenavi a,
.wp-pagenavi span {
	color: #000000;
	background: #f1f3f5;
	font-size: 1em !important;
	line-height: 1em;
	font-weight: bold !important;
	padding: 0.45em 0.8em !important;
	border-radius: 100px;
  border: none;
	transition: all .5s;
}


/*style the wp-pagenavi current page number*/

.wp-pagenavi span.current {
	color: #ffffff !important;
	background: #f33908 !important;
	border-radius: 100px;
}


/*style the wp-pagenavi pagination links on hover*/

.wp-pagenavi a:hover {
	color: #ffffff!important;
	background: #f33908!important;
}


/*style the wp-pagenavi pages text*/

.wp-pagenavi .pages {
	background: none;
}


/*remove border and center the wp-pagenavi links*/

.wp-pagenavi {
	border-top: none;
	text-align: center;
}

/*Fix for divi pixel image mask module not displaying mask images in mask selection*/
.dipi-imageselect-checkbox .dipi-imageselect-img img {
  width: 100px;
}
/*End fix for divi pixel image mask module*/
@media (min-width: 981px) {
  .dt-4-columns-blog .et_pb_salvattore_content[data-columns]::before {
    content: '4 .column.size-1of4' !important;
  }

  .dt-4-columns-blog .column.size-1of4 {
    width: 24% !important;
    margin-right: 1%;
  }

  .dt-4-columns-blog .et_pb_post {
    margin-bottom: 11px;
  }
}
.et_pb_menu_0_tb_header.et_pb_menu ul li a {
    font-weight: 400;
}
.page-id-263054 .ds_dbreadcrumbs {display: none!important; }
.my-baloon-button .et_pb_button {color:#F33908!important;}
.dtb-menu.et_pb_menu .nav li li {
    position: relative;
    line-height: 1em;
}
.et_pb_menu .nav li li a:hover {
    background: #faf0e6 !important;
	opacity: 1;
    }
.et-menu-nav li.mega-menu>ul>li>a:first-child {
    padding-top: 0 !important;
    font-weight: 700;
    border-bottom: 1px solid #f33908;
}
.dtb-menu.et_pb_menu .nav li ul.sub-menu a:hover, .et-db #et-boc .et-l .dtb-menu ul.et-menu li li a:hover {
    padding-left: 25px !important;
    background: #faf0e6  !important;
    color: #f33908 !important;
    opacity: 1;
}
.et-menu-nav li.mega-menu li>a {
    width: 170px !important;
}
.et-menu-nav li.mega-menu>ul>li {
    width: 23%;
    margin: 0px;
}
.gform-theme--framework .gf_step_number {
    border-color: #F33908!important;
   }
.gform-theme--framework .gf_step_completed .gf_step_number:after {
    background-color: #F33908!important;
    border-color: #F33908!important;
}
#et-secondary-nav li.menu-item-24828 {
display: none;
}
body.logged-in #et-secondary-nav li.menu-item-24828 {
display:inline-block !important;
}
#et-secondary-nav, #et-secondary-nav li {
    display: inline-flex;
}
.et_pb_menu_0_tb_footer.et_pb_menu ul li a:hover {
    color: #ffffff!important;
}
.dsm-image img {
	display:none;
}

.recently-views {
    font-size: 11.8px!important;
}

@media (min-width: 992px) {
.bootstrap-yop .col-md-6 {
  width: 100%;
}
form#bootstrap-yop input[type=checkbox] {accent-color: #F33908;}
}
#footer-widgets {
	padding: 1% 0 0;
}
.et_pb_text_inner p strong {
	color: #F33908
}
.et_pb_text_inner li strong {
	color: #F33908
}
.et_pb_toggle_content p strong {
	color: #F33908
}

.et_pb_team_member_description p strong {
	color: #F33908
}
.et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content {
	margin: 20px auto;
	width: 100%;
}
/*---------------------------------------------------*/
/*------[Little Invisible Triangle - Quiroz.co]------*/
/*---------------------------------------------------*/

#et-main-area {
	overflow: hidden;
} /* Hides all the items that float over the right margin */

.hero:after,.hero:before {
	content: '';
	position: absolute;
	bottom: 0;
	width: 50%;
	z-index: 100;
	border-bottom: 50px solid #ffffff;
	-moz-transform: rotate(0.000001deg);
	-webkit-transform: rotate(0.000001deg);
	-o-transform: rotate(0.000001deg);
	-ms-transform: rotate(0.000001deg);
	transform: rotate(0.000001deg);
}

.hero:before{
	right: 50%;
	border-right: 50px solid transparent;
	border-left: 1000px solid;
}

.hero:after{
	left: 50%;
	border-left: 50px solid transparent;
	border-right: 1000px solid;
}


@-moz-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
		-moz-transform: translateY(0);
		transform: translateY(0);
	}
	40% {
		-moz-transform: translateY(-30px);
		transform: translateY(-30px);
	}
	60% {
		-moz-transform: translateY(-15px);
		transform: translateY(-15px);
	}
}
@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	40% {
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px);
	}
	60% {
		-webkit-transform: translateY(-15px);
		transform: translateY(-15px);
	}
}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	40% {
		-moz-transform: translateY(-30px);
		-ms-transform: translateY(-30px);
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px);
	}
	60% {
		-moz-transform: translateY(-15px);
		-ms-transform: translateY(-15px);
		-webkit-transform: translateY(-15px);
		transform: translateY(-15px);
	}
}

.et_pb_fullwidth_header .et_pb_fullwidth_header_scroll a .et-pb-icon {
	font-size: 5.5em !important;
	-moz-animation: bounce 2s infinite;
	-webkit-animation: bounce 2s infinite;
	animation: bounce 2s infinite;
}
.nav li li {
    position: relative;
    line-height: 1.5em;
}
.sub-menu {
	/*min-width: 300px;*/
	font-weight: 400;
}
#top-menu li > a > span, .et_pb_menu__menu > nav > ul > li a > span {
    font-weight: 400;
}
#top-menu li li a {
    width: 280px!important;
	/* Extra - Reduce padding on list items */
	padding: 2px 2px!important;
	}
.et-menu li li a {
	padding: 2px 2px;
    width: 280px;
}
/*#top-menu li li a {
	width: 295px!important;
	padding: 6px 10px;
}
#top-menu li ul {
	width: 335px!important;
}*/
@media only screen and  (max-width: 980px) {
	.et_pb_fullwidth_header .et_pb_fullwidth_header_scroll a .et-pb-icon {
		font-size: 3.5em !important;
		-moz-animation: bounce 2s infinite;
		-webkit-animation: bounce 2s infinite;
		animation: bounce 2s infinite;
	}
/*	.MyBlog-Bild {
		display: none;
	}
	/*.et_pb_post_title_0 {
		padding-top: 0px;
		margin-top: 0px;
		margin-left: 0px;
		text-align: center;
		background-color: #ffffff !important;
		color: #666 !important;
		max-width: 80%;
	} 
	.et_pb_title_container h1 {
		color: #F33908 !important;
		font-size: 18px; 
	}*/
}
/* =====================================================
   Revealing Footer auf der Startseite deaktivieren
   ===================================================== */

/* Berechneten Freiraum unter dem Hauptinhalt entfernen */
body.home #main-content.dipi_revealing_footer_content {
  position: relative !important;
  z-index: auto !important;

  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Footer wieder normal in den Seitenfluss setzen */
body.home .et-l--footer.dipi_revealing_footer_footer {
  position: relative !important;

  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;

  width: 100% !important;
  z-index: auto !important;
  transform: none !important;
}