/*
	Theme Name: 	Scanderbeg Immobilien
	Description: 	17. November 2020
	Version: 		1.0
	Author: 		in-script // grafik . print . web
	Author URI: 	https://www.in-script.com/
*/

/* ================================================
    -- Default
================================================ */

:root {
    --main-white:   #FAFAFA;
    --main-black:   #1f1f1f;
    --gold:         #B79661;
}

::-moz-selection {color: var(--main-black); background: var(--gold);}
     ::selection {color: var(--main-black); background: var(--gold);}

/* ================================================
    -- Custom Fonts
================================================ */
@font-face {
    font-family: 'Trajan Pro';
	font-weight: normal;
    font-style: normal;
    src: url('fonts/TrajanPro-Regular.eot');
    src: url('fonts/TrajanPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/TrajanPro-Regular.woff2') format('woff2'),
        url('fonts/TrajanPro-Regular.woff') format('woff'),
        url('fonts/TrajanPro-Regular.ttf') format('truetype'),
        url('fonts/TrajanPro-Regular.svg#TrajanPro-Regular') format('svg');
}

/* montserrat-italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/montserrat-v15-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Montserrat Italic'), local('Montserrat-Italic'),
       url('fonts/montserrat-v15-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/montserrat-v15-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/montserrat-v15-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/montserrat-v15-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/montserrat-v15-latin-italic.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-regular - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/montserrat-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Montserrat Regular'), local('Montserrat-Regular'),
       url('fonts/montserrat-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/montserrat-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/montserrat-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/montserrat-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/montserrat-v15-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}


body {
    position: relative;
	background: var(--main-black);
	font-family: 'Trajan Pro', 'Open Sans', sans-serif;
    font-family: 'Montserrat';
	font-size: 18px;
    font-weight: 400;
	color: var(--main-white);
	letter-spacing: .5px;
    line-height: 2;
}
a {color: var(--main-white); }
/* ================================================
    -- Fonts
================================================ */
h1, h2, h3, h4, h5, h6, p {margin-bottom: 12px;}

.title-1 {
    font-family: 'Trajan Pro', sans-serif;
    font-size: 70px;
    color: var(--gold);
    text-transform: uppercase;
    line-height: 1.25;
    margin-bottom: 36px;
}

.title-2 {
    font-size: 30px;
    font-weight: 500;
    color: white;
}

.title-3 {
    font-size: 20px;
    font-weight: 500;
    color: white;
    margin-bottom: 0;
}

.title-5 {
    font-family: 'Trajan Pro', sans-serif;
    font-size: 30px;
    color: var(--gold);
    text-transform: uppercase;
    line-height: 1.25;
    margin-bottom: 36px;
}

.txt-info {
    text-align: right;
    font-style: italic;
    font-size: 13px;
}

.pdf {text-align: center;}
.pdf a {color: var(--main-white); }

/* ================================================
    -- Classes
================================================ */
.clearfix::before,
.clearfix::after {content: " "; display: table;} 
.clearfix::after {clear: both;}
.clearfix {*zoom: 1;}

.max-w01 {max-width: 850px; margin: 0 auto;}

.cursor-zoom-in {cursor:zoom-in;}


/*  -- Teaser image
 * .section-022 img {margin:0 auto;}
------------------------------------------------- */


.pp--overlay {
  width: 100%;
  background: rgba(0,0,0,.75);
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
.pp--box {
  position: fixed;
  width: 90%;
  left: 50%;
  top:50%;
  transform: translateY(-50%) translateX(-50%);
  padding: 3px;
  background: #fff;
  text-align: center;
  border-radius: 5px;
}
.pp--box video {
  width: 100%;
}
.close {
  width: 36px;
  height: 36px;
  position: absolute;
  top: -18px;
  right: -18px;
  display: block;
  background: transparent url(img/close.png) no-repeat center center;
  opacity: .8;
}
.close:hover {
  opacity: 1;
}
@media (min-width: 767px) {
  .pp--box {
    width: 50%;
  }
}
/* ================================================
    -- Link 03: Sweep To Top
================================================ */
.hvr-sweep-to-top {
    display: block;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-top: 1px solid var(--gold);
    border-bottom: 1px solid var(--gold);
    color: var(--main-black);
    overflow: hidden;
    position: relative;
    -moz-transition: border-color .4s ease;
    -o-transition: border-color .4s ease;
    -webkit-transition: border-color .4s ease;
    transition: border-color .4s ease;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-sweep-to-top:before {
    content: " ";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--gold);
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-sweep-to-top:hover,
.hvr-sweep-to-top:focus,
.hvr-sweep-to-top:active {
    color: var(--main-white);
}

.hvr-sweep-to-top:hover:before,
.hvr-sweep-to-top:focus:before,
.hvr-sweep-to-top:active:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1)
}

