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

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

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



a{
    color:#000;
    font-weight:400;
}

a:hover,
a:focus,
a:active{
    color:#000;
    text-decoration:underline;
}

body,html{
    font-size:20px;
 
}

body{
     font-family: 'Roboto', sans-serif;
    display: grid;
    height: 100vh;
    grid-template-rows: auto 1fr auto;
   
    background-size:100% 100%;
    color: #333;
}


h2.heading-privacy {
    font-size: 24px;
}

h3.heading-privacy {
    font-size: 22px;
}

h4.heading-privacy {
    font-size: 18px;
}

.modal-body h2{
    font-size:22px;
    font-weight:normal;
   color:rgb(146, 192, 32);
}

h3.modal-title{
    color:rgb(146, 192, 32);
}

.modal-body h3{
    font-size:20px;
    font-weight:bold;
    color:#333;
}
.modal-header .close {

    margin-right:0px;

}

.modal-dialog{
    width:96%;
}
.modal-content{
    border-radius: 0;
    padding:15px;
   
}

.modal-header .close {
    float: right;
    font-size: 40px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}

.modal-header .close:focus,
.modal-header .close:active,
.modal-header .close:hover{
    color:#d9534f;
    opacity: 1;
}

.navbar-brand{
  background:url('../img/logo-dasgruenstudio-klein.png') no-repeat top left;
    width:240px;
    height:60px;
    line-height:54px;
    background-size: 100%;
    margin:0;
    padding:0;
    padding-left:5px;
    position:relative;
    float:left;
    left:10px;
    top:3px;
}



.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:hover{
   
}

#top-navbar.navbar-default {
    background:transparent;
    border: none;
    border:0;
    top:0px;
    right:0px; 
    border-radius: 0;
   
    z-index:20;
    height:66px;
   
}


.page-dialog{
    display:none;
}
.page-container-content,
.page-container{
    position:relative;
    border-left:none;
    border-right:none;
    width:100%;
    height:100%;
    margin-left:auto;
    margin-right:auto;
    background-color:transparent;

}

.page-container-content{
    height:auto;


}



.jtap {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}

.jtap.jtap-cursor:after {
    content: "|";
    font-weight: 100;
    display: inline-block;
    opacity: 1;
}

.jtap.jtap-cursor.jtap-idle:after {
    -moz-animation: blink 1.1s steps(5, start) infinite;
    -webkit-animation: blink 1.1s steps(5, start) infinite;
    animation: blink 1.1s steps(5, start) infinite;
}
@-moz-keyframes 
blink {  to {
             visibility: hidden;
         }
}
@-webkit-keyframes 
blink {  to {
             visibility: hidden;
         }
}
@keyframes 
blink {  to {
             visibility: hidden;
         }
}

.section-footer{
    background-color:rgba(150, 200, 70,1);
    padding-top:10px;
}

.section-footer .navbar-nav-footer{
    list-style: none;
    color:#fff;
    padding:0;
    margin:0;
    width:auto;
   text-align: right;
    padding-bottom:10px;
}
.section-footer .navbar-nav-footer li{
    display:inline-block;
    padding-left:10px;
}


.section-footer .kontakt-info{
    
    font-size:18px;
}

.section-footer .kontakt-info a{
   
    font-size:18px;
}

.section-footer .copyright{
     font-size:11px;
   
    padding-bottom:0px;
    line-height:16px;
    margin-top:8px;
    color:#fff;
    letter-spacing: 1.2px;
}

.section-footer .navbar-nav-footer li a{
    color:#fff;
    position:relative;
    display:inline-block;
    width:100%;
    font-size:16px;
}


.section-footer #navbar-footer.sitemap{
    margin-top:0px;
}

/*CONTENT OF SECTIONS*/

#willkommen{
  
   background-color:transparent;
   
   padding-bottom: 40px;
}



.willkommen-text{
    background: rgba(255,255,255,0.9);
    padding:30px 30px;
    
}

#willkommen h1{
    text-transform: uppercase;
    padding-top:10px;
    padding-bottom:20px;
     font-weight: bold;
    font-size:26px;
    line-height: 36px;
}

#willkommen h2{
    font-weight: bold;
    font-size:24px;
}
.kontakt-info{
    box-shadow: rgba(0, 0, 0, 0.5) 0px 5px 15px;
    padding:20px;
    display:inline-block;
    width:auto;
    color:#fff;
    position:relative;
    background-color:rgba(150, 200, 70,1);
}


.kontakt-info .logo-visitenkarte{
    background: url('../img/logo-frei.png') no-repeat;
    background-size:100%;
    width:150px;
    height:150px;
    position:absolute;
    display:inline-block;
    top:-60px;
    right:-45px;
}

.kontakt-info b{
    letter-spacing: 3px;
    padding-bottom:20px;
}