html, body {
background:#ffffff;
padding:0;
margin:0;
border:0;
width:100%;
font-size:13px;
font-family:Verdana,Arial,Helvetica,sans-serif;
text-align:center;
height: auto;
}

#alles {
width: 100%;
height: auto;
margin:0;
padding:0;
}

header {
width:100%;
padding:0;
border:0;
}

section {
margin:0;
padding:0;
border: 0;
}

#clear {
width: 100%;
float: none;
clear:both;
margin:0;
padding:0;
height:1px;
}

footer {
width: 100%;
float: none;
border-top: 1px solid #666666;
min-height:5em;
margin:4em auto;
padding: 1em 0 0;
clear: both;
}

html, body, section, header, footer, div, p, img, figure, span, td, ol, ul, li, a, h1, h2, h3, h4, h5, h6 {
box-sizing: border-box;
}

section div.blog-items.gig a, section .item-page_gig a, section div.contact.gig a {
text-decoration:none;
color:#ff8c00 !important;
}

section div.blog-items.gib a, section .item-page_gib a, section div.contact.gib a {
text-decoration:none;
color:#008bd2 !important;
}

section div.blog-items.gia a, section .item-page_gia a, section div.contact.gia a {
text-decoration:none;
color:#7caf3b !important;
}

/* Links */

section a {
color:#ff8c00;
}

section a:hover{
text-decoration:underline;
}

/* Hauptmenue */
  
nav div#nav1 ul.nav li.item-129 a, nav div#nav1 ul.nav li.item-284 a{
color: #efa500;
}
  
nav div#nav1 ul.nav li.item-136 a, nav div#nav1 ul.nav li.item-291 a {
color: #008bd2;
}

nav div#nav1 ul.nav li.item-289 a, nav div#nav1 ul.nav li.item-290 a {
color: #7caf3b;
}


/* CONTENT -------------------------------------------------------------*/

section {
  font-size: 1.1em;
  line-height: 1.4em;
  text-align:left;
  width: auto;
  color:#333;
}

section p, section td, section div {
  font-size:1.0em;
  width: auto;
}

section h1, section h2 {
  font-size:1.5em;
  line-height: 1.2em;
  padding:0;
  margin:0 0 2em 0;
text-transform: uppercase;
  font-weight: normal;
}

section h3, section > div.blog div.page-header > h2, section > div.blog_gib div.page-header > h2, section > div.blog_gig div.page-header > h2, section > div.blog_gia div.page-header > h2 {
  font-size:20px;
  font-weight: normal;
line-height: 1.3em;
  padding:0;
  margin: 2em 0 1em 0;
}

section p, section ul li {
  padding:0;
  margin:0 0 1em 0;
  text-align:left;
}

section div.item-page table, section div.item-page table tbody, section div.item-page table tr {
margin:0;
padding:0;
border:0;
}

section div.item-page table tr {
height: 25px;
vertical-align: middle;
}

section div.item-page table tr td {
padding-right: 10px;
vertical-align: middle;
text-align:left;
}

.links_im_text {
margin:5px 25px 15px 0px;
float:left;
border:none;
}

.rechts_im_text {
margin:5px 0px 15px 25px;
float:right;
border:none;
}

hr.orange {
color: #efa500;
margin: 3.0em 0 2.0em 0;
border:0;
border-bottom: 1px solid #efa500;
}

table.sprechzeiten {
width: 100%;
max-width: 400px;
}

table.sprechzeiten td {
width: 33.333333%;
text-align: left;
white-space: nowrap;
}

/* Beitragsbilder */

figure.none.item-image, figure.none.item-image img {
width: 100%;
height: auto;
padding:0;
border:0;
margin:0 0 auto 0;
}

section .item-image p.img_caption {
text-align: left !important;
}

img.volle_breite {
width:100%;
max-width:600px;
height: auto;
border: 1px solid #000;
}


/* BLOG ----------------------------------------------------------------*/

section div.blog-featured, section > div.blog {
margin:0;
padding:0;
border: 0;
}

section div.blog div.page-header h2 a {
text-decoration: none;
color: #ff8c00;
}

section div.blog-items p.readmore a {
width: auto;
text-decoration: none;
margin: auto auto 50px auto !important;
border:0;
color: #fff !important;
padding: 5px;
border-radius: 5px;
}

section div.blog-items.gig p.readmore a {
background: #ff8c00;
}

section div.blog-items.gib p.readmore a {
background: #337ab7;
}

section div.blog-items.gia p.readmore a {
background: #7caf3b;
}

