@import 'https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,700,700italic';
:root {
    --main-bg-color-bright: rgba(255, 255, 255, 0.9);
    --main-bg-color-bright-bright: rgba(255, 255, 255, 0.9);
    --main-bg-color-bright-dark: rgba(0, 0, 0, 0.1);
    --main-bg-color-bright-light: rgba(255, 255, 255, 0.35);
    --main-border-color-dark: rgba(0, 0, 0, 0.2);
    --light-red: rgba(255, 0, 0, 0.2);
    --light-red-dark: rgba(255, 0, 0, 0.7);
    --main-gold-light: rgba(190, 160, 52, 0.15);
    --main-gold: rgba(190, 160, 52, 0.5);
    --main-gold-full: rgba(190, 160, 52, 1);
    --main-gold-half: rgba(190, 160, 52, 0.75);
    --main-gold-full-light: rgba(190, 160, 52, 0.8);
}
/* Change Autocomplete styles in Chrome*/

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus input:-webkit-autofill, textarea:-webkit-autofill, textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus {
    -webkit-text-fill-color: black;
    -webkit-box-shadow: 0 0 0px 1000px var(--main-bg-color-bright) inset;
    transition: background-color 5000s ease-in-out 0s;
}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid var(--main-gold);
    margin: 1em 0;
    padding: 0;
}
body {
    font: 16px/18px "Open Sans", sans-serif;
    margin: 0px;
    padding: 0px;
    width: auto;
    font-weight: 400;
    margin: 0x;
    padding: 0px;
    background: white;
    overflow-y: hidden;
    overflow-x: hidden;
    height: 100%;
    background: var(--main-gold-light);
}

table {
    border-collapse: collapse;
}
.underline:hover {
    text-decoration: underline;
}

.tr-energy {
    background-color: rgba(255, 0, 0, 0.1);
    transition: .3s;
}
.tr-energy:hover {
    background-color: rgba(255, 0, 0, 0.2);
    cursor: pointer;
}
#stream-settings{
    display: inline-block;
}

.right {
    text-align: right !important;
}
.upload-allowed {
    margin-top: 5px;
    margin-bottom: 5px;
}
.menu {
    margin-top: 100px;
    margin-bottom: 60px;
}
a, a:visited, a:active {
    text-decoration: none;
    transition: 0.3s;
}

#pin-secured {
    display: inline-block;
    top: -1px;
    position: relative;
    margin-right: 15px;
}
#user-menu {
    position: absolute;
    top: 34px;
    min-width: 220px;
    right: 0px;
    padding: 30px;
    background-color: var(--main-bg-color-bright-bright);
    text-align: left;
    display: none;
}
.user-menu-a:hover{
    text-decoration: underline!important;
}
#user-menu:hover {
    cursor: default;
}
#layout-fullname:hover {
    cursor: pointer;
}
.hover {
    color: black;
}
input:hover, button:hover, a:hover, .hover:hover {
    cursor: pointer;
}
h1, h2, h3, h4 {
    color: var(--main-gold-full);
    margin-top: 15px;
    margin-bottom: 15px;
    text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.2);
    opacity: 0.8;
}
.force-hf-color, .force-hf-color:hover{
    color: var(--main-gold-full) !important;
    font-weight: bold !important;
}
.force-h1 {
    font-size: 32px;
}
button:hover, a:hover {
    text-decoration: underline;
}
#form_submit {
    height: 50px;
}
textarea, input, button, a, select {
    outline: 0;
    font: 18px/20px "Open Sans", sans-serif;
    color: var(--main-gold-full);
    border: 1px solid rgba(0, 0, 0, 0.00);
    padding: 5px;
    text-decoration: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    transition: 0.5s;
    padding: 5px;
    line-height: 16px;
    border-radius: 2px !important;
    background-color: rgba(0, 0, 0, 0);
    margin: 5px;
}
textarea, input {
    border-radius: 0px;
}
textarea, input:not([type]), input[type="text"] {
    width: calc(100% - 30px);
}
table {
    margin: auto;
}
thead {
    font-weight: bold;
}
input, textarea {
    border: 1px solid lightgrey;
}
.tooltip {
    border: 1px solid green;
    position: absolute;
    color: white;
    top: 19px;
    left: 30px;
    background-color: white;
}
.form-creditcard {
    min-width: 240px;
    padding: 15px;
    padding-left: 5px;
    padding-right: 5px;
}
.overview-creditcard {
    width: calc(100% - 30px);
}
.hover {
    transition: 0.3s;

}
#wait {
    margin-top: 330px;
}
.pics {
    position: relative;
    z-index: 100;
    display: none;
    margin: auto;
    text-align: center;
    vertical-align: middle;
}
.pics img {
    vertical-align: middle;
    image-orientation: from-image !important;
}
.center-button {
    width: 100%;
    text-align: center;
}
.unser-antrieb {
    font-size: 25px;
    line-height: 35px;
    margin-top: 0px;
}
.pc {
    margin: auto;
    text-align: center;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 100;
    overflow-y: auto;
    height: 100%;
    -webkit-overflow-scrolling: touch;
}
a.brighthover, button.brighthover {
    padding: 15px;
    background-color: var(--main-bg-color-bright);
}
a.brighthover:hover, button.brighthover:hover {
    background-color: var(--main-gold);
}
button#start {
    width: 200px;
    position: fixed;
    z-index: 101;
    top: 15px;
    left: 15px;
}
button#add {
    width: 200px;
    position: fixed;
    z-index: 101;
    top: 55px;
    left: 15px;
}
#braintree-logo, #braintree-logo-text {
    display: none;
}
a#braintree-verified:hover {
    background: none;
    cursor: default;
}
.register, .account-outer {
    background: var(--main-bg-color-bright);
    display: inline-block;
    margin-top: 120px;
    padding: 30px;
    border-radius: 4px;
    margin-bottom: 60px;
}
.account-address-inner {
    vertical-align: top;
    padding: 15px;
}
.registerleft, .registerright {
    display: inline-block;
    vertical-align: top;
    padding: 0px;
}
.registerleft {
    margin-top: 14px;
}
.registerright {
    margin-top: 10px;
}
.accept-terms {
    max-width: 263px;
}
.nextprev {
    display: none;
    position: fixed;
    z-index: 10001;
    top: 80px;
    width: 10%;
    min-width: 200px;
    transition: 0.5s;

}
#prev {
    left: 0px;
 
    background-repeat: no-repeat, repeat;
    background-position: 70%;
    background-size: 30% 20%;
}
.nextprev:hover {
    cursor: pointer;
    background-color: var(--main-gold-light);
}
#next {
    right: 0px;
    background-repeat: no-repeat, repeat;
    background-position: 30%;
    background-size: 30% 20%;
}
.textouter {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 10000;
    width: 100%;
}
.upouter {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 10000;
    width: 100%;
}
.upbright {
    margin: auto;
    padding: 20px;
    margin-top: 60px;
    background-color: var(--main-bg-color-bright);
    display: inline-block;
}
.text {
    margin: auto;
    padding: 20px;
    margin-top: 0px;
    background-color: var(--main-bg-color-bright);
    min-height: 150px;
    
}
.textbright {
    margin: auto;
    padding: 20px;
    margin-top: 60px;
    background-color: var(--main-bg-color-bright);
    display: inline-block;
}
.previewouter {
    background-color: var(--main-bg-color-bright);
    margin: 30px;
    display: inline-block;
    padding: 30px;
    margin-top: 120px;
    border-radius: 4px;
    vertical-align: top;
    
}
.tableouter {
    display: inline-block;
    min-width: 300px;
    position: relative;
    border-radius: 0px;
    border-right: 1px solid var(--main-gold);
    margin: 5px;
    margin-top:30px;
}
.tableouter:last-child {
border-right: 1px solid rgba(0,0,0,0);
    }
.guest-blocked {
    background-color: var(--light-red-dark);
    font-weight: bold;
}
table.preview {
    display: inline;
}
img.preview {
    height: 165px;
}
.number-td {
    height: 200px;
    width: 35px;
    
min-width: 35px !important;
max-width: 35px !important;
padding-right: 0px;
display: inline-block;
}
.onoff-td {
width: calc(100% - 30px);
margin: auto;
margin-top: 10px;
}
.trash-td {
    max-width: 40px !important;
    min-width: 40px !important;
}

