@charset "utf-8";
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('/templates/Gravis/fonts/raleway-v28-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/templates/Gravis/fonts/raleway-v28-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/templates/Gravis/fonts/raleway-v28-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/templates/Gravis/fonts/raleway-v28-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/templates/Gravis/fonts/raleway-v28-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/templates/Gravis/fonts/raleway-v28-latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */
}
body,html{
	line-height:22px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	font-family: 'Raleway', sans-serif;
}
#alter{
font-size:20px;
color:#CC0000;}
figure{
margin:0;
width:33%;
box-sizing:border-box;}
#balken-top{
background-color:#922642;
width:100%;
height:30px;
}
.logo-img{
margin:auto;
width:100%;
padding-top:30px;
padding-bottom:30px;
}
.logo-img img{

width:40%;

}
img{
width:100%;
}
.button-img{
width:100%;
}

#user_104 img{
width:50%;
margin:0;
box-sizing:border-box;
}
#user_105{
padding-bottom:10px;
padding-top:10px;
}

ol li{
color:#425621;
}
#code{
width:35%;
}
.form-row.form-submit a{
color:#425621;
}
figure{
cursor:pointer;

}
.col-blog-40 h2{
line-height: 22px;
font-family: 'Raleway', sans-serif;
font-size:2em;
}
#navi_user2{
display:inline-block;}
input#responsive-nav[type=checkbox]:checked + label span .rotate{
 transition: 0.70s;
  -webkit-transition: 0.70s;
  -moz-transition: 0.70s;
  -ms-transition: 0.70s;
  -o-transition: 0.70s;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);

}

.rotate {
  transition: 0.70s;
  -webkit-transition: 0.70s;
  -moz-transition: 0.70s;
  -ms-transition: 0.70s;
  -o-transition: 0.70s;
 float:left;
  display: block;
  margin-right: auto;
  margin-left: auto;
  color: #7d012f!Important;
 
}

 .css-button {
    display: inline-block;
    cursor: pointer;
    color: #FFFFFF;
    font-family: Verdana;
    font-size: 16px;
    border-radius: 5px;
    background: linear-gradient(180deg, #7d012f 5%, #084208 100%);
    box-shadow: 0px 10px 14px -7px #616174;
}
 .css-button:hover {
    background: linear-gradient(180deg, #084208 5%, #006400 100%);
}
 .css-button:active {
    position: relative;
    top: 1px;
}
 .css-button-text {
    padding: 9px 18px;
    float: left;
	color:#FFFFFF;
}
 .css-button-icon {
    border-right: 1px solid rgba(255, 255, 255, 0.16);
    box-shadow: rgba(0, 0, 0, 0.14) -1px 0px 0px inset;
    border-radius: 5px 0 0 5px;
    padding: 9px 10px;
    float: left;
	color:#FFFFFF;
}

.cc_banner-wrapper{
z-index:900000;}
@font-face {
  font-family: 'FontAwesome';
  src: url('/templates/Gravis/fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('/templates/Gravis/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('/templates/Gravis/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('/templates/Gravis/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('/templates/Gravis/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('/templates/Gravis/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.script{

}
hr{
	height:0;
	border:0;
	border-top:1px solid #cccccc;
	
}
figure{
display:inline-block;
}
figure {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}
figure img {
    margin: 0;
    padding: 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}
figure:hover img {
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    transform: scale(1.03);
    opacity: .5;
    filter: alpha(opacity=50);
}
.back-to-top {
	position: fixed;
	bottom:20px;
	right:20px;
	background: url(images/images/totop-50.png) no-repeat;
	background-repeat: no-repeat;
	height: 50px;
	width: 50px;
	text-indent:-9999px;
	z-index:99999999999;
}
a{
	text-decoration:none;
	color:#ffffff;
}

/**************************/
/* Img Modul Start        */
/**************************/

.cat_headline h1{
font-size: 12px;
margin-bottom:10px;
font-weight:normal;
}

.img_container{
display:inline-block;
width:100%;

}
#angebot-style{
width:200px;
float:left;
transform: rotate(-15deg);}
/**************************/
/* Img Modul Ende         */
/**************************/
#user_106 img{
width:100%;}

@media screen and (min-width: 1100px) {
/**************************/
/* - Main CSS -  Ende    */
/**************************/
#user_108{

width:100%;
}
#user_109{
float:left;
width:33%;
}
#user_110{
float:left;
width:33%;
}
#user_110{
float:left;
width:33%;
}

#user_106{
width:15%;
float:left;
margin-top:20px;
padding-left:20px;
padding-right:20px;
box-sizing:border-box;
}

#user_103{
text-align: center;
}
#user_107{
width:15%;
float: right;
padding-right:20px;
box-sizing:border-box;
}
#middle{
width:70%;
float:left;
padding-right:20px;
box-sizing:border-box;}

.img-modul figure{
width:25%;

}
.img-modul figure img{
width:100%;

}
.cat_headline h1{
font-size:2.5em;
}
.left-block{
float:left;
width:70%;
padding-right:30px;
box-sizing:border-box;
}
.right-block{
float:left;
width:30%;
box-sizing:border-box;
}
.right-block img{
width:100%;
}
.id_319, .id_332, .id_333, .id_334, .id_343, .id_354{
column-count:2;
}
h1,h2{
color:#7d012f;

}
#user_99 h2{
color:#FFFFFF;
}
h1{
font-size:2.5em;
line-height:24px;

}
h2{
font-size:18px;
line-height:18px;
}
.box_vertikal_37 h1{
font-weight:700;
}
.back-to-top {
	position: fixed;
	bottom:20px;
	right:20px;
	background: url(images/images/totop-50.png) no-repeat;
	background-repeat: no-repeat;
	height: 50px;
	width: 50px;
	text-indent:-9999px;
}
#user_102{
padding-left:50px;
display:inline-block;
}

header{
	position:relative;
	display:block;
}
.container{
box-sizing: border-box;
margin: auto;
max-width: 1170px;
}
.container::before{
display:table;
content:" ";
clear: both;
}
.container::after{
display:table;
content:" ";
clear: both;
}
article::before{
display:table;
content:" ";
clear: both;
}
article::after{
display:table;
content:" ";
clear: both;
}
.inline{
	display: inline-block;
}
article{
display: table;
width:100%;
margin-top:20px;
margin-bottom:20px;

}
.logo{
	clear:both;
	float:none;
	position:relative;
bottom: -7px;
}
.va-middle{
vertical-align:middle;
}
#top{
padding-bottom:157px;
display:inline-block;
}
#top-menue{
padding-top:20px;
width:100%;
opacity:0.96;
position:fixed;
background-color:#9fc368;
top:0;
z-index:1000;
border-bottom: #ffffff 3px solid;
}
#user_100 h1{
font-size:36px!Important;
font-weight:normal;
}
#user_101{
font-size:36px!Important;
line-height:50px;
}
h1 a{
color:#7d012f;
}
#user_98{
padding-right:15px;
}
header img{
width:100%;
}
footer{
width:100%;
background-color: #7d012f;
height:auto;
text-transform:uppercase;
font-size:14px;
color:#ffffff;
padding-bottom:10px;
padding-top:30px;
margin-top:100px;
}
footer a{
color:#ffffff;
text-decoration:underline;
}
/**************************/
/* - Main CSS -  Ende    */
/**************************/

/**************************/
/*Modul Artikel Blog Start*/
/**************************/
h1 a{
color:#7d012f;
}
#date{
	float: left;
	height: auto;
	width: 100%;
	font-size:18px;
	color:#7d012f;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	margin-bottom: 20px;	
}
.spl-l{
float:left;
width:50%;
box-sizing: border-box;
padding-right:20px;}

.spl-r{
float:right;
width:45%;}

#wrapper_site_36 h1{
font-size:30px;
font-weight:normal;
margin:0px;
}
#wrapper_site_36{
font-size:12px;
}
#wrapper_site_37{
font-size:14px;
font-weight:normal;
}

/**************************/
/*Modul Artikel Blog Ende*/
/**************************/

/**************************/
/* Navi Horizontal   Start*/
/**************************/
#navi_user2{
width:100%;
height:50px;
}
#ul_main_user2 li{
float:left;
display:block;
margin-right:10px;
}
#navi_user2 a{
text-decoration:none;
font-size:16px;
}
#ul_sub__top_1{
position:absolute;
}
#ul_main_top > li > ul.inaktiv{
 overflow: hidden;
 max-height: 0;	
 -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
#ul_main_top > li:hover > ul.inaktiv {
	display: block;
    max-height: 500px;
    -webkit-transition: all 2s;
    -moz-transition: all 2s;
    -ms-transition: all 2s;
    -o-transition: all 2s;
    transition: all 2s;}	

#ul_main_top > li > ul.aktiv{
 overflow: hidden;
 max-height: 0;	
 -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
#ul_main_top > li:hover > ul.aktiv {
	display: block;
    max-height: 500px;
    -webkit-transition: all 2s;
    -moz-transition: all 2s;
    -ms-transition: all 2s;
    -o-transition: all 2s;
    transition: all 2s;}

#ul_main_top  > li > a.activ{
	color:#ffffff;
	background-color:#7d012f;
	border-radius:4px;
}
#ul_main_top > li > a{
padding:10px;
margin-left:3px;
margin-right:3px;
display:block;
position:relative;
background-color:#7d012f;
}

