/**  Media queries Jobfactory  **/

body {
-webkit-text-size-adjust: none;
}

.hidden {
display: none;
visibility: hidden;
}

.visible-phone {
display: none !important;
}

.visible-tablet {
display: none !important;
}

.hidden-desktop {
display: none !important;
}

.visible-desktop {
display: block !important;
}

/* Portrait tablet to landscape and desktop */
@media screen and (max-width: 979px) {

.hidden-desktop {
display: block !important;
float: left;
margin: 0;
width: 100%;
}

.visible-desktop {
display: none !important ;
}

.visible-tablet {
display: block !important;
}

.hidden-tablet {
display: none !important;
}

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

.middle-site {
margin: 0;
padding: 0 10px;
}

#weizenkorn {
margin: 55px 0 -20px 50px;
}

}

/* Phone and little tablet */
@media screen and (max-width: 767px) {

.hidden-desktop {
display: block !important;
}

.visible-desktop {
display: none !important;
}
.visible-tablet {
display: none !important;
}

.hidden-tablet {
display: block !important;
}

.visible-phone {
display: block !important;
}

.hidden-phone {
display: none !important;
}

.border-red { 
display: none !important;
}

}

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

.wrapper-site {
width:99%;border: none !important;
}

.moduletable.submenu {
margin: 0 10px;
}


#search {
float: none;
position: absolute;
bottom: -195px;
right: 0px;
padding-bottom: 20px;
color: #000;
}

/**  remove the fixed width of Google map  **/
	
div[id*="googlemap"] {
width:auto !important;
}

.left_column, 
.right_column {
float: none;
margin: 0px 0 0px 0;
border: none;
width: auto;
clear: both;
}

.right_column {
overflow: visible;
}

.left_column .moduletable .content-module,
.right-module-position .moduletable .content-module {
margin: 0;
padding: 0;
}

.left_column .moduletable, 
.right_column .moduletable {
clear:both;
}

.right-module-position.hidden-desktop.moduletable {
display: block;
width: 100%;
height: 100%;border: 1px solid red;
}

.right-module-position.hidden-desktop {
padding: 10px 0;
background-color: #F0F0F0;
}

/* Dropdown Menü */
div.moduletable.dropdown555 {
float:left;
width:100%;
position:relative;
z-index: 10;
padding-left: 10px;
border: 0px solid red;
}

div.moduletable.dropdown { /* definiert den Abstand zum nächsten DIV */
margin-left: -10px;
padding-bottom: 0px;
}

.dropdown ul { 
clear: left;
float: left;
list-style: none;
margin: 0;
padding: 0;
position: relative;
left: 0%;
z-index: 10;
}

.dropdown ul li { 
display: block;
float: left;
list-style: none;
margin: 0;
padding: 0 ;
position: relative;
right: 0%;
z-index: 10;
background-color: #FFF;
border-bottom : 1px dotted #749374;
}

.dropdown li a,
.dropdown li li a,
.dropdown li li li a {
display: block;
width: 92%;
margin: 0;
padding: 8px 20px 9px 10px;
height: 14px !important;
background-color: #FFF;
color: #13414F !important;
}

.dropdown li.active a,
.dropdown li a,
.dropdown li li a,
.dropdown li li li a {
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
}

.dropdown li a:hover,
.dropdown li li a:hover,
.dropdown li li li a:hover {
background-color: #EEE !important;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
}

.dropdown li.active a {
background-color: #EEE !important;
}

.dropdown li.active li a {
background-color: #FFF !important;
}

/** 	FOOTER 		**/

.bottom_menu li a, 
.bottom_menu li span.separator {
padding: 5px 7px 4px 7px;
}

#search .inputbox {
width: 120px !important;
}

/* Tables */
	
/* Force table to not be like tables anymore */
table,
thead,
tbody,
th,
td,
tr {	
display: block;
border: none;
}

th {	
display: block;
width: 100% !important;
}
 
/* Hide table headers (but not display: none;, for accessibility) */
thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
 
tr { 
border: 0px solid #e3e3e3;
border-collapse: collapse;
}
 
td {
/* Behave like a "row" */
border: none;
border-bottom: 0px solid #e3e3e3;
position: relative;
padding: 5px; /* war left 50% */
width: 100%;
white-space: normal;
text-align:left;
}
 
td:before {
/* Now like a table header */
position: absolute;
/* Top/left values mimic padding */
top: 6px;
left: 6px;
width: 100%;
padding-right: 10px;
white-space: nowrap;
text-align:left;
font-weight: bold;
}
 
/*  Label the data  */
td:before { 
content: attr(data-title); 
}
	
/* Tables */

}

/* Anzeige für Querformat für kleine Tablets (800x600) und Tablethochformat (768x1024) */
@media screen and (max-width: 900px) {

.wrapper-site {
-moz-box-shadow: none;
-webkit-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
overflow: hidden;
}


div.logo {
height: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
max-width: 100%;
padding: 0px;
}​

.main_menu_box > div,
.main_menu_box {
float:left;
width:100%;
margin: 0;
background-color: #FFF !important;
}

div.left_column > div.moduletable.submenu,
div.moduletable.submenu {
float:none;
margin-top: 35px;
}

#search .inputbox:focus,
#mod-search-searchword.inputbox {
background-color: #FFF;
color: #000;
width: 120px !important;
}