.order-number {
    position: absolute;
    margin-left: -10px;
        margin-top: 38px;
   
}
#recaptcha-error{
    display: none;
}
.tableshowapptdimg {
    width: calc(100% - 90px);
    display: inline-block;
    height: 200px;
    vertical-align: top;

}
.tableouter {
    display: inline-block;
    min-width: 300px;
    position: relative;
    border-radius: 0px;
    border-right: 1px solid var(--main-gold);
    margin: 5px;
    margin-top:30px;
}
.tdturn{
    display: inline-block;
     width: 46px;
     vertical-align: top;
     padding-top: 20px;
     height: 200px;

}
.img-preview-outer {
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.minus-90{
        vertical-align: top;
        position: relative;
        top: 5px;
        margin: 0px;

    }
    .plus-90{
        vertical-align: top;
        position: relative;
        top: 105px;
         margin: 0px;
    }
      .trash{
       position: relative;
        top: 15px;
         margin: 0px;
          margin-left: 0px; 

    }
         .down{
        vertical-align: top;
        position: relative;
        top: 110px;
    }

        .minus-90:hover, .plus-90:hover, .down:hover, .trash:hover {
        text-decoration: none;
        background-color: var(--main-gold-light);
    }
    
    .trash {
       
    }

    .tableouter-show-app {
        vertical-align: top;
    display: inline-block;
    min-width: 410px;
    position: relative;
    border-radius: 0px;
    border-right: 1px solid var(--main-gold);
    margin: 5px;
    margin-top:30px;
    margin-left: 10px;
    margin-right: 10px;
    padding-right: 10px;
}
/*
table.preview td:first-child {
    min-width: 60px;
}
table.preview td {
    min-width: 80px;
  
}
*/
table.previewpos td {
    min-width: 30px;
    height: 100px;
}
td {
    height: 25px;
}
td.cursor:hover {
    cursor: pointer;
}
.hover {
    transition: 0.5s;
}
.hover:hover {
    text-decoration: underline;
    }
.add-trade-terms {
    font-size: 12px;
    background: none;
}
.add-trade-terms:hover {
    text-decoration: underline;
}
.add-hints {
    padding-top: 15px;
    text-align: left;
    font-size: 12px;
    text-align: center;
}
a.big {
    padding: 10px;
    margin-left: 5px;
    margin-right: 5px;
}
#footer {
    position: fixed;

    z-index: 1100;
    bottom: 0px;
    right: 0px;
    display: inline-block;
    background-color: var(--main-bg-color-bright);
    font-size: 12px;
}
.footer-mobile {
    font-size: 12px;
    padding: 15px;
}
a.footer {
    font-size: 12px;
    padding: 0px;
    background-color: rgba(0, 0, 0, 0);
}
a.footer:hover {
    text-decoration: underline;
}
header {
    z-index: 2000;
    top: 0px;
    height: 84px;
    text-align: center;
    width: 100%;
    position: fixed;
    background-color: var(--main-bg-color-bright-bright);
}
.header-links {
    display: inline;
    text-align: right;
    position: fixed;
    right: 25px;
    top: 20px;
    vertical-align: middle;
}
.index-how-it-works-and-price {
    display: inline-block;
    margin: auto;
    margin-top: 9px;
    
}
a.tablestart {
    background-color: rgba(0, 0, 0, 0);
    color: black;
}
a.tablestart:hover {
    background-color: var(--main-gold);
}
.tableshowapptdcount {
    min-width: 60px;
}
a.logolayout {
    position: absolute;
    z-index: 4000;
    left: 15px;
    top: 0px;
    margin: 10px;
    margin-top: 6px;
    padding: 15px;
    border-radius: 4px;
    transition: 0.1s;
    ;
    font-weight: bold;
    background-color: rgba(0, 0, 0, 0);
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
a.logolayout:hover {
    background-color: var(--main-gold-light) !important;
}
.logo-hochzeitfotos-img {
    height: 40px;
}
a.logo-hochzeitfotos {
    transition: 0.8s;
    padding: 5px;
    border-radius: 4px;
}
.footer {
    color: black;
}
.start-stream:hover {
    text-decoration: none;
    background-color: var(--main-gold-light);
}
a.header, a.cta, button.cta {
    color: white;
    font-weight: bold;
    padding-left: 10px;
    padding-right: 10px;
    background-color: var(--main-gold-full);
}
button.cta-inverse {
    border: 1px solid var(--main-gold-full);
    background-color: white;
    color: var(--main-gold-full);
}
button.cta-inverse:hover {
    color: white;
}
button.cta-big, a.cta-big {
    padding: 16px 10px;
    margin: 5px;
    width: calc(100% - 10px);
}
button.cta-huge, a.cta-huge {
    padding-bottom: 30px;
    padding-top: 30px;
    padding-left: 60px;
    padding-right: 60px;
    width: calc(100% - 50px);
    font-size: 30px;
    line-height: 40px;
}


a.header-none {
    font: 18px/20px "Open Sans", sans-serif;
    font-weight: normal;
    font-weight: bold;
}
a.logo:hover, a.header:hover, a.cta:hover, button.cta:hover {
    background-color: var(--main-gold-half);
    text-decoration: none;
}
@-webkit-keyframes rainbow {
    0% {
        background-position: 0% 82%
    }
    50% {
        background-position: 100% 19%
    }
    100% {
        background-position: 0% 82%
    }
}
@-moz-keyframes rainbow {
    0% {
        background-position: 0% 82%
    }
    50% {
        background-position: 100% 19%
    }
    100% {
        background-position: 0% 82%
    }
}
@-o-keyframes rainbow {
    0% {
        background-position: 0% 82%
    }
    50% {
        background-position: 100% 19%
    }
    100% {
        background-position: 0% 82%
    }
}
@keyframes rainbow {
    0% {
        background-position: 0% 82%
    }
    50% {
        background-position: 100% 19%
    }
    100% {
        background-position: 0% 82%
    }
}
#app-index {
    position: relative;
    border-radius: 4px;
    z-index: 1900;
    margin-top: 120px;
    padding: 15px;
    display: inline-block;
    background-color: var(--main-bg-color-bright);
}
table#app-index-table {
    text-align: center;
    margin: auto;
}
.index-line-outer {
    position: relative;
    display: inline-block;
    margin-top: 0px;
    width: 100%;
    max-width: 1440px;
    background-color: var(--main-bg-color-bright);
}
.index-max-width {
    max-width: 1140px;
    text-align: left;
    margin: auto;
}
.section {
    padding-top: 60px;
    padding-bottom: 00px;
}
.section-footer {
    background-color: var(--main-gold-full);
    color: white;
    padding-bottom: 60px;
}
a.section-footer {
    font-size: 14px/16px;
    color: white;
    padding: 0px;
    background-color: rgba(0, 0, 0, 0);
}
.index-inline {
    display: inline-block;
    padding: 15px;
    vertical-align: middle;
}
.index-description {
    text-align: left;
    font-size: 24px;
    max-width: 45%;
}
#index-demo-button {
    background-color: var(--main-gold-light);
    padding: 30px;
    font-size: 24px;
}
#index-free-text {
    transition: 0.3s;
    border-radius: 4px;
}
#index-demo-button:hover, #index-free-text:hover {
    background-color: var(--main-gold);
    cursor: pointer;
}
.section-invers {
    background-color: var(--main-gold-full-light);
    color: white;
}
.index-text-invers {
    color: white;
}
.index-text {
    margin-top: 0px;
    max-width: 1020px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    padding: 60px;
    background-color: rgba(255, 255, 255, 0);
    font-size: 25px;
    line-height: 35px;
}
.text-secure {
    color: black;
}
.index-text ul {
    margin-top: 0px;
    margin-bottom: 0px;
}
#section1 {
    padding-bottom: 120px;
}
.h2-slogan6 {
    text-align: center !important;
}
.price, .index {
    margin: auto;
    margin-top: 130px;
    text-align: center;
    margin-bottom: 30px;
}
.errors ul {

  list-style-type: none;

}
.price-box-outer{
    max-width: 900px;
    background-color: var(--main-bg-color-bright);
    margin-left: auto;
    margin-right: auto;
    margin-top: 150px;
    border-radius: 4px;
    padding: 30px;
}
.price-box {
    width: 260px;
    margin:10px;
    height: 1020px;
    border: 1px solid var(--main-gold-full);
    border-radius: 4px;
    display: inline-block;
    vertical-align: bottom;
      border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.price-box-title{
    padding: 10px;
    font-size: 30px;
    background-color: var(--main-gold-full);

    color: white;
    height: 100px;
    font-weight: bold;
     line-height: 100px;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  display: block;
}
.price-box-price{
    padding: 10px;
   display: block;
    font-size: 30px;
    color: black;
    height: 100px;
    line-height: 100px;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3);
}
.price-box-part-1{
    height: 80px
    padding: 10px;
    margin-top: 00px;
    margin-bottom: 10px;
      display: block;
    font-size: 20px;
    color: black;
   background-color: var(--main-gold-light);
    line-height: 80px;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3);
}
.price-box-part-2{
    height: 92px;
background-color: var(--main-gold-light);
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px;
      display: block;
    font-size: 16px;
    color: black;
    
    line-height: 22px;
    font-weight: bold;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3);
}
.price-box-part-3{


text-align: left !important;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px;
      display: block;
   
    color: black;
   
    line-height: 22px;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3);
}
.price-register-button-contract-free {
    
    margin: auto;
    margin-top: 385px;
    text-align: center;
}
.price-register-button-contract-starter{
 margin: auto;
    margin-top: 132px;
    text-align: center;
}
.price-register-button-contract-premium{
 margin: auto;
    margin-top: 221px;
    text-align: center;
}
.price-register-button-contract-deluxe{
 margin: auto;
    margin-top: 47px;
    text-align: center;
}

