/*** FONTS ***/

#id {font-family: Roboto; font-size: 16px; color: #5f5f5f; font-weight: 300;}

/*** UMFASSENDE OBJEKTE & KLASSEN ***/



/*** UMFASSENDE BEFEHLE ***/

#ud_header_mobile-navigation-Sidebar, #ud_header_mobile-navigation-Sidebar_nav ul a li
{transition: all .28s cubic-bezier(0.4,0.0,0.2,1); -webkit-transition: all .28s cubic-bezier(0.4,0.0,0.2,1); -moz-transition: all .28s cubic-bezier(0.4,0.0,0.2,1); -o-transition: all .28s cubic-bezier(0.4,0.0,0.2,1); -transition: all .28s cubic-bezier(0.4,0.0,0.2,1);}

#ud_header_mobile-navigation-BG
{transition: opacity .28s cubic-bezier(0.4,0.0,0.2,1); -webkit-transition: opacity .28s cubic-bezier(0.4,0.0,0.2,1); -moz-transition: opacity .28s cubic-bezier(0.4,0.0,0.2,1); -o-transition: opacity .28s cubic-bezier(0.4,0.0,0.2,1); -transition: opacity .28s cubic-bezier(0.4,0.0,0.2,1);}

#ud_header_mobile-navigation-icon_all
{-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}


{-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%);}


{-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%);}

/*******************/
/*** HTML ANFANG ***/


/*** HEADER ***/

header #ud_header_mobile-navigation-icon {width: 56px; height: 56px; position: absolute; left: 0; top: 0;}
header #ud_header_mobile-navigation-icon #ud_header_mobile-navigation-icon_all {position: absolute; left: 50%; top: 50%;}
header #ud_header_mobile-navigation-icon #ud_header_mobile-navigation-icon_all div {width: 18px; height: 2px; background-color: #fff;}
header #ud_header_mobile-navigation-icon #ud_header_mobile-navigation-icon_all #ud_header_mobile-navigation-icon_all_middle {margin: 3px 0px;}

header #ud_header_mobile-navigation-BG {width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.55); opacity: 0; top: 0; z-index: -1;}
header #ud_header_mobile-navigation-BG.open-sidebar-BG {position: fixed; opacity: 1 !important; z-index: 55 !important;}

header #ud_header_mobile-navigation-Sidebar {width: 85%; height: 100%; position: fixed; background-color: #fafafa; overflow-x: hidden; overflow-y: auto; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.55); z-index: 60; left: -90%;}
header #ud_header_mobile-navigation-Sidebar.open-sidebar {left: 0 !important;}
header #ud_header_mobile-navigation-Sidebar #ud_header_mobile-navigation-Sidebar_img {width: 100%; background-image: url(../../images/Wallpaper.png); background-position: 50%; background-size: cover; background-repeat: no-repeat;}
header #ud_header_mobile-navigation-Sidebar #ud_header_mobile-navigation-Sidebar_nav {width: 100%; margin: 10px 0px;}
header #ud_header_mobile-navigation-Sidebar #ud_header_mobile-navigation-Sidebar_nav ul a {cursor: none;}
header #ud_header_mobile-navigation-Sidebar #ud_header_mobile-navigation-Sidebar_nav ul a li {padding: 16px 0px 16px 9%;}
header #ud_header_mobile-navigation-Sidebar #ud_header_mobile-navigation-Sidebar_nav ul a li:hover {background-color: rgba(95, 95, 95, 0.16);}
header #ud_header_mobile-navigation-Sidebar #ud_header_mobile-navigation-Sidebar_nav ul a li.active_mobile_nav {background-color: rgba(95, 95, 95, 0.16);}

header #ud_header_logo {width: 100%; text-align: center; margin: 7px 0px; padding: 4px 0px 0px 0px;}

header #ud_header_desktop-nav {display: none;}

/*** WRAPPER ***/

#ud_wrapper {width: 100%; margin: 0 auto; padding-top: 85px; padding-bottom: 29px;}

#Spielanleitung {width: 90%; position: relative; left: 5%;}

/*** FOOTER ***/
footer ul {padding-left: 10%;}
footer ul li {padding: 3px 0px;}