/*
ooooo     ooo     .    o8o  oooo   o8o      .               
`888'     `8'   .o8    `"'  `888   `"'    .o8               
 888       8  .o888oo oooo   888  oooo  .o888oo oooo    ooo 
 888       8    888   `888   888  `888    888    `88.  .8'  
 888       8    888    888   888   888    888     `88..8'   
 `88.    .8'    888 .  888   888   888    888 .    `888'    
   `YbodP'      "888" o888o o888o o888o   "888"     .8'     
                                                .o..P'      
                                                `Y8P'       
*/

/* Utility classes only. Which means classes that are used for one purpose only. Can be project specific, 
but are mostly classes that can be used in every new project. */



/* In some instances is is not wished to have the typical underline for links (e.g. Site navigation).
In older instances I did deactivate the underline for the whole site but had to add it again for 
paragraph texts. This approach is the other way around. */

.inverted-underline {
  text-decoration: none;
}

.inverted-underline:hover {
  text-decoration: underline;
} 

/* Rounded class with a variable that is defined at variables.css */

.rounded-corners {
  border-radius: var(--border-radius);
}


@media screen and (max-width: 800px) {
  .desktop {
    display: none;
  }
}

@media screen and (min-width: 800px) {
  .mobile {
    display: none;
  }
}