/* source-sans-pro-300 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: url('https://www.auvesta.fr/fonts/source-sans-pro-v18-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://www.auvesta.fr/fonts/source-sans-pro-v18-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://www.auvesta.fr/fonts/source-sans-pro-v18-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://www.auvesta.fr/fonts/source-sans-pro-v18-latin-300.woff') format('woff'), /* Modern Browsers */
       url('https://www.auvesta.fr/fonts/source-sans-pro-v18-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://www.auvesta.fr/fonts/source-sans-pro-v18-latin-300.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}




body {
 font-family: 'Source Sans Pro', Verdana, Geneva, sans-serif;
 line-height: 1.8;
 color: #333;
 font-weight: 300;
 font-size: 1.25em;
 font-display: auto;

 /*
 -ms-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto;
        */
}

.logo{
	height:30px;
}

@media screen and (max-width: 360px){
	.logo{
	height:30px;
}
}

#top{
	padding-top: 80px;
}

.SmallHead #top {
    padding-top: 0px;
}

.breadcrumb .active a,
body.menue-ueber-uns  a.menue-ueber-uns, 
body.menue-partner  a.menue-partner, 
body.menue-lagerung  a.menue-lagerung, 
body.menue-depot a.menue-depot,
body.menue-edelmetalle  a.menue-edelmetalle, 
body.menue-sparplan a.menue-sparplan,
body.menue-muenzen a.menue-muenzen,
body.preise-muenzen a.menue-muenzen

  {
/**your custom styles here**/
   	color: #B19C66;
  
}

nav .container {
	width: 100vw;
	max-width: 1200px;
}





b, strong {
    font-weight: 400;
}

.block{
	display: block;
}



.bg-farbig a, .bg-farbig a:visited{
	color: #fff;
}


a{
	color: #333;
	
}


a:visited{
	color: #333;
}

a:hover, .bg-farbig a:hover{
	color: #B19C66;
	text-decoration:none;
}

img{
	max-width:100%;
}
.jumbotron {
 background-color: transparent;
 clear:both;
 padding-top: 0px;
	padding-bottom: 0px;
 margin-bottom: 0px;
}


.jumbotron .font18Black p,
.font18Black{
	font-family: 'Source Sans Pro', Verdana, Geneva, sans-serif;
	font-size:18px;
 line-height: 18px;
 color: #333;
 text-transform:none;
}
.font18White{
	font-family: 'Source Sans Pro', Verdana, Geneva, sans-serif;
	font-size:18px;
 line-height: 18px;
 color: #fff;
  text-transform:none;
}
.font25Black{
	font-family: 'Source Sans Pro', Verdana, Geneva, sans-serif;
	font-size:25px;
 line-height: 31px;
 color: #333;
 text-transform:none;
}
.font25White{
	font-family: 'Source Sans Pro', Verdana, Geneva, sans-serif;
	font-size:25px;
 line-height: 31px;
 color: #fff;
  text-transform:none;
}
.font34pxBlack61px{
	font-size:34px;
 line-height: 61px;
 color: #333;
 font-family: 'Source Sans Pro', Verdana, Geneva, sans-serif;
 font-weight: 300;
}
.jumbotron p {
 font-size: 14px;
 line-height:20px;
 font-weight: 300;
 margin-bottom: 15px;
}


.jumbotron .p18 p {
 font-size: 18px;
 line-height:30px;
 font-weight: 300;
 margin-bottom: 15px;
 	font-weight: 300;
	letter-spacing: 1px;
	font-size:18px;
}


.font20, .font20 p, .font20Black36 {
 font-size: 20px;
 line-height: 36px;
 font-weight: 300;
}
.jumbotron h1,
.jumbotron h2,
.jumbotron h3, 
.jumbotron h4, 
.jumbotron h5,
.jumbotron h6
{
 font-size: 42px;
 line-height:50px;
 font-weight: 300;
 margin-bottom: 15px;
}

#depot h1
{
 font-size: 34px;
line-height: 61px;
font-style: normal;
font-weight: 300;
letter-spacing: 1px;
}

#depot h2,
#depot h3, 
#depot h4, 
#depot h5,
#depot h6
{
font-size: 24px;
line-height: 43px;
font-weight: 300;
}


.heading2 h1,
.heading2 h2,
.heading2 h3, 
.heading2 h4, 
.heading2 h5,
.heading2 h6
{
font-size: 26px;
line-height: 50px;
font-style: normal;
font-weight: 300;
letter-spacing: 1px;
}

.heading2Inline h1,
.heading2Inline h2,
.heading2Inline h3, 
.heading2Inline h4, 
.heading2Inline h5,
.heading2Inline h6
{
font-size: 24px;
line-height: 30px;
font-weight: 300;
}



.carousel h1{
	font-size: 28px;
	line-height:34px;
	text-transform: none;
}



#EasyPage h1, #EasyPage h2, #EasyPage h3, #EasyPage h4, #EasyPage h5, #EasyPage h6,
#agb h1, #agb h2, #agb h3, #agb h4, #agb h5, #agb h6,
#impressum h1, #impressum h2, #impressum h3, #impressum h4, #impressum h5, #impressum h6,
.font34Black61
{
 font-size: 34px;
 line-height:61px;
 font-weight: 300;
 margin-bottom: 15px;
}
#EasyPage table td,
#agb table td{
	padding: 5px;
	border: solid 0px #b19c66;
	font-size:12px;
}
#EasyPage thead tr,

#agb thead tr
 {
   background:  none repeat scroll 0 0; 
   border-bottom: solid 0px #ccc;
}
.logo {
 margin-top:-10px;
}
.container-fluid {
 padding: 60px 50px;
}
.bg-grey {
 background-color: #f6f6f6;
}
.logo-small {
 color: #292F33;
 font-size: 50px;
}
.logo {
 color: #292F33;
 font-size: 200px;
}
.thumbnail {
 padding: 0 0 15px 0;
 border: none;
 border-radius: 0;
}
.thumbnail img {
 width: 100%;
 height: 100%;
 margin-bottom: 10px;
}
.carousel-control.right, .carousel-control.left {
 background-image: none;
 color: #292F33;
}
.carousel-indicators li {
 border-color: #292F33;
}
.carousel-indicators li.active {
 background-color: #292F33;
}
.item h4 {
 font-size: 19px;
 line-height: 1.375em;
 font-weight: 400;
 font-style: italic;
 margin: 70px 0;
}
.item span {
 font-style: normal;
}
.panel {
 border: 1px solid #292F33;
 border-radius:0 !important;
 transition: box-shadow 0.5s;
}
.panel:hover {
 box-shadow: 5px 0px 40px rgba(0,0,0, .2);
}
.panel-footer .btn:hover {
 border: 1px solid #292F33;
 background-color: #fff !important;
 color: #292F33;
}
.panel-heading {
 color: #fff !important;
 background-color: #292F33 !important;
 padding: 25px;
 border-bottom: 1px solid transparent;
 border-top-left-radius: 0px;
 border-top-right-radius: 0px;
 border-bottom-left-radius: 0px;
 border-bottom-right-radius: 0px;
}
.panel-footer {
 background-color: white !important;
}
.panel-footer h3 {
 font-size: 32px;
}
.panel-footer h4 {
 color: #aaa;
 font-size: 14px;
}
.panel-footer .btn {
 margin: 15px 0;
 background-color: #292F33;
 color: #fff;
}
.navbar {
 margin-bottom: 0;
 background-color: #fff;
 z-index: 9999;
 border: 0;
 font-size: 12px !important;
 line-height: 1.42857143 !important;
 letter-spacing: 1px;
 border-radius: 0;
 
}
.navbar li a, .navbar .navbar-brand {
 color: #292F33 !important;
 margin-top: 10px;
}
.navbar-nav li a:hover, .navbar-nav li.active a {
 color: #fff !important;
 background-color: #66757F !important;
}
.navbar-default .navbar-toggle {
 border-color: transparent;
 color: #fff !important;
}
footer .glyphicon {
 font-size: 20px;
 margin-bottom: 20px;
 color: #292F33;
}


footer .row {
    margin-left: 0px;
    margin-right: 0px;
}


.slideanim {
 visibility:hidden;
}
.slide {
 animation-name: slide;
 -webkit-animation-name: slide;
 animation-duration: 1s;
 -webkit-animation-duration: 1s;
 visibility: visible;
}
@keyframes slide {
 0% {
  opacity: 0;
  transform: translateY(70%);
 }
 100% {
  opacity: 1;
  transform: translateY(0%);
 }
}
@-webkit-keyframes slide {
 0% {
  opacity: 0;
  -webkit-transform: translateY(70%);
 }
 100% {
  opacity: 1;
  -webkit-transform: translateY(0%);
 }
}
@media screen and (max-width: 768px) {
 .col-sm-4 {
  text-align: left;
  margin: 25px 0;
 }
 .btn-lg {
  width: 100%;
  margin-bottom: 35px;
 }
}
@media screen and (max-width: 480px) {
 .logo {
  font-size: 150px;
 }
}
.HeaderBg {
 background: url("../src/webinar.jpg") no-repeat center center;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
 min-height:100vh;
}

.ZitatCt {
 background: #fff none repeat scroll 0 0;
 border-top-left-radius: 5px;
 border-top-right-radius: 5px;
 padding-bottom: 40px;
 padding-top: 40px;
 max-width:300px;
 max-width:280px;
}
@media (max-width:800px) {
 .ZitatCt {
  margin:0 20px;
 }
}
.VerticalContent {
 margin-top:20vh;
}
.relative {
 position:relative;
 min-height:500px;
 height:auto !important;
}
.PositionBottom {
 position:absolute;
 left:0;
 bottom:0;
}
.bgColorDark {
 background:#66757F;
}
.FontWhite,
  .FontWhite h3
  {
 color:#fff;
}
.ButtonDark {
 color:#66757F;
 background:#fff;
}
.FooterWrap {
padding-top:80px;
padding-bottom:80px;
}
.abstand {
 margin-top:140px;
}
.abstandinner {
 padding-top:140px;
 padding-bottom:140px;
}

.abstandinner100,
.boxen {
 padding-top:100px;
 padding-bottom:100px;
}

.abstandBottom140{
	padding-bottom:140px;
}

.boxen .col-sm-3{
	padding: 0px 4vw;
}

.abstand80Top{
	padding-top:80px;
}

.abstand140Top{
	padding-top:140px;
}

.jumbotron hr {
 border-color: #ccc;
 border-top-width: 1px;
 margin-bottom: 30px;
 margin-top: 30px;
 max-width: 60px;
 width: 100%;
}
.FontWhite hr {
 width: 80px;
 border-color: #fff;
 margin: 60px auto;
}
.btn-group-lg > .btn, .btn-lg {
 border-radius: 6px;
 font-size: 18px;
 line-height: 1.33333;
 padding: 10px 16px;
}
.btn {
 -moz-user-select: none;
 background-image: none;
 border: 1px solid transparent;
 border-radius: 4px;
 cursor: pointer;
 display: inline-block;
 font-size: 14px;
 font-weight: 400;
 line-height: 1.42857;
 margin-bottom: 0;
 padding: 6px 12px;
 text-align: center;
 touch-action: manipulation;
 vertical-align: middle;
 white-space: nowrap;
}
/******** LANGUAGE **********/

.NavHeadSpan .LandCode{
	line-height:30px;
	vertical-align: top;
}

.caret{
	 margin-top: -20px;
}


.flags img {
 

 height: 30px;
 width:30px;
}
.flags .dropdown-menu > li a:hover {
 background-color: rgba(0,0,0,0.2);
}
.flags ul.dropdown-menu {
 left: -20px;
}
.flags ul.dropdown-menu span {
 line-height: 40px;
 letter-spacing:0px;
 text-transform: none;
}
.flags li img {
 float: left;
 margin: 5px 10px 0 -10px;
}
.flags .dropdown-toggle img {
 float: left;
 margin: -5px 10px 0 -10px;
}
.flags .dropdown-toggle span {
 
}
.NavHeadSpan li{
list-style: none;
	
}
.NavHeadSpan a{
	
}
.NavHeadSpan a:hover{
	text-decoration: none;
}
.NavHeadSpan .flags{
padding-top:10px;
	
}
 
/**************** OVERLAY *********************************/
.overlay {
height: 0%;
    width: 100%;
 position: fixed;
 z-index: 9999;
 top: 0;
 left: 0;
 background-color: rgb(255,255,255);
 background-color: rgba(255,255,255, 1);
 overflow-x: hidden;
 transition: 0.5s;
}
.overlay-content {
 position: relative;
 top: 25%;
 width: 100%;
 text-align: center;
 margin-top: 30px;
}
.overlay a {
 padding: 8px;
 text-decoration: none;
 font-size: 14px;
 color: #333;
 display: block;
 transition: 0.3s;
}
.overlay a:hover, .overlay a:focus {
 color: #b19c66;
}
.overlay .closebtn {
 position: absolute;
 top: 20px;
 right: 45px;
 font-size: 60px;
}
@media screen and (max-height: 450px) {
 .overlay a {
  font-size: 20px
 
 
 }
 .overlay .closebtn {
  font-size: 40px;
  top: 15px;
  right: 35px;
 }
}





.MobileMenue li {
 text-align:left;
 color:#fff;
 list-style:none;
}
.MobileMenue li:hover {
 text-decoration:underline;
}
.MobileMenueWrap {
 margin-top:80px;
}
footer a {
 color:#fff;
}
footer a:hover {
 text-decoration:underline;
 color:#E1E8ED;
}
#myNavbar li,
footer li,
hover {
 cursor:pointer;
}
.VerticalContent {
 background:rgba(0,0,0,0.5);
}
.MoreButton {
 /*animation: 1.25s cubic-bezier(0.66, 0, 0, 1) 0s normal none infinite running pulse;*/
 background-color: #fff;
 background-image: url("../src/downpfeil.svg");
 background-position: center bottom;
 background-repeat: no-repeat;
 background-size: cover;
 border: medium none;
 border-radius: 50%;
 bottom: 50px;
 box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
 cursor: pointer;
 height: 30px;
 left: 48.5%;

 position: absolute;
 width: 30px;
 z-index: 20;
}


@media (max-width: 767px) {
.MoreButton {
display: none !important;
}
.NavHeadSpan a {
    letter-spacing: 0;
}


}



@keyframes pulse {
 100% {
  box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
 }
}
@keyframes pulse {
 100% {
  box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
 }
}
@keyframes pulse {
 100% {
  box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
 }
}
/************ NAVBAR ALL SIDES *********************/
.navbar-header {
 float: none;
}
.navbar-toggle {
 display: block;
 margin-right: 0px; 
}
.navbar-collapse.collapse {
 display: none!important;
}
.navbar-nav {
 float: none!important;
}
.navbar-nav>li {
 float: none;
}
.navbar-collapse.collapse.in {
 display:block !important;
}
/*********** NAV FULL SIDE ******************/
#NavFull {
 margin: 40px;
}
#NavFull li,
#NavFull ul {
 padding: 0;
 margin: 0;
 list-style: none;
}
.FirstLevelItem {
 border-bottom: solid 1px #e6e6e6;
font-weight: 300;
 
    text-transform: uppercase;
    letter-spacing: 4px;
  
    
    
    font-size: 12px !important;
 line-height: 1.42857143 !important;
    
    
}
.navbar-default .navbar-toggle:hover {
 background: transparent;
}
.navbar-toggle:hover span:nth-child(1) {
 background: #888 none repeat scroll 0 0;
 transform: translateY(0px) translateX(0px) rotate(-90deg);
 animation-name: kreuz;
 animation-duration: 0.5s;
}
.navbar-toggle:hover span:nth-child(2) {
 background: #888 none repeat scroll 0 0;
 transform: translateY(-5px) translateX(0px) rotate(360deg);
 animation-name: kreuz2;
 animation-duration: 1s;
}
.navbar-toggle:hover span:nth-child(3) {
 background: orange none repeat scroll 0 0;
 transform: translateY(-10px) translateX(0px) rotate(360deg);
 animation-name: kreuz3;
 animation-duration: 1s;
 display:none;
}
@keyframes kreuz {
 from {
  transform: rotate(0deg) 
 
 }
 to   {
  transform: rotate(-90deg)  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 }
}
@keyframes kreuz2 {
 from {
  transform: rotate(0deg)
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 }
 to   {
  transform: rotate(360deg)
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 }
 from {
  transform: translateY(0px) 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 }
 to   {
  transform: translateY(-5px)
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 }
}
@keyframes kreuz3 {
 from {
  transform: rotate(0deg)
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 }
 to   {
  transform: rotate(180deg)
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 }
 from {
  transform: translateY(0px) 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 }
 to   {
  transform: translateY(-10px)
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 }
}
/****************** SLIDER *********************/
/********************************/
        /*       Fade Bs-carousel       */
        /********************************/
