/*
/*
 * HTML5 Boilerplate v3.0.2
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 * Detailed information about this CSS: h5bp.com/css
 *
 
 * ==|== normalize ==========================================================
 */
/* =============================================================================
   HTML5 display definitions
   ========================================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, main, section {
    display: block;
    /* text-align: center; */
}

#maincontent2 article {
    margin: 0.8rem 0;
    -moz-column-count: 2;
    -moz-column-gap: 60px;
    -webkit-column-count: 2;
    -webkit-column-gap: 60px;
    column-count: 2;
    column-gap: 60px;
    border-bottom: 1px solid #C6D3E0;
    padding-bottom: 20px;
    margin: 10px 0px 30px;
}

#maincontent2 article:last-child {
    border-bottom: medium none;
    margin: 10px 0px 20px;
}

audio, canvas, video {
    display: inline-block;
    *display: inline;
    *zoom: 1; }

audio:not([controls]) {
    display: none;
}

[hidden] {
    display: none;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* =============================================================================
  normalize
   ========================================================================== */
/* Normalize margin, padding */
html, body {
    height: 100%;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}

/* Normalize font for headers */
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: 400;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;
    /* opacity: 0.8; */
}

/* Remove list-style for lists */
ol, ul {
    list-style: none;
}

/* Removes borders and spacing from tables */
htable {
    border-collapse: collapse;
    border-spacing: 0;
}

/* Removes border from fieldset and img */
fieldset, img {
    border: 0;
}

/* Left-aligns text in caption and th */
caption, th {
    text-align: left;
}

/* Removes quotation marks from q */
q:before, q:after {
    content: '';
}

/* =============================================================================
   Base
   ========================================================================== */
html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

html, button, input, select, textarea {
    color: #707070;
    font-family: "Lato", Arial, Verdana, Helvetica, sans-serif;
    /* color: red; */
    font-weight: 400;
    color: #fff;
}

body {
    margin: 0;
    font-size: 1.125rem;
    line-height: 1.4;
    /* background: #fafafa; */
    font-family: "Lato", Arial, Verdana, Helvetica, sans-serif;
}

header {
    float: left;
    width: 100%;
    display: block;
    /* padding-bottom: 15px; */
    /* background: #fff; */
    box-sizing: content-box;
}

.row {
    clear: left;
    width: 100%;
    display: block;
}
.mainmidtext .text-center {
    text-align: center;
}

.mainmidtext .text-right {
    text-align: right;
}

.mainmidtext .text-justify {
    text-align: justify;
}
/* =============================================================================
   Links
   ========================================================================== */
a {
    color: #669c7c;
    text-decoration: none;
    word-wrap: break-word;
    transition: all 0.3s;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;
}

a:visited {
    /* color: #fff; */
}

a:hover {
    color: #84a090;
    transition: all 0.3s;
    opacity: .7;
}

a:focus {
    outline: thin dotted;
}

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active {
    outline: 0;
}

.mainmidtext p a.startlink {
    color: #97bf0d;
    font-weight: 300;
}

#headernav ul {
    list-style-type: none;
    padding: 0px;
    text-transform: none;
    z-index: 10000;
    position: relative;
    width: 100%;
    margin: 0px 0px 5px 0px;
    padding: 0px 30px 0px 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

#headernav ul li {
    display: inline;
    color: #0f2b3f;
    /* float: none; */
    font-weight: 400;
    font-size: 1.0625rem;
}

#headernav ul li a {
    color: #0f2b3f;
    padding: 0.8rem 0.5rem;
    text-transform: none;
    font-weight: 400;
    transition: all 0.3s;
}

#headernav ul li a:hover {
    color: #669c7c;
    transition: all 0.3s;
    opacity: .5;
    transition: all 0.3s;
}

#headernav ul li headactive a {
    color: #ffc000;
}

ul.footernavmenu {
    float: left;
    margin-bottom: 0.5rem;
}

.footernavmenu li a {
    color: #fff;
    padding: 0.5rem 0.75rem;
    text-transform: none;
    transition: all 0.3s;
}

.footernavmenu li a:hover {
    color: #a4c2d7;
    transition: all 0.3s;
}

.footernavmenu li:first-child a {
    padding-left: 0
}

#headernav ul li .active_static {
    color: #669c7c;
    opacity: .7;
}

.mainmidtext p a {
    font-weight: 400;
    color: #669c7c;
}

.mainmidtext p a:hover {
    color: #669c7c;
    font-weight: 400;
    opacity: .7;
}

footer a {
    color: #fff;
    /* transition: all 0.3s; */
    line-height: 1.7;
}

