/*
0100 - Allgemein
0200 - Navigation
0300 - WOW-Slider
0400 - Bootstrap Carousel
*/


/*
rot E53138
hellrot ef868a

blau 1477c5
hellblau 69abde

grün 008f4f
hellgrün 63d1a0

orange f49900
hellorange fdc465
*/


/* 0100 - Allgemein */

body {
    font-family: 'Open Sans', Arial, Helvetica, sans-serif !important;
    background-color: #ffffff;
    font-size: 16px;
    padding-top: 60px;
    height: 100%;
    padding-bottom: 300px;
    overflow-x: hidden;
    /*height: 2000px*/
}

html {
    height: 100%;
}

.ueberschrift {
    color: #ffffff;
}

em {
    color: inherit;
}

.fett {
    font-weight: 600;
}

.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, h1, h2, h3, h4, h5, h6 {
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}

p {
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}

li {
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}

h2.ueberschrift {
    margin-bottom: 32px;
}

h3.ueberschrift {
    margin-top: 0px;
}

h3 {
    margin-bottom: 22px;
}

a {
    font-family: 'Open Sans', Arial, Helvetica, sans-serif !important;
    color: #E53138;
}

a, a:active, a:focus, button, button:focus, button:active, .btn, .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn.active.focus {
    outline: none !important;
    outline: 0 !important;
}

input::-moz-focus-inner {
    border: 0 !important;
}

.weiss {
    color: #ffffff;
}

.hellgrau {
    color: #fafafa;
}

.dunkelgrau {
    color: #757575;
}

.mittelgrau {
    color: #9c9c9c;
}

.abstand {
    margin-top: 100px;
}

.table-striped>tbody>tr:nth-of-type(2n+1) {
    background-color: #efefef;
}

.teasertext {
    color: #757575;
    padding-bottom: 30px;
}

.iconbig {
    font-size: 12em;
}

.analyse {
    height: 35px;
    display: block;
}

ul.aufzmodule {
    padding-left: 0px;
}

ul.aufzmodule li {
    list-style: none;
}

.align-right {
    text-align: right;
}

.googlezertifiziert {
    width: 150px;
}

.btn-seo, .btn-web, .btn-app {
    text-decoration: none !important;
    font-weight: 300;
}

@media screen and (min-width: 992px) {
    .analyse {
        display: none;
        height: 0px;
    }
}

@media screen and (max-width: 768px) {
    .certificate {
        margin-top: 15px;
    }
}

@media screen and (max-width: 1200px) {
    .bigtext {
        font-size: 7.99em!important;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
    .dropdown-menu {
        right: 0!important;
        left: inherit;
    }
    .carousel-control.left, .carousel-control.right {
        display: none;
    }
}

/* CSS-Anpassung - 10/2018 */


.ueberschrift,
.caption.slogan,
.abschnitt-dienstleistung img {
    transition: all ease-in 300ms;
}

.abschnitt-dienstleistung:hover img {
    filter: sepia(0.25);
}

[class^="titel-"] {
    margin: -5px 0 0 0 !important;
}

@media only screen and (max-width: 991px) {    
    [class^="titel-"] {
        margin: 30px 0 0 0 !important;
    }
    .abschnitt-dienstleistung img {
        height: auto;
        width: 100% !important;         
    }
}
    
@media only screen and (max-width: 767px){    
    img.brandvidyo {         
        position: relative;
        top: -5px;
    }    
}
    
@media only screen and (max-width: 414px){    
    [class^="titel-"] {
        margin: 0 !important;
    } 
}

/* CSS-Anpassung - 10/2018 ENDE*/



/* CSS-Anpassung - 01/2019 */

/*UI-Kit-Slider*/

.uk-slidercaption {
    padding: 0px 15px;
}

.carousel-parent {
    border: none;
    background-color: rgba(0,0,0,0.375); /*rgba(78,84,82,0.8);*/
    width: 100%;
    height: 100%;
    margin-bottom: 0px;
}

.uk-slidercaption h1 {
    font-size: 3.5em;
    line-height: inherit;
    color: #fff ;
    margin-bottom: 10px;
    font-style: italic;
}

#target_inhalt {
    height: 60px;
    margin-top: -60px;
}

.slider_scroll {
    bottom: 10%;
    left: 0;
    right: 0;
    position: absolute;
    text-align: center;
    max-width: 70px;
    margin-left: auto;
    margin-right: auto;
    opacity: 0.5;
    color: rgba(102,102,102,.5);
}

.slider_scroll:hover,
.slider_scroll:focus {
    text-decoration: none;
    color: rgba(102,102,102,.5);
    opacity: 1;
}


/* CSS-Anpassung - 01/2019 ENDE*/

/* Referenzen */

#content {
	background: transparent;
	margin: 0 auto;
	max-height: 464px;
	overflow: hidden;
	/*transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1) -0.3s;*/
	transition: all 1s ease-in-out -0.6s;
}

#content.open {
	max-height: 100vh;
	/*transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);*/
	transition: all 1s ease-in-out;
}

#show-more {
  width: 100%;
    max-width: 370px;
	background: transparent;
    border:none;
	cursor: pointer;
    border-radius: 0px;
    font-size: 1.2em;
	color: #fff;
	display: block;
	text-align: center;
	padding: 5px 15px;
  margin: 70px auto 0px auto;
	transition: all 0.15s ease-in-out ;
}

#show-more i {
    font-size: 0.8em;
}

.refhg {
    padding: 20px !important;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background-color: #E53138;
    float: left;
}

.refhg p {
    color: #ffffff !important;
}

.logomarken {
    transition: opacity 0.5s ease;
    opacity: 0.25;
    margin-left: auto;
    margin-right: auto;
}

.logomarken:hover {
    opacity: 1;
}


/* Section HG */

section {
    padding-top: 65px;
    padding-bottom: 65px;
}

.hgweiss {
    background-color: #ffffff !important;
}

.hghellgrau {
    background-color: #f9f9f9;
}

