/*
Theme Name: Template-C
Theme URI: http://www.diestelkamp-consulting.de
Author: Diestelkamp Consulting GmbH
Author URI: http://www.diestelkamp-consulting.de
Description: Agentur für kreatives Design und professionelle Optimierung von Webseiten und Onlineshops.
Version: 2.0
License: 
License URI: 
Tags: Template-C
Text Domain: Template-C
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* Notebook 13", 15", 17" */
@media only screen and (max-width: 1440px) {
	.intro {
		padding: 6em 0 8em !important;
		-webkit-background-size: contain; -moz-background-size: contain;
		-o-background-size: contain; background-size: contain !important;
	}
	.intro h2 { font-size: 2.2em !important;  !important; }
	.intro h3 { font-size: 1.6em !important;   !important; }
	.introbutton {
		margin-top: 2em auto !important;
		padding: 0.6em 1.2em !important;
		font-size: 1em !important;
		line-height: 1 !important;
	}
}

/* Netbook 10", 12" */
@media only screen and (min-width: 960px) and (max-width: 1279px) {
	.intro {
		padding: 6em 0 8em !important;
		-webkit-background-size: contain; -moz-background-size: contain;
		-o-background-size: contain; background-size: contain !important;
	}
	.intro h2 { font-size: 1.8em !important; }
	.intro h3 { font-size: 1.4em !important;  }
	.introbutton {
		margin-top: 2em !important;
		padding: 0.6em 1.2em !important;
		font-size: 0.9em !important;
		line-height: 1 !important;

	}
	
		.tableright {
	float:left !important;
	
}

#sidebar { float: none !important;  margin-bottom:2em; width: 100% !important;}
#sidebar ul li{ margin:0;}
#sidebar ul li a { }
#sidebar ul li.current_page_item {font-weight:bold !important;}

}

/* Tablet */
@media only screen and (max-width: 959px) {
	.logo { float:left; margin: 1em 0 0 0;  padding: 0; width: 13em !important; }
	.intro {
		width: 96% !important;
		padding: 5em 0 !important;
		-webkit-background-size: contain; -moz-background-size: contain;
		-o-background-size: contain; background-size: contain !important;
	}
	.intro h2 { font-size: 1.8em !important; }
	.intro h3 { font-size: 1.4em !important; }
	.introbutton {
		margin-top: 1em !important;
		padding: 0.5em 1em !important;
		font-size: 0.9em !important;
		line-height: 1 !important;
	}


/* Bis 959 px, 960px - 10" Notebook */
/* Vertecken alle Elemente im Header-Bereich */
.navline { display: none !important; }
#headermenu { display: none; }
#navigation  { display: none; }
#mini-navigation  { display: block !important; }
	
.menu-button {
	display: block !important;
	position: relative;
	float:right;
	cursor: pointer;
	padding: 0;
	margin: 0;
	font-size: 3em;
	background: #ffffff;
	color: #9A9A9A; }
  
.menu-button.one-page {
	position: fixed;
    top: 0;
    right: 5%;
    padding-right: 45px;  }

/* Pfeile nach unten */
.menu-button .touch-button { display: none; }
	
#menu-navigation {
	position:relative;
	width: 100%;
	overflow: hidden;
	margin: 0;
	max-height: 0;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    transition: none;
    -webkit-transform-style: preserve-3d;
    z-index: 999;
     }
    
#menu-navigation.opacity { opacity: 0; } /* hidden */

#menu-navigation.flexnav-show {
	max-height: 2000px;
	opacity: 1;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out; }
    
#menu-navigation.one-page {
	position: fixed;
	top: 50px;
	right: 5%;
    max-width: 200px; }

#menu-navigation li {
	position: relative;
	overflow: hidden;
	font-size: 0.9em;
	margin: 0;
	}
  
#menu-navigation li a {
	display: block;
	position: relative;
	overflow: hidden;
	padding: 0.5em;
    z-index: 2;
    color: #4c4c4c;
    background: #FFFFFF;
    border-bottom: 1px solid #ddd; }
    
#menu-navigation li ul { width: 100%; margin:0; padding:0; font-size: 1em;}