footer ul {
    margin: 0rem 0;
    padding: 0;
    /* margin-left: 0.9rem; */
    margin-top: 0rem;
}

footer ul li:first-child {
    margin-left: 0;
}

footer ul li {
    list-style: none;
    /* float: left; */
    color: #fff;
    /* margin-left: 0.5rem; */
    font-size: 1rem;
    /* margin-right: 0.5rem; */
    text-transform: inherit;
    display: inline-block;
}

li.spacingfoot {
    margin-left: 0.7rem;
    padding-right: 0rem;
    margin-right: 0.7rem;
    font-size: 0.9rem;
}

#footernav {
    width: 100%;
    text-align: left;
    /* margin: 0.3rem 0; */
    /* display: block; */
    /* float: left; */
    /* background: red; */
    /* margin-left: 30%; */
}

#footernav ul li {
    display: inline-block;
    color: #fff;
}

#footernav ul li a {
    color: #fff;
    padding: 0.8rem 0.5rem;
}

#footernav li {
    display: inline;
    margin-top: 0;
}

#footernav li:first-child a {
    padding-left: 0;
}

#footernav li a:last-child {
    margin-right: 0;
}

#footernav li a {
    color: #fff;
    padding: 0.8rem 0.5rem;
    font-size: 0.975rem;
    font-weight: 400;
}

#footernav li a:hover {
    color: #669c7c;
}

#footernav li .active_static {
    color: #669c7c;
}

.spacingfoot {
    margin-left: 1.4rem;
    padding-right: 0rem;
    margin-right: 1.9rem;
    font-size: 0.835rem;
    display: none;
}

.csc-sitemap ul li a {
    font-weight: 400;
    font-size: 1.5rem;
    line-height: 1.5;
    text-decoration: underline;
}

.csc-sitemap ul li ul a {
    padding-left: 0.75rem;
    font-size: 1.25rem;
    font-weight: 400;
}

.csc-sitemap ul li ul li ul li a {
    font-size: 1rem;
    padding-left: 0.75rem;
    font-weight: normal;
}

.lightboxgallery > a {
    display: none;
}

.lightboxgallery > a:first-child {
    display: block;
}

/* =============================================================================
   Typography
   ========================================================================== */
abbr[title] {
    border-bottom: 1px dotted;
}

b, strong {
    font-weight: 700;
}

blockquote {
    margin: 1em 40px;
}

dfn {
    font-style: italic;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid rgba(164,194,215,0.7);
    margin: 1.75rem 0;
    padding: 0;
}

ins {
    background: #ff9;
    color: #000;
    text-decoration: none;
}

mark {
    background: #ff0;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

/* Improve readability of pre-formatted text in all browsers */
pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

q {
    quotes: none;
}

q:before, q:after {
    content: "";
    content: none;
}

small {
    font-size: 85%;
}

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5rem;
}

sub {
    bottom: -0.25rem;
}

h1 {
    font-size: 3.5rem;
    line-height: 1.1;
    margin-bottom: .5rem;
    text-transform: uppercase;
    /* font-weight: 300; */
    text-align: center;
    color: #fff;
}

.startclaim {
    font-size: 3.75rem;
    line-height: 1.1;
    margin-bottom: 1rem;
    /* color: #333538; */
    /* text-transform: uppercase; */
    /* color: #fff; */
    /* font-weight: 700; */
    text-align: center;
}

h2 {
    font-size: 1.5rem;
    line-height: 1.0;
    margin-bottom: 1rem;
    /* text-transform: uppercase; */
}

.teaserbottom h2 {
    font-size: 3rem;
    line-height: 1;
    margin-bottom: .25rem;
    text-transform: uppercase;
    font-weight: 300;
    text-align: center;
    color: #616771;
}

.teaserbottom h3 {
    font-size: 2.25rem;
    line-height: 1;
    margin-bottom: 2.25rem;
    text-transform: lowercase;
    font-weight: 300;
    text-align: center;
    /* color: #a4c2d7; */
}

.teaserbottom.teaserbottom_right h3 {
    text-transform: inherit;
}

.numbers2 h2 {
    font-size: 1.125rem;
    line-height: 1.0;
    margin-bottom: 1rem;
    color: #2a2a2a;
    text-transform: uppercase;
    text-align: left;
}

.mainmidtext h2 {
    font-size: 2.25rem;
    line-height: 1.0;
    margin: 1.5rem 0 0;
    /* font-weight: 300; */
    text-align: center;
    color: #fff;
}

.mainrightinfo h2 {
    font-size: 2.375rem;
    line-height: 1.0;
    margin-bottom: 1rem;
    text-transform: uppercase;
}