.fade-carousel {
 position: relative;
 height: 92vh;
}
.fade-carousel .carousel-inner .item {
 height: 92vh;
}
.fade-carousel .carousel-indicators > li {
 margin: 0 2px;
 background-color: #ccc;
 border-color: #a1a1a1;
 opacity: .7;
}
.fade-carousel .carousel-indicators > li:hover {
 margin: 0 2px;
 background-color: #000;
 border-color: #a1a1a1;
 opacity: .7;
}
.fade-carousel .carousel-indicators > li.active {
 width: 10px;
 height: 10px;
 opacity: 1;
 border-color: #000;
 background-color: #a1a1a1;
}
        /********************************/
        /*          Hero Headers        */
        /********************************/
.hero {
 position: absolute;
 top: 50%;
 left: 50%;
 z-index: 3;
 color: #fff;
 text-align: center;
 text-transform: uppercase;
 text-shadow: 0px 0px 0 rgba(0,0,0,.75);
 -webkit-transform: translate3d(-50%,-50%,0);
 -moz-transform: translate3d(-50%,-50%,0);
 -ms-transform: translate3d(-50%,-50%,0);
 -o-transform: translate3d(-50%,-50%,0);
 transform: translate3d(-50%,-50%,0);
}
.Black .BigText,
.BigText {
 font-family: 'Source Sans Pro', Verdana, Geneva, sans-serif;
 font-size:42px;
 font-weight: 300;
 margin: 0;
 padding: 0;
 text-align: left;
 text-transform: none;
 color:#fff;
 margin-bottom:20px;
 line-height:42px;
}
.Black .BigText{
	color: #333;
}
.font38{
	font-family: 'Source Sans Pro', Verdana, Geneva, sans-serif;
 font-size:38px;
 font-weight: 300;
 margin: 0;
 padding: 0;
 text-align: left;
 text-transform: none;
 margin-bottom:20px;
 line-height:38px;
}
.Black .font38{
	color: #333;
}
.fade-carousel .carousel-inner .item .hero {
 opacity: 0;
 -webkit-transition: 2s all ease-in-out .1s;
 -moz-transition: 2s all ease-in-out .1s;
 -ms-transition: 2s all ease-in-out .1s;
 -o-transition: 2s all ease-in-out .1s;
 transition: 2s all ease-in-out .1s;
}
.fade-carousel .carousel-inner .item.active .hero {
 opacity: 1;
 -webkit-transition: 2s all ease-in-out .1s;
 -moz-transition: 2s all ease-in-out .1s;
 -ms-transition: 2s all ease-in-out .1s;
 -o-transition: 2s all ease-in-out .1s;
 transition: 2s all ease-in-out .1s;
}
        /********************************/
        /*            Overlay           */
        /********************************/
#SliderStart .overlay {
 position: absolute;
 width: 100%;
 height: 100%;
 z-index: 2;
 background-color: #080d15;
 opacity: .0;
}
        /********************************/
        /*          Custom Buttons      */
        /********************************/
.btn.btn-lg {
 padding: 5px 15px;
}
.btn.btn-hero,
        .btn.btn-hero:hover,
        .btn.btn-hero:focus {
 color: #f5f5f5;
 background-color: #1abc9c; 
 border-color: #1abc9c;
 outline: none;
 margin: 20px auto;
}
.more{
	background:none; 
	border:solid 1px #fff;
	padding:5px 5px;
	text-transform: uppercase;
	color:#fff;
	font-size:11px;
	border-radius:0px;
	
}


.more:hover{
	background: #fff;  
	color:#333;
}

a.more:visited{
	background: #333;  
	color:#fff;
}

.moreinvers{
	
	border-radius:0px;
	padding:5px 5px;
	text-transform: uppercase;
	border:solid 1px #333;
	font-size:11px;
	background:rgba(255,255,255,0.4);
	
}



.moreinvers:hover{
	background: #333; 
	color:#fff;
}
        /********************************/
        /*       Slides backgrounds     */
        /********************************/
.fade-carousel .slides .slide-1,
        .fade-carousel .slides .slide-2,
        .fade-carousel .slides .slide-3,
         .fade-carousel .slides .slide-4,
         .fade-carousel .slides .slide-5,
          .fade-carousel .slides .slide-6 {
 height: 92vh;
 background-size: cover;
 background-position: center center;
 background-repeat: no-repeat;
}
#SliderStart .slides .slide-1 {
 background-image: url(../gfx/gold-sparen-mit-auvesta.jpg);
}
#SliderStart .slides .slide-2 {
 background-image: url(../gfx/sichere-tresor-lagerung-auvesta-edelmetalle-min.jpg);
}
#SliderStart .slides .slide-3 {
 background-image: url(../gfx/blue-sky-auvesta-edelmetalle.jpg);
}
#SliderSparplan .slides .slide-1, 
#SliderStart .slides .slide-4 {
 background-image: url(../gfx/Gold-die-stabile-Wertanlage-hell.jpg);
}
#SliderStart .slides .slide-4{
 background-image: url(../gfx/edelmetall-lieferung-auvesta-edelmetalle.jpg);
}
#SliderStart .slides .slide-5 {
 background-image: url(../gfx/edelmetalle-eine-anlage-fuer-die-ganze-familie.jpg);
}
#SliderStart .slides .slide-6 {
 background-image: url(../gfx/edelmetalle-eine-anlage-fuer-die-ganze-familie.jpg);
}
#SliderSparplan .slides .slide-2 {
 background-image: url(../gfx/Auvesta-Gold-Ihr-persoenlicher-Wertspeicher-fuer-alle-Zeiten.jpg);
}
#SliderGold .slides .slide-1{
	background-image: url(../gfx/blue-sky-auvesta-edelmetalle.jpg);
}
#SliderGold .slides .slide-2{
	background: #808e96;
}
#SliderGold .slides .slide-3{
	background: #59656f;
}
#SliderGold .slides .slide-4{
	background: #414e57;
}
#SliderGold .slides .slide-5{
	background-image: url(../gfx/sky-white.jpg);
}





.Shadow {
    left: 25%;
    position: relative;
    top: 45px;
    z-index: 9;
}
        /********************************/
        /*          Media Queries       */
        /********************************/
@media screen and (min-width: 980px) {
 .hero {
  width: 980px;
 }
}
@media screen and (max-width: 640px) {
 .hero h1 {
  font-size: 4em;
 }
}
        
        
          /********************************/
        /*          LEVEL               */
        /********************************/
hgroup {
 max-width: 800px;
}
hgroup {
 color:#fff;
 text-align: left;
}
.Black hgroup {
 color:#333;
 text-align: left;
}


.LayerOneRight img{
  max-width:30vw;
}



.LayerOneRight {
 position: absolute;
 right:0px;
 left: auto;
 bottom:-300px;
 top:auto;
 -webkit-animation: moveFromBottomFade 1700ms ease-in-out;
 -moz-animation: moveFromBottomFade 1700ms ease-in-out;
 -o-animation: moveFromBottomFade 1700ms ease-in-out;
 -ms-animation: moveFromBottomFade 1700ms ease-in-out;
 animation: moveFromBottomFade 1700ms ease-in-out;
}
.Layer2OneRight {
 position: absolute;
 right:150px;
 left: auto;
 bottom:-200px;
 top:auto;
 -webkit-animation: moveFromBottomFade 1700ms ease-in-out;
 -moz-animation: moveFromBottomFade 1700ms ease-in-out;
 -o-animation: moveFromBottomFade 1700ms ease-in-out;
 -ms-animation: moveFromBottomFade 1700ms ease-in-out;
 animation: moveFromBottomFade 1700ms ease-in-out;
}
.BarrenSlide img {
 width: 160px;
}
.BarrenSlide {
 position: absolute;
 right: auto;
 bottom:-450px;
 top:auto;
 -webkit-animation: moveFromBottomFade 1700ms ease-in-out;
 -moz-animation: moveFromBottomFade 1700ms ease-in-out;
 -o-animation: moveFromBottomFade 1700ms ease-in-out;
 -ms-animation: moveFromBottomFade 1700ms ease-in-out;
 animation: moveFromBottomFade 1700ms ease-in-out;
}
.Barren1 {
 left:100px;
}
.Barren2 {
 left:300px;
}
.Barren3 {
 left:500px;
}
.Barren4 {
 left:700px;
}
#barren50 .BarrenSlide{
	bottom:-300px;
}
.FontBlack .Black .BigText, .FontBlack .BigText, .FontBlack .SmallText{
	color: #333;
}
@-webkit-keyframes moveFromBottomFade {
 0% {
  -webkit-transform: translate(0, 100%);
  -moz-transform: translate(0, 100%);
  -o-transform: translate(0, 100%);
  -ms-transform: translate(0, 100%);
  transform: translate(0, 100%)
    
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 }
 100% {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0)
    
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 }
}
.text-left, .text-center, .text-right {
 font-style: normal;
 font-size:24px;
 line-height: 42px;
 font-weight: 300;
}

.bg-white {
 background: #fff none repeat scroll 0 0;
}

#Start h2, #Start h3, .headingBig {
 font-size:42px;
 font-style: normal;
 font-weight: 300;
 line-height: 50px;
 margin-bottom:15px;
 letter-spacing:1px;
}




#Start h1, #Start h4, #Start h5, #Start h6,
.heading2 {
 font-size:26px;
 line-height: 30px;
 font-style: normal;
 font-weight: 300;
 letter-spacing:1px;
}


#Start #top h1, #Start #top p, #Start #top .heading{
	color: #fff;
}






.parallax .heading2,
.parallax p,
.modal-body h4,
.modal-body .headingOver,
.modal-body .headingOver2
 {
 font-size:28px;
 line-height: 50px;
 font-style: normal;
 font-weight: 300;
}

.parallax .heading{
	font-size:42px;
 line-height: 50px;
}

.parallax .headingBig{
	font-size:34px;
 line-height: 50px;
}

.modal-dialog {
    margin: 80px auto;
    }

.modal-body h4,
.modal-body .headingOver,
.modal-body .headingOver2
{
	margin: 15px 0px;
}

.close{
	font-size:40px;
	opacity:0.3;
}

.modal-body .heading,
.modal-body li{
	margin-left: 0px;
}


#Archiv <div class="col-sm-2 col-xs-6 RandomCol">
		<div class="containerTeam">
			<img src="./gfx/team/Gabriela-Strzalka.jpg" alt="Gabriela Strzalka" class="imageTeam">
				<div class="overlayTeam">
				<div class="textTeam">Gabriela Strzalka</div>
				</div>
		</div>
	</div>


.LeftAbstand .heading2 span {
 margin-right: 10px;
}
/********* VIDEO ***************************/
#video {
 height: 40vh;
 min-height: 40vh;
 max-width:100vw;
 position: relative;
 margin: 80px 0px;
 
}





#background {
 position: relative;
 top: 50%;
 left: 50%;
 min-width: 100%;
 min-height: 100%;
 width: auto;
 height: auto;
 z-index: -100;
 -webkit-transform: translateX(-50%) translateY(-50%);
 transform: translateX(-50%) translateY(-50%);
 background: url(../gfx/no-video.jpg) no-repeat;
 background-size: cover;
 max-width:100vw;
}
.VideoText {
 color: white;
 font-size: 40px;
 position: relative;
 top: -836px;
 z-index: 9;
 padding-bottom: 20px;
 font-style: normal;
 font-weight: 300;
}
.BgTranspaBlack {
 background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
 background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
height:32vh;
}


.BgTranspaBlackVideo {
 background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
 background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
height:30vh;
top: auto;
bottom:0;
position: absolute;
width:100vw;

}


.containerVideo{
	margin-top:10vh;
}


.glyphicon {
 background-color: #ffffff;
 border-radius: 50%;
 border-width: 0;
 color: #ad9961;
 font-size: 32px;
 height: 64px;
 left: 1px;
 line-height: 64px;
 margin: 0;
 position: relative;
 top: 1px;
 width: 64px;
 text-align: center;
 border: solid 1px #ad9961;
 -webkit-text-stroke: 2px #fff;
}

.BigIcon .fa,
.icon .fa{
	-webkit-text-stroke: 2px #fff;
}







.BigIcon .glyphicon {
 background-color: #ffffff;
 border-radius: 50%;
 border-width: 0;
 color: #ad9961;
 height: 108px;
 left: 1px;
 line-height: 108px;
 margin: 0;
 position: relative;
 top: 1px;
 width: 108px;
 text-align: center;
 border: solid 1px #ad9961;
}
.BigIcon {
 margin-top: 50px;
 margin-bottom: 60px;
}
.BigIcon .fa {
 display: inline-block;
 font-family: FontAwesome;
 font-feature-settings: normal;
 font-kerning: auto;
 font-language-override: normal;
 font-size: 54px;
 font-size-adjust: none;
 font-stretch: normal;
 font-style: normal;
 font-synthesis: weight style;
 font-variant: normal;
 font-weight: normal;
 line-height: 108px;
 text-rendering: auto;
}
.NormIcon .glyphicon {
 background-color: #ffffff;
 border-radius: 50%;
 border-width: 0;
 color: #ad9961;
 height: 64px;
 left: 1px;
 line-height: 64px;
 margin: 0;
 position: relative;
 top: 1px;
 width: 64px;
 text-align: center;
 border: solid 1px #ad9961;
 margin-bottom:20px;
}
.NormIcon .fa {
 display: inline-block;
 font-family: FontAwesome;
 font-feature-settings: normal;
 font-kerning: auto;
 font-language-override: normal;
 font-size: 32px;
 font-size-adjust: none;
 font-stretch: normal;
 font-style: normal;
 font-synthesis: weight style;
 font-variant: normal;
 font-weight: normal;
 line-height: 64px;
 text-rendering: auto;
}
.heading .glyphicon {
 margin: 10px;
}
.BigZitat {
 font-size: 34px;
 line-height:61px;
 text-align: center;
 font-style: italic;
 border-left: 0px solid #ad9961;
 padding: 20px;
}
.BigZitat span {
 color: #ad9961;
 font-size: 40px;
}
/*************** PARALLAX CONTENT *******************/
 /***************** PARALLAX ************************/
.parallax { 
 
/* Set a specific height */
 height: 90vh;
    /* Create the parallax scrolling effect */
 background-attachment: fixed !important;
 background-attachment: scroll;
 background-position: center;
 background-repeat: no-repeat;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1440px) and (orientation : landscape) {
 .parallax {
  background-repeat: no-repeat;
  background-attachment: scroll !important;
  background-position: center;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  box-sizing: border-box;
  position: relative;
 }
}





.imgcover{
	background-size: cover;
  background-position: right;
 
  min-height: 60vh;
  height: 60vh;
}

.imgcover .container{
	padding-top:20vh;
	
}


.VorsorgeBG {
 background-image: url("../gfx/handy3.jpg");
 
 
}



.GoldsparplanBG {
 background-image: url("../gfx/In-Gold-investieren-fuer-die-ganze-Familie-Ihre-sichere-Altersvorsorge.jpg");
 
 
  background-position: center;
}


.EuroGraph {
 background-image: url("../gfx/euro-graph.jpg");
 
 background-size: cover;
}
.Moeglichkeiten {
 background-image: url("../gfx/Investieren-in-Edelmetalle.jpg") !important;
 
 background-size: cover;
}
.Lagerung {
 background-image: url("../gfx/Auvesta-sichere-Edelmetall-Lagerung.jpg") !important;
 
 background-size: cover;
}


.Giessen {
 background-image: url("../gfx/187022123.jpg") !important;
 
 background-size: cover;
 background-position: bottom;
}