/**  TRANSLATE  **/

ul.lang-inline li {
float: left;
width: 15px;
height: 30px;
}

.lang-inline li:first-child {
margin: 0;
padding: 0 12px 0 0;
background : none;
}

}

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

.container {
width:99%;
}

div.logo p {
margin: 0;
padding: 0;
height: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
max-width: 100%;
}​

.user1, 
.user2, 
.user3, 
.user4, 
.user5, 
.user6 {
float:none;
padding:0;
margin:0;
width: 100% !important;
}

.right-module-position {  /* Hea bearbeitet für Responsive */
float:none;
padding:0;
margin:0 0 0 0px;
/*width: 96.3% !important;*/
}

div.breadcrumbs a.pathway {
margin: 0 0 0 10px;
padding: 0;
}

div.content-module div.breadcrumbs a.pathway,
div.breadcrumbs span {
font-size: 0.8em;
}

/* ++++++++++++++  blog  ++++++++++++++ */

.cols-2 .column-1 {
width:auto;
float:none;
}

.cols-2 .column-2 {
width:auto;
float:none;
}

.cols-3 .column-1 {
float:none;
width:auto;
padding:0;
margin-right:0;
}

.cols-3 .column-2 {
float:none;
width:auto;
width:auto;
padding:0;
}

.cols-3 .column-3 {
float:none;
width:auto;
padding:0;
}

.column-1, .column-2, .column-3 {
padding:10px 0px;
}

.column-2 {
width:auto;
margin-left:0;
}

.column-3 {
width:auto;
}

/**  TRANSLATE  **/

ul.lang-inline li {
float: left;
width: 15px;
height: 30px;
}

.lang-inline li:first-child {
margin: 0;
padding: 0 10px 0 0;
background : none;
}

}

@media (max-width: 640px) {
	
h1,
.blog h1,
h2.contentheading {
font-size: 16px!important;
padding: 0;
letter-spacing:0px;
text-transform: uppercase;
font-weight: bold!important;
}

div.moduletable.submenu {
float:none;
margin-top: 35px;
}

#search-module-header {
position: relative; /* absolute */
float: left;/* keine float Angabe */
/*right: 10px;*/
/*bottom: -28px;*/
z-index:1;
}

#search .inputbox {
width: 120px !important;
}

#search .inputbox:focus,
#mod-search-searchword.inputbox {
background-color: #FFF;
color: #000;
}

.header-image {
border: 0px solid red;
margin-top: -45px!important; /*Hiermit wird der Nav-Controll Abstand entfernt */
margin-bottom: -30px!important; /*Hiermit wird der Nav-Controll Abstand entfernt */
}

textarea, table, td, th, code, pre, samp {
word-wrap: break-word; /* Neue Linie erzwingen */
-webkit-hyphens: auto; /* Worttrennung */
-moz-hyphens: auto;
hyphens: auto;
}

code, pre, samp {
white-space: pre-wrap; /* passage à la ligne spécifique pour les éléments à châsse fixe */
}

} 

@media (max-width:640px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio:2) {

body {
-webkit-text-size-adjust: 70% !important;
}

}

@media only screen and (max-width : 1220px),
only screen and (max-device-width : 1220px){

.container {
width:99%;
}

}

/************************************************************************************
MENU ICON
*************************************************************************************/
.main_menu {
margin-top: 0px;
margin-bottom: 0px;
}

/* menu icon */
#menu-icon {
display: none; /* hide menu icon initially */
}

/************************************************************************************
MOBILE
*************************************************************************************/
@media screen and (max-width: 620px) {

.site {
margin : 0;
}

div.logo {
height: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
max-width: 100%;
padding: 0;
}

.header-site {
border: none;
height: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
max-width: 100%;
background-color: #FFF;
}​

/* Nav-Wrap */
#nav-wrap {
position: relative;
}

/* Menu Icon */

#menu-icon {
color: #FFF;
height: 26px;
padding: 4px 10px 0 42px;
cursor: pointer;
border-top: 1px solid #666633;
border-bottom: 1px solid #666633;
display: block; /* show menu icon */
}

#menu-icon {
background: #A70B16 url(../images/menu-icon.png) no-repeat 10px center;
width: auto;
}

#menu-icon:hover {
color: #FFF;
background-color: #979797;
}

#menu-icon.active {
background-color: #A70B16;
}

/************************************************************************************
NAVIGATION max-width: 620px
*************************************************************************************/


div.search {
/*display: none !important;*/
padding-bottom: 20px;
}

div.weizenkorn {
display: none !important;
}


/*.dropdown {
clear: both;
display: inline-block;
width: auto;
overflow: hidden;
}*/

.dropdown ul,
.dropdown li,
.dropdown li a {
clear:both;
list-style: none;
margin: 0;
padding: 0; 
width:100%;
background-image: none;
}

.dropdown li ul, 
.dropdown li ul ul {
top:100%;
left:25%;
width:75%;
margin-top:0px;
background: none;
}

