/* open-sans-300 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: url('/fonts/open-sans-v29-latin-300.eot'); /* IE9 Compat Modes */
    src: local(''), url('/fonts/open-sans-v29-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/fonts/open-sans-v29-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
    url('/fonts/open-sans-v29-latin-300.woff') format('woff'), /* Modern Browsers */
    url('/fonts/open-sans-v29-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/fonts/open-sans-v29-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('/fonts/open-sans-v29-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''), url('/fonts/open-sans-v29-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/fonts/open-sans-v29-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('/fonts/open-sans-v29-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('/fonts/open-sans-v29-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/fonts/open-sans-v29-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: url('/fonts/open-sans-v29-latin-600.eot'); /* IE9 Compat Modes */
    src: local(''), url('/fonts/open-sans-v29-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/fonts/open-sans-v29-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
    url('/fonts/open-sans-v29-latin-600.woff') format('woff'), /* Modern Browsers */
    url('/fonts/open-sans-v29-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/fonts/open-sans-v29-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: url('/fonts/open-sans-v29-latin-700.eot'); /* IE9 Compat Modes */
    src: local(''), url('/fonts/open-sans-v29-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/fonts/open-sans-v29-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('/fonts/open-sans-v29-latin-700.woff') format('woff'), /* Modern Browsers */
    url('/fonts/open-sans-v29-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/fonts/open-sans-v29-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-800 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    src: url('/fonts/open-sans-v29-latin-800.eot'); /* IE9 Compat Modes */
    src: local(''), url('/fonts/open-sans-v29-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/fonts/open-sans-v29-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
    url('/fonts/open-sans-v29-latin-800.woff') format('woff'), /* Modern Browsers */
    url('/fonts/open-sans-v29-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/fonts/open-sans-v29-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-300italic - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 300;
    src: url('/fonts/open-sans-v29-latin-300italic.eot'); /* IE9 Compat Modes */
    src: local(''), url('/fonts/open-sans-v29-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/fonts/open-sans-v29-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('/fonts/open-sans-v29-latin-300italic.woff') format('woff'), /* Modern Browsers */
    url('/fonts/open-sans-v29-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/fonts/open-sans-v29-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-italic - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: url('/fonts/open-sans-v29-latin-italic.eot'); /* IE9 Compat Modes */
    src: local(''), url('/fonts/open-sans-v29-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/fonts/open-sans-v29-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('/fonts/open-sans-v29-latin-italic.woff') format('woff'), /* Modern Browsers */
    url('/fonts/open-sans-v29-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/fonts/open-sans-v29-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600italic - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 600;
    src: url('/fonts/open-sans-v29-latin-600italic.eot'); /* IE9 Compat Modes */
    src: local(''), url('/fonts/open-sans-v29-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/fonts/open-sans-v29-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('/fonts/open-sans-v29-latin-600italic.woff') format('woff'), /* Modern Browsers */
    url('/fonts/open-sans-v29-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/fonts/open-sans-v29-latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-800italic - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 800;
    src: url('/fonts/open-sans-v29-latin-800italic.eot'); /* IE9 Compat Modes */
    src: local(''), url('/fonts/open-sans-v29-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/fonts/open-sans-v29-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('/fonts/open-sans-v29-latin-800italic.woff') format('woff'), /* Modern Browsers */
    url('/fonts/open-sans-v29-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/fonts/open-sans-v29-latin-800italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700italic - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 700;
    src: url('/fonts/open-sans-v29-latin-700italic.eot'); /* IE9 Compat Modes */
    src: local(''), url('/fonts/open-sans-v29-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/fonts/open-sans-v29-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('/fonts/open-sans-v29-latin-700italic.woff') format('woff'), /* Modern Browsers */
    url('/fonts/open-sans-v29-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/fonts/open-sans-v29-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}


body {
    font-family: Open Sans;
    font-weight: 200;
}

@media screen and (orientation:landscape) {
    @-ms-viewport {
        width: 1440px;
    }
}

@media screen and (orientation:portrait) {
    @-ms-viewport {
        width: 720px;
    }
}


#buttonlist p {
    margin-top: 5px;
    margin-left: 20px;
    color: white;
    font-size: 50px;
}
#buttonlist a {
    color: white;
    text-decoration:none;
}

#header {
    position: fixed;
    left: 0;
    top: 0;
    width: 1920px;
    height: auto;
    z-index:99;
}


#logo {
    height: 125px;
    width: auto;
    position: fixed;
    left: 50px;
    top: 13px;
    z-index:99;
}

header span {
    position: fixed;
    top: 107px;
    right: 50px;
    width:auto;
    height:55px;
    font-size: 35px;
    letter-spacing: 4px;
    color: white;
    font-weight: 400;
    overflow:hidden;
    z-index:99;
}
header a {
    position:fixed !important;
    top:5px !important;
    right:5px !important;
    font-size:25px !important;
    color:black !important;
    z-index:99999;
    
}


#stargate {
    width: 590px;
    height: 345px;
    margin: 15px;
    background-color: #14a1e6;
    background-image: url(img/OwnerLabelNewKlein.png);
    background-repeat: no-repeat;
    background-position: 50% 15%;
    background-size:500px;
    transition:all .5s;

}
#stargate:hover{
    background-size:400px;
    
}
.figcaption{
    position:relative;
    top:200px;
    left:15px;
    margin-right:20px;
    opacity:0;
    transition:all .5s;
    text-align:center;
    font-size:25px;
    color:white!important;


}
.figcaptionshow{
    opacity:1;
}

.fathide{
    opacity:0;

}
#teamviewerposition{
    position:relative;
    top:-150px;
}

#stargatetext {
    position:relative;
    top:150px;
    font-size:60px !important;
    font-weight:700;
    text-align:center;
    color:black !important;
}
#fernwartungtext{
    position:relative;
    top:100px;
    font-size:40px !important;
    font-weight:700;
    text-align:center;
    color:black !important;

}


#fernwartung {
    width: 280px;
    height: 345px;
    margin: 15px;
    background-color: #007e4b;
    background-size: 350px;
}
#teamviewer {
    margin-left:38px;
    margin-top:40px;
}


/*#social {
    width: 590px;
    height: 158px;
    margin: 15px;
    background-color: #7f2a6a;
    background-image: url(img/startseite/socialmedia.png);
    background-repeat: no-repeat;
    background-position: 100% 40%;
    background-size: 225px;
}

#angebote {
    width: 590px;
    height: 157px;
    margin: 15px;
   
    background-color: #007e4b;
    background-image: url(img/startseite/angebot.png);
    background-repeat: no-repeat;
    background-position: 90% 40%;
    background-size: 150px;
}*/


#mailstore {
    width: 280px;
    height: 345px;
    margin: 15px;
    background-color: #7f2a6a;
    background-image: url(img/MailStoreServerLogo.png);
    background-repeat: no-repeat;
    background-position: 50% 15%;
    background-size: 250px;
}
    #mailstoretext{
        margin-top:175px!important;
        margin-left:10px !important;
        margin-right:10px !important;
        font-size:25px !important;
        font-weight:600!important;
        color:black !important;

    }
    #mailstoretext a {
color:black !important;
    }


/*#partner {
    width: 280px;
    height: 345px;
    margin: 15px;
    background-color: #007e4b;
    background-image: url(img/startseite/Beratung.png);
    background-repeat: no-repeat;
    background-position: 50% 105%;
    background-size: 225px;
}

#mns {
 
   width: 280px;
    height: 345px;
    margin: 15px;
    background-color: #7f2a6a;
    background-image: url(img/startseite/schulen.png);
    background-repeat: no-repeat;
    background-position: 50% 105%;
    background-size: 225px;
}
#webdesign {
 
    width: 280px;
    height: 345px;
    margin: 15px;
    background-color: #14a1e6;
    background-image: url(img/startseite/webdesign.png);
    background-repeat: no-repeat;
    background-position: 50% 105%;
    background-size: 225px;
}

#kontakt {
    width: 900px;
    height: 158px;
    margin: 15px;
    background-color: #7f2a6a;
    background-image: url(img/startseite/kontakt.png);
    background-repeat: no-repeat;
    background-position: 100% 30%;
    background-size: 225px;
}
.underline{
    text-decoration:underline !important;
    font-size:40px;
}*/



#impressum {
    width: 590px;
    height: 345px;
    margin: 15px;
    background-color: #7f2a6a;
}

#wlan {
    width: 590px;
    height: 157px;
    margin: 15px;
    background-color: #007e4b;
    background-image: url(img/startseite/wlan.png);
    background-repeat: no-repeat;
    background-position: 95% 50%;
    background-size: 125px;
}

/*#schulen {
    width: 590px;
    height: 345px;
    margin: 15px;
    background-color: #14a1e6;
    background-image: url(img/startseite/schulen.png);
    background-repeat: no-repeat;
    background-position: 70% 70%;
    background-size: 300px;
}*/


.center {
    margin: 0 !important;
    text-align: center;

}

.hover {
    -moz-transition: all;
    -o-transition: all;
    -webkit-transition: all;
    transition: all;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -webkit-transition-duration: 200ms;
    transition-duration: 200ms;
    
}
.shadow {
        box-shadow:10px 12px 20px  rgba(0, 0, 0, 0.90) ;
}
    .hover:hover {
        -moz-transform: scale(1.02);
        -ms-transform: scale(1.02);
        -o-transform: scale(1.02);
        -webkit-transform: scale(1.02);
        transform: scale(1.02);
    }

.float {
    float: left;
}

.clear {
    clear: both;
}

#content {
    margin-top: 173px;
    margin-bottom: 25px;
    
  
}
.fat {
    font-weight:300;
    transition:all .5s;
}
.fatonly{
    font-weight:300;
}
#wrapper {
    width:75%;
    margin:auto;

}
@media (max-width:800px) {
    #wrapper {
    width:100%;
    margin:auto;

}
    header span {
        font-size:25px;
        top: 117px;
        letter-spacing:normal;
    }
}
@media all and (min-width: 1260px) and (max-width: 1875px) {
    
    #wrapper {
    width:75%;
    margin:auto;

}
}
.schmal {
    display:none;
}
@media (max-width:946px){
    #wrapper {
    width:100%;
    margin:auto;

}
    .breit {
        display:none;
    }
    .schmal {
        display:block;
    }
    #kontakt {
    width: 280px;
    height: 157px;
    margin: 15px;
    background-color: #7f2a6a;
    background-image:none;
}
    #webdesign {
    width: 590px;
    height: 157px;
    margin: 15px;
    background-color: #14a1e6;
    background-image: url(img/startseite/webdesign.png);
    background-repeat: no-repeat;
    background-position: 95% 50%;
    background-size: 125px;
}
    #webdesign > .center {
        text-align:left;
        padding-left:20px;
    }
}