/*
Projekt       : Auf den Punkt
Komponente    : Wordpress
Datei         : style.css
Beschreibung  : Spezielle Anpassungen des Themes "Divi" für die Website "redaktion-aufdenpunkt.de"
Author:         Datenwege Informatik
Author URI:     http://Datenwege-Informatik.de
Template:       Divi
Version:        1.0
Historie
   30.12.23  Gernot Daum  Beginn der Implementierung
*/

/* Fonts */
@font-face {
  font-family: 'Mulish';
  font-style: normal;
  src: url('assets/fonts/Mulish-Regular.woff2') format('woff2'), 
       url('assets/fonts/Mulish-Regular.woff') format('woff'), 
       url('assets/fonts/Mulish-Regular.ttf') format('truetype'), 
       url('assets/fonts/Mulish-Regular.eot') format('embedded-opentype');
}
@font-face {
  font-family: 'Mulish Bold';
  font-style: normal;
  src: url('assets/fonts/Mulish-Bold.woff2') format('woff2'), 
       url('assets/fonts/Mulish-Bold.woff') format('woff'), 
       url('assets/fonts/Mulish-Bold.ttf') format('truetype'), 
       url('assets/fonts/Mulish-Bold.eot') format('embedded-opentype');
}
@font-face {
  font-family: 'Julius Sans One';
  font-style: normal;
  src: url('assets/fonts/JuliusSansOne-Regular.woff2') format('woff2'), 
       url('assets/fonts/JuliusSansOne-Regular.woff') format('woff'), 
       url('assets/fonts/JuliusSansOne-Regular.ttf') format('truetype'), 
       url('assets/fonts/JuliusSansOne-Regular.eot') format('embedded-opentype');
}

/* Konstanten */
:root {
	--adp--color-grey-dark: #3f3f3e;
	--adp--color-grey: #909090;
	--adp--color-orange: #f19100;
	
	/*   Breiten und Abstände */
  --global--spacing-unit: clamp(7.5px, 0.7813vw, 30px);
  --global--spacing-horizontal: var(--global--spacing-unit);
  --global--spacing-vertical: calc(2 * var(--global--spacing-unit));
}

/* Allgemein */
body {
  font-family: Mulish, sans-serif;
  font-weight: Normal 
}
strong {font-family:'Mulish Bold', sans; font-weight: normal}
#page-container h1, #page-container h2, #page-container h3, 
#page-container h4, #page-container h5, #page-container h6 {
  font-family: 'Julius Sans One', sans-serif;
  font-weight: Normal 
}
a {color: var(--adp--color-grey-dark)}
a:hover {color: var(--adp--color-orange)}
 
 
/* Kopf */ 
#top-menu a:hover, #top-menu li.current-menu-item > a {color: var(--adp--color-orange)}
 
/* Fuß */
#main-footer a {color: var(--adp--color-grey)}
#main-footer a:hover {color: var(--adp--color-orange)}
#footer-bottom {
	display: flex;
	padding: 0 0 30px 0;
	background: transparent
}
#et-footer-nav {background: transparent}
.bottom-nav {padding: 0}
#main-footer li.current-menu-item > a {color: var(--adp--color-orange)}
#footer-bottom .site-info {margin-left: auto}
 
/* Inhalt */
.legal .et_pb_row > * {max-width: 800px}
.legal h2 {padding-top: var(--global--spacing-vertical)}


/* Responsive */