h3 {
    font-size: 1.25rem;
    line-height: 1.0;
    margin-bottom: 1rem;
    text-transform: uppercase;
    font-weight: 400;
}

.topicons h3 {
    font-size: 1.85rem;
    margin: 1rem 0rem .25rem 0rem;
    font-weight: 300;
    text-transform: uppercase;
    color: #669c7c;
}

.topicons h4 {
    font-size: 1.5rem;
    margin: 0rem;
    font-weight: 300;
    text-transform: none;
    color: #669c7c;
}

.teasermid figcaption h3 {
    /* margin-top: 1rem; */
    font-size: 2.375rem;
    text-align: center;
    color: #a0a0a0;
    font-weight: 300;
}

.mainmidtext h3 {
    font-weight: 400;
    text-transform: none;
    /* color: #535353; */
    font-size: 1.475rem;
    text-align: center;
    margin: 2rem 0 1rem 0;
    text-align: left;
}

.mainmidtext .csc-textpic-text h3 {
    font-weight: 400;
    text-transform: none;
    color: #434343;
    font-size: 1.275rem;
    text-align: left;
    margin: 1rem 0;
}

.mainmidtext form h3 {
    float: left;
    display: inline-block;
    font-weight: 400;
    text-transform: uppercase;
    color: #A90F27;
    font-size: 1.5rem;
}

h4 {
    font-size: 0.9375rem;
    font-weight: normal;
    line-height: 1.0;
    margin-top: 1rem;
    margin-bottom: 0.5rem;
    color: #4f4f4f0;
}

.mainmidtext h4 {
    /* font-weight: 400; */
    text-transform: none;
    color: #fff;
    font-size: 1.25rem;
    text-align: left;
    margin: 2rem 0;
}

#aktuell h4 {
    background: #dadada;
    margin-top: 0;
    padding: 10px 25px;
}

p {
    font-size: 0.9375rem;
    padding: 0;
    margin: 0;
    margin-bottom: 0.8rem;
    color: #fff;
    font-weight: 400;
    text-align: justify;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;
    /* opacity: 0.8; */
}

.mainrightinfo p {
    color: #fff;
}

p.big, a.big {
    font-size: 1.1875rem;
    margin-bottom: 0.6875rem;
    text-transform: uppercase;
    color: #fff;
    font-weight: 300;
}

a.big:hover {
    color: #626262;
}

footer p {
    color: #f5f5f5;
    font-size: 1rem;
    text-align: left;
    line-height: 1.35;
    font-weight: 400;
    /* text-transform: uppercase; */
}

footer {
    color: #f5f5f5;
    font-size: 1rem;
    text-align: left;
    line-height: 1.35;
    font-weight: 300;
    /* text-transform: uppercase; */
}

.teaseryellow p {
    font-size: 0.875rem;
    color: #2a2a2a;
    padding: 0;
    margin: 0.8rem 0;
    text-align: justify;
    font-weight: 400;
}

#sidebar p {
    font-size: 0.875rem;
    padding: 0;
    margin: 0.8rem 0;
}

figcaption {
    font-style: normal;
    line-height: 1.2;
    margin-top: 0.4rem;
    /* padding-bottom: 0.3rem; */
    text-align: center;
}

figcaption {
    font-style: normal;
    line-height: 1.2;
    margin-top: 0.4rem;
    /* padding-bottom: 0.3rem; */
}

.teasermid figcaption {
    position: relative;
}

.tab {
    display: inline-block;
    width: 4.7rem;
    font-weight: bold;
}

.form {
    text-align: left;
    margin: 0.5rem;
    float: left;
}

.form1 {
    text-align: left;
    margin: 0.5rem;
    margin-bottom: 1rem;
    width: 100%;
    display: block;
    float: left;
    line-height: 1.5;
    font-size: 1.25rem;
}

p.form1 {
    font-size: 1rem;
}

/* =============================================================================
   Icons
   ========================================================================== */
.fa-phone, .fa-home, .fa-envelope, .fa-envelope-o {
    color: #bf0a4c;
    font-size: 1.75rem !important;
}

.fa {
    color: #bf0a4c;
    /* font-size: 1.75rem !important; */
}

header .fa {
    color: #97bf0d;
    font-size: 2.125rem !important;
}

.fa-caret-square-o-up {
    color: #97bf0d;
    font-size: 2.75rem !important;
    transition: all 0.5s;
    opacity: 0.6;
    background: rgba(255,255,255,0.8);
    /* x: 20px; */
    /* x: 20px; */
    border-radius: 10px;
    padding: 0.5rem;
}

