@charset "UTF-8";
/* CSS Document */
/*
Theme Name: Ana Melikian modified
Theme URI: http://axelschaumann.de
Description: For the use of Ana Melikian and Axel Schaumann
Author: Two Friendly Nerds
Author URI:  http://twofriendlynerds.com/
Version: 1.0
*/
@import url('fonts/fonts.css');
@font-face {
   font-family: TradeGothic;
   src: url('fonts/tradegothic/TradeGothicLTStd-Bd2.otf');
   src: url('fonts/tradegothic/TradeGothicLTStd-Bd2Obl.otf');
   src: url('fonts/tradegothic/TradeGothicLTStd-BdCn20.otf');
   src: url('fonts/tradegothic/TradeGothicLTStd-BdCn20Obl.otf');
   src: url('fonts/tradegothic/TradeGothicLTStd-Bold.otf');
   src: url('fonts/tradegothic/TradeGothicLTStd-BoldObl.otf');
   src: url('fonts/tradegothic/TradeGothicLTStd-Cn18.otf');
   src: url('fonts/tradegothic/TradeGothicLTStd-Light.otf');
   src: url('fonts/tradegothic/TradeGothicLTStd-LightObl.otf');
   src: url('fonts/tradegothic/TradeGothicLTStd-Obl.otf');
   src: url('fonts/tradegothic/TradeGothicLTStd.otf');
}

body {
	font-family: TradeGothic, Helvetica, Arial, sans-serif;
	font-size: 18px;
	line-height:30px;
	margin: 0;
	padding: 0;
}

header {
	margin-bottom: 40px;
}

headerX {
	background-color: #ffffff;
	background-image:url("http://mkmf.de/wp-content/uploads/2016/02/Home_Regenbogen_3_Header_4.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	height: 320px;
	margin-left: 0px;
	padding-left: 0px;
}

*, *:before, *:after {
  -moz-box-sizing: border-box; 
  -webkit-box-sizing: border-box; 
  box-sizing: border-box;
 }
input[type=submit], textarea, select { -webkit-appearance: none; border-radius: 0; -webkit-border-radius:0; }

* { -webkit-tap-highlight-color:transparent; }

/*
div, a, section, article, span, img, h1, h2, h3, h4, h5 ,h6 { -webkit-user-select:none; -moz-user-select:none; }
*/
p {
	font-size: 18px;
	line-height:30px;
	margin: 0 0 25px 0;
}
img {
    height: auto;
    vertical-align: top;
    max-width: 100%;
}
.bilderrahmen img {
    border: 1px solid #000;
}
a:link {
	text-decoration: none;
}

#comments ol{
	padding-left: 0;
	margin-left:0;
}
#comments li{
	list-style:none;
}
a:visited {
	text-decoration: none;
}
.clear {
	clear:both;
}

.pagination {
    font-family: TradeGothic, 'CenturyGothic-Bold';
    font-size: 17px;
    overflow: hidden;
    padding: 20px 0 0 !important;
    position: relative;
}

.pagination a {
	padding: 15px 10px 10px 10px !important; 
}

.last {
	margin-right: 0;
}
hr {
	width: 100%;
	clear: both;
}
ul, ol{
    margin-bottom: 25px;
    padding-left: 35px;
}
ul li {
    list-style: disc outside none;
	margin-bottom:5px;
	font-size: 18px;
	line-height: 26px;
}
ol li {
    list-style: decimal outside none;
	margin-bottom:5px;
	font-size: 18px;
	line-height: 26px;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
.alignnone {
    margin: 5px 20px 20px 0;
}
small {
	font-weight: bold;
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 20px;
	display: block;
}
#categorypage small {
	line-height: 16px;
	margin-bottom: 20px;
	display: block;
}
.small-videoinhalt {
	font-weight: normal;
	font-size: 14px;
	line-height: 26px;
	margin-bottom: 20px;
	display: block;
}
.ginput_container input, textarea, #commentform input {
	padding: 10px!important;
}

.button a, .gform_button, #submit{
	font-size: 17px;
	text-align: center;
	padding: 0;
	line-height: 21px;
	display: block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:0!important;
}