.hgdunkelgrau {
    background-color: #757575;
}

.hgweiss h2, .hghellgrau h2, .hgdunkelgrau h2 {
    color: #757575;
    font-size: 2.7em;
    font-weight: 300;
    line-height: 1.21em;
}

.hgweiss h3, .hghellgrau h3, .hgdunkelgrau h3 {
    color: #757575;
    font-size: 1.5em;
    font-weight: 300;
    line-height: 1.3em;
}

.hgdunkelgrau h2 {
    color: #ffffff;
    font-size: 2.5em;
    font-weight: 300;
}

.hgdunkelgrau h3 {
    color: #ffffff;
    font-size: 1.5em;
    font-weight: 300;
    line-height: 1.45em;
}

.hgdunkelgrau a {
    color: #ffffff;
    font-weight: 600;
    border-bottom: 1px solid #ffffff;
}

.hgdunkelgrau .content p {
    color: #ffffff !important;
}

.content a {
    font-weight: bold;
}

.hggruen a, .hgblau a, .hgrot a, .hgorange a {
    color: #fff!important;
    text-decoration: underline;
}

.btn-seo {
    background-color: #1477c5;
    border-color: #ffffff;
}

.btn-web {
    background-color: #008F4F;
    border-color: #ffffff;
}

.btn-app {
    background-color: #F49900;
    border-color: #ffffff;
}

.facts {
    width: 40px;
    height: 40px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    background-color: #ffffff;
    color: #757575;
}


/*@media screen and (max-width: 768px) {

.hgdunkelgrau .content p, .hgdunkelgrau h3 {
    text-align: center;
}
*/

/*}*/

.hgrot, .hgblau, .hgorange, .hggruen {
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    float: left;
    margin-bottom: 30px;
}

.hgrot, .hgblau, .hgorange, .hggruen, .hgrot p, .hgblau p, .hgorange p, .hggruen p, .hgrot li, .hgblau li, .hgorange li, .hggruen li {
    color: #ffffff !important;
}

.hgrot {
    background-color: #E53138;
}

.hgblau {
    background-color: #1477c5;
}

.hggruen {
    background-color: #008f4f;
}

.hgorange {
    background-color: #f49900;
}

p {
    text-align: left;
    line-height: 1.65em;
    font-weight: 300;
    color: #777777;
}

a:hover {
    text-decoration: none !important;
}

.content li {
    text-align: left;
    line-height: 1.65em;
    font-weight: 300;
    color: #777777;
}

.content ul {
    margin-left: 0;
    margin-bottom: 30px;
}

.content p, .content li {
    color: rgba(119, 119, 119, 1);
}

p strong {
    font-weight: 100 !important;
    font-size: 1.5em;
    color: rgba(53, 53, 53, 0.66);
}

h4 {
    margin-top: 0;
    margin-bottom: 25px;
    font-weight: 100 !important;
    font-size: 1.5em;
    line-height: 1.3em;
    color: rgba(53, 53, 53, 0.66);
}

.center {
    text-align: center;
}


/*h5 {
    margin-top:25px;
    margin-bottom:25px;
    font-weight: 100 !important;
    font-size: 1.5em;
    line-height: 1.3em;
    color: rgba(53, 53, 53, 0.66);
}*/

h5.faq {
    margin-top: 50px;
    margin-bottom: 0 !important;
    font-weight: 300;
    font-size: 1.25em;
    color: #777777;
}

.bigtext {
    font-size: 160px;
    margin-top: -45px;
}

@media screen and (max-width: 768px) {
    .bigtext {
        font-size: 8.2em;
    }
    .hgweiss h2, .hghellgrau h2, .hgdunkelgrau h2 {
        font-size: 1.4em;
    }
}

#verlauf {
    height: 205px;
    z-index: 2;
    width: 85%;
    position: absolute;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1);
}

@media screen and (max-width: 922px) {
    i.fa.fa-quote-right.fa-5x.weiss {
        font-size: 2em;
    }
}

@media screen and (max-width: 768px) {
    i.fa.fa-quote-right.fa-5x.weiss {
        font-size: 1.5em;
    }
}


/* 0200 - Navigation */


/******************************************************************************/

@media screen and (max-width: 767px) {
    .navbar-default .navbar-collapse {
        float: none!important;
    }
}

.navbar-default {
    background-color: #ffffff !important;
    border-bottom: 0 !important;
    -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.25);
}

.navbar {
    min-height: 42px;
    padding: 0px;
    /* vorher 17px */
    margin-bottom: 50px;
}

.brandvidyo {
    width: 200px;
}

.navbar-default .navbar-nav>li>a {
    text-transform: uppercase;
    font-weight: 400;
}

.subnavi {
    z-index: 100;
    padding-bottom: 4px;
    -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.25);
}

.navbar-brand {
    padding-top: 15px;
}

a.navbar-brand.brand-mobile {
    padding-top: 15px;
    transition: padding 0.6s ease!important;
    -webkit-transition: padding 0.6s ease!important;
}

@media screen and (max-width: 922px) {
    a.navbar-brand.brand-mobile {
        padding-top: 10px;
    }
}

.navbar-nav>li>a {
    padding-top: 20px;
    padding-bottom: 20px;
}

.sub1 {
    margin-top: 0px !important;
    padding: 0 !important;
}

.sub1 li a {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
    font-size: 1em;
    text-transform: uppercase;
}

.sub1 li:last-child>a {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
}


/*
.navbar {
    margin-bottom: 0px;
}

.navbar-default {
    background-color: #000;
    border: none;
    color: white;
}

.nav-pills > li > a {
    font-weight: 700;
    font-size: 0.98em;
    text-transform: uppercase;
    padding: 5px;
    padding-top: 10px;
    line-height: 2;
}

.nav-pills > li:first-child > a {
    padding-left: 0px;
    padding-right: 0px;
}

.nav > li:first-child > a:hover,
.nav > li:first-child > a:focus,
.nav > li > a:hover,
.nav > li > a:focus {}

*/

