/**
 * customized stylesheet for for www.beihilfe-systemvergleich.de
 * last modified: 2018-08-23
 * based on bootstrap v4.1.2
 */

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/static/skins/beihilfe-systemvergleich/default/fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('/static/skins/beihilfe-systemvergleich/default/fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/static/skins/beihilfe-systemvergleich/default/fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/static/skins/beihilfe-systemvergleich/default/fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/static/skins/beihilfe-systemvergleich/default/fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/static/skins/beihilfe-systemvergleich/default/fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('/static/skins/beihilfe-systemvergleich/default/fonts/open-sans-v15-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Italic'), local('OpenSans-Italic'),
       url('/static/skins/beihilfe-systemvergleich/default/fonts/open-sans-v15-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/static/skins/beihilfe-systemvergleich/default/fonts/open-sans-v15-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/static/skins/beihilfe-systemvergleich/default/fonts/open-sans-v15-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('/static/skins/beihilfe-systemvergleich/default/fonts/open-sans-v15-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/static/skins/beihilfe-systemvergleich/default/fonts/open-sans-v15-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('/static/skins/beihilfe-systemvergleich/default/fonts/open-sans-v15-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
       url('/static/skins/beihilfe-systemvergleich/default/fonts/open-sans-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/static/skins/beihilfe-systemvergleich/default/fonts/open-sans-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('/static/skins/beihilfe-systemvergleich/default/fonts/open-sans-v15-latin-600.woff') format('woff'), /* Modern Browsers */
       url('/static/skins/beihilfe-systemvergleich/default/fonts/open-sans-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/static/skins/beihilfe-systemvergleich/default/fonts/open-sans-v15-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('/static/skins/beihilfe-systemvergleich/default/fonts/open-sans-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('/static/skins/beihilfe-systemvergleich/default/fonts/open-sans-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/static/skins/beihilfe-systemvergleich/default/fonts/open-sans-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/static/skins/beihilfe-systemvergleich/default/fonts/open-sans-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/static/skins/beihilfe-systemvergleich/default/fonts/open-sans-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/static/skins/beihilfe-systemvergleich/default/fonts/open-sans-v15-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-800 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('/static/skins/beihilfe-systemvergleich/default/fonts/open-sans-v15-latin-800.eot'); /* IE9 Compat Modes */
  src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'),
       url('/static/skins/beihilfe-systemvergleich/default/fonts/open-sans-v15-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/static/skins/beihilfe-systemvergleich/default/fonts/open-sans-v15-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('/static/skins/beihilfe-systemvergleich/default/fonts/open-sans-v15-latin-800.woff') format('woff'), /* Modern Browsers */
       url('/static/skins/beihilfe-systemvergleich/default/fonts/open-sans-v15-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/static/skins/beihilfe-systemvergleich/default/fonts/open-sans-v15-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-800italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  src: url('/static/skins/beihilfe-systemvergleich/default/fonts/open-sans-v15-latin-800italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans ExtraBold Italic'), local('OpenSans-ExtraBoldItalic'),
       url('/static/skins/beihilfe-systemvergleich/default/fonts/open-sans-v15-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/static/skins/beihilfe-systemvergleich/default/fonts/open-sans-v15-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/static/skins/beihilfe-systemvergleich/default/fonts/open-sans-v15-latin-800italic.woff') format('woff'), /* Modern Browsers */
       url('/static/skins/beihilfe-systemvergleich/default/fonts/open-sans-v15-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/static/skins/beihilfe-systemvergleich/default/fonts/open-sans-v15-latin-800italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

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

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

/* lora-700 - latin */
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 700;
  src: url('/static/skins/beihilfe-systemvergleich/default/fonts/lora-v12-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Lora Bold'), local('Lora-Bold'),
       url('/static/skins/beihilfe-systemvergleich/default/fonts/lora-v12-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/static/skins/beihilfe-systemvergleich/default/fonts/lora-v12-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/static/skins/beihilfe-systemvergleich/default/fonts/lora-v12-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/static/skins/beihilfe-systemvergleich/default/fonts/lora-v12-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/static/skins/beihilfe-systemvergleich/default/fonts/lora-v12-latin-700.svg#Lora') format('svg'); /* Legacy iOS */
}

/**
 * override general bootstrap styles
 **/
* {
  outline: 0 !important;
}

html {
    height: 100%;
}

html * {
    font-family: 'Lora', Arial, sans-serif;
}

body {
    font-size: 18px;
    color:#0F0F0F;
    background-color: #fff;
    background-image: url('/static/skins/beihilfe-systemvergleich/default/img/bkg-1.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    background-attachment: fixed;
    overflow-y: scroll;
}


/**
 * buttons
 **/
.btn {
    font-family: 'Montserrat', Arial, 'sans-serif';
    font-weight: 600;
    font-size: 0.875rem;
    text-transform: uppercase;
    border-width: 2px;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}
.btn-primary {
    background-color: #D52F17;
    border-color: #fff;
}
.btn-primary:hover,
.btn-primary:focus {
    background-color: #fff;
    color: #D52F17;
    border-color: #D52F17;
}


/**
 * privacy hint
 **/
#privacy_hints {
    bottom: 0;
    margin: 0;
}
#privacy_hints.alert-info {
    background-color: #000;
    background: rgba(0,0,0,0.9);
    border-color: transparent;
    color: #fff;
}
#privacy_hints .btn-primary {
    border-color: #fff;
    background-color: #D52F17;
    margin-left: 15px;
}
#privacy_hints .btn-primary:hover,
#privacy_hints .btn-primary:focus {
    background-color: #fff;
    background: rgba(255, 255, 255, 1);
    color: #D52F17;
}
#privacy_hints a:hover,
#privacy_hints a:focus {
    color: #fff;
    text-decoration: underline;
}


/**
 * headings
 **/
h1, .h1,
h2, .h2 {
    font-family: 'Open Sans', Arial, sans-serif;
    font-weight: 700;
}
h3, .h3,
h4, .h4,
h5, .h5 {
    font-family: 'Open Sans', Arial, sans-serif;
    font-weight: 600;
}

/**
 * site footer (sticky)
 **/
html,
body {
  height: 100%;
}
#site-wrapper  {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -50px;
    padding: 0 0 50px;
}
#site-footer {
    height: 50px;
    color: #efefef;
    font-size: 1rem;
}
#site-footer .bg-dark {
    bottom: 0;
    width: 100%;
    background-color: transparent !important;
    background: rgba(0,0,0,0.666) !important;
}
#site-footer p {
    line-height: 34px;
}
#site-footer a {
    color: #efefef;
}
#site-footer a:hover,
#site-footer a:hover {
    color: #fff;
    text-decoration: underline;
}