.Lieferung {
 background-image: url("../gfx/golddepot-auvesta.jpg") !important;
 
 background-size: cover;
}
.Online-Depot {
 background-image: url("../gfx/Online-Depot-Service-Transparenz--Edelmetalle.jpg") !important;
 
 background-size: cover;
}
.Ueberblick {
 background-image: url("../gfx/Gold-sparen-im-ueberblick-mit Auvesta-Online-Depot.jpg") !important;
 
 background-size: cover;
}
.Vertrieb {
 background-image: url("../gfx/vertrieb.jpg") !important;
 
 background-size: cover;
}
.gold1 {
 background-image: url("../gfx/kleineBarren-1024x640.jpg") !important;
 
 background-size: cover;
}
.gold2 {
 background-image: url("../gfx/golddetail.jpg") !important;
 
 background-size: cover;
}
.silber{
	background-image: url("../gfx/silberbarren-auvesta-guenstig-silber-kaufen.jpg") !important;
	
	background-size:cover;
	
}

.gold{
	background-image: url("../gfx/gold.jpg") !important;
	
	background-size:cover;
	
}

.platin{
	background-image: url("../gfx/platinum.jpg") !important;
	
	background-size:cover;
	
}

.palladium{
	background-image: url("../gfx/palladium.jpg") !important;
	
	background-size:cover;
	
}


.Mobil-Depot{
	background-image: url("../gfx/golddepot-ueberall-erreichbar-mobil.jpg") !important;
	

}
.Tresorort{
	background-image: url("../gfx/sichere-tresor-lagerung-auvesta-edelmetalle-min.jpg") !important;
	

}

.KundenWorld{
	background: #b2b2b2;
	color:#fff;
	padding-top:80px;
}

.KundenWorld .heading2{
	margin-top:80px;
}

.KundenWorldContent img{
	width:80%;
	display:block;
	margin: auto;
}


.Parallax-Charts{
	background-image: url("../gfx/gold-silver.jpg") !important;
	background-size: cover;
}

.Parallax-Edelmetalle{
	background-image: url("../gfx/warum-edelmetalle.jpg") !important;
	background: bottom right;
	min-height:40vh;
	color:#fff;
}

.parallax .container
{
 padding-top: 20vh;
 padding-left:15px;
}
.parallax .overlay {
 width:100%;
 height:100%;
 background-color: rgba(0,0,0,0.25);
 color:white;
}
.VorsorgeBG .overlay {
 background-color: rgba(0, 0, 0, 0.6);
 color: white;
 height: 100%;
 width: 100%;
}
.Moeglichkeiten .overlay {
 background-color: rgba(0, 0, 0, 0.6);
 color: white;
 height: 100%;
 width: 100%;

}
.Online-Depot .overlayParallax {
 background-color: rgba(0, 0, 0, 0.6);
 color: white;
 height: 100%;
 width: 100%;
}

.Parallax-Charts .overlayParallax {
 background-color: rgba(0, 0, 0, 0.8);
 color: white;
 height: 100%;
 width: 100%;
}

.KundenWorld .overlayParallax {


 height: 100%;
 width: 100%;
}

.Parallax-Charts .container{
	padding-top:70px;
}


.White .overlayParallax {
 background-color: rgba(0, 0, 0, 0.3);
 color: white;
 height: 100%;
 width: 100%;
}

.gold2 .overlayParallax {
 background-color: rgba(0, 0, 0, 00.1);
 color: white;
 height: 100%;
 width: 100%;
}

.White .overlayParallaxEuro {
 background-color: rgba(0, 0, 0, 0.5);
 color: white;
 height: 100%;
 width: 100%;
}

.Lieferung .overlayParallax {
 background-color: rgba(0, 0, 0, 0.1);
 }


.White .overlayImg {
 background-color: rgba(0, 0, 0, 0.6);
 color: white;
 padding:200px 0px;
}


#Einlagerung a,
#Lieferung a,
#Lagerung a{
	
	font-size:14px;
}

#Einlagerung .col-sm-4,
#Lieferung .col-sm-4,
#Lagerung .col-sm-4 {
 padding: 5%;
}
.LagerungImage {
 margin-top:40px;
}

#Einlagerung p,
#Lieferung p,
#Lagerung p {
 font-size: 18px;
 min-height:120px;
}

#Einlagerung img,
#Lieferung img,
#Lagerung img {
 max-width:200px;
}


#Einlagerung .Img60 img,
#Lieferung .Img60 img{
	width: 60%;
}



.OnlineDepot {
 background-image: url("../gfx/Online-Depot-Service-Transparenz--Edelmetalle.jpg");
}
.LeftAbstand p {
 padding-left: 80px;
}
.BorderBottom {
 border-bottom: solid 1px #B19C66;
 padding-bottom: 20px;
}
.row.seperator [class*='col-']:not(:last-child):after {
 background: #B19C66;
 width: 1px;
 content: "";
 display:block;
 position: absolute;
 top:0px;
 bottom: 0;
 right: 0;
 min-height: 70px;
 -moz-transform: rotate(90deg);
 -ms-transform: rotate(90deg);
 -o-transform: rotate(90deg);
 -webkit-transform: rotate(90deg);
}
.seperator {
 margin: 60px 0px;
}
.SmallImage img {
 width: 60px;
}
/********************* SLIDER HORIZONTAL *********************/
.SliderHzArrow {
 top: 50%;
 position: absolute;
 width: 60px;
 height: 60px;
 background: rgba(0,0,0,0.5);
}
.SliderHzArrow img {
 width: 60px;
 height: 60px;
}
.SliderHz .carousel-control.left {
 left: 1vw;
 right: auto;
}
.SliderHz .carousel-control.right {
 left: auto;
 right: 1vw;
}
/*********** KURSE **************/
#SliderKurs {
 background-image: url("../gfx/nuggets.jpg");
 min-height: 80vh;
 height: 80vh;
    /* Create the parallax scrolling effect */
 background-attachment: scroll;
 background-position: center;
 background-repeat: no-repeat;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
 position: relative;
}
.KursTop {
 position: relative;
 bottom:20px;
}
.KursBt {
  position: relative;
 
 
}
#SliderKurs .hero {
 position: absolute;
 top: 40%;
 left: 50%;
 z-index: 3;
 color: #333;
 text-align: center;

 text-shadow: 0px 0px 0 rgba(0,0,0,.75);
 -webkit-transform: translate3d(-50%,-50%,0);
 -moz-transform: translate3d(-50%,-50%,0);
 -ms-transform: translate3d(-50%,-50%,0);
 -o-transform: translate3d(-50%,-50%,0);
 transform: translate3d(-50%,-50%,0);
}
.KursButton {
	background: none;
	border-radius: 0px;
	border: solid 1px #fff;
	font-size: 14px;
	padding: 0px 20px;
}
.KursButton:hover{
	background: rgba(0,0,0,0.8);
}
.Copy{
	background: #595959;
	color: #fff;
	
}
.Copy .text-center{
	font-size:14px;
}


.Copy a,
.Copy a:visited{
	
	color: #fff;
	
}

.Copy a:hover{
	
	color: #ad9961;
	
}


#KurseFooter{
background:#333;
	 background-position: center center;
 background-repeat: no-repeat;
 background-size: cover;
 min-height:40vh;
}

#KurseFooter .carousel{
	background: rgba(0,0,0,0.0);
}



#KurseFooter .fade-carousel .slides .slide-1, #KurseFooter .fade-carousel .slides .slide-2 {
 background-position: center center;
 background-repeat: no-repeat;
 background-size: cover;
height:40vh;
}


#KurseFooter .fade-carousel .carousel-inner .item {
   height:40vh;
}


@media screen and (max-width: 768px){
#KurseFooter .fade-carousel {
    height: 100vh;
    position: relative;
}

#KurseFooter .fade-carousel .carousel-inner .item, #KurseFooter  {
    height: 100vh;
}

#KurseFooter .fade-carousel .slides .slide-1, #KurseFooter .fade-carousel .slides .slide-2 {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
}


}



#KurseFooter .fade-carousel {
    position: relative;
   height:40vh;
}

#KurseFooter .hero .col-sm-9,
#KurseFooter .hero .KursBt{
	color: #fff;
	text-transform:none;
	font-size:14px;
}



#KurseFooter .OverlayBlackradius {
    background-color: rgba(0,0,0,0.0);
    border: 0px solid #fff;
    padding:15px;
    border-radius:0px;
  
    
    
}

#KurseFooter .OverlayBlackradius img{
	float: left;
	margin-right:10px;
}

#KurseFooter .OverlayBlackradius p{
	margin-top: 5px;
	font-size: 14px;
	text-transform: uppercase;
}



footer .heading2{
	font-size: 16px;
	text-transform: uppercase;
	border-bottom: 1px solid #ddd;
	margin-bottom:10px;
}

.No15-5 .col-sm-2{
	 padding-left: 5px;
    padding-right: 5px;
}

.FooterWrap{
	background:#FAFAFA;
	border-top: 0px solid #ddd;
}


footer p{
	font-size: 14px;
	line-height: 24px;
}
footer a, footer a:visited{
	color: #333;
}
footer .font18 li:hover,
footer a:hover{
	color: #ad9961;
	text-decoration: none;
}
footer .font18 li{
	font-size: 14px;
	line-height: 30px;
	
}






footer .font18 ul     	     {
		list-style: none;
	     }
footer .font18 ul li:before {
		content: "\f054";
font-family: "FontAwesome";
color: rgba(0,0,0,0.4);
font-size:10px;
margin-right: 10px;
font-weight: 300;
-webkit-text-stroke: 1px #fff;
	     }
	     
	   
.NavHeadSpan{
	float: right;
	
	text-transform: uppercase;
	line-height:50px;
	font-weight: 300;
	padding:0px 10px;
}


.NavHeadSpan:hover{
/*
	background: #ccc;
	
	*/
}


/********************** SPARPLAN ******************************************************************************/
/********************* Edelmetalle-sparen *******************************/
.ColBorder{
	border: solid 0px #ddd;
	
	min-height: 360px;
	padding-left: 0px;
    padding-right: 0px;
   
}
#Edelmetalle-sparen .col-sm-4{
	margin-top:3.5vh;
}
#Edelmetalle-sparen{
	padding-bottom: 160px;
}
.Pad15{
		padding-left: 15px;
    padding-right: 15px;
}
#Edelmetalle-sparen img{
	width: 100%;
	
}
.jumbotron li {
    font-size: 18px;
    line-height: 20px;
    font-weight: 300;
    list-style: outside none none;
    margin-bottom: 15px;
}


#Vorteile-Goldsparplaene.jumbotron li {
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    list-style: outside none none;
    margin-bottom: 0px;
}

#Vorteile-Goldsparplaene.jumbotron li .font18{
    font-size: 14px;
}
 
 /************ MONITOR *****************/
.embed-responsive-4by3 {
 padding-bottom: 69%;
}
.VideoMax {
 max-width: 70%;
 max-height: 70%;
 margin: auto;
}
.VideoBg {
 background: url(../gfx/macbookpro.png)no-repeat top center;
 -webkit-background-size: contain;
 -moz-background-size: contain;
 -o-background-size: contain;
 background-size: contain;
 padding: 6% 6% 8% 6%;
   /* XXS */
 @media only screen and (min-width : 320px)  {
 }
 // background isn't fixed here.
  /* XS  */ @media only screen and (min-width : 480px)  {
 }
 // background still isn't fixed here.
  /* SM  */ @media only screen and (min-width : 768px)  {
 }
 // background still isn't fixed here.
  /* MD  */ @media only screen and (min-width : 992px)  {
  background-attachment: fixed;
 }
 // Ok NOW the background is fixed.
  /* LG  */ @media only screen and (min-width : 1200px) {
 }
}
.VideoBg2 {
 position: absolute;
 z-index: 2;
 top:80px;
 left:10px;
}
#Video .VideoLeft {
 margin-top: 80px;
}
.VideoRight {
 right: 100px;
}
/******************* PROGRESSBAR ****************/
#Aufteilen {
 padding: 80px 0px;
}
#Aufteilen .col-sm-5 p {
 font-size:18px;
 margin-bottom: 5px;
}
.progress {
 min-height: 40px;
}
.progress-bar {
 line-height: 40px;
 font-size: 18px;
}
.progress-bar.GoldBar {
 background-color: #ad9961;
}
.progress-bar.SilberBar {
 background-color: #737373;
}
.progress-bar.PlatinBar {
 background-color: #b4b4b4;
}
.progress-bar.PalladiumBar {
 background-color: #cdcdcd;
}
#barren .heading, #barren p {
 margin: 80px 0px;
}
#VHL {
 padding: 0px;
}
#VHL .heading {
 border-bottom: solid 1px #ad9961;
 margin:260px 60px 60px 20px;
}
#VHL .col-sm-4 {
 background-position: center center;
 background-repeat: no-repeat;
 background-size: cover;
 height: auto;
 min-height: 503px;
 color:#fff;
}
.VHL-Vorteile {
 background-image: url("../gfx/kleineBarren-1024x640.jpg");
}
.VHL-Hersteller {
 background-image: url("../gfx/guss_layer.jpg");
}
.VHL-Lagerung {
 background-image: url("../gfx/tresor3-1024x609.jpg");
}
#Hersteller img {
 max-width:140px;
 margin-top: 40px;
 filter: grayscale(100%);
 -webkit-filter: grayscale(100%);
 -moz-filter: grayscale(100%);
 -ms-filter: grayscale(100%);
 -o-filter: grayscale(100%);
 filter: url(desaturate.svg#greyscale);
 filter: gray;
 -webkit-filter: grayscale(1);
}
#Hersteller a {
 font-size: 14px;
}
#Hersteller .IMG {
 height: 140px;
}
#Hersteller .Abstand {
 margin-top: 80px;
}
#Hersteller .col-sm-4 .heading {
 font-size:18px;
}
.IpadBg {
 background: url("../gfx/golddetail.jpg") no-repeat center center;
 position: relative;
 z-index: 2147483647;
}
.IpadBg .text-center {
 margin: 60px 0px;
 line-height: 80px;
}
.IpadBgMonitor {
 background: url("../gfx/iPad-1.png") no-repeat center center;
 height:100%;
 width: 800px;
 height: 600px;
}
.IpadBgMonitor img {
 padding-top: 100px;
 width: 80%;
 max-width: 100%;
}
.FontWhite {
 color: #fff;
 font-size:34px;
}
.heading2Inline {
 font-size:24px;
 line-height:30px;
 font-weight: 300;

}
.modal-body li,
.modal-body p,
#TresorLieferung p,
#Top-Goldhaendler p {
 font-size:18px;
 line-height:32px;
}
#Top-Goldhaendler {
 background: url("../gfx/gold-sparen-mit-auvesta.jpg") no-repeat top center;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
   /* XXS */
 @media only screen and (min-width : 320px)  {
 }
 // background isn't fixed here.
  /* XS  */ @media only screen and (min-width : 480px)  {
 }
 // background still isn't fixed here.
  /* SM  */ @media only screen and (min-width : 768px)  {
 }
 // background still isn't fixed here.
  /* MD  */ @media only screen and (min-width : 992px)  {
  background-attachment: fixed;
 }
 // Ok NOW the background is fixed.
  /* LG  */ @media only screen and (min-width : 1200px) {
 }
}
#Top-Goldhaendler {
 color: #fff;
}