.fa-caret-square-o-up:hover {
    color: #97bf0d;
    font-size: 3.25rem !important;
    transition: all 0.5s;
    /* margin-right: 10px; */
    opacity: 0.9;
}

/* =============================================================================
   Formatierung Boxen
   ========================================================================== */
.shadow {
    -webkit-box-shadow: 4px 4px 4px 0px rgba(88, 88, 88, 0.65);
    /* WebKit */
    -moz-box-shadow: 4px 4px 4px 0px rgba(88, 88, 88, 0.65);
    /* Firefox */
    box-shadow: 4px 4px 4px 0px rgba(88, 88, 88, 0.65);
    /* Standard */
}

.shadow1 {
    -webkit-box-shadow: 0px -5px 22px #d2d2d2;
    /* webkit browser*/
    -moz-box-shadow: 0px -5px 22px #d2d2d2;
    /* firefox */
    box-shadow: 0px -5px 22px #d2d2d2;
}

/* Videoeinbindung über lightbox Schriftzug Lightbox Free Version ausblenden*/
#html5-watermark {
    display: none!important;
}

.mdc-checkbox__checkmark-path {
    color: #fff!important;
}

/*Ausblenden des Reports (unten am Cookie Kasten)*/
#cookiescript_reportdate {
    display: none!important;
}

/* =============================================================================
   Lists
   ========================================================================== */
ul, ol {
    margin: 1rem 0;
    padding: 0 0 0 30px;
    list-style-type: square;
    font-size: 1rem;
}

dd {
    margin: 0 0 0 40px;
}

aside ul, ol {
    margin: 1rem 0;
    padding: 0 0 0 30px;
    list-style-type: square;
}

nav ul, nav ol {
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
}

nav ul, nav ol {
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
}

#maincontent2 ul {
    margin: 0;
    margin-bottom: 1rem;
}

.maincontent ul {
    /* color: #7d7d7d; */
    padding: 0 0 0 20px;
}

.maincontent ul li {
    text-align: left;
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
    /* opacity: 0.8; */
}

#footer > ul {
    background: #DADADA;
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
}

#footer > ul li {
    list-style: none;
    font-size: 0.875rem;
}

#footer > ul li a {
    color: #4F4F4F
}

#footer > ul li:first-child {
    margin-left: 0em;
}

#footer > ul li:last-child {
    margin-right: 0em;
}

.footul {
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
}

.footul li {
    list-style: none;
    list-style-image: none;
    margin: 0;
}

.footul li a {
    color: #fdfdfd;
    font-size: 0.835rem;
}

#footernav ul {
    list-style-type: none;
    padding: 0px;
    text-transform: none;
    z-index: 10000;
    /* position: relative; */
    margin-top: 0.1rem;
    /* float: left; */
    /* width: 100%; */
    background: green;
    text-align: right;
}

#offcanvasmenu ul {
    width: 100%;
    list-style-type: none;
    padding-left: 0px;
    margin: 0.5rem 0rem;
    padding-bottom: 0.5rem;
}

#offcanvasmenu ul li {
    float: left;
    color: #323639;
    margin: 0px;
    padding-bottom: 0.8rem;
    padding-top: 0.5rem;
}

#offcanvasmenu ul li a {
    font-size: 1rem;
    text-transform: uppercase;
    /* margin-right: 1.5rem; */
    color: #323639;
    /* color: #fcc300; */
}

#maincontent2 .csc-sitemap ul {
    padding-bottom: 10px;
    list-style-type: circle;
    margin: 0px 0px 1rem;
    padding-left: 15px;
}

#maincontent2 .csc-sitemap ul li ul {
    padding-bottom: 0px;
    margin: 0px 0px 1rem;
    padding-left: 20px;
    padding-top: 5px;
}

div.csc-mailform ol li {
    overflow: hidden;
    list-style-type: none
}

/* =============================================================================
   Embedded content
   ========================================================================== */
/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/i/440
 */
img {
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle;
}

/*
 * Correct overflow not hidden in IE9
 */
svg:not(:root) {
    overflow: hidden;
}

/* =============================================================================
   Figures
   ========================================================================== */
figure {
    margin: 0;
}

/* =============================================================================
   Forms
   ========================================================================== */
form {
    margin: 0;
}

form h2 {
    font-size: 1.5rem;
    line-height: 1.0;
    margin-top: 1.5rem;
    text-transform: uppercase;
}

form h3 {
    float: left;
    display: inline-block;
    color: #A90F27;
}

form h3:after {
    background: #4f4e4e none repeat scroll 0 0;
    content: "";
    display: block;
    height: 1px;
    margin: 0.75rem auto 0;
    position: relative;
    /* width: 100px; */
}

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

