/* Float Elements 
---------------------------------*/
.fl-lt {float:left;}
.fl-rt {float:right;}

/* Clear Floated Elements
---------------------------------*/
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:after {
  clear: both;
}

.figure { margin:0px;}


div{margin: 0;}


@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.1.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.1.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.1.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(../fonts/Montserrat/JTUSjIg1_i6t8kCHKm459WlhyyTh89Y.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}}

/* Primary Styles
---------------------------------*/

body {
	background:#f7d7ac;
	font-family: 'Montserrat', sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#313131;
	margin:0;
}
.color{
    color: rgb(138,21,72);
    
}
h2{
	font-size:1.2rem;
	color:#9f0404;
	font-family: 'Montserrat';
	font-weight:400;
	letter-spacing: 1px;
	margin:0 0 15px 0;
	text-align:center;
	text-transform:uppercase;
}
h3{
	font-family: 'Montserrat', sans-serif;
	color:#222222;
	font-size:16px;
	margin:0 0 5px 0;
	text-transform:uppercase;
	font-weight:400;
}
h4{
    font-size: 28px;
    color:rgb(138,21,72);
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	text-align:center;
	margin:15px 0px 0px 0px;
    text-transform:uppercase;
}
h5{
	font-size:22px;
	color:rgb(138,21,72);
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	text-align:left;
	margin:0 0 0 0;
}
h6{
	font-size:22px;
	color:#fff;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	text-align:left;
	margin:0 0 0 0;
}
p{
	line-height:24px;
	margin:0;
    color: #fff;
}

.a_ref{
    color: white;
    text-decoration: none;
    
}

.header{
    height: 100%;
    width: 100%;
	text-align:center;
	background-image: url(../image/hg_creme.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    position: fixed;	
}

.mittig {
    margin-left: auto;
    margin-right: auto;

}
.center-block{
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.inhalt{
    display: flex;
    flex-direction: row;
    min-height: 100vh;
    max-width: 70%;
    
    margin-left: 50%;
    z-index: 1000;
}

.inhalt-imp{
    
    display: flex;
    flex-direction: row;
    min-height: 50%;
    max-width: 100%;
    margin-left: 5%;
    margin-top: 5%;
    z-index: 1000;
}

footer{
    bottom: 0;
    left: 0;
    background-color: rgb(138,21,72);
    height: 5%;
    width: 100%;
    position: fixed;
    display: flex;
    flex-direction: row;
}

.foot_colm{
    display: flex;
    flex-direction: column;
    align-items: center;
   justify-content: center;
    color: white;
    margin-left: 5%;
}

.img-responsive{
    display: block;
    height: 50%;
    width: 30%;
    margin-bottom: 15px;
}

.img-responsive2{
    display: block;
    height: 30%;
    width: 30%;
    margin-bottom: 15px;
}

.logo_block{
    display: flex;
    flex-direction: column;
    align-items: center;
   justify-content: center;
    margin-left: 75%;
    margin-top: 50px;
}
.icon{
    display: block;
    height: 100px;
    width: 100px;
}
.icon_block{
    
    max-width: 20%;
    display: flex;
    flex-direction: column;
    align-items: center;
   justify-content: center;
    margin: 10%;
}

.size1{
    height: 50%;
    width: 50%;
}

.size2{
    height: 60%;
    width: 60%;
}

.impressum{
    
    width: 100%;
	text-align:center;
    background-color:#f7d7ac;
    position: absolute;
}
.column1{
    max-width: 30%;
    margin: 10px;
    display: flex;
    flex-direction: column;
    align-items:flex-start;
    justify-content: flex-start;
    text-align: left;
}
.column2{
    max-width: 70%;
    margin: 10px;
    margin-left: 15%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    text-align: left;
}