.dropdown .dropdown-menu {
    -webkit-transition: max-height 0.8s;
    -moz-transition: max-height 0.8s;
    -ms-transition: max-height 0.8s;
    -o-transition: max-height 0.8s;
    transition: max-height 0.8s;
    border-width: 0;
    max-height: 0;
    display: block;
    overflow: hidden;
    opacity: 0;
}

.dropdown.open .dropdown-menu {
    max-height: 380px;
    opacity: 1;
}

.navbar-default .navbar-nav>#navid-2.active>a, .navbar-default .navbar-nav>.active>a:focus {
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    -ms-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease;
    color: #ffffff;
    background-color: #E53138;
}

.navbar-default .navbar-nav>#navid-3.active>a, .navbar-default .navbar-nav>.active>a:focus {
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    -ms-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease;
    color: #ffffff;
    background-color: #1477c5;
}

.navbar-default .navbar-nav>#navid-4.active>a, .navbar-default .navbar-nav>.active>a:focus {
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    -ms-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease;
    color: #ffffff;
    background-color: #008f4f;
}

.navbar-default .navbar-nav>#navid-5.active>a, .navbar-default .navbar-nav>.active>a:focus {
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    -ms-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease;
    color: #ffffff;
    background-color: #f49900;
}

#navid-2 a, #navid-3 a, #navid-4 a, #navid-5 a {
    font-weight: 400;
}

#navid-2 a:hover, #navid-2 a:active, #navid-2 a:focus, #navid-3 a:hover, #navid-3 a:active, #navid-3 a:focus, #navid-4 a:hover, #navid-4 a:active, #navid-4 a:focus, #navid-5 a:hover, #navid-5 a:active, #navid-5 a:focus {
    color: #ffffff;
}

#navid-2 a.link-submenu-2, #navid-3 a.link-submenu-2, #navid-4 a.link-submenu-2, #navid-5 a.link-submenu-2 {
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    -ms-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease;
    color: #ffffff;
    background-color: #535250;
}

#navid-2 a.link-submenu-2:hover {
    color: #E53138;
    background-color: #ffffff;
}

#navid-3 a.link-submenu-2:hover {
    color: #1477c5;
    background-color: #ffffff;
}

#navid-4 a.link-submenu-2:hover {
    color: #008f4f;
    background-color: #ffffff;
}

#navid-5 a.link-submenu-2:hover {
    color: #f49900;
    background-color: #ffffff;
}

#navid-2 ul.dropdown-menu, #navid-3 ul.dropdown-menu, #navid-4 ul.dropdown-menu, #navid-5 ul.dropdown-menu {
    background-color: #535250 !important;
}

li.active a {
    color: #ffffff !important;
}

li#navid-2.active a, li#navid-3.active a, li#navid-4.active a, li#navid-5.active a {
    /*background-color: #212121 !important;*/
}

.nav>li#navid-2, .nav>li#navid-3, .nav>li#navid-4, .nav>li#navid-5 {
    background-color: #ffffff;
}

.nav>li#navid-2>a:hover, .nav>li#navid-2>a:focus, .nav>li#navid-3>a:hover, .nav>li#navid-3>a:focus, .nav>li#navid-4>a:hover, .nav>li#navid-4>a:focus, .nav>li#navid-5>a:hover, .nav>li#navid-5>a:focus {
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.nav>li#navid-2>a:hover, .nav>li#navid-2>a:focus, .nav>li#navid-3>a:hover, .nav>li#navid-3>a:focus, .nav>li#navid-4>a:hover, .nav>li#navid-4>a:focus, .nav>li#navid-5>a:hover, .nav>li#navid-5>a:focus {
    background-color: #535250 !important;
}


/******* Sub-Navi ********/

.navbar-subnavi-2, .navbar-subnavi-3, .navbar-subnavi-4, .navbar-subnavi-5 {
    background-color: #212121;
}

.navbar-subnavi-2 a, .navbar-subnavi-3 a, .navbar-subnavi-4 a, .navbar-subnavi-5 a {
    color: #ffffff;
    padding: 8px 8px;
    display: block;
}

.navbar-subnavi-2 a:hover, .navbar-subnavi-3 a:hover, .navbar-subnavi-4 a:hover, .navbar-subnavi-5 a:hover {
    background-color: #535250 !important;
}

#navid-2.active a:hover {
    color: #E53138 !important;
    background-color: #ffffff !important;
}

#navid-3.active a:hover {
    color: #1477c5 !important;
    background-color: #ffffff !important;
}

#navid-4.active a:hover {
    color: #008f4f !important;
    background-color: #ffffff !important;
}

#navid-5.active a:hover {
    color: #f49900 !important;
    background-color: #ffffff !important;
}

#navid-2 a.link-submenu-2:hover {
    color: #E53138;
    background-color: #ffffff;
}

#navid-3 a.link-submenu-2:hover {
    color: #1477c5;
    background-color: #ffffff;
}

#navid-4 a.link-submenu-2:hover {
    color: #008f4f;
    background-color: #ffffff;
}

#navid-5 a.link-submenu-2:hover {
    color: #f49900;
    background-color: #ffffff;
}

#navid-2 .aktivurl {
    background-color: #E53138 !important;
}

#navid-3 .aktivurl {
    background-color: #1477c5 !important;
}

#navid-4 .aktivurl {
    background-color: #008f4f !important;
}

#navid-5 .aktivurl {
    background-color: #f49900 !important;
}

.navbar-subnavi-2 ul.rex-navi1 a.rex-current, .navbar-subnavi-3 ul.rex-navi1 a.rex-current, .navbar-subnavi-4 ul.rex-navi1 a.rex-current, .navbar-subnavi-5 ul.rex-navi1 a.rex-current {
    /*background-color: #ffffff;
  opacity:0.95;*/
}

.navbar-subnavi-2 ul.rex-navi1, .navbar-subnavi-3 ul.rex-navi1, .navbar-subnavi-4 ul.rex-navi1, .navbar-subnavi-5 ul.rex-navi1 {
    margin: 0;
    padding: 0;
}