.price-title {
    display: inline-block;
    text-align: center;
    padding: 15px;
    transition: 0.5s;
    border-radius: 4px;
    font: 18px/20px "Open Sans", sans-serif;
    font-weight: bold;
    text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3);
    opacity: 0.8;
}
.price-title:hover {
    cursor: pointer; // text-decoration-color: var(--main-gold);
    text-decoration: underline;
    background-color: none!important;
}
.show-app-settings {
    margin-top: 30px;
}


.index-how-it-works {
    margin: auto;
    text-align: center;

    max-width: 1150px;
    text-align: left;
    margin: auto;
    margin-top: 130px;
    line-height: 22px;
    background-color: var(--main-bg-color-bright);
    padding: 30px;
    border-radius: 4px;
    margin-bottom: 60px;
}
.hiw-h, .hiw-img {
    display: inline-block;
    vertical-align: middle;
}
.hover-text:hover {
    text-decoration: underline;
    cursor: pointer;
}
.hiw-img {
    height: 50px;
}
.hiw-h {
    padding-left: 15px;
}
.hiw-ul {
    margin-top: 15px;
    margin-bottom: 0px;
}
ul.index-ul-li-hiw {
    list-style-type: circle;
}
li.index-ul-li-hiw {
    list-style-type: circle;
}
.price {
    margin-top: -15px;
}
.bold {
    font-weight: bold;
}

table td {
    padding: 5px;
    padding-left: 15px;
    padding-right: 15px;
}
a.price {
    font-style: italic;
    font-size: 18px;
    background-color: rgba(0, 0, 0, 0);
}
a.price:hover {
    background-color: var(--main-bg-color-bright-dark);
}
a.italic, .italic {
    font-style: italic;
    ;
}
a.red {
    color: var(--main-gold-full);
}
a.red:hover {
    background-color: var(--main-gold);
}
.main {
    text-align: left;
    display: inline-block;
    margin: auto;
    margin-top: 130px;
    padding: 30px;
    background-color: var(--main-bg-color-bright);
    line-height: 1.2em;
    margin-bottom: 30px;
}
.center {
    text-align: center;
    border-radius: 4px;
}
.index-center {
    text-align: center;
    margin-top: 0px;
    border-radius: 4px;
}
.reset-password {
    max-width: 450px;
}
textarea.contactform {
    padding: 10px;
    width: 400px;
    height: 200px;
}
input.contactform {
    padding: 10px;
    height: 24px;
    width: 400px;
}
.contact {
    width: 430px;
}
#contact-text-top {
    line-height: 1.5em;
}
button.contactform:hover {
    background: var(--main-bg-color-bright-dark);
}
#layout-fullname {
    font-size: 18px;
    display: inline;
    padding: 5px;
    margin: 0px;
    color: var(--main-gold-full);
    position: relative;
    top: -8px;
}
.my-streams {
    position: relative;
    top: -6px;
}
#hint-index-secured {
    color: red;
    font-style: italic;
}
#hint-outer {
    text-align: left;
}
#form-hint-contract {
    width: 330px;
    text-align: center;
    margin: auto;
}
#notposible {
    display: none;
    color: red;
}
#free-outer {
    height: 30px;
}
#free {
    color: green;
    padding-bottom: 10px;
    display: block;
}
#bottom {
    padding-bottom: 60px;
}
#checkfreeurl {
    color: red;
    transition: 0.7s;
    padding: 5px;
}
.uploadtextbright {
    border-radius: 4px;
}
#checkfreeurl:hover {
    cursor: pointer;
    background-color: var(--main-bg-color-bright-dark);
}
#allowed {
    padding-bottom: 10px;
}
#startdatehint {
    color: red;
    font-weight: bold;
    width: 330px;
    margin: auto;
}
#formtriggerclick {
    font-weight: bold;
    padding: 10px;
}
#formtriggerclick:hover {
    background-color: var(--main-bg-color-bright-dark);
}
.flash {
    position: relative;
    top: 00px;
    text-align: center;
    left: 0px;
    width: cacl(100% - 30px);
    padding: 15px;
    z-index: 100000;
    color: var(--main-gold-full);
    background-color: var(--main-gold-light);
    border: 1 px solid var(--main-gold-full);
}
a#closebuttonflash {
    position: absolute;
    right: 45px;
    top: 15px;
    text-align: right;
    padding: 15px;
    margin: 15px;
    color: red;
}
a#closebuttonflash:hover {
    background-color: var(--main-bg-color-bright-dark);
}
#presentationstarted {
    font-size: 20px;
}
.shortdata {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
}
.guestpasswordhidden {
    display: none;
}
.guestpassworddots {
    display: inline-block;
}
.pubilcpasswordtext, .guestpassworddots:hover, .guestpasswordhidden:hover {
    cursor: pointer;
}
.publicpasswordouter {
    min-width: 150px;
    display: inline-block;
    text-align: left;
}
#welcome {
    position: relative;
   
    
    display: inline-block;
    z-index: 100000;
    padding: 30px;
    background-color: var(--main-bg-color-bright);
    margin:auto;
     margin-top: 120px;
}
.right {
    text-align: right;
}
.left {
    text-align: left;
}
.center {
    text-align: center;
}
.index-price-hints {
    padding: 15px;
    text-align: left;
    max-width: 900px;
    margin: auto;
}
ul li {
    margin-bottom: 10px;
    margin-top: 10px;
}

