/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../../fileadmin/assets/Fonts/roboto-v18-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Roboto Light'), local('Roboto-Light'),
       url('../../fileadmin/assets/Fonts/roboto-v18-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../fileadmin/assets/Fonts/roboto-v18-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../fileadmin/assets/Fonts/roboto-v18-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../../fileadmin/assets/Fonts/roboto-v18-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../fileadmin/assets/Fonts/roboto-v18-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../../fileadmin/assets/Fonts/roboto-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('../../fileadmin/assets/Fonts/roboto-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../fileadmin/assets/Fonts/roboto-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../fileadmin/assets/Fonts/roboto-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../fileadmin/assets/Fonts/roboto-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../fileadmin/assets/Fonts/roboto-v18-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
body{font-family:arial,sans-serif; font-size: 1em; font-family: 'Roboto', sans-serif; overflow: hidden;}
  div.logo_wrap{width:300px; margin: 0 auto; }
  a#typo3ci{position:absolute; bottom:0px; right:0px; margin-bottom:-35px; margin-right:-35px; z-index:1; transition: all 0.1s ease-in-out;}
  a#typo3ci:hover{position:absolute; margin-bottom: 0; margin-right: 0; z-index:1}
  div.logo_wrap p {color:#000; font-size:12px}
  div.logo_wrap a {color:#00ADEE; text-decoration:none;}
  div.logo_wrap h1 { margin-top: 50px; font-size: 22px; }
  .vertical-center {  min-height: 100%; min-height: 100vh; display: flex; align-items: center; }
  .service-menu { position: absolute; left: 10px; bottom: 0; font-size: 12px; }