/************************************************************************************
RESET
*************************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
  margin: 0;
  padding: 0;
}

html{
    overflow-y: scroll;
}

img, fieldset {
  border: 0;
}

/* set image max width to 100% */
img {
  max-width: 100%;
  height: auto;
  width: auto\9; /* ie8 */
}

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, subnav, section { 
    display: block;
}

/************************************************************************************
GENERAL STYLING
*************************************************************************************/
html{
    height: 100%;
}
body {
  background: #fff;
  font: .9em/150% Arial,Helvetica,Verdana,sans-serif;
  color: #3e3f41;
  min-height: 100%;
}
a {
  color: #39a962;
  text-decoration: none;
  outline: none;
}
a:hover {
  text-decoration: underline;
}
p {
  margin: 0 0 1em 0;
  padding: 0;
}
p.csc-header-date {
  font-size: 86%;
  margin: 0;
}
#content img {
    margin: 0 0 1em 0;
  padding: 0;
}
/* list */
ul, ol {
  margin: 0 0 1em 24px;
  padding: 0;
  line-height: 140%;
}
li {
  margin: 0 0 1em 0;
  padding: 0;
}
/* headings */
h1, h2, h3, h4, h5, h6 {
  line-height: 1.4em;
  margin: 0 0 1em 0;
  color: #3e3f41;
}
h1 {
  font-size: 2em;
  margin: 0 0 1em 0;
}
h2 {
  font-size: 1.6em;
}
h3 {
  font-size: 1.4em;
}
h4 {
  font-size: 1.2em;
}
h5 {
  font-size: 1em;
}
h6 {
  font-size: 1em;
}

/************************************************************************************
STRUCTURE
*************************************************************************************/
#pagewrap {
    width: 100%;
    margin: 0px auto;
}
#headwrap {
    clear: both;
    position: relative;
    width: 100%;
    background: #3e3f41;
    display: block;
    padding: 26px 0 24px 0;
    float: left;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
    box-shadow: 0 1px 3px rgba(0,0,0,.4);
}
#contentainer {
    clear: both;
    position: relative;
    width: 100%;
    background: #fff;
    display: block;
    padding: 0;
    float: left;
}
/************************************************************************************
HEADER
*************************************************************************************/
#header {
    position: relative;
    width: 98%;
    max-width: 980px;
    margin: 0 auto;
    padding: 0 1% 0 1%;
}

#headerlogo {
    display: block;
    float: left;
    max-width: 450px;
    width: 100%;
    padding: 20px 5% 20px 0;
}
#topmenu {
    padding: 0px;
    max-width: 980px;
    margin: 20px 0 20px 0;
    display: block;
    float: right;
    text-align: right;
    text-transform: uppercase;
}
ul.main-nav {
    margin: 0;
    font-size: 90%;
    color: #fff;
    float: left;
}
.main-nav li {
    margin: 0;
    padding: 0 0.7em 0 0.7em;
    list-style: none;
    float: left;
    position: relative;
    line-height: 160%;
    font-weight: normal;
    border-right: 1px solid #fff;
}
.main-nav li.first {
    padding: 0 0.7em 0 0;
}
.main-nav li.last {
    padding: 0 0 0 0.7em;
    border-right: none;
}
.main-nav a {
    color: #fff;
    display: block;
    padding: 0;
    text-decoration: none;
}
#headerbild img {
    display: block;
    float: left;
    width: 100%;
    padding: 0;
    /* corners */
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
} 
/************************************************************************************
CONTENT
*************************************************************************************/
#contentwrap {
    position: relative;
    width: 98%;
    max-width: 980px;
    margin: 0 auto;
    padding: 0 1% 0 1%;
}
#content {
    background: #fff;
    margin: 20px 0 30px 0;
    width: 100%;/*66%;/*98%;/*100%;/*66%;*/
    padding: 1% 4% 1% 0;
    float: left;
}
#content img {
  	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
}
div.csc-textpic .csc-textpic-imagewrap .csc-textpic-center-inner .csc-textpic-imagerow .csc-textpic-image {
    clear: none;
    float: left;
    margin-right: 2%;
    width: 48%;
}
/* post */
.post {
    margin-bottom: 40px;
}
.post-title {
    padding: 0;
    font: bold 26px/120% Arial, Helvetica, sans-serif;
}
.post-title a {
    text-decoration: none;
    color: #000;
}
.post-meta {
    margin: 0 0 10px;
    font-size: 90%;
}

