/*
Theme Name: WG Hofberg Webvisitenkarte
Author: Ing. Michael Krichbaum
Author URI: http://www.design-community.at
Version: 1.0
*/

body, html{
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility; 
      -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;
background:#192433!important;
color:#fff!important;
font-weight:300!important;
}
@media(max-width: 575.98px){body, html{font-size:14px;}}
/*
##########################################
TOOLKIT
##########################################
*/

/*LINKS*/

a{outline:0!important;border:none;-moz-outline-style:none;color:#4bbefe!important;}
a:hover, a:focus, a:active{text-decoration:none;color:#ffe7b3!important;}

/*RESPONSE POINTS
@media(max-width: 575.98px){}
@media(max-width: 767.98px){}
@media(max-width: 991.98px){}
@media(max-width: 1199.98px){}
@media(max-width:1600px){}

/*DIRECT CSS CODES*/
.no-padding{padding:0px;}
.no-margin{margin:0px;}
.center{text-align:center;}
.left{text-align:left;}
.right{text-align:right;}
.padding-50{padding-bottom:50px;}
.padding-75{padding-bottom:75px;}
.padding-100{padding-bottom:100px;}
.pt-50{padding-top:50px;}
.fonts{
font-family: 'Cormorant', serif;
font-family: 'Poppins', sans-serif;
}

/*RESPONSE POINTS
@media(max-width: 575.98px){}
@media(max-width: 767.98px){}
@media(max-width: 991.98px){}
@media(max-width: 1199.98px){}
@media(max-width:1600px){}
/*
##########################################
HEADINGS
##########################################
*/

h4{display:inline-block;font-weight:lighter!important;}
/*
##########################################
GENERAL TRANSITIONS
##########################################
*/
a, .arrow-down, #scroll-to-content{
  -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  transition:.5s;
}


.w-100{display:inline-block;width:100%;}
.center{text-align:center;}
.wg-blau{color:#4bbefe;}


[class^="col-"], [class*=" col-"] {margin-bottom:30px;}
/*
##########################################
GLOBAL ELEMENTS
##########################################
*/
header{display:inline-block;width:100%;text-align:center;}
#image-and-logo-container{position:relative;display:inline-block;width:100%;height:100vh;}
@media(max-width: 1199.98px){#image-and-logo-container{padding:0%;}}

.starter-image-bg{position:relative;display:inline-block;width:100%;height:100vh;background:url(images/BG-Screen.jpg) no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position:center center;}


.center-block{position:absolute;bottom:20vh;width:100%;text-align:center;}
.startlogo{display:inline-block;max-width:70%;width:800px;}
@media(max-width:1600px){.startlogo{max-width:60%;width:500px;}}
@media(max-width: 767.98px){.startlogo{max-width:60%;width:300px;}}


.content-col{padding-bottom:30px;}
#main-container{padding-top:250px;padding-bottom:250px;}


.contact-icon{display:inline-block;color:#4bbefe;font-size:20px;padding-right:15px;}
@media(max-width: 767.98px){.contact-icon{font-size:15px;padding-right:10px;}}


/*
##########################################
SCROLL TO CONTENT ARROW
##########################################
*/
#scroll-to-content{position:absolute;z-index:70;bottom:5vh;left:50%;margin-left:-2.5rem;width:5rem;height:5rem;border-radius:5rem;background:rgb(255,255,255,0.0);border:1px solid #fff;}
@media(max-width: 767.98px){#scroll-to-content{margin-left:-1.5rem;width:3rem;height:3rem;border-radius:3rem;}}
#scroll-to-content a::before{display:none!important;}
#scroll-to-content:hover{background:rgb(255,255,255,0.4);}
#scroll-to-content a{position:relative;z-index:100;display:inline-block;width:100%;height:100%;}
#scroll-to-content a span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 24px;
  height: 24px;
  margin-left: -12px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: sdb05 1.5s infinite;
  animation: sdb05 1.5s infinite;
  box-sizing: border-box;
}
@media(max-width: 767.98px){#scroll-to-content a span { width:12px;height:12px;margin-left:-6px;}}
@-webkit-keyframes sdb05 {
  0% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}
@keyframes sdb05 {
  0% {
    transform: rotate(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: rotate(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}