j/* Getting the new tags to behave */
    article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
    mark, rp, rt, ruby, summary, time{ display: inline }
/* Site-wide properties ======================================================== */
  
   
  /* Fibonacci based heading scale ratio */
    h2, .h2 {
		font-size: 1.4em;
		font-weight: 400;
	}
	h1, .h1,
	h3, .h3,
	h4, .h4 {
		font-weight: 400;
	}
	p {
		font-weight: 300;
	}
	p strong {
		font-weight: 400;
	}
	a:link, a:visited {
      font-weight: 500;
      text-decoration: none;
    }
    #content a:link, #content a:visited {
      color: #996633;
    }
    a:hover {
      opacity: 0.7;
      -webkit-transition: all .2s ease-in-out;  
      -moz-transition: all .2s ease-in-out;  
      -o-transition: all .2s ease-in-out;  
      -ms-transition: all .2s ease-in-out;  
      transition: all .2s ease-in-out;
    }
    #content {
      font-size: 1.2em;
    }
    #content p b {
      font-size: 1.1em;
    }
      #content li {
      font-weight: 300;
      line-height: 1.55em;
      list-style-type: inherit;
      margin-left: 2%;
      margin-bottom: 0.5em;
    }
    #content ul {margin-bottom: 2em; padding: 0 0 0 2%;}
    #content li ul {
      margin-top: 0.5em;
      margin-bottom: 1em;
    }
    #content li ul li {
      margin-bottom: 0.25em;
    }
    #content hr {
      border-top: 1px solid rgba(0,0,0,0.5);
      margin-top: 1em;
      margin-bottom: 1em;
    }
  
  /* Reusable classes ============================================================ */
  
  /* Left & Right alignment */
    .left{ float: left; }
    .right{ float: right; }
  
  /* Basic Structure ============================================================= */
    
  /* Header */
  
    .navbar.navbar-top {
      height: 140px;
	  background: url(../images/header-schreinerlein.jpg);
	  background-size: cover;
	  background-repeat: no-repeat;
    }
	.navbar.navbar-top.navbar-transition {
		height: 70px;
	}
    .navbar-header-main .navbar-brand {
      position: relative;
      top: 4px;
      z-index: 5;
      width: 180px;
	  height: 166px;
      margin: 0 auto;
	  padding: 0;
    }
	.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
		margin-left: auto;
	}
	.navbar-brand > img {
		width: 180px;
		height: 166px;
		transform: none;
		top: 0;
		max-height: none;
	}
	.navbar-transition .navbar-brand > .navbar-brand-logo-normal {
		width: 90px;
		height: 83px;
	}
	.clearfix::before, .clearfix::after, .dl-horizontal dd::before, .dl-horizontal dd::after, .container::before, .container::after, .container-fluid::before, .container-fluid::after, .row::before, .row::after, .form-horizontal .form-group::before, .form-horizontal .form-group::after, .btn-toolbar::before, .btn-toolbar::after, .btn-group-vertical > .btn-group::before, .btn-group-vertical > .btn-group::after, .nav::before, .nav::after, .navbar::before, .navbar::after, .navbar-header::before, .navbar-header::after, .navbar-collapse::before, .navbar-collapse::after, .pager::before, .pager::after, .panel-body::before, .panel-body::after, .modal-header::before, .modal-header::after, .modal-footer::before, .modal-footer::after {
		display: none;
	}
    .anfahrtcontainer {
      width: 100%;
      height: 450px;
    }
    .anfahrt {
      width: 600px;
      height: 450px;
    }
  /* Project navigation =========================================================== */
  
    .navbar-main > li > a {
		font-size: 1.16em;
		text-transform: none;
	}	
	.navbar-collapse {
		padding-left: 0;
		padding-right: 0;
	}
	.navbar-main > li > .navbar-text, .navbar-main > li > a {
		padding: 0;
	}
	.navbar-default .navbar-nav > li > a, .navbar-default-transition .navbar-nav > li > a, .navbar-default-transition.navbar-transition .navbar-nav > li > a {
      color: #fff;
      text-decoration: none;
      font-weight: 300 !important;
	}
    .navbar-default .navbar-nav > li > a span, .navbar-default-transition .navbar-nav > li > a span, .navbar-default-transition.navbar-transition .navbar-nav > li > a span {
	  background: #000;
      padding: 3px 30px;
	}
    navi .navactive, navi #aktiv, naviright .navactive, naviright #aktiv {
      background-color: #fff;
    }
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover,
	.navbar-default .navbar-nav > .active > a:focus,
	.navbar-default-transition .navbar-nav > .active > a,
	.navbar-default-transition .navbar-nav > .active > a:hover,
	.navbar-default-transition .navbar-nav > .active > a:focus,
	.navbar-default-transition.navbar-transition .navbar-nav > .active > a,
	.navbar-default-transition.navbar-transition .navbar-nav > .active > a:hover,
	.navbar-default-transition.navbar-transition .navbar-nav > .active > a:focus {
		color: #ccc;
	}
	.navbar-main > li.dropdown.open > a > .bar, .navbar-main > li:hover > a > .bar, .navbar-main > li.active > a > .bar {
		opacity: 0;
	}
    #updateyourbrowser {display: none;}
    #navbox {
        position: absolute;
      	left: 0;
		top: 54px;
     	font-size: 1.28em;
     	line-height: 1.2em;
     	float: left;
        width: 40%;
     	z-index: 20;
    }
	#navright {
        position: absolute;
      	right: 0;
		text-align: right;
      	top: 54px;
     	font-size: 1.28em;
     	line-height: 1.2em;
        width: 40%;
     	z-index: 20;
    }
    navi, naviright {
      position: absolute;
      display: block;
      width: 96%;
      height: 26px;
      background-color: #323232;
      border-radius: 4px;
      -moz-border-radius: 4px;
      -o-border-radius: 4px;
      -webkit-border-radius: 4px;
      margin: 0;
      padding: 4px 2% 0;
      }
    nav select, navi select {
    	display: none;
    }
	
	/* -- Ausblenden des Navigations-Selektors -- */
    
	navi ul, naviright ul {
    	display: block;
    	position: relative;
        margin: -4px 0;
    }
    navi ul li, naviright ul li {
        display: inline-block;
        -webkit-transition: all .2s ease-in;  
		-moz-transition: all .2s ease-in;  	
		-o-transition: all .2s ease-in;  
		-ms-transition: all .2s ease-in;  
		transition: all .2s ease-in;  
    }
     
  /* Dropdown */
    
    navi li ul span, naviright li ul span {
      display: none;
    }
    #spacer {
      display: none;
    }
    navi li ul, naviright li ul {
      float: left;
      opacity: 0;
      position: absolute;
      top: -200px;
    }
    navi li:hover ul, naviright li:hover ul {
        background-color: rgba(255, 255, 255, 0.95);
      border: 1px solid #ddd;
        -webkit-box-shadow: 2px 0px 3px -1px rgba(0, 0, 0, 0.75);
      box-shadow: 2px 0px 3px -1px rgba(0, 0, 0, 0.75); 
        display: inline;
        z-index: 1000;
        padding: 0;
        position: absolute;
        top: 89px;
        z-index: 1;
        opacity: 1;
        -webkit-transition: opacity .2s ease-in-out;  
      -moz-transition: opacity .2s ease-in-out;  
      -o-transition: opacity .2s ease-in-out;  
      -ms-transition: opacity .2s ease-in-out;  
      transition: opacity .2s ease-in-out;  
    }
    navi li li, navi li li:hover, naviright li li, naviright li li:hover {
      display: block;
      -webkit-box-shadow: none;
      box-shadow: none;
    }
    .menubutton {
      display: none;
    }
	
  /* Sections */
  
    .section-primary {
		background-color: #fff;
		background-image: url(../images/section-backgrounds-black.jpg);
		background-size: cover;
		position: relative;
		display: block;
	}
	.section-light {
		background-color: eed9dd;
		background-image: url(../images/section-backgrounds-white.jpg);
		background-size: cover;
	}
	.section .row::after {
		content: „.“;
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
    
  /* Slider */
    
    .frame-type-carousel {
		background-color: #eed9dd;
	}	
	.carousel {
		max-width: 1280px;
		margin: 0 auto;
		padding: 0;
	}
	.carousel .item {
		border: 1px solid #999;
	}
	.carousel-item-type-textandimage,
	.carousel-item-type-textandimage .left {
		width: 100%;
	}
	.valign > .vcontainer {
		display: block;
		margin-left: 50%;
		width: 50%;
	}
	.carousel-text {
		background-color: rgba(0,0,0,0.5);
		height: auto;
		padding: 20px;
	}
	.carousel-text h1 {
		font-size: 1.4em;
		margin-bottom: 0.6em;
	}
	.carousel-text p {
		font-size: 1em;
		font-weight: 300;
	}

/* Headline auf Startseite */
	.section-default .col-sm-4:first-child {
		display: none;
	}
	.section-default .col-sm-4:nth-child(2) {
		width: 100%;
		text-align: center;
	}
	.section-default .col-sm-4:nth-child(3) {
		display: none;
	}

/* Content */
      
    featured {
        margin: 0 auto;
      }
    .csc-textpic-intext-left .csc-textpic-imagewrap,
    .csc-textpic-intext-left-nowrap .csc-textpic-imagewrap,
    .csc-textpic-intext-right .csc-textpic-imagewrap,
    .csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
      max-width: 450px;
    }
      #rootline {
        margin: 15px 0 10px;
        padding-left: 2%;
        font-size: 1.1em;
    }
    #rootline ul {
      list-style-type:none;
      margin:0;
      padding:0;
    }
    #rootline ul li {
        background: url("../img/nav-footer-arrow.gif") no-repeat scroll 0 50% transparent;
        display: inline;
        font-size: 1em;
        margin-left: 0;
        padding: 0 1em 0 1.25em;
    }
    #rootline ul li.first {
      background: 0;
      padding:0;
        padding-right:1em;
      display: none;
    }
    #roothome {
        float: left;
        padding-right: 1em;
        font-size: 1.1em;
    }
    #content {
      margin-top: 60px;
      padding-bottom: 0px;
    }
    #contentbox {
        display: inline-block;
        margin: 0 auto;
        text-align: left;
        width: 1240px;
    }
      article {
        float: left;
         color: rgba(15,40,40,0.8);
      }
      article header, article hr {
        background: transparent;
        height: auto;
        text-align: center;
        color: rgba(15,40,40,0.5);
        line-height: 1em;
        margin-bottom: 2em;
      }
    .headline {
        margin: 10px 0 32px;
    }
    .title {
        padding: 6px 0 18px;
    }
      .csc-textpic-border figure {
      border: 1px solid #ccc;
      padding: 0;
    }
    .csc-textpic-caption {
      line-height: 1.2em;
      text-align: center;
    }
  
    #full 
          
  /* OpenStreetMap */ 
  
    #OpenLayers.Map_3_events{ z-index: 0; }
    .tx-odsosm-pi1 { margin-top: 20px; }
    #slider .leaflet-container !important { height: 200px; }
  
  /* Footer */
  
  	.footer-section {
		color: #000;
		background: #fff;
		border-top: 10px solid #000;
		padding-top: 1em;
		padding-bottom: 2em;
	}
    .footer-section-meta {
		display: none;
	}
	.footer-section a {
		font-size: 1.1em;
		margin-right: 30px;
	}
    
  /* CE Elemente ============================================================= */
    
    div.sidebarBox {
      background-color: rgba(255, 255, 255, 0.6);
      padding: 15px;
      -webkit-box-shadow:0px 0px 16px 2px #969696;
      -moz-box-shadow:0px 0px 16px 2px #969696;
      -o-box-shadow:0px 0px 16px 2px #969696;
      -ms-box-shadow:0px 0px 16px 2px #969696;
      box-shadow:0px 0px 16px 2px #969696;
      margin-bottom: 20px;
      overflow: auto;
    }
  
      
  /* Tabellen */
  
    table.contenttable {
      font-size: 0.86em;
      width: 100%;
      color: #000;
      border-collapse: collapse;
    }
    table.contenttable td {
      border: 1px solid #ccc;
      padding: 2px 4px;
    }
    table.contenttable tr:nth-child(even) {
      background: #fff;
    }
    table.contenttable tr:nth-child(odd) {
      background: #ffffff; /* Old browsers */
      background: -moz-linear-gradient(top,  #ffffff 0%, #eeeeee 100%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* Opera 11.10+ */
      background: -ms-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* IE10+ */
      background: linear-gradient(to bottom,  #ffffff 0%,#eeeeee 100%); /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
    }
    table.contenttable p {
      padding: 0;
    }
    table.contenttable th {
      border: 1px solid #fff;
      padding: 2px 4px;
      font-size: 1.2em;
      text-align: left;
      background-color: #3C8F4C;
      color: #fff;
    }
    table.contenttable b {
      font-size: 1.2em;
      color: #000;
    }
    table.contenttable p + p,
    table.contenttable p + ul {
      margin-top: 0;
    }
	#fr table.contenttable td:first-child {
	  white-space: nowrap;
	}
  
/* RESPONSIVE */
/* RESPONSIVE */
/* RESPONSIVE */
/* For small computer screens below 1440px ======================== */
  
  @media screen and (max-width: 1600px)
  {  
    #logo {
      width: 1200px;
    }
    #kontakt {
      font-size: 1.2em;
    }
    #sliderbox {
      max-width: 1200px;
    }
    #contentbox {
        width: 1200px;
    }
    #fixadent {
      width: 180px;
    }
    #content {
      margin-top:30px;
    }
    sticky p {
      padding: 0;
      margin: 10px 0 4px;
      text-align: center;
    }
    .frame-50prozent img {
      max-width: 72%;
      max-height: 260px;
    }
    .frame-50prozent figure {
      height: 210px;
    }
    .subnavi, naviright {
      font-size: 1em;
    }
    .eightelements div.csc-default {
      font-size: 0.9em;
    }
    .eightelements h2 {
      font-size: 1.4em;
      padding: 8px 10px 0;
      margin-top: 0;
    }
    .eightelements p {
      padding: 0 10px 8px;
    }
    #footerbox {
      width: 1200px;
    }
    .frame-67prozent {
      font-size: 0.8em;
    }
    .frame-67prozent img {
      width: 115px;
    }
  }
