@charset "utf-8";
/* CSS Document */
    body {
        font-family: "Merriweather Sans";
        font-size: 18px;
        line-height: 28px;
        font-weight: 300;
        color: #58585A;
        padding: 0;
        margin :0;
        padding-top: 135.717px;
        padding-bottom: 150px;
    }

    a, a:visited {
    	color: #BE1E2D;
    	text-decoration: none;
    }

    a:hover, a:focus, a:active {
    	color: #BE1E2D;
    	text-decoration: underline;
    }

    ul, li {
        margin:0;
        padding:0;
    }

    .container-fluid {
        padding: 0px;
    }

    .headerimages {
        background-color: #F3F3F3;
        text-align: center;
    }

    .headerimages_img {
        padding:90px 20px;
        max-width: 100%;
        width: 664px;
    }

    /*navigation*/
    .navbar {
        margin: 0;
        border: 0;
        background-color: #ffffff;
    }

    .navbar-default {
        background-image: none;
    }

    .nav>li>a {
        font-family: "Merriweather";
        font-size: 18px;
        line-height: 135.717px;
        font-weight: normal;
        color: #58585A;
        padding: 0 30px;
    }

    .nav>li>a:hover, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a.active  {
        background-color: #BE1E2D;
        color: #ffffff
    }

    .navbar>.container .navbar-brand,
    .navbar>.container-fluid .navbar-brand {
        margin-left: 0px;
    }


    .container-fluid>.navbar-collapse,
    .container-fluid>.navbar-header,
    .container>.navbar-collapse,
    .container>.navbar-header {

        margin-right: 0px;
        margin-left: 0px;

    }

    .brand_img {
        padding: 20px 0px;
        width: 336px;
        max-width: 100%;
        display: block;
    }

    /*headlines*/
    h1 {
        color: #BE1E2D;
        font-size: 35px;
        font-family: 'Merriweather', serif;
    }

    h2 {
        color: #58585A;
        font-size: 24px;
        line-height: 32px;
        font-family: 'Merriweather', serif;
    }

    h3 {
        color: #58585A;
        font-size: 20px;
        line-height: 28px;
        font-weight: 300;
        font-family: 'Merriweather', serif;
    }

    h2.berater_headline, h3.berater_titel {
        margin-top: 0px;
    }

    h3.berater_headline {
        margin-bottom: 5px;
    }

    h3.berater_titel {
        margin-bottom: 10px;
    }

    h2.berater_titel {
        margin-bottom: 2px;
    }

    .headline_h1 {
        border-bottom: 1px solid #F3F3F3;
        text-align: center;
        margin-bottom: 50px;
    }

    .headline_h1 h1 {
        font-family: "Merriweather";
        font-size: 35px;
        line-height: 42px;
        color: #BE1E2D;
        margin: 80px 0 10px 0px;
    }

    /*footer*/
    footer {
        background-color: #E5E5E5;
        text-align: right;
        margin-top: 100px;
        position: fixed;
        bottom: 0;
        right: 0;
        left: 0;
    }

    footer a, footer a:active, footer a:visited {
        color: #58585A;
        font-family: "Merriweather";
        font-size: 14px;
        line-height: 50px;
        text-align: right;
    }

    footer a:hover, a.footer_active  {
        text-decoration: underline;
        color: #58585A;
    }

    footer .footer_copyright {
        text-align: left;
        height: 50px;
        font-size: 12px;
        line-height: 18px;
        padding-top: 18px;
    }

    /*Allgemein*/
    .column_count {
        column-count: 2;
        column-gap: 40px;
    }

    .img_berater {
    	padding: 20px 0px 30px 0px;
    }

    .berater_unten {
        margin-top:40px;
        padding-top:20px;
        border-top:1px solid #F3F3F3;
    }

    .col-abstand-top {
        margin-top:60px;
    }

    /*Leistungen */
    .row_leistungen {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display:         flex;
		flex-wrap: wrap;
	}
	.row_leistungen .col-leistungen {
		display: flex;
		flex-direction: column;
		text-align: center;
		padding:20px;
		width: 33.333%;
		float: left;
	}

	.col-leistungen-inhalt {
		background-color: #F3F3F3;
		padding:20px;
		display: table;
		height: 100%;
	}

	.col-leistungen-inhalt span{
		display: table-cell;
  		vertical-align: middle;
	}

    @media (max-width: 1199px) {
        .nav>li>a {
        padding: 0 20px;
        font-size: 16px;
    	}
    }

    @media (max-width: 991px) {
        body {
            padding-top: 98.6833px;
        }
        footer {
            text-align: center;

        }
        footer .footer_copyright {
            height: 50px;
            font-size: 12px;
            line-height: 18px;
            padding-top: 9px;
        }
        .row_leistungen .col-leistungen {
			width: 50%;
		}
        .brand_img {
            padding: 20px 0px;
            width: 206px;
            max-width: 100%;
            display: block;
        }
        .headerimages_img {
            padding:70px 20px;
            width: 500px;
        }
    	.nav>li>a {
            line-height: 87px;
            font-size: 14px;
            padding: 0 15px;
            line-height: 98.6833px;
        }

    }
    @media (max-width: 767px) {
        body {
            font-size: 16px;
            line-height: 26px;
            padding-bottom: 0px;
        }
        footer {
            background-color: #E5E5E5;
            margin-top: 100px;
            position: relative;
        }
        footer .footer_copyright {
            text-align:center;
            height: unset;
            font-size: 12px;
            line-height: 18px;
            padding-top: 25px;
            padding-bottom: 20px;
        }
        .navbar-toggle {
            margin-top: 27.5px;
            margin-bottom: 27.5px;
            margin-right: 0px;
        }
        .navbar-nav {
            margin: 0px -15px;
        }
        .nav > li > a {
            line-height: 60px;
        }
        .nav > li > a:focus, .nav > li > a:active {
            text-align:left;

        }
        .headerimages_img {
            padding:60px 20px;
        }
        .column_count {
        column-count: 1;
        }
        .headline_h1 {
            margin-bottom: 30px;
        }
        .row_leistungen .col-leistungen {
			width: 100%;
		}
    }