/*
 *
 * Copyright notice
 *
 * © 2019 - 2019 Uwe Kammerer, iNET - Profis
 *
 * Contact: uwe@inet-profis.de
 *
 * All rights reserved
 *
 * This script is part of the TYPO3 project. The TYPO3 project is
 * free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 3 of the License, or
 * (at your option) any later version.
 *
 * The GNU General Public License can be found at
 * http://www.gnu.org/copyleft/gpl.html.
 *
 * This script is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * This copyright notice MUST APPEAR in all copies of the script!
 *
 */

@charset "UTF-8";

/*
 *
 * Copyright notice
 *
 * © 2018 - 2019 Uwe Kammerer, iNET - Profis
 *
 * Contact: uwe@inet-profis.de
 *
 * All rights reserved
 *
 * This script is part of the TYPO3 project. The TYPO3 project is
 * free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 3 of the License, or
 * (at your option) any later version.
 *
 * The GNU General Public License can be found at
 * http://www.gnu.org/copyleft/gpl.html.
 *
 * This script is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * This copyright notice MUST APPEAR in all copies of the script!
 *
 */

* {
    box-sizing: border-box;
}

html, body {
    height: 100%;
    margin: 0;
}

html {
    background: url(/images/background/bg_03_rechenzentrum.jpg) no-repeat center center fixed;
    background-color: #011100;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}

body {
    font-size:100%;
    line-height: 1.25rem;
    color: #eee;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
    -moz-osx-font-smoothing: grayscale;
    font-weight: normal;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

.wrapper {
    position: relative;
    min-height: 100%;

    /* Equal to height of footer */
    /* But also accounting for potential margin-bottom of last child */
    margin-bottom: -30px;
}
.content {
    padding: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.box {
    background-color: rgba(1, 17, 0, 0.65);
    color: #fff;
    border: #fff 1px solid;
    border-radius: 5px;
    padding: 20px;
    -webkit-box-shadow: 6px 6px 10px 1px rgba(0,0,0,0.56);
    -moz-box-shadow: 6px 6px 10px 1px rgba(0,0,0,0.56);
    box-shadow: 6px 6px 10px 1px rgba(0,0,0,0.56);
}

.footer,
.push {
    height: 30px;
}

.footer {
    color: #444444;
    text-align: right;
    vertical-align: bottom;
    padding: 5px;
}