/*

Theme Name: Pro – Child Theme
Theme URI: https://theme.co/pro/
Author: Themeco
Author URI: https://theme.co/
Description: Make all of your modifications to Pro in this child theme.
Version: 1.0.0
Template: pro

*/


 @import url("https://use.typekit.net/guy3zvp.css");


:root {
	--primary: #c62a28;
	--grey: #e5e5e5;
	--headline: futura-pt, sans-serif;
	--ptext: ff-tisa-web-pro, serif;
}

/*Markierter Text*/
	
	::-moz-selection { background: var(--primary); color: var(--grey); }
	::selection { background: var(--primary); color: var(--grey); }



/*TEXT DEFINITIONS*/

p {
	font-family: var(--ptext);
	color: #000000;
	font-weight: 400;
	font-size: 1.5em;
}

@media screen and (max-width:979px) {
  p {
	font-size: 1.1em;
	} 
}

h1 {
	font-family: var(--headline);
	color: #000000;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 6vw;
	line-height: 6vw;
}

@media screen and (max-width:979px) {
  h1 {
	font-size: 10vw;
	line-height: 10vw;
	} 
}

h2 {
	font-family: var(--headline);
	color: #000000;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 3em;
	line-height: 3em;
}

@media screen and (max-width:979px) {
  h2 {
	font-size: 2em;
	line-height: 1em;
	} 
}

h3 {
	font-family: var(--headline);
	color: #000000;
	font-weight: 400;
	font-size: 2em;
}

h4 {
	font-family: var(--ptext);
	color: #000000;
	font-weight: 400;
	font-size: 2em;
}

@media screen and (max-width:979px) {
  h4 {
	font-size: 1.15em;
	} 
}

.title-footer {
	font-family: var(--headline);
	font-size: 24px;
	text-transform: uppercase;
	color: #ffffff;
}

.portfolio {
	font-family: var(--headline);
	color: #000000;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 4em;
}

.portfolio-legenden {
	font-family: var(--ptext);
	color: #000000;
	font-weight: 400;
	font-size: 1em;
}

.foot-small {
	font-size: 18px;
	color: #ffffff;
}

.foot-lead {
	font-family: var(--ptext);
	color: #ffffff;
	font-weight: 400;
	font-size: 2em;
}


/*STICKY*/

.sticky-element {
    position: -webkit-sticky; /* Für Safari */
    position: sticky;
    top: 20vh; /* Abstand vom oberen Rand */
}

@media screen and (max-width:979px) {
  .sticky-element {
    top: 35vh; /* Abstand vom oberen Rand */
	}
}