/* For iPads and other Tablets or Displays less then 1080px ======================== */
  @media screen and (max-width: 1080px), screen and (max-width: 1080px) and (-webkit-min-device-pixel-ratio: 2)
  {  
    body, #content {
      font-size: 14px !important;
    }
    #wrap > header {
      width: 100%;
      padding: 0;
    }
    #fixadent {
      width: 146px;
    }
    .subnavi, naviright {
      font-size: 1.24em;
    }
    .sf-menu a {
      padding: 4px 9px 8px 9px; /* hier wird das schwarzweiße Hauptmenü festgelegt */
    }
    #logo, .flexslider .captionwrapper, #contentbox, #footerbox, #subfooterbox {
      width: 90%;
    }
    navi, naviright {
      width: 99%;
      font-size: 1.2em;
      padding-left: 1%;
    }
    #navbox {
      width: 100%;
      font-size: 0.94em;
    }
    #logobox img {
      width: 260px;
    }
	sticky {
      display: none;
    }
    sticky p {
      padding: 0;
      margin: 4px 0 2px;
      text-align: center;
    }
    #sliderbox {
      max-width: 90%;
    }
    .tx-ws-flexslider .caption-body {
      font-size: 1em;
      line-height: 1.4em;
    }
    .tx-ws-flexslider .caption-body p {
      font-weight: 500;
      padding-bottom: 5px;
    }
    .flex-control-nav {
      bottom: -28px;
    }
    .flex-direction-nav a {
      top: 42%;
    }
    .flex-direction-nav .flex-next {
      top: 42%;
    }
    .csc-textpic-intext-left .csc-textpic-imagewrap,
    .csc-textpic-intext-left-nowrap .csc-textpic-imagewrap,
    .csc-textpic-intext-right .csc-textpic-imagewrap,
    .csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
      max-width: 50%;
    }
    .csc-textpic-intext-left-nowrap .csc-textpic-text {
      margin-left: 53% !important;
    }
    #content, footer {
      font-size: 0.88em;
    }
    .frame-67prozent {
      font-size: 0.94em;
    }
    .frame-67prozent div.csc-textpic-imagecolumn {
      width: 11.5%;
    }
    .frame-67prozent img {
      width: 100%;
    }
  }
  