.inner {
    width: 100%;
}
#index-example {
    background-color: var(--main-bg-color-bright);
    padding: 15px;
}
label {
    display: none;
}
.show {
    display: inline-block;
    ;
}
label[for="form_gender_0"], label[for="form_gender_1"], label[for="form_terms"] {
    display: inline-block;
    ;
    color: rgba(0, 0, 0, 0.8);
}
input, select {
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 10px;
    border: 1px solid rgba(0,0,0, 0.1);
}
#form_register-submit {
    margin-top: 20px;
}
label {
    font-size: 12px;
}
ul li {
    color: black;
}
.index-ul {
    display: inline-block;
}
.index-ul-li {
    line-height: 1.2em;
}
#uploadouter {
    overflow-y: auto;
}
.successupload {
    padding: 15px;
}
#username, #password {
    height: 40px;
    width: 340px;
}
#headerButton {
    display: none;
}
#headerButtonimg {
    height: 26px;
    padding: 5px;
}
#plswait {
    display: none;
}
.successdiv {
    padding: 5px;
}
.account-secured-price-table {
    display: none;
}
#account-details-close-button {
    display: none;
}
.account-contracts {
    padding-top: 30px;
}
.pay-add-table {
    display: none;
}
.pay-add-box {
    min-height: 0px;
    padding: 30px;
    vertical-align: top;
    background: none;
    margin: 5px;
    border: 1px solid white;
    background-color: rgba(255, 255, 255, 0.5);
    margin-bottom: 30px;
    height: 190px;
}
#add-cart-outer {
    display: block;
    min-height: 232px;
    opacity: 1;
    transition: 0.3s;
    padding-top: 30px;
}
#add-cart-inner {
    min-height: 80px;
}
#add-cart-inner {
    display: inline-block;
}
.td-add-cart {
    padding-left: 15px;
    padding-right: 15px;
    text-align: left;
}
.td-add-cart-price {
    padding-left: 15px;
    padding-right: 0px;
    text-align: right;
}
.td-add-cart-delete {
    color: var(--main-gold-full);
    transition: 0.3s;
}
.td-add-cart-delete:hover {
    border-radius: 4px;
    background-color: var(--main-gold);
    cursor: pointer;
}
.td-add-cart-full-price {
    font-weight: bold;
    padding-top: 15px;
}
#overview-billing-address {
    text-align: left;
}
.overview-full-price {
    padding-top: 15px;
    font-weight: bold;
    text-align: right;
}
.overview-full-price-tax {
    font-size: 12px;
    padding-bottom: 30px;
}
.payment-img {
    height: 30px;
    padding: 10px;
    padding-left: 10px;
    padding-right: 10px;
    transition: 0.5s;
}
.payment-img:hover {
    cursor: pointer;
    background: var(--main-bg-color-bright);
}
.overview-buy-button {
    font-size: 22px;
    padding: 15px;
    font-weight: bold;
}
.price-box-part-outer{
    display: none;
}
.price-box-add{
    height: 325px;
    vertical-align: top!important;
}
.price-box-title-add { 
    font-size: 20px;
    height: 40px;
    padding: 5px;
    line-height: 40px;
    background-color: var(--main-gold-half);
}
.price-box-price-add{
    font-size: 30px;
    height: 30px;
    padding: 5px;
    line-height: 50px;
    margin-bottom: 30px;
}
.price-box-add-button{
    margin-top: 30px;
}
.price-box-part-1-add{
    font-size: 16px;
    height: 40px;
    padding: 5px;
    line-height: 40px;
}
.cta-pay{
    width: calc(100% - 30px);
    padding: 20px;
}
#buy-button-outer {
    visibility: hidden;
    margin-top: 15px;
    min-height: 40px;
}
.account-extend-button {
    display: none;
    color: black;
    padding: 15px;
}
.account-extend-button:hover {
    color: red;
}
.extend-button-outer {
    min-height: 30px;
    padding: 5px;
}
.td-overview {
    text-align: left;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
}
.td-overview-description {
    font-size: 14px;
    padding-left: 5px;
    text-align: left;
    font-style: italic;
}
.td-overview-price {
    text-align: right;
}
.overview-creditcard {
    display: none;
}
.img-hover {
    cursor: pointer;
}
.index-price {
    text-align: center;
    font-weight: bold;
}
.index-secured-tr {
    height: 40px;
}
.index-td-first {
    text-align: left;
}
.edit-min {
    padding: 5px;
    margin: 0px;
}
.tax-included {
    padding: 5px;
    font-size: 14px;
}
.overview-tr-top {
    background-color: var(--main-bg-color-bright);
}
.round-small {
    padding: 10px;
}
.round-small:hover {
    background-color: var(--main-gold);
}
.main-margin {
    text-align: left;
    display: inline-block;
    margin-top: 120px;
    position: relative;
    right: 0px;
    padding: 30px;
    background-color: var(--main-bg-color-bright);
}
.trade-terms {
    line-height: 1.4em;
    margin-top: 120px;
    font-size: 14px;
    background: white;
}
.register-trade-terms-text {
    max-width: 600px;
    text-align: center;
    padding: 0px;
    margin: auto;
}
.register-trade-terms:hover {
    cursor: pointer;
}
.index-hi {
    vertical-align: top;
    margin: 30px;
    background-color: var(--main-bg-color-bright);
    width: calc(100% - 60px);
}
#index-presentation {
    position: relative;
    width: 100%;
    height: 100%;
}
.background-fades-inner-index {
    max-width: 100%;
    display: none;
}
.index-section-one-left {
    display: inline-block;
    width: calc(49%);
    height: 450px;
    vertical-align: top;
    margin-top: 0px;
}
.landingpage{
    max-width: 1200px;
    padding: 30px;
    background: rgba(0,0,0,0);
}
 .landingpage-recommendation{
    max-width: 30%;
    display: inline-block;
    vertical-align: top;
    padding: 15px;
    font-size: 16px;
line-height: 25px;
 }
 .landingpage-inner{
    padding: 30px;
 }
 .landingpage-register-outer{
    max-width: 600px;
    margin: auto;
 }
.h1-slogan {
    line-height: 50px;
    font-size: 40px;
    margin: 5px;
}
.h1-slogan-second {
    margin: 5px;
    line-height: 25px;
    font-size: 20px;
    color: rgb(80, 80, 80);
}
.h2-slogan {
    line-height: 60px;
    font-size: 50px;
    text-align: left;
    padding-left: 60px;
    padding-right: 60px;
}
.h2-slogan-section-invers {
    color: white;
}
.img-in-text {
    height: 50px;
    margin-top: 9px;
}
.in-text {
    text-decoration: underline;
    font-weight: bold;
}
.h3-slogan {
    line-height: 40px;
    font-size: 30px;
}
.box-img, .box-text {
    display: inline-block;
}
.box {
    position: relative;
    width: 300px;
    vertical-align: top;
    display: inline-block;
    margin: 15px;
}
.box-img {
    width: 50px;
    vertical-align: top;
}
.box-text {
    width: 243px;
    vertical-align: top;
}
.h3-box {
    color: black;
    font-size: 20px;
    line-height: 22px;
    font-weight: bold;
    display: block;
    margin: 0px;
}
.h3-box-outer {
    min-height: 50px;
}
.p-box {
    display: inline-block;
    font-size: 16px;
    line-height: 25px;
}

.section2-content {
    margin-top: 30px;
    padding-bottom: 60px;
}
.section6-logo {
    height: 90px;
    margin-top: 60px;
    margin-bottom: 60px;
}
.blank_row {
    height: 10px !important;
    /* overwrites any other rules */
    background-color: rgba(0, 0, 0, 0);
}
#section-1 {
    padding-top: 60px;
    padding-bottom: 60px;
}
.index-section-one-right {
    vertical-align: top;
    display: inline-block;
    width: calc(49% - 30px);
    text-align: left;
    padding-left: 30px;
}
.index-line-inner {
    background-color: var(--main-bg-color-bright);
    border-radius: 4px;
}
.index-line-content {
    text-align: left;
    margin-top: 40px;
}
.index-bottom {
    margin-top: 40px;
}
.index-line-inner-p {
    font-weight: normal;
}
.index-line-hochzeitfotos-img {
    width: 440px;
}
h2 {
    margin: 0px;
}
#form_gender>label {
    color: var(--main-gold-full);
}
.cta-light {
     color: var(--main-gold-full);
     background-color: rgba(0,0,0,0.05)

}
#progress-div {
    font-size: 20px;
    line-height: 26px;
}
#upload-hints {
    max-width: 400px;
    font-size: 12px;
    display: none;
}
#upload-show-hints-button {
    font-size: 14px;
}
#upload-back-auth {
    display: none;
}
.Typewriter__wrapper{
    text-align: left!important;
}
.tdturn {
    text-align: left;
}
.tdzipforguests {
    text-align: center;
}
.tdzipforguests:hover {
    cursor: pointer;
}
.order-number-input {
    display: none;
    max-width: 48px;
    min-width: 40px;

    font: 18px/20px "Open Sans", sans-serif;
    color: var(--main-gold-full);
    position: absolute;
    top: 75px;
    left: 0px;
}

