﻿/*
Theme Name: Web Labels Responsive
Theme URI: http://www.web-labels.de
Author: Web Labels
Author URI: http://www.web-labels.de
Description: Eigenprogrammiertes Template - Alle Rechte vorbehalten!
Version: 1.3
License: Copyright @ Web Labels
-------------------------------------------------------------- */
    @import url("https://fast.fonts.net/lt/1.css?apiType=css&c=78e37c05-558f-4dff-b1a9-47e7b1e54317&fontids=5745831");
    @font-face{
        font-family:"Freestyle Script W01 Medium";
        src:url("fonts/5745831/88d2f26c-eac5-4471-804d-71584f7c41e4.woff2") format("woff2"),url("fonts/5745831/497a7ec6-ae22-47bb-9548-87765aed64d5.woff") format("woff");
    }

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; box-sizing:border-box;}

/* HTML5 reset für reudigi Brwoser */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body              			{ line-height: 1;}
ol, ul              			{ list-style: none; margin:0; padding:0;}
blockquote, q            		{ quotes: none;}
table              			{ border-collapse: collapse; border-spacing: 0;}

input:focus, textarea:focus { outline: none!important; }


/*--Contact Form Fix für Chrome--*/ 
span.wpcf7-form-control-wrap 	{ position: unset!important; }

/* Helper cms -------------------------------------*/
.links							{ float:left;}
.rechts							{ float:right;}
.center							{ text-align:center;}
.keincss						{ border:none!important; padding:0px!important; margin:0px!important; float:none!important; }
img.alignleft, .entry .alignleft			{ float:left; margin-right:20px;}
img.alignright, .entry .alignright			{ float:right; margin-left:20px;}
img.aligncenter, .entry .aligncenter		{ display: block; margin-left: auto; margin-right: auto; }
iframe 							{max-width:100%;}
sub 							{ vertical-align: sub; font-size: smaller;}
sup 							{ vertical-align: super; font-size: smaller; }
.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;}
.hinweisbar 					{ padding: 10px 20px 10px 20px; box-sizing:border-box; font-size:13px; line-height:20px; text-align:center;}