/* Indicate that 'label' will shift focus to the associated form element */
label {
    cursor: pointer;
    clear: both;
    display: block;
    float: left;
    font-weight: 300;
    min-width: 9rem;
    text-align: left;
    /* color: #2a2a2a; */
    color: #fff;
}

input {
    color: #707070;
}

/*
 * 1. Correct color not inheriting in IE6/7/8/9
 * 2. Correct alignment displayed oddly in IE6/7
 */
legend {
    border: 0;
    *margin-left: -7px;
    padding: 0;
    white-space: normal;
}

label strong, legend strong {
    display: block;
    color: #7d7d7d!important;
    font-size: 100%!important;
    font-weight: normal;
    text-transform: none!important;
    font-weight: 600!important;
}

. /*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */
select {
    font-size: 100%;
    margin: 0px 0px 1rem;
    vertical-align: baseline;
    padding: 0.3rem;
    vertical-align: middle;
}

button, input, select, textarea {
    font-size: 100%;
    margin: 0px 0px 1rem;
    vertical-align: baseline;
    padding: 0.3rem;
    vertical-align: middle;
}

input.formin {
    line-height: normal;
    padding: 5px;
    line-height: normal;
    /* width: 10rem; */
    margin-right: 20px;
    /* color: green; */
}

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 */
::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #707070;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: #707070;
}

:-ms-input-placeholder {
    /* IE 10+ */
    color: #707070;
}

:-moz-placeholder {
    /* Firefox 18- */
    color: #707070;
}

.form-group {
    width: 48%;
    float: left;
}

button, input {
    line-height: normal;
    font-weight: 400;
    margin: 0px 0px 1rem;
    padding: 0.5rem;
    /* color: red; */
    font-size: 1.125rem;
}

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 * 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6)
 */
button, input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button;
    * overflow: visible;
    background: rgba(0,0,0,0.80);
    color: #FFF;
    border: none;
    padding: 8px 15px;
    transition: all 0.4s;
    background: #669c7c;
}

input[type="button"]:hover, input[type="reset"]:hover {
    background: #97bf0d;
    color: #fafafa;
    transition: all 0.6s;
}

button.btn-primary {
    background: #669c7c;
    transition: all .8s;
}

button.btn-primary:hover {
    background: #669c7c;
    opacity: .7;
    transition: all .8s;
}

input[type="submit"], input[type="reset"] {
    background: rgba(0,0,0,0.80);
    color: #FFF;
    border: none;
    padding: 6px;
    transition: all 0.6s;
}

input[type="submit"]:hover, input[type="reset"]:hover {
    background: #97bf0d;
    color: #fafafa;
    transition: all 0.6s;
}

/*
 * Re-set default cursor for disabled elements
 */
button[disabled], input[disabled] {
    cursor: default;
}

/*
 * Consistent box sizing and appearance
 */
input[type="checkbox"], input[type="radio"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    *width: 13px;
    *height: 13px;
}

input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    margin-bottom: 5px;
    margin-right: 10px;
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

/*
 * Remove inner padding and border in FF3/4: h5bp.com/l
 */
button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/*
 * 1. Remove default vertical scrollbar in IE6/7/8/9
 * 2. Allow only vertical resizing
 */
textarea {
    overflow: auto;
    vertical-align: top;
    resize: vertical;
    color: #707070;
    min-height: 5rem;
}

/* Colors for form validity */
input:valid, textarea:valid {
}

input:invalid, textarea:invalid {
    background-color: #fff;
}

form .actions {
    width: 100%;
    float: left;
    display: block;
    margin-top: 20px;
}

.captcha {
    margin-bottom: .5rem;
    width: 63%!important;
}

.captcha a.captcha__reload {
    margin: 24px 0px 20px 0px;
    /* padding-top: 20px; */
    position: relative;
    float: left;
    /* color: red; */
    background: #e0e0e0;
    padding: .5rem .5rem .25rem .25rem;
    */ }

.captcha__reload:after {
    content: 'neues Captcha anzeigen';
    color: #0f2b3f;
    margin: 2px 0px 0px 10px;
    display: block;
    float: right;
    font-size: 1rem;
    font-weight: 600;
}

.captcha__reload:lang(fr):after {
    content: 'Recharger';
}

.error {
    float: left;
    width: 100%;
    margin-top: 1rem;
    padding-bottom: 1rem;
    color: red;
}

.f3-form-error {
    border: 3px solid red;
}

/* =============================================================================
   Tables
   ========================================================================== */
