@import url("webfont.css");
@import url("base.css");

body { margin: 0; }
h1, h2 {text-align: left !important; }
/* ID */
#layout_top {
	height: 100px; /* Höhe des Top Header */
	top: 0;
	left: 0px;
	width: 100%;
	padding: 0;
	}
#layout_top_in {
	margin: 0 auto 0 auto;
	padding: 3px 0 0 0;
	text-align: right;
	width: 100%;	/* Breite Layout */
	font-size: 18px;
	}
#layout_top_in div { margin-right: 10px;}
#layout_top_in a { color: rgba(107,107,107,1.00); text-decoration: none; }
#layout_top_in a:hover { color: #000; }
#layout_footer { width: 100%; padding: 5px 0 60px 0; }
#nav_top { height: 24px; width: 100%; color: rgba(59,59,59,1.00);}
#subnav { display: none; }
#nav_sm { width: 100%; }
#nav_sm div[class="nav_sm_link"] { border-top: solid 1px rgb(158,210,24); padding: 4px 0 4px 10px; }
#nav_sm div[class="nav_sm_mainlink"] { padding: 4px 0 4px 10px; background-color: rgb(158,210,24); }
#nav_sm div[class="nav_sm_mainlink"] a { display: block; color: rgb(24,27,41);}
#nav_sm a { display: block; color: rgb(158,210,24); text-decoration: none; }
#socialmedia {
	height: 40px;
	margin: 40px 0 40px 0;
	padding-top: 1px;
}
.socialmedia div { 
background-size: contain;
background-repeat: no-repeat; 
float: left; }
#socialmedia a {
	display: block;
	height: 30px;
	width: 40px;
	}	
	
/* class */
.contact_crmfirst { margin: 50px 0 0 0; }
.contact_crmfirst a { text-decoration: none; color: rgb(24,27,41); }
.container { display: none; }
.flex-item { margin-bottom: 10px; }
.footer { font-size: 18px; }
.footer a { color: rgb(24,27,41); text-decoration: none; }
.invi_padcreen { display: none;}
.langu { padding: 10px 0 10px 0; }
.langubutton { 
width: 40px; 
height: 40px; 
background-size: 100%; 
float: right;
-moz-transition: all 500ms ease-in-out 0s;
-ms-transition: all 500ms ease-in-out 0s;
-o-transition: all 500ms ease-in-out 0s;
-webkit-transition: all 500ms ease-in-out 0s;
transition: all 500ms ease-in-out 0s;
 }
.langubutton a { display: block; width: 40px; height: 40px; border: none; }
.layout_innen, .layout_download  {
margin: 0 auto 0 auto;
padding: 0;
width: 100%x;	/* Breite Layout */
}
.lay_img100 {
	width: 100%;
	height: 100px;
}
.layout_20 { padding: 10px 10px 0 10px; }
.logo_box { width: 44%; height: 100px; margin: 14px 0 0 10px;}
.mlink { text-transform: uppercase; }
.sm_left { text-align: left !important;}
.testimonal { padding: 40px 20% 60px 20%; text-align: center; }


/* Bilder */
.img_temp01 { height: 120px; margin: 0 0 20px 0; }
.img_flyer_bg {}
.flyer_box { height: 200px; }



/* Abstand Innen */
.pad_20 { padding: 40px 20px }