.navbar-subnavi-2 li, .navbar-subnavi-3 li, .navbar-subnavi-4 li, .navbar-subnavi-5 li {
    list-style: none;
    float: left;
    font-size: 0.85em;
    font-weight: 400;
    text-transform: uppercase;
}

.navbar-subnavi-2 li:first-child, .navbar-subnavi-3 li:first-child, .navbar-subnavi-4 li:first-child, .navbar-subnavi-5 li:first-child {
    padding-left: 0;
}

.navbar-subnavi-2 a:hover, .navbar-subnavi-3 a:hover, .navbar-subnavi-4 a:hover, .navbar-subnavi-5 a:hover {
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    -ms-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease;
    background-color: #ffffff;
}

.navbar-subnavi-2 a:hover {
    color: #E53138;
}

.navbar-subnavi-3 a:hover {
    color: #1477c5;
}

.navbar-subnavi-4 a:hover {
    color: #008f4f;
}

.navbar-subnavi-5 a:hover {
    color: #f49900;
}

.navbar-subnavi-2 a.rex-current {
    color: #E53138;
    font-weight: 700;
}

.navbar-subnavi-3 a.rex-current {
    color: #2480c8;
    font-weight: 700;
}

.navbar-subnavi-4 a.rex-current {
    color: #008f4f;
    font-weight: 700;
}

.navbar-subnavi-5 a.rex-current {
    color: #f49900;
    font-weight: 700;
}

.affix {
    top: 0;
    width: 100%;
}

.affix+.container-fluid {
    padding-top: 70px;
}


/* 0300 - Slider */

.ws_controls {
    display: none !important;
    color: #E53138 !important;
}

.caption {}

p.caption, h1.caption {
    text-align: left !important;
    color: #E53138;
    font-size: 2.7em;
    line-height: 1.5em;
    padding-top: 100px;
    font-weight: 300;
}

p.slogan {}

#wowslider-container1 .ws_images {
    border: 0px!important;
    margin-top: 50px !important;
}

body #wowslider-container1 .ws-title {
    position: absolute;
    font-weight: 300 !important;
    width: 62%;
    display: block;
    text-align: left !important;
    font-size: 4.25em !important;
    left: 0em !important;
    color: #E53138 !important;
    background-color: none !important;
    z-index: 50;
    text-align: left;
    text-transform: none;
    top: 40%;
}

body #wowslider-container1 .ws_images .ws_list img, body #wowslider-container1 .ws_images>div>img {
    /*filter: brightness(60%);
    -moz-filter: brightness(60%);
    -webkit-filter: brightness(60%);*/
}

#wowslider-container1 .ws-title div {
    color: #E53138 !important;
}

body #wowslider-container1 .ws-title span, body #wowslider-container1 .ws-title br {
    display: none;
}

@media screen and (max-width: 767px) {
    p.caption, h1.caption {
        font-size: 1.7em;
    }
}

/**** COOKIE ****/
.cc_banner.cc_container.cc_container--open{
    background: #fff !important;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 0px;
    box-shadow: none;
}
p.cc_message {
    font-family: 'Open Sans', Arial, Helvetica, sans-serif !important;
    line-height: 1.3 !important;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
    max-width: 1170px;
    margin: 0px auto !important;
    font-size: 1em !important
}
.cc_more_info {
    color: #E53138 !important;
    text-decoration: underline !important;
}
.cc_more_info:hover, .cc_more_info:focus {
    color: #E53138 !important;
    text-decoration: none !important;
}

.cc_container .cc_btn, .cc_container .cc_btn:visited {
    color: #fff !important;
    background-color: #E53138 !important;
    max-width: 250px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif !important;
    font-size: 1em !important
}

.cc_container .cc_btn:hover, .cc_container .cc_btn:active {
    color: #fff !important;
    background-color: #b5252a !important;  
}


/* Dienstleistung */

.abschnitt-dienstleistung {
    margin-top: 40px;
}

.abschnitt-dienstleistung p {
    font-weight: 300;
    color: #787878;
    margin-top: 15px;
}

.titel-rot {
    color: #E53138 !important;
    margin-top: 0 !important;
}

.titel-blau {
    color: #1477c5 !important;
    margin-top: 0 !important;
}

.titel-gruen {
    color: #008f4f !important;
    margin-top: 0 !important;
}

.titel-orange {
    color: #f49900 !important;
    margin-top: 0 !important;
}

.icontext {
    color: #ffffff;
    text-align: center;
    padding: 25px 0;
    transition: all ease-in-out 0.2s;
}

.icontext_text {
    padding-top: 7px;
    color: #ffffff;
    text-align: center;
    font-weight: 500;
}

.icon-mit-link {
    text-decoration: none;
    border-bottom: none !important;
}

.icon-mit-link:hover .icontext {
    transform: scale(1.05);
    background-color: #E53138;
    border-radius: 20px;
}

.alignright {
    float: right;
}


.unitegallery_vidyo {
    margin: 20px 0px;
}


/* Mobile Version Anpassungen */

@media screen and (max-width: 992px) {
    .subnavi, .entpading {
        padding-left: 0px;
        padding-right: 0px;
    }
    .navbar-default .navbar-nav>li>a, a i {
        font-size: 0.7em;
    }
    .nav-pills>li>a {
        font-size: 0.857em;
    }
}

@media screen and (max-width: 991px) {
    .navbar-default .navbar-nav>li>a, a i {
        font-size: 0.7em;
    }
    .nav>li>a {
        padding-left: 10px;
        padding-right: 10px;
    }
    a.navbar-brand.brand-mobile {
        padding-top: 15px;
    }
    #content.open {
        max-height: 1000vh;
    }
}

@media screen and (max-width: 767px) {
    .navbar-default .navbar-nav>li>a, a i {
        font-size: 1em;
    }
    .slogan {
        padding-top: 0!important;
    }
    .sloganabstand {
        margin-top: 30px!important;
    }
}