.cover {
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
   /* XXS */
 @media only screen and (min-width : 320px)  {
 }
 // background isn't fixed here.
  /* XS  */ @media only screen and (min-width : 480px)  {
 }
 // background still isn't fixed here.
  /* SM  */ @media only screen and (min-width : 768px)  {
 }
 // background still isn't fixed here.
  /* MD  */ @media only screen and (min-width : 992px)  {
  background-attachment: fixed;
 }
 // Ok NOW the background is fixed.
  /* LG  */ @media only screen and (min-width : 1200px) {
 }
}
/******************* FOCUS ************************/
.ButtonPDF,
.ButtonPDFWrap {
 max-width: 100%;
}
.ButtonPDF {
 background: transparent none repeat scroll 0 0;
 border-color: #fff;
 border-radius: 0px;
 border-width: 1px;
 color: #fff;
 font-size: 18px;
 margin: 20px 0px;
 padding: 15px 10px;
 text-transform: uppercase;
}
.ButtonPDF:hover {
 background: #333;
 color: #fff;
  border-color: #333;
}
/******* ICON ANI **********************
#Auvesta-Vorteile i:hover{
  animation: IconAni ease 0.5s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  animation-fill-mode:forwards;
  -webkit-animation: IconAni ease 0.5s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-fill-mode:forwards; 
  -moz-animation: IconAni ease 0.5s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -moz-animation-fill-mode:forwards; 
  -o-animation: IconAni ease 0.5s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -o-animation-fill-mode:forwards;
  -ms-animation: IconAni ease 0.5s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
  -ms-animation-fill-mode:forwards; 
}












@keyframes IconAni{
  0% {
    opacity:0;
    transform:  translate(-200px,0px)  ;
  }
  60% {
    opacity:1;
    transform:  translate(30px,0px)  ;
  }
  80% {
    transform:  translate(-10px,0px)  ;
  }
  100% {
    opacity:1;
    transform:  translate(0px,0px)  ;
  }
}
@-moz-keyframes IconAni{
  0% {
    opacity:0;
    -moz-transform:  translate(-200px,0px)  ;
  }
  60% {
    opacity:1;
    -moz-transform:  translate(30px,0px)  ;
  }
  80% {
    -moz-transform:  translate(-10px,0px)  ;
  }
  100% {
    opacity:1;
    -moz-transform:  translate(0px,0px)  ;
  }
}
@-webkit-keyframes IconAni {
  0% {
    opacity:0;
    -webkit-transform:  translate(-200px,0px)  ;
  }
  60% {
    opacity:1;
    -webkit-transform:  translate(30px,0px)  ;
  }
  80% {
    -webkit-transform:  translate(-10px,0px)  ;
  }
  100% {
    opacity:1;
    -webkit-transform:  translate(0px,0px)  ;
  }
}
@-o-keyframes IconAni {
  0% {
    opacity:0;
    -o-transform:  translate(-200px,0px)  ;
  }
  60% {
    opacity:1;
    -o-transform:  translate(30px,0px)  ;
  }
  80% {
    -o-transform:  translate(-10px,0px)  ;
  }
  100% {
    opacity:1;
    -o-transform:  translate(0px,0px)  ;
  }
}
@-ms-keyframes IconAni {
  0% {
    opacity:0;
    -ms-transform:  translate(-200px,0px)  ;
  }
  60% {
    opacity:1;
    -ms-transform:  translate(30px,0px)  ;
  }
  80% {
    -ms-transform:  translate(-10px,0px)  ;
  }
  100% {
    opacity:1;
    -ms-transform:  translate(0px,0px)  ;
  }
}

***/



#Von-Geld-zu-Gold .glyphicon:hover{
background:#333;
-webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
	
}
@-webkit-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(0, 0, 0, 0.1);}}
@-moz-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(0, 0, 0, 0.1);}}
@-ms-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(0, 0, 0, 0.1);}}
@keyframes pulse {to {box-shadow: 0 0 0 45px rgba(0, 0, 0, 0.1);}}
#Von-Geld-zu-Gold .glyphicon {
    background-color: #ffffff;
    border: 1px solid #ad9961;
    border-radius: 50%;
    color: #ad9961;
    font-size: 56.32px;
    height: 112.64px;
    left: 1px;
    line-height: 100px;
    margin: 20px 0;
    position: relative;
    text-align: center;
    top: 1px;
    width: 112.64px;
}
/*********************************** TRESOR **************************************/
/************* TRESOR SLIDE       *********************************/
.Boxes2Col .col-sm-6{
	padding:5%;
	min-height: 60vh;
}
#Online-Depot-Box .col-sm-6 img{
 width: 120px;
    height: 120px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -60px;
    margin-top: -60px;
	
}
.CheckAufzaehlung li{
	font-size: 24px;
	line-height:43px;
}
.CheckAufzaehlung .fa{
	color:#b19c66;
	margin-right: 30px;
}
#Online-Depot-Sicherheit{
	/* Set a specific height */
 height: 90vh;
   
 background-attachment: scroll;
 background-position: center;
 background-repeat: no-repeat;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
 background-image: url(../gfx/bkgd13.jpg);
}
#SliderGold .hero{
	top: 25%;
}
#SliderGold .LayerOneRight {
    animation: 1700ms ease-in-out 0s normal none 1 running moveFromBottomFade;
    bottom: 0px;
    left: auto;
    position: absolute;
    right: 0;
    top: 40%;
}
#SliderGold .Layer2OneRight {
    animation: 1700ms ease-in-out 0s normal none 1 running moveFromBottomFade;
    bottom:0px;
    left: auto;
    position: absolute;
    right: 150px;
    top: 40%;
}
/******************** AKTUELLES *******************************/
.Quelle{
	color:#b19c66;
	font-size:11px;
}
#Aktuelles .indicator-inner img{
	max-width:80px;
}
#Aktuelles .slider-news-content{
	color:#dadada;
}
.NewsImg img{
	max-width:300px;
	margin: 20px;
}
#Aktuelles .btn-action{
	margin-top: 50px;
}
.slider {
    background: #333;
    position: relative;
}
.slider:after {
    content: "";
    opacity: 0.8;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
   }
/* Carousel */
.slider .carousel {
    z-index: 1;
    padding: 100px 0 150px 0;
}
.slider .carousel-inner {
}
.slider .slider-content p {
    color: #fff;
    font-size: 28px;
    line-height: 140px;
    
}
.slider .slider-content h3 {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
}
.slider .slider-content .btn {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    
    padding: 8px 30px;
    margin-bottom: 120px;
    text-transform: uppercase;
    background: transparent;
    border-radius: 0;
    border: 2px solid #ffffff;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
.slider .slider-content .btn:hover {
    background: rgba(0,0,0,0.7);
    border: 2px solid #333;
}
/* Carousel indicator */
.slider .carousel-indicators {
    width: 100%;
    margin: 0;
    padding: 0;
    left: 0;
}
.slider .carousel-indicators li {
    text-indent: initial;
    width: 8%;
    height:0px;
    margin: 0 2% 0 0;
    border-radius: 0;
    background: #ffffff;
    border: none;
    opacity: 0.6;
}
.slider .carousel-indicators li:last-child {
    margin: 0;
}
.slider .carousel-indicators li.active {
    opacity: 1;
    position: relative;
}
.slider .carousel-indicators li.active:after {
    content: "";
    width: 30%;
    
    top: 0;
    left: 0;
    position: absolute;
   
}
.slider .carousel-indicators li:hover{
	opacity: 1;
}
.slider .indicator-inner {
    padding-top: 25px;
    text-align: left;
}
.slider .indicator-inner span {
   
    color: #fff;
    font-size: 17px;
    font-weight: 400;
}
.slider .indicator-inner span.number {
    font-size: 23px;
    font-weight: 500;
    margin-right: 10px;
}
/* Media query for 959px */
@media only screen and (max-width: 959px) {
    /* Main slider section */
    .slider .carousel {
        padding: 70px 0 50px 0;
    }
    .slider .slider-content .btn {
        margin-bottom: 60px;
        padding: 6px 18px;
        font-size: 12px;
    }
}
/* Media query for 768px */
@media only screen and (max-width: 768px) {
    /* Main slider section */
    .slider .slider-content p {
        font-size: 35px;
        line-height: 70px;
    }
    .slider .indicator-inner {
        padding-top: 10px;
    }
    .slider .slider-content h3 {
        font-size: 35px;
    }
    .slider .indicator-inner span {
        font-size: 10px;
    }
    .slider .indicator-inner span.number {
        font-size: 10px;
        margin-right: 0;
    }
    .seperator .col1{
    display: none;
    	
    }
}
/* Media query for 420px */
@media only screen and (max-width: 420px) {
    /* Main slider section */
    .slider .carousel {
        padding: 50px 0 50px 0;
    }
    .slider .slider-content p {
        font-size: 35px;
        line-height: 70px;
    }
    .slider .indicator-inner {
        padding-top: 10px;
    }
    .slider .slider-content h3 {
        font-size: 35px;
    }
    .slider .indicator-inner span {
        font-size: 7px;
    }
    .slider .indicator-inner span.number {
        font-size: 7px;
        margin-right: 0;
    }
}

#myBtn {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 20px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: rgba(0,0,0,0.6); /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 5px; /* Some padding */
    border-radius: 5px; /* Rounded corners */
    width:50px;
    height: 40px;
    font-size:20px;
    line-height:10px;
    font-weight: 700;
}

#myBtn:hover {
    background-color: #B19C66; /* Add a dark-grey background on hover */
}


#barren .col-sm-3{
	padding: 0px 2vw;
}

.ButtonClose {
    height: 20px;
    position: relative;
    transform: rotate(45deg);
    width: 20px;
    
}
.ButtonClose::before, .ButtonClose::after {
    background-color: #818181;
    content: "";
    position: absolute;
    transition: transform 0.25s ease-out 0s;
    font-size: 12px;
    -webkit-text-stroke: 1px white;
}
.ButtonClose::before {
    height: 100%;
    left: 50%;
    margin-left: -1px;
    top: 0;
    width: 2px;
}
.ButtonClose::after {
    height: 2px;
    left: 0;
    margin-top: -1px;
    top: 50%;
    width: 100%;
}
.ButtonClose:hover {
    cursor: pointer;
}
.ButtonClose:hover::before {
    transform: rotate(45deg);
     font-size: 12px;
}
.ButtonClose:hover::after {
    transform: rotate(135deg);
     font-size: 12px;
}

#myNav .col-md-12 img{
	margin: -42px 0 40px -22px;
}



.bmd-modalButton {
  display: block;
  margin: 15px 0px;
  padding: 5px 15px;
  width:60px;
}

.close-button {
  overflow: hidden;
}

.bmd-modalContent {
  box-shadow: none;
  background-color: transparent;
  border: 0;
}
  
.bmd-modalContent .close {
  font-size: 30px;
  line-height: 30px;
  padding: 7px 4px 7px 13px;
  text-shadow: none;
  opacity: .7;
  color:#fff;
}

.bmd-modalContent .close span {
  display: block;
}

.bmd-modalContent .close:hover,
.bmd-modalContent .close:focus {
  opacity: 1;
  outline: none;
}

.bmd-modalContent iframe {
  display: block;
  margin: 0 auto;
}



#myWorld .modal-body {
    padding: 15px;
    position: relative;
    width: 80vw;
    height: 60vw;
    
}

#myWorld .modal-content{
	left: -25vw;
}


.bg-black-transpa{
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.87) 99%, rgba(0,0,0,0.88) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.87) 99%,rgba(0,0,0,0.88) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.87) 99%,rgba(0,0,0,0.88) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e0000000',GradientType=0 ); /* IE6-9 */
}

.bg-overlay-start {
	margin-top: 40px;
	height: 100vh;
}





@media screen and (max-width: 1200px){
	.bg-overlay-start img{
		max-width: 10vw;
	}
}






.bg-overlay-start .LayerOneRight img{
	max-width: 10vw;
}

.bg-overlay-start .LayerOneRight{
	bottom: -450px;

}

.bg-overlay-start .Layer2OneRight{
	bottom: -350px;
}

.ZitatStart{
	font-size:30px;
}