.typewriter{
    font-size: 25px;
    line-height: 30px;
    color: var(--main-gold-full);
    display: inline-block;
    margin-top: -27px;
    text-align: left !important;
    float: left;
}
.turn-90 {
    height: 15px;
}
.turn90 {
    height: 15px;
}
.turn180 {
    height: 15px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
#form_ccExpirationDate_day {
    display: none;
}
#overview-buy {
    max-width: 400px;
    display: none;
}
.overview-buy-img {
    vertical-align: middle;
    height: 30px;
}
.index-karte-img {
    width: 100%;
}
.shadow {
    background-color: white;
    transform: rotate(20deg);
    margin-top: 100px;
    display: inline-block;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    width: 70%;
}
.overview-buy-text {
    vertical-align: middle;
}
#form_Kaufen {
    font-size: 20px;
    font-weight: bold;
    padding: 10px;
    background-color: rgba(255, 255, 255, 0.5);
}
#form_Kaufen:hover {
    background-color: var(--main-gold);
}
#overview-buy-text-inner {
    color: black;
    font-weight: normal;
}
.overview-buy-red {
    color: red;
    font-weight: bold;
}
#languages {
    position: absolute;
    z-index: 1000;
    top: 180px;
    width: 100%;
    margin: auto;
    text-align: center;
    display: none;
}
#languages-inner {
    display: inline;
    margin: auto;
    padding: 30px;
    background-color: var(--main-bg-color-bright);
    border-radius: 4px;
    max-width: 300px;
    text-align: center;
}
.modal {
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 5000;
    display: none;
    display: flex;
    align-items: center;
    justify-content: center;
}
.modal-inner {
    display: block;
    margin: auto;
    padding: 2px;
    background-color: var(--main-bg-color-bright);
    border-radius: 4px;
    max-width: 600px;
    text-align: center;
    padding: 60px;
}
#delete-inner {
    top: 0px;
    position: relative;
}
.cookie-form {
    display: inline-block;
}
.w-100 {
    width: 100% !important;
}
#pin-public {
    display: inline-block;
    vertical-align: middle;
}
#table-cookie {
    min-width: 300px;
}
#zip-add-email {
    width: 330px;
}
#zip-add-email-button {
    visibility: hidden;
}
#zip-table {
    margin: auto;
}
.zip-delete {
    font-style: italic;
    color: var(--main-gold-full);
    padding: 15px;
    border-radius: 4px;
    transition: 0.5s;
}
.zip-email {
    padding: 15px;
}
.zip-delete:hover {
    cursor: pointer;
    background-color: var(--main-bg-color-bright);
}
#zip-options {
    display: none;
}
.zip-password {
    margin-top: 50px;
}
#edit-h1, #edit-h1:hover {
    border-radius: 4px;
}
.download-public {
    border-radius: 4px;
    max-width: 400px;
}
.account-address-flash {
    font-style: italic;
    font-weight: bold;
}
.delete-account-hint {
    font-style: italic;
    font-weight: bold;
    color: red;
    max-width: 400px;
    margin: 30px;
}
.app-img {
    height: 70px;
    padding-right: 15px;
    vertical-align: middle;
}
.app-button {
    display: inline-block;
    min-width: 150px;
}
.app table {
    border: none;
    border-collapse: collapse;
}
.app td {
    text-align: left;
    padding: 15px;
    margin: 15px;
    color: var(--main-gold-full);
    ;
}
.right-important {
    text-align: right!important;
}
.app-small td {
    padding: 5px;
    height: 18px;
}
.register-text {
    text-align: left;
    color: var(--main-gold-full);
    margin-top: 15px;
    margin-bottom: 15px;
}
.errors ul, .login-form-error, .error-standard, .red-standard {
    border: 1px solid rgba(255, 0, 0, 0.1);
    border-radius: 3px;
    background-color: rgba(255, 0, 0, 0.4);
    padding: 5px;
    margin: 5px;
    width: calc(100% -34px);
    color: rgb(80, 80, 80);
    margin-bottom: 10px;
    margin-top: 10px;
}
.red-standard {
    margin: 0px ;
}
.green-standard {
    border: 1px solid rgba(0, 255, 0, 0.3);
    border-radius: 3px;
    background-color: rgba(0,255,0,0.3);
    padding: 5px;
    
    width: calc(100% -34px);
    color: rgb(80, 80, 80);
    margin-bottom: 10px;
    margin-top: 10px;
}
#register {
    width: auto;
    text-align: left;
}
.register-switch {
    margin: 5px;
    color: var(--main-gold-full);
    margin-bottom: 15px;
}
#register input {
    width: calc(100% - 30px);
}
.errors {
    text-align: center;
}
.errors ul li {
    color: rgb(80, 80, 80);
}
/*
.login-form-error {
    padding: 10px;
    border: 1px solid rgba(255,0,0,0.4);
    border-radius: 0px;
    background-color:rgba(255,0,0,0.3);

    width: calc(100% - 33px);
    margin-left: 5px;
    color: rgba(0,0,0,0.6);
     margin-bottom: 10px;
    margin-top: 10px;
}
*/

#register-accept {
    display: none;
    padding-top: 10px;
    padding-bottom: 10px;
   
}
#reset-password-set input {
    width: calc(100% - 70px);
}
.app-outer {
    min-height: 645px;
    min-width: 720px;
}
#reset-password-start input {
    width: calc(100% - 30px);
}
#account-secured-contract-overview-table {
    margin: auto;
}
.hover-background:hover {
    text-decoration: none !important;
    background-color: var(--main-gold-light);
}
.font-bigger {
    font-size: 18px !important;
}
#number {
    padding: 5px;
}
.font-smaller {
    font-size: 14px;
}
.app tr:hover {
    background-color: var(--main-gold-light);
    cursor: pointer;
}
.app {
    max-width: 730px;
    min-width: 660px;
    margin-top: 30px;
}
.app tr {
    transition: 0.3s;
    min-width: 315px;
    display: inline-table;
    height: 100px;
}
td.disabled-grey {
    color: grey!important;
}
img.disabled-grey {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}
tr.disabled-grey:hover {
    background-color: rgba(0, 0, 0, 0);
    cursor: default!important;
}
.index-how-it-works-and-price-mobil {
    display: none;
}
label {
    font-size: 18px;
}
#easy-upload-img {
    width: 100px;
}
.easy-upload {
    max-width: 600px;
}
.easy-upload-hover {
    cursor: pointer;
}
.faq {
    border-radius: 4px;
    position: relative;
    background-color: var(--main-bg-color-bright);
    margin: 30px;
    display: inline-block;
    text-align: center;
    max-width: 600px;
}
.answer {
    display: none;
    padding: 15px;
    text-align: left;
}
.title {
    font-weight: bold;
    margin-top: 30px;
    margin-bottom: 30px;
}
.faq-inner {
    text-align: left;
    padding: 30px;
}
.question {
    margin-top: 15px;
    margin-bottom: 15px;
    transition: 0.5s;
    padding: 15px;
    font-style: italic;
    border-radius: 4px;
}
.question:hover {
    cursor: pointer;
    background-color: var(--main-gold);
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=number] {
    -moz-appearance: textfield;
}
.no-payback {
    font-size: 12px;
    margin-bottom: 15px;
}
.table-inline {
    display: inline-block;
    vertical-align: top;
}
#image-huge-outer {
    position: fixed;
    top: 100px;
    text-align: center;
    margin: auto;
    display: none;
    z-index: 20000;
    background-color: var(--main-bg-color-bright);
    padding: 15px;
}
#form_interval_time {
    width: 50px;
}
#image-huge-outer:hover {
    cursor: pointer;
}
.app tr {
    transition: 0.3s;
    min-width: 315px;
    display: inline-table;
    height: 100px;
}
.app-outer {
    min-width: 0px !important;
    min-height: 0px !important;
}
 .hide-td-price {
        display: none;
    }
@media only screen and (max-width: 900px) {
    .hide-td-price {
        display: inline-block; !important;
    }
}
@media only screen and (max-width: 1375px) {
     .landingpage-recommendation{
    max-width: 45%;
    display: inline-block;
    vertical-align: top;
    padding: 15px;
 }
    .index-how-it-works-and-price {
        margin-left: -140px;
        text-align: left;
        margin-top: 21px;
    }
    .header {
        padding-left: 5px;
        padding-right: 5px;
        font: 14px/16px "Open Sans", sans-serif;
        font-weight: bold;
    }
    .header-links {
        top: 25px;
    }

    a.logolayout {
        padding: 5px;
        margin-top: 16px;
    }
    .index-how-it-works {
        margin-top: 0px;
        margin-bottom: 60px;
    }
}
@media only screen and (max-width: 900px) {
    .price {
        margin-top: 00px;
    }
    .index-how-it-works {
        margin-top: 0px;
    }
}
.pin {
    color: red;
    margin-top: -2px;
    position: relative;
    top: 3px;
}
#pin-inner-span {
    margin-top: -5px;
    top: -4px;
    position: relative;
}
.pin-img {
    height: 30px;
    border-radius: 3px;
}
.none {
    display: none !important;
}
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}
/* Hide default HTML checkbox */

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}
/* The slider */

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}
.switch:hover {
    cursor: pointer;
}
.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}
input:checked+.slider {
    background-color: var(--main-gold-full);
}
input:focus+.slider {
    box-shadow: 0 0 1px var(--main-gold-full);
}
input:checked+.slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}
/* Rounded sliders */