#ul_main_top > li > a:hover{
background-color:#7d012f;
color:#ffffff;
border-radius:4px;
-webkit-transition: all 1s;
-moz-transition: all 1s;
-ms-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
}
#ul_main_user2 > li > a{
border-radius:4px;
color:#ffffff;
padding:10px;
background-color:#7d012f;
-webkit-transition: all 1s;
-moz-transition: all 1s;
-ms-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
}
#ul_main_user2 > li > a:hover{
border-radius:4px;
color:#7d012f;
padding:10px;
background-color:#ffffff;
-webkit-transition: all 1s;
-moz-transition: all 1s;
-ms-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
}
.triangel{
bottom: 0;
left: 0;
margin: auto;
position: absolute;
right: 0;
border-bottom: 5px solid #fff;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 0 none;
display: inline-block;
width: 0;
height: 0;

}
#ul_main_top{
list-style:none;
margin:0;
padding:0;
}

#ul_main_top > li > ul > li > a:hover{
background-color:#7d012f;
color:#ffffff;
float:none!important;
border-radius:0px!important;
}
#ul_main_top > li > ul > li > a{
padding-left:10px;
padding-right:10px;
padding-top:10px;
padding-bottom:10px;
margin-left:0px;
margin-right:0px;
display:block;
position:relative;
font-size:14px;
border-radius:0px!important;
}
#ul_main_top > li > ul {
background-color:#ffffff;
color:#ffffff;
min-width:200px;
padding-top:10px;
padding-left:0px;
margin-left:0px;
}
#ul_main_top > li > ul > li {
width:100%;
}
a{
	text-decoration:none
	color:#7d012f;
}
#ul_main_top{
	float:left;
	list-style:none;
	margin:0;
	padding:0
}
#ul_main_top > li{
float:left;
position:relative;

}
nav a{
color:#ffffff;
text-decoration:none;
font-size:20px;
border-radius:4px;
}
#ul_main_user2{
position:relative;
z-index:597;
float:left;
height:auto;
width:auto;
list-style:none;
margin:0;
padding:0
}
input#responsive-nav,label.responsive-nav-label{
display:none
}

/**************************/
/* Navi Horizontal    Ende*/
/**************************/

/**************************/
/* Img Modul Start        */
/**************************/
.img-modul h1{
font-size:2.5em;
}

.img_box_img_cat h1{
font-weight:normal;
font-size: 18px;
}
.cat_headline{
	
	font-size: 12px;
	color:#7d012f;
	line-height: 22px;
	float: left;
	min-height: 200px;

}
.img_box h1{
font-weight:normal;
font-size: 18px;
}
.img_box{
	display:inline-block;
	font-size: 12px;
	color:#7d012f;
	line-height: 22px;
	margin-bottom: 50px;
}

.img_box_img_cat{

	font-size: 12px;
	color:#7d012f;
	line-height: 22px;
	display:inline-block;

	height: auto;
	width: 70%;
	margin-right: 15px;
	margin-bottom: 25px;
	margin-top:20px;

}

a.m_img{

	font-size: 18px;
	color:#7d012f;
	text-decoration: none;
	font-weight: bolder;
}

a.m_img:hover{

	font-size: 18px;
	color:#7d012f;
	text-decoration: none;
	font-weight: bolder;
}

.border{
	
}

.img_1, .img_2, .img_3, .img_4, .img_5, .img_6, .img_7, .img_8{
	float: left;
	height: auto;
	width: auto;
	margin-right: 20px;
	margin-bottom: 20px;
}

.img_9{
	float: left;
	height: auto;
	width: auto;
	margin-right: 440px;
	margin-bottom: 20px;
}

.img_10, .img_11, .img_12, .img_13, .img_14, .img_15, .img_16, .img_17, .img_18, .img_19, .img_20, .img_21, .img_22, .img_23, .img_24{
	float: left;
	height: auto;
	width: auto;
	margin-right: 20px;
	margin-bottom: 20px;
}




#image_box{
	height: 380px;
	width: 980px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
}

#back{
	float: left;
	height: auto;
	width: auto;
}

#next{
	float: right;
	
	margin-right:20px;
}

/**************************/
/* Img Modul Ende         */
/**************************/

/**************************/
/* Kontakt Modul Start    */
/**************************/

.clearfix:after {
    content: "";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}
#contact_formular label{
	width:100%;
	text-transform:uppercase;
	color:#425621;
}
input[type=text], textarea{
	width:100%;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #425621;
	font-family:"Raleway",sans-serif;
	border-radius:0;
	margin:0;
	padding:0;

}
input[type="submit"] {
-webkit-appearance:none; 
-webkit-border-radius:0;
padding:20px;
font-size:16px;
}
input[type="button"] {
-webkit-appearance:none; 
-webkit-border-radius:0;
padding:15px;
font-size:16px;
}
.form-row{
	margin-top:40px;
	width:100%;
}
#code{
vertical-align:middle;
}
.submit{
background-color:#7d012f;
color:#FFFFFF;

font-family:"Raleway",sans-serif;
text-transform:uppercase;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
cursor:pointer;
border-radius:0;
border:1px;
border-style:solid;
border-color:#425621;
}
.submit:hover{
color:#7d012f;
background-color: #ffffff;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
border:1px;
border-style:solid;
border-color:#425621;

box-sizing:border-box;
}
.error_message{
color:#7d012f;
}
#contact_content a{
color:#7d012f;
}
/**************************/
/* Kontakt Modul Ende     */
/**************************/

/**************************/
/* Link List Modul Start  */
/**************************/
.spalten{
	float:left;
	width:33.33%;
	padding-right:10px;
	box-sizing: border-box;

	font-size: 14px;
	color: #666666;
	line-height: 20px;	
}
.spalten a{

	font-size: 12px;
	color:#7d012f;
	line-height: 20px;	
}

.spalten a:hover{
	
	font-size: 12px;
	color:#7d012f;
	line-height: 20px;	
}
.link_list_container{
display:inline-block;
width:100%;
}
/**************************/
/* Link List Modul Ende   */
/**************************/

/**************************/
/* Flipp Modul Start      */
/**************************/
/* entire container, keeps perspective */
.flip-container {
	perspective: 1000px;
	transform-style: preserve-3d;
	border-radius:15px;
}
	/* flip the pane when hovered */

	
	.flip-container:hover .back {
		transform: rotateY(0deg);
	}
	.flip-container:hover .front {
	    transform: rotateY(180deg);
	}

.flipper {
	transition: 0.6s;
	transform-style: preserve-3d;

	position: relative;
}
.flip-container, .front, .back {
	width: 200px;
	height: 250px;
	background-color:#9fc368;
	overflow:hidden;
	
	
}

.flip-container img{
width:100%;}
/* flip speed goes here */
.flipper {
	transition: 0.6s;
	transform-style: preserve-3d;
	position: relative;
}

/* hide back of pane during swap */
.front, .back {
	backface-visibility: hidden;
	transition: 0.6s;
	transform-style: preserve-3d;

	position: absolute;
	top: 0;
	left: 0;
}

/* front pane, placed above back */
.front {
	z-index: 2;
	/* for firefox 31 */
	transform: rotateY(0deg);
	text-align:center;
	color:#FFFFFF;

	
}

/* back, initially hidden pane */
.back {
	transform: rotateY(-180deg);
	color:#FFFFFF;
	text-align:center;
	font-size:12px;
	line-height:16px;
	box-sizing:border-box;
	padding:5px;

}
.back h1, .front h1{
font-size:16px;
text-transform:uppercase;

	color:#FFFFFF!Important;

}
.flip-box{
display:inline-block;
width:24%;
}

/**************************/
/* Flipp Modul Ende       */
/**************************/

#image_right{
	background-image: url(/templates/Gravis/images/images/abstract_hg.png);
	background-repeat: repeat-y;
	background-position: right;
	position: fixed;
	top: 0px;
	right: 0px;
	z-index: 10000;
	height: 100%;
	width: 200px;
	background-attachment: scroll;
	bottom: 0px;
}
}

@media screen and (min-width: 600px) and (max-width: 1099px)  and (orientation : landscape)  {
.left-block{
float:left;
width:70%;
padding-right:5%;}
.right-block{
float:left;
width:25%;
}

.back-to-top {
	position: fixed;
	bottom:20px;
	right:20px;
	background: url(images/images/totop-50.png) no-repeat;
	background-repeat: no-repeat;
	height: 50px;
	width: 50px;
	text-indent:-9999px;
	display:none;
}
article{
display: table;
width:100%;

}
figure{
margin:0;}
h1,h2{
color:#7d012f;
}
h1{
font-size: 2.5em;
line-height: 24px;

}

.box_vertikal_37 h1{
font-weight:700;
}
#user_102{
padding-left:50px;
display:inline-block;
}


header{
	position:relative;
	display:block;
}
.container{
width:100%;
}
.container::before{
display:table;
content:" ";
clear: both;

}

.container::after{
display:table;
content:" ";
clear: both;
}
.inline{
width:100%;
display: inline-block;
}
.logo{
display:none;
}
.va-middle{
vertical-align:middle;
}
#top-menue{
padding-top:20px;
padding-bottom:20px;
width:100%;
opacity:0.96;
background-color:#FFFFFF;
top:0;
z-index:1000;
}
#user_100 h1{
font-size:36px!Important;
font-weight:normal;
}
#user_101{
font-size:36px!Important;
line-height:50px;
}
h1 a{
color:#7d012f;
}
#user_98{
box-sizing:border-box;
padding-left:10px;
padding-right:10px;
}
header img{
width:100%;
}

