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


/*################## HTML TAGS ###############################################*/
body, html { margin:0; padding:0; width:100%; height:100%;}
/*################## HTML TAGS ###############################################*/

/*################## TYPO ###############################################*/

h2 { margin:35px 0 20px 0; float:left; width:100%; font-family: 'Exo 2', sans-serif; font-size:25px; font-weight:700;}

p { color:#333; font-family: 'Exo 2', sans-serif; margin:5px 0 5px 0; font-size:16px; font-weight:300; word-spacing:5px; line-height:25px;}
p span { color:#0CF;}

img { width:100%; height:auto; float:left;}

/*################## TYPO ###############################################*/

/*################## ZUSAMMENGEFASSTE KLASSEN ###############################################*/
header #ud_menu ul li a, .ud_menu_titel, footer #ud_footer_menu
{font-family:Arial, Helvetica, sans-serif;}

footer #ud_footer_menu, header #ud_menu ul li a, header #ud_slogan, footer #ud_footer_menu a, footer #ud_footer_menu span a:hover
{color:#FFF;}
/*################## ZUSAMMENGEFASSTE KLASSEN ###############################################*/

/*################## HEADER ###############################################*/
header.ud_home { width:100%; height:100%; background:url(../image/bg_header.jpg) no-repeat center center; background-size:cover; overflow:hidden; float:left;}
header.ud_unterseite { width:100%; height:50%; background:url(../image/bg_header.jpg) no-repeat center center; background-size:cover; overflow:hidden; float:left;}

@media screen and (max-width: 800px) {
header.ud_unterseite { height:100%;}
}

header #ud_logo { width:150px; float:left;}
header #ud_logo img { width:100%; height:auto;}

@media screen and (max-width: 800px) {
header #ud_logo { position:absolute; top:60px; left:50%; margin:0 0 0 -60px; width:120px;}
}

header #ud_menu ul { margin:0; padding:0; float:right;}
header #ud_menu ul li { list-style:none; float:left;  margin:20px 20px 0 0;}
header #ud_menu ul li a { text-transform:uppercase; font-weight:bold; font-size:20px; text-decoration:none;}
header #ud_menu ul li a:hover { color:#00a6ff;}
header #ud_menu ul li a.ud_active { color:#00a6ff;}

.ud_menu_titel { display:none; color:#FFF; text-transform:uppercase; font-weight:bold; font-size:20px; text-decoration:none;}

@media screen and (max-width: 800px) {
header #ud_menu ul { position:absolute; top:0; left:0; background:rgba(0,0,0,0.8); height:45px; overflow:hidden; width:100%; z-index:50;}
header #ud_menu ul:hover { height:auto;}
header #ud_menu ul li { float:none; margin:0; text-align:center; padding:13px 0 0 0; height:32px;}

.ud_menu_titel { display:block;}
}

header #ud_slogan { width:650px; padding:25px; text-align:center; position:absolute; top:75%; left:50%;  background:rgba(0,180,255,0.5); font-family:Arial, Helvetica, sans-serif; font-size:40px; text-transform:uppercase; margin:0 0 0 -325px;}

@media screen and (max-width: 800px) {
header #ud_slogan { display:none;}
}
/*################## HEADER ###############################################*/

/*################## CONTANT ###############################################*/
article { margin:0 20% 0 20%; width:60%; float:left;}
/*################## CONTANT ###############################################*/

/*################## FOOTER ###############################################*/
footer { width:100%; background:url(../image/bg_footer.jpg) no-repeat center center; background-size:cover; height:350px; float:left;}

footer #ud_footer_menu { text-align:center; font-size:14px; margin:30px 0 0 0;}
footer #ud_footer_menu a { text-decoration:none;}
footer #ud_footer_menu a:hover { color:#00a6ff;}
footer #ud_footer_menu span { display:block; margin:15px 0 0 0;}
footer #ud_footer_menu span a { color:#00a6ff; text-decoration:none;}
footer #ud_footer_menu span a:hover {}

footer #ud_social_icons {text-align:center; width:100%; margin:150px 0 0 0;}
footer #ud_social_icons .ud_social { width:50px; height:50px; display:inline-table; text-align:center; margin:0 10px 0 0;}
/*
footer #ud_social_icons .ud_social img { width:100%; height:auto;}
footer #ud_social_icons .ud_social img:hover { opacity:0.5;}
*/

footer #ud_social_icons .ud_social_facebook
{
	background: url('../image/social_media_logo_facebook.png') no-repeat center center; background-size:cover;
}
footer #ud_social_icons .ud_social_facebook:hover
{
	background: url('../image/social_media_logo_facebook_hover.png') no-repeat center center; background-size:cover;
}
footer #ud_social_icons .ud_social_twitter
{
	background: url('../image/social_media_logo_twitter.png') no-repeat center center; background-size:cover;
}
footer #ud_social_icons .ud_social_twitter:hover
{
	background: url('../image/social_media_logo_twitter_hover.png') no-repeat center center; background-size:cover;
}
footer #ud_social_icons .ud_social_google
{
	background: url('../image/social_media_logo_google.png') no-repeat center center; background-size:cover;
}
footer #ud_social_icons .ud_social_google:hover
{
	background: url('../image/social_media_logo_google_hover.png') no-repeat center center; background-size:cover;
}

/*################## FOOTER ###############################################*/