.bg-overlay-start {
    background: linear-gradient(rgba(0,0,0,.3), rgba(0,0,0,.0)), url("../gfx/wolken2.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
    color: #333;
    height: 60vh;
    padding-top: 50px;
    position: relative;
}

.bg-overlay-service {
    background: linear-gradient(rgba(0,0,0,.0), rgba(0,0,0,.0)), url("../gfx/service.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
    color: #fff;
    height: 90vh;
    padding-top: 250px;
}

.bg-overlay-partner {
    background: linear-gradient(rgba(0,0,0,.0), rgba(0,0,0,.0)), url("../gfx/partner.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
    color: #fff;
    height: 90vh;
    
}

.bg-overlay-unternehmen {
    background: linear-gradient(rgba(0,0,0,.0), rgba(0,0,0,.0)), url("../gfx/bavaria.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    color: #fff;
    height: 90vh;
    padding-top: 250px;
}





.bg-overlay-edelmetalle .white100{
padding-top:10vh;
padding-bottom: 10vh;
    background: linear-gradient(rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
    
}

.white100{
padding-top:10vh;
padding-bottom: 10vh;
    background: linear-gradient(rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
    
}


.bg-overlay-sparplan {
    background: linear-gradient(rgba(0,0,0,.0), rgba(0,0,0,.0)), url("../gfx/sparplan-goldsparplan.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
    
    height: 90vh;
    padding-top: 50px;
    color: #fff;
    
}


.bg-overlay-good {
    background: linear-gradient(rgba(0,0,0,.0), rgba(0,0,0,.0)), url("../gfx/Good-Delivery-Standard-Barren.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
    
    height: 90vh;
    padding-top: 50px;
    color: #fff;
    
}





.bg-overlay-sparplan .LayerOneRight,
.bg-overlay-sparplan .Layer2OneRight{
	bottom: -60vh;
	
}

.bg-overlay-sparplan .LayerOneRight img,
.bg-overlay-sparplan .Layer2OneRight img{
	max-width: 10vw;
}


.bg-overlay-start h2{
	font-size:24px;
}

.bg-farbig,
.bg-farbig-color{
	
	background: #666;
	color:#fff;


}


#Edelmetalle-sparen img {
  -webkit-filter: sepia(1);
  filter: sepia(1);
}





.shadow-depth-1{
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  }
.shadow-depth-2{
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -moz-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  }
.shadow-depth-3{
  -webkit-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
  -moz-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19); 
  }
.shadow-depth-4{
   -webkit-box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
  -moz-box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
  box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
  }  
  
  
.ShadowImage img{
-webkit-filter: drop-shadow(15px 15px 15px #222);
    filter:         drop-shadow(15px 15px 15px #222); 
}

.NoShadowImage img{
-webkit-filter: drop-shadow(15px 15px 15px #fff);
    filter:         drop-shadow(15px 15px 15px #fff); 
}



#OnlineDepotBoxen .col-md-6{
	padding: 80px 40px;
	min-height:1080px;
}

@media screen and (max-width: 1046px){
	#OnlineDepotBoxen .col-md-6{
	padding: 80px 40px;
	min-height:1060px;
}
}


@media screen and (max-width: 900px){
	#OnlineDepotBoxen .col-md-6{
	padding: 80px 40px;
	min-height:960px;
}




}



@media screen and (min-width: 992px){


#OnlineDepotBoxen .col-md-6:nth-child(2),
#OnlineDepotBoxen .col-md-6:nth-child(3),
#OnlineDepotBoxen .col-md-6:nth-child(6),
#OnlineDepotBoxen .col-md-6:nth-child(7),
#OnlineDepotBoxen .col-md-6:nth-child(10),
#OnlineDepotBoxen .col-md-6:nth-child(11),
#OnlineDepotBoxen .col-md-6:nth-child(14){
	background: #666;
	color: #fff;
}





#OnlineDepotBoxen .col-md-6:nth-child(2).CheckAufzaehlung li::before,
#OnlineDepotBoxen .col-md-6:nth-child(3).CheckAufzaehlung li::before,
#OnlineDepotBoxen .col-md-6:nth-child(6).CheckAufzaehlung li::before,
#OnlineDepotBoxen .col-md-6:nth-child(7).CheckAufzaehlung li::before,
#OnlineDepotBoxen .col-md-6:nth-child(10).CheckAufzaehlung li::before,
#OnlineDepotBoxen .col-md-6:nth-child(11).CheckAufzaehlung li::before,
#OnlineDepotBoxen .col-md-6:nth-child(14).CheckAufzaehlung li::before
{
	-webkit-text-stroke: 3px #666;
}




	
}










@media screen and (max-width: 991px){

#OnlineDepotBoxen .col-md-6:nth-child(2n){
	background: #666;
	color: #fff;
}

#OnlineDepotBoxen .col-md-6:nth-child(2n).CheckAufzaehlung li::before
{
	-webkit-text-stroke: 3px #666;
}
	
}


.fig {
    color: #fcfcfc;
	
	font-weight: 400;
	font-size: 18px;
	text-align: center;
	border-radius: 30px;
	display: inline-block;
	padding: 15px;
	width: 250px;
	/*
	border-left: 1px solid #fcfcfc;	
	border-right: 1px solid #fcfcfc;
	*/
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
}

.fig:hover {
	border-radius: 0px;
	color: #333;
	background: #fcfcfc;
	cursor: pointer;
    text-decoration: none;
}

.parallax .schritt p{
	font-size: 18px;
	line-height: 20px;
}

.VerticalBottom{
position: relative;
min-height: 40vh;
   
}

.VerticalBottom img{
position: absolute;
    bottom: 0;
   
}
 

/************************** TABS ***************************************/



.wizard {

 
}






#Edelmetalle .container .jumbotron, #Edelmetalle .container-fluid .jumbotron {
    border-radius: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

#Edelmetalle .container-fluid {
    padding: 0px 0px;
}

    .wizard .nav-tabs {
        position: relative;
        margin: 40px auto;
        margin-bottom: 0;
        border-bottom-color: #e0e0e0;
    }

    .wizard > div.wizard-inner {
        position: relative;
    }

.connecting-line {
    height: 2px;
    background: #e0e0e0;
    position: absolute;
    width: 80%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 50%;
    z-index: 1;
}

.wizard .nav-tabs > li.active > a, .wizard .nav-tabs > li.active > a:hover, .wizard .nav-tabs > li.active > a:focus {
    color: #555555;
    cursor: default;
    border: 0;
    border-bottom-color: transparent;
}

span.round-tab {
    width: 70px;
    height: 70px;
    line-height: 70px;
    display: inline-block;
    border-radius: 100px;
     background: rgba(0,0,0,0.9);
    border: 2px solid #e0e0e0;
    z-index: 2;
    position: absolute;
    left: 0;
    text-align: center;
    font-size: 25px;
    opacity: 0.6;
    
}


span.round-tab img{
	margin-top:10px;
	-moz-transform: rotate(30deg);
-ms-transform: rotate(30deg);
-o-transform: rotate(30deg);
-webkit-transform: rotate(30deg);
}

span.round-tab i{
    color:#555555;
}
.wizard li.active span.round-tab {
    background: rgba(0,0,0,0.9);
    border: 1px solid rgba(255,255,255,0.8);
    opacity: 1;
    
}


span.round-tab:hover {
    color: #333;
    border: 2px solid #333;
}

.wizard .nav-tabs > li {
    width: 25%;
}

.wizard li:after {
    content: " ";
    position: relative;
    left: 46%;
    opacity: 0;
    margin: 0 auto;
    bottom: 0px;
    border: 0px solid transparent;
    border-color: solid #ad9961;
    transition: 0.1s ease-in-out;
}


/*
.wizard li.active:after {
    content: " ";
    position: absolute;
    left: 44%;
    opacity: 1;
    margin: 0 auto;
    bottom: 0px;
    border: 15px solid transparent;
    border-bottom-color: #ccc;
}

*/

.wizard li.active{
	
	 background: #333;
	 color:#333;
}

.wizard .nav-tabs > li.active a{

	 background: #333;
	 color:#fff;
}


.wizard .nav-tabs > li a:hover .ChartsTabs,
.wizard .nav-tabs > li.active a p{

	 color:#fff;
}

#Edelmetalle .wizard .nav-tabs > li a {
   
    
    margin: 0px auto;
    padding-bottom: 20px;
    width: 100%;
    text-align: center;
    
}

    .wizard .nav-tabs > li a:hover {
        background: #333;
    
        border-top:0px;
        border-left:0px;
        border-right:0px;
    }

.wizard .tab-pane {
    position: relative;
    padding-top: 50px;
}

.wizard h3 {
    margin-top: 0;
}
.step1 .row {
    margin-bottom:10px;
}
.step_21 {
    border :1px solid #eee;
    border-radius:5px;
    padding:10px;
}
.step33 {
    border:1px solid #ccc;
    border-radius:5px;
    padding-left:10px;
    margin-bottom:10px;
}
.dropselectsec {
    width: 68%;
    padding: 6px 5px;
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #333;
    margin-left: 10px;
    outline: none;
    font-weight: normal;
}
.dropselectsec1 {
    width: 74%;
    padding: 6px 5px;
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #333;
    margin-left: 10px;
    outline: none;
    font-weight: normal;
}
.mar_ned {
    margin-bottom:10px;
}
.wdth {
    width:25%;
}
.birthdrop {
    padding: 6px 5px;
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #333;
    margin-left: 10px;
    width: 16%;
    outline: 0;
    font-weight: normal;
}


/* according menu */
#accordion-container {
    font-size:13px
}
.accordion-header {
	font-size:13px;
	background:#ebebeb;
	margin:5px 0 0;
	padding:7px 20px;
	cursor:pointer;
	color:#fff;
	font-weight:400;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px
}
.unselect_img{
	width:18px;
	-webkit-user-select: none;  
	-moz-user-select: none;     
	-ms-user-select: none;      
	user-select: none; 
}
.active-header {
	-moz-border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;
	border-radius:5px 5px 0 0;
	background:#F53B27;
}
.active-header:after {
	content:"\f068";
	font-family:'FontAwesome';
	float:right;
	margin:5px;
	font-weight:400
}
.inactive-header {
	background:#333;
}
.inactive-header:after {
	content:"\f067";
	font-family:'FontAwesome';
	float:right;
	margin:4px 5px;
	font-weight:400
}
.accordion-content {
	display:none;
	padding:20px;
	background:#fff;
	border:1px solid #ccc;
	border-top:0;
	-moz-border-radius:0 0 5px 5px;
	-webkit-border-radius:0 0 5px 5px;
	border-radius:0 0 5px 5px
}
.accordion-content a{
	text-decoration:none;
	color:#333;
}
.accordion-content td{
	border-bottom:1px solid #dcdcdc;
}



@media( max-width : 585px ) {

    .wizard {
        width: 90%;
        height: auto !important;
    }

    span.round-tab {
        font-size: 16px;
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .wizard .nav-tabs > li a {
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .wizard li.active:after {
        content: " ";
        position: absolute;
        left: 35%;
    }
}



.ChartsTabs {
    color: #333;
    font-size: 18px;
    padding-top: 40px;
    text-align: center;
}


#Charts .container-fluid {
    padding: 0px 0px;
}

#Charts h1,
#Charts h2,
#Charts h3,
#Charts h4{
	 font-size: 42px;
    font-weight: 300;
    line-height: 50px;
    margin-bottom: 15px;
}


.shadow15,
#Charts .tab-pane img{
-webkit-filter: drop-shadow(15px 15px 15px #222);
    filter:         drop-shadow(15px 15px 15px #222); 
    
   } 
    
   
   .bg-farbig-color-breadcump{
   	
   }
    
    .breadcrumb {
    background-color: transparent;
    border-radius: 4px;
    list-style: outside none none;
    margin-bottom: 20px;
    padding: 0px 15px 45px 15px;
    border-bottom: 1px solid #ccc;
}


 .breadcrumb > li + li::before {
    color: #ccc;
    content: " ";
    padding: 0 0px;
}
  
  .breadcrumb > li {
  	 font-weight: 300;
    line-height: 50px;
    text-transform: uppercase;
    padding: 0 10px;
    letter-spacing: 4px;
    font-size: 11px;
  }


.headingBread{
	text-transform: uppercase;
	letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 30px;
}


.ImageSmall img{
	width: 11vw;
}

.ImageSmallMuenze img{
	width: 70%;
}


.Height200{
	margin:40px 0px;
	min-height: 400px;
}

.TextBoxSparen{
	text-align: left;
	min-height: 220px;
}

.TextBoxSparenInfo p{
	font-size: 20px;
	font-weight: 800;
	text-align: left;
}





.BigButton .moreinvers,
.BigButton .more{
	font-size:16px;
}


.bg-hell{
	background-image: url(../gfx/bg-handy-right.jpg);
	background-position: center bottom;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	
	
}


.Vorteile-Auszeichnung{
	background-image: url(../gfx/Gold-Online-Depot-Vorsorge-fuer-die-Zukunft.jpg);
	background-position: center bottom;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	
	
}

.TranspaBGWhite{
	background: rgba(255,255,255,.4);

}

.TranspaBGBlack{
	background: rgba(0,0,0,.4);
	color:#fff;

}

#phone .TranspaBGWhite{
	background: rgba(0,0,0,.4);
	color:#fff;

}
.bg-overlay-edelmetalle {
    background:  url("../gfx/blue-sky-auvesta-edelmetalle.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
    color: #333;
    height: 90vh;
    padding-top: 30px;
}
 .ImageBottom{
 
 
  
}

.ImageBottom img{
  

  height: 200px;
  
}


@media screen and (max-width: 480px){
	.ImageBottom img{
   height: 120px;
}
}



.bg-overlay-gold-sparen {
    background-attachment: scroll, scroll;
    background-clip: border-box, border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("../gfx/gold-sparen3.jpg");
    background-origin: padding-box, padding-box;
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: cover;
    color: #333;
    height: 50vh;
    min-height:480px;
    padding-top: 50px;
}







.bg-overlay-kombi-sparen {
    background-attachment: scroll, scroll;
    background-clip: border-box, border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("../gfx/Kombi-sparen.jpg");
    background-origin: padding-box, padding-box;
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: cover;
    color: #333;
    height: 50vh;
    min-height:480px;
    padding-top: 50px;
}

#Kombi-sparen h1{
	color: #fff;
}

.bg-overlay-muenzen-sparen {
    background-attachment: scroll, scroll;
    background-clip: border-box, border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("../gfx/muenzen-sparen.jpg");
    background-origin: padding-box, padding-box;
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: cover;
    
    height: 50vh;
    min-height:480px;
    padding-top: 50px;
    color: #333;
}



.cover1{
	    background-attachment: scroll, scroll;
    background-clip: border-box, border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url("../gfx/partner-nugget.jpg");
    background-origin: padding-box, padding-box;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    height: 90vh;
    padding-top: 50px;
}

.cover2{
	    background-attachment: scroll, scroll;
    background-clip: border-box, border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url("../gfx/partner-barrenguss.jpg");
    background-origin: padding-box, padding-box;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    height: 90vh;
    padding-top: 50px;
}


.cover3{
	    background-attachment: scroll, scroll;
    background-clip: border-box, border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url("../gfx/partner-waage.jpg");
    background-origin: padding-box, padding-box;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    height: 90vh;
    padding-top: 50px;
}


.bg-overlay-partner .LayerOneRight,
.bg-overlay-kombi-sparen .LayerOneRight,
.bg-overlay-gold-sparen .LayerOneRight,
.bg-overlay-gold-sparen .Layer2OneRight{
	bottom: -50vh;
	
}

.bg-overlay-partner .LayerOneRight img,
.bg-overlay-kombi-sparen .LayerOneRight img,
.bg-overlay-gold-sparen .LayerOneRight img,
.bg-overlay-gold-sparen .Layer2OneRight img{
	max-width: 10vw;
}


#Sparplan .CheckAufzaehlung li {
    font-size: 18px;
    line-height: 22px;
}


.MuenzeImg{
	margin-top: 40px;
}

.marquee img{
	width: 120px;
}



/*///////////////Top Tooltip w/ Bottom Arrow///////////////

.tooltiptext {
    visibility: hidden;
    width: 150px;
    height: 50px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 10px;
    box-sizing: border-box;
    position: absolute;
    z-index: 1;
    top: -56px;
    right: -19px;
}

.tooltiptext::after {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 61px;
    border-width: 10px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}

.tooltip-col:hover .tooltiptext {
    visibility: visible;
}
/*/ 

.White{
	color: #fff;
}

#Map .btn-primary.active, .btn-primary:active, .open > .dropdown-toggle.btn-primary {
    background-color: #bbb;
    border-color: #a1a1a1;
    color: #fff;
}

#Map .btn-primary:hover{
	background: #ccc;
}


#Map .bmd-modalButton {
    display: block;
    margin: 20px 0px;
    padding: 5px 15px;
}

#Vertrieb img {
  -webkit-filter: grayscale(0.8);
  filter: grayscale(0.8);
 
}


#Vertrieb .MinBoxHeight{
	min-height: 680px;
}




#Vertrieb ul {
    list-style: none;
    padding:0;
    margin:0;
}

#Vertrieb li { 
    padding-left: 1em; 
    text-indent: -.7em;
   
}











#Leistungen ul {
    list-style: none;
    padding:0;
    margin:0;
}

#Leistungen li { 
    padding-left: 1em; 
    text-indent: -.7em;
   
}






/*
#Vertrieb li:before {
    content: "\25C6";
    color: #ad9961;
     padding-right: 10px;
}
*/

.img100vw img{
	width:100vw;
}







.CheckAufzaehlung li{
	padding-left: 40px ;
	
}

.CheckAufzaehlung li:before {
color: #fff;
font-family: 'FontAwesome';
  content: "\f00c";
  display: inline-block;
  margin-left: -1.3em;
  padding-top:10px;
  width: 1.3em;
  font-size: 30px;
  -webkit-text-stroke: 3px #fff;
}



.CheckAufzaehlung.Checkdark li:before {
color: #666;
font-family: 'FontAwesome';
  content: "\f00c";
  display: inline-block;
  margin-left: -1.3em;
  padding-top:10px;
  width: 1.3em;
  font-size: 30px;
  -webkit-text-stroke: -1px #666;  
}






.bg-farbig.CheckAufzaehlung li:before,
.bg-farbig-color.CheckAufzaehlung li:before {
	-webkit-text-stroke: 4px #666;
}



.Img80 img{
	width: 80%;
}


.Img60 img{
	width: 60%;
}

.Img40 img{
	width: 40%;
}


.Link14 a {
    font-size: 14px;
}

#Partner-Lagerung p{
	min-height: 120px;
}

.g10 img{
	height: 40%;
}

.g1 img{
	height: 30%;
}


.jumbotron p.CounterNumber{
	position: absolute;
	right:40px;
	bottom: 60px;
	font-size:30px;
}

@media screen and (max-width: 1024px){
	.jumbotron p.CounterNumber{
	
	right:0px;

}
}


#Edelmetalle-sparen img {
  
  -webkit-filter: saturate(70%);
}


#Edelmetalle-sparen-start img{
	-webkit-filter: saturate(70%);
}



.overlay-style-1::before{

    box-shadow: 30px 0 220px 220px rgba(255, 255, 255, 0.9);
    content: "";
    display: block;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    
}

.overlay-style-1{
	overflow: hidden;
    position: relative;
}

.overlay-style-1 > * {
    position: relative;
    z-index: 1;
}


.overlay-style-1::after {
    background: rgba(255, 255, 255, 0.4) none repeat scroll 0 0;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}




.overlay-style-2::before{

    box-shadow: 30px 0 220px 220px rgba(0, 0, 0, 0.9);
    content: "";
    display: block;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    
}

.overlay-style-2{
	overflow: hidden;
    position: relative;
    color:#fff;
}

.overlay-style-2 > * {
    position: relative;
    z-index: 1;
}


.overlay-style-2::after {
    background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}


.section-padding {
    padding: 45px;
    height: 300px;
}


.p0 {
    padding: 0;
}

.LinkBox{
	margin-left:20px;
}
























.box-icon > .icon { text-align: center; position: relative; }
.box-icon > .icon > .image { 
position: relative; 
z-index: 2; 
margin: auto; 
width: 80px; 
height: 80px; 

line-height: 90px; 
border-radius: 50%; 
background: #fff; 
vertical-align: middle; 
border:solid 1px #ad9961;
-webkit-text-stroke: 1px white;
}