/* for Tablets in portrait mode and Smartphones in landscape mode */
  @media screen and (max-width: 1080px) and (orientation:portrait), screen and (max-width: 1080px) and (-webkit-min-device-pixel-ratio: 2) and (orientation:portrait), screen and (max-width: 780px)
  {
    body {
      font-size: 0.86em;
    }
    #kontakt {
      font-size: 1em;
    }
    .sf-menu a {
      padding: 4px 9px 6px 9px; /* hier wird das schwarzweiße Hauptmenü festgelegt */
    }
    .tx-ws-flexslider .caption-text {
      width: 54%;
    }
    .tx-ws-flexslider .caption-align-left .caption-text {
      padding-right: 46%;
    }
    .tx-ws-flexslider .caption-align-right .caption-text {
      padding-left: 46%;
    }
    .flexslider .captionwrapper {
      top: 14px;
    }
    #fixadent {
      position: relative;
      top: 0px;
      left: 0px;
      width: 100%;
      padding: 0 0 0 2px;
      margin: 0;
    }
    #fixadent.fixed {
      position: fixed;
      width: 99%;
    }
    .subnavi, naviright {
      padding: 0 !important;
      margin: 0;
      background-color: #fff;
      list-style: none;
      font-size: 1.12em;
        -webkit-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
      box-shadow: 0px 0px 4px 4px rgba(0, 0, 0, 0.2);
      border: 1px solid #fff;
      border-radius: 0px;
      -moz-border-radius: 0px;
      -o-border-radius: 0px;
    }
    #fixadent.fixed .subnavi, naviright {
      padding-left: 5% !important;
    }
    .subnavi ul, naviright ul {
      list-style: none;0
      padding: 0 !important;
      margin: 0 !important;
    }
    .subnavi li {
      padding: 0 !important;
      margin: 0 !important;
      opacity: 1;
      display: inline-block;
	  vertical-align: top;
    }
    .subnavi li.first {
      border-top: none;
    }
    .subnavi a {
      display: block;
      padding: 7px 8px 7px 8px;
      margin: 0;
      font-weight: 300 !important;
      color: #000 !important;
      background-color: #fff !important;
      background-image: none;
      text-decoration: none;
    }
    .subnavi li + li {
      border-top: none;
    }
    .subnavi .active a {
      color: #3C8F4C !important;
      font-weight: bold !important;
    }
    .subnavi li li a {
      margin: 0;
      padding-top: 0.2em;
      padding-bottom: 0.2em;
      font-size: 1em;
    }
    .subnavi a:hover {
      opacity: 0.7 !important;
      background-color: rgba(0,0,0,0.1) !important;
      -webkit-transition: all .2s ease-in;  
      -moz-transition: all .2s ease-in;  
      -o-transition: all .2s ease-in;  
      -ms-transition: all .2s ease-in;  
      transition: all .2s ease-in; 
    }
    #supersubnavi, naviright {
      list-style: none;
    }
    #supersubnavi li {
      margin: 0;
      font-size: 0.88em;
    }
    aside, .twothirds aside {
      display: block;
      float: none;
      width: 100%;
      padding: 0;
      margin: 2% auto 0;
      }    
    .twothirds > .inside {
      display: block;
      float: none;
      width: 100%;
    }
    .frame-33prozent {
      font-size: 1em;
    }
    .frame-67prozent div.csc-textpic-imagecolumn {
      width: 22%;
      margin-bottom: 40px;
    }
  }