.dropdown li.active.deeper.parent > a,
.dropdown li.current.active a {
margin: 0;
padding: 8px 20px 9px 10px;
}

.dropdown li.deeper.parent li.deeper.parent > a,
.dropdown li li.deeper.parent li a {
margin: 0;
padding: 8px 20px 9px 10px;
height: 14px !important;
}

.dropdown li:hover,
.dropdown li:focus {
position: relative;
z-index: 2 !important;
cursor: default;
}

/** Hauptmenü **/
.dropdown li a,
.dropdown li span.separator {
display: block;
padding: 8px 20px 9px 10px;
font-weight: 300;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}


.dropdown li li {
float:right;
clear:both;
position:relative;
list-style-type:none;
margin:0;
padding:0;
border-right: none;
background-image: none;
background: #FFF !important;
}

/** Submenü **/
.dropdown li li a,
.dropdown li li span.separator,
.dropdown li li a:hover, 
.dropdown li li span.separator:hover {
display : block;
padding: 8px 20px 9px 10px;
font-weight: 300;
-webkit-transition : all 0.4s ease-in-out;
-moz-transition : all 0.4s ease-in-out;
-ms-transition : all 0.4s ease-in-out;
-o-transition : all 0.4s ease-in-out;
transition : all 0.4s ease-in-out;
}

.dropdown a[href="#"] {
cursor: default;
}

/* Inaktiver Hauptmenüpunkt Hover */
.dropdown li:hover,
.dropdown li .deeper.parent > a:hover { 
z-index:1;
}

/* Ende Navigation */

/* Contact Form */
fieldset {
width: 100%;
margin-bottom:20px;
}

legend {
width: 55%;
float:left;
}

fieldset dt ,
fieldset > dl > dd {
width: 94%;
float:left;
padding:3px 0;
}

fieldset > dl > dd > input#jform_contact_email_copy {
width: 8%;
float:left;
}

dd > input {
width: 92%;
float:left;
}

fieldset dl dd {
width: 94%;
float:left;
}

fieldset dd textarea {
width: 100%;
float:left;
padding:3px 0;
}

}

@media screen and (min-width: 600px) {

/* ensure .menu is visible on desktop version */
.menu {
display: block !important;
}

}

/* Angaben für Querformat für kleine Tablets (800x600) und Tablethochformat (768x1024) */
@media (min-width: 640px) and 
(max-width: 950px){

.header-site {
border: none;
height: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
max-width: 100%;
}​

/* Nav Wrap */
#nav-wrap {
position: relative;
}

/* Menu Icon */

#menu-icon {
color: #FFF;
height: 26px;
padding: 4px 10px 0 42px;
cursor: pointer;
border-top: 1px solid #666633;
border-bottom: 1px solid #666633;
display: block; /* show menu icon */
}

#menu-icon {
background: #A70B16 url(../images/menu-icon.png) no-repeat 10px center;
width: auto;
}

#menu-icon:hover {
color: #FFF;
background-color: #979797;
}

#menu-icon.active {
background-color: #A70B16;
}

/************************************************************************************
NAVIGATION min-width: 640px bis max-width: 950px
*************************************************************************************/

div.moduletable .dropdown ul.menu,
div.moduletable .dropdown {
background-image: none !important;
}

.dropdown ul, 
.dropdown ul ul, 
.dropdown ul ul ul {
background-color: #FFF !important;
}

.dropdown li, 
.dropdown li li, 
.dropdown li li li, 
.dropdown li a, 
.dropdown li li a, 
.dropdown li li li a {
background-color: transparent !important;
background-image: none !important;
}

.dropdown ul,
.dropdown li {
list-style: none;
margin: 0;
padding: 0; 
width: 100%;
float:left;
z-index: 1 !important;
}

.dropdown li {
float:left;
width: 50%;
z-index: 1 !important;
}

.dropdown li li {
text-align:left;
float:none;
margin : 0;
z-index: 2 !important;
}

.dropdown li ul, 
.dropdown li ul ul {
top:100%;
left:25%;
width:75%;
margin-top:0px;
background: none;
z-index: 3 !important; 
} 

/* Inaktiver Hauptmenüpunkt */
.dropdown li:hover {
color: #000;
z-index: 3 !important;
}

/** Submenü **/
.dropdown li li a:hover {
display : block;
padding: 8px 20px 9px 10px;
height: 14px !important;
font-weight: 300;
font-size:0.95em;
overflow: hidden;
}

.dropdown li li a,
.dropdown li li span.separator {
display: block;
padding: 8px 20px 9px 10px;
height: 14px !important;
color : #333;
font-weight: 300;
font-size:0.95em;
-webkit-transition : all 0.4s ease-in-out;
-moz-transition : all 0.4s ease-in-out;
-ms-transition : all 0.4s ease-in-out;
-o-transition : all 0.4s ease-in-out;
transition : all 0.4s ease-in-out;
}

}

@media only screen and (min-width : 1224px){
#search-module-header {
float: right;/* keine float Angabe */
top: 10px;
right: 20px;
z-index:1;
}
}