.space,
.row {
    margin-top: 2em;
    margin-bottom: 2em;
}

.img-max-20 {
    max-height: 20em;
    /*margin: 0 auto;*/
}

.img-max-6 {
    max-height: 4em;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2em;
}

#head {
    font-size: 1em;
    padding-top: 1em;
    padding-bottom: 1em;
}

#intro {
    font-size: 1.5em;
    background-image: url(../img/table.jpg);
    background-size: cover;
    padding-top: 1em;
    padding-bottom: 1em;
}

#success {
    display: none;
}


/* Display the success when targeted */

#success:target {
    display: block;
}


/*
.verlauf {
    background: rgba(0, 0, 255, 1);
    background: -moz-linear-gradient(left, rgba(0, 0, 255, 1) 0%, rgba(0, 128, 255, 1) 34%, rgba(0, 128, 255, 1) 67%, rgba(0, 0, 255, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0, 0, 255, 1)), color-stop(34%, rgba(0, 128, 255, 1)), color-stop(67%, rgba(0, 128, 255, 1)), color-stop(100%, rgba(0, 0, 255, 1)));
    background: -webkit-linear-gradient(left, rgba(0, 0, 255, 1) 0%, rgba(0, 128, 255, 1) 34%, rgba(0, 128, 255, 1) 67%, rgba(0, 0, 255, 1) 100%);
    background: -o-linear-gradient(left, rgba(0, 0, 255, 1) 0%, rgba(0, 128, 255, 1) 34%, rgba(0, 128, 255, 1) 67%, rgba(0, 0, 255, 1) 100%);
    background: -ms-linear-gradient(left, rgba(0, 0, 255, 1) 0%, rgba(0, 128, 255, 1) 34%, rgba(0, 128, 255, 1) 67%, rgba(0, 0, 255, 1) 100%);
    background: linear-gradient(to right, rgba(0, 0, 255, 1) 0%, rgba(0, 128, 255, 1) 34%, rgba(0, 128, 255, 1) 67%, rgba(0, 0, 255, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0000ff', endColorstr='#0000ff', GradientType=1);
    color: #fff;
}
*/

.t-h1 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 2.2em;
    text-align: right;
    padding-bottom: 0;
    margin-bottom: 0;
    line-height: 1em;
}

.t-h2 {
    font-family: 'Montserrat', sans-serif;
    text-align: right;
    font-style: italic;
    font-size: 1.6em;
    padding-top: 0;
    margin-top: 0;
    line-height: 1em;
}

.center {
    text-align: center;
}

.s-center {
    text-align: center;
}

.img-center {
    margin-left: auto;
    margin-right: auto;
}

#head-bullets {
    font-size: 1em;
    font-family: 'Montserrat', sans-serif;
    text-align: center;
}

.title {
    background-image: url(../img/line1.png);
    background-size: contain;
    background-repeat: no-repeat;
    min-height: 10em;
}

h1 {
    font-size: 1.5em;
}

h1,
h2,
h3,
h4 {
    color: rgb(0, 0, 126);
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
}

a:hover,
a:active,
a:visited,
a:link {
    text-decoration: none;
}

.sub {
    font-size: 1.2em;
    margin-top: 0;
    /*font-style: italic;*/
}

.green {
    color: rgb(0, 0, 126);
    font-size: 0.8em;
}

.control-label,
p,
li {
    font-size: 1.2em;
    font-family: 'Montserrat', sans-serif;
}

.nr2 {
    background-color: #f5f5f5;
    background-clip: border-box;
    padding: 2em 0;
}

.checklist {
    background-image: url(../img/checklist.jpg);
    background-size: cover;
    background-position: center;
    padding: 1em 0 3em;
}

#kontakt {
    background-image: url(../img/kontakt.jpg);
    background-size: cover;
    background-position: center;
    padding: 0 0 2em;
}

#footer {
    background-color: #f5f5f5;
    background-clip: border-box;
    padding: 0.5em 0;
}


/***Buttons***/

.btn.outline {
    background: none;
    padding: 12px 22px;
}

.btn-primary.outline {
    border: 2px solid #0099cc;
    color: #0099cc;
}

.btn-primary.outline:hover,
.btn-primary.outline:focus,
.btn-primary.outline:active,
.btn-primary.outline.active,
.open > .dropdown-toggle.btn-primary {
    color: #33a6cc;
    border-color: #33a6cc;
}

.btn-primary.outline:active,
.btn-primary.outline.active {
    border-color: #007299;
    color: #007299;
    box-shadow: none;
}


/***********************
  CUSTON BTN VALUES
************************/

.btn {
    padding: 14px 24px;
    border: 0 none;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 0.5em;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus {
    outline: 0 none;
}


/*==========  Mobile First Method  ==========*/


/* Custom, iPhone Retina */

@media only screen and (min-width: 320px) {}


/* Extra Small Devices, Phones */

@media only screen and (min-width: 480px) {}


/* Small Devices, Tablets */

@media only screen and (min-width: 768px) {
    .t-h1 {
        font-family: 'Montserrat', sans-serif;
        font-weight: 700;
        font-size: 3.5em;
        text-align: right;
        padding-bottom: 0;
        margin-bottom: 0;
        line-height: 1em;
    }
    .t-h2 {
        font-family: 'Montserrat', sans-serif;
        text-align: right;
        font-style: italic;
        font-size: 2em;
        padding-top: 0;
        margin-top: 0;
        line-height: 1em;
    }
    #head-bullets {
        text-align: left;
    }
    h1 {
        font-size: 2.3em;
    }
    h1,
    h2,
    h3,
    h4 {
        color: rgb(0, 0, 126);
        font-family: 'Montserrat', sans-serif;
        font-weight: 700;
    }
    .sub {
        font-size: 1.7em;
        margin-top: 0;
        /*font-style: italic;*/
    }
    #intro {
        font-size: 1.5em;
        background-image: url(../img/table.jpg);
        background-size: cover;
        padding-top: 3em;
        padding-bottom: 3em;
    }
    .img-max-6 {
        max-height: 6em;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 4em;
    }
    .s-center {
        text-align: left;
        margin: 0 auto;
    }
    .img-center {
        margin-left: inherit;
        margin-right: inherit;
    }
    .green {
        color: rgb(0, 0, 126);
        font-size: 1.2em;
    }
}


/* Medium Devices, Desktops */

@media only screen and (min-width: 992px) {
    h1 {
        font-size: 3em;
    }
    .sub {
        font-size: 2.3em;
        margin-top: 0;
        /*font-style: italic;*/
    }
}


/* Large Devices, Wide Screens */

@media only screen and (min-width: 1200px) {}