/*Typography */
@import "typography.css";

:root {
  --main-color: #494949;
  --main-color-hover: #000;
  --second-color: #00FFFF;
  --second-color-hover: #99FFFF;
  --font-text: 'Suisse Intl';
  --font-accent: 'Suisse Intl';
}

@font-face {
	font-family: 'Suisse Intl';
	src: url('../fonts/SuisseIntl/SuisseIntl-Light.ttf');
	font-weight: 300;
}
@font-face {
	font-family: 'Suisse Intl';
	src: url('../fonts/SuisseIntl/SuisseIntl-SemiBold.ttf');
	font-weight: 600;
}



/* Agent-Template */
html, body {
    overflow-x: hidden;
    scroll-behavior: smooth;
}
body {
	font-family: sans-serif;
    font-family: var(--font-text), sans-serif;
    font-weight: 300;
}

/* Klassen */
.px-main {
    padding-left: 300px;
    padding-right: 200px;
}

.bg-gray-1 {background-color: #EFEFEF;}
.bg-gray-2 {background-color: #E2E2E2;}

a.main-link {
    font-size: 50px;
    line-height: 70px;
    font-weight: 600;
}

#contact a {font-size: 30px}


@media (max-width:1199px){
    .px-main {
        padding-right: 60px;
    }
}

@media (max-width:991px){
    .px-main {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media (max-width:575px){
    .px-main {
        padding-left: 11px;
        padding-right: 11px;
    }

    
}

@media (max-width:500px){
    #contact img {display: none;}
    #contact a {font-size: 20px}
}