@media screen and (max-width: 480px) {
    .content h1 {
        font-size: 1.6em;
    }
    #content {
        max-height: 284.4px;
    }
}


/* Erweiterte Bootstrap Klassen */

.col-xs-1-5, .col-sm-1-5, .col-md-1-5, .col-lg-1-5 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-1-5 {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-1-5 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-1-5 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-1-5 {
        width: 20%;
        float: left;
    }
}

@media screen and (max-width: 992px) {
    .table-responsive {
        overflow-x: visible;
    }
}


/* Google Geschichte */

.well {
    background-color: #757575;
    color: #ffffff;
    border: 0;
    font-size: 1em;
    line-height: 1.65em;
    font-weight: 300;
    margin-top: 15px;
}

.btn-round {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin-right: 5px;
    margin-top: 30px;
	transition: all 0.2s ease-in-out;
}

.btn-gooblau {
    background-color: #4285f4;
    border: 1px solid #4285f4;
}

.btn-googruen {
    background-color: #0f9d58;
    border: 1px solid #0f9d58;
}

.btn-goorot {
    background-color: #db4437;
    border: 1px solid #db4437;
}

.btn-googelb {
    background-color: #f4b400;
    border: 1px solid #f4b400;
}

.btn-gooblau:hover,
.btn-gooblau:focus,
.btn-gooblau:active {
    background-color: #ffffff;
    border: 1px solid #4285f4;
    color: #4285f4;
}

.btn-googruen:hover,
.btn-googruen:focus,
.btn-googruen:active {
    background-color: #ffffff;
    border: 1px solid #0f9d58;
    color: #0f9d58;
}

.btn-goorot:hover,
.btn-goorot:focus,
.btn-goorot:active {
    background-color: #ffffff;
    border: 1px solid #db4437;
    color: #db4437;
}

.btn-googelb:hover,
.btn-googelb:focus,
.btn-googelb:active {
    background-color: #ffffff;
    border: 1px solid #f4b400;
    color: #f4b400;
}

.btn-gooblau, .btn-goorot, .btn-googruen, .btn-googelb {
    color: #ffffff;
}

.hgblau h3, .hggruen h3, .hgorange h3, .hgrot h3 {
    color: white;
}

.hgblau, .hggruen, .hgorange, .hgrot {
    margin-top: 7px;
}

button[type="submit"] {
    float: right;
}


/* Lexikon */

.lexikon_seo {
    text-align: left;
    line-height: 1.65em;
    font-weight: 300;
    color: #777777;
    padding-left: 18px;
    border-left: 1px solid #4285f4;
    margin: 15px 0 15px 0;
}

.lexikon_web {
    text-align: left;
    line-height: 1.65em;
    font-weight: 300;
    color: #777777;
    padding-left: 18px;
    border-left: 1px solid #008f4f;
    margin: 15px 0 15px 0;
}


/************** TEAM ***************/

.teamdiv {
    min-height: 660px;
    text-align: center;
}

.teamdiv img {
    max-height: 600px;
    margin-left: auto;
    margin-right: auto;
}

.teamdiv h3, .teamdiv p {
    text-align: center;
}

.teamdiv h3 {
    margin-bottom: 0 !important
}

.teamfunktion {
    font-weight: 600;
}

.teamtext {
    width: 264px;
    height: 264px;
    background-color: lime;
    border-top-left-radius: 132px;
    border-top-right-radius: 132px;
    border-bottom-right-radius: 132px;
    border-bottom-left-radius: 132px;
}

#second {
    width: 100%;
}

#second {
    color: black;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
    padding: 40px 0 0 0;
}

#second .bg {
    background: url('../../media/mitarbeiter_gesamt.png') 5% 0 no-repeat fixed;
    min-height: 3250px;
    margin: 0 auto;
    padding: 0;
    position: absolute;
    width: 500px;
    z-index: 200;
}

.story {
    margin: 0 auto;
    min-width: 980px;
    overflow: auto;
    width: 980px;
}

.float-right {
    float: right;
    margin: 0 20px 0 0;
}

.story .float-left, .story .float-right {
    padding: 50px 0 0 0;
    position: relative;
    width: 350px;
}


/* Footer */

.footer {
    left: 0;
    width: 100%;
    background-color: #ebebeb;
    border-top: 3px solid #757575;
    color: #56565;
    padding: 30px 0 0 0;
    font-weight: 300;
    line-height: 1.7em;
}

.footer a {
    color: #777777;
    font-weight: 600;
}

.copyright, .kategorie {
    border-top: 1px solid #ffffff;
    padding: 25px 0 50px 0;
}

.adresse {
    padding: 15px 0 30px 0;
}

.footer ul {
    margin: 0;
    padding: 0;
}

.footer li {
    list-style: none;
    border-bottom: 1px solid #e0e0e0;
}

.logo3v {
    width: 50% !important;
    float: right;
}

textarea {
    resize: vertical;
}


/************** Slide Formular ***************/

#slideform {
    width: 340px;
    min-height: 675px;
    padding: 15px;
    position: fixed;
    background-color: #E53138;
    right: -360px;
    top: 130px;
    -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.25);
}

#slideform p {
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 0.85em;
    line-height: 1.7em;
    font-weight: 300;
    color: #ffffff;
}

#slideform a {
    color: #3a90d4;
}

#slideform .control-label {
    font-size: 0.85em;
    color: #ffffff;
    font-weight: 300;
}

#slideform .form-group {
    margin-bottom: 3px;
}

#slideform .btn-primary {
    margin-top: 15px;
    background-color: #1477c5;
    border-color: #ffffff;
}


/* 0400 - Bootstrap Carousel */

.carousel-caption {
    position: initial;
    text-shadow: none;
    text-align: left;
}

.carousel-control, .carousel-control:focus, .carousel-control:hover {
    color: #E53138;
    opacity: 1;
}

.carousel-control.left, .carousel-control.right {
    background-image: none;
}


