@charset "UTF-8";
@-ms-viewport {
  width: device-width;
}

@viewport {
  width: device-width;
}

@font-face {
    font-family: 'CopperplateGothicStd32BC';
    src: url('../fonts/CopperplateGothicStd-32BC.eot?#iefix') format('embedded-opentype'),
         url('../fonts/CopperplateGothicStd-32BC.woff') format('woff'),
         url('../fonts/CopperplateGothicStd-32BC.ttf') format('truetype'),
         url('../fonts/CopperplateGothicStd-32BC.svg#CopperplateGothicStd32BC') format('svg');
    font-weight: normal;
    font-style: normal;  
           
}

@font-face {
    font-family: 'copperplate_light_ssilight';
    src: url('../fonts/copperplate_light_ssi_light-webfont.eot');
    src: url('../fonts/copperplate_light_ssi_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/copperplate_light_ssi_light-webfont.woff') format('woff'),
         url('../fonts/copperplate_light_ssi_light-webfont.ttf') format('truetype'),
         url('../fonts/copperplate_light_ssi_light-webfont.svg#copperplate_light_ssilight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'iconfont';
  src: url('../fonts/iconfont.eot?59135371');
  src: url('../fonts/iconfont.eot?59135371#iefix') format('embedded-opentype'),
       url('../fonts/iconfont.woff?59135371') format('woff'),
       url('../fonts/iconfont.ttf?59135371') format('truetype'),
       url('../fonts/iconfont.svg?59135371#iconfont') format('svg');
  font-weight: normal;
  font-style: normal;
}

 
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "iconfont";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
     
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-cancel-circled2:before { content: '\e801'; } /* '' */
.icon-menu:before { content: '\e800'; } /* '' */


article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden] {
  display: none;
}

html {
  font-family: verdana;
  font-size: 1.05em;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -webkit-appearance: none;   
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

h1 {
  font-family: 'CopperplateGothicStd32BC';
  font-weight: lighter;
  color: #960000;
  position: relative;
  z-index: 1; 
}

.ielt9 h1 {
  font-family: 'copperplate_light_ssilight';
  font-weight: normal;
}

img {
  border: 0;
}

ul, ol {
  padding: 0;
  list-style: none;
}

h1, h2, h3, h4, h5, h6, p, ul, ol {
  margin: 0;
}

a {
  text-decoration: none;
  color: #960000;
  cursor: pointer; 
}

a:hover { text-decoration: underline; }

a:active,
a:hover,
a:focus {
  outline: 0;
}

a.phone { color: #333;}
a.phone:hover { text-decoration: none; }

a.nolink { text-decoration: none; color: #333333;}
a.nolink:hover { text-decoration: none; }
a.back { float: right; font-size: 0.6em; position: relative; z-index: 1;}
a.back.toolong { float: right; font-size: 1em; display: block; padding-top: 0.5em; min-width: 15%; text-align: right; }


body {
  color: #333;
  position: relative;
  width: 100%;
  min-width: 20em;
  height: 99.9%;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  background: #f2f2f2;
}


h1 {
  font-size: 4em;
  padding-top: 0.15em; 
}
h1 a { text-decoration: none; }
h1 a:hover { text-decoration: none; }

/* Schrift wird unter Windows anders gerendert */
.win h1 { padding-top: 0.21em;}

h2 {
  font-size: 1.9em;
  line-height: 1.25em;
  margin-bottom: 0.5em;
  font-family: 'CopperplateGothicStd32BC';
  font-weight: lighter;
}
h2.toolong {   display: block;
  float: left;
  max-width: 85%; }


.ielt9 h2 {
  font-family: 'copperplate_light_ssilight';
  font-weight: normal;
}


h3 { font-size: 0.93em; font-weight: bold; }


.block {
  position: relative;
  margin: 0 auto;
  padding: 1.5em 1.25em;
  max-width: 60em;
}

.shadow {
  margin: 0 auto;
  padding: 0 20px;
  max-width: 62em;
  background: url("../pics/shadow@1082.png") repeat-y top left;
}

.shadow.footer { height: 0; padding-top: 6em;}
.shadow.header { height: 0; padding-top: 1em;}


.close-btn {
  display: block;
  padding: 0;
  border: 0;
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  color: white;
  font-size: 1.8em;
}
.close-btn:hover { text-decoration: none; }
.close-btn:focus { background:yellow;}

.nav-btn {
  position: absolute;
  left: 0.40em;  
  display: none;
  color: #960000;
  padding: 0;
  border: 0;
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  z-index: 1;
  font-size: 1.8em;
}
.nav-btn:hover { text-decoration: none; }

#outer-wrap {
  position: relative;
  overflow: hidden;
  width: 100%;
}

#inner-wrap {
  position: relative;
  width: 100%;
}

#nav {
  overflow: hidden;
  width: 100%;
  padding-top: 5em;
  background-color: white;
}