/*
 * 'border-collapse: collapse;' needs to be overridden in designs having tables with rounded corners and drop shadows.
*/
table {
    border-collapse: collapse;
    border-spacing: 0;
}

td {
    vertical-align: top;
}

/* =============================================================================
   Chrome Frame Prompt
   ========================================================================== */
.chromeframe {
    margin: 0.2rem 0;
    background: #ccc;
    color: black;
    padding: 0.2rem 0;
}

/* ==|== primary styles =====================================================
   Author:
   ========================================================================== */
/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */
/* For image replacement */
.ir {
    display: block;
    border: 0;
    text-indent: -999em;
    overflow: hidden;
    background-color: transparent;
    background-repeat: no-repeat;
    text-align: left;
    direction: ltr;
    *line-height: 0;
}

.ir br {
    display: none;
}

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden {
    display: none !important;
    visibility: hidden;
}

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/* Hide visually and from screenreaders, but maintain layout */
.invisible {
    visibility: hidden;
}

/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1; }

/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
/* lato-300 - latin ########## FONTS ###### */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/lato-v14-latin-300.eot');
    /* IE9 Compat Modes */
    src: local('Lato Light'), local('Lato-Light'), url('../fonts/lato-v14-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/lato-v14-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/lato-v14-latin-300.woff') format('woff'), /* Modern Browsers */ url('../fonts/lato-v14-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/lato-v14-latin-300.svg#Lato') format('svg');
    /* Legacy iOS */
}

/* lato-300italic - latin */
@font-face {
    font-family: 'Lato';
    font-style: italic;
    font-weight: 300;
    src: url('../fonts/lato-v14-latin-300italic.eot');
    /* IE9 Compat Modes */
    src: local('Lato Light Italic'), local('Lato-LightItalic'), url('../fonts/lato-v14-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/lato-v14-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/lato-v14-latin-300italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/lato-v14-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/lato-v14-latin-300italic.svg#Lato') format('svg');
    /* Legacy iOS */
}

/* lato-regular - latin */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/lato-v14-latin-regular.eot');
    /* IE9 Compat Modes */
    src: local('Lato Regular'), local('Lato-Regular'), url('../fonts/lato-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/lato-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/lato-v14-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/lato-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/lato-v14-latin-regular.svg#Lato') format('svg');
    /* Legacy iOS */
}

/* lato-italic - latin */
@font-face {
    font-family: 'Lato';
    font-style: italic;
    font-weight: 400;
    src: url('../fonts/lato-v14-latin-italic.eot');
    /* IE9 Compat Modes */
    src: local('Lato Italic'), local('Lato-Italic'), url('../fonts/lato-v14-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/lato-v14-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/lato-v14-latin-italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/lato-v14-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/lato-v14-latin-italic.svg#Lato') format('svg');
    /* Legacy iOS */
}

/* lato-700 - latin */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/lato-v14-latin-700.eot');
    /* IE9 Compat Modes */
    src: local('Lato Bold'), local('Lato-Bold'), url('../fonts/lato-v14-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/lato-v14-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/lato-v14-latin-700.woff') format('woff'), /* Modern Browsers */ url('../fonts/lato-v14-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/lato-v14-latin-700.svg#Lato') format('svg');
    /* Legacy iOS */
}

/* lato-700italic - latin */
@font-face {
    font-family: 'Lato';
    font-style: italic;
    font-weight: 700;
    src: url('../fonts/lato-v14-latin-700italic.eot');
    /* IE9 Compat Modes */
    src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url('../fonts/lato-v14-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/lato-v14-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/lato-v14-latin-700italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/lato-v14-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/lato-v14-latin-700italic.svg#Lato') format('svg');
    /* Legacy iOS */
}

/* lato-900italic - latin */
@font-face {
    font-family: 'Lato';
    font-style: italic;
    font-weight: 900;
    src: url('../fonts/lato-v14-latin-900italic.eot');
    /* IE9 Compat Modes */
    src: local('Lato Black Italic'), local('Lato-BlackItalic'), url('../fonts/lato-v14-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/lato-v14-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/lato-v14-latin-900italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/lato-v14-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/lato-v14-latin-900italic.svg#Lato') format('svg');
    /* Legacy iOS */
}

/* lato-900 - latin */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/lato-v14-latin-900.eot');
    /* IE9 Compat Modes */
    src: local('Lato Black'), local('Lato-Black'), url('../fonts/lato-v14-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/lato-v14-latin-900.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/lato-v14-latin-900.woff') format('woff'), /* Modern Browsers */ url('../fonts/lato-v14-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/lato-v14-latin-900.svg#Lato') format('svg');
    /* Legacy iOS */
}