/* post image */
.post-image {
    margin: 0 0 10px;
}
/************************************************************************************
FOOTER
*************************************************************************************/
#footwrap {
    /*background: #3e3f41;*/
    width: 100%;
    padding: 0;
    border-top: none;
    clear: both;
    display: block;
    float: none;
    bottom: 0;
    margin-bottom: 0;
    /*position: absolute;*/
}
#footbg {
    background: #fff;/*#3e3f41; /*#fff;*/
    display: block;
    float: left;
    padding: 30px 0;
    padding-bottom:0;
    clear: both;
    margin: 0;
    width: 100%;
    /*z-index: 1000;*/
    /*position: relative;*/
}
#footer {
    max-width: 980px;
    margin: 0 auto;
    padding: 0 10px 0 10px;
    text-align: left;
}
#footer a {
    color: #3e3f41;
    text-decoration: none;
}
.footercontact {
    margin:0;
    font-size: 0.8em;
    width: 60%;
    float: left;
}
#footermenu {
    padding: 0px;
    margin-top:5px;
    margin-bottom: 5px;
    width: 100%;
    margin: 0;
    display: block;
    float: right;
    text-align: right;
    /*line-height: 160%;*/
    color: #3e3f41;
    /*font-size: 90%;*/
    text-transform: uppercase;
}
#footermenu .foot{
    /*font-size: 0.8em;*/
    padding: 0;
    margin: 0;
    float: right;
}

.impressum {
    float: right;
}

/************************************************************************************
SIDEBAR
*************************************************************************************/
#sidebar {
    width: 30%;
    float: right;
    margin: 20px 0 30px 0;
}
.widget {
    background: #fff;
    margin: 0 0 30px;
    padding: 0px;
    /* box shadow */
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
    box-shadow: 0 1px 3px rgba(0,0,0,.4);
    /* corners */
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.widget a{
    color: #39a962;
}
.widget a:hover{
    text-decoration: none;
    color: #39a962;
}
.widget h5 {
    background-color: #3e3f41;
    color: #fff;
    padding: 0.8em;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    /* corners */
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}
.widget ul, .widget p, .widget dl, .tx-macinasearchbox-pi1 {
    margin: 0;
    padding: 0.8em;
}
.widget ul.hauptnavi a {
    color: #3e3f41;
}
.widget ul.hauptnavi a:hover {
    color: #39a962;
}
.widget ul.hauptnavi li.act a{
    color: #39a962;
}
.widget li {
    margin: 0;
    padding: 6px 0;
    list-style: none;
    clear: both;
    border-top: solid 1px #acacac;
}
.widget li.first {
    border-top: none;
}
.widget li.last {
    padding: 6px 0 0 0;
}
.widget ul.hauptnavi ul.submenu_lvl2 a {
    color: #3e3f41;
}
widget ul.hauptnavi ul.submenu_lvl2 a:hover {
    color: #39a962;
}
.widget ul.hauptnavi ul.submenu_lvl2 li.act a{
    color: #39a962;
}
/* flickr widget */
.widget .flickr_badge_image {
    margin-top: 10px;
}
.widget .flickr_badge_image img {
    width: 48px;
    height: 48px;
    margin-right: 12px;
    margin-bottom: 12px;
    float: left;
} 
/*.widget .contactFormular{
    width: 95%;
    margin-left: 0;
    margin-right: 12px;
    padding: 0.8em;
    resize: vertical;
}*/
a.facebook img {
    vertical-align: top;
    padding: 0 5px 0 0;
}

/************************************************************************************
CLEARFIX
*************************************************************************************/
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
.clearfix { display: block; zoom: 1; }

/************************************************************************************
Mailform
*************************************************************************************/
.csc-mailform
{ 
    width: 100%;
    padding: 0 0 24px 0;
}
div.csc-mailform ol
{ 
    line-height: 22px;
    padding: 0;
}
div.csc-mailform ol li
{ 
    line-height: 22px;
    padding: 0 1em 1em 0;
}
.csc-mailform .csc-form-element-textline input, .csc-mailform .csc-form-element-textarea textarea
{
    background: #fff;
    border: 1px solid #ACACAC;
    font-family: Cabin,Arial,Helvetica,Verdana,sans-serif;
    color: #313033;
    font-size: 90%;
    padding: 4px;
    /* box shadow */
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
    box-shadow: 0 1px 3px rgba(0,0,0,.4);
}  
.csc-mailform .csc-form-element-submit input[type="submit"]
{ 
    margin:0px;
    background: #39a962;
    border: none;
    color: #ffffff;
    padding: 2px;
    cursor: pointer;
    height: 22px;
    font-size: 90%;
      /* box shadow */
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
  box-shadow: 0 1px 3px rgba(0,0,0,.4);
}
.pflicht {
    font-size: 80%;
}

/**
 * Dropdown
 */
.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    float: none;
    display: none;
    position: absolute;
    background: #3e3f41;
    text-align: left;
    border: solid 1px;
    border-radius: 2px;
    border-color: #fff;
    /*background-color: #f9f9f9;*/
    /*min-width: 160px;*/
    /*
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 12px 16px;
    */
    z-index: 1;
}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown-list {
    color: #fff;
    padding:0 0 0 0;

}

.dropdown-list li {
    border: none;
    padding:0 2.0em 0 0;

}

.dropdown-item {
    margin: 0;
    padding: 0;
}

/* Flex
*/
.row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}

.column {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  flex: 1;
}

.column .is-3 {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  flex: 3;
}

.half{
    max-width: 50%;
    height: 50%;
}

.qrcode-contact {
    min-width: 220px;
    max-width: 220px;
}

.push-right{
    margin-left: auto;
}

.third{
    max-width: 30%;
    height: 30%;
}