#nav .close-btn {
  display: none;
}
#nav .block-title {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
#nav .block {
  z-index: 2;
  position: relative;
  padding: 0.75em 1.0em;
}
#nav ul {
  *zoom: 1;
  display: block;
}
#nav ul:before, #nav ul:after {
  content: "";
  display: table;
}
#nav ul:after {
  clear: both;
}
#nav li {
  display: inline-block;
}



#nav li a {
  display: inline-block;
  font-size: 1.3em;
  border-right: 2px solid #726c69;
  font-family: 'CopperplateGothicStd32BC';
  color: #726c69;
  text-decoration: none;
  margin-right: 1em;
  padding: 0.2em 1em 0.1em 0;
  outline: 0;   
}

.ielt8 #nav ul { padding-left: 180px;}
.ielt8 #nav li { display: block; float: left; }
.ielt8 #nav li a { display: block; float: left;}
.ielt9 #nav li a { font-family: 'copperplate_light_ssilight'; font-weight: normal; }


#nav li:last-child a { border-right: 0; padding-right: 0; margin-right: 0; }


#nav li.is-active a {
  color: #960000;
}

#top {
  position: relative;
  background: #a09893;
  height: 1em;
    text-align: center;
}


#main { background-color: white; }

#main .block {
  padding: 0.5em 1em 2.625em 1em;
}

article p,
article label {
 font-size: 0.90em;
 line-height: 1.5em;
 padding-bottom: 0.8em;
}

article p[id^=info] { cursor: pointer; }

div#main.impressum article p { font-size: 0.9em; }
div#main.impressum article h3 { font-size: 0.9em; }

section.grid_8.omega { width: 65.667% }
section.grid_8 { padding-bottom: 1em; }

section.grid_4 p { font-weight: bold; }
section.grid_4 strong { font-weight: bold; display: block; }
section.grid_4 span { font-size: 0.8em; line-height: 1.2em; font-weight: normal; }


div.copyright {
  margin: 2em 0 0em 0;
  padding: 0.5em 0;
  border-top: 1px solid #726c69;
  border-bottom: 1px solid #726c69;
  font-size: 0.8em;
  color: #726c69; 
}

div.copyright div.impressum {
  text-align: right;

}

div.copyright div.impressum a {
  color: #726c69;
  text-decoration: none;
}

div.copyright .grid_6 {
  text-indent: -0.3em;
}

footer {
  background: #a09893;
  height: 6em;
  min-height: 6em;
}

div.teaser {
  width: 100%;
  height: 0;
  padding-bottom: 32.2%;
  margin: 0 auto 2em auto;
  background-repeat: no-repeat;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  background-size: 100%;
}

div.teaser.unternehmen { background-image: url('../pics/bilder/unternehmen@960.jpg'); }
div.teaser.karriere { background-image: url('../pics/bilder/karriere@960.jpg'); }
div.teaser.leistungen { background-image: url('../pics/bilder/leistungen@960.jpg'); }
div.teaser.management { background-image: url('../pics/bilder/management@960.jpg'); }
div.teaser.steuerberatung { background-image: url('../pics/bilder/steuerberatung@960.jpg'); }
div.teaser.betriebswirtschaftlicheberatung { background-image: url('../pics/bilder/betriebswirtschaftlicheberatung@960.jpg'); }
div.teaser.pruefungsnaheberatung { background-image: url('../pics/bilder/pruefungsnaheberatung@960.jpg'); }

