/*
 * 
 * Theme Name: Ankrit
 * Author: fw | Seoratio GbR
 * Author URI: http://www.seoratio.de
 * 
 */

@import 'css/resets.css';


/* Site */

body {
	margin: 0;
	background-color: #fff;
	color: #000;
	font: 400 20pt/150% 'Source Sans Pro', Arial, sans-serif;
	text-align: center;	
	-webkit-transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s;	
}


/* Positioning */
.clear { clear: both; }
.alignleft { float: left; }
img.alignleft, .pdf.alignleft { margin: 10px 15px 10px 0; }
.alignright { float: right; }
img.alignright, .pdf.alignright { margin: 10px 0px 10px 15px; }
.aligncenter, .center { margin: auto; text-align: center; }
span.aligncenter, img.aligncenter { display: block; }
.alignnone { float: none; display: block; }
.sticky { position: fixed; width: 100%; top: 0; z-index: 100; border-top: 0; margin: auto; }

/* Headings */
hgroup { margin: 15px auto 30px; }
.title { display: block; }
h1, h2, h3, h4, h5, h6, .title { clear: none; margin: 10px 0 30px; font-size: 20pt; line-height: 26pt; font-weight: 700; display: block; color: #005a87; }
h1, h2 { font-size: 25pt; line-height: 31pt; }
h1.title { text-transform: uppercase; }
h3, h4, h5, h6 { margin: 5px 0 15px; }
.title.small { margin: 0; font-size: 20pt; font-weight: 400; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, a.title, .title a { text-decoration: none; }


/* Colors */
.isomed h1, .isomed h2, .isomed h3, .isomed h4, .isomed h5, .isomed h6, .isomed .title { color: #65b32e; }
.sondermaschinen h1, .sondermaschinen h2, .sondermaschinen h3, .sondermaschinen h4, .sondermaschinen h5, .sondermaschinen h6, .sondermaschinen .title { color: #2e2b4b; }
.elektroden h1, .elektroden h2, .elektroden h3, .elektroden h4, .elektroden h5, .elektroden h6, .elektroden .title { color: #949494; }

.blue, .blau { color: #005d87; }


/* Hyperlinks */
a { color: #005a87; }
a:hover, a:focus { color: #007bb9; text-decoration: none; }
a img { border: none; }
a.more, a.edit { display: block; }
a.post-edit-link { text-decoration: none; }
a.back-to-top { display: block; float: right; position: relative; right: -150px; margin: 15px 0; width: 66px; height: 66px; background: url('img/icon_pfeil-oben.png') no-repeat top center; background-size: 100%; text-indent: -9999.99em; }
a.back-to-top:hover { background-position: bottom center; }
a.back-to-top span { display: none; visibility: hidden; }


/* Buttons */
.button { width: 94%; max-width: 1085px; display: block; margin: 20px auto 25px; padding: 25px 3% 35px; background-color: #65b32e; color: #fff; font-weight: 700; font-size: 120%; text-decoration: none; text-align: left; }
.button:hover, .button:active, .button:visited { background-color: #5ec813; color: #fff; cursor: pointer; }
.button.violett { background-color: #2e2b4b; }
.button.violett:hover { background-color: #37326d; }
.button.blau { background-color: #005a87; }
.button.blau:hover { background-color: #0070a8; }
.button.grau { background-color: #949494; }
.button.grau:hover { background-color: #b2b2b2; }


/* Misc. */
hr { width: 1480px; max-widht: 100%; clear: both; margin: 25px auto 30px; height: 1px; padding: 0 0 15px; border: none; border-bottom: 4px dotted #000; background: transparent; }
.innerwrap hr { width: 100%; }
hr + hr { margin-top: -20px; }
p { 
	margin: 15px 0 25px;	
	text-align: justify;
	-moz-hyphens: auto;
   	-o-hyphens: auto;
   	-webkit-hyphens: auto;
   	-ms-hyphens: auto;
   	hyphens: auto;   	
   	hyphenate-limit-chars: auto 5;
	hyphenate-limit-lines: 2;  
}
p + ul { margin-top: -10px; }

ul, ol { padding: 0 0 0 1em; margin: 0 0 30px; }
ul { padding-left: 22px; list-style-type: "»  "; }
ul li { list-style-position: outside; }


u { text-decoration: none; padding-bottom: 1px; border-bottom: 1px dotted #4e4e4e; }
strong, .b { font-weight: 700; }
.semi-bold, .semibold, .sb { font-weight: 400; }
.rc, .roundedcorners { -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; -khtml-border-radius: 8px; }
.screen-reader-text { display: none; }
.block { display: block; }
.no { display: none; visibility: hidden; }
.anchor { margin: 50px 0 20px; position: relative; top: -100px; }
.price, .big { line-height: 36px; font-size: 24px; font-weight: bold; }
img, iframe, .wp-caption { max-width: 100%; height: auto; }
iframe { min-height: 450px; }
.wp-caption { font-size: 14px; line-height: 20px; color: #aaa; }
#top { position: relative; top: -640px; }


/* Structure */
.wrap { width: 90%; max-width: 1480px; margin: 0 auto; text-align: left; }
.innerwrap { width: 80%; max-width: 1130px; margin: auto; text-align: left; }

.columns { 
	-webkit-column-count: 2; 
	-moz-column-count: 2; 
	column-count: 2; 

	-webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
	
	margin: 0 auto 30px; 
	text-align: justify; 
	
	
}
.columns > p { margin-top: 0; }


/* Header Language Navigation */
header #lang_nav { float: right; font-size: 85%; font-weight: 600; color: #007bb9; text-transform: uppercase; }
header #lang_nav a { text-decoration: none; }


/* Header Main Navigation */
header { padding: 20px 0; }
header .menuwrap { margin: 10px auto 20px; padding: 0 0 15px; border-bottom: 4px dotted #000; }
header nav { display: block; padding: 0 5px; vertical-align: middle; text-align: left; }
header nav ul { list-style-type: none; padding: 0; margin: 0; }
header nav ul li { display: inline-block; position: relative; margin-right: 60px; }
header nav ul li.last { border: none; }
header nav ul li a { display: block; padding-bottom: 3px; white-space: nowrap; color: #000; text-decoration: none; text-transform: uppercase; letter-spacing: .5px; font-weight: 400; font-size: 17pt; color: #000; }
header nav ul li:hover a { padding-bottom: 1px; border-bottom: 2px solid #005a87; color: #005a87; }

/* Content */
article.post.overview { margin: 0 auto 20px; }
article.post.overview .title { margin: 0; text-transform: uppercase; font-weight: bold; font-size: 120%; line-height: 120%; }
article.post.overview .title:hover { color: #005a87; }
article .meta { font-weight: bold; }

/* Frontpage Circle-Navigation */
.kreise { margin: 0 auto; text-align: center; }
.kreise a { display: inline-block; margin-right: 2%; width: 240px; height: 240px; }
.kreise a img { width: 100%; height: 100%; }

/* PDF Links */
.pdf { display: block; width: 90px; height: 90px; background: transparent url('img/icon_pdf-blau.png') no-repeat center center; background-size: 100%; }
.pdf span { display: none; visibility: hidden; }
.pdf.gruen, .isomed .pdf { background-image: url('img/icon_pdf-gruen.png'); }
.columns .pdf { margin: 0 0 0 10px; }

/* Full Width Banners */
.banner { width: 1590px; height: auto; margin: 20px auto; }


/* Slider */
.slider { width: 1180px; max-width: 100%; margin: 20px auto 30px; }
.pgwSlider .ps-current .ps-prev, .pgwSlider .ps-current .ps-next { top: auto !important; bottom: 2% !important; width: 32px; height: 32px; border: none !important; padding: 0 !important; }
.pgwSlider .ps-current .ps-prev { left: 10px !important; background: transparent url('img/icon_pfeil-links.png') no-repeat top center !important; }
.pgwSlider .ps-current .ps-next { right: 10px !important; background: url('img/icon_pfeil-rechts.png') no-repeat top center !important; }
.pgwSlider .ps-current .ps-prev:hover, .pgwSlider .ps-current .ps-next:hover { background-position: bottom center !important; }
.pgwSlider .ps-prevIcon, .pgwSlider .ps-nextIcon { display: none; visibility: hidden; }

/* Pagination */
.navi .next { float: right; }
.navi .prev { float: left; }


/* Products */
.produkte { margin: 10px auto 40px; }
.produkt { margin: 0 0 30px; }
.produkte .hl, .produkte .shl { margin-bottom: 20px; }
.produkte .shl { font-weight: 600; }
.produkte .hl, .produkte .shl, .produkt .produktname { text-transform: uppercase; }
.produkt .artikelnr { display: block; font-weight: 600; }
.produkt .links { width: 38%; float: left; padding-top: 10px; }
.produkt .rechts { width: 60%; float: right; }


/* Contact Forms */
.wpcf7-form { margin-bottom: 30px; }
.wpcf7-form input, .wpcf7-form textarea { width: 50%; padding: 0; border: 1px solid #000; background: #fff; font-size: 16px; line-height: 20px; font-family: 'Source Sans Pro', Arial, sans-serif; }
.wpcf7-form input:hover, .wpcf7-form input:focus, .wpcf7-form textarea:hover, .wpcf7-form textarea:focus { border-color: #007bb9; }
.wpcf7-submit:hover { cursor: pointer; }


/* Footer */
footer { margin: 50px auto; padding: 30px 0; background-color: #005a87; color: #fff; }
footer a { color: #fff; text-decoration: none; }
footer a:hover { color: #fff; text-decoration: underline; }
footer .footer_menu ul { margin: 0; padding: 0; list-style-type: none; }
footer .footer_menu ul li { display: inline-block; margin-right: 5px; font-weight: 600; text-transform: uppercase; }
footer .footer_menu ul li:after { content: " |"; }
footer .footer_menu ul li.last:after { content: ""; }


/* Responsive */
@media all and (max-width: 1670px) {
	header { padding: 10px; }
	header nav ul li { margin-right: 4%; }
	#banner { margin: 10px auto; }
}
@media all and (max-width: 1570px) {
	body { font-size: 18pt; }
	a.back-to-top, .pdf { width: 50px; height: 50px; }
	hr { width: 90%; margin: 15px auto 20px; }
	hr, header .menuwrap { padding-bottom: 10px; border-width: 3px; }	 
}
@media all and (max-width: 1500px) {
	header nav ul li { margin-right: 3%; }	
}
@media all and (max-width: 1320px) {
	header nav ul li a, header #lang_nav { font-size: 15pt; line-height: 100%; }
	a.back-to-top { right: -100px; }	
}
@media all and (max-width: 1200px) {
	body, .title.small { font-size: 16pt; }
	h1, h2 { font-size: 18pt; line-height: 130%; margin: 5px 0 15px; }
	h3, h4, h5, h6, .title { font-size: 16pt; margin: 0 0 10px; }
	a.back-to-top { right: -80px; }	
	header nav ul li { margin-right: 2%; }	
	header nav ul li a, header #lang_nav { font-size: 14pt; }
	.slider { width: 100%; height: auto; }	
}
@media all and (max-width: 1120px) {	
	a.back-to-top, .pdf { width: 40px; height: 40px; }	
	.kreise a { width: 180px; height: 180px; }
}
@media all and (max-width: 1000px) {
	body { font-size: 14pt; }
	.innerwrap { width: 90%; }
	a.back-to-top { right: -50px; }
	header nav ul li a, header #lang_nav { font-size: 12pt; }	
	.columns { -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; }
}
@media all and (max-width: 900px) {
	header nav ul li a, header #lang_nav { font-size: 80%; }	
}
@media all and (max-width: 820px) {
    #wrap { width: 95%; }
	header nav ul li { margin-right: 15px; }
	header nav ul li a, header #lang_nav { font-size: 11pt; letter-spacing: -.5px; }
	.innerwrap { width: 93%; }	
	a.back-to-top { right: -30px; }		
	.kreise a { width: 140px; height: 140px; }	
}
@media all and (max-width: 640px) {
	body { font-size: 100%; }
	h1, h2 { font-size: 120%; line-height: 130%; margin: 0 0 10px; }
	h3, h4, h5, h6, .title { font-size: 110%; line-height: 120%; margin: 0 0 5px; }
	a.back-to-top { right: -20px; }
	header nav ul li { margin-right: 4%; }
	.kreise a { width: 120px; height: 120px; }
}
@media all and (max-width: 550px) {
	header nav ul li { margin-right: 5%; }
	.wrap, .innerwrap { width: 95%; }	
	.kreise a { width: 100px; height: 100px; }	
}
@media all and (max-width: 450px) {
	a.back-to-top { right: -10px; }	
	.columns { 
		-webkit-column-count: 1; 
		-moz-column-count: 1; 
		column-count: 1; 	
		margin: 0 auto 20px; 
		text-align: justify; 
	}
	.kreise a { width: 120px; height: 120px; }	
}
@media all and (max-width: 250px) {	
	a.back-to-top { right: 0; }
	.kreise a { width: 80%; height: 80%; }
}