/* CSS used here will be applied after bootstrap.css */

.carousel-control.left, .carousel-control.right {
    background: none;
    top: calc(50% - 25px);
    font-size: 3em;
    text-shadow: none;
}

.carousel-control.left {
    left: -120px;
}

.carousel-control.right {
    right: -120px;
}

@media screen and (max-width: 768px) {
    .carousel-control.left {
        left: -30px;
    }
    .carousel-control.right {
        right: -30px;
    }
    .carousel-control.left, .carousel-control.right {
        text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    }
}

@media screen and (max-width: 992px) {
    .carousel-control.left, .carousel-control.right {
        display: none;
    }
}

.img-responsive.col-md-8.col-xs-12 {
    width: 780px;
}

.animated {
    transition: all 2s;
    -webkit-transition: all 2s;
}

.carousel-fade .carousel-inner .item {
    -webkit-transition-property: opacity;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .item, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
    opacity: 0;
}

.carousel-fade .carousel-inner .active, .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

.carousel-fade .carousel-inner .next, .carousel-fade .carousel-inner .prev, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
/*
@media screen and (max-width: 768px) {
    #myCarousel {
        height: 520px;
    }
}

@media screen and (max-width: 992px) {
    #myCarousel {
        height: 520px;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    #myCarousel {
        height: 860px;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    #myCarousel {
        height: 1000px;
    }
}
*/

/* 0400 - ENDE Bootstrap Carousel */


/* Kontaktformular */

#yform-formular-field-8 {
    resize: vertical;
}

.form-control {
    padding-left: 5px;
}

.alert ul {
    list-style: none;
    text-align: left;
    padding-left: 0px;
}

#yform-formular-field-10 {
    float: right;
}

#yform-formular-field-15-captcha, #yform-formular-field-11-captcha, #yform-formular-field-9-captcha {
    min-width: 84px;
}


/*-----------------*/


/* ============================================================================
                                Anfragemodul, vorläufig CSS von Mösiö Bossy klaut und nbissl angepasst
============================================================================ */

#calendar button {
    background: white;
    color: black;
    border-radius: 0 !important;
    border-color: transparent;
    -webkit-box-shadow: 0px 5px 10px rgba(0,0,0,0.15);
            box-shadow: 0px 5px 10px rgba(0,0,0,0.15);
    padding: 15px 20px;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
  }
  #calendar button:hover {
    cursor: pointer;
    text-decoration: none;
    color: #e30734;
    -webkit-box-shadow: 0px 7px 14px rgba(0,0,0,0.15);
            box-shadow: 0px 7px 14px rgba(0,0,0,0.15);
  }
  .fc-button-group {
    -webkit-box-shadow: 0px 5px 10px rgba(0,0,0,0.15);
            box-shadow: 0px 5px 10px rgba(0,0,0,0.15);
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
  }
  .fc-button-group:hover {
    -webkit-box-shadow: 0px 7px 14px rgba(0,0,0,0.15);
            box-shadow: 0px 7px 14px rgba(0,0,0,0.15);
  }
  #calendar .fc-prev-button,#calendar .fc-next-button,#calendar .fc-prev-button:hover,#calendar .fc-next-button:hover {
    -webkit-box-shadow: none;
            box-shadow: none;
    padding: 15px 15px;
  }
  #calendar .fc-left h2 {
    margin-top: 15px;
  }
  #calendar td.fc-widget-content.fc-today {
      background: rgba(26, 115, 232, 1);
  }
  #calendar .fc-button:disabled {
    opacity: 0.3;
  }
  #calendar .fc-button:disabled:hover {
    color: black;
    -webkit-box-shadow: 0px 7px 14px rgba(0,0,0,0.15);
            box-shadow: 0px 7px 14px rgba(0,0,0,0.15);
  }
  .fc-view-container {
    -webkit-box-shadow: 0px 7px 14px rgba(0,0,0,0.1);
            box-shadow: 0px 7px 14px rgba(0,0,0,0.1);
  }
  #calendar .fc-widget-header {
    border: none;
  }
  #calendar .fc-widget-header table {
    border-bottom: 1px solid #ddd;
  }
  #calendar .fc-widget-header th {
    border: 1px solid #ddd;
    border-top: none
  }
  #calendar .fc-bg .fc-row,#calendar .fc-widget-content {
    border: none;
  }
  #calendar .fc-bg td:not(.fc-day-top) {
    border: 1px solid #ddd;
  }
  #calendar .fc-widget-header th:first-of-type,#calendar .fc-bg td:first-of-type  {
    border-left: none
  }
  #calendar .fc-widget-header th:last-of-type,#calendar .fc-bg td:last-of-type  {
    border-right: none
  }
  #calendar .fc-event-container a,.fc-week-number {
    border-radius: 0 !important;
  }
  
  #calendar .fc-event-container a .fc-title {
    padding: 4px !important;
    font-size: 0.95rem !important;
    text-shadow: 0px 0px 15px rgba(0,0,0,0.3);
  }
  #calendar .fc-dayGrid-view .fc-week-number {
      padding: 8px 3px;
      font-size: 0.95rem;
  }

  #calendar .fc-today > .fc-day-number {
      color: white;
  }

  #calendar .fc-dayGrid-view .fc-day-number  {
   padding: 6px 10px 0px 0px;
  }
  #calendar .fc-day-top.fc-other-month {
    opacity: 0.2;
  }
  .calendar-tosmall {
    display: none;
  }

  .fc-day-grid-container {
      height: auto !important;
  }
  
  @media (max-width: 429px) {
    #calendar {
      display: none !important;
    }
    .calendar-tosmall {
      display: inline-block;
    }
  }

/* Formular Multistep */

/* Style the form */