div.bing {
  margin: 0.5em auto 2em auto;
  width: 100%; 
  height: 0;
  position: relative;
  padding-bottom: 32.2%;
  overflow: hidden;
}

div.bing iframe { position:absolute;top:0;left:0;width:100%; height:100%; }

span.kontakt { display: inline-block; width: 4em; }
span.kontakt2 { display: inline-block; width: 5em; }

#nav .close-btn {
    border: 0;
    padding: 0;
    position: absolute;
    display: none;
}
  
#nav .block-title {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

#nav ul {
  text-align: center;
  white-space: nowrap;
}

#nav li:last-child {
   border-right: none;
}


.hidden { display: none; }

div.subinfo ul {
	list-style: disc;
	padding-left: 1em;
  padding-bottom: 1em;
	font-size: 0.9em;
  line-height: 1.5em;
}


div#main.datenschutz { counter-reset: customlistcounter;   /* Set "customlistcounter" to 0 */ }

div#main.datenschutz h3 { font-size: 0.9em; }    
div#main.datenschutz ul { list-style-type: disc; padding-left: 20px; font-size: 0.90em; line-height: 1.5em; }
div#main.datenschutz section.datenschutz ol { list-style-type: none; padding-left: 20px; font-weight: bold; font-size: 0.90em; line-height: 1.5em;}
div#main.datenschutz section.datenschutz ol li:before { 
  /* Increment "customlistcounter" by 1 */
  counter-increment: customlistcounter;    
  content: counter(customlistcounter) ". "; margin-left: -20px;
}



@media screen and (max-width:1024px) { 
  .shadow { background-image: url("../pics/shadow@1024.png"); }
}

@media screen and (max-width:900px) {	
  div.copyright { font-size: 0.90em; }
  #nav li a { font-size: 1.2em; }
}

@media screen and (max-width:840px) {	
  #nav li a { font-size: 1.1em; }
}

@media screen and (max-width:800px) {	
  div.copyright { font-size: 0.90em; } 
}

@media screen and (max-width:768px) {	
  .shadow { background-image: url("../pics/shadow@768.png"); }
}

@media screen and (max-width:767px) { 
  .shadow { background: none;  padding: 0; margin: 0; width: auto;}
}

@media screen and (max-width:740px) {	

}

