/*
Theme Name: kozsmonaut
Version: 1.0
Description: A child theme of Vantage
Author: web1441
Template: vantage
*/

@import url("../vantage/style.css");

/* MAIN, BODY, HTML */
body.responsive.layout-full #page-wrapper .full-container {
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
}

#main {
  background: #fcfcfc;
  padding: 0 35px;
}

.heroline {
width: 1400px;
margin: auto;
position: relative;
height:100vH;
}

.heroline h1 {
height: 100vH;
margin: 0;
text-align: right;
font-size: 72px;
line-height: 1.4em;
position: absolute;
right: 0;
top: 50vH;
font-family: 'Sienna-Bold', sans-serif;
}

/* HEADER */
#masthead .hgroup {
  padding-top: 0px;
  padding-bottom: 0px;
}

/* NAVIGATION */
.main-navigation {
  background: transparent;
}

.main-navigation ul li {
  font-size: 24px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  font-family: 'Orto-Bold', sans-serif;
}

.main-navigation ul li:hover > a, .main-navigation ul li.focus > a {
  background: transparent;
}

.menu-menu-1-container {
  margin: 4vH 0 0 0;
}

/* FOOTER */
.layout-full #colophon {
  margin-bottom: 0;
  margin-top: 0;
  padding: 4em 0 3em 0;
}

#footer-widgets.full-container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

#footer-widgets::before {
  content: '';
  display: none;
}

#footer-widgets .widget {
  width: 100% !important;
}

#footer-widgets .widget .widget-title {
  font-family: "Orto-Bold", sans-serif;
  color: #a2a8ad;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  margin: 0.6em 0;
  font-size: 21px;
  font-weight: unset;
}

ul#menu-footer-1.menu {
}

#colophon .widget_nav_menu .menu-item a {
  font-family: "Orto-Medium", sans-serif;
  color: #fff;
  font-size: 19px;
  line-height: 32px;
  border: none;
}

aside#nav_menu-2 {
  display: inline-grid;
  grid-template-rows: 1fr 3fr;
  float: none;
  justify-content: center;
}

aside#nav_menu-3 {
  display: inline-grid;
  grid-template-rows: 1fr 3fr;
  color: #fff;
  float: none;
  justify-content: center;
}

aside#custom_html-3 a {
  font-family: "Orto-Medium", sans-serif;
  color: #fff;
  font-size: 18px;
  line-height: 32px;
}

#footer-widgets .widget a {
  color: #fff;
  text-transform: uppercase;
}


/* CODEPEN */
.mtext h2 {
  font-family: "Orto-Bold", sans-serif;
  font-size: 24px;
  line-height: 24px;
   margin: 1em 0 0 0;
}

p.innerzitat {
  font-family: 'Sienna-Regular', serif;
  color: #fc028b;
  font-size: 23px;
  line-height: 37px;
  text-align: right;
  width: 80%;
  margin: 1em 0 0 20%;
  display: inline-grid;
  grid-template-rows: 0.4fr 0.2fr;
  font-weight: 700;
}

p.innertext {
  font-family: 'Orto', sans-serif;
  font-size: 19px;
  line-height: 30px;
}
span.author {
  font-family: "Open sans", sans-serif;
}

h2.personinfo {
  font-family: 'Sienna-Bold', sans-serif;
  font-size: 27px;
  line-height: 27px;
  letter-spacing: 0.05em;
  font-weight: bold;
  margin: 0 0;
}

p.pname {
  font-family: "Orto-Bold", sans-serif;
  font-size: 21px;
  margin-top: 2em;
  margin-bottom: 0em;
}

span.grad {
  font-family: "Orto-Italic", sans-serif;
  font-size: 19px;
}

p.place {
  font-family: "Orto", sans-serif;
  font-size: 19px;
  line-height: 30px;
  margin-top: 2em;
}

p.adress {
  font-family: "Orto-Bold", sans-serif;
  font-size: 19px;
  line-height: 30px;
  margin-top: 2em;
}

.morelink {
  font-family: "Orto-bold", sans-serif;
  font-size: 19px;
  color: #fc028b;
  align-content: end;
  display: inline-grid;
  grid-template-columns: 6fr auto;
  grid-gap: 1em;
  justify-content: end;
}

p.linkmore {
  font-family: "Orto-Bold", sans-serif; 
  font-size: 19px;
  margin: 0;
}

h1.intouch {
  font-family: 'Sienna-Bold', sans-serif;
  color: #fff !important;
  font-size: 48px;
  text-align: center;
  margin: 0;
}

.icons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-content: center;
  grid-gap: 4em;
}

.item-a {
  display: inline-grid;
  align-content: center;
}

.item-b {
  display: inline-grid;
  align-content: center;
}

section.socialmedia {
}

h1.works {
  font-family: 'Sienna-Bold', sans-serif;
  font-size: 84px;
  letter-spacing:0.01em;
  margin: 0;
  display: inline-grid;
  align-self: center;
  color: #fff !important;
  justify-items: center;
}

button.toworks {
  width: auto;
  border: 3px solid #fc028b;
  background-color: transparent;
  border-radius: 12px;
  display: inline-grid;
  justify-self: center;
  grid-template-columns: 1fr;
  justify-items: end;
  padding: 12px 104px 12px 36px;
  align-items: center;
  color: #fc028b;
  font-family: "Orto-Bold", sans-serif;
  font-size: 24px;
  letter-spacing: 0.05em;
  background-image: url("https://assets.codepen.io/9098040/linkarrow.png");
  background-repeat: no-repeat;
  background-position: right 6% bottom 50%;
}

.stations h2 {
  font-family: "Orto-Bold", sans-serif;
  text-align: right;
  font-size: 24px;
  line-height: 24px ;
  margin: 1em 0 0 0;
}

p.vitae {
  font-family: "Orto", sans-serif;
  text-align: right;
  font-size: 19px;
  line-height: 30px;
}

p.twovitae {
  font-family: "Orto", sans-serif;
  text-align: left;
  font-size: 19px;
  line-height: 30px;
}

h3 {
  font-family: "Open sans", sans-serif;
  font-weight: 700;
  color: #cfd8dc;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.fooconti ul li::marker {
  content: "";
}

.fooconti a {
  font-family: "Open sans", sans-serif;
  color: #fff;
  font-size: 19px;
  line-height: 32px;
}

ul {
  padding: 0;
  margin: 0;
}

h3.footer {
  font-family: "Orto-Bold", sans-serif;
  font-weight: 700;
  color: #a2a8ad;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  margin: 0.6em 0;
  font-size: 21px;
}

p.fooadress {
  font-family: "Orto-Medium", sans-serif;
  font-size: 19px;
  color: #fff;
  line-height: 32px;
  margin: 0;
}

#canvas {
display: block;
height: 717px;
width: 100%;
}
/* CODEPEN */

@media (min-width: 1601px) and (max-width: 2048px) {
/* CSS-Styles, die nur auf Bildschirmen mit einer Breite zwischen 801 und 1024 Pixeln angewendet werden */
.heroline h1 {
top: 50vH;
}
}

@media (min-width: 2049px) and (max-width: 2560px) {
/* CSS-Styles, die nur auf Bildschirmen mit einer Breite zwischen 2049 und 2560 Pixeln angewendet werden */
.heroline h1 {
top: 60vH;
}
}