.box-icon > .icon > .image > i { font-size: 36px !important; color: #ad9961 !important; }

.box-icon > .icon > .info { 
margin-top: -24px; 

border: 1px solid #ad9961; 
padding: 20px;
min-height: 220px; 

}

.box-icon > .icon > .info > h3.title { font-size: 28px; color: #222; font-weight: 500; }
.box-icon > .icon > .info > p { font-size: 15px; color: #333; line-height: 17px; margin:20px; letter-spacing:1px;}
.box-icon > .icon > .info > .more a { font-size: 12px; color: #222; line-height: 12px; text-transform: uppercase; text-decoration: none; }

.box-icon .space { height: 2px; background-color: #e6e6e6;}
.btn-default {  background-color: #75b1ae; color: #FFFFFF;}

.box-icon{
	margin-bottom: 30px;
}

.bg-overlay-start .col-md-6{
	margin-top: 0px;
}


.bg-overlay-start .LayerOneRight{
	right:auto;
	bottom: 0vh;
	position: relative;
	left: 10vw;
	
		
}


.bg-overlay-start .Layer2OneRight{
	right:auto;
		bottom: 30vh;
	position: relative;
	left: 25vw;
	

}


.margin-bottom30{
	margin-bottom: 60px;
}



/**************************** TOOLTIP NAV ****************************

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  filter: alpha(opacity=0);
  opacity: 0;

  line-break: auto;
  bottom:0px;
}
.tooltip.in {
  filter: alpha(opacity=90);
  opacity: .9;
}
.tooltip.top {
  padding: 5px 0;
  margin-top: -3px;
}
.tooltip.right {
  padding: 0 5px;
  margin-left: 3px;
}
.tooltip.bottom {
  padding: 5px 0;
  margin-top: 3px;
}
.tooltip.left {
  padding: 0 5px;
  margin-left: -3px;
}
.tooltip-inner {
  max-width: 600px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 4px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-left .tooltip-arrow {
  right: 5px;
  bottom: 0;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}

.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}

*/

#myNav .tooltip{
	position: fixed !important;
	bottom:20px !important;
	top:300px !important;
	left:22.5% !important;
}

.tooltip-inner {
  max-width: 1200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 4px;
 
  
}

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 0px 0px;
  border-bottom-color: #fff;
}


.jumbotron p.font25{
	font-size: 25px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 20px;
}

.jumbotron p.font18{
	font-size: 18px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 20px;
}

#Vorteile-Goldsparplaene img{
	width:84%;
}


/************** COKIE ******************/

.cookie-disclaimer {
  background: #000000;
  color: #FFF;
  opacity: 0.8;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: 1;
  height: 150px;
  position: fixed;
}
.cookie-disclaimer .container {
  text-align: left;
  padding-top: 20px;
  padding-bottom: 20px;
}

.cookie-disclaimer .cookie-close{
  float: right;
  padding: 10px;
  cursor: pointer;
}

.cookie-disclaimer button{
	margin-top: 40px;
}

.cookie-disclaimer a{
	color: #fff;
}


/************** COKIE ENDE ******************/


#Sparplan-Vorteile .col-md-4{
	font-size:18px;
	font-weight: 400;
}

#Sparplan-Vorteile li{
	font-size:18px;
	line-height:24px;
	
}

#Sparplan-Vorteile .row{
	margin-top: 40px;
	padding:0px 0px;
	/*
	border-bottom: solid 1px #cdcdcd;
	*/
}

#Sparplan-Vorteile .row .col-md-8{
	border-bottom: solid 1px #cdcdcd;
	padding-bottom:20px;
}

#Sparplan-Vorteile .row.last .col-md-8{
	margin-top: 20px;
	margin-bottom:20px;
	border-bottom: solid 0px #cdcdcd;
}

#Sparplan-Vorteile .last{
	margin-top: 20px;
	margin-bottom:20px;
	border-bottom: solid 0px #cdcdcd;
}







#Good-Delivery .col-md-4{
	font-size:18px;
	font-weight: 400;
}



#Good-Delivery li{
	font-size:18px;
	line-height:20px;
	
}

#Good-Delivery .row{
	margin-top: 20px;
	margin-bottom:20px;
	/*
	border-bottom: solid 1px #cdcdcd;
	*/
}

#Good-Delivery .row .col-md-4{
	border-bottom: solid 1px #cdcdcd;
	padding-bottom:20px;
}
#Good-Delivery .row .col-md-4:nth-child(1){
	border-bottom: solid 0px #cdcdcd;
}

#Good-Delivery .row .col-md-8{
	border-bottom: solid 1px #cdcdcd;
}

#Good-Delivery .row .last{
	margin-top: 20px;
	margin-bottom:20px;
	border-bottom: solid 0px #cdcdcd;
}

#Good-Delivery .p14 {
	font-size:14px;
	margin-top:-10px;
}

.AbstandBottom40{
	margin-bottom: 40px;
}


.AbstandBottom80{
	margin-bottom: 80px;
}



#Vorteile-Goldsparplaene.jumbotron p.font18{
	 border-bottom: 0px solid #ccc;
	 padding-bottom: 0px;
}



.liste14 li{
	font-size:14px;
	line-height: 20px;
	margin-bottom: 0px;
}







#Edelmetalle-Head .LayerOneRight{
	
}

#Edelmetalle-Head .Layer2OneRight{
	right: 250px;
}



  .EdelmetalleHead img{
  	position:absolute;
  	right: 20px;
  	
  	top: 30vh;
  	width: 20%;
  }
  
 

  
  #Varianten-3 .col-md-4 p{
   width: 75%;
   margin:auto;
  }
  
  #Varianten-3 img{
  	width: 40%;
  }
  
  
  .nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
    background-color: transparent;
    border-bottom: solid 2px #333;
    color: #333;
    border-radius: 0px;
}




@media screen and (max-width: 560px){
 .nav-pills > li {
    background-color: transparent;
    border-bottom: solid 1px #666;
    color: #333;
    border-radius: 0px;
    width:100vw;
}
	
}




  
  
  
  
  .barrenbox img{
  	width:40%;
  }
  
  
 
@media screen and (max-width: 1200px){
.breadcrumb > li,
	.NavHeadSpan {
   
    letter-spacing: 1px;
   
}
}

@media screen and (max-width: 939px){
	.menue-top, .screen{
		display: none;
	}
}
@media screen and (min-width: 940px){
	.mobile{
		display: none;
	}
}
  
#breadcrumb.mobile{
		
		margin-top:60px; 
		background:rgba(255,255,255,1);
		

		
	}
	
.mobile a{
		

		font-weight: 300;
    letter-spacing: 4px;
    line-height: 50px;
    text-transform: uppercase; 
    font-size:11px;
    padding-left: 20px;
		
	}

#Kooperation .parallax {
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 40vh;
}


#breadcrumb .dropdown-menu {
   
    background-color: #fff;
    width: 100vw;
    left: -40vw;
    border-radius:0px;
   opacity: 0;
    -moz-transition: opacity 0.4s ease-in-out;
    -o-transition: opacity 0.4s ease-in-out;
    -webkit-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out;
  
}

#breadcrumb .open .dropdown-menu {
   
    background-color: #fff;
    width: 100vw;
    left: -40vw;
    border-radius:0px;
       opacity: 1;
    -moz-transition: opacity 0.4s ease-in-out;
    -o-transition: opacity 0.4s ease-in-out;
    -webkit-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out;
}

#breadcrumb .dropdown-menu > li > a {
    clear: both;
    color: #333;
    display: block;
    font-weight: 400;
    line-height: 1.42857;
    padding: 3px 20px;
    white-space: nowrap;
    width: 100vw;
}
    
 
}

#breadcrumb ul.dropdown-menu li{
	float: none;
	width: 100vw;
}
 
 
#breadcrumb .dropdown-menu > .active > a, #breadcrumb .dropdown-menu > .active > a:focus, #breadcrumb .dropdown-menu > .active > a:hover {
    background-color: #fff;
    color: #a69480;
    outline: 0 none;
    text-decoration: none;
}

.mobilebutton{
	border: solid #333;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 10px;
     transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
  
    transition-property: all;
	transition-duration: .5s;
	transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
   
   

	
}


.open .mobilebutton{
	border: solid #333;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 10px;
     transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transition-property: all;
	transition-duration: .5s;
	transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
   

	
}

#breadcrumb button{
	border:none;
	 background: #fff none repeat scroll 0 0;
	
}



#breadcrumb .open .dropdown-menu 
{
  animation: sidesubani linear 0.5s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  -webkit-animation: sidesubani linear 0.5s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: sidesubani linear 0.5s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -o-animation: sidesubani linear 0.5s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -ms-animation: sidesubani linear 0.5s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
}

@keyframes sidesubani{
  0% {
    transform:  translate(0px,-200px)  ;
  }
  100% {
    transform:  translate(1px,-54px)  ;
  }
}

@-moz-keyframes sidesubani{
  0% {
    -moz-transform:  translate(0px,-200px)  ;
  }
  100% {
    -moz-transform:  translate(1px,-54px)  ;
  }
}

@-webkit-keyframes sidesubani {
  0% {
    -webkit-transform:  translate(0px,-200px)  ;
  }
  100% {
    -webkit-transform:  translate(1px,-54px)  ;
  }
}

@-o-keyframes sidesubani {
  0% {
    -o-transform:  translate(0px,-200px)  ;
  }
  100% {
    -o-transform:  translate(1px,-54px)  ;
  }
}

@-ms-keyframes sidesubani {
  0% {
    -ms-transform:  translate(0px,-200px)  ;
  }
  100% {
    -ms-transform:  translate(1px,-54px)  ;
  }
}



#breadcrumps [aria-expanded="false"] {
  animation: sidesubaniclose linear 0.5s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  -webkit-animation: sidesubaniclose linear 0.5s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: sidesubaniclose linear 0.5s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -o-animation: sidesubaniclose linear 0.5s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -ms-animation: sidesubaniclose linear 0.5s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
}

@keyframes sidesubaniclose{
  0% {
    transform:  translate(0px,-50px)  ;
  }
  100% {
    transform:  translate(1px,-200px)  ;
  }
}

@-moz-keyframes sidesubaniclose{
  0% {
    -moz-transform:  translate(0px,-50px)  ;
  }
  100% {
    -moz-transform:  translate(1px,-200px)  ;
  }
}

@-webkit-keyframes sidesubaniclose {
  0% {
    -webkit-transform:  translate(0px,-50px)  ;
  }
  100% {
    -webkit-transform:  translate(1px,-200px)  ;
  }
}

@-o-keyframes sidesubaniclose {
  0% {
    -o-transform:  translate(0px,-50px)  ;
  }
  100% {
    -o-transform:  translate(1px,-200px)  ;
  }
}

@-ms-keyframes sidesubaniclose {
  0% {
    -ms-transform:  translate(0px,-50px)  ;
  }
  100% {
    -ms-transform:  translate(1px,-200px)  ;
  }
}



.slogan{
  

background: rgba(0,0,0,1);
background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,1)), color-stop(100%, rgba(0,0,0,0)));
background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );

  
  
position: absolute;
  left:0;
    top: 80px;
    bottom:auto;
    height: 30vw;
}


.slogan .heading{
	margin-top: 5vw;
	padding-top:5vw;
	margin-left: 5%;
}






@media screen and (max-width: 1280px){
.bg-overlay-unternehmen {
    background: linear-gradient(rgba(0,0,0,.0), rgba(0,0,0,.0)), url("../gfx/bavaria-1280.jpg");
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    }
    
 .bg-overlay-sparplan {
    background: linear-gradient(rgba(0,0,0,.0), rgba(0,0,0,.0)), url("../gfx/sparplan-goldsparplan-1280.jpg");
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    }
    
    .bg-overlay-start {
    background: linear-gradient(rgba(0,0,0,.4), rgba(0,0,0,.0)), url("../gfx/wolken2-1280.jpg");
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    }
    
    .bg-overlay-service {
    background: linear-gradient(rgba(0,0,0,.0), rgba(0,0,0,.0)), url("../gfx/service-1280.jpg");
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    }
    
    .bg-overlay-partner {
    background: linear-gradient(rgba(0,0,0,.0), rgba(0,0,0,.0)), url("../gfx/partner-1280.jpg");
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    }
    
    .bg-overlay-edelmetalle {
    background:  url("../gfx/blue-sky-auvesta-edelmetalle-1280.jpg");
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    }
    
    .Lagerung {
 background-image: url("../gfx/Auvesta-sichere-Edelmetall-Lagerung-1280.jpg") !important;
 background-repeat: no-repeat;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
 }
 
 .gold2 {
 background-image: url("../gfx/golddetail-1280.jpg");
 background-repeat: no-repeat;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
}

.silber {
    background-image: url("../gfx/silberbarren-auvesta-guenstig-silber-kaufen-1280.jpg");
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  
}

.Lieferung {
 background-image: url("../gfx/golddepot-auvesta-1280.jpg") !important;
 background-repeat: no-repeat;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
}

.bg-overlay-good {
    background: linear-gradient(rgba(0,0,0,.0), rgba(0,0,0,.0)), url("../gfx/Good-Delivery-Standard-Barren-1280.jpg");
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    }
   

	
}




@media only screen and (max-width : 500px) {
.bg-overlay-unternehmen {
    background: linear-gradient(rgba(0,0,0,.0), rgba(0,0,0,.0)), url("../gfx/bavaria-500.jpg");
    }
    
 .bg-overlay-sparplan {
    background: linear-gradient(rgba(0,0,0,.0), rgba(0,0,0,.0)), url("../gfx/sparplan-goldsparplan-500.jpg");
    }
    
    .bg-overlay-start {
    background: linear-gradient(rgba(0,0,0,.0), rgba(0,0,0,.4)), url("../gfx/wolken2-500.jpg");
    }
    
    .bg-overlay-service {
    background: linear-gradient(rgba(0,0,0,.0), rgba(0,0,0,.0)), url("../gfx/service-500.jpg");
    }
    
    .bg-overlay-partner {
    background: linear-gradient(rgba(0,0,0,.0), rgba(0,0,0,.0)), url("../gfx/partner-500.jpg");
    }
    
    .bg-overlay-edelmetalle {
    background:  url("../gfx/blue-sky-auvesta-edelmetalle-500.jpg");
    }
    
    .Lagerung {
 background-image: url("../gfx/Auvesta-sichere-Edelmetall-Lagerung-500.jpg") !important;
 }
 
 .gold2 {
 background-image: url("../gfx/golddetail-500.jpg") !important;
  width:100vw;
}

.silber {
    background-image: url("../gfx/silberbarren-auvesta-guenstig-silber-kaufen-500.jpg");
  
}

.Lieferung {
 background-image: url("../gfx/golddepot-auvesta-500.jpg") !important;
}

.bg-overlay-good {
    background: linear-gradient(rgba(0,0,0,.0), rgba(0,0,0,.0)), url("../gfx/Good-Delivery-Standard-Barren-500.jpg");
    background-position: bottom;
    }
    
    .VorsorgeBG {
 background-image: url("../gfx/handy3-500.jpg");
 
 background-size: auto;
  background-position: left;
  width:100vw;
}

.imgcover .container{
	padding-top: 10vh;
}


#Sparplan-Vorteile .col-md-4{
 border-bottom:1px solid #cdcdcd;
  width:90%;
  display:block;
  margin:10px auto;
  padding-bottom: 10px;
  padding-left: 0px;
}

#Sparplan-Vorteile .row .col-md-8 {
    border-bottom: solid 0px #cdcdcd;
    padding-bottom: 10px;
    margin-left:5px;
}

.embed-responsive-16by9 {
    padding-bottom: 0%;
    width: 100vw;
    height: 60vh;
    left: 20vw;
}

#Sparplan-Vorteile .Img60 img{
	width: 100%;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
    background-color: transparent;
    border-bottom: solid 1px #cdcdcd;
    color: #b19c66;
    border-radius: 0px;
}



#Good-Delivery .col-md-4{
 border-bottom:1px solid #cdcdcd;
  width:90%;
  display:block;
  margin:10px auto;
  padding-bottom: 10px;
  padding-left: 0px;
}


#Good-Delivery .row .col-md-8 {
    border-bottom: solid 0px #cdcdcd;
    padding-bottom: 10px;
    margin-left:5px;
}

#Good-Delivery .row .col-md-4:nth-child(1) {
    border-bottom: solid 1px #cdcdcd;
}

#Good-Delivery .col-xs-6{
	width: 40%;
	margin:0% 5%;
}

#Good-Delivery .col-xs-6.gdsilber:before{
	content:"Silber";
	
}

#Good-Delivery .col-xs-6.gdgold,
#Good-Delivery .col-xs-6.gdsilber{
	border-bottom: 0px;
}

#Good-Delivery .col-xs-6.gdgold:before{
	content:"Gold";
	
}


#Good-Delivery .col-xs-6.gdgold:before,
#Good-Delivery .col-xs-6.gdsilber:before{
	text-transform: uppercase;
letter-spacing: 4px;
font-size: 12px !important;
color:#7c7f86;
font-weight: 300;
}


.mobile-none{
	display: none;
}

	
}


.Karten .col-sm-4,
#Depot .col-sm-4,
#Auvesta-Vorteile .col-sm-4 {
    background: #fff none repeat scroll 0 0;
    border-radius: 0px;
    box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.48);
    margin: 5px;

    min-height: 300px;
}

.Karten .col-sm-6{
    background: #fff none repeat scroll 0 0;
    border-radius: 0px;
    box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.48);
    margin: 5px;

    min-height: 300px;
	max-width:48%;
}


.Karten i,
#Depot i,
#Auvesta-Vorteile i{
	float: left;
	margin-right:20px;
	padding-bottom:10px;
}