.slider.round {
    border-radius: 34px;
}
.slider.round:before {
    border-radius: 50%;
}
#pseudo-text {
    position: absolute;
    vertical-align: top;
    ;
    left: 70px;
    display: inline-block;
    ;
    margin-top: 7px;
    width: 400px;
}
.index-section-2-box {
    font-size: 30px;
    line-height: 45px;
}
.va-top {
    vertical-align: top;
}
.add-stream {
    display: inline-block;
    background-color: none;
    display: inline-block;
    vertical-align: top;
    margin: 120px 30px;
    line-height: 60px;
    border-radius: 4px;
}
.add-span-hover {
    background: var(--main-bg-color-bright);
    border-radius: 4px;
    position: fixed;
    padding: 15px;
}
.add-stream-a {
    transition: 0.3s;
}
.add-stream-a:hover {
    text-decoration: none;
}
.index-trusted {
    list-style-type: none;
}
.desktop-none {
    display: none;
}
@media only screen and (max-width: 1020px) {
    .index-section-one-right, .index-section-one-left {
        display: block;
        margin: auto;
        width: 80%;
    }
    .p-box {
        text-align: left;
    }
    .index-boxes {
        text-align: center
    }
    .index-section-inner {
        margin-top: 60px;
        text-align: center
    }
    #register {
        max-width: 500px;
        margin: auto;
        padding: 10px;
    }
    #register-inner {
        text-align: left;
    }
    #pseudo-text {
        font-size: 12px;
    }
}
@media only screen and (max-width: 400px) {
    .index-hi {
        width: 100%;
    }
    .index-section-one-left {
        height: 375px;
        width: 100%;
    }
    .index-section-one-right {
        display: table-header-group;
    }
    #section1 {
        display: table;
        padding-top: 0px;
    }
    .index-section-one-left {
        display: table-footer-group;
    }
    #index-presentation {
        padding-top: 450px
    }
    .h2-slogan {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 30px;
        line-height: 35px;
    }
    #section2 {
        padding-top: 10px;
    }
    .register-text {
        text-align: center;
    }
    .index-section-2-box {
        font-size: 20px;
        line-height: 25px;
    }
    .index-table {
        width: 100%;
        padding: 10px;
    }
    .va-top {
        display: inline-block;
        width: 30px;
    }
    .index-section-2-box td {
        display: inline-table;
        clear: both;
    }
    .index-section-2-box td:last-child {
        width: calc(100% - 42px);
    }
    .index-text {
        padding: 10px;
    }
    .index-trusted {
        padding-left: 0px;
    }
    .section6-logo {
        height: auto;
        text-align: center;
        width: calc(100% - 20px);
    }
    .p-box, .h3-box {
        text-align: left;
    }
    .p-box {
        line-height: 22px;
        font-size: 18px;
    }
    .h3-box {
        min-height: 44px;
    }
    a.cta-huge, button.cta-huge {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 20px;
        width: calc(100% - 20px);
    }
    .mobile-none {
        display: none;
    }
    #section6 {
        padding-bottom: 40px;
    }
    .desktop-none {
        display: inline-block;
    }
    a.section-footer {
        margin: 20px;
        line-height: 80px;
    }
    body, .pc, html {
        overflow-x: hidden!important;
    }
    #content {
        margin-left: 0px;
        margin-right: 0px;
    }
    .img-in-text {
        width: 80%;
        max-width: 280px;
        height: auto;
        text-align: center;
        margin-top: 20px;
    }
    .h1-slogan {
        line-height: 35px;
        font-size: 30px;
        margin-bottom: 10px;
    }
    #table-cookie td {
        display: inline-table;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .unser-antrieb {
        line-height: 30px;
    }
}
@media only screen and (max-width: 900px) {
    .app {
        max-width: 315px !important;
        min-width: 0px !important;
    }
}
@font-face {
    font-family: 'entypo';
    font-display: swap;
    src: url('../../webfonts/entypo.woff') format('woff');
}
.icon-color {
    color: var(--main-gold-full);
}
.billing-span {
    display: inline-block;
    vertical-align: top;
    padding-left: 15px;
}
.load {
    height: 50px !important;
    width: 50px !important;
    top: 350px!important;
    position: absolute;
    text-align: center;
    margin: auto;
}
#time{
    width: 30px;
    text-align: center;
}
.landingpage-section-1-text{
    padding: 8px;
}
.landingpage-ctas {
    display: flex;
    justify-content: center;
    align-items: center;
}


#section-landingpage-1{
    padding-bottom: 0px;
}
    #form_submit {
        display: inline;
    }

    .edit-top{
        width: 500px;
        display: block;
        text-align: left;
        vertical-align: top;
        line-height: 24px;
    }
    .edit-bottom{
        width: 500px;
        display: block;
        text-align: center;
        vertical-align: top;
    }
    .edit-outer{
        text-align: left;
        width: 500px;
        display: inline-block;
         vertical-align: top;
         margin-top: 60px;
         margin-bottom: 60px;
    }
   
    #formtriggerclick{
        max-width: 300px;
    }
[class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: "entypo";
    font-style: normal;
    font-weight: normal;
    speak: none;
    opacity: 0.7;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    opacity: .8;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    font-size: 120%;
    text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3);
    font-size: 14px;
}
.icon-size-30:before {
    font-size: 30px !important;
}
.icon-size-25:before {
    font-size: 25px !important;
}
.icon-size-60:before {
    font-size: 60px !important;
    line-height: 60px !important;
}
.icon-size-50:before {
    font-size: 40px !important;
    line-height: 40px !important;
}
.icon-size-24:before {
    font-size: 24px !important;
}
.icon-size-14:before {
    font-size: 16px !important;
}
.icon-white:before {
    color: white;
}
.icon-red:before {
    color: red !important;
}
.icon-size-24:before {
    font-size: 24px !important;
}
.icon-trusted:before {
    font-size: 38px !important;
    color: green;
    padding-left: 10px;
}
.icon-size-18:before {
    font-size: 18px !important;
}
.icon-black-white:hover {
    color: white;
}
.icon-gold:before {
    color: var(--main-gold-full) !important;
}
.icon-grey:before {
    color: grey !important;
}
.icon-custom-navbar:before {
    position: relative;
    top: 4px;
    left: 2px;
}
.icon-note:before {
    content: '\266a';
}
/* '♪' */

.icon-note-beamed:before {
    content: '\266b';
}
/* '♫' */

.icon-music:before {
    content: '🎵';
}
/* '\1f3b5' */

.icon-search:before {
    content: '🔍';
}
/* '\1f50d' */

.icon-flashlight:before {
    content: '🔦';
}
/* '\1f526' */

.icon-mail:before {
    content: '\2709';
}
/* '✉' */

.icon-heart:before {
    content: '\2665';
}
/* '♥' */

.icon-heart-empty:before {
    content: '\2661';
}
/* '♡' */

.icon-star:before {
    content: '\2605';
}
/* '★' */

.icon-star-empty:before {
    content: '\2606';
}
/* '☆' */

.icon-user:before {
    content: '👤';
}
/* '\1f464' */

.icon-users:before {
    content: '👥';
}
/* '\1f465' */

.icon-user-add:before {
    content: '\e700';
}
/* '' */

.icon-video:before {
    content: '🎬';
}
/* '\1f3ac' */

.icon-picture:before {
    content: '🌄';
}
/* '\1f304' */

.icon-camera:before {
    content: '📷';
}
/* '\1f4f7' */

.icon-layout:before {
    content: '\268f';
}
/* '⚏' */

.icon-menu:before {
    content: '\2630';
}
/* '☰' */

.icon-check:before {
    content: '\2713';
}
/* '✓' */

.icon-cancel:before {
    content: '\2715';
}
/* '✕' */

.icon-cancel-circled:before {
    content: '\2716';
}
/* '✖' */

.icon-cancel-squared:before {
    content: '\274e';
}
/* '❎' */

.icon-plus:before {
    content: '\2b';
}
/* '+' */

.icon-plus-circled:before {
    content: '\2795';
}
/* '➕' */

.icon-plus-squared:before {
    content: '\229e';
}
/* '⊞' */

.icon-minus:before {
    content: '\2d';
}
/* '-' */

.icon-minus-circled:before {
    content: '\2796';
}
/* '➖' */

.icon-minus-squared:before {
    content: '\229f';
}
/* '⊟' */

.icon-help:before {
    content: '\2753';
}
/* '❓' */

.icon-help-circled:before {
    content: '\e704';
}
/* '' */

.icon-info:before {
    content: '\2139';
}
/* 'ℹ' */

.icon-info-circled:before {
    content: '\e705';
}
/* '' */

.icon-back:before {
    content: '🔙';
}
/* '\1f519' */

.icon-home:before {
    content: '\2302';
}
/* '⌂' */

.icon-link:before {
    content: '🔗';
}
/* '\1f517' */

.icon-attach:before {
    content: '📎';
}
/* '\1f4ce' */

.icon-lock:before {
    content: '🔒';
}
/* '\1f512' */

.icon-lock-open:before {
    content: '🔓';
}
/* '\1f513' */

.icon-eye:before {
    content: '\e70a';
}
/* '' */

.icon-tag:before {
    content: '\e70c';
}
/* '' */

.icon-bookmark:before {
    content: '🔖';
}
/* '\1f516' */

.icon-bookmarks:before {
    content: '📑';
}
/* '\1f4d1' */

.icon-flag:before {
    content: '\2691';
}
/* '⚑' */

.icon-thumbs-up:before {
    content: '👍';
}
/* '\1f44d' */

.icon-thumbs-down:before {
    content: '👎';
}
/* '\1f44e' */

.icon-download:before {
    content: '📥';
}
/* '\1f4e5' */

.icon-upload:before {
    content: '📤';
}
/* '\1f4e4' */

.icon-upload-cloud:before {
    content: '\e711';
}
/* '' */

.icon-reply:before {
    content: '\e712';
}
/* '' */

.icon-reply-all:before {
    content: '\e713';
}
/* '' */

.icon-forward:before {
    content: '\27a6';
}
/* '➦' */

.icon-quote:before {
    content: '\275e';
}
/* '❞' */