/* ================================================
    -- Submit: Kontakt
================================================ */
.submit-wrapp.hvr-sweep-to-top {
    border: 1px solid var(--main-white);
    max-width: 320px;
    margin: 20px auto;
    line-height: 46px;
}

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input:not([type]), textarea, select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border:none;
    border-radius: 0;
    font-size: 14px;
    font-weight: 400;
	width:100%;
	height: 60px;
  	border-bottom: 1px solid #eaeaea;
  	padding: 3px 6px;
    letter-spacing: 1px;
    background: transparent;
	color: var(--main-white);
}

textarea {resize:vertical; min-height: 120px;}

select {
    opacity: .6;
    background-image: url(../img-layout/select-arrow.png);
    background-position: right;
    background-repeat: no-repeat;
}

select::-ms-expand {display:none;}
.lt-ie10 select {background-image: none;}


input[type="text"]:hover, input[type="text"]:focus, input[type="password"]:hover, input[type="password"]:focus, input[type="date"]:hover, input[type="date"]:focus, input[type="datetime"]:hover, input[type="datetime"]:focus, input[type="email"]:hover, input[type="email"]:focus, input[type="number"]:hover, input[type="number"]:focus, input[type="search"]:hover, input[type="search"]:focus, input[type="tel"]:hover, input[type="tel"]:focus, input[type="time"]:hover, input[type="time"]:focus, input[type="url"]:hover, input[type="url"]:focus, input:not([type]):hover, input:not([type]):focus, textarea:hover, textarea:focus,select:hover, select:focus {
    outline: 0;
}

.cf [type="button"], 
.cf [type="reset"], 
.cf [type="submit"], 
.cf button {
    -webkit-appearance: button;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 600;
    font-size: 14px;
color: var(--main-white);
    background: transparent;
    height: 100%;
    width: 100%;
}


div.wpcf7 .ajax-loader {
    display: none;
}

/* ================================================
    -- Layout
================================================ */

.logo {
    display: block;
    width: 100%;
    height: auto;
    max-width: 400px;
    margin: 120px auto;
}

/* ================================================
    -- Section 01
================================================ */
section {margin-bottom: 120px;}
.sec-01 {text-align: center;}
/* ================================================
    -- Section 02
================================================ */
.max-w02 {
    width: 90%;
    margin: 0 auto;
    text-align: center;
}

.sec-02 a {
    max-width: 14%;
    display: inline-block;
    padding: 4px;
    margin: 0 0.5rem 1rem 0.5rem;
    cursor:zoom-in;
}


.facts {float: left;padding-left: 10px;width: 50%}
.facts-a {margin-bottom: 0; margin-left: 30px;}
.facts-b {float: right;padding-right: 10px}

.sec-03 .title-3 {
   margin-top: 30px;
	border-bottom: 1px solid var(--gold);
    padding: 0 0 4px 4px;
}

.sec-03 .clearfix {padding-top: 4px;}


.gr-plan {
    display: block; margin: 80px auto; cursor:zoom-in;
}


.sec-04 .ctn-txt {
	text-align:center;
	max-width:700px;
	margin:0 auto 60px auto;
}
/* ================================================
    -- Footer
================================================ */
#footer {text-align: center;}
#footer a {color: var(--main-white)}

.line-btm {
    max-width: 250px;
    background: hsl(37,37%,55%);
    content: "";
    display: block;
    height: 1px;
    margin: 40px auto;
}

.footer-meta {
    font-size: 13px;
}

.wd i {
    font-size: 13px;
    line-height: 23px;
    color: #00CBFF;
}
/* ================================================
    -- Default
================================================ */
.cursor {
    position: fixed;
    top: 0;
    left: 0;
    display: block;
    pointer-events: none;
    opacity: 0;
    z-index: 9999;
}

.cursor__inner {
    fill: none;
    stroke: var(--blue);
    stroke-width: 3px;
}

.back-to-top {
	position: fixed;
	text-indent: -999em;
	background: #fff url(data:image/svg+xml;base64,PHN2ZyBpZD0iRWJlbmVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTcuNCIgaGVpZ2h0PSIxMC44IiB2aWV3Qm94PSIwIDAgMTcuNCAxMC44Ij48c3R5bGU+LnN0MHtmaWxsOiMyQTMxMzY7fTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTIgMTAuN2w2LjctNi42IDYuNyA2LjcgMi0yLTYuNy02LjdWMmwtMi0yTDAgOC43eiIvPjwvc3ZnPg==) center 50% no-repeat;
	border: 1px solid rgba(0, 0, 0, .75);
	border-radius: .1875em;
	height: 40px;
	width: 40px;
	bottom: 1.5em;
	right: 1.5em;
	opacity: .25;
	z-index: 9000;
}
.back-to-top:hover {opacity: 1;background-position: center 45%;}



@media screen and (max-width: 950px) {
	.max-w02 {width: 100%;}
	#main {padding: 0 2em;}
	.sec-02 a {padding: 0;}
	.title-1 {font-size: 9vw;}
	.title-2 {font-size: 5vw;}
}

@media screen and (max-width: 820px) {
.sec-02 a {max-width: 21%;}
}

@media screen and (max-width: 570px) {
	.sec-02 a {max-width: 29%;}
}

@media screen and (max-width: 460px) {
	#main {padding: 0 1em;}
	.sec-02 a {max-width: 43%;}
}