#regForm {
    background-color: #ffffff;
    margin: 0px auto;
    width: 100%;
    padding: 30px 15px;
    border-radius: 0px;
    -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.25);
  }
  
  /* Style the input fields */
  input {
    padding: 10px;
    width: 100%;
    font-size: 1.25rem;
    border: 1px solid #aaaaaa;
  }
  
  /* Mark input boxes that gets an error on validation: */
  input.invalid {
    background-color: #ffdddd;
  }
  
  /* Hide all steps by default: */
  .tab {
    display: none;
  }
  
  /* Make circles that indicate the steps of the form: */
  .step {
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #bbbbbb;
    border: none; 
    border-radius: 50%;
    display: inline-block;
    opacity: 0.5;
  }
  
  /* Mark the active step: */
  .step.active {
    opacity: 1;
  }
  
  /* Mark the steps that are finished and valid: */
  .step.finish {
    background-color: #E53138;
  }

#prevBtn {
	border-radius: 0px;
	border: 3px solid #fff;
	color: #fff;
	overflow: hidden;
	border: none;
	font-family: inherit;
	font-size: inherit;
	background: #E53138;
	cursor: pointer;
	padding: 20px 60px;
	display: inline-block;
	margin: 15px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
    transition: all 0.3s;
}

#prevBtn:active,
#prevBtn:active:before {
	border-color: #ab3c3c;
	color: #fff;
}

#prevBtn:hover {
	background: #cb4e4e;
}

  .tab-child {
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.5rem;
  }

  .tab-child-lead {
    text-align: center;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 1.15rem;
    margin: 0px 0px 10px 0px;
  }

  .beratung-fieldset {
      text-align: center;
  }

  .beratung-ruekruf {
    border: none;
    font-size: 1.5rem;
    border-radius: 0px;
    font-family: inherit;
    display: inline-block;
    padding: 25px 80px;
    margin: 15px 30px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    position: relative;
    background-color: #cb4e4e; /* #E53138 */
    background: #cb4e4e;
    color: #fff;
    box-shadow: 0 6px #ab3c3c;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
  }

  .beratung-ruekruf:before {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	position: relative;
	-webkit-font-smoothing: antialiased;
  }

  .beratung-ruekruf:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}


.beratung-ruekruf:hover {
	box-shadow: 0 4px #ab3c3c;
	top: 2px;
}

.beratung-ruekruf:active {
	box-shadow: 0 0 #ab3c3c;
	top: 6px;
}

.time-margin {
    margin: 20px 0px;
}

.time-parent {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    justify-content: space-around;
}

.item-time {
	border-radius: 0px;
	border: 3px solid #fff;
	color: #fff;
	border: none;
	background: #E53138;
	padding: 12px 24px;
	margin: 15px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
    transition: all 0.3s;
}

.item-time:active:before {
	border-color: #ab3c3c;
	color: #fff;
}

.item-time:hover {
	background: #cb4e4e;
}

@media screen and (max-width: 991px) {
    .beratung-ruekruf {
        width: 100%;
        max-width: 500px;
        margin: 15px 0px;
    }
}


/* ----------- iPhone 4 and 4S ----------- */


/* Portrait and Landscape */

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
    section {
        padding-top: 35px;
        padding-bottom: 35px;
    }
    p.caption, h1.caption {
        text-align: left;
        color: #e53138;
        font-size: 1.2em;
        padding-top: 100px;
    }
    h2.ueberschrift {
        font-size: 1.35em;
        line-height: 1.5em;
    }
    .content h2 {
        line-height: 1.5em;
    }
    .content h3, .content h4, h3.faq, h3.ueberschrift {
        font-size: 1.15em;
        line-height: 1.5em;
    }
    h3.titel-blau, h3.titel-gruen, h3.titel-orange {
        font-size: 1.15em;
        line-height: 1.5em;
        padding-top: 25px;
    }
    .align-right {
        text-align: left;
    }
    .fett {
        font-weight: 600;
    }
    .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
        max-height: 940px;
    }
    h5.faq {
        font-size: 1em;
        font-weight: 600;
    }
    ol {
        padding-left: 25px;
    }
    .icontext {
        min-height: 200px;
    }
    #slideform {
        width: 100%;
        min-height: 675px;
        padding: 15px;
        position: absolute;
        background-color: #E53138;
        right: 0;
        top: 75px;
        -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.25);
        box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.25);
    }
}


/* ----------- iPhone 5 and 5S ----------- */


/* Portrait and Landscape */

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
    section {
        padding-top: 35px;
        padding-bottom: 35px;
    }
    p.caption, h1.caption {
        text-align: left;
        color: #e53138;
        font-size: 1.2em;
        padding-top: 100px;
    }
    h2.ueberschrift {
        font-size: 1.35em;
        line-height: 1.5em;
    }
    .content h2 {
        line-height: 1.5em;
    }
    .content h3, .content h4, h3.faq, h3.ueberschrift {
        font-size: 1.15em;
        line-height: 1.5em;
    }
    h3.titel-blau, h3.titel-gruen, h3.titel-orange {
        font-size: 1.15em;
        line-height: 1.5em;
        padding-top: 25px;
    }
    .align-right {
        text-align: left;
    }
    .fett {
        font-weight: 600;
    }
    .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
        max-height: 940px;
    }
    h5.faq {
        font-size: 1em;
        font-weight: 600;
    }
    ol {
        padding-left: 25px;
    }
    .icontext {
        min-height: 200px;
    }
    #slideform {
        width: 100%;
        min-height: 675px;
        padding: 15px;
        position: absolute;
        background-color: #E53138;
        right: 0;
        top: 75px;
        -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.25);
        box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.25);
    }
}


/* ----------- iPhone 6 ----------- */