.icon-code:before {
    content: '\e714';
}
/* '' */

.icon-export:before {
    content: '\e715';
}
/* '' */

.icon-pencil:before {
    content: '\270e';
}
/* '✎' */

.icon-feather:before {
    content: '\2712';
}
/* '✒' */

.icon-print:before {
    content: '\e716';
}
/* '' */

.icon-retweet:before {
    content: '\e717';
}
/* '' */

.icon-keyboard:before {
    content: '\2328';
}
/* '⌨' */

.icon-comment:before {
    content: '\e718';
}
/* '' */

.icon-chat:before {
    content: '\e720';
}
/* '' */

.icon-bell:before {
    content: '🔔';
}
/* '\1f514' */

.icon-attention:before {
    content: '\26a0';
}
/* '⚠' */

.icon-alert:before {
    content: '💥';
}
/* '\1f4a5' */

.icon-vcard:before {
    content: '\e722';
}
/* '' */

.icon-address:before {
    content: '\e723';
}
/* '' */

.icon-location:before {
    content: '\e724';
}
/* '' */

.icon-map:before {
    content: '\e727';
}
/* '' */

.icon-direction:before {
    content: '\27a2';
}
/* '➢' */

.icon-compass:before {
    content: '\e728';
}
/* '' */

.icon-cup:before {
    content: '\2615';
}
/* '☕' */

.icon-trash:before {
    content: '\e729';
}
/* '' */

.icon-doc:before {
    content: '\e730';
}
/* '' */

.icon-docs:before {
    content: '\e736';
}
/* '' */

.icon-doc-landscape:before {
    content: '\e737';
}
/* '' */

.icon-doc-text:before {
    content: '📄';
}
/* '\1f4c4' */

.icon-doc-text-inv:before {
    content: '\e731';
}
/* '' */

.icon-newspaper:before {
    content: '📰';
}
/* '\1f4f0' */

.icon-book-open:before {
    content: '📖';
}
/* '\1f4d6' */

.icon-book:before {
    content: '📕';
}
/* '\1f4d5' */

.icon-folder:before {
    content: '📁';
}
/* '\1f4c1' */

.icon-archive:before {
    content: '\e738';
}
/* '' */

.icon-box:before {
    content: '📦';
}
/* '\1f4e6' */

.icon-rss:before {
    content: '\e73a';
}
/* '' */

.icon-phone:before {
    content: '📞';
}
/* '\1f4de' */

.icon-cog:before {
    content: '\2699';
}
/* '⚙' */

.icon-tools:before {
    content: '\2692';
}
/* '⚒' */

.icon-share:before {
    content: '\e73c';
}
/* '' */

.icon-shareable:before {
    content: '\e73e';
}
/* '' */

.icon-basket:before {
    content: '\e73d';
}
/* '' */

.icon-bag:before {
    content: '👜';
}
/* '\1f45c' */

.icon-calendar:before {
    content: '📅';
}
/* '\1f4c5' */

.icon-login:before {
    content: '\e740';
}
/* '' */

.icon-logout:before {
    content: '\e741';
}
/* '' */

.icon-mic:before {
    content: '🎤';
}
/* '\1f3a4' */

.icon-mute:before {
    content: '🔇';
}
/* '\1f507' */

.icon-sound:before {
    content: '🔊';
}
/* '\1f50a' */

.icon-volume:before {
    content: '\e742';
}
/* '' */

.icon-clock:before {
    content: '🕔';
}
/* '\1f554' */

.icon-hourglass:before {
    content: '\23f3';
}
/* '⏳' */

.icon-lamp:before {
    content: '💡';
}
/* '\1f4a1' */

.icon-light-down:before {
    content: '🔅';
}
/* '\1f505' */

.icon-light-up:before {
    content: '🔆';
}
/* '\1f506' */

.icon-adjust:before {
    content: '\25d1';
}
/* '◑' */

.icon-block:before {
    content: '🚫';
}
/* '\1f6ab' */

.icon-resize-full:before {
    content: '\e744';
}
/* '' */

.icon-resize-small:before {
    content: '\e746';
}
/* '' */

.icon-popup:before {
    content: '\e74c';
}
/* '' */

.icon-publish:before {
    content: '\e74d';
}
/* '' */

.icon-window:before {
    content: '\e74e';
}
/* '' */

.icon-arrow-combo:before {
    content: '\e74f';
}
/* '' */

.icon-down-circled:before {
    content: '\e758';
}
/* '' */

.icon-left-circled:before {
    content: '\e759';
}
/* '' */

.icon-right-circled:before {
    content: '\e75a';
}
/* '' */

.icon-up-circled:before {
    content: '\e75b';
}
/* '' */

.icon-down-open:before {
    content: '\e75c';
}
/* '' */

.icon-left-open:before {
    content: '\e75d';
}
/* '' */

.icon-right-open:before {
    content: '\e75e';
}
/* '' */

.icon-up-open:before {
    content: '\e75f';
}
/* '' */

.icon-down-open-mini:before {
    content: '\e760';
}
/* '' */

.icon-left-open-mini:before {
    content: '\e761';
}
/* '' */

.icon-right-open-mini:before {
    content: '\e762';
}
/* '' */

.icon-up-open-mini:before {
    content: '\e763';
}
/* '' */

.icon-down-open-big:before {
    content: '\e764';
}
/* '' */

.icon-left-open-big:before {
    content: '\e765';
}
/* '' */

.icon-right-open-big:before {
    content: '\e766';
}
/* '' */

.icon-up-open-big:before {
    content: '\e767';
}
/* '' */

.icon-down:before {
    content: '\2b07';
}
/* '⬇' */

.icon-left:before {
    content: '\2b05';
}
/* '⬅' */

.icon-right:before {
    content: '\27a1';
}
/* '➡' */

.icon-up:before {
    content: '\2b06';
}
/* '⬆' */

.icon-down-dir:before {
    content: '\25be';
}
/* '▾' */

.icon-left-dir:before {
    content: '\25c2';
}
/* '◂' */

.icon-right-dir:before {
    content: '\25b8';
}
/* '▸' */

.icon-up-dir:before {
    content: '\25b4';
}
/* '▴' */

.icon-down-bold:before {
    content: '\e4b0';
}
/* '' */

.icon-left-bold:before {
    content: '\e4ad';
}
/* '' */

.icon-right-bold:before {
    content: '\e4ae';
}
/* '' */

.icon-up-bold:before {
    content: '\e4af';
}
/* '' */

.icon-down-thin:before {
    content: '\2193';
}
/* '↓' */

.icon-left-thin:before {
    content: '\2190';
}
/* '←' */

.icon-right-thin:before {
    content: '\2192';
}
/* '→' */

.icon-up-thin:before {
    content: '\2191';
}
/* '↑' */

.icon-ccw:before {
    content: '\27f2';
}
/* '⟲' */

.icon-cw:before {
    content: '\27f3';
}
/* '⟳' */

.icon-arrows-ccw:before {
    content: '🔄';
}
/* '\1f504' */

.icon-level-down:before {
    content: '\21b3';
}
/* '↳' */

.icon-level-up:before {
    content: '\21b0';
}
/* '↰' */

.icon-shuffle:before {
    content: '🔀';
}
/* '\1f500' */

.icon-loop:before {
    content: '🔁';
}
/* '\1f501' */

.icon-switch:before {
    content: '\21c6';
}
/* '⇆' */

.icon-play:before {
    content: '\25b6';
}
/* '▶' */

.icon-stop:before {
    content: '\25a0';
}
/* '■' */

.icon-pause:before {
    content: '\2389';
}
/* '⎉' */

.icon-record:before {
    content: '\26ab';
}
/* '⚫' */

.icon-to-end:before {
    content: '\23ed';
}
/* '⏭' */

.icon-to-start:before {
    content: '\23ee';
}
/* '⏮' */

.icon-fast-forward:before {
    content: '\23e9';
}
/* '⏩' */

.icon-fast-backward:before {
    content: '\23ea';
}
/* '⏪' */

.icon-progress-0:before {
    content: '\e768';
}
/* '' */

.icon-progress-1:before {
    content: '\e769';
}
/* '' */

.icon-progress-2:before {
    content: '\e76a';
}
/* '' */

.icon-progress-3:before {
    content: '\e76b';
}
/* '' */

.icon-target:before {
    content: '🎯';
}
/* '\1f3af' */

.icon-palette:before {
    content: '🎨';
}
/* '\1f3a8' */

.icon-list:before {
    content: '\e005';
}
/* '' */

.icon-list-add:before {
    content: '\e003';
}
/* '' */

.icon-signal:before {
    content: '📶';
}
/* '\1f4f6' */

