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

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

/* open-sans-regular - latin */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: url('fonts/open-sans-v23-latin-regular.eot'); /* IE9 Compat Modes */
	src: local(''),
			url('fonts/open-sans-v23-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			url('fonts/open-sans-v23-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
			url('fonts/open-sans-v23-latin-regular.woff') format('woff'), /* Modern Browsers */
			url('fonts/open-sans-v23-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
			url('fonts/open-sans-v23-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('fonts/open-sans-v23-latin-italic.eot'); /* IE9 Compat Modes */
	src: local(''),
			url('fonts/open-sans-v23-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			url('fonts/open-sans-v23-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
			url('fonts/open-sans-v23-latin-italic.woff') format('woff'), /* Modern Browsers */
			url('fonts/open-sans-v23-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
			url('fonts/open-sans-v23-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('fonts/open-sans-v23-latin-600.eot'); /* IE9 Compat Modes */
	src: local(''),
			url('fonts/open-sans-v23-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			url('fonts/open-sans-v23-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
			url('fonts/open-sans-v23-latin-600.woff') format('woff'), /* Modern Browsers */
			url('fonts/open-sans-v23-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
			url('fonts/open-sans-v23-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}

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

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

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

/* open-sans-800 - latin */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 800;
src: url('fonts/open-sans-v23-latin-800.eot'); /* IE9 Compat Modes */
src: local(''),
		url('fonts/open-sans-v23-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('fonts/open-sans-v23-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
		url('fonts/open-sans-v23-latin-800.woff') format('woff'), /* Modern Browsers */
		url('fonts/open-sans-v23-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
		url('fonts/open-sans-v23-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('fonts/open-sans-v23-latin-800italic.eot'); /* IE9 Compat Modes */
	src: local(''),
			url('fonts/open-sans-v23-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			url('fonts/open-sans-v23-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
			url('fonts/open-sans-v23-latin-800italic.woff') format('woff'), /* Modern Browsers */
			url('fonts/open-sans-v23-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
			url('fonts/open-sans-v23-latin-800italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* Fonts -------------- Ende*/
html {
    margin:                             0;
    padding:                            0;
    font-family:                        'Open Sans', Arial;
}

a {
    text-decoration:                    none;
    color:                              #000000;
}



body {
    background-color:   #f0f0f0;
}


a {
    position:   relative;
}

.outer {
    display: table;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(255,255,255,0.3);
}

.wrap {
    display: table-cell;
    vertical-align: middle;
}

.container {
    max-width:  1350px;
    margin-left:    auto;
    margin-right:    auto;
}
.left {
    float:  left;
    width:  calc(50% - 50px);
    padding-right:  25px;
    padding-left:  25px;
}

.right {
    float:  right;
    width:  calc(50% - 50px);
    padding-right:  25px;
    padding-left:  25px;
}


@media (max-width: 567px) {
    .container {
        margin: 20px auto;
    }
    .left,
    .right {
        float: none;
        width: calc(100% - 40px);
        padding:    20px;
    }
}

.left > a,
.right > a {
    width:      calc(100% - 20px);
    height:     100%;
    overflow: hidden;
    position:  relative;
    display: block;
    border:                        10px solid #ffffff;
    /* border-bottom:                  0px; */
}

.left > a > div,
.right > a > div {
	-webkit-transition:            .3s ease-in-out;
    transition: .3s ease-in-out;
    -webkit-transform:  scale(1);
    transform:  scale(1);
}

.left > a:hover > div,
.right > a:hover > div {
    opacity:                         0.5;
}

.brandschutztechnik {
    background:                    url(brandschutztechnik.png);
}
.industrieanlagen {
    background:                    url(industrieanlagen.png);
}

.brandschutztechnik,
.industrieanlagen {
    background-position:            center;
    background-repeat:              no-repeat;
    background-size:                cover;
    width:                          100%;
    padding-top:                    53%;
}
.left aside,
.right aside {
    height:                         50px;
    line-height:                    50px;
    width:                          100%;
    text-align:                     center;
    font-size:                      28px;
    background-color:               #ffffff;
    text-transform:                 uppercase;
}

@media (min-width: 1200px) and (max-width: 1350px) {
    .left aside,
    .right aside {
        font-size:                  24px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .left aside,
    .right aside {
        font-size:                  20px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .left aside,
    .right aside {
        font-size:                  16px;
    }
}
@media (max-width: 767px) {
    .left aside,
    .right aside {
        font-size:                  12px;
    }
}