/*
 * goodcompany – statische Version
 * Basierend auf dem WordPress-Theme "goodcompany-Template" (Florian Mühlbauer, v1.1)
 */

* {
	font-family: 'Cabin', sans-serif;
    margin: 0;
    outline: medium none;
    padding: 0;
}

html, body {
	height: 100%;
	background-color: #272727;
	width: 100%;
    margin: 0 !important;
    padding: 0 !important;
}

body {
	line-height: 1;
	background-color: #272727;
    margin: 0;
    padding: 0;
}

.btn {
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  font-family: Arial;
  color: #ffffff;
  font-size: 13px;
  background: #AEB8C3;
  padding: 8px 15px 8px 15px;
  text-decoration: none;
}

.btn:hover {
  background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #363636 0%, #363636) repeat scroll 0 0;
    border-radius: 5px;
    box-shadow: -1px -3px 5px #1a1a1a inset;
    color: #ffffff;
}

 .btn a:active {
    color: #fff;
 }

.header {
	width: 680px;
	height: 170px;
	margin: 0px 0px 0px 0px;
	padding: 0;
	background-color: transparent;
	background-image: url(../img/theme/header_bg.gif);
	background-position: 0px 30px;
	background-repeat: no-repeat;
}

.bodywrap, .bodywrap2 {
	/*background-color: #272727;*/
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */	
}

.bodywrap {
	background-image: url(../img/theme/bodywrap_bg.jpg);
	background-position: left top;
	background-repeat: repeat;
}

.bodywrap2 {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background-image: url(../img/theme/bodywrap2_bg.jpg);
	background-position: left top;
	background-repeat: repeat-x;
}

#page {
	width: 790px;
	margin: 0 auto;
}

.hentry {
	padding: 0;	
	margin: 0;
}

#navigation{
	width: 862px;
	margin: 0 auto;	
	color: #888;
	font-size: 12px;
	line-height: 18px;
	overflow: hidden;
    position: relative;	
    top: -40px;
    left: -23px;
}

.navi{
    height: 40px;							/* was 63px */
    list-style-type: none;
    padding: 0;
    margin: 0 0 0 25px;
    top: 5px;
}

*+html .navi{
    height: 76px;
    list-style-type: none;
    padding: 0;
    margin: 0px 0px 0px 25px;
}

.navi li {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
}

.navi li a, .navi li a:link, .navi li a:visited, .navi span {
    color: #363636;
    display: block;
    float: left;
    font-size: 12px;
    font-style: normal;
    height: 29px;
    line-height: 25px;
    margin: 0 14px 0 0;						/* was 0px 20px 0 0*/
    padding: 0;
    text-align: center;
    text-decoration: none;
	font-family: 'Cabin', sans-serif;
	font-size: 15px;

}