.more-link {
	font-size: 17px;
	text-align: center;
	padding: 0;
	line-height: 21px;
	display: block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:0!important;
}
#commentform small {
	margin-bottom:0;
}
#commentform label {
	margin-bottom:0;
}
#commentform textarea {
	max-width: 450px;
	width: 60%;
}
.comment {
	padding-bottom: 25px;
	margin-bottom:25px;
}
.gravatar {
	float:right;
	margin:0 0 10px 10px;
}
.more-link {
	display: inline-block;
	padding: 10px 25px;
}
.post {
	padding-bottom: 25px;
	margin-bottom:25px;
}

h1, h1 a {
	font-size: 37px;
	line-height: 52px;
	font-weight: normal;
	margin-bottom: 20px;
	font-family: TradeGothic, 'CenturyGothic-Bold';
}

h2, h2 a {
	font-size: 32px;
	line-height: 45px;
	font-weight: normal;
	margin-bottom: 15px;
}
.category-miniworkshop .post h2, .category-miniworkshop  .post h2 a {
    font-family: 'TradeGothic',sans-serif;
    font-size: 18px!important;
    line-height: 26px;
    margin-bottom: 26px;
}
.category-miniworkshop .post h2 span, .category-miniworkshop .post h2 span a  {
	font-size: 24px!important;
        line-height: 32px;
        font-weight: bold;
}

h3, h3 a {
	font-size: 26px;
	line-height: 36px;
	font-weight: normal;
	margin-bottom: 15px;
}
h4, h4 a {
	font-size: 22px;
	line-height: 31px;
	font-weight: normal;
	margin-bottom: 10px;
}
h5, h5 a {
	font-size: 18px;
	line-height: 25px;
	font-weight: normal;
	margin-bottom: 10px;
}
h6, h6 a {
	font-size: 16px;
	line-height: 22px;
	font-weight: normal;
	margin-bottom: 10px;
}
h2 a, h3 a, h4 a, h5 a, h6 a  {
	font-weight: normal;
}
#categorypage h2, #categorypage h2 a,#categorypage h3, #categorypage h3 a  {
	line-height: 36px !important;
	margin-bottom: 5px !important;
}

blockquote {
  font: 16px/26px normal helvetica, sans-serif;
  margin-top: 25px;
  margin-bottom: 25px;
  margin-left: 50px;
  padding-left: 15px;
  padding-top: 0;
  overflow: hidden;
} 
blockquote.blockquote2 {
  font: 16px/26px normal helvetica, sans-serif;
  margin-top: 25px;
  margin-bottom: 25px;
  margin-left: 0px;
  padding-left: 15px;
  padding-top: 0;
  overflow: hidden;
} 
blockquote img {
	margin-top:0!important;
	margin-bottom:0!important;
}
blockquote p {
    margin-bottom: 0;
	line-height: 30px;
}
.container {
    display: block;
    overflow: hidden;
    position: relative;
	width: 1080px;
	margin: 0 auto;
}
#logo {
	margin-bottom: 25px;
}
#logo, #logo a {
	border: none;
	margin-top: 25px;
	text-align: left;
	font-size: 28px;
	line-height: 32px;
	font-family: 'CenturyGothic-Bold';
}
#logo img{
	border: none;
	margin: 0;
	padding: 0;
}
#tagline {
	font-size: 18px;
	line-height: 30px;
	font-family: 'CenturyGothic-Bold';
	display: block;
}

ul#socialmedia {
	margin:0px;
	padding:0px;
	position:relative;
	float: right;
	text-align: right;
	height: 25px;
}
ul#socialmedia li {
    display: inline-block;
    margin: 0 0 0 2px;
}
ul#socialmedia li a{
	text-transform: uppercase;
}
footer {
	font-size: 12px;
	line-height: 18px;
}
footer .holder {
	padding: 5px 0;
}
.copyright {
    float: left;
}
footer .holder .impress, footer .holder .datasecurity  {
	margin-left: 20px;
}

section.row {
	margin-bottom: 15px;
}
section#home.row {
	margin-bottom: 0px;
}
#home .special img {
	margin-top: 18px;
	margin-bottom: 160px;
}
#sidebar {
	font-size: 14px;
	line-height: 30px;
	margin-left:  2%;
	padding-left: 2%;
}
#sidebar h4, #searchform label {
	margin-bottom:1px;
	font-family: TradeGothic, 'CenturyGothic-Bold';
	padding-bottom:10px;
	font-weight: normal;
}
#sidebar ul {
	margin-bottom: 45px;
	padding-left: 0px;
}