footer{
width:100%;
background-color: #7d012f;
margin-top:50px;
height:auto;
text-transform:uppercase;
font-size:12px;
color:#ffffff;
padding-bottom:10px;
padding-top:10px;
display:block;
box-sizing:border-box;
padding-left:10px;
padding-right:10px;
}
footer a{
color:#ffffff;
text-decoration:underline;
}
img{
width:100%;
}
main{
box-sizing:border-box;
padding-left:10px;
padding-right:10px;
}
/**************************/
/*Modul Artikel Blog Start*/
/**************************/
h1 a{
color:#7d012f;
}
/**************************/
/*Modul Artikel Blog Ende*/
/**************************/

/**************************/
/*Navi Horizontal Start   */
/**************************/
.navi_box{
position:relative;

width:100%;

}
.navi-box nav{
position:absolute;

display:none;
width:100%;
margin-left:0
}
input#responsive-nav[type=checkbox]:checked ~ nav{
position:relative;
top:0;
display: inline-block;
}
#ul_main_user2 li {

    float: left;
    display: block;
    margin-right: 20px;

}
input#responsive-nav,label.responsive-nav-label{
display:none
}
label.responsive-nav-label{
position:relative;
display:block;
margin-top:20px;
margin-left:10px;
background:#fff;
cursor:pointer;
color:#7d012f;

}
.triangel{
display:none;
}
label.responsive-nav-label span{
margin-right:10px;
font-size:30px
}
nav a:after{
display:none
}
ul{
	list-style:none;
	margin:0;
	padding:0
}
#ul_main_top > li > a.activ{
	color:#ffffff;
	background-color:#7d012f;
	padding:10px;

}
#ul_sub__top_1 > li > a.activ{
	color:#ffffff;
	background-color:#7d012f;
	padding:10px;

}
#ul_main_top > li > a{
	color:#7d012f;
	padding:10px;
	display:block;
	font-size:20px;
	text-align:center;
	text-decoration:none;
}

#ul_main_top > li > a:hover{
color:#ffffff;
background-color:#7d012f;
}
#ul_main_top > li > ul > li > a {
	color:#7d012f;
	padding:10px;
	display:block;
	font-size:20px;
	text-align:center;
	text-decoration:none;
}
#ul_main_top > li > ul > li > a:hover {
color: #ffffff;
background-color: #7d012f;
}

#ul_main_user2 > li > a{
color:#ffffff;
border-bottom: #ffffff 1px solid;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
#ul_main_user2 > li > a:hover{
color:#ffffff;
border-bottom: #ffffff 5px solid;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
#ul_main_user2 > li > a.activ{
border-bottom: #ffffff 5px solid;
}

/**************************/
/*Navi Horizontal     Ende*/
/**************************/

/**************************/
/* Img Modul Start        */
/**************************/
.img-modul h1{
font-size:12px;
}
.cat_headline{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	line-height: 22px;
	float: left;
	height: auto;
	width: 100%;
}

.img_box{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	line-height: 22px;
	float: left;
	height: auto;
	width: 100%;
	margin-bottom: 50px;
}

.img_box_img_cat{
font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	line-height: 22px;
	float: left;
	height: auto;
	width: auto;
	margin-right: 15px;
	margin-bottom: 25px;

}

a.m_img{
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	color: #666666;
	text-decoration: none;
	font-weight: bolder;
}

a.m_img:hover{
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	color:#7d012f;
	text-decoration: none;
	font-weight: bolder;
}

.border{
	
}

.img_1, .img_2, .img_3, .img_4, .img_5, .img_6, .img_7, .img_8{
	float: left;
	height: auto;
	width: auto;
	margin-right: 20px;
	margin-bottom: 20px;
}

.img_9{
	float: left;
	height: auto;
	width: auto;
	margin-right: 440px;
	margin-bottom: 20px;
}

.img_10, .img_11, .img_12, .img_13, .img_14, .img_15, .img_16, .img_17, .img_18, .img_19, .img_20, .img_21, .img_22, .img_23, .img_24{
	float: left;
	height: auto;
	width: auto;
	margin-right: 20px;
	margin-bottom: 20px;
}




#image_box{
	height: 380px;
	width: 980px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
}

#back{
	float: left;
	height: auto;
	width: auto;
}

#next{
	float: right;
	height: auto;
	width: auto;
}

/**************************/
/* Img Modul Ende         */
/**************************/

/**************************/
/* Kontakt Modul Start    */
/**************************/

.clearfix:after {
    content: "";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}
#contact_formular label{
	width:100%;
	text-transform:uppercase;
	color:#7d012f;
}
input[type=text], textarea{
	width:100%;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #9fc368;
	font-family:"Raleway",sans-serif;
	border-radius:0;
	margin:0;
	padding:0;
}
input[type="submit"] {
-webkit-appearance:none; 
-webkit-border-radius:0;
padding:20px; 
}
.form-row{
	margin-top:40px;
	width:100%;
}
#code{
vertical-align:middle;
}
.submit{

background-color:#7d012f;
color:#FFFFFF;
border:1px;
font-family:"Raleway",sans-serif;
text-transform:uppercase;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
cursor:pointer;
border-radius:0;
}
.submit:hover{
background-color: #ffffff;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
color:#7d012f;
}
.error_message{
color:#7d012f;
}
#contact_content a{
color:#7d012f;
}
/**************************/
/* Kontakt Modul Ende     */
/**************************/

/**************************/
/* Link List Modul Start  */
/**************************/
.spalten{
float:left;
	width:100%;
	padding-right:0px;
	box-sizing: border-box;
	font-family:Source Sans Pro, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
	line-height: 20px;	
}
.spalten a{
	font-family:Source Sans Pro, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
	line-height: 20px;	
}

.spalten a:hover{
	font-family:Source Sans Pro, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#7d012f;
	line-height: 20px;	
}
/**************************/
/* Link List Modul Ende   */
/**************************/
/**************************/
/* Flipp Modul Start      */
/**************************/
/* entire container, keeps perspective */
.flip-container {
	float:left;
	margin-bottom:10px;

}
	/* flip the pane when hovered */
	.flip-container:hover .flipper, .flip-container.hover .flipper {
	
	}

.flip-container, .front, .back {
	width: 100%;
	background-color:#9fc368;	
}
.flip-container{

}
.flip-container img{
width:100%;}
/* flip speed goes here */
.flipper {

	position: relative;
}

/* hide back of pane during swap */
.front, .back {

	
}

/* front pane, placed above back */
.front {

	/* for firefox 31 */

	text-align:center;
	color:#FFFFFF;
	
}

/* back, initially hidden pane */
.back {

	color:#FFFFFF;
	text-align:center;
	font-size:12px;
	line-height:16px;
	box-sizing:border-box;
	padding:5px;
}
.back h1, .front h1{
font-size:16px;
text-transform:uppercase;

	color:#FFFFFF!Important;

}
.flip-box{
margin-bottom:10px;
}

/**************************/
/* Flipp Modul Ende       */
/**************************/
}
@media screen and (max-width:600px) and (orientation : landscape)  {
.left-block{
float:left;
width:70%;
padding-right:5%;}
.right-block{
float:left;
width:25%;
}
.back-to-top {
	position: fixed;
	bottom:20px;
	right:20px;
	background: url(images/images/totop-50.png) no-repeat;
	background-repeat: no-repeat;
	height: 50px;
	width: 50px;
	text-indent:-9999px;
	display:none;
}
article{
display: table;
width:100%;

}
figure{
margin:0;}
h1,h2{
color:#7d012f;
}
h1{
font-size: 2.5em;
line-height: 24px;

}
.box_vertikal_37 h1{
font-weight:700;
}
#user_102{
padding-left:50px;
display:inline-block;
}

header{
	position:relative;
	display:block;
}
.container{
width:100%;
}
.container::before{
display:table;
content:" ";
clear: both;

}

.container::after{
display:table;
content:" ";
clear: both;
}
.inline{
width:100%;
display: inline-block;
}
.logo{
display:none;
}
.va-middle{
vertical-align:middle;
}
#top-menue{
padding-top:20px;
padding-bottom:20px;
width:100%;
opacity:0.96;
background-color:#FFFFFF;
top:0;
z-index:1000;
}
#user_100 h1{
font-size:36px!Important;
font-weight:normal;
}
#user_101{
font-size:36px!Important;
line-height:50px;
}
h1 a{
color:#7d012f;
}
#user_98{
box-sizing:border-box;
padding-left:10px;
padding-right:10px;
}
header img{
width:100%;
}

footer{
width:100%;
background-color: #7d012f;

margin-top:50px;
height:auto;
text-transform:uppercase;
font-size:12px;
color:#ffffff;
padding-bottom:10px;
padding-top:10px;
display:block;
box-sizing:border-box;
padding-left:10px;
padding-right:10px;
}
footer a{
color:#ffffff;
text-decoration:underline;
}
img{
width:100%;
}
main{
box-sizing:border-box;
padding-left:10px;
padding-right:10px;
}
/**************************/
/*Modul Artikel Blog Start*/
/**************************/
h1 a{
color:#7d012f;
}
/**************************/
/*Modul Artikel Blog Ende*/
/**************************/

/**************************/
/*Navi Horizontal Start   */
/**************************/
.navi_box{
position:relative;

width:100%;

}
.navi-box nav{
position:absolute;

display:none;
width:100%;
margin-left:0
}
input#responsive-nav[type=checkbox]:checked ~ nav{
position:relative;
top:0;
display: inline-block;
}
input#responsive-nav,label.responsive-nav-label{
display:none
}
label.responsive-nav-label{
position:relative;
display:block;
margin-top:20px;
margin-left:10px;
background:#fff;
cursor:pointer;
color:#7d012f;

}
.triangel{
display:none;
}
label.responsive-nav-label span{
margin-right:10px;
font-size:30px
}
nav a:after{
display:none
}
ul{
	list-style:none;
	margin:0;
	padding:0
}
#ul_main_top > li > a.activ{
	color:#ffffff;
	background-color:#7d012f;
	padding:10px;

}
#ul_sub__top_1 > li > a.activ{
	color:#ffffff;
	background-color:#7d012f;
	padding:10px;

}
#ul_main_top > li > a{
	color:#7d012f;
	padding:10px;
	display:block;
	font-size:20px;
	text-align:center;
	text-decoration:none;
}