@media print {
    * {
        background: transparent !important;
        color: black !important;
        box-shadow: none !important;
        text-shadow: none !important;
        filter: none !important;
        -ms-filter: none !important;
    }

    /* Black prints faster: h5bp.com/s */
    a, a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
        content: "";
    }

    /* Don't show links for images, or javascript/internal links */
    pre, blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    /* h5bp.com/t */
    tr, img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p, h2, h3 {
        orphans: 3;
        widows: 3;
    }

    h2, h3 {
        page-break-after: avoid;
    }

    #offcanvas, #headernav, #offcanvasmenu, #nav#, #aktuell, {
        display: none;
    }

    #offcanvas {
        display: none;
    }
}

/* ####### css styled content*/
/* default styles for extension "tx_cssstyledcontent" */
/* Headers */
.csc-header-alignment-center {
    text-align: center;
}

.csc-header-alignment-right {
    text-align: right;
}

.csc-header-alignment-left {
    text-align: left;
}

div.csc-textpic-responsive, div.csc-textpic-responsive * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* Clear floats after csc-textpic and after csc-textpic-imagerow */
div.csc-textpic, div.csc-textpic div.csc-textpic-imagerow, ul.csc-uploads li {
    overflow: hidden;
}

/* Set padding for tables */
div.csc-textpic .csc-textpic-imagewrap table {
    border-collapse: collapse;
    border-spacing: 0;
}

div.csc-textpic .csc-textpic-imagewrap table tr td {
    padding: 0;
    vertical-align: top;
}

/* Settings for figure and figcaption (HTML5) */
div.csc-textpic .csc-textpic-imagewrap figure, div.csc-textpic figure.csc-textpic-imagewrap {
    margin: 0;
    display: table;
}

/* Captions */
figcaption.csc-textpic-caption {
    display: table-caption;
}

.csc-textpic-caption {
    text-align: left;
    caption-side: bottom;
}

div.csc-textpic-caption-c .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-c {
    text-align: center;
}

div.csc-textpic-caption-r .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-r {
    text-align: right;
}

div.csc-textpic-caption-l .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-l {
    text-align: left;
}

/* Float the columns */
div.csc-textpic div.csc-textpic-imagecolumn {
    float: left;
}

/* Border just around the image */
div.csc-textpic-border div.csc-textpic-imagewrap img {
    border: 2px solid #000000;
    padding: 0px 0px;
}

div.csc-textpic .csc-textpic-imagewrap img {
    border: none;
    display: block;
}

/* Space below each image (also in-between rows) */
div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
    margin-bottom: 10px;
}

div.csc-textpic .csc-textpic-imagewrap .csc-textpic-imagerow-last .csc-textpic-image {
    margin-bottom: 0;
}

/* colSpace around image columns, except for last column */
div.csc-textpic-imagecolumn, td.csc-textpic-imagecolumn .csc-textpic-image {
    margin-right: 10px;
}

div.csc-textpic-imagecolumn.csc-textpic-lastcol, td.csc-textpic-imagecolumn.csc-textpic-lastcol .csc-textpic-image {
    margin-right: 0;
}

/* Add margin from image-block to text (in case of "Text & Images") */
div.csc-textpic-intext-left .csc-textpic-imagewrap, div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
    margin-right: 10px;
}

div.csc-textpic-intext-right .csc-textpic-imagewrap, div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
    margin-left: 10px;
}

/* Positioning of images: */
/* Center (above or below) */
div.csc-textpic-center .csc-textpic-imagewrap, div.csc-textpic-center figure.csc-textpic-imagewrap {
    overflow: hidden;
}

div.csc-textpic-center .csc-textpic-center-outer {
    position: relative;
    float: right;
    right: 50%;
}

div.csc-textpic-center .csc-textpic-center-inner {
    position: relative;
    float: right;
    right: -50%;
}

/* Right (above or below) */
div.csc-textpic-right .csc-textpic-imagewrap {
    float: right;
}

div.csc-textpic-right div.csc-textpic-text {
    clear: right;
}

/* Left (above or below) */
div.csc-textpic-left .csc-textpic-imagewrap {
    float: left;
}

div.csc-textpic-left div.csc-textpic-text {
    clear: left;
}

/* Left (in text) */
div.csc-textpic-intext-left .csc-textpic-imagewrap {
    float: left;
}

/* Right (in text) */
div.csc-textpic-intext-right .csc-textpic-imagewrap {
    float: right;
}

/* Right (in text, no wrap around) */
div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
    float: right;
}

/* Left (in text, no wrap around) */
div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
    float: left;
}