#sidebar ul li {
	margin-bottom: 0px;
	list-style:none;
	text-transform: normal;
}

#sidebar a {
	font-size: 16px;
	line-height: 20px;
}


/* CUSTOM STYLES */
.special {
	position: relative;
}
.opt-in {
    background: url("images/whitebox.png") repeat!important;
    font-family: 'TradeGothic',sans-serif;
    height: 90%;
    padding: 0px 20px 30px 20px;
    position: absolute;
    top: 1%;
    width:46%;
    z-index: 10;
	background-color: transparent;
}
.opt-in h1 {
    font-family: 'TradeGothic',sans-serif;
    font-size: 23px;
    line-height: 30px;
    margin-bottom: 26px;
}
.opt-in h1 span {
	font-size: 23px;
        line-height: 30px;
}
/** ursprünglich in h1 span: font-size: 30px und line-height: 36px  **/
.opt-in p {
	font-size: 16px;
	line-height: 24px;
	font-family:  'TradeGothic',sans-serif;
	font-style: normal;
	margin-bottom: 5px;
}
.opt-in.infoleft {
	left: 5%;
}
.opt-in.inforight {
	right: 0%;
}
.opt-in.optincode {
	margin-top: 30px;
	font-style: normal;
}
.infusion-field input, #searchform #s {
	font-size: 15px;
	line-height: 1.467;
	padding: 12px;
	width: 100%;
	margin-bottom: 10px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	font-family: TradeGothic, helvetica;
}
.infusion-submit input, #searchsubmit{
	border: 0;
	padding: 12px;
	width: 100%;
	font-size: 17px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	font-family: TradeGothic, helvetica;
	margin-bottom: 15px;
}
.infusion-field input#inf_option_Alsoreceivethebesttipsandresourcestoenrollmoreclients {
	float: left;
	margin-right: 5px;
	width: auto;
}
.infusion-field label {
	font-size: 12px;
	font-family: TradeGothic, helvetica;
	line-height: 16px;
	color:#000;
	font-weight: normal;
}
#sidebar .opt-in {
	text-align: right;
	padding: 0;
	width: 100%;
	margin-bottom: 50px;
	position: relative;
	background: none;
}
#sidebar .opt-in h1 {
	text-align: right;
	font-size: 26px;
	line-height: 31px;
}
#sidebar .opt-in h1 span {
	font-size: 20px;
	line-height: 28px;
}
#sidebar .opt-in p {
	text-align: right;
	line-height: 21px;
}
.info, info a {
	font-family: 'Open Sans', sans-serif;
	font-style:italic;
	font-size: 16px;
	line-height: 20px;
}
.inforegular, inforegular a {
	font-style:normal;
	font-size: 18px;
	line-height: 28px;
}
.inforegular span, inforegular span a {
	margin-left: 20px;
}

.info {
    float: right;
    margin-top: 25px;
    text-align: right;
}

.info .phone, .inforegular .phone {
	background: url(images/phone.png) left no-repeat;
	padding-top: 2px;
	padding-left: 20px;
}
.info .email, .inforegular .email {
	background: url(images/email.png) left no-repeat;
	padding-left: 20px;
}
.inforegular .linkedin {
	background: url(images/linkedin2.png) left no-repeat;
	padding-left: 20px;
}
.inforegular .xing {
	background: url(images/xing2.jpg) left no-repeat;
	padding-left: 20px;
}
.ampel {
	background: url(images/ampel2.png) left no-repeat;
	padding-left: 20px;
}
.ebooklink {
	padding-left: 30px;
	font-weight: bold;
}

.blog h1, .single h1, .archives h1, .search h1, .categories h1, .blog h1 a, .single h1 a, .archives h1 a, .search h1 a, .categories h1 a {
	margin-bottom: 0;
	padding-bottom: 0;
}

/* Kacheln Responsive */