section div.blog-items div.blog-item {
margin-bottom: 50px;
padding-bottom: 50px;
overflow-y:hidden;
}

section div.blog-items.gig div.blog-item {
border-bottom: 1px solid #efa500;
}

section div.blog-items.gib div.blog-item {
border-bottom: 1px solid #008bd2;
}

section div.blog-items.gia div.blog-item {
border-bottom: 1px solid #7caf3b;
}

section div.blog-item:last-of-type {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0 !important;
}

.clearfix {
clear:both;
}

section p.counter {
float: left;
width: 100%;
text-align: left;
}

section nav.pagination__wrapper {
width: 100%;
margin: 40px 0;
padding:40px 0;
text-align: center;
}

section nav.pagination__wrapper ul.pagination {
width: 100%;
margin: 0;
padding:0;
text-align: center;
}

section nav.pagination__wrapper ul.pagination li.page-item {
list-style-type: none;
display: inline-block;
margin: 0 1em 0 0;
padding:0;
}

section nav.pagination__wrapper ul.pagination li.page-item a {
background:#fff;
border: 1px solid #333;
border-radius: 0 !important;
color: #333;
font-weight: bold;
padding: 5px;
text-decoration: none;
}

section nav.pagination__wrapper ul.pagination li.active.page-item a {
background:#333;
border: 1px solid #333 ;
color: #fff;
}

/* VIDEOS ---------------------------------------------------------------*/

section div.item-page.gig div p video, section div.item-page.gib div p video, section div.item-page.gia div p video {
width: 100%;
height: auto;
padding:0;
margin:0;
}

/* KONTAKT --------------------------------------------------------------*/

div.contact h2, section dl.contact-position.dl-horizontal dt {
display: none;
}

section dl.contact-position.dl-horizontal > dd {
  text-indent:0;
  margin-left:0;
  padding-left:0;
}

dl.contact-address.dl-horizontal dt{
padding:0;
margin:0;
}

dl.contact-address.dl-horizontal {
padding:0;
margin:0 0 30px 0;
}

dl.contact-address.dl-horizontal dd{
padding:0;
margin:0;
}

div.contact fieldset {
background:#efefef;
color:#333333;
padding:10px 20px;
margin:0;
border:0;
max-width: 100%;
}

div.contact .page-header h1 {
font-size: 2em;
}

div.contact label, div.contact legend, span.optional {
color:#000;
font-family: New Courier, Courier, monospace, sans-serif;
font-size:14px;
margin: 10px 0px 0px;
}

div.contact-form form#contact-form fieldset > legend {
display: none;
}

fieldset#jform_com_fields_einwilligung {
padding:0;
}

label#jform_contact_email_copy-lbl, span.optional {
position: relative;
top: 20px;
left: 30px;
}

div.contact div.control-label, form#contact-form button {
margin-top:20px;
}

/* System Message */

section div#system-message-container div#system-message div.alert.alert-error {
background: red;
padding: 20px;
margin: 0 0 50px 0;
color:#fff;
border-radius: 5px;
}

section div#system-message-container div#system-message div.alert.alert-error a.close {
width: 30px;
height: 30px;
background: #fff;
color: red;
text-align: center;
font-size: 22px;
line-height:1.3em;
font-weight: bold;
float: right;
}

/* Bewerbungsformulare */

section div.convertforms form div label, section div.convertforms form select, section div.convertforms form select option, section div.convertforms form textarea, section div.convertforms form input {
color: #333;
}


section div.convertforms form div.cf-form-wrap div.cf-control-group {
clear: both;
width: 100%;
}

/* Cookie-Hinweis */

div#redim-cookiehint {
background: #ddd;
color:#000;
}

#redim-cookiehint div.cookiebuttons a.btn {
text-decoration: none;
}


div#cookiehintinfo {
margin: 0 auto 20px;
}

div#cookiehintinfo a {
font-size: 0.9em;
text-decoration: none;
color:#000;
}

div#cookiehintinfo a:hover {
text-decoration: underline;
}



/* FUSSMENUE ----------------------------------------------------------------*/

footer > div.moduletable.gig, footer > div.moduletable.gib, footer > div.moduletable.gia {
width: 100%;
padding:0;
margin:0;
color:#666666;
-o-box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}

footer ul li a {
text-decoration:none;
color:#666666;
font-size:11px;
}

footer div.moduletable.gig a:hover {
text-decoration:none;
color:#ff8c00;
}

footer div.moduletable.gib a:hover {
text-decoration:none;
color:#008bd2;
}

footer div.moduletable.gia a:hover {
text-decoration:none;
color:#7caf3b;
}