/**
 * cards
 **/
.card {
    background-color: transparent;
    background: rgba(255, 255, 255, 0.95);
    border-width: 1px;
    border-color: #efefef;
    -webkit-box-shadow: 10px 10px 16px -7px rgba(75,75,75,0.666);
    -moz-box-shadow: 10px 10px 16px -7px rgba(75,75,75,0.666);
    box-shadow: 10px 10px 16px -7px rgba(75,75,75,0.666);
}
.card:hover {
    background: rgba(255, 255, 255, 1);
}
.card.c-page:hover {
    background: rgba(255, 255, 255, 0.95);
}
.card.alert-danger {
    background: rgba(255, 0, 0, 0.9);
    border-color: transparent;
    color: #fff;
}
.card.alert-danger:hover {
    background: rgba(255, 0, 0, 0.95);
}
.card a {
    text-decoration: none;
    color: inherit;
}
.card a.position-absolute {
    right: 15px;
    top: 10px;
}
.card a.position-absolute .fas {
    font-size: 250%;
    font-weight: bold;
}
.card a.position-absolute:hover,
.card a.position-absolute:focus {
    color: #D52F17;
}
.card .c-triangle {
    right: 5px;
    bottom: 5px;
    border-color: transparent transparent #D52F17;
    border-style: solid;
    height: 0;
    width: 0;
    border-width: 0 0 16px 16px ;
}
.card.alert-danger .c-triangle {
    border-color: transparent transparent #fff;
}
.card.c-page h2:first-of-type {
    margin-bottom: 40px;
}

/**
 * modals
 **/
.modal h2,
.modal .h2 {
    display: inline;
}
.modal-header {
    background-color: #9FC0D3;
    color: #fff;
}
.modal-header h5 {
    font-weight: 700;
}
.modal-header .close {
    font-size: 2rem;
}
.modal-content {
    border: solid 3px #fff;
}