.wrap {
   overflow: hidden;
   margin: 0px;
}
.box {
   float: left;
   position: relative;
   width: 25%;
   padding-bottom: 25%;
}
.boxInner {
   position: absolute;
   left: 0px;
   right: 10px;
   top: 10px;
   bottom: 10px;
   overflow: hidden;
}
.boxInner img {
   width: 100%;
}
.boxInner .titleBox {
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   margin-bottom: -50px;
   background: #000;
   background: rgba(0, 0, 0, 0.5);
   color: #FFF;
   padding: 10px;
   text-align: center;
   -webkit-transition: all 0.3s ease-out;
   -moz-transition: all 0.3s ease-out;
   -o-transition: all 0.3s ease-out;
   transition: all 0.3s ease-out;
}
body.no-touch .boxInner:hover .titleBox, body.touch .boxInner.touchFocus .titleBox {
   margin-bottom: 0;
}
@media only screen and (max-width : 480px) {
   /* Smartphone view: 1 tile */
   .box {
      width: 100%;
      padding-bottom: 100%;
   }
}
@media only screen and (max-width : 650px) and (min-width : 481px) {
   /* Tablet view: 2 tiles */
   .box {
      width: 50%;
      padding-bottom: 50%;
   }
}
@media only screen and (max-width : 1050px) and (min-width : 651px) {
   /* Small desktop / ipad view: 3 tiles */
   .box {
      width: 33.3%;
      padding-bottom: 33.3%;
   }
}
@media only screen and (max-width : 1290px) and (min-width : 1051px) {
   /* Medium desktop: 4 tiles */
   .box {
      width: 25%;
      padding-bottom: 25%;
   }
}

/* ENDE KACHELN RESPONSIVE */


/* DROP Menu Styles */

/* Init Logic */
.menu-toggle-button {
    border: 0 none;
    cursor: pointer;
    font-size: 32px;
    padding: 10px 25px;
    text-align: right;
}
.menu-toggle-button{display:none;}

ul.menu-list{list-style:none;position:relative;display:inline-table;padding:0px;margin:0px;height:100%}
ul.menu-list li{float:left;position:relative;}
ul.menu-list li a{display:inline-block;}
ul.menu-list li a{display:block;}

/* Handling Submenu */
ul.menu-list ul{display:none;padding:0px;margin:0px;position:absolute;top:100%;left:0%;list-style:none;z-index: 700;width:100%;}
ul.menu-list ul li{position:relative;float:none;padding:0px;margin:0px;}
ul.menu-list ul ul{position:absolute;top:0%;left:100%;z-index: 700}
ul.menu-list li:hover>ul{display:inline-block;}
/* End Init Logic */

/* Style */

/* Submenu Expand Icon */
ul.menu-list li.menu-item-has-children>a>span.menu-expand{font-size: 0.6em;float:right;padding-left:10px;line-height:2.2em;} /* All levels */
ul.menu-list li.menu-item-has-children>a>span.menu-expand{float:none\9;} /* Fix for IE9 and below */
ul.menu-list>li.menu-item-has-children>a>span.menu-expand{} /* Level 1 */
ul.menu-list>li.menu-item-has-children>a>span.menu-expand:after{content:'\25BC';font-size: 12px;line-height: 25px;} /* Level 1 */
ul.menu-list li li.menu-item-has-children>a>span.menu-expand{} /* Level 2 */
ul.menu-list li li.menu-item-has-children>a>span.menu-expand:after{content:'\25BA'} /* Level 2 */

/* You can manage with of elements by width of a-tag */
ul.menu-list li a{text-decoration:none;
	font-size:14px;
	text-transform:uppercase;
	font-family: 'Open Sans', sans-serif;padding:5px;} /* All levels */
ul.menu-list li>a{} /* Level 1 */
ul.menu-list li li > a {
    padding: 10px 15px;
    width: 100%;
} /* Level 2 */
ul.menu-list li li li>a{} /* Level 3 */

/* First Level*/
ul.menu-list>li{margin:0px 5px 0px 0px; padding: 0 5px 0 0;
	background: url(images/menuline.png) right no-repeat; list-style:none;}
ul.menu-list>li:last-child {
	background:none;
}
ul.menu-list>li>a{}
ul.menu-list>li:hover{}
ul.menu-list>li>a:hover{}
/* End First Level*/

