nutzungshinweise/blocker

index.html

.vhb-blocker-page {
  font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", Arial, Helvetica, sans-serif;
}


.vhb-blocker-background{
  background-repeat: no-repeat;
  background-position: top center;
}

.vhb-blocker-modal{
  background-color: white;
  border: 1px solid #afafaf;
  margin: 30px;
}

.vhb-blocker-section{
  padding: 30px;    
}

.vhb-blocker-section--inverted{
  background: #ee7000;
  color: white;
}

.vhb-blocker-headline{
  font-size: 25px
}



.vhb-blocker-headline--lg{
  font-size: 24px
}

/* TAB HEADER */
.vhb-blocker-tab__header .vhb-box-header{
    padding: 0 40px;
}

.vhb-blocker-tab__header .vhb-toggles-nav{
  width: 100%;
}

.vhb-blocker-tab__header .vhb-toggles-nav li{
  /*width: 25%;*/
  margin-right: 140px !important;
}

.vhb-blocker-tab__header .vhb-toggles-nav li a{
  text-align: center;
}

/* TAB BODY */
.vhb-blocker-tab-col{
  padding: 0px 50px 20px 50px;
}


.vhb-blocker-tab-col__text {
  margin-left:30px;
}

.vhb-blocker-tab-col__text:before {
  content: '1.';
  display:inline-block;
  width:0px;
  height:0px;
  font-size:200%;
  font-weight: bold;
  position: relative;
  left: -30px;
  top: 10px;
}

.vhb-blocker-tab-col__text--2:before {
  content: '2.';
}



/* BUTTONS */
.vhb-blocker-link{
  display: inline-block;  
  width: 80%;
  margin-left:10%;
  color: #ee7000;
  text-align: center;
  line-height: 30px;
  border: 1px solid #ee7000;
}

.vhb-blocker-link--inverted {
  color: white;
  background-color: #ee7000;
}

.vhb-blocker-link--inverted:hover{
  color: white;
}

/* UTILITIES*/
.u-space-bottom{
  margin-bottom: 30px;
}

.u-text-block p{
  margin-bottom: 20px;
  font-size: 122%  
}