/*
 Theme Name:   steelvoll Theme
 Theme URI:    https://steelvoll.de
 Description:  Mit diesem Child-Theme können Änderungen an deiner Website vorgenommen werden, die über die Einstellmöglichkeiten von Divi hinausgehen und auch nach einem Update erhalten bleiben! 
 Author:       Christian van Straalen
 Author URI:   https://vanstraalen.gallery
 Template:     Divi
 Version:      1.0
*/

/****************************************************************
***************** STYLING UNTERE FOOTERLEISTE *******************
****************************************************************/


#footer-bottom {
    padding:1.2rem 0 0;
}
#footer-info, .legal-footer-menu {
    padding-bottom:1.2rem;
}
#footer-info a {
    display: inline-block;
}

/* Breakpoint */
@media (min-width:980px) {
    #footer-info, #footer-bottom .legal-footer-menu {
        display: inline-block !important;
        width: auto !important;
        max-width:50%;
    }    
    #footer-bottom .legal-footer-menu {
        float:right !important;
    }
}
@media (max-width: 980px) {
    #footer-bottom .legal-footer-menu {
        float: none;
        text-align: center;
    }
}
/* Rechtliches Menü */
.legal-footer-menu li a {
    color:#fff; /* Hier Farbe des Footer Menüs ändern */
}
#footer-bottom .legal-footer-menu li {
    display: inline-block;
    position: relative;
    padding: 0 .5rem;
    line-height: 1rem;
}
#footer-bottom .legal-footer-menu li:first-child {
    padding-left:0;
    margin-left:0;
}
#footer-bottom .legal-footer-menu li:last-child {
    padding-right: 0;
    margin-left:-4px;
}
#footer-bottom .legal-footer-menu li:after {
    content: "";
    width: 1px; height:1rem;
    background: #555;
    position: absolute;
    right: -1px; top: 0;
}
#footer-bottom .legal-footer-menu li:last-child:after {
    display: none;
}

/* Eigene Styles hierunter einfügen */

/* merriweather-sans-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Merriweather Sans';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/merriweather-sans-v26-latin-300.eot'); /* IE9 Compat Modes */
  src: url('fonts/merriweather-sans-v26-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/merriweather-sans-v26-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/merriweather-sans-v26-latin-300.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/merriweather-sans-v26-latin-300.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/merriweather-sans-v26-latin-300.svg#MerriweatherSans') format('svg'); /* Legacy iOS */
}

/* merriweather-sans-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Merriweather Sans';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/merriweather-sans-v26-latin-italic.eot'); /* IE9 Compat Modes */
  src: url('fonts/merriweather-sans-v26-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/merriweather-sans-v26-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/merriweather-sans-v26-latin-italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/merriweather-sans-v26-latin-italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/merriweather-sans-v26-latin-italic.svg#MerriweatherSans') format('svg'); /* Legacy iOS */
}

/* merriweather-sans-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Merriweather Sans';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/merriweather-sans-v26-latin-500.eot'); /* IE9 Compat Modes */
  src: url('fonts/merriweather-sans-v26-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/merriweather-sans-v26-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/merriweather-sans-v26-latin-500.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/merriweather-sans-v26-latin-500.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/merriweather-sans-v26-latin-500.svg#MerriweatherSans') format('svg'); /* Legacy iOS */
}

/* serpentine-300 - latin */
@font-face {
  font-display: swap;
  font-family: 'serpentine-light';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/serpentine-light.eot');
  src: url('fonts/serpentine-light.eot?#iefix') format('embedded-opentype'),
       url('fonts/serpentine-light.ttf') format('truetype'),
       url('fonts/serpentine-light.woff') format('woff'),
       url('fonts/serpentine-light.woff2') format('woff2');
}

/* serpentine-300-italic - latin */
@font-face {
  font-display: swap;
  font-family: 'serpentine-light';
  font-style: italic;
  font-weight: 300;
  src: url('fonts/serpentine-lightoblique.eot');
  src: url('fonts/serpentine-lightoblique.eot?#iefix') format('embedded-opentype'),
       url('fonts/serpentine-lightoblique.ttf') format('truetype'),
       url('fonts/serpentine-lightoblique.woff') format('woff'),
       url('fonts/serpentine-lightoblique.woff2') format('woff2');
}

/* Merriweather bold*/
@font-face {
  font-display: swap;
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/Merriweather-Bold.eot');
  src: url('fonts/Merriweather-Bold.eot?#iefix') format('embedded-opentype'),
       url('fonts/Merriweather-Bold.ttf') format('truetype'),
       url('fonts/Merriweather-Bold.woff') format('woff'),
       url('fonts/Merriweather-Bold.woff2') format('woff2');
}