@media screen and (max-width: 720px) {
div.teaser.unternehmen { background-image: url('../pics/bilder/unternehmen@680.jpg'); }
div.teaser.karriere { background-image: url('../pics/bilder/karriere@680.jpg'); }
div.teaser.leistungen { background-image: url('../pics/bilder/leistungen@680.jpg'); }
div.teaser.management { background-image: url('../pics/bilder/management@680.jpg'); }
div.teaser.steuerberatung { background-image: url('../pics/bilder/steuerberatung@680.jpg'); }
div.teaser.betriebswirtschaftlicheberatung { background-image: url('../pics/bilder/betriebswirtschaftlicheberatung@680.jpg'); }
div.teaser.pruefungsnaheberatung { background-image: url('../pics/bilder/pruefungsnaheberatung@680.jpg'); }
  #nav li a { font-size: 1.3em; }
  
  h1 {
    padding-top: 0em;
  }
  
  #top .nav-btn {
    top: 1.2em;
    display: block;
  }
  
  div.teaser { 
    margin-top: 4.5em;
  }
  
  div.bing { margin-top: 4.5em; }
  	  
  #nav {
    position: absolute;
    top: 0;
    padding-top: 5.25em;
  }
  #nav:not(:target) {
    z-index: 1;
    height: 0;
  }
  #nav:target .close-btn {
    display: block;
  }
  #nav .close-btn {
    position: absolute;
    top: -1.85em;
    left: 0.9em;
    display: block;
    z-index: 10;
  }
  #nav .block {
    position: relative;
    padding: 0;
  }
  #nav ul { text-align: left; }
  #nav li {
    position: relative;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    display: block;
  }
  #nav li:last-child {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
  
  #nav li.is-active a { color: #ffffff; font-weight: bold; }  
  
  #nav li.is-active:after {
    z-index: 50;
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: -0.03125em;
    margin-top: -0.625em;
    border-top: 0.625em transparent solid;
    border-bottom: 0.625em transparent solid;
    border-right: 0.625em #fff solid;
  }
  #nav li a {
    padding: 0.85714em 1.4em;
    color: #ffffff;
    border-right: 0px;
    margin-right: 0;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0.1);
  }
  #nav li a:focus, #nav li a:hover {
    background: rgba(255, 255, 255, 0.1);
  }

  .js-ready #nav {
    height: 100%;
    width: 225px;
    background: #333333;
    -webkit-box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);
    -moz-box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);
    box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);
  }
  .js-ready #nav .block {
    background: transparent;
  }

  .js-ready #nav {
    left: -225px;
  }
  .js-ready #inner-wrap {
    left: 0;
  }

  .js-nav #inner-wrap {
    left: 225px;
  }

  .csstransforms3d.csstransitions.js-ready #nav {
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .csstransforms3d.csstransitions.js-ready #inner-wrap {
    left: 0 !important;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform 500ms ease;
    -moz-transition: -moz-transform 500ms ease;
    -o-transition: -o-transform 500ms ease;
    transition: transform 500ms ease;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
  }

  .csstransforms3d.csstransitions.js-nav #inner-wrap {
    -webkit-transform: translate3d(225px, 0, 0) scale3d(1, 1, 1);
    -moz-transform: translate3d(225px, 0, 0) scale3d(1, 1, 1);
    -ms-transform: translate3d(225px, 0, 0) scale3d(1, 1, 1);
    -o-transform: translate3d(225px, 0, 0) scale3d(1, 1, 1);
    transform: translate3d(225px, 0, 0) scale3d(1, 1, 1);
  }

  .csstransforms3d.csstransitions.js-ready #nav .block {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
    -webkit-transition: opacity 300ms 100ms, -webkit-transform 500ms ease;
    -webkit-transition-delay: ease, 0s;
    -moz-transition: opacity 300ms 100ms ease, -moz-transform 500ms ease;
    -o-transition: opacity 300ms 100ms ease, -o-transform 500ms ease;
    transition: opacity 300ms 100ms ease, transform 500ms ease;
    -webkit-transform: translate3d(225px, 0, 0) scale3d(0.9, 0.9, 0.9);
    -moz-transform: translate3d(225px, 0, 0) scale3d(0.9, 0.9, 0.9);
    -ms-transform: translate3d(225px, 0, 0) scale3d(0.9, 0.9, 0.9);
    -o-transform: translate3d(225px, 0, 0) scale3d(0.9, 0.9, 0.9);
    transform: translate3d(225px, 0, 0) scale3d(0.9, 0.9, 0.9);
    -webkit-transform-origin: 50% 0%;
    -moz-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    -o-transform-origin: 50% 0%;
    transform-origin: 50% 0%;

  }

  .csstransforms3d.csstransitions.js-nav #nav .block {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}


@media screen and (max-width:600px) {

  div.copyright .grid_4 { display: none; }
  div.copyright .grid_6 { width: 100%; text-align: center; } 
  div.copyright .grid_2.impressum { width: 100%; text-align: center; padding-top: 1em; }   
  
  article.container_12 section.grid_4 { width: auto; float: none; display: block; margin-left: 0; }
  article.container_12 section.grid_4 p { font-weight: bold; padding-bottom: 0.9em; }
  article.container_12 section.grid_8 { width: auto; float: none; display: block; margin-left: 0; }
  article.container_12 section.grid_8 p { padding-bottom: 1.5em; }
  h2 { margin-bottom: 0.2em; }
  
  div.teaser,
  div.bing { margin-bottom: 1em; }
  
  div.subinfo { padding-left: 0.8em; padding-right: 0.8em; }
  div.subinfo section.grid_4 p { padding-left: 0; }
}