#ul_main_top > li > a:hover{
color:#ffffff;
background-color:#7d012f;
}
#ul_main_top > li > ul > li > a {
	color:#7d012f;
	padding:10px;
	display:block;
	font-size:20px;
	text-align:center;
	text-decoration:none;
}
#ul_main_top > li > ul > li > a:hover {
color: #ffffff;
background-color: #7d012f;
}
#ul_main_user2 > li > a{
color:#ffffff;
border-bottom: #ffffff 1px solid;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
#ul_main_user2 > li > a:hover{
color:#ffffff;
border-bottom: #ffffff 5px solid;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
#ul_main_user2 > li > a.activ{
border-bottom: #ffffff 5px solid;
}

/**************************/
/*Navi Horizontal     Ende*/
/**************************/

/**************************/
/* Img Modul Start        */
/**************************/
.img-modul h1{
font-size:12px;
}
.cat_headline{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	line-height: 22px;
	float: left;
	height: auto;
	width: 100%;
}

.img_box{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	line-height: 22px;
	float: left;
	height: auto;
	width: 100%;
	margin-bottom: 50px;
}

.img_box_img_cat{
font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	line-height: 22px;
	float: left;
	height: auto;
	width: auto;
	margin-right: 15px;
	margin-bottom: 25px;

}

a.m_img{
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	color: #666666;
	text-decoration: none;
	font-weight: bolder;
}

a.m_img:hover{
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	color:#7d012f;
	text-decoration: none;
	font-weight: bolder;
}

.border{
	
}

.img_1, .img_2, .img_3, .img_4, .img_5, .img_6, .img_7, .img_8{
	float: left;
	height: auto;
	width: auto;
	margin-right: 20px;
	margin-bottom: 20px;
}

.img_9{
	float: left;
	height: auto;
	width: auto;
	margin-right: 440px;
	margin-bottom: 20px;
}

.img_10, .img_11, .img_12, .img_13, .img_14, .img_15, .img_16, .img_17, .img_18, .img_19, .img_20, .img_21, .img_22, .img_23, .img_24{
	float: left;
	height: auto;
	width: auto;
	margin-right: 20px;
	margin-bottom: 20px;
}




#image_box{
	height: 380px;
	width: 980px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
}

#back{
	float: left;
	height: auto;
	width: auto;
}

#next{
	float: right;
	height: auto;
	width: auto;
}

/**************************/
/* Img Modul Ende         */
/**************************/

/**************************/
/* Kontakt Modul Start    */
/**************************/

.clearfix:after {
    content: "";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}
#contact_formular label{
	width:100%;
	text-transform:uppercase;
	color:#7d012f;
}
input[type=text], textarea{
	width:100%;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #9fc368;
	font-family:"Raleway",sans-serif;
	border-radius:0;
	margin:0;
	padding:0;
}
input[type="submit"] {
-webkit-appearance:none; 
-webkit-border-radius:0;
padding:20px; 
}
.form-row{
	margin-top:40px;
	width:100%;
}
#code{
vertical-align:middle;
}
.submit{

background-color:#7d012f;
color:#FFFFFF;
border:1px;
font-family:"Raleway",sans-serif;
text-transform:uppercase;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
cursor:pointer;
border-radius:0;
}
.submit:hover{
background-color: #ffffff;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
color:#7d012f;
}
.error_message{
color:#7d012f;
}
#contact_content a{
color:#7d012f;
}
/**************************/
/* Kontakt Modul Ende     */
/**************************/

/**************************/
/* Link List Modul Start  */
/**************************/
.spalten{
float:left;
	width:100%;
	padding-right:0px;
	box-sizing: border-box;
	font-family:Source Sans Pro, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
	line-height: 20px;	
}
.spalten a{
	font-family:Source Sans Pro, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
	line-height: 20px;	
}

.spalten a:hover{
	font-family:Source Sans Pro, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#7d012f;
	line-height: 20px;	
}
/**************************/
/* Link List Modul Ende   */
/**************************/
/**************************/
/* Flipp Modul Start      */
/**************************/
/* entire container, keeps perspective */
.flip-container {
	float:left;
	margin-bottom:10px;

}
	/* flip the pane when hovered */
	.flip-container:hover .flipper, .flip-container.hover .flipper {
	
	}

.flip-container, .front, .back {
	width: 100%;
	background-color:#9fc368;	
}
.flip-container{

}
.flip-container img{
width:100%;}
/* flip speed goes here */
.flipper {

	position: relative;
}

/* hide back of pane during swap */
.front, .back {

	
}

/* front pane, placed above back */
.front {

	/* for firefox 31 */

	text-align:center;
	color:#FFFFFF;
	
}

/* back, initially hidden pane */
.back {

	color:#FFFFFF;
	text-align:center;
	font-size:12px;
	line-height:16px;
	box-sizing:border-box;
	padding:5px;
}
.back h1, .front h1{
font-size:16px;
text-transform:uppercase;

	color:#FFFFFF!Important;

}
.flip-box{
margin-bottom:10px;
}

/**************************/
/* Flipp Modul Ende       */
/**************************/
}

@media screen and (max-width:600px) and (orientation : portrait) {

.back-to-top {
	position: fixed;
	bottom:20px;
	right:20px;
	background: url(images/images/totop-50.png) no-repeat;
	background-repeat: no-repeat;
	height: 50px;
	width: 50px;
	text-indent:-9999px;
	display:none;
}
article{
display: table;
width:100%;

}
figure{
margin:0;}
h1,h2{
color:#7d012f;
}
h1{
font-size: 2.5em;
line-height: 24px;

}
.box_vertikal_37 h1{
font-weight:700;
}
#user_102{
padding-left:50px;
display:inline-block;
}

header{
	position:relative;
	display:block;
}
.container{
width:100%;
}
.container::before{
display:table;
content:" ";
clear: both;

}

.container::after{
display:table;
content:" ";
clear: both;
}
.inline{
width:100%;
display: inline-block;
}
.logo{
display:none;
}
.va-middle{
vertical-align:middle;
}
#top-menue{
padding-top:20px;
padding-bottom:20px;
width:100%;
opacity:0.96;
background-color:#FFFFFF;
top:0;
z-index:1000;
}
#user_100 h1{
font-size:36px!Important;
font-weight:normal;
}
#user_101{
font-size:36px!Important;
line-height:50px;
}
h1 a{
color:#7d012f;
}
#user_98{
box-sizing:border-box;
padding-left:10px;
padding-right:10px;
}
header img{
width:100%;
}

footer{
width:100%;
background-color: #7d012f;
margin-top:50px;
height:auto;
text-transform:uppercase;
font-size:12px;
color:#ffffff;
padding-bottom:10px;
padding-top:10px;
display:block;
box-sizing:border-box;
padding-left:10px;
padding-right:10px;
}
footer a{
color:#ffffff;
text-decoration:underline;
}
img{
width:100%;
}
main{
box-sizing:border-box;
padding-left:10px;
padding-right:10px;
}
/**************************/
/*Modul Artikel Blog Start*/
/**************************/
h1 a{
color:#7d012f;
}
/**************************/
/*Modul Artikel Blog Ende*/
/**************************/

/**************************/
/*Navi Horizontal Start   */
/**************************/
.navi_box{
position:relative;

width:100%;

}
.navi-box nav{
position:absolute;

display:none;
width:100%;
margin-left:0
}
input#responsive-nav[type=checkbox]:checked ~ nav{
position:relative;
top:0;
display: inline-block;
}
input#responsive-nav,label.responsive-nav-label{
display:none
}
label.responsive-nav-label{
position:relative;
display:block;
margin-top:20px;
margin-left:10px;
background:#fff;
cursor:pointer;
color:#7d012f;

}
.triangel{
display:none;
}
label.responsive-nav-label span{
margin-right:10px;
font-size:30px
}
nav a:after{
display:none
}
ul{
	list-style:none;
	margin:0;
	padding:0
}
#ul_main_top > li > a.activ{
	color:#ffffff;
	background-color:#7d012f;
	padding:10px;

}
#ul_sub__top_1 > li > a.activ{
	color:#ffffff;
	background-color:#7d012f;
	padding:10px;

}
#ul_main_top > li > a{
	color:#7d012f;
	padding:10px;
	display:block;
	font-size:20px;
	text-align:center;
	text-decoration:none;
}

#ul_main_top > li > a:hover{
color:#ffffff;
background-color:#7d012f;
}
#ul_main_top > li > ul > li > a {
	color:#7d012f;
	padding:10px;
	display:block;
	font-size:20px;
	text-align:center;
	text-decoration:none;
}
#ul_main_top > li > ul > li > a:hover {
color: #ffffff;
background-color: #7d012f;
}
#ul_main_user2 > li > a{
color:#ffffff;
border-bottom: #ffffff 1px solid;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
#ul_main_user2 > li > a:hover{
color:#ffffff;
border-bottom: #ffffff 5px solid;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
#ul_main_user2 > li > a.activ{
border-bottom: #ffffff 5px solid;
}
/**************************/
/*Navi Horizontal     Ende*/
/**************************/