.icon-trophy:before {
    content: '🏆';
}
/* '\1f3c6' */

.icon-battery:before {
    content: '🔋';
}
/* '\1f50b' */

.icon-back-in-time:before {
    content: '\e771';
}
/* '' */

.icon-monitor:before {
    content: '💻';
}
/* '\1f4bb' */

.icon-mobile:before {
    content: '📱';
}
/* '\1f4f1' */

.icon-network:before {
    content: '\e776';
}
/* '' */

.icon-cd:before {
    content: '💿';
}
/* '\1f4bf' */

.icon-inbox:before {
    content: '\e777';
}
/* '' */

.icon-install:before {
    content: '\e778';
}
/* '' */

.icon-globe:before {
    content: '🌎';
}
/* '\1f30e' */

.icon-cloud:before {
    content: '\2601';
}
/* '☁' */

.icon-cloud-thunder:before {
    content: '\26c8';
}
/* '⛈' */

.icon-flash:before {
    content: '\26a1';
}
/* '⚡' */

.icon-moon:before {
    content: '\263d';
}
/* '☽' */

.icon-flight:before {
    content: '\2708';
}
/* '✈' */

.icon-paper-plane:before {
    content: '\e79b';
}
/* '' */

.icon-leaf:before {
    content: '🍂';
}
/* '\1f342' */

.icon-lifebuoy:before {
    content: '\e788';
}
/* '' */

.icon-mouse:before {
    content: '\e789';
}
/* '' */

.icon-briefcase:before {
    content: '💼';
}
/* '\1f4bc' */

.icon-suitcase:before {
    content: '\e78e';
}
/* '' */

.icon-dot:before {
    content: '\e78b';
}
/* '' */

.icon-dot-2:before {
    content: '\e78c';
}
/* '' */

.icon-dot-3:before {
    content: '\e78d';
}
/* '' */

.icon-brush:before {
    content: '\e79a';
}
/* '' */

.icon-magnet:before {
    content: '\e7a1';
}
/* '' */

.icon-infinity:before {
    content: '\221e';
}
/* '∞' */

.icon-erase:before {
    content: '\232b';
}
/* '⌫' */

.icon-chart-pie:before {
    content: '\e751';
}
/* '' */

.icon-chart-line:before {
    content: '📈';
}
/* '\1f4c8' */

.icon-chart-bar:before {
    content: '📊';
}
/* '\1f4ca' */

.icon-chart-area:before {
    content: '🔾';
}
/* '\1f53e' */

.icon-tape:before {
    content: '\2707';
}
/* '✇' */

.icon-graduation-cap:before {
    content: '🎓';
}
/* '\1f393' */

.icon-language:before {
    content: '\e752';
}
/* '' */

.icon-ticket:before {
    content: '🎫';
}
/* '\1f3ab' */

.icon-water:before {
    content: '💦';
}
/* '\1f4a6' */

.icon-droplet:before {
    content: '💧';
}
/* '\1f4a7' */

.icon-air:before {
    content: '\e753';
}
/* '' */

.icon-credit-card:before {
    content: '💳';
}
/* '\1f4b3' */

.icon-floppy:before {
    content: '💾';
}
/* '\1f4be' */

.icon-clipboard:before {
    content: '📋';
}
/* '\1f4cb' */

.icon-megaphone:before {
    content: '📣';
}
/* '\1f4e3' */

.icon-database:before {
    content: '\e754';
}
/* '' */

.icon-drive:before {
    content: '\e755';
}
/* '' */

.icon-bucket:before {
    content: '\e756';
}
/* '' */

.icon-thermometer:before {
    content: '\e757';
}
/* '' */

.icon-key:before {
    content: '🔑';
}
/* '\1f511' */

.icon-flow-cascade:before {
    content: '\e790';
}
/* '' */

.icon-flow-branch:before {
    content: '\e791';
}
/* '' */

.icon-flow-tree:before {
    content: '\e792';
}
/* '' */

.icon-flow-line:before {
    content: '\e793';
}
/* '' */

.icon-flow-parallel:before {
    content: '\e794';
}
/* '' */

.icon-rocket:before {
    content: '🚀';
}
/* '\1f680' */

.icon-gauge:before {
    content: '\e7a2';
}
/* '' */

.icon-traffic-cone:before {
    content: '\e7a3';
}
/* '' */

.icon-cc:before {
    content: '\e7a5';
}
/* '' */

.icon-cc-by:before {
    content: '\e7a6';
}
/* '' */

.icon-cc-nc:before {
    content: '\e7a7';
}
/* '' */

.icon-cc-nc-eu:before {
    content: '\e7a8';
}
/* '' */

.icon-cc-nc-jp:before {
    content: '\e7a9';
}
/* '' */

.icon-cc-sa:before {
    content: '\e7aa';
}
/* '' */

.icon-cc-nd:before {
    content: '\e7ab';
}
/* '' */

.icon-cc-pd:before {
    content: '\e7ac';
}
/* '' */

.icon-cc-zero:before {
    content: '\e7ad';
}
/* '' */

.icon-cc-share:before {
    content: '\e7ae';
}
/* '' */

.icon-cc-remix:before {
    content: '\e7af';
}
/* '' */

.icon-github:before {
    content: '\f300';
}
/* '' */

.icon-github-circled:before {
    content: '\f301';
}
/* '' */

.icon-flickr:before {
    content: '\f303';
}
/* '' */

.icon-flickr-circled:before {
    content: '\f304';
}
/* '' */

.icon-vimeo:before {
    content: '\f306';
}
/* '' */

.icon-vimeo-circled:before {
    content: '\f307';
}
/* '' */

.icon-twitter:before {
    content: '\f309';
}
/* '' */

.icon-twitter-circled:before {
    content: '\f30a';
}
/* '' */

.icon-facebook:before {
    content: '\f30c';
}
/* '' */

.icon-facebook-circled:before {
    content: '\f30d';
}
/* '' */

.icon-facebook-squared:before {
    content: '\f30e';
}
/* '' */

.icon-gplus:before {
    content: '\f30f';
}
/* '' */

.icon-gplus-circled:before {
    content: '\f310';
}
/* '' */

.icon-pinterest:before {
    content: '\f312';
}
/* '' */

.icon-pinterest-circled:before {
    content: '\f313';
}
/* '' */

.icon-tumblr:before {
    content: '\f315';
}
/* '' */

.icon-tumblr-circled:before {
    content: '\f316';
}
/* '' */

.icon-linkedin:before {
    content: '\f318';
}
/* '' */

.icon-linkedin-circled:before {
    content: '\f319';
}
/* '' */

.icon-dribbble:before {
    content: '\f31b';
}
/* '' */

.icon-dribbble-circled:before {
    content: '\f31c';
}
/* '' */

.icon-stumbleupon:before {
    content: '\f31e';
}
/* '' */

.icon-stumbleupon-circled:before {
    content: '\f31f';
}
/* '' */

.icon-lastfm:before {
    content: '\f321';
}
/* '' */

.icon-lastfm-circled:before {
    content: '\f322';
}
/* '' */

.icon-rdio:before {
    content: '\f324';
}
/* '' */

.icon-rdio-circled:before {
    content: '\f325';
}
/* '' */

.icon-spotify:before {
    content: '\f327';
}
/* '' */

.icon-spotify-circled:before {
    content: '\f328';
}
/* '' */

.icon-qq:before {
    content: '\f32a';
}
/* '' */

.icon-instagram:before {
    content: '\f32d';
}
/* '' */

.icon-dropbox:before {
    content: '\f330';
}
/* '' */

.icon-evernote:before {
    content: '\f333';
}
/* '' */

.icon-flattr:before {
    content: '\f336';
}
/* '' */

.icon-skype:before {
    content: '\f339';
}
/* '' */

.icon-skype-circled:before {
    content: '\f33a';
}
/* '' */

.icon-renren:before {
    content: '\f33c';
}
/* '' */

.icon-sina-weibo:before {
    content: '\f33f';
}
/* '' */

.icon-paypal:before {
    content: '\f342';
}
/* '' */

.icon-picasa:before {
    content: '\f345';
}
/* '' */

.icon-soundcloud:before {
    content: '\f348';
}
/* '' */

.icon-mixi:before {
    content: '\f34b';
}
/* '' */

.icon-behance:before {
    content: '\f34e';
}
/* '' */

.icon-google-circles:before {
    content: '\f351';
}
/* '' */

.icon-vkontakte:before {
    content: '\f354';
}
/* '' */

.icon-smashing:before {
    content: '\f357';
}
/* '' */

.icon-sweden:before {
    content: '\f601';
}
/* '' */

.icon-db-shape:before {
    content: '\f600';
}
/* '' */

.icon-logo-db:before {
    content: '\f603';
}
/* '' */