/*!
Theme Name: WuM
Theme URI: https://waldpixelwerk.de
Author: wald.pixel.werk
Author URI: https://waldpixelwerk.de/
Description: Theme für WuM
Version: 1.0.0
Tested up to: 8.2
Requires PHP: 7.2
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: wum
*/



@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lovage';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/lovage-webfont.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'WorkSans';
  font-style: normal;
  font-weight: 300;
  src: url('./fonts/WorkSans-VariableFont_wght.ttf') format('truetype'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Garamond';
  font-style: italic;
  font-weight: 400;
  src: url('./fonts/EBGaramond-Italic.ttf') format('truetype'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}



 :root{
    --fonts:16px;
    --fontsmall: 0.7em;
    --heather:#dde4df;
    --green: #144e47;
   --black:#000;
  }




*:focus {
    outline: none;
}

::-moz-selection { background: var(--blue); color:var(--white); }
  ::selection { background: var(--blue); color:var(--white); }

body, html{padding:0;margin:0;left:0;top:0;width:100%;position:relative;font-size:var(--fonts);font-family:"WorkSans", Arial;height:100vh;overflow:hidden;font-weight:300;color: var(--black);background-color:var(--heather);text-rendering: geometricPrecision;white-space-collapsing:discard}
.notransition *{transition:none !important}

a, a:link, a:active, a:visited{text-decoration:none;font-style:normal;transition:color .2s ease-in-out;color:var(--green)}

a:hover{color:var(--black)}

h1, h2, h3, h4, h5, h6{font-family:"Montserrat";letter-spacing:0.0em;font-weight:700}
img{max-width:100%;}


.container{max-width:100%;position:absolute;top:0;left:0;width:800px;height:auto;transform: translateX(calc(50vw - 50%)) translateY(calc(50vh - 50%));}

.aufbau{font-family: "WorkSans";line-height:1.2em;letter-spacing:0.1em;font-size:1.35em;font-weight:300}
.logo{margin-top:2em;padding-left:0%;width:100%}
.logo-top{width:100%;display:inline-block}
.logo-fei{float:left;font-size:8em;line-height:1em;color:var(--green);font-family: "Lovage"}
.logo-architektur {
    float: left;
    font-size: 5.1em;
    line-height: 1em;
    color: var(--green);
    font-family: "Lovage";
    vertical-align: bottom;
    margin-top: 2.3rem;
    margin-left: 0.25rem;
}
.logo-name {
    width: 100%;
    margin-top: 0em;
    font-family: "Garamond";
    font-style:italic;
    display: inline-block;
    font-size: 2.1em;
    line-height: 1em;
    margin-top: -0.2rem;
}

.text{width:30%;float:right;margin-top:2em;color:var(--green);font-weight:300}



@media (max-width:768px){
body, html{height:auto;overflow:scroll}
.container{padding:1em;width:calc(100% - 2em);transform:none;position:relative;margin-top:calc(50vh - 50% - 3em)}

.text{width:100%;margin-top:4em;float:unset;margin-left:3%}


}


@media (max-width:480px){
.logo{font-size:0.6em}

.logo-architektur {
    margin-top: 1.4rem;
}
}