/**************************/
/* Img Modul Start        */
/**************************/
.img-modul h1{
font-size:12px;
}
.cat_headline{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	line-height: 22px;
	float: left;
	height: auto;
	width: 100%;
}

.img_box{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	line-height: 22px;
	float: left;
	height: auto;
	width: 100%;
	margin-bottom: 50px;
}

.img_box_img_cat{
font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	line-height: 22px;
	float: left;
	height: auto;
	width: auto;
	margin-right: 15px;
	margin-bottom: 25px;

}

a.m_img{
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	color: #666666;
	text-decoration: none;
	font-weight: bolder;
}

a.m_img:hover{
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	color:#7d012f;
	text-decoration: none;
	font-weight: bolder;
}

.border{
	
}

.img_1, .img_2, .img_3, .img_4, .img_5, .img_6, .img_7, .img_8{
	float: left;
	height: auto;
	width: auto;
	margin-right: 20px;
	margin-bottom: 20px;
}

.img_9{
	float: left;
	height: auto;
	width: auto;
	margin-right: 440px;
	margin-bottom: 20px;
}

.img_10, .img_11, .img_12, .img_13, .img_14, .img_15, .img_16, .img_17, .img_18, .img_19, .img_20, .img_21, .img_22, .img_23, .img_24{
	float: left;
	height: auto;
	width: auto;
	margin-right: 20px;
	margin-bottom: 20px;
}




#image_box{
	height: 380px;
	width: 980px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
}

#back{
	float: left;
	height: auto;
	width: auto;
}

#next{
	float: right;
	height: auto;
	width: auto;
}

/**************************/
/* Img Modul Ende         */
/**************************/

/**************************/
/* Kontakt Modul Start    */
/**************************/

.clearfix:after {
    content: "";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}
#contact_formular label{
	width:100%;
	text-transform:uppercase;
	color:#7d012f;
}
input[type=text], textarea{
	width:100%;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #9fc368;
	font-family:"Raleway",sans-serif;
	border-radius:0;
	margin:0;
	padding:0;
}
input[type="submit"] {
-webkit-appearance:none; 
-webkit-border-radius:0;
padding:20px; 
}
.form-row{
	margin-top:40px;
	width:100%;
}
#code{
vertical-align:middle;
}
.submit{

background-color:#7d012f;
color:#FFFFFF;
border:1px;
font-family:"Raleway",sans-serif;
text-transform:uppercase;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
cursor:pointer;
border-radius:0;
}
.submit:hover{
background-color: #ffffff;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
color:#7d012f;
}
.error_message{
color:#7d012f;
}
#contact_content a{
color:#7d012f;
}
/**************************/
/* Kontakt Modul Ende     */
/**************************/

/**************************/
/* Link List Modul Start  */
/**************************/
.spalten{
float:left;
	width:100%;
	padding-right:0px;
	box-sizing: border-box;
	font-family:Source Sans Pro, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
	line-height: 20px;	
}
.spalten a{
	font-family:Source Sans Pro, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
	line-height: 20px;	
}

.spalten a:hover{
	font-family:Source Sans Pro, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#7d012f;
	line-height: 20px;	
}
/**************************/
/* Link List Modul Ende   */
/**************************/
/**************************/
/* Flipp Modul Start      */
/**************************/
/* entire container, keeps perspective */
.flip-container {
	float:left;
	margin-bottom:10px;

}
	/* flip the pane when hovered */
	.flip-container:hover .flipper, .flip-container.hover .flipper {
	
	}

.flip-container, .front, .back {
	width: 100%;
	background-color:#9fc368;	
}
.flip-container{

}
.flip-container img{
width:100%;}
/* flip speed goes here */
.flipper {

	position: relative;
}

/* hide back of pane during swap */
.front, .back {

	
}

/* front pane, placed above back */
.front {

	/* for firefox 31 */

	text-align:center;
	color:#FFFFFF;
	
}

/* back, initially hidden pane */
.back {

	color:#FFFFFF;
	text-align:center;
	font-size:12px;
	line-height:16px;
	box-sizing:border-box;
	padding:5px;
}
.back h1, .front h1{
font-size:16px;
text-transform:uppercase;

	color:#FFFFFF!Important;

}
.flip-box{
margin-bottom:10px;
}

/**************************/
/* Flipp Modul Ende       */
/**************************/
}
@media screen and (min-width: 600px) and (max-width: 1099px) and (orientation : portrait)  {

.left-block{
float:left;
width:70%;
padding-right:5%;}
.right-block{
float:left;
width:25%;
}
.back-to-top {
	position: fixed;
	bottom:20px;
	right:20px;
	background: url(images/images/totop-50.png) no-repeat;
	background-repeat: no-repeat;
	height: 50px;
	width: 50px;
	text-indent:-9999px;
	display:none;
}
article{
display: table;
width:100%;

}
figure{
margin:0;}
h1,h2{
color:#7d012f;
}
h1{
font-size: 2.5em;
line-height: 24px;
}
.box_vertikal_37 h1{
font-weight:700;
}
#user_102{
padding-left:50px;
display:inline-block;
}

header{
	position:relative;
	display:block;
}
.container{
width:100%;
}
.container::before{
display:table;
content:" ";
clear: both;

}

.container::after{
display:table;
content:" ";
clear: both;
}
.inline{
width:100%;
display: inline-block;
}
.logo{
display:none;
}
.va-middle{
vertical-align:middle;
}
#top-menue{
padding-top:20px;
padding-bottom:20px;
width:100%;
opacity:0.96;
background-color:#FFFFFF;
top:0;
z-index:1000;
}
#user_100 h1{
font-size:36px!Important;
font-weight:normal;
}
#user_101{
font-size:36px!Important;
line-height:50px;
}
h1 a{
color:#7d012f;
}
#user_98{
box-sizing:border-box;
padding-left:10px;
padding-right:10px;
}
header img{
width:100%;
}

footer{
width:100%;
background-color: #7d012f;
margin-top:50px;
height:auto;
text-transform:uppercase;
font-size:12px;
color:#ffffff;
padding-bottom:10px;
padding-top:10px;
display:block;
box-sizing:border-box;
padding-left:10px;
padding-right:10px;
}
footer a{
color:#ffffff;
text-decoration:underline;
}
img{
width:100%;
}
main{
box-sizing:border-box;
padding-left:10px;
padding-right:10px;
}
/**************************/
/*Modul Artikel Blog Start*/
/**************************/
h1 a{
color:#7d012f;
}
/**************************/
/*Modul Artikel Blog Ende*/
/**************************/

/**************************/
/*Navi Horizontal Start   */
/**************************/
.navi_box{
position:relative;

width:100%;

}
#ul_main_user2 li {

    float: left;
    display: block;
    margin-right: 20px;

}
.navi-box nav{
position:absolute;

display:none;
width:100%;
margin-left:0
}
input#responsive-nav[type=checkbox]:checked ~ nav{
position:relative;
top:0;
display: inline-block;
}
input#responsive-nav,label.responsive-nav-label{
display:none
}
label.responsive-nav-label{
position:relative;
display:block;
margin-top:20px;
margin-left:10px;
background:#fff;
cursor:pointer;
color:#7d012f;

}
.triangel{
display:none;
}
label.responsive-nav-label span{
margin-right:10px;
font-size:30px
}
nav a:after{
display:none
}
ul{
	list-style:none;
	margin:0;
	padding:0
}
#ul_main_top > li > a.activ{
	color:#ffffff;
	background-color:#7d012f;
	padding:10px;

}
#ul_sub__top_1 > li > a.activ{
	color:#ffffff;
	background-color:#7d012f;
	padding:10px;

}
#ul_main_top > li > a{
	color:#7d012f;
	padding:10px;
	display:block;
	font-size:20px;
	text-align:center;
	text-decoration:none;
}

#ul_main_top > li > a:hover{
color:#ffffff;
background-color:#7d012f;
}
#ul_main_top > li > ul > li > a {
	color:#7d012f;
	padding:10px;
	display:block;
	font-size:20px;
	text-align:center;
	text-decoration:none;
}
#ul_main_top > li > ul > li > a:hover {
color: #ffffff;
background-color: #7d012f;
}
#ul_main_user2 > li > a{
color:#ffffff;
border-bottom: #ffffff 1px solid;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
#ul_main_user2 > li > a:hover{
color:#ffffff;
border-bottom: #ffffff 5px solid;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
#ul_main_user2 > li > a.activ{
border-bottom: #ffffff 5px solid;
}

/**************************/
/*Navi Horizontal     Ende*/
/**************************/
/**************************/
/* Img Modul Start        */
/**************************/
.img-modul h1{
font-size:12px;
}
.cat_headline{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	line-height: 22px;
	float: left;
	height: auto;
	width: 100%;
}

.img_box{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	line-height: 22px;
	float: left;
	height: auto;
	width: 100%;
	margin-bottom: 50px;
}

.img_box_img_cat{
font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	line-height: 22px;
	float: left;
	height: auto;
	width: auto;
	margin-right: 15px;
	margin-bottom: 25px;

}

a.m_img{
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	color: #666666;
	text-decoration: none;
	font-weight: bolder;
}

a.m_img:hover{
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	color:#7d012f;
	text-decoration: none;
	font-weight: bolder;
}

.border{
	
}

.img_1, .img_2, .img_3, .img_4, .img_5, .img_6, .img_7, .img_8{
	float: left;
	height: auto;
	width: auto;
	margin-right: 20px;
	margin-bottom: 20px;
}

