@charset "UTF-8";
/* CSS Document */

* {
    box-sizing: border-box;
}

body {
	margin: 0px;
	padding: 0px;
	font-family:Calibri;
	font-size: 100%;
	font-weight: normal;
	color: #035074;
	background-color: #e7e7e7;
    width: 100%;
	}

a {text-decoration: none}

@font-face {
    font-family:'Calibri';
    src: url('../fonts/Calibri.eot');
	src: url('../fonts/Calibri.eot?#iefix') format('embedded-opentype'),
	url('../fonts/Calibri.woff') format('woff'),
	url('../fonts/Calibri.svg#Calibri') format('svg');
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0-10FFFF;
}

h1	{color: #035074; font-size:160%; font-family:Calibri; font-weight:normal; margin:0 0 20px 0; line-height:22px;}
h2	{color: #035074; font-size:130%; font-family:Calibri; font-weight:normal; margin:0 0 10px 0}
h3	{color: #035074; font-size:150%; font-family:Calibri; font-weight:normal; margin:0 0 10px 0}
h4	{color: #999999; font-size:110%; font-family:Calibri; font-weight:normal; margin:20px 0}

p {margin: 0px}

.content {width: 100%; margin: 0px; padding: 0px}
.head {width: 100%; height: 140px; background-image: url("../img/headline.png"); background-repeat: repeat-x}
.logo-div {width:454px; height: 171px; margin: auto; z-index: 100; padding-top: 40px; background-image: url("../img/top_logo.png");background-position-y: 39px; position: relative; background-repeat: no-repeat;}
.top-images {width: 100%; height: 450px; background-image: url("../img/ibk_background_images1.jpg"); background-repeat:no-repeat; background-size: cover; background-position: top; z-index: 1}
.middle {margin: 30px auto 40px auto; max-width: 1000px; padding: 0 10px}
.pfeil {width: 30px; height: 30px; background-image: url("../img/pfeil.svg"); background-repeat:no-repeat; background-size: 20px 20px; background-position: center; padding: 0 5px; margin: 0 15px;}
.profil {background-color: #ffffff; width: 100%; height: 190px;}
.middle-bottom {margin: auto; max-width: 1000px; text-align: right}
.immocert {text-align: right; font-size: 80%}
.footer {background-color: #d1d1d1; width: 100%; font-size: 90%; padding: 20px 0 30px 0}
.fin {width: 100%; height: auto; text-align: center; padding: 30px 0; font-size: 90%; color: #7c7c7c;}


.gs-col{float:left;width:100%}
.gs-col.s1{width:8.33333%}
.gs-col.s2{width:16.66666%}
.gs-col.s3{width:24.99999%}
.gs-col.s4{width:33.33333%}
.gs-col.s5{width:41.66666%}
.gs-col.s6{width:49.99999%}
.gs-col.s7{width:58.33333%}
.gs-col.s8{width:66.66666%}
.gs-col.s9{width:74.99999%}
.gs-col.s10{width:83.33333%}
.gs-col.s11{width:91.66666%}
.gs-col.s12{width:99.99999%}

@media only screen and (min-width:601px){
.gs-col.m1{width:8.33333%}
.gs-col.m2{width:16.66666%}
.gs-col.m3{width:24.99999%}
.gs-col.m4{width:33.33333%}
.gs-col.m5{width:41.66666%}
.gs-col.m6{width:49.99999%}
.gs-col.m7{width:58.33333%}
.gs-col.m8{width:66.66666%}
.gs-col.m9{width:74.99999%}
.gs-col.m10{width:83.33333%}
.gs-col.m11{width:91.66666%}
.gs-col.m12{width:99.99999%}
}

@media only screen and (min-width:993px){
.gs-col.l1{width:8.33333%}
.gs-col.l2{width:16.66666%}
.gs-col.l3{width:24.99999%}
.gs-col.l4{width:33.33333%}
.gs-col.l5{width:41.66666%}
.gs-col.l6{width:49.99999%}
.gs-col.l7{width:58.33333%}
.gs-col.l8{width:66.66666%}
.gs-col.l9{width:74.99999%}
.gs-col.l10{width:83.33333%}
.gs-col.l11{width:91.66666%}
.gs-col.l12{width:99.99999%}
}

@media only screen and (max-width:800px) {
.profil {height: auto; padding:5px}
.middle-bottom {margin: auto; max-width: 1000px; text-align: center}
.immocert {text-align: center; font-size: 80%; margin-top: 10px}
.head {width: 100%; height: 140px; background-image: none; background-repeat: repeat-x}
.logo-div {width: 90%; /* height: auto; */ background-image: url("../img/top_logo_klein.png"); background-size: contain;background-position-y: 14px;}
}