.navi li.aktiv a, .navi li.aktiv a:link, .navi li.aktiv a:visited {
	color: #ffffff;
	font-weight: bold;
	padding: 0px 10px;						/* was 0px 15px */
	background: -moz-linear-gradient(
		top,
		#363636 0%,
		#363636);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#363636),
		to(#363636));
	border-radius: 5px;						/*Radius change from 10 to 5*/
	-moz-border-radius: 5px;					/*Radius change from 10 to 5*/
	-webkit-border-radius: 5px;					/*Radius change from 10 to 5*/
	/*border: 1px solid #000000;*/
	border: -webkit-gradient(
		linear, left top, left bottom, 
		from(#363636),
		to(#363636));
	-moz-box-shadow:
		0px 0px 0px rgba(54,54,54,0),
		inset 0px -5px 5px rgba(0,0,0,0.5);
	-webkit-box-shadow:
		0px 0px 0px rgba(54,54,54,0),
		inset 0px -5px 5px rgba(0,0,0,0.5);
	/*text-shadow:
		0px 0px 0px rgba(000,000,000,0),
		0px 1px 0px rgba(255,255,255,0.3);*/
	

    -moz-box-shadow:inset -1px -3px 5px #1a1a1a;
    -webkit-box-shadow:inset -1px -3px 5px #1a1a1a;
    box-shadow:inset -1px -3px 5px #1a1a1a;

}

h1, h2, h3, h4, h5, h6 {
	color: #363636;
	font-weight: bold;
	font-size: 21px;
	clear: both;
	padding-bottom: 5px;					/* was 20px */
}

h1 {
	float: left;
}

ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}

/* =Layout
-------------------------------------------------------------- */

#container {
	width: 790px;
	background-color: #EBEBEB;
	background: -moz-linear-gradient(
		top,
		#ebebeb 0%,
		#ebebeb);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#EBEBEB),
		to(#EBEBEB));
	border-radius: 5px;					/*Radius change from 10 to 5*/
	-moz-border-radius: 5px;				/*Radius change from 10 to 5*/
	-webkit-border-radius: 5px;				/*Radius change from 10 to 5*/
	/*border: 1px solid #000000;*/
	border: -webkit-gradient(
		linear, left top, left bottom, 
		from(#363636),
		to(#363636));

	-moz-box-shadow:
		0px 0px 0px rgba(54,54,54,0),
		inset 0px 0px 5px rgba(0,0,0,0.5);
	-webkit-box-shadow:
		0px 0px 0px rgba(54,54,54,0),
		inset 0px 0px 5px rgba(0,0,0,0.5);
	text-shadow:
		0px 0px 0px rgba(000,000,000,0),
		0px 1px 0px rgba(255,255,255,0.3);
}

.container_bottom{
    background-image: url("../img/theme/container_bg.gif");
    background-position: left bottom;
    background-repeat: no-repeat;	
	height: 65px;						/* was 97px */
	width: 790px;
	margin: 0px;
}

.sidebar, .kontakt {
	width: 520px;
	padding: 0px;
	background-color: #63758D;
	clear: both;
    float: left;
	background: -moz-linear-gradient(
		top,
		#63758D 0%,
		#63758D);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#63758D),
		to(#63758D));
	border-radius: 5px;					/* Radius change from 10 to 5 */
	-moz-border-radius: 5px;				/* Radius change from 10 to 5 */
	-webkit-border-radius: 5px;				/* Radius change from 10 to 5 */
	/*border: 1px solid #000000;*/
	border: -webkit-gradient(
		linear, left top, left bottom, 
		from(#363636),
		to(#363636));

	-moz-box-shadow:
		0px 0px 0px rgba(54,54,54,0),
		inset 0px 0px 5px rgba(0,0,0,0.5);
	-webkit-box-shadow:
		0px 0px 0px rgba(54,54,54,0),
		inset 0px 0px 5px rgba(0,0,0,0.5);

	
}

.kontakt {
	width: 230px;							/* was 330px */
	height: 190px;							/* new */
    background-image: url("../img/theme/icon-kontakt.gif");
    background-position: 13px 8px;					/* was 38px 20px */
    background-repeat: no-repeat;
    background-color: #63758D;
    clear: right;
    float: right;		
}

.sidebar-content, .kontakt-content{
    color: #EBEBEB;
    font-size: 13px;							/* was 16px */
    line-height: 22px;							/* was 22px */
	padding: 20px 20px 0px 20px;					/* was 30px 50px 30px 50px */
}

.sidebar-content h2, .kontakt-content h2{
    color: #EBEBEB;
}

.sidebar-content{
	height: 170px;							/* neu */
    background-image: url("../img/theme/icon-ueber.gif");
    background-position: 15px 10px;					/* was 40px 20px */
    background-repeat: no-repeat; 
}

.trenner {
 	float: left;
    height: 190px;							/* was 350px */
    width: 40px;
    background-image: url(../img/theme/trenner.gif);
    background-repeat: no-repeat;
    background-position: center center;
}

#primary,

#footer {
    clear: both;
    height: 55px;
    margin: 0;
    padding: 15px 0 0;
    width: 510px;
}

#footer p {
    color: #CCC;
    font-family: 'Cabin',sans-serif;
    font-size: 12px;
    margin: 0 auto;
    padding: 10px 0 0;
    text-align: left;
    width: 510px;
}

#footer a{
	color: #ccc;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

/* =Fonts
-------------------------------------------------------------- */
body,
input,
textarea,
.page-title span,
.pingback a.url {
		font-family: 'Cabin', sans-serif;
}
h3#comments-title,
h3#reply-title,
#access .menu,
#access div.menu ul,
#cancel-comment-reply-link,
.form-allowed-tags,
#site-info,
#site-title,
#wp-calendar,
.comment-meta,
.comment-body tr th,
.comment-body thead th,
.entry-content label,
.entry-content tr th,
.entry-content thead th,
.entry-meta,
.entry-title,
.entry-utility,
#respond label,
.navigation,
.page-title,
.pingback p,
.reply,
.widget-title,
.wp-caption-text,
input[type=submit] {
	padding: 2px 20px;
	color: #fff;
	background: -moz-linear-gradient(
		top,
		#63758c 0%,
		#63758c);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#363636),
		to(#363636));
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #8c8c8c;
	-moz-box-shadow:
		1px 2px 0px rgba(54,54,54,0.2),
		inset 0px 0px 5px rgba(0,0,0,0.5);
	-webkit-box-shadow:
		1px 2px 0px rgba(54,54,54,0.2),
		inset 0px 0px 5px rgba(0,0,0,0.5);
	text-shadow:
		0px 0px 0px rgba(000,000,000,0),
		0px 1px 0px rgba(255,255,255,0.3);
	font-family: 'Cabin', sans-serif;
}
pre {
	font-family: 'Cabin', sans-serif;
}
code {
	font-family: 'Cabin', sans-serif;
}

/* =Global Elements
-------------------------------------------------------------- */

/* Main global 'theme' and typographic styles */
body {
	background: #f1f1f1;
}
body,
input,
textarea {
	color: #666;
	font-size: 12px;
	line-height: 18px;
}
hr {
	background-color: #e7e7e7;
	border: 0;
	clear: both;
	height: 1px;
	margin-bottom: 18px;
}

/* Text elements */
p {
	margin-bottom: 10px;						/* was 18px */
}

strong {
	font-weight: bold;
}
cite,
em,
i {
	font-style: italic;
}
big {
	font-size: 131.25%;
}
ins {
	background: #ffc;
	text-decoration: none;
}
blockquote {
	font-style: italic;
	padding: 0 3em;
}
blockquote cite,
blockquote em,
blockquote i {
	font-style: normal;
}
pre {
	background: #f7f7f7;
	color: #222;
	line-height: 18px;
	margin-bottom: 18px;
	padding: 1.5em;
}
abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
sup,
sub {
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
input[type="text"],
textarea {
	width: 160px;
	background: #ebebeb;
	border: 1px solid #ccc;
	box-shadow: inset 0px 0px 3px rgba(0,0,0,0.8);
	-moz-box-shadow: inset 0px 0px 3px rgba(0,0,0,0.8);
	-webkit-box-shadow: inset 0px 0px 3px rgba(0,0,0,0.8);
	padding: 4px;
}

textarea {
	width: 650px !important;
	resize: none;
}

textarea{
	height: 130px;
}

a:link {
	color: #0066cc;
}
a:visited {
	color: #743399;
}
a:active,
a:hover {
	text-decoration: none;
}

/* =Content
-------------------------------------------------------------- */

#main {
	clear: both;
	overflow: hidden;
	padding: 40px 0 0 0;
}

#content {
	color: #333;
	font-size: 16px;
	line-height: 24px;
	overflow: hidden;
	padding: 10px 20px 5px 20px;				/*was 30 px 50px 30px 35px */
}

#content .image-container {
	width: 316px; 
	height: 140px; 
	float: left; 
	margin: 7px 20px 15px 0px; 
	border-radius: 5px; 
}

.zusatzinfo {
	position: absolute;
	margin-left: -395px; /* negative Hälfte von width:600px ; was -445*/
	width: 790px;
	left: 50%;
}

.zusatzinfo p{
	/*font-family: 'Give You Glory', cursive;*/
	font-family: 'Shadows Into Light Two', serif;
	color: #ebebeb;	
	text-align: center;
	display: block;
	padding: 10px 15px 0px 15px;				/*was 40px 15px 0px 15px */
	letter-spacing: 0px;					/* was 0.9px*/
}

#content input[type=text],
#content textarea {
	color: #333;
	font-size: 16px;
	line-height: 24px;
	width: 300px;
	overflow: hidden;
}

.page-title {
	color: #000;
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 36px 0;
}
.page-title span {
	color: #333;
	font-size: 16px;
	font-style: italic;
	font-weight: normal;
}
.page-title a:link,
.page-title a:visited {
	color: #888;
	text-decoration: none;
}
.page-title a:active,
.page-title a:hover {
	color: #ff4b33;
}
#content .entry-title {
	color: #363636;
	font-size: 21px;
	font-weight: bold;
	line-height: 1.3em;
	margin-bottom: 0;
	width: 350px;
	float: left;
}
.entry-title a:link,
.entry-title a:visited {
	color: #000;
	text-decoration: none;
}
.entry-title a:active,
.entry-title a:hover {
	color: #ff4b33;
}

.entry-meta abbr:hover,
.entry-utility abbr:hover {
	border-bottom: 1px dotted #666;
}
.entry-content,
.entry-summary {
	clear: both;
	padding: 0px 0 0 0;
}
#content .entry-summary p:last-child {
	margin-bottom: 12px;
}
.entry-content fieldset {
	border: 1px solid #e7e7e7;
	margin: 0 0 24px 0;
	padding: 24px;
}
.entry-content fieldset legend {
	background: #fff;
	color: #000;
	font-weight: bold;
	padding: 0 24px;
}
.entry-content input {
	margin: 0;
}
.entry-content input.file,
.entry-content input.button {
	margin-right: 24px;
}
.entry-content label {
	color: #888;
	font-size: 12px;
}
.entry-content select {
	margin: 0 0 24px 0;
}
.entry-content sup,
.entry-content sub {
	font-size: 10px;
}
.entry-content blockquote.left {
	float: left;
	margin-left: 0;
	margin-right: 24px;
	text-align: right;
	width: 33%;
}
.entry-content blockquote.right {
	float: right;
	margin-left: 24px;
	margin-right: 0;
	text-align: left;
	width: 33%;
}
.page-link a:link,
.page-link a:active,
body.page{
	clear: both;
	display: block;
}

/* Main sidebars */
#main .widget-area ul ul {
	border: none;
	margin-left: 1.3em;
	padding: 0;
}

/* Footer widget areas */

/* =Mobile Safari ( iPad, iPhone and iPod Touch )
-------------------------------------------------------------- */

pre {
	-webkit-text-size-adjust: 100%;						/* was 140% */
}
code {
	-webkit-text-size-adjust: 100%;						/* was 140% */
}
#access,
.entry-meta,
.entry-utility,
.navigation,
.widget-area {
	-webkit-text-size-adjust: 100%;						/* was 140% */
}
#site-description {
	-webkit-text-size-adjust: none;
}

/* =Ergänzungen für die statische Version
-------------------------------------------------------------- */

/* Theme setzte die Schrift per *-Selektor; Fallbacks ergänzt */
* {
	font-family: 'Cabin', 'Helvetica Neue', Arial, sans-serif;
}

.btn {
	font-family: Arial, sans-serif;
}

.btn:hover {
	background: #363636;
}

/* E-Mail-Link im Kontaktkasten (vorher Inline-<style>) */
.kontakt-mail a,
.kontakt-mail a:link,
.kontakt-mail a:visited {
	color: #fff;
}

a.mail {
	cursor: pointer;
}

/* ersetzt #primary (war doppelt vergebene ID) */
.widget-area {
	overflow: hidden;
}

/* Referenzen: zwei Spalten (vorher Inline-Styles) */
.ref-spalte {
	width: 360px;
	float: left;
	margin: 20px 0;
}
.ref-spalte.ref-links {
	margin-right: 30px;
}

/* =Responsive (Tablet & Smartphone)
   Oberhalb von 900px bleibt die Seite exakt wie das Original.
-------------------------------------------------------------- */
@media (max-width: 900px) {
	html, body {
		height: auto;
	}

	.bodywrap2 {
		background-image: none;
	}

	#page {
		width: auto;
	}

	/* Kopfbereich: Logo skaliert mit, blauer Balken wächst mit der Navigation */
	.header {
		width: auto;
		height: 0;
		padding-top: calc(min(625px, 100% - 32px) * 0.144 + 32px);
		background-color: #63758D;
		background-position: 16px 20px;
		background-size: min(625px, calc(100% - 32px)) auto;
	}

	#navigation {
		width: auto;
		position: static;
		top: auto;
		left: auto;
		padding: 4px 16px 14px;
		background-color: #63758D;
		margin-bottom: 16px;
	}

	.navi {
		display: flex;
		flex-wrap: wrap;
		gap: 6px 4px;
		height: auto;
		margin: 0;
	}

	.navi li a, .navi li a:link, .navi li a:visited {
		float: none;
		height: auto;
		line-height: 30px;
		margin: 0;
		padding: 0 8px;
		color: #fff;
	}

	.navi li.aktiv a, .navi li.aktiv a:link, .navi li.aktiv a:visited {
		padding: 0 10px;
	}

	/* Inhaltskasten */
	#container {
		width: auto;
		margin: 0 12px;
	}

	#content {
		padding: 10px 16px 10px;
	}

	#content .image-container {
		float: none;
		width: 100% !important;
		max-width: 520px;
		margin: 10px 0 15px;
		background-size: cover !important;
		background-position: center !important;
	}

	.entry-content a {
		overflow-wrap: anywhere;
	}

	/* Die Leistungs-Zeile steht auf dem Desktop unter dem Kasten, hier im Kasten */
	.zusatzinfo {
		position: static;
		margin: 15px 0 5px;
		width: auto;
		left: auto;
	}

	.zusatzinfo p {
		color: #63758D;
		padding: 0;
		font-size: 17px;
		line-height: 26px;
	}

	.container_bottom {
		display: none;
	}

	/* Info- und Kontaktkasten untereinander */
	.sidebar, .kontakt {
		width: auto;
		height: auto;
		float: none;
		margin: 20px 12px 0;
	}

	.sidebar-content {
		height: auto;
	}

	.sidebar-content, .kontakt-content {
		padding-bottom: 20px;
	}

	.trenner {
		display: none;
	}

	#footer {
		width: auto;
		height: 30px;
	}

	.ref-spalte, .ref-spalte.ref-links {
		width: auto;
		float: none;
		margin: 15px 0 0;
	}
	.ref-spalte + .ref-spalte {
		margin-top: 0;
	}
}