/*
Theme Name: Business Gespräche
Theme URI: http://www.business-gespraeche.de
Description: Mobile Presentation Page
Author: Marius Menza
Author URI: http://www.kreatuvbetreeung.de
*/




    #container {
     	float:left;
			display:block;
      margin: 0 auto 0.5em auto;
			
      -webkit-perspective: 800px;
         -moz-perspective: 800px;
           -o-perspective: 800px;
              perspective: 800px;
  
    }

    #card {
      width: 100%;
      height: 100%;
			display:block;
			float:left;
			// position: absolute;
      -webkit-transition: -webkit-transform 1s;
         -moz-transition: -moz-transform 1s;
           -o-transition: -o-transform 1s;
              transition: transform 1s;
      -webkit-transform-style: preserve-3d;
         -moz-transform-style: preserve-3d;
           -o-transform-style: preserve-3d;
              transform-style: preserve-3d;
    }

    #card.flipped {
      -webkit-transform: rotateY( 180deg );
         -moz-transform: rotateY( 180deg );
           -o-transform: rotateY( 180deg );
              transform: rotateY( 180deg );
    }

    #card img {
      display: block;
		float:left;
      height: 100%;
      width: 100%;
			//line-height: 260px;
      color: white;
      text-align: center;
      font-weight: bold;
     // font-size: 140px;
      position: absolute;
      -webkit-backface-visibility: hidden;
         -moz-backface-visibility: hidden;
           -o-backface-visibility: hidden;
              backface-visibility: hidden;
    }

    #card .front {
     // background: red;
    }
  
  	#card .front1 {
     // background: red;
    }

    #card .back {
      //background: blue;
      -webkit-transform: rotateY( 180deg );
         -moz-transform: rotateY( 180deg );
           -o-transform: rotateY( 180deg );
              transform: rotateY( 180deg );
    }
	

 body {
   font-family: 'Merriweather',serif;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    font-size: 100%;
    -webkit-text-size-adjust: 100% !important;
    width:100%;
    height:100%;
	overflow-x:hidden;
}
  
  #backbutton { position:absolute;
	display: block;
  }
  
  table, table tr, table tr td { border: none 0; padding:0;border-spacing:0;}

a img {
border:none;
}
  
  
#mainwrapper {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
  	width:100%;
}
  
  
  #menue {display: block;
	float: right;
	width:100%;
	height:auto;
	background-color:none;
	z-index:10;}
  
  #menue2 {display: none;
    width:5%;
	float: right;
	width:100%;
	height:auto;
	background-color:none;
	z-index:}
	
	 #menue2 img{
  width:100%; !important;
  }
  
   .button {
	   display:inline;
	   float:left;
	   bottom:0;
	 
	 }
   #canvas {
    //-webkit-overflow-scrolling: touch !important;
 
   
   }
  
  
