@charset "UTF-8";
/**
* Long description
* Proprietary software created by wunde24.de is closed source code. No licence is offered.
*
* @copyright Copyright (c) 2017- wunde24.de, Telgte, Germany
* @author GOrding
* @created 16.01.2018 12:05
*/

@media all {
    *{font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;}
    body{position: relative; margin: 0; height: 100vh;}
    #background{position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 1;}
    #contentMain{position: absolute; margin-top: 10%; width: 100%;  z-index: 100;}
    #topMenu{color: white; font-size: 120%; margin-top: 5%; position: absolute; z-index: 200; width: 100%;}
    #topMenu .topMenuItem{width: 10%; float:left; margin: 0 4.8%; text-align: center; display: inline-block;}
    #menuButton{opacity: 0;}
    #menuButton{
        position: fixed;
        cursor: pointer;
        width: 60px;
        top: 0;
        left: -200px;
        opacity: 0;
        z-index: 300;
    }
    #sideMenu{
        background-color: #FFFFFF;
        position: fixed;
        top: 0;
        left: -300px;
        height: 100vh;
        opacity: 0;
        z-index: 50;
    }
    #sideMenu li{list-style-type: none; padding: 10% 10% 10% 0;}
    #sideMenu li a{color: black; font-size: 180%; font-weight: 700;}

    #content{
        margin: 0 auto 0;
        text-align: center;
        max-width: 910px;
        min-width: 300px;
    }
    #footer{bottom: 2%; height:25px; font-size: 10px; margin: 0 2%; position: absolute; text-align: center; width: 96%; z-index: 40;}
    #footer span{margin: 0 2%;}

    #homeContent{width: 96%; }
    #aboutUsContent{width: 65%; }
    #projectsContent{width: 50%;}
    #contactContent{width: 60%;}
    #imprintContent{width: 40%;}

    .contentTab{ height: 70vh; min-width: 300px; margin: 0 auto; overflow-y: auto;}

    .button{ cursor: pointer; font-size: 125%; margin: 0 5%; padding: 2% 2% 12%; text-align: center; width: 30%; }
    .button.medical{background: url('/images/medical.png') no-repeat bottom center transparent; background-size: 90px;}
    .button.nautical{background: url('/images/nautical.png') no-repeat bottom center transparent; background-size: 90px; color: rgba(0, 0, 0, 1)}
    .button.nautical a{color: rgba(0, 0, 0, 1)}

    ul.noIcon li{list-style-type: none; line-height: 1.5em; font-size: 130%;}

    p{margin: 1% 0 0 0;}
    .tinyWhite{color: white; font-size: 60%;}
    .smallWhite{color: white; font-size: 90%;}
    .intermediateWhite{color: white; font-size: 110%;}
    .mediumWhite{color: white; font-size: 200%;}
    .bigWhite{color: white; font-size: 600%; text-shadow: 2px 2px 1px #BBBBBB, -2px 2px 1px #AAAAAA;}
    .tinyBlack{color: black; font-size: 60%;}
    .intermediateBlack{color: black; font-size: 120%; font-weight: 700;}
    .mediumBlack{color: black; font-size: 150%; font-weight: 700;}
    .mediumPlainBlack{color: black; font-size: 100%;}
    .contactPhoneMail{display: inline-block; width: 70px;}

    a{text-decoration: none; color: white;}
    a:hover{text-shadow: 1px 1px 1px #BBBBBB, -1px 1px 1px #AAAAAA;}

    .hidden{display: none;}
    .right{text-align: right;}
    .left{text-align: left;}
    .italic{font-style: italic;}
    .highlight{color: #33F !important; font-style: italic; font-weight: 800; text-shadow: 1px 1px 1px #999;}
    .spaceBig{margin-bottom: 5%;}
    .spaceSmall{margin-bottom: 2%;}
    .floatLeft{float: left;}
    .floatRight{float: right;}

    #aboutUsDescription{margin: 5% auto; width: 70%;}
    .underWaterInspection{margin: 2% 0;}
    iframe{width: 280px; height: 158px; float: left;}
    .twoQuarter{width: 30%; padding: 5% 10%;}

    .clearfix:after {
        clear: both;
        content: ".";
        display: block;
        height: 0;
        visibility: hidden;
    }



}

@media only screen and (max-width:980px) {
    #topMenu{display: none; z-index: 50;}
    #sideMenu{z-index: 200;}
    #menuButton{opacity: 1; left: 0;}
    #content{margin: 8vh auto 0;}
    .bigWhite{font-size: 400%;}
    .contentTab{margin: 2vh 5%; max-height: 75vh;}
    .button{width: 85%; margin: 0 5% 2vh;}

    .mediumBlack{font-size: 120%;}
    ul.noIcon li{font-size: 90%;}

    .button.nautical,
    .button.medical{background-size: 12%;}

    .underWaterInspection{margin: 1% 0;}
    iframe{display: block; width: 280px; height: 158px; float: none; margin: auto; text-align: center;}
    .twoQuarter{width: 90%; padding: 1% 5%;}


}

@media only screen and (max-width:420px) {
    .bigWhite{font-size: 300%;}
    .mediumBlack{font-size: 100%; font-weight: 500;}
    #topMenu span{font-size: 76%; width: 8%; margin: 0 1%;}
    #content{margin: 5vh auto 0;}
    .contentTab{margin: 2vh 2%; max-height: 90vh;}
    .mediumBlack{font-size: 100%;}
    ul.noIcon li{font-size: 90%;}

    #aboutUsDescription{margin: 5% auto; width: 70%;}

}


@media print {



}