/*vertikale ausrichtung*/
#Modal1 .modal-dialog {
    -webkit-transform: translate(0,-40%);
    -o-transform: translate(0,-40%);
    transform: translate(0,-40%);
    top: 40%;
    margin: 0 auto;
}

/*vertikale ausrichtung Mittig
#Modal1 .modal-dialog {
    -webkit-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%);
    top: 50%;
    margin: 0 auto;
}
*/

/*background farbe und transparenz hinter modal einstellen*/
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: rgba(0, 0, 0);
}
/*durchsichtigkeit*/
.modal-backdrop.fade {
  opacity: 0.95;
}

.modal-backdrop.show {
  opacity: 1;
}

/*die hintergrundfarbe des modals
.modal-content{background-image:rgba(255,255,255, 0.9);} */

/*die hintergrundbild des modals*
.modal-content{background-image: url("../img/logo.jpg"); background-size:cover; } */

 /*text im header des modals*/
h2.agewarn{color:#ff0000; font-weight:bold; border-bottom:0;}

 /*text bestätigung cookie und datenschutzrichtlinie*/
.datawarn{color:#000; font-size:14px; text-align:center; margin: 0 auto; margin-top:5px;}

/*text im footer des modals die trennstriche zwischen den links*/
.agechecktxt {color:#000; font-size:14px;}

/*der transitionseffect des Modals*/
.fade-scale {
  transform: scale(0);
  opacity: 0;
  -webkit-transition: all .15s linear;
  -o-transition: all .15s linear;
  transition: all .5s linear;
}

.fade-scale.in {
  opacity: 1;
  transform: scale(1);
}

.frametit{font-size:14px;font-weight:bold;}
.frametext{font-size:10px;}

/*ageframe*/
#ageiframe {margin-top:0;
  width: 99.6%;
  height: 80px;
  border: 1px;
  overflow: hidden;
  border:1px solid #cccccc; border-radius:5px;
}

#pubiframe {margin-top:0;
  width: 99.6%;
  height: 80px;
  border: 1px;
  overflow: hidden;
  border:1px solid #cccccc; border-radius:5px;
}

/*cookieframe frame2*/
#cookieiframe { 
  width: 99.6%;
  height: 40px;
  border: 1px;
  overflow: hidden;
 border:1px solid #cccccc; border-radius:5px; 
}

.frame2{padding-top:0; }

/* links zuunterst*/
a.agecheck:link {color:#0000ff; font-size:14px; font-weight:bold; text-decoration:underline;}
a.agecheck:visited {color:#cccccc;}
a.agecheck:hover {color:#ff0000;} 

/*verlauf für buttons*/
.btn{
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.5), rgba(255,255,255,0.2) 49%, rgba(0,0,0,0.15) 51%, rgba(0,0,0,0.05));
    background-repeat: repeat-x;
}
.rta {text-align:center; margin:0 auto; margin-top:20px;}
.center{text-align:center; margin: 0 auto;}