.categories {
    display:block;
    float:left;
    height:100%;
    width:100%;
    margin-bottom:0.5em;
}
.categorybutton {
    color:white;
    font-size:140%;
    font-weight:bold;
    display:block;
    float:left;
    height:20px;
    width:100%;
    border-bottom: solid white .05em;
    height:auto;
    background: radial-gradient(center, ellipse closest-side, rgba(255, 255, 255, 0.1) 75%, rgba(66, 66, 66, 0.15));
    background: -moz-radial-gradient(center, ellipse closest-side, rgba(255, 255, 255, 0.1), rgba(66, 66, 66, 0.15));
    background: -ms-radial-gradient(center, ellipse closest-side, rgba(255, 255, 255, 0.1), rgba(66, 66, 66, 0.2));
    background: -webkit-radial-gradient(center, ellipse closest-side, rgba(255, 255, 255, 0.1), rgba(66, 66, 66, 0.15));
    text-shadow: 2px 0 3px rgba(87, 87, 86, 0.7), -2px 0 3px rgba(87, 87, 86, 0.7), 0 2px 3px rgba(87, 87, 86, 0.7), 0 -2px 3px rgba(87, 87, 86, 0.5), 1px 1px rgba(87, 87, 86, 0.5), -1px -1px 0 rgba(87, 87, 86, 0.5), 1px -1px 0 rgba(87, 87, 86, 0.5), -1px 1px 0 rgba(87, 87, 86, 0.5);
}
td {
    padding:0;
}
td img {
    display:block;
}
.articles {
    display:bloch;
    float:left;
    height:100%;
    width:100%;
    overflow: hidden;
    margin-top:.5em;
}
.morelink {
    text-decoration: underline;
}
.moretext {
    display:none;
    overflow:hidden;
    height:0px;
}
body::-webkit-scrollbar {
    display: none;
}
.morelinkicon {
    display:block;
    float:right;
    position:relative;
    line-height:0;
    width:10%;
    margin: 0% 0% 2% 3%;
    right:1%;
}
}
.morelinkicon .open {
    transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    /* IE 9 */
    -webkit-transform:rotate(180deg);
    /* Safari and Chrome */
}
.morepfeil {
    width:90%;
}
.roundshadowimage {
    display:block;
    float:left;
    position:relative;
    line-height:0;
    width:28%;
    margin: 2% 4% 0 2%;
    //background-color:none;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    overflow:hidden;
    -moz-border-radius: 50%;
    -moz-box-shadow: 0 0 1em rgba(87, 87, 86, 0.7);
    -webkit-box-shadow: 0 0 1em rgba(87, 87, 86, 0.7);
    box-shadow: 0 0 1em rgba(87, 87, 86, 0.7);
}
.whiteimageboarder {
    width:100%;
    line-height:0;
    // padding:4% 4% 4% 4%;
    // border:none;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    // overflow:hidden;
}
.roundimage {
    width:100%;
    // padding: 2% 2% 2% 2%;
    line-height:0;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    //border: solid green 2px;
    //overflow:hidden;
    // background-color:white;
}
.roundimage img {
    line-height:0;
    width:100%;
    margin:0% auto 0% auto;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -moz-box-shadow: 0 0 .5em rgba(87, 87, 86, 0.7);
    -webkit-box-shadow: 0 0 .5em rgba(87, 87, 86, 0.7);
    //overflow:hidden;
}
.artikel {
    margin: 0 0 1em 0;
    padding: 0;
  	width:100%;
  display:block;
  float:left;
}
h2 {
    font-size:120%;
    line-height:1;
    text-align:left;
    vertical-align: middle;
    text-shadow: 2px 0 3px rgba(87, 87, 86, 0.7), -2px 0 3px rgba(87, 87, 86, 0.7), 0 2px 3px rgba(87, 87, 86, 0.7), 0 -2px 3px rgba(87, 87, 86, 0.5), 1px 1px rgba(87, 87, 86, 0.5), -1px -1px 0 rgba(87, 87, 86, 0.5), 1px -1px 0 rgba(87, 87, 86, 0.5), -1px 1px 0 rgba(87, 87, 86, 0.5);
    color:white;
    padding:3%;
//    -webkit-hyphens: manual;
//    -moz-hyphens: manual;
//    -ms-hyphens: manual;
//    hyphens: manual;
    background: radial-gradient(center, ellipse closest-side, rgba(255, 255, 255, 0.2) 75%, rgba(87, 87, 86, 0.15));
    background: -moz-radial-gradient(center, ellipse closest-side, rgba(255, 255, 255, 0.2), rgba(87, 87, 86, 0.15));
    background: -ms-radial-gradient(center, ellipse closest-side, rgba(255, 255, 255, 0.2), rgba(87, 87, 86, 0.2));
    background: -webkit-radial-gradient(center, ellipse closest-side, rgba(255, 255, 255, 0.2), rgba(87, 87, 86, 0.15));
    margin:0;
    //border-bottom: solid white 1px;
}
.weisserbalken {
    height:0.05em;
    width:100%;
    background-color:white;
}
.weisserschatten {
    height:0.2em;
    width:100%;
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;
    base64, PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc2NzY3NiIgc3RvcC1vcGFjaXR5PSIwLjk1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(118, 118, 118, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(118, 118, 118, 0.5)), color-stop(100%, rgba(0, 0, 0, 0)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(118, 118, 118, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(118, 118, 118, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(118, 118, 118, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(118, 118, 118, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2767676', endColorstr='#00000000', GradientType=0);
    /* IE6-8 */
    /*background-color:white;
			box-shadow:0 2px 4px 4px rgba(87, 87, 86, 0.4);
		-moz-box-shadow: 0 2px 4px 4px rgba(87, 87, 86, 0.4);
		-webkit-box-shadow:  0 2px 3px 3px rgba(87, 87, 86, 0.4);
		*/
}
.weisserschattenKategorie {
    float:left;
    height:0.2em;
    width:100%;
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;
    base64, PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc2NzY3NiIgc3RvcC1vcGFjaXR5PSIwLjk1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(118, 118, 118, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(118, 118, 118, 0.5)), color-stop(100%, rgba(0, 0, 0, 0)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(118, 118, 118, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(118, 118, 118, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(118, 118, 118, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(118, 118, 118, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2767676', endColorstr='#00000000', GradientType=0);
    /* IE6-8 */
    /*background-color:white;
			box-shadow:0 2px 4px 4px rgba(87, 87, 86, 0.4);
		-moz-box-shadow: 0 2px 4px 4px rgba(87, 87, 86, 0.4);
		-webkit-box-shadow:  0 2px 3px 3px rgba(87, 87, 86, 0.4);
		*/
}
.artikelcontant {
    margin: 0;
    padding: 0;
    background-color: rgba(255, 255, 255, 0.4);
  	width:100%;
}
.inhalt {
    margin: -0.7em 0 0 0;
    padding: 0.2em 1em 0em 1em;
    overflow:visible;
}
.artikelcontant p {
    padding:0;
  	padding-bottom:0.3em;
    margin-bottom:1em;
}
.autorlink {
    color:white;
    width:100%;
    line-height:1;
    background-color: rgba(0, 0, 0, .5);
    padding:0.5em 1em 0.5em 1em;
    margin-left:-1em;
    border-top:solid white 0.1em;
}
.autorlink a {
    color:white;
    text-decoration:none;
}

.firmenlink a {
    color:white;
    text-decoration:none;
}