/* up2date-website.de */
@import 'fonts.css';
/* HTML, BODY, .CONT */
html{
background: #ededed; 
font-family: Outfit, 'Century Gothic', sans-serif; 
font-size: 16px; 
line-height: 22px; 
color: #111111;
}
body{
background:transparent; 
font-family:inherit; 
line-height:inherit; 
min-width:360px
}

/* ELEMENTS */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6{font-family: Outfit, 'Century Gothic', sans-serif;font-weight:700;}
h3,.h3,h2,.h2,h1,.h1 {
    color: #c6c6c6;
    /* margin-top: 0;
    margin-bottom: .5rem;
        line-height: 1.2 */
    font-weight: 700;
}
h6,.h6,h5,.h5,h4,.h4{color:#969696}
h1,.h1 {font-size: calc(1.5rem + 2.95vw)}
@media (width>=1200px) {
    h1,.h1 {font-size: 4rem}
}

h2,.h2 {font-size: calc(1.5rem + 1.47vw); text-transform:uppercase}
@media (width>=1200px) {h2,.h2 {font-size: 2.5rem }}



/* HEADER */
.home .navbar-brand{display:none}
.container-header {
background-color: transparent;
background-image: none;
box-shadow: none;
}
/* MAIN */

/* FOOTER  */
.footer {
color: #f00;
background-color: transparent;
background-image: none;
}
/* FOOTER NAV */
.mod-menu {
  flex-direction: row;
  column-gap: 10px;
}
.footer .grid-child {
  justify-content: center;
  flex-direction: column;
}
.footer a:not(.btn) {
color: #f00;
font-weight: 700;
font-size: 20px;
}
.footer a:not(.btn):hover, .footer a:not(.btn):focus {
  color: #f00;  
  text-shadow: 0 0 1px #c6c6c6,  0 0 2px #c6c6c6,  0 0 3px #F00;
}
.mod-list li.active>a, .mod-list li a:hover {
    text-decoration: none;
}
.mod-list li.active>a {
    border-bottom: red 1px solid;
}

/* SEITEN */
/* HOME */
.home h1, .home .h1{margin-bottom:0; line-height:1.01}
.cms, .grafik {width:400px; border: red 1px solid}
.grafik {margin:0 0 0 auto; margin-top:-100px}
.grafik h2{text-align:right}
.u2d{font-size:calc(1.4rem + 2.90vw);color:#e30613;font-weight:900; transform: rotate(35deg);text-align:center }