/* Merriweather light*/
@font-face {
  font-display: swap;
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/Merriweather-Light.eot');
  src: url('fonts/Merriweather-Light.eot?#iefix') format('embedded-opentype'),
       url('fonts/Merriweather-Light.ttf') format('truetype'),
       url('fonts/Merriweather-Light.woff') format('woff'),
       url('fonts/Merriweather-Light.woff2') format('woff2');
}

h1 a {
    font-family:'serpentine-light' !important;
}

h2 a {
    font-family:'serpentine-light' !important;
}

h3 a {
    font-family:'serpentine-light' !important;
}

h4 a {
    font-family:'serpentine-light' !important;
}

h5 a {
    font-family:'serpentine-light' !important;
}

h6 a {
    font-family:'serpentine-light' !important;
}
	
h1 .serif {
    font-family:'Merriweather' !important;
	color: #9c8e69 !important;
    letter-spacing: 0.05em !important;
    line-height: 1.6em !important;
    text-shadow: 0em 0.07em 0.05em rgba(0,0,0,0.85) !important;
}

h2 .serif {
    font-family:'Merriweather' !important;
	color: #9c8e69 !important;
    letter-spacing: 0.05em !important;
    line-height: 1.6em !important;
    text-shadow: 0em 0.07em 0.05em rgba(0,0,0,0.85) !important;
}

h3 .serif {
    font-family:'Merriweather' !important;
	color: #9c8e69 !important;
    letter-spacing: 0.05em !important;
    line-height: 1.6em !important;
    text-shadow: 0em 0.07em 0.05em rgba(0,0,0,0.85) !important;
}

h4 .serif {
    font-family:'Merriweather' !important;
	color: #9c8e69 !important;
    letter-spacing: 0.05em !important;
    line-height: 1.6em !important;
    text-shadow: 0em 0.07em 0.05em rgba(0,0,0,0.85) !important;
}

body h1 {
	font-family:'serpentine-light' !important;
	text-transform: uppercase !important;
    color: #9c8e69 !important;
    letter-spacing: 0.05em !important;
    line-height: 1.6em !important;
    text-shadow: 0em 0.07em 0.06em rgba(0,0,0,0.85) !important;
	font-size: clamp(2rem, 1.6786rem + 1.0714vw, 2.75rem) !important;
}

body h2 {
	font-family:'serpentine-light' !important;
	text-transform: uppercase !important;
    color: #9c8e69 !important;
    letter-spacing: 0.05em !important;
    line-height: 1.6em !important;
    text-shadow: 0em 0.07em 0.06em rgba(0,0,0,0.85) !important;
	font-size: clamp(1.75rem, 1.4286rem + 1.0714vw, 2.5rem) !important;
}

body h3 {
	font-family:'serpentine-light' !important;
	text-transform: uppercase !important;
    color: #9c8e69 !important;
    letter-spacing: 0.05em !important;
    line-height: 1.6em !important;
    text-shadow: 0em 0.06em 0.05em rgba(0,0,0,0.80) !important;
	font-size: clamp(1.625rem, 1.3571rem + 0.8929vw, 2.25rem) !important;
}

body h4 {
	font-family:'serpentine-light' !important;
	text-transform: uppercase !important;
    color: #9c8e69 !important;
    letter-spacing: 0.05em !important;
    line-height: 1.6em !important;
    text-shadow: 0em 0.06em 0.05em rgba(0,0,0,0.80) !important;
	font-size: clamp(1.5rem, 1.2857rem + 0.7143vw, 2rem) !important;
}

body h5 {
	font-family:'serpentine-light' !important;
	text-transform: uppercase !important;
    color: #9c8e69 !important;
    letter-spacing: 0.05em !important;
    line-height: 1.6em !important;
    text-shadow: 0em 0.05em 0.04em rgba(0,0,0,0.75) !important;
	font-size: clamp(1.3125rem, 1.125rem + 0.625vw, 1.75rem) !important;
}

body h6 {
	font-family:'serpentine-light' !important;
	text-transform: uppercase !important;
    color: #9c8e69 !important;
    letter-spacing: 0.05em !important;
    line-height: 1.6em !important;
    text-shadow: 0em 0.05em 0.04em rgba(0,0,0,0.75) !important;
	font-size: clamp(1.125rem, 0.9643rem + 0.5357vw, 1.5rem) !important;
}

body:lang(de) {
    font-family:'Merriweather Sans' !important;
	font-size: clamp(0.875rem, 0.7679rem + 0.3571vw, 1.125rem) !important;
	-ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

body a {
/*font-family:'Merriweather Sans' !important;*/
	font-size: clamp(0.875rem, 0.7679rem + 0.3571vw, 1.125rem) !important;
}

body p {
    font-family:'Merriweather Sans' !important;
	font-size: clamp(0.875rem, 0.7679rem + 0.3571vw, 1.125rem) !important;
}

body .serif {
    font-family:'Merriweather' !important;
}