.img_9{
	float: left;
	height: auto;
	width: auto;
	margin-right: 440px;
	margin-bottom: 20px;
}

.img_10, .img_11, .img_12, .img_13, .img_14, .img_15, .img_16, .img_17, .img_18, .img_19, .img_20, .img_21, .img_22, .img_23, .img_24{
	float: left;
	height: auto;
	width: auto;
	margin-right: 20px;
	margin-bottom: 20px;
}




#image_box{
	height: 380px;
	width: 980px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
}

#back{
	float: left;
	height: auto;
	width: auto;
}

#next{
	float: right;
	height: auto;
	width: auto;
}

/**************************/
/* Img Modul Ende         */
/**************************/

/**************************/
/* Kontakt Modul Start    */
/**************************/

.clearfix:after {
    content: "";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}
#contact_formular label{
	width:100%;
	text-transform:uppercase;
	color:#7d012f;
}
input[type=text], textarea{
	width:100%;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #9fc368;
	font-family:"Raleway",sans-serif;
	border-radius:0;
	margin:0;
	padding:0;
}
input[type="submit"] {
-webkit-appearance:none; 
-webkit-border-radius:0;
padding:20px; 
}
.form-row{
	margin-top:40px;
	width:100%;
}
#code{
vertical-align:middle;
}
.submit{

background-color:#7d012f;
color:#FFFFFF;
border:1px;
font-family:"Raleway",sans-serif;
text-transform:uppercase;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
cursor:pointer;
border-radius:0;
}
.submit:hover{
background-color: #ffffff;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
color:#7d012f;
}
.error_message{
color:#7d012f;
}
#contact_content a{
color:#7d012f;
}
/**************************/
/* Kontakt Modul Ende     */
/**************************/

/**************************/
/* Link List Modul Start  */
/**************************/
.spalten{
float:left;
	width:100%;
	padding-right:0px;
	box-sizing: border-box;
	font-family:Source Sans Pro, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
	line-height: 20px;	
}
.spalten a{
	font-family:Source Sans Pro, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
	line-height: 20px;	
}

.spalten a:hover{
	font-family:Source Sans Pro, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#7d012f;
	line-height: 20px;	
}
/**************************/
/* Link List Modul Ende   */
/**************************/
/**************************/
/* Flipp Modul Start      */
/**************************/
/* entire container, keeps perspective */
.flip-container {
	float:left;
	margin-bottom:10px;

}
	/* flip the pane when hovered */
	.flip-container:hover .flipper, .flip-container.hover .flipper {
	
	}

.flip-container, .front, .back {
	width: 100%;
	background-color:#9fc368;	
}
.flip-container{

}
.flip-container img{
width:100%;}
/* flip speed goes here */
.flipper {

	position: relative;
}

/* hide back of pane during swap */
.front, .back {

	
}

/* front pane, placed above back */
.front {

	/* for firefox 31 */

	text-align:center;
	color:#FFFFFF;
	
}

/* back, initially hidden pane */
.back {

	color:#FFFFFF;
	text-align:center;
	font-size:12px;
	line-height:16px;
	box-sizing:border-box;
	padding:5px;
}
.back h1, .front h1{
font-size:16px;
text-transform:uppercase;

	color:#FFFFFF!Important;

}
.flip-box{
margin-bottom:10px;
}

/**************************/
/* Flipp Modul Ende       */
/**************************/
}