#menu-navigation li ul li {
	font-size: 100%;
	position: relative;
	overflow: hidden; }
	
#menu-navigation li ul.flexnav-show li { overflow: visible; }

#menu-navigation li ul li a { display: block; background: #f2f2f2; }
#menu-navigation ul li ul li a { background: #eeeeee; }
#menu-navigation ul li ul li ul li a { background: #e2e2e2; }

/* Pfeilen zur Untermenus */
#menu-navigation .touch-button {
	display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 35px;
    text-align: center;
    background: #ffffff;
    background: rgba(0, 0, 0, 0.05);
    z-index: 999; }
    
#menu-navigation .touch-button:hover { cursor: pointer; }

#menu-navigation .touch-button .navicon {
      position: relative;
      top: 0.2em;
      font-size: 20px;
      color: #9A9A9A; }
	  
	  #sidebar { float: none !important;  margin-bottom:2em; width: 100% !important; }
#sidebar ul li{ margin-left:0;}
#sidebar ul li a { text-align:right !important;}
#sidebar ul li.current_page_item {font-weight:bold !important;}
.left0 { margin-left: 0.5em !important; }	 


		.tableright {
	float:left !important;
	
} 
}

/* Tablet  - Hochformat */
@media only screen and (max-width: 767px) {
	#menu-navigation { position:absolute; }
	.logo { width: 13em !important; }
	.intro {
		width: 96% !important;
		padding: 3.8em 0 !important;
		-webkit-background-size: contain; -moz-background-size: contain;
		-o-background-size: contain; background-size: contain !important;
	}
	.intro h2 { font-size: 1.4em !important; }
	.intro h3 { font-size: 1em !important; }
	.introbutton {
		margin-top: 1em !important;
		padding: 0.4em 0.8em !important;
		font-size: 0.8em !important;
		font-weight: normal !important;
	}
	
	.tableright {
	float:left !important;
	
}

#sidebar { float: none !important;  margin-bottom:2em; width: 100% !important;}
#sidebar ul li{ margin-left:0;}
#sidebar ul li a { text-align:right !important;}
#sidebar ul li.current_page_item {font-weight:bold !important;}

		.tableright {
	float:left !important;
	
}
}

@media only screen and (max-width: 650px) {
	
#sidebar { float: none !important;  margin-bottom:2em; width: 100% !important;}
#sidebar ul li{ margin-left:0.5em;}
#sidebar ul li a { }
#sidebar ul li.current_page_item {font-weight:bold !important;}
		.tableright {
	float:left !important;
	
}	
}

@media only screen and (max-width: 549px) {
	#sidebar { float: none !important;  margin-bottom:2em; width: 100% !important;  border-right:0px !important; border-bottom:1px solid #ddd !important; }
	#sidebar ul li a { text-align:left !important;}
	
			.tableright {
	float:left !important;
	
}
}

/* Mobile */
@media only screen and (max-width: 479px) {
	#menu-navigation { position:absolute; }
	.logo { width: 13em !important; }
	.intro {
		width: 100% !important;
		margin-top: 5em !important;
		padding: 5em 0  9em !important;
		background-image: url("../images/slider-480.png") !important;
		-webkit-background-size: contain; -moz-background-size: contain;
		-o-background-size: contain; background-size: contain !important;
	}
	.intro h2 { 
		font-size: 1.5em !important; 
		margin: 0 auto !important;
		margin-top:3em !important;
		float:none !important;
	}
	.intro h3 {
		font-size: 1em !important; 
		
		float:none !important;
	}
	.introbutton {
		margin:0 auto !important;
		margin-top:2.5em !important;
		float:none !important;		
		padding: 0.3em 0.6em !important;
		font-size: 0.8em;
		font-weight: normal !important;
		line-height: 1.5 !important;
	}
	
#sidebar { float: none !important;  margin-bottom:2em; width: 100% !important;  border-right:0px !important; border-bottom:1px solid #ddd !important; }
#sidebar ul li{ margin-left:0;}
#sidebar ul li a { text-align:left !important;}
#sidebar ul li.current_page_item {font-weight:bold !important;}

.logo {margin: 0 !important;}


		.tableright {
	float:left !important;
	
}
}
	
}