/**
 *  content / privacy
 **/
#privacy-policy {
    padding-bottom: 100px;
}
#privacy-policy .privacy-section-0 > h3 {
    margin-top: 50px;
    font-weight: bold;
}
#privacy-policy .privacy-section-0:first-of-type > h3 {
    margin-top: 0;
}
#privacy-policy .privacy-section-1 > h3 {
    font-size: 20px;
    font-weight: bold;
    margin: 25px 0;
}

/**
 * scroll to top button
 **/
a#toTop-right b {
    display: none;
}
a#toTop-right {
    border-color: #333;
    background-color: #333;
    border-radius: 0;
    -moz-border-radius:0;
    -webkit-border-radius:0;
    line-height: normal;
    padding: 8px 10px !important;
    box-shadow: none;
    bottom: 75px;
    display: block;
    z-index: 10000;
}
a#toTop-right i.fas {
    font-size: 1.25rem;
    margin: 0;
    color: #fff;
}
a#toTop-right:hover,
a#toTop-right:focus {
    background-color: #fff;
}
a#toTop-right:hover i.fas,
a#toTop-right:focus i.fas {
   color: #333;
}


/**
 *  forms
 **/
.form .form-control {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}
.form input[type="text"],
.form input[type="email"],
.form input[type="tel"],
.form input[type="number"],
.form input[type="password"],
.form select.form-control,
.form select {
    height: 40px;
}
.form input[type="text"],
.form input[type="email"],
.form input[type="tel"],
.form input[type="number"],
.form input[type="password"],
.form select.form-control,
.form textarea.form-control,
.form select {
    width: 100%;
    border:solid 1px #ccc !important;
    background-color: #fff;
    color: #2b292e;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    -webkit-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    transition: all ease-in-out 0.5s;
}
.form input[type="text"]:hover,
.form input[type="text"]:focus,
.form input[type="email"]:hover,
.form input[type="email"]:focus,
.form input[type="tel"]:hover,
.form input[type="tel"]:focus,
.form input[type="number"]:hover,
.form input[type="number"]:focus,
.form input[type="password"]:hover,
.form input[type="password"]:focus,
.form select:hover,
.form select:focus,
.form textarea:hover,
.form textarea:focus,
.form select.form-control:hover,
.form select.form-control:focus,
.form textarea.form-control:hover,
.form textarea.form-control:focus {
    background-color: #f4f4f4;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
}
.form input[type="submit"],
.form button[type="submit"] {
    float: right;
    background-color: #D52F17;
    border-color: #D52F17;
    color: #fff;
    -webkit-transition: all ease-in-out 0.4s;
    -moz-transition: all ease-in-out 0.4s;
    -ms-transition: all ease-in-out 0.4s;
    -o-transition: all ease-in-out 0.4s;
    transition: all ease-in-out 0.4s;
}
.form input[type="submit"]:hover,
.form button[type="submit"]:hover {
    text-decoration:none;
    color: #D52F17;
    background-color: #fff;
}
.form input[type="reset"],
.form button[type="reset"] {
    background-color: #E5E7E8;
    border-color: #E5E7E8;
}
.form input[type="reset"]:hover ,
.form button[type="reset"]:hover {
    background-color: #fff;
}
ul.errorlist {
    color: #f33;
    padding: 0;
    margin: 0 0 0.2em 0;
    list-style-type: none;
    font-size: smaller;
}


/**
 *  content / contact form
 **/