/*
NivoSlider Start
*/
.theme-default .nivoSlider{
	position:relative;
	margin-bottom:10px;
	
	background-image: url(themes/default/loading.gif);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
.theme-default .nivoSlider img{position:absolute;top:0;left:0;display:none}.theme-default .nivoSlider a{border:0;display:block}.theme-default .nivo-controlNav{text-align:center;padding:20px 0}
.theme-default .nivo-controlNav a{
	display:inline-block;
	width:22px;
	height:22px;
	text-indent:-9999px;
	border:0;
	margin:0 2px;
	background-image: url(themes/default/bullets.png);
	background-repeat: no-repeat;
}.theme-default .nivo-controlNav a.active{background-position:0 -22px}

.theme-default .nivo-directionNav a{
	display:block;
	width:30px;
	height:30px;
	text-indent:-9999px;
	border:0;
	opacity:0;
	-webkit-transition:all 200ms ease-in-out;
	-moz-transition:all 200ms ease-in-out;
	-o-transition:all 200ms ease-in-out;
	transition:all 200ms ease-in-out;
	background-image: url(themes/default/arrows.png);
	background-repeat: no-repeat;
}
.theme-default:hover .nivo-directionNav a{opacity:1}.theme-default a.nivo-nextNav{background-position:-30px 0;right:15px}.theme-default a.nivo-prevNav{left:15px}.theme-default .nivo-caption{font-family:Helvetica,Arial,sans-serif}.theme-default .nivo-caption a{color:#fff;border-bottom:1px dotted #fff}.theme-default .nivo-caption a:hover{color:#fff}.theme-default .nivo-controlNav.nivo-thumbs-enabled{width:100%}.theme-default .nivo-controlNav.nivo-thumbs-enabled a{width:auto;height:auto;background:none;margin-bottom:5px}.theme-default .nivo-controlNav.nivo-thumbs-enabled img{display:block;width:120px;height:auto}

.nivoSlider{position:relative;width:100%;height:auto;overflow:hidden}.nivoSlider img{position:absolute;top:0;left:0;max-width:none}.nivo-main-image{display:block!important;position:relative!important;width:100%!important}.nivoSlider a.nivo-imageLink{position:absolute;top:0;left:0;width:100%;height:100%;border:0;padding:0;margin:0;z-index:6;display:none;background:#fff;filter:alpha(opacity=0);opacity:0}.nivo-slice{display:block;position:absolute;z-index:5;height:100%;top:0}.nivo-box{display:block;position:absolute;z-index:5;overflow:hidden}.nivo-box img{display:block}.nivo-caption{position:absolute;left:0;bottom:0;background:#000;color:#fff;width:100%;z-index:8;padding:5px 10px;opacity:.8;overflow:hidden;display:none!important;-moz-opacity:.8;filter:alpha(opacity=8);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.nivo-caption p{padding:5px;margin:0}.nivo-caption a{display:inline!important}.nivo-html-caption{display:none}.nivo-directionNav a{position:absolute;top:45%;z-index:9;cursor:pointer}.nivo-prevNav{left:0}.nivo-nextNav{right:0}.nivo-controlNav{text-align:center;padding:15px 0}.nivo-controlNav a{cursor:pointer}.nivo-controlNav a.active{font-weight:700}

/*
NivoSlider Ende
*/
/*!
 * animsition v4.0.2
 * A simple and easy jQuery plugin for CSS animated page transitions.
 * http://blivesta.github.io/animsition
 * License : MIT
 * Author : blivesta (http://blivesta.com/)
 */.animsition,.animsition-overlay{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animsition-overlay-slide{position:fixed;z-index:1;width:100%;height:100%;background-color:#ddd}.animsition-loading,.animsition-loading:after{width:32px;height:32px;position:fixed;top:50%;left:50%;margin-top:-16px;margin-left:-16px;border-radius:50%;z-index:2}.animsition-loading{background-color:transparent;border-top:5px solid rgba(0,0,0,.2);border-right:5px solid rgba(0,0,0,.2);border-bottom:5px solid rgba(0,0,0,.2);border-left:5px solid #eee;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-name:animsition-loading;animation-name:animsition-loading}@-webkit-keyframes animsition-loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes animsition-loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.fade-in{-webkit-animation-name:fade-in;animation-name:fade-in}@-webkit-keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.fade-out{-webkit-animation-name:fade-out;animation-name:fade-out}@-webkit-keyframes fade-in-up{0%{-webkit-transform:translateY(500px);transform:translateY(500px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-up{0%{-webkit-transform:translateY(500px);transform:translateY(500px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.fade-in-up{-webkit-animation-name:fade-in-up;animation-name:fade-in-up}@-webkit-keyframes fade-out-up{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-500px);transform:translateY(-500px);opacity:0}}@keyframes fade-out-up{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-500px);transform:translateY(-500px);opacity:0}}.fade-out-up{-webkit-animation-name:fade-out-up;animation-name:fade-out-up}@-webkit-keyframes fade-in-up-sm{0%{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-up-sm{0%{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.fade-in-up-sm{-webkit-animation-name:fade-in-up-sm;animation-name:fade-in-up-sm}@-webkit-keyframes fade-out-up-sm{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-100px);transform:translateY(-100px);opacity:0}}@keyframes fade-out-up-sm{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-100px);transform:translateY(-100px);opacity:0}}.fade-out-up-sm{-webkit-animation-name:fade-out-up-sm;animation-name:fade-out-up-sm}@-webkit-keyframes fade-in-up-lg{0%{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-up-lg{0%{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.fade-in-up-lg{-webkit-animation-name:fade-in-up-lg;animation-name:fade-in-up-lg}@-webkit-keyframes fade-out-up-lg{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-1000px);transform:translateY(-1000px);opacity:0}}@keyframes fade-out-up-lg{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-1000px);transform:translateY(-1000px);opacity:0}}.fade-out-up-lg{-webkit-animation-name:fade-out-up-lg;animation-name:fade-out-up-lg}@-webkit-keyframes fade-in-down{0%{-webkit-transform:translateY(-500px);transform:translateY(-500px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-down{0%{-webkit-transform:translateY(-500px);transform:translateY(-500px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.fade-in-down{-webkit-animation-name:fade-in-down;animation-name:fade-in-down}@-webkit-keyframes fade-out-down{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(500px);transform:translateY(500px);opacity:0}}@keyframes fade-out-down{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(500px);transform:translateY(500px);opacity:0}}.fade-out-down{-webkit-animation-name:fade-out-down;animation-name:fade-out-down}@-webkit-keyframes fade-in-down-sm{0%{-webkit-transform:translateY(-100px);transform:translateY(-100px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-down-sm{0%{-webkit-transform:translateY(-100px);transform:translateY(-100px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.fade-in-down-sm{-webkit-animation-name:fade-in-down-sm;animation-name:fade-in-down-sm}@-webkit-keyframes fade-out-down-sm{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0}}@keyframes fade-out-down-sm{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0}}.fade-out-down-sm{-webkit-animation-name:fade-out-down-sm;animation-name:fade-out-down-sm}.fade-in-down-lg{-webkit-animation-name:fade-in-down;animation-name:fade-in-down}@-webkit-keyframes fade-out-down-lg{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}}@keyframes fade-out-down-lg{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}}.fade-out-down-lg{-webkit-animation-name:fade-out-down-lg;animation-name:fade-out-down-lg}@-webkit-keyframes fade-in-left{0%{-webkit-transform:translateX(-500px);transform:translateX(-500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-left{0%{-webkit-transform:translateX(-500px);transform:translateX(-500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-left{-webkit-animation-name:fade-in-left;animation-name:fade-in-left}@-webkit-keyframes fade-out-left{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-500px);transform:translateX(-500px);opacity:0}}@keyframes fade-out-left{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-500px);transform:translateX(-500px);opacity:0}}.fade-out-left{-webkit-animation-name:fade-out-left;animation-name:fade-out-left}@-webkit-keyframes fade-in-left-sm{0%{-webkit-transform:translateX(-100px);transform:translateX(-100px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-left-sm{0%{-webkit-transform:translateX(-100px);transform:translateX(-100px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-left-sm{-webkit-animation-name:fade-in-left-sm;animation-name:fade-in-left-sm}@-webkit-keyframes fade-out-left-sm{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-100px);transform:translateX(-100px);opacity:0}}@keyframes fade-out-left-sm{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-100px);transform:translateX(-100px);opacity:0}}.fade-out-left-sm{-webkit-animation-name:fade-out-left-sm;animation-name:fade-out-left-sm}@-webkit-keyframes fade-in-left-lg{0%{-webkit-transform:translateX(-1500px);transform:translateX(-1500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-left-lg{0%{-webkit-transform:translateX(-1500px);transform:translateX(-1500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-left-lg{-webkit-animation-name:fade-in-left-lg;animation-name:fade-in-left-lg}@-webkit-keyframes fade-out-left-lg{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-1500px);transform:translateX(-1500px);opacity:0}}@keyframes fade-out-left-lg{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-1500px);transform:translateX(-1500px);opacity:0}}.fade-out-left-lg{-webkit-animation-name:fade-out-left-lg;animation-name:fade-out-left-lg}@-webkit-keyframes fade-in-right{0%{-webkit-transform:translateX(500px);transform:translateX(500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-right{0%{-webkit-transform:translateX(500px);transform:translateX(500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-right{-webkit-animation-name:fade-in-right;animation-name:fade-in-right}@-webkit-keyframes fade-out-right{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(500px);transform:translateX(500px);opacity:0}}@keyframes fade-out-right{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(500px);transform:translateX(500px);opacity:0}}.fade-out-right{-webkit-animation-name:fade-out-right;animation-name:fade-out-right}@-webkit-keyframes fade-in-right-sm{0%{-webkit-transform:translateX(100px);transform:translateX(100px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-right-sm{0%{-webkit-transform:translateX(100px);transform:translateX(100px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-right-sm{-webkit-animation-name:fade-in-right-sm;animation-name:fade-in-right-sm}@-webkit-keyframes fade-out-right-sm{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(100px);transform:translateX(100px);opacity:0}}@keyframes fade-out-right-sm{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(100px);transform:translateX(100px);opacity:0}}.fade-out-right-sm{-webkit-animation-name:fade-out-right-sm;animation-name:fade-out-right-sm}@-webkit-keyframes fade-in-right-lg{0%{-webkit-transform:translateX(1500px);transform:translateX(1500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-right-lg{0%{-webkit-transform:translateX(1500px);transform:translateX(1500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-right-lg{-webkit-animation-name:fade-in-right-lg;animation-name:fade-in-right-lg}@-webkit-keyframes fade-out-right-lg{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(1500px);transform:translateX(1500px);opacity:0}}@keyframes fade-out-right-lg{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(1500px);transform:translateX(1500px);opacity:0}}.fade-out-right-lg{-webkit-animation-name:fade-out-right-lg;animation-name:fade-out-right-lg}@-webkit-keyframes rotate-in{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);transform-origin:center center;opacity:0}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}}@keyframes rotate-in{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);transform-origin:center center;opacity:0}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}}.rotate-in{-webkit-animation-name:rotate-in;animation-name:rotate-in}@-webkit-keyframes rotate-out{0%{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);transform-origin:center center;opacity:0}}@keyframes rotate-out{0%{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);transform-origin:center center;opacity:0}}.rotate-out{-webkit-animation-name:rotate-out;animation-name:rotate-out}@-webkit-keyframes rotate-in-sm{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);transform-origin:center center;opacity:0}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}}@keyframes rotate-in-sm{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);transform-origin:center center;opacity:0}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}}.rotate-in-sm{-webkit-animation-name:rotate-in-sm;animation-name:rotate-in-sm}@-webkit-keyframes rotate-out-sm{0%{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);transform-origin:center center;opacity:0}}@keyframes rotate-out-sm{0%{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);transform-origin:center center;opacity:0}}.rotate-out-sm{-webkit-animation-name:rotate-out-sm;animation-name:rotate-out-sm}@-webkit-keyframes rotate-in-lg{0%{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);transform-origin:center center;opacity:0}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}}@keyframes rotate-in-lg{0%{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);transform-origin:center center;opacity:0}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}}.rotate-in-lg{-webkit-animation-name:rotate-in-lg;animation-name:rotate-in-lg}@-webkit-keyframes rotate-out-lg{0%{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(180deg);transform:rotate(180deg);transform-origin:center center;opacity:0}}@keyframes rotate-out-lg{0%{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(180deg);transform:rotate(180deg);transform-origin:center center;opacity:0}}.rotate-out-lg{-webkit-animation-name:rotate-out-lg;animation-name:rotate-out-lg}@-webkit-keyframes flip-in-x{0%{-webkit-transform:perspective(550px) rotateX(90deg);transform:perspective(550px) rotateX(90deg);opacity:0}to{-webkit-transform:perspective(550px) rotateX(0deg);transform:perspective(550px) rotateX(0deg);opacity:1}}@keyframes flip-in-x{0%{-webkit-transform:perspective(550px) rotateX(90deg);transform:perspective(550px) rotateX(90deg);opacity:0}to{-webkit-transform:perspective(550px) rotateX(0deg);transform:perspective(550px) rotateX(0deg);opacity:1}}.flip-in-x{-webkit-animation-name:flip-in-x;animation-name:flip-in-x;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-x{0%{-webkit-transform:perspective(550px) rotateX(0deg);transform:perspective(550px) rotateX(0deg);opacity:1}to{-webkit-transform:perspective(550px) rotateX(90deg);transform:perspective(550px) rotateX(90deg);opacity:0}}@keyframes flip-out-x{0%{-webkit-transform:perspective(550px) rotateX(0deg);transform:perspective(550px) rotateX(0deg);opacity:1}to{-webkit-transform:perspective(550px) rotateX(90deg);transform:perspective(550px) rotateX(90deg);opacity:0}}.flip-out-x{-webkit-animation-name:flip-out-x;animation-name:flip-out-x;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-in-x-nr{0%{-webkit-transform:perspective(100px) rotateX(90deg);transform:perspective(100px) rotateX(90deg);opacity:0}to{-webkit-transform:perspective(100px) rotateX(0deg);transform:perspective(100px) rotateX(0deg);opacity:1}}@keyframes flip-in-x-nr{0%{-webkit-transform:perspective(100px) rotateX(90deg);transform:perspective(100px) rotateX(90deg);opacity:0}to{-webkit-transform:perspective(100px) rotateX(0deg);transform:perspective(100px) rotateX(0deg);opacity:1}}.flip-in-x-nr{-webkit-animation-name:flip-in-x-nr;animation-name:flip-in-x-nr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-x-nr{0%{-webkit-transform:perspective(100px) rotateX(0deg);transform:perspective(100px) rotateX(0deg);opacity:1}to{-webkit-transform:perspective(100px) rotateX(90deg);transform:perspective(100px) rotateX(90deg);opacity:0}}@keyframes flip-out-x-nr{0%{-webkit-transform:perspective(100px) rotateX(0deg);transform:perspective(100px) rotateX(0deg);opacity:1}to{-webkit-transform:perspective(100px) rotateX(90deg);transform:perspective(100px) rotateX(90deg);opacity:0}}.flip-out-x-nr{-webkit-animation-name:flip-out-x-nr;animation-name:flip-out-x-nr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-in-x-fr{0%{-webkit-transform:perspective(1000px) rotateX(90deg);transform:perspective(1000px) rotateX(90deg);opacity:0}to{-webkit-transform:perspective(1000px) rotateX(0deg);transform:perspective(1000px) rotateX(0deg);opacity:1}}@keyframes flip-in-x-fr{0%{-webkit-transform:perspective(1000px) rotateX(90deg);transform:perspective(1000px) rotateX(90deg);opacity:0}to{-webkit-transform:perspective(1000px) rotateX(0deg);transform:perspective(1000px) rotateX(0deg);opacity:1}}.flip-in-x-fr{-webkit-animation-name:flip-in-x-fr;animation-name:flip-in-x-fr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-x-fr{0%{-webkit-transform:perspective(1000px) rotateX(0deg);transform:perspective(1000px) rotateX(0deg);opacity:1}to{-webkit-transform:perspective(1000px) rotateX(90deg);transform:perspective(1000px) rotateX(90deg);opacity:0}}@keyframes flip-out-x-fr{0%{-webkit-transform:perspective(1000px) rotateX(0deg);transform:perspective(1000px) rotateX(0deg);opacity:1}to{-webkit-transform:perspective(1000px) rotateX(90deg);transform:perspective(1000px) rotateX(90deg);opacity:0}}.flip-out-x-fr{-webkit-animation-name:flip-out-x-fr;animation-name:flip-out-x-fr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-in-y{0%{-webkit-transform:perspective(550px) rotateY(90deg);transform:perspective(550px) rotateY(90deg);opacity:0}to{-webkit-transform:perspective(550px) rotateY(0deg);transform:perspective(550px) rotateY(0deg);opacity:1}}@keyframes flip-in-y{0%{-webkit-transform:perspective(550px) rotateY(90deg);transform:perspective(550px) rotateY(90deg);opacity:0}to{-webkit-transform:perspective(550px) rotateY(0deg);transform:perspective(550px) rotateY(0deg);opacity:1}}.flip-in-y{-webkit-animation-name:flip-in-y;animation-name:flip-in-y;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-y{0%{-webkit-transform:perspective(550px) rotateY(0deg);transform:perspective(550px) rotateY(0deg);opacity:1}to{-webkit-transform:perspective(550px) rotateY(90deg);transform:perspective(550px) rotateY(90deg);opacity:0}}@keyframes flip-out-y{0%{-webkit-transform:perspective(550px) rotateY(0deg);transform:perspective(550px) rotateY(0deg);opacity:1}to{-webkit-transform:perspective(550px) rotateY(90deg);transform:perspective(550px) rotateY(90deg);opacity:0}}.flip-out-y{-webkit-animation-name:flip-out-y;animation-name:flip-out-y;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-in-y-nr{0%{-webkit-transform:perspective(100px) rotateY(90deg);transform:perspective(100px) rotateY(90deg);opacity:0}to{-webkit-transform:perspective(100px) rotateY(0deg);transform:perspective(100px) rotateY(0deg);opacity:1}}@keyframes flip-in-y-nr{0%{-webkit-transform:perspective(100px) rotateY(90deg);transform:perspective(100px) rotateY(90deg);opacity:0}to{-webkit-transform:perspective(100px) rotateY(0deg);transform:perspective(100px) rotateY(0deg);opacity:1}}.flip-in-y-nr{-webkit-animation-name:flip-in-y-nr;animation-name:flip-in-y-nr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-y-nr{0%{-webkit-transform:perspective(100px) rotateY(0deg);transform:perspective(100px) rotateY(0deg);opacity:1}to{-webkit-transform:perspective(100px) rotateY(90deg);transform:perspective(100px) rotateY(90deg);opacity:0}}@keyframes flip-out-y-nr{0%{-webkit-transform:perspective(100px) rotateY(0deg);transform:perspective(100px) rotateY(0deg);opacity:1}to{-webkit-transform:perspective(100px) rotateY(90deg);transform:perspective(100px) rotateY(90deg);opacity:0}}.flip-out-y-nr{-webkit-animation-name:flip-out-y-nr;animation-name:flip-out-y-nr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-in-y-fr{0%{-webkit-transform:perspective(1000px) rotateY(90deg);transform:perspective(1000px) rotateY(90deg);opacity:0}to{-webkit-transform:perspective(1000px) rotateY(0deg);transform:perspective(1000px) rotateY(0deg);opacity:1}}@keyframes flip-in-y-fr{0%{-webkit-transform:perspective(1000px) rotateY(90deg);transform:perspective(1000px) rotateY(90deg);opacity:0}to{-webkit-transform:perspective(1000px) rotateY(0deg);transform:perspective(1000px) rotateY(0deg);opacity:1}}.flip-in-y-fr{-webkit-animation-name:flip-in-y-fr;animation-name:flip-in-y-fr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-y-fr{0%{-webkit-transform:perspective(1000px) rotateY(0deg);transform:perspective(1000px) rotateY(0deg);opacity:1}to{-webkit-transform:perspective(1000px) rotateY(90deg);transform:perspective(1000px) rotateY(90deg);opacity:0}}@keyframes flip-out-y-fr{0%{-webkit-transform:perspective(1000px) rotateY(0deg);transform:perspective(1000px) rotateY(0deg);opacity:1}to{-webkit-transform:perspective(1000px) rotateY(90deg);transform:perspective(1000px) rotateY(90deg);opacity:0}}.flip-out-y-fr{-webkit-animation-name:flip-out-y-fr;animation-name:flip-out-y-fr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes zoom-in{0%{-webkit-transform:scale(.7);transform:scale(.7);opacity:0}to{opacity:1}}@keyframes zoom-in{0%{-webkit-transform:scale(.7);transform:scale(.7);opacity:0}to{opacity:1}}.zoom-in{-webkit-animation-name:zoom-in;animation-name:zoom-in}@-webkit-keyframes zoom-out{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.7);transform:scale(.7)}50%,to{opacity:0}}@keyframes zoom-out{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.7);transform:scale(.7)}50%,to{opacity:0}}.zoom-out{-webkit-animation-name:zoom-out;animation-name:zoom-out}@-webkit-keyframes zoom-in-sm{0%{-webkit-transform:scale(.95);transform:scale(.95);opacity:0}to{opacity:1}}@keyframes zoom-in-sm{0%{-webkit-transform:scale(.95);transform:scale(.95);opacity:0}to{opacity:1}}.zoom-in-sm{-webkit-animation-name:zoom-in-sm;animation-name:zoom-in-sm}@-webkit-keyframes zoom-out-sm{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.95);transform:scale(.95)}50%,to{opacity:0}}@keyframes zoom-out-sm{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.95);transform:scale(.95)}50%,to{opacity:0}}.zoom-out-sm{-webkit-animation-name:zoom-out-sm;animation-name:zoom-out-sm}@-webkit-keyframes zoom-in-lg{0%{-webkit-transform:scale(.4);transform:scale(.4);opacity:0}to{opacity:1}}@keyframes zoom-in-lg{0%{-webkit-transform:scale(.4);transform:scale(.4);opacity:0}to{opacity:1}}.zoom-in-lg{-webkit-animation-name:zoom-in-lg;animation-name:zoom-in-lg}@-webkit-keyframes zoom-out-lg{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.4);transform:scale(.4)}50%,to{opacity:0}}@keyframes zoom-out-lg{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.4);transform:scale(.4)}50%,to{opacity:0}}.zoom-out-lg{-webkit-animation-name:zoom-out-lg;animation-name:zoom-out-lg}@-webkit-keyframes overlay-slide-in-top{0%{height:100%}to{height:0}}@keyframes overlay-slide-in-top{0%{height:100%}to{height:0}}.overlay-slide-in-top{top:0;height:0;-webkit-animation-name:overlay-slide-in-top;animation-name:overlay-slide-in-top}@-webkit-keyframes overlay-slide-out-top{0%{height:0}to{height:100%}}@keyframes overlay-slide-out-top{0%{height:0}to{height:100%}}.overlay-slide-out-top{top:0;height:100%;-webkit-animation-name:overlay-slide-out-top;animation-name:overlay-slide-out-top}@-webkit-keyframes overlay-slide-in-bottom{0%{height:100%}to{height:0}}@keyframes overlay-slide-in-bottom{0%{height:100%}to{height:0}}.overlay-slide-in-bottom{bottom:0;height:0;-webkit-animation-name:overlay-slide-in-bottom;animation-name:overlay-slide-in-bottom}@-webkit-keyframes overlay-slide-out-bottom{0%{height:0}to{height:100%}}@keyframes overlay-slide-out-bottom{0%{height:0}to{height:100%}}.overlay-slide-out-bottom{bottom:0;height:100%;-webkit-animation-name:overlay-slide-out-bottom;animation-name:overlay-slide-out-bottom}@-webkit-keyframes overlay-slide-in-left{0%{width:100%}to{width:0}}@keyframes overlay-slide-in-left{0%{width:100%}to{width:0}}.overlay-slide-in-left{width:0;-webkit-animation-name:overlay-slide-in-left;animation-name:overlay-slide-in-left}@-webkit-keyframes overlay-slide-out-left{0%{width:0}to{width:100%}}@keyframes overlay-slide-out-left{0%{width:0}to{width:100%}}.overlay-slide-out-left{left:0;width:100%;-webkit-animation-name:overlay-slide-out-left;animation-name:overlay-slide-out-left}@-webkit-keyframes overlay-slide-in-right{0%{width:100%}to{width:0}}@keyframes overlay-slide-in-right{0%{width:100%}to{width:0}}.overlay-slide-in-right{right:0;width:0;-webkit-animation-name:overlay-slide-in-right;animation-name:overlay-slide-in-right}@-webkit-keyframes overlay-slide-out-right{0%{width:0}to{width:100%}}@keyframes overlay-slide-out-right{0%{width:0}to{width:100%}}.overlay-slide-out-right{right:0;width:100%;-webkit-animation-name:overlay-slide-out-right;animation-name:overlay-slide-out-right}