div.csc-textpic div.csc-textpic-imagerow-last, div.csc-textpic div.csc-textpic-imagerow-none div.csc-textpic-last {
    margin-bottom: 0;
}

/* Browser fixes: */
/* Fix for unordered and ordered list with image "In text, left" */
.csc-textpic-intext-left ol, .csc-textpic-intext-left ul {
    padding-left: 40px;
    overflow: auto;
}

/* Textmedia */
.csc-textmedia, .csc-textmedia-gallery {
    overflow: hidden;
}

.csc-textmedia-gallery-column {
    float: left;
}

.csc-textmedia-gallery-column {
    margin-right: 10px;
}

.csc-textmedia-gallery-column:last-child {
    margin-right: 0;
}

.csc-textmedia-gallery-row {
    overflow: hidden;
    margin-bottom: 10px;
}

.csc-textmedia-gallery-row:last-child {
    margin-bottom: 0;
}

.csc-textmedia-above .csc-textmedia-gallery {
    margin-bottom: 10px;
}

.csc-textmedia-above-right .csc-textmedia-gallery {
    float: right;
}

.csc-textmedia-above-left .csc-textmedia-gallery {
    float: left;
}

.csc-textmedia-above .csc-textmedia-text {
    clear: both;
}

.csc-textmedia-above-center .csc-textmedia-gallery-outer, .csc-textmedia-below-center .csc-textmedia-gallery-outer {
    position: relative;
    float: right;
    right: 50%;
}

.csc-textmedia-above-center .csc-textmedia-gallery-inner, .csc-textmedia-below-center .csc-textmedia-gallery-inner {
    position: relative;
    float: right;
    right: -50%;
}

.csc-textmedia-below .csc-textmedia-gallery {
    margin-top: 10px;
}

.csc-textmedia-below-right .csc-textmedia-gallery {
    float: right;
}

.csc-textmedia-below-left .csc-textmedia-gallery {
    float: left;
}

.csc-textmedia-inside-right .csc-textmedia-gallery {
    float: right;
    margin-left: 10px;
}

.csc-textmedia-inside-left .csc-textmedia-gallery {
    float: left;
    margin-right: 10px;
}

.csc-textmedia-beside-right .csc-textmedia-gallery {
    float: right;
    margin-left: 10px;
}

.csc-textmedia-beside-right .csc-textmedia-text {
    overflow: hidden;
}

.csc-textmedia-beside-left .csc-textmedia-gallery {
    float: left;
    margin-right: 10px;
}

.csc-textmedia-beside-left .csc-textmedia-text {
    overflow: hidden;
}

/* Uploads */
.ce-uploads {
    margin: 0;
    padding: 0;
}

.ce-uploads li {
    list-style: none outside none;
    margin: 1em 0;
}

.ce-uploads img {
    float: left;
    margin-right: 1em;
    vertical-align: top;
}

.ce-uploads span {
    display: block;
}

/* Table */
.contenttable {
    width: 100%;
    max-width: 100%;
}

.contenttable th, .contenttable td {
    padding: 0.5em 0.75em;
    vertical-align: top;
}

.contenttable thead th {
    font-weight: bold;
    border-bottom: 2px solid #dadada;
}

.contenttable th, .contenttable td {
    border-top: 1px solid #dadada;
}

.contenttable-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0,0,0,.05);
}

.contenttable-bordered th, .contenttable-bordered td {
    border: 1px solid #dadada;
}

/* Space */
.csc-space-before-extra-small {
    margin-top: 1em;
}

.csc-space-before-small {
    margin-top: 2em;
}

.csc-space-before-medium {
    margin-top: 3em;
}

.csc-space-before-large {
    margin-top: 4em;
}

.csc-space-before-extra-large {
    margin-top: 5em;
}

.csc-space-after-extra-small {
    margin-bottom: 1em;
}

.csc-space-after-small {
    margin-bottom: 2em;
}

.csc-space-after-medium {
    margin-bottom: 3em;
}

.csc-space-after-large {
    margin-bottom: 4em;
}

.csc-space-after-extra-large {
    margin-bottom: 5em;
}

/* Frame */
.csc-frame-ruler-before:before {
    content: '';
    display: block;
    border-top: 1px solid rgba(0,0,0,0.25);
    margin-bottom: 2em;
}

.csc-frame-ruler-after:after {
    content: '';
    display: block;
    border-bottom: 1px solid rgba(0,0,0,0.25);
    margin-top: 2em;
}

.csc-frame-indent {
    margin-left: 15%;
    margin-right: 15%;
}

.csc-frame-indent-left {
    margin-left: 33%;
}

.csc-frame-indent-right {
    margin-right: 33%;
}