/* Second Level*/
ul.menu-list>li>ul>li>a{}
ul.menu-list>li>ul>li:hover{background:#fff;}
ul.menu-list>li>ul>li>a:hover{}
/* End Second Level*/

/* Third Level*/
ul.menu-list>li>ul>li>ul>li>a{}
ul.menu-list>li>ul>li>ul>li:hover{background:#fff;}
ul.menu-list>li>ul>li>ul>li>a:hover{}
/* End Third Level*/

/* End Style */



/* RESPONSIVE MEDIA QUERIES */
@media screen and (max-width: 768px){

/* Menu Styles */

/* Init Logic */
.menu-toggle-button{display:block;}
.show-for-devices{display:block!important;}

ul.menu-list{display:none;}
ul.menu-list li{clear:both;float:none;background-image:none!important;}

/* Handling Submenu */
ul.menu-list ul{display:none;position:relative;}
ul.menu-list ul li{}
ul.menu-list ul ul{position:relative;top:100%;left:0%;}
ul.menu-list li:hover>ul{display:none;}
/* End Init Logic */

/* Style */

ul.menu-list li:hover>ul{background:#fff!ie;} /* Fix for IE7 */

.opt-in #mce-FNAME,
.opt-in #mce-LNAME,
.opt-in #mce-EMAIL,
.opt-in div input.button {
	width:90%!important;
}

/* Submenu Expand Icon */
ul.menu-list li.menu-item-has-children>a>span.menu-expand{font-size: 0.6em;padding:0.8em;line-height:1em;position:absolute;right:0;z-index: 700} /* All levels */
ul.menu-list>li.menu-item-has-children>a>span.menu-expand{} /* Level 1 */
ul.menu-list li li.menu-item-has-children>a>span.menu-expand{} /* Level 2 */
ul.menu-list li li.menu-item-has-children>a>span.menu-expand:after{content:'\25BC';} /* Level 2 */

/* You can manage with of elements by width of a-tag */
ul.menu-list li>a{} /* Level 1 */
ul.menu-list li li > a {
    font-size: 14px;
    width: auto;
} /* Level 2 */
ul.menu-list > li > a {
    font-size: 16px;
    padding: 10px 20px;
} /* Level 3 */

/* First Level*/
ul.menu-list>li{margin:0px;border:none;text-align: center;padding: 0;}
ul.menu-list>li>a{}
ul.menu-list>li:hover>a{text-decoration: none;}
ul.menu-list>li>a:hover{}
/* End First Level*/

/* Second Level*/
ul.menu-list>li>ul{border:none;}
ul.menu-list>li>ul>li{padding-left:5px;}
ul.menu-list>li>ul>li>a{}
ul.menu-list>li>ul>li>a:hover{}
/* End Second Level*/

/* Third Level*/
ul.menu-list>li>ul>li>ul{border:none;}
ul.menu-list>li>ul>li>ul>li{padding-left:5px;}
ul.menu-list>li>ul>li>ul>li>a{}
ul.menu-list>li>ul>li>ul>li:hover>a{}
ul.menu-list>li>ul>li>ul>li>a:hover{}
/* End Third Level*/

/* End Style */


/* End Menu Styles */

}
.featuredimg {
	float: left;
	width: 20%;
	margin-right: 5%;
}
.postcontent {
	float: left;
	width: 75%;
}
.stButton .stFb, .stButton .stTwbutton, .stButton .stMainServices {
      height: 25px!important;
}
.noborder {
	border: 0!important;
	-webkit-box-shadow: 0px 0px 0px 0px rgba(50, 50, 50, 0.75)!important;
	-moz-box-shadow:    0px 0px 0px 0px rgba(50, 50, 50, 0.75)!important;
	box-shadow:         0px 0px 0px 0px rgba(50, 50, 50, 0.75)!important;
}
.authorimg {
    float: left;
    margin-bottom: 20px;
    margin-right: 15px;
}
.authorcontent {
	float: left;
	margin-bottom: 20px;
}
.authorbio{
	clear: both;
	width: 100%;
	margin: 25px 0;
}
#authorpost {
    clear: both;
    display: block;
    margin-top: 20px;
    padding-top: 20px;
}

