/*
Theme Name: Highgraphics - Responsive
Theme URI: http://www.Highgraphics.de
Author: Highgraphics based on Web Labels
Author URI: http://www.Highgraphics.de
Description: Eigenprogrammiertes Template - Alle Rechte vorbehalten!
Version: 1.0
License: Copyright @ Highgraphics
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video, img { margin: 0;padding: 0;border: 0;font-size: 100%;vertical-align: baseline;}

/* HTML5 reset für reudigi Brwoser */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body              				{ line-height: 1; background:url('images/background.jpg') left top repeat; font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#666;}
ol, ul              			{ list-style: none; margin:0; padding:0;}
blockquote, q            		{ quotes: none;}
table              				{ border-collapse: collapse; border-spacing: 0;}

/* Helper cms -------------------------------------*/
.links							{ float:left;}
.rechts							{ float:right;}
.keincss						{ border:none!important; padding:0px!important; margin:0px!important; float:none!important; }
.alignleft						{ float:left; margin-right:20px;}
.alignright						{ float:right; margin-left:20px;}
.clear							{ clear:both;}
.clearfix:after                 { content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix                       { display: inline-block;}
html[xmlns] .clearfix           { display: block;}
* html .clearfix                { height: 1%;}
p.wp-caption-text				{ font-size:11px; font-style:italic;}

/* Webseite CSS -----------------------------------*/
body							{}
a								{ outline:none; -webkit-transition:all 300ms ease 0s;-moz-transition:all 300ms ease 0s;-o-transition:all 300ms ease 0s;transition:all 300ms ease 0s;}
h1, h2, h3, h4, h5				{ font-weight:normal; margin-bottom:10px;}
h1								{ font-size:25px;}
h2								{ font-size:20px;}
h3								{ font-size:18px;}
h4								{ font-size:16px;}
h5								{ font-size:14px;}

#page 							{ width:100%; margin:0 auto;}

/*----------------------- Head -------------------------*/
#header							{ width:100%; height:549px; background:url('images/header-bg.jpg') left top repeat-x; position:relative; overflow:hidden; }
#branding 						{ height:549px; width:100%; position:relative; z-index:2 }
#logo							{ position:absolute; left:1px; top:0px; z-index:3}

.menu-hauptpunkt					{ width:960px; height:165px; position:relative;}
.menue-1						{ left:0px;}
.menue-2						{ left:330px;}
.menue-3						{ left:660px;}
.menue-box						{ height:172px; width:310px; position:absolute; top:-60px; background:url('images/layer-menu.png') left top no-repeat; padding-top:18px; -webkit-transition:all 300ms ease 0s;-moz-transition:all 300ms ease 0s;-o-transition:all 300ms ease 0s;transition:all 300ms ease 0s;}
.menue-box:hover					{ opacity:0.7;}
.menue-box a						{ display:block;}
a.link-url						{ font-size:17px; margin:5px 0px 0px 15px; color:#fff;}
.head-text						{ width:auto; height:auto; position:absolute; top:95px; right:0px; z-index:1; color:#F0F0F0; font-size:14px;}
.kontakt-img						{ position:absolute; top:0px; right:0px; z-index:0;}

@media screen and (min-width: 960px) 
{#rev_slider_1_1_wrapper { !important; position:absolute!important; top:172px!important; left:50%!important; margin-left:-1000px!important;}
#rev_slider_2_1_wrapper					{ !important; position:absolute!important; top:172px!important; left:50%!important; margin-left:-1000px!important;}
#rev_slider_3_1_wrapper					{ !important; position:absolute!important; top:172px!important; left:50%!important; margin-left:-1000px!important;}
#rev_slider_4_1_wrapper					{ !important; position:absolute!important; top:172px!important; left:50%!important; margin-left:-1000px!important;}
#rev_slider_5_1_wrapper					{ !important; position:absolute!important; top:172px!important; left:50%!important; margin-left:-1000px!important;}
#rev_slider_6_1_wrapper					{ !important; position:absolute!important; top:172px!important; left:50%!important; margin-left:-1000px!important;}
#rev_slider_7_1_wrapper					{ !important; position:absolute!important; top:172px!important; left:50%!important; margin-left:-1000px!important;}
	.rev_slider,  #rev_slider_9_1_forcefullwidth						{ z-index:1;}}

@media screen and (min-width: 960px) 
{ #rev_slider_9_1_forcefullwidth  { position:absolute!important; top:34px!important; left:50%!important; margin-left:-1000px!important; height: 547px;
    overflow: hidden;} }
@media screen and (max-width: 960px) {
#rev_slider_9_1_forcefullwidth {background: #fff;}}
/*----------------------- Nav --------------------------*/
#nav							{ width: 100%; max-width:960px; height:175px; position:relative; margin:0 auto; padding: 0 20px; }
.menu							{ position:absolute; top:137px; left:20px; width:auto;}
ul.menu li a						{ display:block; color:#919191; font-size:17px; text-decoration:none;}
ul.menu li a:hover					{ color:#244d79; opacity:0.7;}
ul#menu-hauptnavigation li		{ float:left; margin-right:35px; display:block;}
/*----------------------- Content ----------------------*/
#content-wrap-page				{ width:100%; min-height:200px!important; height:auto;}
#content-wrap 					{ min-height:200px; max-width:960px; margin: 0 auto; padding: 0 20px; }
#content						{ position:relative; z-index:10; padding-top:40px;}
.content-part-2					{background:url('images/trennung.png') no-repeat scroll left top; padding-top:40px;}

.entry							{ line-height:18px; padding-top:5px;}
.entry p						{ margin-bottom:18px;}
.entry ol li					{ list-style: decimal inside none}
.entry ul li					{ list-style:none; background:url('images/dot.png') left top no-repeat; padding-left:16px; margin-bottom:8px; }
.entry a					{ color:#355e8a;}
.entry a:hover					{ color:#173d65;}

/*----------------------- Footer -----------------------*/
#footer-wrap					{ width:100%; height:auto;}
#footer							{ max-width:960px; height:140px; margin:0 auto; position:relative; padding:40px 20px 0 20px; background:url('images/trennung.png') left top no-repeat;}
.footer-box						{ width:190px; height:auto; min-height:50px; margin-right:40px; position:relative; float:left;}
.footer-box h3					{ color:#3d7aa5;}
.footer-box p					{ line-height:18px;}
.footer-box a					{ color:#3d7aa5;}
.footer-box a:hover				{ color:#173d65;}


.fb3							{ width:250px; margin-right:0px; background:url('images/trennung-hoch.png') top right no-repeat;}
.fb3 .menu						{ position:relative!important; top:0px!important; }
.fb3 .menu ul li				{ display:block; height:20px; float:left; margin-right:25px; min-width:100px;}
.fb3 .menu ul li a				{ text-decoration:none; color:#666666;}
.fb3 .menu ul li a:hover		{ color:#FFF;}
.fb4							{ margin:0px!important; width:250px;}
.fb4 p							{ font-style:italic;}
.impressum						{ height:180px; padding-right:25px; overflow-y:scroll;}
.footer-info						{ width:100%; height:40px; background-color:#fff;}
.footer-info-2						{ max-width:960px; margin:0 auto; padding:13px 20px 0 20px; font-size:11px}
.hg-info						{ font-size:11px; text-decoration:none; color:#a5d1ec;}
/*----------------------Kontaktformular-C-F-7----------------*/
.wpcf7-text						{padding:8px;}
.watermark						{}
.wpcf7-list-item				{margin-left:0px!important;}
input.wpcf7-text				{background-color:#FBFBFB; border: dashed 1px #C9C9C9;     width: 100%;}
span.wpcf7-list-item input		{cursor:pointer;}
.feld							{ width: calc(33.33% - 50px); float: left;}
.line_1							{width:100%; height:34px; clear: both;}
.radio_box						{height:30px;}
.name							{float:left; margin-right:30px;}
.strasse						{float:left; margin-right:30px;}
.city							{}

.line_2							{width:100%; margin-top:20px;height:34px;}
.mail							{float:left; margin-right:30px;}
.tele							{float:left; margin-right:30px;}
.betreff						{float:left;}

.line_3							{width:100%; height:auto; min-height:199px; margin-top:50px;}
.u-msg							{}
.i-msg							{width:865px; background-color:#FBFBFB; border: dashed 1px #C9C9C9; padding:8px;}

.line_4							{width:100%; height:34px; margin-top:50px;}
.cappi							{float:left; margin-right:18px;background-color:#FBFBFB; border: dashed 1px #C9C9C9; padding-top:2px; height:30px;}
.text_cappi						{float:left; color:#888888; font-style:italic; line-height:17px; margin-right:18px;}
.cappi_antwort					{float:left; margin-right:30px;}
.cappi_antwort span input			{background-color:#FBFBFB; border: dashed 1px #C9C9C9;padding:8px;}
.senden						{float:left;}
.senden input					{background-color:#FBFBFB; border: dashed 1px #C9C9C9; padding:8px; color:#888888; cursor:pointer;}

.wpcf7-not-valid-tip				{background: none repeat scroll 0 0 #FFFFFF!important;border: 1px dashed #FF0000!important;font-size: 10pt!important;left: 0px!important;padding: 7px!important;position:absolute;top: 0px!important;width:265px!important;}
.name span span.wpcf7-not-valid-tip		{top:-10px!important;}
.mail span span.wpcf7-not-valid-tip		{top:-10px!important;}
.cappi_antwort span span.wpcf7-not-valid-tip	{top:-10px!important;}
.u-msg span span.wpcf7-not-valid-tip		{height:180px!important; width:888px!important; top:-183px!important;}
div.wpcf7-response-output			{margin:50px 0px 0px 0px!important; width:888px!important;}


@media screen and (max-width: 1024px) {
	
	.footer-box { width: 50%!important; margin-right: 0!important; box-sizing: border-box; padding-right: 30px!important; margin-bottom: 30px; background: none!important; }
	#footer { display: inline-block; height: auto;}
	.fb3 .menu { left: 0!important; display: inline-block; }
}

@media screen and (max-width: 960px) {
	
	#nav { display: none; }
	#branding,
	#header { height: auto; }
	
	#rev_slider_1_1_wrapper, #rev_slider_2_1_wrapper, #rev_slider_3_1_wrapper, #rev_slider_4_1_wrapper, #rev_slider_5_1_wrapper, #rev_slider_6_1_wrapper, #rev_slider_7_1_wrapper { width: 100%!important; }
	.rev_slider	{ width: 200%!important; margin-left: -50%!important; }
	#map_canvas,
	#mapp0 { width: 100%!important; }
	
	.u-msg, .i-msg { width: 100%; box-sizing: border-box; }
	.cappi_antwort { width: 100%; margin-bottom: 10px; }
}

@media screen and (max-width: 768px) {
	
	.feld,
	.betreff { width: 100%; }
	.cappi { width: auto!important; }
	input.wpcf7-text { box-sizing: border-box; margin-bottom: 10px;}
	
	.cspc-column { width: 100%!important; float: none!important; margin-left: 0!important; }
}

@media screen and (max-width: 480px) {
	
	.footer-box { width: 100%!important; float: none!important; padding-right: 0!important; }
	.footer-info-2 { padding: 13px 20px 13px 20px; line-height: 14px; background: #fff; }
}

@media screen and (max-width: 960px) {#page { padding-top: 55px; }}