.form {
    margin: 0;
    padding: 0 0 20px;
}
.form .row {
    margin:0 0 35px 0 !important;
}
.form .row > div {
    padding-left:0;
}
.form .row > div:first-child {
    padding-left: 0 !important;
}
.form .row div:nth-last-child(1){
    padding-right: 0;
}
.form .form-group {
    margin-bottom: 15px;
}
.form .row > div > .form-group {
    margin-bottom: 0;
}
.form label {
    font-weight: 600;
}
.form .checkbox label {
    margin-bottom: 0;
    padding-left: 25px;
    display: inherit;
    font-size: 0.9rem;
    font-weight: normal;
}
.form .checkbox label > p,
.form .checkbox label > input {
    float: left;
}
.form .checkbox input {
    margin-top: 5px;
}
.form .checkbox input[type="checkbox"],
.form .checkbox-inline input[type="checkbox"],
.form .radio input[type="radio"],
.form .radio-inline input[type="radio"] {
    margin-left: -25px;
}
.form label.required:after {
    content: '*';
}
.form select {
    width: 33%;
    text-align: left;
    display: block;
}
.form input.recaptcha_response_field {
    width: 100%;
    border:solid 1px #efefef !important;
    color: #efefef;
    font-weight: 300;
    -webkit-transition: all ease-in-out 0.45s;
    -moz-transition: all ease-in-out 0.45s;
    -ms-transition: all ease-in-out 0.45s;
    -o-transition: all ease-in-out 0.45s;
    transition: all ease-in-out 0.45s;
}
.form input.error,
.form textarea.error,
.form .error .recaptchatable {
    border-color:#f33 !important;
}
.form ul.errorlist {
    color: #f33;
    padding: 0;
    margin: 0 0 0.2em 0;
    list-style-type: none;
    font-size: smaller;
}
.form .input-group .input-group-addon {
    background-color: #f4f4f4;
    color: #2b292e;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

/**
 * badge
 **/
#event-badge {
    background-color: #D52F17;
    right: 50px;
    top: 280px;
    width: 300px;
    height: 300px;
}
#event-badge h2 {
    padding-top: 55px !important;
    padding-bottom: 55px !important;
}
#event-badge h2 small {
    font-size: 50%;
}
#event-badge .fas {
    font-size: 200%;
}


@media (max-width: 1200px) {
    /* event badge */
    #event-badge {
        width: 270px;
        height: 270px;
        top: 330px;
    }
}

@media (max-width: 991px) {
    /* privacy hint */
    #privacy_hints_text p,
    #privacy_hints .btn {
        font-size: 14px;
    }
    /* fonts */
    h1, .h1 {
        font-size: 1.8rem;
    }

    /* event badge */
    #event-badge {
        position: relative !important;
        top: inherit;
        right: inherit;
        width: 300px;
        height: 300px;
        margin: 40px auto 20px;
    }
}

@media (max-width: 768px) {
    /* fonts */
    h2, .h2 {
        font-size: 1.666rem;
    }

    /* privacy hint */
    #privacy_hints_text {
        width: 100% !important;
        float: none !important;
    }

    #privacy_hints .btn {
        float: none !important;
        margin: 10px auto 0 !important;
    }

    /* formular */
    .form {
        margin-top: 25px;
    }
    .form select {
        width: 100%;
    }
    .form .row {
        margin-bottom: 15px !important;
    }
    .form .row > div:first-child {
        padding-right: 0;
        margin-bottom: 15px;
    }
    .form input[type="submit"],
    .form button[type="submit"] {
        float: none;
        width: 100%;
    }
}

@media (max-width: 540px) {
    /* footer */
    #site-wrapper {
        padding-bottom: 100px;
        margin-bottom: 0;
    }
    #site-footer {
        height: auto;
        text-align: center;
        font-size: smaller;
    }
    #site-footer a {
        display: block;
    }
    #site-footer p {
        line-height: inherit;
    }
    #site-footer span.pl-2.pr-2 {
        display: none;
    }
}

@media (max-width: 480px) {
    /* privacy hint */
    #privacy_hints_text p {
        font-size: 12px;
    }

    #privacy_hints .btn {
        font-size: 12px;
    }

    /* headings */
    h2, .h2 {
        font-size: 1.333rem;
    }

    /* cards */
    .card a.position-absolute .fas {
        font-size: 180%;
    }
    .card.c-page h2:first-of-type {
        margin-bottom: 25px;
    }
    .card .h1 {
        text-align: center;
        font-size: 1.666rem;
    }
    .card h3 {
        font-size: 1.333rem;
        text-align: center;
    }

    /* modals */
    .modal-header h5 {
        font-weight: 600;
        font-size: 1rem;
    }
    .modal-title {
        line-height: inherit;
    }
    .modal-body .col-md-3 img {
        margin-bottom: 25px;
    }

    /* event badge */
    #event-badge {
        width: 240px;
        height: 240px;
    }
}