﻿@font-face {
    font-family: Assistant-Regular-Regular;
    src: url(/fonts/Assistant-Regular-Regular.woff);
    font-weight: 300;
}
html,body{background-color:#0e3d81;}
body{top:0;left:0;width:100%;height:100%;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;padding:0;font-family:'Assistant-Regular',sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;transition:all 1s ease-in-out;}
.grid{float:left;padding:0;min-height:0;z-index:0}
*,:before,:after{-webkit-box-sizing:border-box;-o-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
.clearfix::before,.clearfix::after{content:" ";display:table}
.clearfix::after{clear:both;z-index:100}
.clearfix{*zoom:1}
.boxumbruch{clear:both}
.hero-image{width:100%;height:75vh;top:-32px;background-image:url("../img/michael-buchmann-imteam-international-konfliktmanagement-london.jpg");background-position: center;background-repeat:no-repeat;background-size:cover;position:relative;z-index:1;padding:0;outline:#0e3d81 solid 6px;}
.overlay{opacity:.35;background-color: black;position: absolute;left:0;top:0;height:75vh;width:100%;}
.hero-text{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:yellow;}
.logo{top:6%;left:3.3%;font-size:23px;line-height:26px;position:fixed;z-index:100;}
.social{bottom:10px;right:2.5%;width:auto;position:fixed;z-index:100;}
.menu{top:35%;left:3.3%;font-size:22px;line-height:26px;width:auto;position:fixed;z-index:100;letter-spacing:1px;}
h1{font-size:26px;line-height:34px;color:yellow;}
h2{font-size:26px;line-height:34px;color:yellow;}
h3{font-size:1.2em;line-height:1.6em;color:#fff;}
h4{font-size:1.2em;line-height:1.6em;color:aqua;}
p,article{font-size:1.2em;line-height:1.6em;color:#fff;}
hr{border:1px solid #0e3d81;border-style:none none solid;color:#fff;background-color:#fff;}
hr.style{border:1px solid #0e3d81;border-style:none none solid;color:aqua;background-color:aqua;}
li{font-size:1.2em;line-height:1.6em;color:white;list-style-position:outside;}
a:link{text-decoration:none;color:white;}
a:focus{color:yellow}
a:visited{color:white}
a:hover{color:yellow;transition-duration:.5s;}
a:active{color:white}
a:focus{outline:none}
::selection{background:transparent;color:yellow}
::-moz-selection{background:transparent;color:yellow}
.w5{width:5%;padding:5px}
.w10{width:10%;padding:5px}
.w15{width:15%;padding:5px}
.w20{width:20%;padding:5px}
.w25{width:25%;padding:5px}
.w30{width:30%;padding:5px}
.w33{width:33.333333%;line-height:0;padding:0.5%;}
.w35{width:35%;padding:5px}
.w40{width:40%;padding:5px}
.w45{width:45%;padding:5px}
.w50{width:50%;padding:5px}
.w55{width:55%;padding:5px}
.w60{width:60%;padding:5px}
.w65{width:65%;padding:5px}
.w70{width:70%;padding:5px}
.w75{width:75%;padding:5px}
.w80{width:80%;padding:5px}
.w85{width:85%;padding:5px}
.w90{width:90%;padding:5px}
.w95{width:95%;padding:5px}
.w100{width:100%;height:100%;line-height:0;}
.grow{transition:all .2s ease-in-out;}
.grow:hover{transform:scale(1.1);}
.abstand{width:100%;height:25vh}
.abstand25{width:100%;height:2.5vh;z-index:100}
.abstand5{width:100%;height:5vh;z-index:100}
.abstand10{width:100%;height:10vh;z-index:100}
.abstand20{width:100%;height:20vh;z-index:100}
iframe{width:100%;transition-duration:1s;}
.schatten{-webkit-box-shadow: 2px 4px 24px 1px rgba(0,255,255,0.59);-moz-box-shadow: 2px 4px 24px 1px rgba(0,255,255,0.59);box-shadow: 2px 4px 24px 1px rgba(0,255,255,0.59);}
.box:hover{-webkit-box-shadow: 2px 4px 24px 1px rgba(0,255,255,0.59);-moz-box-shadow: 2px 4px 24px 1px rgba(0,255,255,0.59);box-shadow: 2px 4px 24px 1px rgba(0,255,255,0.59);}
.responsive-video iframe{position:absolute;top:0;left:0;bottom:0;width:100%;height:100%;z-index:1}
.responsive-video{position:relative;padding-bottom:56.25%;padding-top:0;height:0;overflow:hidden;z-index:0}
.cookie{top:0;width:15%;height:5%;margin:0 auto;background-color:yellow;color:#0e3d81;font-size:1.2em;display:flex;align-items:center;justify-content:center;position:relative;outline:#0e3d81 solid 6px;padding:6px 0;z-index:200;}
.cookie:hover{background-color:#0e3d81;color:white;transition-duration:.5s;z-index:999;}
.outline{outline:#0e3d81 solid 6px;}
.footer{font-size:1.2em;line-height:1.6em;color:white;}
form{width:100%;}
.hamburger{display:block;width:60px;height:60px;position:fixed;top:30px;right:30px;z-index:200000;padding:12px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent;-ms-touch-action:manipulation;touch-action:manipulation}
.hamburger__icon{position:relative;margin-top:8px;margin-bottom:7px}
.hamburger__icon,.hamburger__icon:before,.hamburger__icon:after{display:block;width:40px;height:2px;background-color:#fff;-moz-transition-property:background-color,-moz-transform;-o-transition-property:background-color,-o-transform;-webkit-transition-property:background-color,-webkit-transform;transition-property:background-color,transform;-moz-transition-duration:.4s;-o-transition-duration:.4s;-webkit-transition-duration:.4s;transition-duration:.4s}
.hamburger__icon:before,.hamburger__icon:after{position:absolute;content:""}
.hamburger__icon:before{top:-7px}
.hamburger__icon:after{top:7px}
.hamburger.active .hamburger__icon{background-color:transparent}
.hamburger.active .hamburger__icon:before,.hamburger.active .hamburger__icon:after{background-color:#fff}
.hamburger.active .hamburger__icon:before{-moz-transform:translateY(7px) rotate(45deg);-ms-transform:translateY(7px) rotate(45deg);-webkit-transform:translateY(7px) rotate(45deg);transform:translateY(7px) rotate(45deg)}
.hamburger.active .hamburger__icon:after{-moz-transform:translateY(-7px) rotate(-45deg);-ms-transform:translateY(-7px) rotate(-45deg);-webkit-transform:translateY(-7px) rotate(-45deg);transform:translateY(-7px) rotate(-45deg)}
.fat-nav{top:0;right:0;z-index:9999;position:fixed;display:none;width:100%;height:100%;background:rgba(0,255,255,0.9);-moz-transform:scale(1.4);-ms-transform:scale(1.4);-webkit-transform:scale(1.4);transform:scale(1.4);-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-webkit-transition-property:-webkit-transform;transition-property:transform;-moz-transition-duration:.4s;-o-transition-duration:.4s;-webkit-transition-duration:.4s;transition-duration:.4s;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}
.fat-nav__wrapper{width:100%;height:100%;display:table;table-layout:fixed}
.fat-nav.active{-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}
.fat-nav ul{display:table-cell;vertical-align:middle;margin:0;padding:0}
.fat-nav li{list-style-type:none;text-align:center;padding:3px;font-size:2em}
.fat-nav li,.fat-nav li a{color:#0e3d81}
.fat-nav li a{text-decoration:none}
.hero-fall{width:100%;height:75vh;top:-32px;background-image:url("../img/michael-buchmann-imteam-international-konfliktmanagement-kunden-referenzen.jpg");background-position:center;background-repeat:no-repeat;background-size:cover;position:relative;z-index:1;padding:0;outline:#0e3d81 solid 6px;}
.hero-audit{width:100%;height:75vh;top:-32px;background-image:url("../Team-Audit/team-audit-dr-michael-buchmann-konfliktmanagement-synergien-internationale-teams-2019.jpg");background-position:center;background-repeat:no-repeat;background-size:cover;position:relative;z-index:1;padding:0;outline:#0e3d81 solid 6px;}
.hero-ref{width:100%;height:75vh;top:-32px;background-image:url("../img/michael-buchmann-imteam-synergie-strategie-usa-golden-gate-bridge.jpg");background-position:center;background-repeat:no-repeat;background-size:cover;position:relative;z-index:1;padding:0;outline:#0e3d81 solid 6px;}
.hero-qa{width:100%;height:75vh;top:-32px;background-image:url("../img/michael-buchmann-imteam-international-konfliktmanagement-qa.jpg");background-position:center;background-repeat:no-repeat;background-size:cover;position:relative;z-index:1;padding:0;outline:#0e3d81 solid 6px;}
.hero-synergien{width:100%;height:75vh;top:-32px;background-image:url("../img/michael-buchmann-imteam-synergie-strategie-orchester.jpg");background-position:center;background-repeat:no-repeat;background-size:cover;position:relative;z-index:1;padding:0;outline:#0e3d81 solid 6px;}
.hero-imprint{width:100%;height:75vh;top:-32px;background-image:url("../img/imprint-dr-michael-buchmann-synergie-unternehmen.jpg");background-position: center;background-repeat:no-repeat;background-size:cover;position:relative;z-index:1;padding:0;outline:#0e3d81 solid 6px;}
.hero-kontakt{width:100%;height:75vh;top:-32px;background-image:url("../img/dr-michael-buchmann-imteam-internationale-synergie-strategien.jpg");background-position: center;background-repeat:no-repeat;background-size:cover;position:relative;z-index:1;padding:0;outline:#0e3d81 solid 6px;}
.hero-stile{width:100%;height:75vh;top:-32px;background-image:url("../img/michael-buchmann-imteam-international-konfliktmanagement-heaven.jpg");background-position: center;background-repeat:no-repeat;background-size:cover;position:relative;z-index:1;padding:0;outline:#0e3d81 solid 6px;}
.hero-gerusa{width:100%;height:75vh;top:-32px;background-image:url("../img/michael-buchmann-imteam-international-konfliktmanagement-training-dark.jpg");background-position: center;background-repeat:no-repeat;background-size:cover;position:relative;z-index:1;padding:0;outline:#0e3d81 solid 6px;}

.schraeg{-moz-transform:rotate(-2deg);-ms-transform:rotate(-2deg);-o-transform:rotate(-2deg);-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}
.out{outline-style:solid;color:aqua;border-radius:15px;-moz-border-radius:15px;}
.embed-container{padding-bottom:56.25%;height:0;overflow:hidden;width:100%;height:auto;}
.embed-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
.embed-container.ratio4x3{padding-bottom:75%;}
.bt{display:inline-block;padding:0.35em 1.2em;margin:0 0.3em 0.3em 0;border:none;box-sizing:border-box;background-color:yellow;color:#0e3d81;font-size:26px;line-height:34px;cursor:pointer;text-align:center;transition: all 0.2s;}
.bt:hover{background-color:aqua;color:#0e3d81;}

@media only screen and (min-device-width:768px) and (max-device-width:1166px) {
.logo{top:6%;}
.menu{top:30%;}
.beratungstermin{top:30%;}
.hero-image,.hero-fall,.hero-ref,.hero-qa,.hero-synergien,.hero-imprint,.hero-kontakt{height:58vh;}
.hero-text{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:yellow;}
.overlay{opacity:.35;background-color: black;position: absolute;left:0;top:0;height:58vh;width:100%;}
.beratungstermin{top:32%;right:0;width:14%;height:175px;font-size:86%;color:#0e3d81;position:fixed;z-index:100;background:yellow;outline:#0e3d81 solid 6px;padding:1.5%;opacity:.9;}
}

@media only screen and (min-device-width:569px) and (max-device-width:767px) {
.w5,.w10,.w15,.w20,.w25,.w30,.w33,.w35,.w40,.w45,.w50,.w55,.w60,.w65,.w70,.w75,.w80,.w85,.w90,.w95,.w100{width:100%;line-height:0;padding:0 2% 0 2%;}
.logo{top:6%;}
.menu,.cookie,.beratungstermin{display:none;}
.hero-image{height:70vh;background-position: center;background-repeat:no-repeat;background-size:cover;position:relative;z-index:1;}
.overlay{opacity:.35;background-color: black;position: absolute;left:0;top:0;height:70vh;width:100%;}
.abstand20{width:100%;height:5vh;z-index:100}
.x{display:none}
}

@media only screen and (min-device-width:290px) and (max-device-width:568px) {
.w5,.w10,.w15,.w20,.w25,.w30,.w33,.w35,.w40,.w45,.w50,.w55,.w60,.w65,.w70,.w75,.w80,.w85,.w90,.w95,.w100{width:100%;line-height:0;padding:0 3% 0 3%;}
.menu,.logo,.logo2,.beratungstermin,.social,.cookie,.hero-text{display:none;}
.hero-image{height:40vh;background-position: center;background-repeat:no-repeat;background-size:cover;position:relative;z-index:1;}
.hero-fall{width:100%;height:40vh;top:-32px;background-image:url("../img/michael-buchmann-imteam-international-konfliktmanagement-kunden-referenzen.jpg");background-position:center;background-repeat:no-repeat;background-size:cover;position:relative;z-index:1;padding:0;outline:#0e3d81 solid 6px;}
.hero-audit{height:40vh;top:-32px;}
.hero-ref{width:100%;height:40vh;top:-32px;background-image:url("../img/michael-buchmann-imteam-international-konfliktmanagement-united-states.jpg");background-position:center;background-repeat:no-repeat;background-size:cover;position:relative;z-index:1;padding:0;outline:#0e3d81 solid 6px;}
.hero-qa{width:100%;height:40vh;top:-32px;background-image:url("../img/michael-buchmann-imteam-international-konfliktmanagement-qa.jpg");background-position:center;background-repeat:no-repeat;background-size:cover;position:relative;z-index:1;padding:0;outline:#0e3d81 solid 6px;}
.hero-synergien{width:100%;height:40vh;top:-32px;background-image:url("../img/michael-buchmann-imteam-synergie-strategie-orchester.jpg");background-position:center;background-repeat:no-repeat;background-size:cover;position:relative;z-index:1;padding:0;outline:#0e3d81 solid 6px;}
.hero-imprint{width:100%;height:40vh;top:-32px;background-image:url("../img/imprint-dr-michael-buchmann-synergie-unternehmen.jpg");background-position: center;background-repeat:no-repeat;background-size:cover;position:relative;z-index:1;padding:0;outline:#0e3d81 solid 6px;}
.hero-kontakt{width:100%;height:40vh;top:-32px;background-image:url("../img/dr-michael-buchmann-imteam-internationale-synergie-strategien.jpg");background-position: center;background-repeat:no-repeat;background-size:cover;position:relative;z-index:1;padding:0;outline:#0e3d81 solid 6px;}
.hero-stile{width:100%;height:40vh;top:-32px;}
.abstand20{width:100%;height:5vh;z-index:100}
p,ol,ul,li{font-size:1em;}
.overlay{opacity:.35;background-color: black;position: absolute;left:0;top:0;height:40vh;width:100%;}
.bt{padding:8%;font-size:1.4em;line-height:1.4em;}
.x{display:none}
}