.Karten i,
#Depot i,
#Auvesta-Vorteile i{
	 -webkit-text-stroke: 2px #fff;
}




#Auvesta-Vorteile .heading2,
#Depot .heading{
padding-top:40px;
	line-height: 30px;
	 margin-bottom: 15px;
}


@media screen and (min-width: 600px)and(max-width:1000px){
.Karten .col-sm-4,
#Depot .col-sm-4,
	#Auvesta-Vorteile .col-sm-4 {
  
    min-width: 48%;
    width:48%;
    
}




}


@media screen and (min-width: 1001px){

.Karten .col-sm-4,
#Depot .col-sm-4,
	#Auvesta-Vorteile .col-sm-4 {
  
   max-width:30%;
    
}
}





/**** BARANI **********************/

.baraniwrap{
margin-top:100px;
	position: relative;
	height: 400px;
}



.barani{
	position:absolute;
}

.leftbar {
    
  
}

.centerbar {
     left: 591px;
    top: -6px;
  
}

.centerbar{
  animation: animationcenterbar 20s linear infinite forwards;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  -webkit-animation: animationcenterbar 20s linear infinite forwards;
 
  -webkit-transform-origin: 50% 50%;
  -moz-animation: animationcenterbar 20s linear infinite forwards;

  -moz-transform-origin: 50% 50%;
  -o-animation: animationcenterbar 20s linear infinite forwards;
 
  -o-transform-origin: 50% 50%;
  -ms-animation: animationcenterbar 20s linear infinite forwards;

  -ms-transform-origin: 50% 50%;
 
    
}

@keyframes animationcenterbar{
  0% {
    transform:  translate(0px,0px)  ;
  }
  
   30% {
    transform:  translate(60px,0px)  ;
  }
  
   60% {
    transform:  translate(60px,0px)  ;
  }
  
  
  70% {
    transform:  translate(30px,0px)  ;
  }
  
   80% {
    transform:  translate(0px,0px)  ;
  }
}

@-moz-keyframes animationcenterbar{
  0% {
    -moz-transform:  translate(0px,0px)  ;
  }
  
   30% {
    -moz-transform:  translate(60px,0px)  ;
  }
  
   60% {
    -moz-transform:  translate(60px,0px)  ;
  }
  
  70% {
    -moz-transform:  translate(30px,0px)  ;
  }
  
   80% {
    -moz-transform:  translate(0px,0px)  ;
  }
}

@-webkit-keyframes animationcenterbar {
  0% {
    -webkit-transform:  translate(0px,0px)  ;
  }
  
  30% {
    -webkit-transform:  translate(60px,0px)  ;
  }
  
  60% {
    -webkit-transform:  translate(60px,0px)  ;
  }
  
  70% {
    -webkit-transform:  translate(30px,0px)  ;
  }
  
  80% {
    -webkit-transform:  translate(0px,0px)  ;
  }
}

@-o-keyframes animationcenterbar {
  0% {
    -o-transform:  translate(0px,0px)  ;
  }
  30% {
    -o-transform:  translate(60px,0px)  ;
  }
  
   60% {
    -o-transform:  translate(60px,0px)  ;
  }
  
   70% {
    -o-transform:  translate(30px,0px)  ;
  }
  80% {
    -o-transform:  translate(0px,0px)  ;
  }
}

@-ms-keyframes animationcenterbar {
  0% {
    -ms-transform:  translate(0px,0px)  ;
  }
  30% {
    -ms-transform:  translate(60px,0px)  ;
  }
  
   60% {
    -ms-transform:  translate(60px,0px)  ;
  }
  
   70% {
    -ms-transform:  translate(30px,0px)  ;
  }
  80% {
    -ms-transform:  translate(0px,0px)  ;
  }
}

.rightbar {
    left: 685px;
    top: -14px;
   
}

.rightbar{
  animation: animationrightbar 20s linear infinite forwards;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  -webkit-animation: animationrightbar 20s linear infinite forwards;
 
  -webkit-transform-origin: 50% 50%;
  -moz-animation: animationrightbar 20s linear infinite forwards;

  -moz-transform-origin: 50% 50%;
  -o-animation: animationrightbar 20s linear infinite forwards;
 
  -o-transform-origin: 50% 50%;
  -ms-animation: animationrightbar 20s linear infinite forwards;

  -ms-transform-origin: 50% 50%;
 
    
}

@keyframes animationrightbar{
  0% {
    transform:  translate(0px,0px)  ;
    
  }
  
   30% {
    transform:  translate(120px,0px)  ;
    transform: scale(1.05);
  }
  
   60% {
    transform:  translate(120px,0px)  ;
    transform: scale(1.05);
  }
  
  
  70% {
    transform:  translate(60px,0px)  ;
  }
  
   80% {
    transform:  translate(0px,0px)  ;
  }
}

@-moz-keyframes animationrightbar{
  0% {
    -moz-transform:  translate(0px,0px)  ;
  }
  
   30% {
    -moz-transform:  translate(120px,0px)  scale(1.05) ;
    
  }
  
    60% {
    -moz-transform:  translate(120px,0px)  scale(1.05) ;
  }
  
  70% {
    -moz-transform:  translate(60px,0px)  ;
  }
  
   80% {
    -moz-transform:  translate(0px,0px)  ;
  }
}

@-webkit-keyframes animationrightbar {
  0% {
    -webkit-transform:  translate(0px,0px)  ;
  }
  
  30% {
    -webkit-transform:  translate(120px,0px)  scale(1.05) ;
  }
  
   60% {
    -webkit-transform:  translate(120px,0px)  scale(1.05) ;
  }
  
  70% {
    -webkit-transform:  translate(60px,0px)  ;
  }
  
   80% {
    -webkit-transform:  translate(0px,0px)  ;
  }
}

@-o-keyframes animationrightbar {
  0% {
    -o-transform:  translate(0px,0px)  ;
  }
  30% {
    -o-transform:  translate(120px,0px)  scale(1.05) ;
  }
  
   60% {
    -o-transform:  translate(120px,0px)  scale(1.05) ;
  }
  
   70% {
    -o-transform:  translate(60px,0px)  ;
  }
  80% {
    -o-transform:  translate(0px,0px)  ;
  }
}

@-ms-keyframes animationrightbar {
  0% {
    -ms-transform:  translate(0px,0px)  ;
  }
  30% {
    -ms-transform:  translate(120px,0px)   scale(1.05) ;
  }
  
   60% {
    -ms-transform:  translate(120px,0px)  scale(1.05) ;
  }
  
   70% {
    -ms-transform:  translate(60px,0px)  ;
  }
  80% {
    -ms-transform:  translate(0px,0px)  ;
  }
}

.bartext {
    -webkit-animation:bartext 20s linear infinite forwards;
}


@-webkit-keyframes bartext {
	0%     { opacity: 0; }
	20% { opacity: 1; }
	60% { opacity: 1; }
    70%   { opacity: 0; }
     100%   { opacity: 0; }
}

.bartextmein {
    -webkit-animation:bartextmein 20s linear infinite forwards;
}


@-webkit-keyframes bartextmein {
	0%     { font-size:14px; }
	20% { font-size:18px; }
	60% { font-size:18px; }
    70%   { font-size:14px; }
     100%   { font-size:14px; }
}



/**** BARANI Mobil**********************/

@media screen and (max-width: 1000px){
	
.baraniwrap img {
    max-width: none;
}

.baraniwrap {
 margin-top:100px;
 position: relative;
 height: 160px;
}
.barani {
 position:absolute;
}
.leftbar {
}
  
  .leftbar img, .centerbar img, .rightbar img{
    
    height: 140px;
}
  
  
  
.centerbar {
 left: 218px;
 top: -2px;
}
.centerbar {
 animation: animationcenterbar 20s linear infinite forwards;
 animation-iteration-count: 1;
 transform-origin: 50% 50%;
 -webkit-animation: animationcenterbar 20s linear infinite forwards;
 -webkit-transform-origin: 50% 50%;
 -moz-animation: animationcenterbar 20s linear infinite forwards;
 -moz-transform-origin: 50% 50%;
 -o-animation: animationcenterbar 20s linear infinite forwards;
 -o-transform-origin: 50% 50%;
 -ms-animation: animationcenterbar 20s linear infinite forwards;
 -ms-transform-origin: 50% 50%;
}
@keyframes animationcenterbar {
 0% {
  transform:  translate(0px,0px)  ;
 }
 30% {
  transform:  translate(30px,0px)  ;
 }
 60% {
  transform:  translate(30px,0px)  ;
 }
 70% {
  transform:  translate(10px,0px)  ;
 }
 80% {
  transform:  translate(0px,0px)  ;
 }
}
@-moz-keyframes animationcenterbar {
 0% {
  -moz-transform:  translate(0px,0px)  ;
 }
 30% {
  -moz-transform:  translate(30px,0px)  ;
 }
 60% {
  -moz-transform:  translate(30px,0px)  ;
 }
 70% {
  -moz-transform:  translate(10px,0px)  ;
 }
 80% {
  -moz-transform:  translate(0px,0px)  ;
 }
}
@-webkit-keyframes animationcenterbar {
 0% {
  -webkit-transform:  translate(0px,0px)  ;
 }
 30% {
  -webkit-transform:  translate(30px,0px)  ;
 }
 60% {
  -webkit-transform:  translate(30px,0px)  ;
 }
 70% {
  -webkit-transform:  translate(10px,0px)  ;
 }
 80% {
  -webkit-transform:  translate(0px,0px)  ;
 }
}
@-o-keyframes animationcenterbar {
 0% {
  -o-transform:  translate(0px,0px)  ;
 }
 30% {
  -o-transform:  translate(30px,0px)  ;
 }
 60% {
  -o-transform:  translate(30px,0px)  ;
 }
 70% {
  -o-transform:  translate(10px,0px)  ;
 }
 80% {
  -o-transform:  translate(0px,0px)  ;
 }
}
@-ms-keyframes animationcenterbar {
 0% {
  -ms-transform:  translate(0px,0px)  ;
 }
 30% {
  -ms-transform:  translate(30px,0px)  ;
 }
 60% {
  -ms-transform:  translate(30px,0px)  ;
 }
 70% {
  -ms-transform:  translate(10px,0px)  ;
 }
 80% {
  -ms-transform:  translate(0px,0px)  ;
 }
}
.rightbar {
 left: 252px;
 top: -5px;
}
.rightbar {
 animation: animationrightbar 20s linear infinite forwards;
 animation-iteration-count: 1;
 transform-origin: 50% 50%;
 -webkit-animation: animationrightbar 20s linear infinite forwards;
 -webkit-transform-origin: 50% 50%;
 -moz-animation: animationrightbar 20s linear infinite forwards;
 -moz-transform-origin: 50% 50%;
 -o-animation: animationrightbar 20s linear infinite forwards;
 -o-transform-origin: 50% 50%;
 -ms-animation: animationrightbar 20s linear infinite forwards;
 -ms-transform-origin: 50% 50%;
}
@keyframes animationrightbar {
 0% {
  transform:  translate(0px,0px)  ;
 }
 30% {
  transform:  translate(70px,0px)  ;
 }
 60% {
  transform:  translate(70px,0px)  ;
 }
 70% {
  transform:  translate(30px,0px)  ;
 }
 80% {
  transform:  translate(0px,0px)  ;
 }
}
@-moz-keyframes animationrightbar {
 0% {
  -moz-transform:  translate(0px,0px)  ;
 }
 30% {
  -moz-transform:  translate(70px,0px)  ;
 }
 60% {
  -moz-transform:  translate(70px,0px)  ;
 }
 70% {
  -moz-transform:  translate(30px,0px)  ;
 }
 80% {
  -moz-transform:  translate(0px,0px)  ;
 }
}
@-webkit-keyframes animationrightbar {
 0% {
  -webkit-transform:  translate(0px,0px)  ;
 }
 30% {
  -webkit-transform:  translate(70px,0px)  ;
 }
 60% {
  -webkit-transform:  translate(70px,0px)  ;
 }
 70% {
  -webkit-transform:  translate(30px,0px)  ;
 }
 80% {
  -webkit-transform:  translate(0px,0px)  ;
 }
}
@-o-keyframes animationrightbar {
 0% {
  -o-transform:  translate(0px,0px)  ;
 }
 30% {
  -o-transform:  translate(70px,0px)  ;
 }
 60% {
  -o-transform:  translate(70px,0px)  ;
 }
 70% {
  -o-transform:  translate(30px,0px)  ;
 }
 80% {
  -o-transform:  translate(0px,0px)  ;
 }
}
@-ms-keyframes animationrightbar {
 0% {
  -ms-transform:  translate(0px,0px)  ;
 }
 30% {
  -ms-transform:  translate(70px,0px)  ;
 }
 60% {
  -ms-transform:  translate(70px,0px)  ;
 }
 70% {
  -ms-transform:  translate(30px,0px)  ;
 }
 80% {
  -ms-transform:  translate(0px,0px)  ;
 }
}
@-webkit-keyframes bartext {
 0%     {
  opacity: 0;
 }
 20% {
  opacity: 1;
 }
 60% {
  opacity: 1;
 }
 70%   {
  opacity: 0;
 }
 100%   {
  opacity: 0;
 }
}
.bartext {
 -webkit-animation:bartext 20s linear infinite forwards;
}


}

.dropdown.flags.open ul{
	overflow: auto;
	max-height: 80vh;
	margin-left:-40px;
	
}

#impressum h1,
#impressum h2,
#impressum h3,
#impressum h4,
#impressum h5,
#impressum h6,
#impressum .font34Black61 {
    font-size: 24px;
    line-height: 41px;
    font-weight: 300;
    margin-bottom: 5px;
    margin-top: 15px;
}







/*---------------------------------------- TIMELINE ----------------------------------------*/

#jahre-10-history-auvesta h2.sectionHeadline{
	color:#333;
	margin-top: 5vw;
}


.bg-image-full {
    background-size: cover;
    background-position: 100% 0;
    background-repeat: no-repeat;
    padding-left: 0;
    padding-right: 0;
    position: relative;
    color: rgba(0,0,0,0.5);
}

.transpa {
    background: rgba(255,255,255,0.9);
    padding-bottom: 3rem !important;
    padding-top: 3rem !important;
}
.tableWrap {
    display: table;
    width: 100%;
    height: 100%;
}
.cont {
  margin: auto;
  color: #333;
  font-size: 20px;
  font-weight: 300;
}

.timeline_container {
  display: table;
  max-width: 1000px;
  position: relative;
  width:100%;
}

.timeline_item {
  width: 45%;
  float: left;
  display: block;
  clear: both;
  text-align: right;
}

.timeline_item:nth-child(odd) {
  float: right;
  text-align: left;
}

.timeline_content {
  float: left;
  width: calc(100% - 100px);
  font-size: 16px;
  padding: 0px 20px 20px 20px;
  color: #333;
}

.timeline_item:nth-child(odd) .timeline_content {
  float: right;
}

.img_timeline {
  max-width: 90px;
  border-radius: 80px;
  border: 4px solid #d1cac9;
  float: right;
}

.timeline_item:nth-child(odd) .img_timeline {
  float: left;
}

.annee_timeline {
  margin: 0;
  font-size: 20px;
  color: #333;
  font-weight:400 !important;
}

/**Ligne centrale de la timeline**/

.timeline_container::before {
  height: 88%;
  width:2px;
  background:#ad9961;
  content: " ";
  position: absolute;
  left: 50.2%;
  z-index: -1;
  margin-top: 110px;
}

/*Lignes reliant image et ligne centrale*/

.timeline_item:nth-child(even)::before {
  width: 50px;
  height: 2px;
  background: #d1cac9;
  position: absolute;
  content: " ";
  /*margin-left: 90px;*/
  margin-top: 45px;
}

.timeline_item:nth-child(odd)::after {
  width: 50px;
  height: 2px;
  background: #d1cac9;
  position: absolute;
  content: " ";
  margin-left: -140px;
  margin-top: 45px;
}

/*Cercles positionnement des items sur ligne centrale*/

.timeline_item:nth-child(even)::after {
  width: 25px;
  height: 25px;
  border-radius: 60px;
  background: #d1cac9;
  position: absolute;
  content: " ";
  margin-left: 130px;
  margin-top: 35px;
}