/* Logo abfangen und Breakpoint von Bootstrap nutzen */
@media screen and (max-width: 991px) {
    .navbar-header-main .navbar-brand.navbar-brand-image > img {
		max-height: 110px;
    }
	.navbar.navbar-top {
		height: 85px;
	}
	.navbar.navbar-transition.navbar-top {
		height: 70px;
	}
	.navbar-header-main .navbar-brand.navbar-brand-image {
		padding-top: 0;
	}
	.navbar-transition .navbar-brand > .navbar-brand-logo-normal {
		width: 90px;
		height: 83px;
	}
}
  
/* Small tablets */
  @media screen and (max-width: 680px)
  {
    body {
      font-size: 0.7em;
    }
    #kontakt {
      font-size: 1em;
      height: 50px;
      padding-left: 28px;
      background-size: 20px 20px;
      left: 30%;
      top: 46px;
    }
    #sliderbox {
      max-width: 96%;
    }
    #kontakt a {
      margin-right: 8px;
    }
    .sf-menu a {
      padding: 4px 9px 8px 9px; /* hier wird das schwarzweiße Hauptmenü festgelegt */
    }
    #leftnav {
      font-size: 0.8em;
    }
  }
  
/* For Smartphones, Tablets or other Displays less then 768px ====================== */
  @media screen and (max-width: 640px)
  {
    body {
      font-size: 1em;
    }
    #wrap > header {
      position: relative;
      height: 216px;
    }
    #logo {
      width: 100%;
    }
    #logobox {
      display: block !important;
      position: relative;
      height: auto;
      top: 100px;
      left: 0;
      padding: 0 auto;
      text-align: left;
    }
    #logobox img {
      width: 100%;
    }
    #kontakt {
      position: absolute;
      display: block;
      top: 170px;
      width: auto;
      height: auto;
      left: auto;
      right: 0;
      margin-right: 2%;
      padding-left: 36px;
      background-size: 28px 28px;
      font-size: 1em;
      white-space: nowrap;
    }
    .subnavi, naviright {
      top: 0;
    }
    #slider, #sliderbox {
      position: relative;
    }
    .anfahrtcontainer {
      width: 320px;
      height: 300px;
    }
    .anfahrt {
      width: 100%;
      height: 100%;
    }
    
    /* Subnavigation */
    
    .subnavi a {
      padding: 4px 8px;
    }
    
    /* Flexslider zeigt kleine Bilder oder ist ganz ausgeblendet */
    
    #slider {
      display: none;
      position: relative;
      top: 0;
      left: 0;
      width: 100%;
      min-height: 380px;
      height: auto;
      border-top: none;
      margin: 0;
      padding: 0;
      z-index: 1;
      background-image: url(../graphic/graphic_mobile.jpg);
      background-position: top;
      background-size: contain;
      background-repeat: no-repeat;
    }
    #slider img {
      display: none;
    }
    #slider .flexslider {
      position: absolute;
      background: transparent;
      border: none;
      width: 100%;
      margin: 0;
      padding: 0;
      top: 0;
      z-index: 2;
    }
    .flexslider .flex-direction-nav, .flexslider .flex-control-nav {
      display: none;
    }
    .tx-ws-flexslider .caption-align-left .caption-text, .tx-ws-flexslider .caption-align-right .caption-text {
      left: 0;
      background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
      background: -webkit-gradient(linear, top top, top bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
      background: -ms-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
      background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
    }
    .tx-ws-flexslider .caption-text {
      position: relative;
      display: block;
      width: 96%;
      top: 0;
      bottom: auto;
      margin: 2% auto;
      color: #fff;
    }
    .flexslider .caption-text {
      font-size: 0.8em;
      line-heigt: 0.8em;
      font-weight: 400;
      padding: 10px;
    }
    
    /* Navigation oben */
    
    #navbox { 
      position: relative;
      width: 100%;
      left: 0;
      top: 98px;
      background-color: #323232;
      height: 37px;
      border-bottom: 1px solid #fff;
      margin: 2% 0;
      padding: 0;
    }
    navi, naviright {
      width: 98%;
      text-align: center;
      height: 34px;
      background-color: transparent;
    }
    nav select, navi select {
      background-color: rgba(255, 255, 255, 0.8);
      border: medium none;
      color: #000;
      display: block;
      font-size: 100%;
      margin: 0 auto;
      min-width: 260px;
      position: relative;
      top: 2px;
      width: 80%;
      height: 25px;
    }
    .sf-menu {
      display: none;
    }
        
    /* Content */
    
    #content {
      margin-top: 70px;
    }
    article header{
      text-align: left;
      line-height: 3em;
    }
    .twothirds article{
      width: 100%;
    }
    #content article .headline{
      display: none;
    }
    #content article .title{
      width: 100%;
    }
    #content .csc-textpic-text {
      width: 100%;
      margin-left: 0 !important;
      margin-right: 0 !important;
    }
    #content div.csc-textpic .csc-textpic-imagewrap,
    #content div.csc-textpic figcaption,
    #content div.csc-textpic figure {
      display: block;
      margin-left: 0;
      margin-right: 0;
      width: 100% !important;
      max-width: 100% !important;
      float: none !important;
    }
    
    /* Sidebar */
    
    .twothirds > .inside, .twothirds aside{
      width: 100%;
    }
    
    #full .twothirds aside {display: none;}
    /* make all pictures at least half */
    .third li{  margin: 1.25%; padding: 1.25%; width: 45%; }
    .quarter li{  margin: 1.25%; padding: 1.25%; width: 45%; }
    .fifth li{  margin: 1.25%; padding: 1.25%; width: 45%; }
    
    /* Footer */
    
    #footerbox {
      height: auto;
    }
    footer .thirds {
      border-bottom: 1px solid lightgray;
      float: left;
      height: auto;
      line-height: 15px;
      padding: 10px 2%;
      text-align: center;
      width: 96%;
    }
    footer .right {
      border-bottom: none;
    }
    footer .right a {
      margin-left: 0;
    }
    footer .right a + a {
      margin-left: 14px;
    }
    footer div.csc-textpic-intext-right .csc-textpic-imagewrap {
      float: none;
      text-align: center;
      width: 240px;
      margin: 10px auto;
    }
      
    /* CE Elemente */
    
    .ce-thirds {
      margin: 0; 
      width: 100%;
    }
    .csc-textpic-text {
      display: block;
      width: 100%;
      margin: 0 !important;
    }
    .frame-33prozent, .frame-33prozent-superfoto, .frame-50prozent, .frame-67prozent {
      display: block;
      margin: 2% auto 4%;
      padding: 0;
      width: 100%;
      font-size: 1em;
    }
    .frame-33prozent-superfoto + .frame-33prozent-superfoto + .frame-33prozent-superfoto {
      margin-right: 2%;
    }
    .frame-33prozent-superfoto h2,
    .frame-50prozent:nth-child(odd),
    .frame-50prozent:nth-child(even) {
      min-height: none;
    }
    .frame-67prozent div.csc-textpic-imagecolumn {
      width: 100%;
      padding-bottom: 20px;
      padding-top: 30px;
      border-top: 1px solid #ccc;
    }
    .frame-67prozent img {
      width: 180px;
      margin: 0 auto;
    }
    /* 2 Spalten = die Elemente mit den Waggons */
  
    .frame-50prozent {
      display: inline-block;
      vertical-align: top;
      margin: 3% 0 3% 0;
      width: 100%;
    }
    .frame-50prozent figure {
      height: auto;
      max-height: auto;
    }
    .frame-50prozent img {
      max-width: 90%;
      max-height: none;
    }
    
    /* Formular */
    
    .form input[type=submit] {  margin-left: 0px;}
  }
  
  /* Kontaktformular */
  /* Kontaktformular */
  /* Kontaktformular */
  
    label strong, legend strong {
        color: #CC0000;
        display: block;
        font-size: 75%;
        font-weight: 300;
        line-height: 1.1em;
        text-transform: uppercase;
      margin: 10px 10px 10px 
    }
    ol {
      list-style:none; 
    }
    fieldset {
      border: 0px;
      padding: 0px;
      margin: 0px;
    }
    .csc-mailform-field {
      font-family: Arial,Helv,Univers,sans-serif;
      font-size: 12px;
      font-weight: 300;
      color: #000;
      margin-right: 0px;
      margin-left: 0px;
      margin-top: 4px;
      margin-bottom: 12px;
    }
    textarea {
      width: 350px;
      height: 90px;
      border: 1px solid #bbb;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      border-radius: 3px;
      background-color: #f6f6f6;
      padding: 2px;
      margin-bottom: 4px;
      font-family: Arial, sans-serif;
      font-size: 12px;
    }
    input[type=text], input[type=password] {
      width: 350px;
      height: 22px;
      border: 1px solid #bbb;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      border-radius: 3px;
      background-color: #f6f6f6;
      padding: 2px;
      margin-bottom: 4px;
      font-family: Arial, sans-serif;
      font-size: 12px;
    }
    input[type=checkbox] {
      width: 22px;
      height: 22px;
      border: 1px solid #bbb;
      background-color: #fff;
      padding: 2px;
      margin-bottom: 4px;
      font-family: Arial, sans-serif;
      font-size: 12px;
    }
    label {
      display: inline-block;
      width: 140px;
      padding-top: 5px;
    }
    input[type=submit] {
      margin-left: 168px;
      margin-top: 3px;
    }
    
  /* Weitere Formulare */
  
    img#cr_captcha {
      width: 160px !important;
      max-width: 160px !important;
    }
    .cr_ipe_item {
      min-height: 30px;
      margin: 3px 0;
      line-height: 1.2em;
    }
    .captcha {
      margin: 20px 0 20px 144px;
    }
    .submit_container {
      margin: 20px 0 20px 140px;
    }
    