/* Portrait and Landscape */

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
    section {
        padding-top: 35px;
        padding-bottom: 35px;
    }
    p.caption, h1.caption {
        text-align: left;
        color: #e53138;
        font-size: 1.2em;
        padding-top: 100px;
    }
    h2.ueberschrift {
        font-size: 1.35em;
        line-height: 1.5em;
    }
    .content h2 {
        line-height: 1.5em;
    }
    .content h3, .content h4, h3.faq, h3.ueberschrift {
        font-size: 1.15em;
        line-height: 1.5em;
    }
    h3.titel-blau, h3.titel-gruen, h3.titel-orange {
        font-size: 1.15em;
        line-height: 1.5em;
        padding-top: 25px;
    }
    .align-right {
        text-align: left;
    }
    .fett {
        font-weight: 600;
    }
    .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
        max-height: 940px;
    }
    h5.faq {
        font-size: 1em;
        font-weight: 600;
    }
    ol {
        padding-left: 25px;
    }
    .icontext {
        min-height: 200px;
    }
    #slideform {
        width: 100%;
        min-height: 675px;
        padding: 15px;
        position: absolute;
        background-color: #E53138;
        right: 0;
        top: 75px;
        -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.25);
        box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.25);
    }
}


/* ----------- iPhone 6+ ----------- */


/* Portrait and Landscape */

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {
    section {
        padding-top: 35px;
        padding-bottom: 35px;
    }
    p.caption, h1.caption {
        text-align: left;
        color: #e53138;
        font-size: 1.2em;
        padding-top: 100px;
    }
    h2.ueberschrift {
        font-size: 1.35em;
        line-height: 1.5em;
    }
    .content h2 {
        line-height: 1.5em;
    }
    .content h3, .content h4, h3.faq, h3.ueberschrift {
        font-size: 1.15em;
        line-height: 1.5em;
    }
    h3.titel-blau, h3.titel-gruen, h3.titel-orange {
        font-size: 1.15em;
        line-height: 1.5em;
        padding-top: 25px;
    }
    .align-right {
        text-align: left;
    }
    .fett {
        font-weight: 600;
    }
    .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
        max-height: 940px;
    }
    h5.faq {
        font-size: 1em;
        font-weight: 600;
    }
    ol {
        padding-left: 25px;
    }
    .icontext {
        min-height: 200px;
    }
    #slideform {
        width: 100%;
        min-height: 675px;
        padding: 15px;
        position: absolute;
        background-color: #E53138;
        right: 0;
        top: 75px;
        -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.25);
        box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.25);
    }
}


/* ----------- Galaxy S3 ----------- */


/* Portrait and Landscape */

@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2) {
    section {
        padding-top: 35px;
        padding-bottom: 35px;
    }
    p.caption, h1.caption {
        text-align: left;
        color: #e53138;
        font-size: 1.2em;
        padding-top: 100px;
    }
    h2.ueberschrift {
        font-size: 1.35em;
        line-height: 1.5em;
    }
    .content h2 {
        line-height: 1.5em;
    }
    .content h3, .content h4, h3.faq, h3.ueberschrift {
        font-size: 1.15em;
        line-height: 1.5em;
    }
    h3.titel-blau, h3.titel-gruen, h3.titel-orange {
        font-size: 1.15em;
        line-height: 1.5em;
        padding-top: 25px;
    }
    .align-right {
        text-align: left;
    }
    .fett {
        font-weight: 600;
    }
    .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
        max-height: 940px;
    }
    h5.faq {
        font-size: 1em;
        font-weight: 600;
    }
    ol {
        padding-left: 25px;
    }
    .icontext {
        min-height: 200px;
    }
    #slideform {
        width: 100%;
        min-height: 675px;
        padding: 15px;
        position: absolute;
        background-color: #E53138;
        right: 0;
        top: 75px;
        -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.25);
        box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.25);
    }
}


/* ----------- Galaxy S4 ----------- */


/* Portrait and Landscape */

@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) {
    section {
        padding-top: 35px;
        padding-bottom: 35px;
    }
    p.caption, h1.caption {
        text-align: left;
        color: #e53138;
        font-size: 1.2em;
        padding-top: 100px;
    }
    h2.ueberschrift {
        font-size: 1.35em;
        line-height: 1.5em;
    }
    .content h2 {
        line-height: 1.5em;
    }
    .content h3, .content h4, h3.faq, h3.ueberschrift {
        font-size: 1.15em;
        line-height: 1.5em;
    }
    h3.titel-blau, h3.titel-gruen, h3.titel-orange {
        font-size: 1.15em;
        line-height: 1.5em;
        padding-top: 25px;
    }
    .align-right {
        text-align: left;
    }
    .fett {
        font-weight: 600;
    }
    .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
        max-height: 940px;
    }
    h5.faq {
        font-size: 1em;
        font-weight: 600;
    }
    ol {
        padding-left: 25px;
    }
    .icontext {
        min-height: 200px;
    }
    #slideform {
        width: 100%;
        min-height: 675px;
        padding: 15px;
        position: absolute;
        background-color: #E53138;
        right: 0;
        top: 75px;
        -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.25);
        box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.25);
    }
}


/* ----------- Galaxy S5 ----------- */


/* Portrait and Landscape */

@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) {
    section {
        padding-top: 35px;
        padding-bottom: 35px;
    }
    p.caption, h1.caption {
        text-align: left;
        color: #e53138;
        font-size: 1.2em;
        padding-top: 100px;
    }
    h2.ueberschrift {
        font-size: 1.35em;
        line-height: 1.5em;
    }
    .content h2 {
        line-height: 1.5em;
    }
    .content h3, .content h4, h3.faq, h3.ueberschrift {
        font-size: 1.15em;
        line-height: 1.5em;
    }
    h3.titel-blau, h3.titel-gruen, h3.titel-orange {
        font-size: 1.15em;
        line-height: 1.5em;
        padding-top: 25px;
    }
    .align-right {
        text-align: left;
    }
    .fett {
        font-weight: 600;
    }
    .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
        max-height: 940px;
    }
    h5.faq {
        font-size: 1em;
        font-weight: 600;
    }
    ol {
        padding-left: 25px;
    }
    .icontext {
        min-height: 200px;
    }
    #slideform {
        width: 100%;
        min-height: 675px;
        padding: 15px;
        position: absolute;
        background-color: #E53138;
        right: 0;
        top: 75px;
        -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.25);
        box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.25);
    }
}