/*----Styling default-----*/
.btn 							{ display: inline-block; text-align: center; background: rgb(160, 45, 52) none repeat scroll 0% 0%; border-radius: 3px; padding: 10px 15px;}
.btn-gmbh						{ display: inline-block; text-align: center; color: white; background: #ffa500; border: solid 1px #ffa500; padding: 12px 90px; transition: 0.25s ease-in-out;}
.btn-gmbh:hover					{ color: #ffa500; background: white; }

/*----iOS Formular fix-----*/
input, textarea 					{ -webkit-appearance: none; border-radius: 0px; }


/* Webseite CSS -----------------------------------*/
body							{}
a							{ outline:none; text-decoration: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;}
#page 							{ width:100%; margin:0 auto;}

/*----------------------- Head -------------------------*/
#logo, #logo img			    { display:inline-block; width:auto!important; min-width:0px!important; max-width:100%; margin-top: 10px;}
#header							{ width:100%; height:auto;}
#header img.headimg				{ width:100%; height:auto;}
#branding 						{ height:auto; max-width:1620px; margin:0 auto; padding:0px 30px 0px 0px}

h1#slider-1-slide-1-layer-0.rs.layer  { font-weight: 800!important; font-size: 100px!important;}

/*----------------------- Nav --------------------------*/
#nav							{ font-family:robotoregular; float: right; margin-top: -65px; background-color: #f6f1eb; padding: 15px; width: 1920px; border-bottom: 5px solid orange; margin-right: -171px; }
#nav ul li 						{ float: left; margin-right: 50px;}
#nav ul li a 					{ font-size: 16px; color: black;}
#nav ul li.current_page_item a 	{ font-weight: bold; }
#nav ul li a:hover 				{ color: orange;  }
li#menu-item-234.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-234 { background-color: #80b040; padding: 18px 7px; margin-right: -15px; margin-top: -15px; margin-bottom: -15px; }
li#menu-item-234.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-234 a  { color: white; font-weight: bold;}
#nav.current-menu-item a		{ color:black!important;}

#nav .sub-menu				{ display:block; opacity:0; position:absolute; z-index: 9999; background: white; padding: 15px 30px; max-width: 300px; margin-top: 26px; margin-left: 180px; transform: translateX(-10000%); transition: opacity 300ms, transform 0s 300ms;  }
#nav li:hover .sub-menu		{ opacity:1; transform:translateX(-50%); transition:opacity 300ms, transform 0s;}
#nav .sub-menu li			{ min-width:100%; margin-top: 7px;}
#nav .sub-menu li ~ li::before	{ content:""; display:block; position:absolute; height:1px; width:50%; background-color:white; margin:0 auto; left:0; right:0;}
#nav .sub-menu li a			{ min-width:100%; text-align:center; font-size: 14px; padding: 10px;}
#nav .sub-menu li a:hover	{ /*background-color:#f6f1eb;*/ color: black;}

#nav li:hover				{ background-color:#f6f1eb; }


/*----- Navigation von GbR und GmbH -----*/

.menu-hauptmenue-gbr-container,
.menu-hauptmenue-gmbh-container { float: right; margin-right: 175px; font-family: verdana; }
li#menu-item-789.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-789 { background-color: #80b040; padding: 18px 7px; margin-right: -15px; margin-top: -15px; margin-bottom: -15px;}
li#menu-item-789.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-789 a  { color: white; font-weight: bold; }
li#menu-item-773.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-773 { background-color: #80b040; padding: 18px 7px; margin-right: -15px; margin-top: -15px; margin-bottom: -15px;}
li#menu-item-773.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-773 a  { color: white; font-weight: bold; }

/*-------------------------------------------------*/


.facebook                       {background:url('images/steinberg-facebook.png') no-repeat left center;}
.phone                          {background:url('images/steinberg-phone.png') no-repeat left center;}
.mail                           {background:url('images/steinberg-mail.png') no-repeat left center;}
.flag                           {background:url('images/steinberg-flag.jpg') no-repeat center; height: 73px; margin-bottom: -65px; margin-left: -240px; width: 80px;}

div.menu-hauptmenue-container  { float: right; margin-right: 175px; font-family: verdana;}

.nav-info {float: right; margin-top: 0px;}
.nav-info li { float: right; margin-left: 25px;}

#contact-head{width:100%;height:30px;display:block;}

#contact-list    {max-width:1720px;margin:0 auto; box-sizing:border-box; font-family: verdana; margin-top: 15px;}
#contact-list li {float:left;font-size:16px;color:black;padding:8px 0 0 25px;min-height:18px; word-spacing: 0.2em; height: 28px;}
#contact-list li a {color:black; font-weight: 500!important; font-size: 16px; padding-left: 25px;}
#contact-list li a:hover { color: #80b040;}
li#menu-item-42.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-42 { background-color: #e41316; padding: 5px 25px 5px 25px; border-radius: 5px; line-height: 30px; color: white!important; margin-left: 20px;  }
li#menu-item-42.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-42 a { color: white; }


/*----------------------- Content ----------------------*/
#content-wrap-page				{ width:100%; min-height:100px!important; height:auto; }
#content-wrap 					{ min-height:100px; max-width:1620px; margin: 0 auto; padding:0px 30px 0px 30px; }
#content						{ }

.entry						{ line-height:22px;}
.entry img					{ max-width:100%; height:auto;}

h1							{ font-size:24px; line-height:28px;}
h1 strong					{ color:#37abda;}
h2							{ color:#f7a600!important; font-size:48px; line-height:60px; margin-bottom: 10px; padding-bottom: 10px;}
h2:before                   { content: ""; position: absolute; height: 40px; width: 50px; border-bottom: 2px solid orange; }
h3							{ font-size:16px; line-height:22px; color:#1A1A1A;}
h3 strong					{ font-size:15px; line-height:12px; color:#37abda;}
h4							{ font-size:13px; line-height:12px;}
h5							{ font-weight:bold;}

.entry a					{ color:orange; text-decoration:underline;}
.entry a:hover				{ color:orange; text-decoration:none;}
.entry a.btn 				{ color: rgb(255, 255, 255);}
.entry a.btn:hover 			{ border:2px solid rgb(160, 45, 52); background:#fff; color:rgb(160, 45, 52);}
.entry p					{ margin-bottom:18px; font-family: verdana; font-size: 14px;}
.entry ol li				{ list-style: decimal outside none; margin-left: 15px;}
.entry ul li				{ list-style: disc outside none; margin-left: 15px;}

.hofgeschichte h2           {  color:#f7a600!important; font-size:48px; margin-bottom: 15px; line-height: 30px;}


/*----------------------- Home   -----------------------*/

.blog-content				{ width:65%; height:auto;}
.button         { background-color: green; }
.button-back { margin-top: 20px; margin-bottom: 20px; background-color: orange; border: solid 1px orange; color: #fff!important; font-size: 14px!important; line-height: 24px!important; font-weight: 300!important; text-transform: none; width: 200px; cursor: pointer!important; padding: 10px; text-align: center;}
.post-vorschau h2 { line-height: 35px; }

.sidebar				{ width:25%; height:auto; padding-right:10%; display: none;}
.sidebar ul li.widget			{ margin-bottom:3em;}
.btn-start               { background-color: orange; border: solid 1px orange; color: #fff; font-family: sans-serif; font-size: 14px; line-height: 24px; font-weight: 300; margin-bottom: 15px; text-transform: none; float: right; width: 50%; text-align: center; padding: 10px; }
.btn-start:hover        { cursor: pointer; color: orange; background: #fff; font-weight: 700; }

span.text_portalsoftware  { display: none!important;}
.kasten-gruen           { padding-right: 25px!important; height: 350px!important; }
.links-gruen a         { color: #80b040; text-decoration: none; text-align: center; font-size: 36px;}
.links-gruen a:hover   { color: orange; }
.kasten-orange          { padding-left: 25px!important;  height: 350px!important; }
.links-orange a         { color: orange; text-decoration: none; font-size: 36px;}
.links-orange a:hover   { color: #80b040; }
.kasten-orange-content, .kasten-gruen-content  {padding: 30px!important; color: white; max-height: 335px;}
.kasten-orange-content h2, .kasten-gruen-content h2  { color: white!important; font-size: 48px; border-bottom:none; padding-bottom: 0px; line-height: 30px;}
.kasten-orange-content h2:before, .kasten-gruen-content h2:before   { position: absolute; height: 40px; width: 50px; border-bottom: none!important; }

.green-line h2, .orange-line h2         { line-height: 30px; }
.green-line h2:before   { content: ""; position: absolute; height: 40px; width: 50px; border-bottom: 2px solid #80b040!important; }

.blog-content h1			{ color:#ffa500; padding-bottom:20px;}

.post-vorschau				{ width:100%;}
.vorschau				{ height:auto; min-height:100px; overflow:hidden; margin-right:20px;}
.post-vorschau				{ border-bottom: dashed 1px #CCCCCC; margin-bottom:30px;}
.vorschau-text a        { font-size: 30px;}
.weiter-lesen a         { font-size: 20px!important;}
#sidebar li				{ border-bottom: dashed 1px #CCCCCC; margin-bottom:25px;}
#sidebar li ul				{ padding-bottom:5px;}
#sidebar li ul li			{ border:none; margin:0px;padding:5px 0px 3px 0px; }
#sidebar li ul li	a		{ font-size:14px; color:#333; }
#sidebar li ul li a:hover		{ color:#D55918;}
.weiter-lesen				{ width:100%; height:auto; text-align:right;}

h2.widgettitle				{ font-size:1.8em; text-transform:uppercase; color:#9A4B89; line-height:1.4em; margin-bottom:0.5em; border-bottom:solid 1px #9A4B89;}
#calendar_wrap				{ font-size:1.3em;}
#wp-calendar				{ width:100%;}
#wp-calendar caption			{ width:100%; padding:0.3em 0 0.5em 0;}
#wp-calendar thead			{ width:100%;}
#wp-calendar thead tr			{ text-align:right;}
#wp-calendar tbody tr td		{ text-align:right; padding:0.5em 0 0.2em 0; border-bottom:solid 1px #DFDFDF;}
#wp-calendar tbody tr td a		{ color:#9A4B89; font-weight:bold;}

.widget_categories ul li a		{ color:#323232; font-size:1.4em; border-bottom:solid 1px #E3E3E3; padding-bottom:0.3em; display:block; margin-bottom:0.5em;}
.widget_categories ul li a:hover	{color:#9A4B89;}

#pagination				{ padding:20px 0px; clear:both;}
#pagination	span			{ text-align:center; padding:9px 10px; margin:0px 5px;}
#pagination	a 			{ color:#333333; padding: 10px; display:inline-block; background:#DCDCDC; margin:0px 5px; }
#pagination	span.current, #pagination a:hover  { background:#50b948; color:#fff;}

.zeitstrahl							{ background-position: left !important; background-repeat: no-repeat !important; background-size: contain !important;}
.trenner-mobile         { display:none!important; }

.btn-gruen               { background-color: #80b040; border: solid 1px #80b040; color: #fff!important; font-family: sans-serif; font-size: 14px; line-height: 24px; font-weight: 300; margin-bottom: 15px; text-transform: none; float: left; width: 50%; max-width: 250px; text-align: center; padding: 10px; text-decoration:none!important; }
.btn-gruen:hover        { cursor: pointer; color: #80b040!important; background: #fff; font-weight: 700; }

/*----------------------- Footer -----------------------*/
#footer-wrap				{ width:100%; height:auto;}
#footer					{ height:60px; margin:0 auto; padding:0px 30px 0px 30px; background-color: #80b040; float:left; width: 100%; margin-bottom: -10px;}
ul#menu-footermenue.menu  { padding:20px; max-width: 1620px; margin: 0 auto;  }
ul#menu-footermenue.menu a { color: white; float: left; margin-right: 25px; font-size: 16px; font-family: verdana; }
ul#menu-footermenue.menu a:hover { text-decoration: underline;}

.footer-infos             { border-top: solid 5px orange;}
.map                      { margin-bottom: -7px; float:left; margin-left:-85px;}
.footer-aktionen          { width: 360px; float: left; margin-top: 30px;  margin-right: 60px; margin-right: 35px; margin-left: 20px;}
.footer-aktionen h2       { font-size: 48px; margin-top: 20px; line-height: 30px; }
.footer-aktionen p        { font-size: 12px; font-family: verdana;}
.straße                   {background:url('images/steinberg-place.png') no-repeat left center;} 
.straße p, .tel-footer p, .fax-footer p { height: 36px; font-size: 16px; padding-left: 50px; padding-top: 5px;}
.tel-footer               {background:url('images/steinberg-phone.png') no-repeat left center;} 
.fax-footer               {background:url('images/steinberg-fax.png') no-repeat left center;} 

.aktionen                 { margin-top: 50px;}
.aktionen-title p         {font-size: 14px; font-weight: bold;}

footer-aktionen li        { margin-left: 25px; }
.footer-formular          { width: 360px; float: left; margin-top: 30px;  }
.footer-formular h2       { font-size: 48px; margin-top: 20px; line-height: 30px; }
.footer-formular p        { font-size: 12px; font-family: verdana;}

menu-footermenue-container ul li a {float: left;}

.facebook-feed            { margin-bottom: -80px; }
.facebook-feed-custom     { height: 250px!important; }
#cff.cff-fixed-height     { overflow-y: hidden!important; }


/*----------------------- Kontakt ----------------------*/

input.wpcf7-text 	{ background-color: #fff; border: solid 1px black; color: #3A302F; font-size: 14px; line-height: 24px; margin-bottom: 0px; }
.wpcf7-text 		{ padding: 0.8em 20px 0.8em 20px; width: 100%; box-sizing: border-box; font-style: italic;}
textarea.wpcf7-textarea { background-color: #fff; border: solid 1px black; color: #3A302F; font-size: 14px; line-height: 24px; margin-bottom: 15px; font-style: italic;}
.wpcf7-textarea 	{ padding: 0.8em 20px 0.8em 20px; width: 100%; min-width: 100%; max-width: 100%; height: 107px; min-height: 107px; max-height: 107px; box-sizing: border-box;}
.wpcf7-submit:hover 	{ cursor: pointer; color: orange; background: #fff; font-weight: 700; -webkit-transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; transition: all 300ms ease 0s;}
input.wpcf7-submit 	{ background-color: orange; border: solid 1px orange; color: #fff; font-family:sans-serif; font-size: 14px; line-height: 24px; font-weight: 300; margin-bottom: 15px; text-transform: none; float: right; width: 50%; }
.wpcf7-submit { padding: 0.72em 20px; width: 100%; box-sizing: border-box; -webkit-transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; transition: all 300ms ease 0s; }
select#fci-13.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required    { padding: 13px; font-style: italic; width: 100%;}

.impressum										{height:430px; overflow-y:scroll; padding-right:25px; margin-top:20px;}
.footermenu-rechts                  { float: right; width:25%; margin-top: -20px;}
.footermenu-rechts a:hover          { text-decoration: underline;}
.footermenu-rechts ul li a                { color: white!important; float: left; margin-right: 30px; font-size: 16px; font-family: verdana;}
/*----.footermenu-rechts ul li ~ li::before { display: inline-block; content: "|"; margin: 0 13px 0 10px; } ------*/

.wpcf7-checkbox input 				{ -webkit-appearance: checkbox; }

@media screen and (max-width: 1750px) {
	.map  { margin-left: -300px; }
}

@media screen and (max-width: 1535px) {	
.map    { margin-left: -360px; }    		
}

@media screen and (max-width: 1472px) {	
.map   { width:100%; margin-left:0px;}	
.footer-aktionen {width:50%; }
.footer-formular { width:40%;}
}

@media screen and (max-width: 1366px) {
.footermenu-rechts  { float: none; width: 100%; }
#footer          { height: 80px; }	
.facebook-feed   { max-height: 445px!important;	}	
}

@media screen and (max-width: 1350px) {
.kasten-gruen, .kasten-orange  { width: 100%!important; height: 100%!important; margin-bottom: 50px!important; }
.kasten-gruen {padding-right: 0px!important;}
.kasten-orange  { padding-left: 0px!important; margin-top: 30px;}	
}

@media screen and (max-width: 1250px) {
.links-gruen a, .links-orange a  { font-size: 30px; }
}

@media screen and (max-width: 1024px) {	
.footer-aktionen { width: 50%; }
.footermenu-rechts  { margin-left: -340px!important; }	
.hofgeschichte, .hofgeschichte-bilder    { width: 100%!important; }	
.links-gruen a, .links-orange a    { font-size: 20px;}
.map             { margin-left: -20px; }
.facebook-feed { max-height: 470px!important;	}
}

@media screen and (max-width: 882px) {
.map { display: none; }	
}

@media screen and (max-width: 768px) {

/*----------------------- Mobile ab 768px ----------------------------------------------------------------*/
	
.content-text     { width:100%!important;}
.content-bild     { width:100%!important;}
		
.kasten-orange-content, .kasten-gruen-content { max-height: 450px;}
.kasten-orange-content h2, .kasten-gruen-content h2  { font-size: 40px;}
.links-gruen a, .links-orange a  { font-size: 18px; }
.vorschau-text    { width: 650px; }	
.kontakt-person   {  width:30%!important; }		
.footer-aktionen  { padding: 35px; width: auto;}
.footer-formular  { padding: 65px; margin-top: -30px; width: 100%;}
#footer { height: 200px;}
ul#menu-footermenue.menu  { width: auto; }	
.footermenu-rechts          { float: right; width: 100%; margin-top: 15px; margin-left: 0px!important; height: 40px; background-color: orange; padding-left: 18px; padding-top: 8px;  }
.footermenu-rechts ul li a  { margin-right: 20px; font-size: 14px; }	
.btn-start        { width: 100%;}
input.wpcf7-submit  { width: 100%;}
	
.green-line h2, .orange-line h2         { line-height: 1.3; }
.green-line h2:before,  .orange-line h2:before        { height: 60px!important; }
	
.facebook-feed { max-height: 400px!important; }
	

	
/*----------------------- Nav --------------------------*/
#nav								{display:none;}



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

.entry img							{ max-width:100%; height:auto;}

.zeitstrahl							{ background-position: left !important; }


/*----------------------- Contact Form -----------------*/

.nachrichtenfelder						{ float:inherit; width:92%;}
#nachricht							{ padding:0.8em 4% 0.8em 4%;}

}

@media screen and (max-width: 414px) {    
h1  { font-size: 42px!important;}
h2  { font-size: 35px!important;}
h3  { font-size: 30px!important; }
#header img.headimg   {height: 130px!important;}
.vorschau-text    { width: 265px; }	
.kasten-orange-content, .kasten-gruen-content { height: 600px; max-height: 700px;}	
.kasten-orange-content p, .kasten-gruen-content p { font-size: 15px; }	
.links-gruen a, .links-orange a  { font-size: 33px; }
.kontakt-person   {  width:100%!important; }			
#footer   { height: 300px; }
ul#menu-footermenue.menu a  { float: none; font-size: 14px;}	
.post-vorschau { width: 150%; }
.bild-trenner      { display:none!important;}
.trenner-mobile    { display:block!important; }
.facebook-feed { max-height: 550px!important; }
#cff.cff-thumb-layout .cff-photo img {  width: 170px!important; max-width: 300px; margin-top:20px!important; }
#cff .cff-photo:after, #cff .cff-event-thumb:after, #cff .cff-html5-video:after  { display: none!important;}
#cff.cff-thumb-layout .cff-text-wrapper  {    width: 100%!important; }
.green-line h2:before,  .orange-line h2:before        { height: 40px!important; }

}

@media screen and (max-width: 320px) { 
#footer   { height: 300px; }
.footermenu-rechts ul li a  { font-size: 11px;	}
.kasten-orange-content p, .kasten-gruen-content p { font-size: 13px;}	
.facebook-feed { max-height: 570px!important; }
}