/* For Smartphones, Tablets or other Displays less then 768px ====================== */
  @media screen and (max-width: 568px)
   {
    input[type=text], input[type=password], textarea {
      width: 250px;
    }
   }
      
    /* 100% - Sidebar unten */
    .once article{
          width: 100%;
    }
      .once article .headline{
        float: left;
        height: auto;
        width: 30%;
    }
    .once article .title{
      width: 40%;
      float: left;
    }
      .once aside{
          width: 100%; 
    }
    DIV.csc-textpic-above DIV.csc-textpic-imagewrap,
      DIV.csc-textpic-below DIV.csc-textpic-imagewrap,
      DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI,
      DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image {
      float: none;
    }
    
/* make all pictures full */
@media screen and (max-width: 479px){
    .half li{  margin: 1.25%; padding: 1.25%; width: 95%; }
    .third li{  margin: 1.25%; padding: 1.25%; width: 95%; }
  .quarter li{  margin: 1.25%; padding: 1.25%; width: 95%; }
  .fifth li{  margin: 1.25%; padding: 1.25%; width: 95%; }
}
/* Das Wichtigste */
  div.sideBarInner .clearfix {margin: auto; width: 103%;}
    #full .sidebarBox { padding: 30px;}
  div.csc-mailform ol li {
    display: block!important;
  }
  .bodytext img {
    width: auto;
  }
  .clear {
    clear: both;
  }
/* Loginfeld */
  .tx-felogin-pi1 div {
	  margin-top: 8px;
	  margin-bottom: 8px;
	  line-height: 1.2em;
  }
  .tx-felogin-pi1 label {
      margin-top: 4px;
	  margin-bottom: 4px;
  }