.timeline_item:nth-child(odd)::before {
  width: 25px;
  height: 25px;
  border-radius: 60px;
  background: #d1cac9;
  position: absolute;
  content: " ";
  /*margin-left: -150px;*/
  margin-left: -60px;
  margin-top: 35px;
}

@-moz-document url-prefix() {
  .timeline_item:nth-child(even)::before {
    margin-left: 90px;
  }
  .timeline_item:nth-child(odd)::after {
    margin-left: -140px;
  }
  .timeline_item:nth-child(even)::after {
    margin-left: 130px;
  }
  .timeline_item:nth-child(odd)::before {
    margin-left: -150px;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .timeline_item:nth-child(even)::after {
    margin-left: 140px;
  }

  .timeline_item:nth-child(even)::before {
    margin-left: 450px;
  }
}

@media (min-width: 769px) {
}

@media (max-width: 1200px) {
  .timeline_container::before {
  }
}
@media (max-width: 992px) {


  .timeline_container::before {
    left: 9%;
  }
  .timeline_item,
  .timeline_item:nth-child(odd) {
    width: 75%;
    float: left;
    display: block;
    margin-left: 15%;
    clear: both;
    text-align: left;
  }

  .timeline_item:nth-child(odd) .timeline_content,
  .timeline_content {
    float: left;
    width: calc(80% - 80px);
    font-size: 16px;
    padding: 20px 40px 20px 20px;
  
  }

  .timeline_item:nth-child(odd) .img_timeline,
  .img_timeline {
    float: left;
  }

  .timeline_item:nth-child(even)::before {
    width: 45px;
    margin-left: -45px;
  }
  .timeline_item:nth-child(odd)::before,
  .timeline_item:nth-child(even)::after {
    margin-left: 0;
    left: 8%;
  }
  .timeline_item:nth-child(odd)::after {
    left: 9%;
    margin-left: 0;
  }
}

@media (max-width: 992px) {
  @-moz-document url-prefix() {
    .timeline_item:nth-child(even)::before {
      width: 45px;
      left: 0;
      margin-left: 90px;
    }
  }
}

@media (max-width: 850px) {
  @-moz-document url-prefix() {
    .timeline_item:nth-child(even)::before {
      margin-left: 75px;
    }
  }
}

@media (max-width: 1200px){


nav .btn {
    font-family: 'Source Sans Pro', Verdana, Geneva, sans-serif;
    font-size: 14px;
    letter-spacing: 4px;
    border-radius: 5px;
    padding: 5px 5px;
    text-transform: uppercase;
    transition: 0.3s ease-in-out all;
    min-width: 140px;
    line-height: 30px;
		height: 40px;
		margin-top:10px;
}
.bg-image-full {
   background-position: 80% 0;
}
	 header .container{
    	margin-top:10px;
			max-width: 60vw;
			margin-left:10vw;
    }
	.stoerer{
	position: absolute;
	 border-radius:5px;
    box-shadow:0 0 10px rgba(0,0,0,0.63);
			top: 20px;
		left: -110px;
	padding:70px 80px 10px 80px;
	width:300px;


	transform: rotate(-45deg);
	z-index: 40;
	font-size: 18px;
	display: block;
		width:300px;
		text-align: center;
		
	
}
	
	.sectionHeadline {
    
    font-size: 80%;
    }
    
    header .container{
    	margin-top:10px;
    }
    
    #countdown {
    
    margin-top: 20px;
    
}
    
    header #countdown span{
    	font-size: 140%;
    }
    
    .sublineDate {
    
    margin-top: 20px;
    font-size: 80%;
}
	
}

@media (max-width: 768px) {
  .timeline_item:nth-child(even)::before,
  .timeline_item:nth-child(odd)::before,
  .timeline_item:nth-child(even)::after,
  .timeline_item:nth-child(odd)::after {
    display: none;
  }
  .timeline_container::before {
    left: 15%;
  }
  .timeline_item,
  .timeline_item:nth-child(odd) {
    margin-left: 11%;
  }
  .img_timeline {
    max-width: 120px;
    border: 5px solid #d1cac9;
    background: white;
    opacity: 1;
  }
  .timeline_item:nth-child(odd) .timeline_content,
  .timeline_content {
    padding: 15px;
    margin: 0px auto;
  }
  .timeline_item:nth-child(odd) .timeline_content {
    background: transparent;
  }
  .timeline_item,
  .timeline_item:nth-child(odd) {
    width: 85%;
  }
  
  .stoerer{
	position: absolute;
	 border-radius:5px;
    box-shadow:0 0 10px rgba(0,0,0,0.63);
			top: -15px;
		left: -120px;
	padding:60px 80px 10px 80px;
	width:300px;


	transform: rotate(-45deg);
	z-index: 40;
	font-size: 14px;
	display: block;
		width:300px;
		text-align: center;
		
	
}
	
	.sectionHeadline {
    
    font-size: 80%;
    }
    
    header .container{
    	margin-top:10px;
    }
    
    #countdown {
    
    margin-top: 20px;
    
}
    
    header #countdown span{
    	font-size: 140%;
    }
    
    .sublineDate {
    
    margin-top: 20px;
    font-size: 80%;
}
  
  
}

@media (max-width: 480px) {
  .timeline_container::before {
    left: 25.3%;
    margin-top: 160px;
  }
  .title_grp {
    font-size: 60px;
  }
}

@media (max-width: 400px) {

.bg-image-full {
   background-position: 80% 0;
}

.zertifikate{
	text-align: center;
}
.zertifikate img{

	margin: 3px;
}

  .timeline_container::before {
    margin-top: 175px;
  }
  
   .stoerer{
	position: absolute;
	 border-radius:5px;
    box-shadow:0 0 10px rgba(0,0,0,0.63);
			top: -15px;
		left: -120px;
	padding:60px 80px 10px 80px;
	width:300px;


	transform: rotate(-45deg);
	z-index: 40;
	font-size: 14px;
	display: block;
		width:300px;
		text-align: center;
		
	
}

.sectionHeadline {
    
    font-size: 80%;
    }
    
    header .container{
    	margin-top:10px;
    }
    
    #countdown {
    
    margin-top: 20px;
    
}
    
    header #countdown span{
    	font-size: 140%;
    }
    
    .sublineDate {
    
    margin-top: 20px;
    font-size: 80%;
}
  
}

.cont{
	transform:scale(1);
}

.bg-image-full .calltoAction {
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
}


#milestone {
    position: relative;
    min-height: 1600px;
   
}

.timeline_item:nth-child(even)::before,
.timeline_item:nth-child(odd)::after,
.timeline_item:nth-child(even)::after,
.timeline_item:nth-child(odd)::before,
.timeline_container::before

{
 background: #b2b2b2;

}

.img_timeline{
	border: 2px dashed #b2b2b2;
}








/*---------------------------------------- TIMELINE ENDE ----------------------------------------*/

/* -- News -- */
h1.NewsHeadlineFirst {
    margin: 2rem 0px;
    font-size: 32px;
    line-height: 36px;
    color: #B19C66;
	letter-spacing:1px;
}

h2.NewsHeadline,
h3.NewsHeadline,
h4.NewsHeadline,
h5.NewsHeadline,
h6.NewsHeadline,
.NewsHeadline {
    margin: 2rem 0px;
    font-size: 22px;
	letter-spacing:1px;
}



.NewsContent{
	max-width:680px;
	margin: 2rem 0px;
	font-size:18px;
	letter-spacing:1px;
}

/************************ St�rer  ***************************/
@media screen and (min-width: 1026px){
	#stoerer {
    position: absolute;
    font-size: 0;
    right: 20vw;
    bottom: -180px;
    z-index: 100;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 10px 30px 30px grey;
    max-width:1000px !important;
    padding:20px;
}


#stoerer img{
	box-shadow: 10px 10px 10px grey;
}


#stoerer .p18 p {
    color: #333 !important;
    line-height: 30px;
    font-weight: 300;
    margin-bottom: 15px;
    font-weight: 300;
    letter-spacing: 1px;
    font-size: 18px;
    
}
}



#AuvestaFocusMoneyRating{
	z-index:2000;

}


.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .5;
    z-index: 10;
}

#AuvestaFocusMoneyRating .modal-dialog{
	width: 100% !important;
	max-width:2000px;

}

#AuvestaFocusMoneyRating .modal-body .col-md-6{
	position: relative;
	
}

#AuvestaFocusMoneyRating .modal-header{
	padding-left:40px;
	border-bottom: solid 1px #e6e6e6;
}

#AuvestaFocusMoneyRating .modal-header h5{
	margin: 20px;
}

#AuvestaFocusMoneyRating .modal-header .ButtonClose{
	position: absolute;
	top:40px;
	right:40px;
}


.card {
   
    width:100%;
    min-height:480px;
    background:#fff;
    box-shadow:0 20px 50px rgba(0,0,0,.1);
    border-radius:10px;
    transition:0.5s;
    text-align:left !important;
    margin-bottom:20px;
}
.card:hover {
    box-shadow:0 30px 70px rgba(0,0,0,.2);
}
.card .box {
    position:absolute;
    top:50%;
    left:0;
    transform:translateY(-50%);
    text-align:left !important;
    padding:40px;
    box-sizing:border-box;
    width:100%;
    
}
.card .box .img {
    width:120px;
    height:120px;
    margin:0 auto;
    border-radius:50%;
    overflow:hidden;
}
.card .box .img img {
    width:100%;
    height:100%;
}
.card .box h2 {
    font-size:20px;
    color:#262626;
    margin:20px auto;
}
.card .box h2 span {
    font-size:14px;
    background:#e91e63;
    color:#fff;
    display:inline-block;
    padding:4px 10px;
    border-radius:15px;
}
.card .box p {
    color:#262626;
}
.card .box span {
    display:inline-flex;
}
.card .box ul {
    margin:0;
    padding:0;
}
.card .box ul li {
    list-style:none;
    float:left;
}
.card .box ul li a {
    display:block;
    color:#aaa;
    margin:0 10px;
    font-size:20px;
    transition:0.5s;
    text-align:center;
}
.card .box ul li:hover a {
    color:#e91e63;
    transform:rotateY(360deg);
}


@media only screen and (max-width: 1025px) {

.StartHead1{
	margin-top:20px !important;
}

.StartHead2{
	margin-top:20px !important;
}

	#stoerer {
    position: absolute;
    font-size: 0;
    right: 20px !important;
    bottom: auto;
    top:290px;
    z-index: 100;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 10px 30px 30px grey;
    max-width:900px !important;
    padding:20px;
    transform: scale(0.9);
    color:#333;
}


#stoerer p{
	color:#333 !important;
}


#AuvestaFocusMoneyRating .modal-dialog{
	width: 100% !important;
	max-width:980px;

}

.card .box h2 {
    font-size:24px !important;
    color:#262626;
    margin:20px auto;
}


.card {
    width: 100%;
    min-height: 600px;
    background: #fff;
    box-shadow: 0 20px 50px rgba(0,0,0,.1);
    border-radius: 10px;
    transition: 0.5s;
    text-align: left !important;
    margin-bottom: 20px;
}

.card .box {
    position: absolute;
    top: 300px;
    left: 0;
    transform: translateY(-50%);
    text-align: left !important;
    padding: 40px;
    box-sizing: border-box;
    width: 100%;
}

#AuvestaFocusMoneyRating .FMPreisgestaltung .card .box {
    top: 284px;
}

#AuvestaFocusMoneyRating .FMAuslieferung .card .box {
    top: 300px;
}





}




.bg-overlay-start img {
    max-width: 100% !important;
}

@media only screen and (max-width: 768px){
	#Kaufmoeglichkeiten{
	margin-top:1680px;
}
}



@media only screen and (max-width: 568px){
	#Kaufmoeglichkeiten{
	margin-top:1180px;
}
}






@media only screen and (max-width: 450px) {
	#stoerer {
    position: absolute;
    font-size: 0;
    right: 3%;
    left:3%;
    bottom: auto;
    top:340px;
    z-index: 100;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 10px 30px 30px grey;
    max-width:900px !important;
    padding:20px;
    transform: scale(0.9);
    color:#333;
}


#stoerer p{
	color:#333 !important;
}


#AuvestaFocusMoneyRating .modal-dialog{
	width: 100% !important;
	max-width:980px;

}

.card .box h2 {
    font-size:20px !important;
    color:#262626;
    margin:20px auto;
}

#stoerer h3 {
    font-size:24px !important;
    color:#262626;
    margin:20px auto;
    line-height: 28px;
    
}


.card {
    width: 100%;
    min-height: 600px;
    background: #fff;
    box-shadow: 0 20px 50px rgba(0,0,0,.1);
    border-radius: 10px;
    transition: 0.5s;
    text-align: left !important;
    margin-bottom: 20px;
}

.card .box {
    position: absolute;
    top: 300px;
    left: 0;
    transform: translateY(-50%);
    text-align: left !important;
    padding: 40px;
    box-sizing: border-box;
    width: 100%;
}

#AuvestaFocusMoneyRating .FMPreisgestaltung .card .box {
    top: 284px;
}

#AuvestaFocusMoneyRating .FMAuslieferung .card .box {
    top: 300px;
}

.StartHead1{
	margin-top:20px !important;
}

.StartHead2{
	margin-top:20px !important;
}

.bg-overlay-start img {
    max-width: 20vw;
    float: left;
    margin: 0 1vw;
        margin-top: 0px;
}

#Kaufmoeglichkeiten{
	margin-top:880px;
}

}


.StartHead1{
text-shadow: 1px 1px 1px black, 1px -1px 1px black, -1px 1px 1px black, -1px -1px 1px black;
}

.StartHead2{
text-shadow: 1px 1px 1px black, 1px -1px 1px black, -1px 1px 1px black, -1px -1px 1px black;
}


.StartHead2 .moreinvers{
	text-shadow: none;
}

.NewsText{
	overflow: hidden;
text-overflow: ellipsis;
max-height: 4.5em;
min-height: 4.5em;
font-size: 0.6em;
line-height: 1.5em;
padding-bottom: 40px;
}

.NewsText2{
	overflow: hidden;
text-overflow: ellipsis;

min-height: 6.5em;
font-size: 0.6em;
line-height: 1.5em;

}

.NewsHead a, .NewsText a, .NewsText2 a{
	color:#fff;
}

.NewsHead a:hover, .NewsText a:hover, .NewsText2 a:hover{
	color:#ccc;
}

.NewsTicker .col-md-4{
	padding-bottom:60px;

}

.NewsLetterButton{
	margin-top:20px;
}

hr.text-center{
	margin: 40px auto;
}


#stoerer a img:hover{
	cursor:pointer;
}

/*
.NewsPresse {
    background: url("../gfx/auvesta-news.jpg");
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    }

*/




:root {
	--thm-base: #152546;
	--thm-primary: #264071;
	
}


.zendeskButton.download-buttons{
  width: 160px;
  height: 60px;
  position: fixed;
  bottom:6px;
  right:70px;
  z-index:9999999;
  transform: scale(0.8); 
  
}

.zendeskButton.download-buttons:hover{
  opacity:0.8;
  
}




.zendeskButton.download-buttons a.apple-store {
  width: 140px;
  height: 50px;
  
}


.zendeskButton.download-buttons a.apple-store {
    background: var(--thm-base);
    background: -webkit-gradient(linear, left bottom, left top, from(var(--thm-base)), color-stop(50%, var(--thm-primary)), to(var(--thm-base)));
    background: linear-gradient(0deg, var(--thm-base) 0%, var(--thm-primary) 50%, var(--thm-base) 100%);
  
}


.zendeskButton.download-buttons a i {
  font-size: 40px;
  color: white;
  position: absolute;
  left: 10px;
}



.zendeskButton.download-buttons a .button-content {
 margin-left: 1.3rem;
letter-spacing: 0.1rem;
position: absolute;
top: 0px;
}


.zendeskButton.download-buttons a .button-content h6 {
  font-size: 10px !important;
  color: #bbdef9;
}

.zendeskButton.download-buttons a .button-content span {
  display: block;
  font-size: 18px;
  color: white;
  margin-top: -0.8rem;
  letter-spacing: initial;
}


.zendeskButton.download-buttons a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 24.4rem;
  height: 8.1rem;
  background-color: grey;
  border-radius: 5rem;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  background-size: 200% 200% !important;
  background-position: center bottom !important;
}


.cryptedmail:after {
  content: attr(data-name) "@" attr(data-domain) "." attr(data-tld);
}