@media screen and (max-width:480px) {
  header#top h1 { font-size: 3.2em; padding-top: 0.1em; }
  #top .nav-btn { top: 1.05em; }
  h2.toolong { width: 75%; }
  a.back.toolong { width: 25%; }
}


@media screen and (max-width:400px) {

}


@media screen and (max-width:320px) {
  div.teaser.unternehmen { background-image: url('../pics/bilder/unternehmen@290.jpg'); }
  div.teaser.karriere { background-image: url('../pics/bilder/karriere@290.jpg'); }  
  div.teaser.leistungen { background-image: url('../pics/bilder/leistungen@290.jpg'); }
  div.teaser.management { background-image: url('../pics/bilder/management@290.jpg'); }
  div.teaser.steuerberatung { background-image: url('../pics/bilder/steuerberatung@290.jpg'); }
  div.teaser.betriebswirtschaftlicheberatung { background-image: url('../pics/bilder/betriebswirtschaftlicheberatung@290.jpg'); }
  div.teaser.pruefungsnaheberatung { background-image: url('../pics/bilder/pruefungsnaheberatung@290.jpg'); }
  
  html { font-size: 1em; }
  div.copyright { font-size: 0.75em; } 
  header#top h1 { padding-left: 0.7em; }
  h2.smaller { font-size: 1.4em; }
  a.back.toolong.smaller { padding-top: 0.15em; }
}


/* Retina bis iphone Größe*/
@media screen and (max-width:480px) and (-webkit-min-device-pixel-ratio: 1.5),
       screen and (max-width:480px) and (min--moz-device-pixel-ratio: 1.5),
       screen and (max-width:480px) and (-o-min-device-pixel-ratio: 3/2),
       screen and (max-width:480px) and (min-device-pixel-ratio: 1.5) {
  
  div.teaser.unternehmen { background-image: url('../pics/bilder/unternehmen@680.jpg'); }
  div.teaser.karriere { background-image: url('../pics/bilder/karriere@680.jpg'); }
  div.teaser.leistungen { background-image: url('../pics/bilder/leistungen@680.jpg'); }
  div.teaser.management { background-image: url('../pics/bilder/management@680.jpg'); }
  div.teaser.steuerberatung { background-image: url('../pics/bilder/steuerberatung@680.jpg'); }
  div.teaser.betriebswirtschaftlicheberatung { background-image: url('../pics/bilder/betriebswirtschaftlicheberatung@680.jpg'); }
  div.teaser.pruefungsnaheberatung { background-image: url('../pics/bilder/pruefungsnaheberatung@680.jpg'); }
}

/* Retina ab iPad Größe*/
@media screen and (min-width:481px) and (-webkit-min-device-pixel-ratio: 1.5),
       screen and (min-width:481px) and (min--moz-device-pixel-ratio: 1.5),
       screen and (min-width:481px) and (-o-min-device-pixel-ratio: 3/2),
       screen and (min-width:481px) and (min-device-pixel-ratio: 1.5) {
  
  div.teaser.unternehmen { background-image: url('../pics/bilder/unternehmen@1920.jpg'); }
  div.teaser.karriere { background-image: url('../pics/bilder/karriere@1920.jpg'); }  
  div.teaser.leistungen { background-image: url('../pics/bilder/leistungen@1920.jpg'); }
  div.teaser.management { background-image: url('../pics/bilder/management@1920.jpg'); }
  div.teaser.steuerberatung { background-image: url('../pics/bilder/steuerberatung@1920.jpg'); }
  div.teaser.betriebswirtschaftlicheberatung { background-image: url('../pics/bilder/betriebswirtschaftlicheberatung@1920.jpg'); }
  div.teaser.pruefungsnaheberatung { background-image: url('../pics/bilder/pruefungsnaheberatung@1920.jpg'); }
}