/* default styles for extension "tx_frontend" */
    .ce-align-left { text-align: left; }
    .ce-align-center { text-align: center; }
    .ce-align-right { text-align: right; }

    .ce-table td, .ce-table th { vertical-align: top; }

    .ce-textpic, .ce-image, .ce-nowrap .ce-bodytext, .ce-gallery, .ce-row, .ce-uploads li, .ce-uploads div { overflow: hidden; }

    .ce-left .ce-gallery, .ce-column { float: left; }
    .ce-center .ce-outer { position: relative; float: right; right: 50%; }
    .ce-center .ce-inner { position: relative; float: right; right: -50%; }
    .ce-right .ce-gallery { float: right; }

    .ce-gallery figure { display: table; margin: 0; }
    .ce-gallery figcaption { display: table-caption; caption-side: bottom; }
    .ce-gallery img { display: block; }
    .ce-gallery iframe { border-width: 0; }
    .ce-border img,
    .ce-border iframe {
        border: 2px solid #000000;
        padding: 0px;
    }

    .ce-intext.ce-right .ce-gallery, .ce-intext.ce-left .ce-gallery, .ce-above .ce-gallery {
        margin-bottom: 10px;
    }
    .ce-image .ce-gallery { margin-bottom: 0; }
    .ce-intext.ce-right .ce-gallery { margin-left: 10px; }
    .ce-intext.ce-left .ce-gallery { margin-right: 10px; }
    .ce-below .ce-gallery { margin-top: 10px; }

    .ce-column { margin-right: 10px; }
    .ce-column:last-child { margin-right: 0; }

    .ce-row { margin-bottom: 10px; }
    .ce-row:last-child { margin-bottom: 0; }

    .ce-above .ce-bodytext { clear: both; }

    .ce-intext.ce-left ol, .ce-intext.ce-left ul { padding-left: 40px; overflow: auto; }

    /* Headline */
    .ce-headline-left { text-align: left; }
    .ce-headline-center { text-align: center; }
    .ce-headline-right { text-align: right; }

    /* Uploads */
    .ce-uploads { margin: 0; padding: 0; }
    .ce-uploads li { list-style: none outside none; margin: 1em 0; }
    .ce-uploads img { float: left; padding-right: 1em; vertical-align: top; }
    .ce-uploads span { display: block; }

    /* Table */
    .ce-table { width: 100%; max-width: 100%; }
    .ce-table th, .ce-table td { padding: 0.5em 0.75em; vertical-align: top; }
    .ce-table thead th { border-bottom: 2px solid #dadada; }
    .ce-table th, .ce-table td { border-top: 1px solid #dadada; }
    .ce-table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0,0,0,.05); }
    .ce-table-bordered th, .ce-table-bordered td { border: 1px solid #dadada; }

    /* Space */
    .frame-space-before-extra-small { margin-top: 1em; }
    .frame-space-before-small { margin-top: 2em; }
    .frame-space-before-medium { margin-top: 3em; }
    .frame-space-before-large { margin-top: 4em; }
    .frame-space-before-extra-large { margin-top: 5em; }
    .frame-space-after-extra-small { margin-bottom: 1em; }
    .frame-space-after-small { margin-bottom: 2em; }
    .frame-space-after-medium { margin-bottom: 3em; }
    .frame-space-after-large { margin-bottom: 4em; }
    .frame-space-after-extra-large { margin-bottom: 5em; }

    /* Frame */
    .frame-ruler-before:before { content: ''; display: block; border-top: 1px solid rgba(0,0,0,0.25); margin-bottom: 2em; }
    .frame-ruler-after:after { content: ''; display: block; border-bottom: 1px solid rgba(0,0,0,0.25); margin-top: 2em; }
    .frame-indent { margin-left: 15%; margin-right: 15%; }
    .frame-indent-left { margin-left: 33%; }
    .frame-indent-right { margin-right: 33%; }

.videoelement__wrapper { position:relative; display:block; height:0px; padding:0; overflow:hidden; margin:0 auto; }
.videoelement__wrapper .videoelement__item { position:absolute; top:0px; left:0px; bottom:0px; z-index:10; height:100%; width:100%; border:0px none; padding-bottom:0; }
.videoelement__text { margin-top:2em; }
/* 16:9 */
.videoelement__wrapper,
.video-16-9 .videoelement__wrapper { padding-bottom:56.2%; }
/* 4:3 */
.video-4-3 .videoelement__wrapper { padding-bottom:75%; }
/* 21:9 */
.video-21-9 .videoelement__wrapper { padding-bottom:42.9%; }


/* Verdana Regular */
@font-face {
  font-family: 'Verdana';
  src: url('../../../typo3conf/ext/custom_template/Resources/Public/Fonts/Verdana/Verdana-Regular.woff');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Verdana';
  src: url('../../../typo3conf/ext/custom_template/Resources/Public/Fonts/Verdana/Verdana-Italic.woff');
  font-weight: 400;
  font-style: italic;
}

/* Verdana Bold */
@font-face {
  font-family: 'Verdana';
  src: url('../../../typo3conf/ext/custom_template/Resources/Public/Fonts/Verdana/Verdana-Bold.woff');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Verdana';
  src: url('../../../typo3conf/ext/custom_template/Resources/Public/Fonts/Verdana/Verdana-BoldItalic.woff');
  font-weight: 700;
  font-style: italic;
}

* { margin:0; padding:0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; }
ul { margin-bottom:0; }
li { margin-left:1.25em; }
.navi li { list-style:none; margin-left:0; }

table caption { display:none; }
th { text-align:left; vertical-align:top; }
td { vertical-align:top; }
fieldset { border:0; }

iframe { border:0; }

address { margin-bottom:0; font-style:normal; }

hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }

/*
 *  CSS for Adaptive Images
 */
img, embed, objct, video { max-width:100%; height:auto; }

::-webkit-input-placeholder { /* WebKit browsers */ color:#a0a0a0; }
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:#a0a0a0; opacity:1; }
::-moz-placeholder { /* Mozilla Firefox 19+ */ color:#a0a0a0; opacity:1; }
:-ms-input-placeholder { /* Internet Explorer 10+ */ color:#a0a0a0; }

::-moz-selection { background:#b3d4fc; text-shadow:none; }
::selection { background:#b3d4fc; text-shadow:none; }

.ce-gallery figure { display:block; }
.ce-gallery figure img { margin-bottom:0.25em !important; }
.ce-gallery figure figcaption,
figcaption { display:block; font-size:75%; font-style:italic; }
.ce-center .ce-gallery figcaption { text-align:center; }

.frame { margin-top:3em; margin-bottom:3em; }
.frame.frame-space-before-extra-small { margin-top:1em; }
.frame.frame-space-before-small { margin-top:2em; }
.frame.frame-space-before-medium { margin-top:3em; }
.frame.frame-space-before-large { margin-top:4em; }
.frame.frame-space-before-extra-large { margin-top:5em; }
.frame.frame-space-after-extra-small { margin-bottom:1em; }
.frame.frame-space-after-small { margin-bottom:2em; }
.frame.frame-space-after-medium { margin-bottom:3em; }
.frame.frame-space-after-large { margin-bottom:4em; }
.frame.frame-space-after-extra-large { margin-bottom:5em; }

body  { font-family:"Trebuchet MS","Verdana",arial,helvetica,sans-serif; font-size:16px; line-height:140%; color:#00425e; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto;}

.contentWrapper { max-width:1200px; width:100%; min-width:300px; margin:0 auto; padding-left:2em; padding-right:2em; }



a { color:#0095d3; /*#ae0000;*/ text-decoration:none; }
.no-touch a:hover { color:#a09090; }

.csc-default li { margin-left:1.5em; }
.csc-frame-rulerBefore { padding-top:1em; border-top:1px solid #001365; }
.csc-frame-rulerAfter { padding-bottom:1em; border-bottom:1px solid #001365; }

ul.csc-uploads span.csc-uploads-fileName { text-decoration:none; }
ul.csc-uploads span.csc-uploads-fileName a { text-decoration:underline; }

h1   { margin:0; margin-bottom:1em; font-size:1.75em; line-height:120%; }
h2  { margin:0; margin-bottom:1em; font-size:1.5em; line-height:130%; }
h3  { margin:0; margin-bottom:1em; font-size:1em; line-height:140%; }
h4  { margin:0; font-size:1em; line-height:140%; }
p  { margin-bottom:0.5em; }

ul.csc-bulletlist { margin-left:-1.25em; margin-top:0; }

.video-js-box { position:relative; width:100%; padding-top:56.25%; height:0; overflow:hidden; margin:2em 0; }
.video-js { position:absolute !important; top:0; left:0; width:100% !important; height:100% !important; }



.metanavi { padding:1em 0 0.5em 0; }
.metanavi .contentWrapper { text-align:right; }
.metanavi ul { list-style:none; display:inline-block; }
.metanavi li { display:inline; padding-left:18px; font-size:0.875em; }



.headercontent { padding-top:1em; padding-bottom:1em; background-color:#eae8f0; background-image:radial-gradient(white,#eae8f0); }
.headercontent h1 { margin:0; font-size:3em; text-align:center;  -webkit-hyphens:none; -moz-hyphens:none; -ms-hyphens:none; hyphens:none; }
.headercontent h1 a { /*color:#001ae6;*/ }
.headercontent p { font-size:1.25em; }



.toggleMainnavi { display:none; }

.mainnavi { padding:1em 0 2em 0; background-color:white; }
.mainnavi .level1 { display:flex; justify-content:flex-start; }
.mainnavi li { list-style:none; }
.mainnavi .level1 > li { position:relative; flex:1 1 100%; }
.mainnavi .level1 > li > a { position:relative; left:-1px; margin-right:-1px; display:block; border:1px solid #e0e0e0; padding:0.5em 1em; font-weight:bold; text-align:center; text-transform:uppercase; white-space:nowrap; }
.touch .mainnavi .level1 > li.opened > a,
.no-touch .mainnavi .level1 > li:hover > a { background-color:#eae8f0; background-image:radial-gradient(white,#eae8f0); }
.mainnavi .level1 > li.active > a { color:#9090A0; }

.mainnavi .level2 { display:flex; flex-direction:column; position:absolute; left:-1px; top:39px; z-index:100; width:360px; background-color:#eae8f0; background-image:radial-gradient(white,#eae8f0); }
.touch .mainnavi .level1 > li.opened .level2,
.no-touch .mainnavi .level1 > li:hover .level2 { border:1px solid #e0e0e0; }
.mainnavi .level2 > li { height:0; padding:0; opacity:0; -webkit-transition: 200ms ease-in; -moz-transition: 200ms ease-in; -o-transition: 200ms ease-in; transition: 200ms ease-in; }
.touch .mainnavi .level1 > li.opened .level2 > li,
.no-touch .mainnavi .level1 > li:hover .level2 > li { height:48px; opacity:1; border-bottom:1px solid white; }
.mainnavi .level2 > li > a { display:block; overflow:hidden; height:100%; padding:0 2em; font-weight:600; }
.touch .mainnavi .level1 > li.opened .level2 > li > a,
.no-touch .mainnavi .level1 > li:hover .level2 > li > a { padding:0.75em 2em;}
.touch .mainnavi .level1 > li.opened .level2 > li:last-child,
.no-touch .mainnavi .level1 > li:hover .level2 > li:last-child { border-bottom:none; }
.mainnavi .level2 > li.active > a { color:#9090A0; }



.pageContent .contentWrapper { display:flex; padding-top:2em; padding-bottom:2em; }
.pageContent .contentWrapper .content { flex:1 1 70%; }
.pageContent .contentWrapper .rightcontent { flex:1 1 30%; padding-left:4em; }



footer .contentWrapper { border-top:1px solid #d0d0d0; padding-top:2em; padding-bottom:2em; }

/*  Standard Mail-Formular  */
.csc-mailform { text-align:right; border:1px solid #d0d0d0; width:400px; }
.csc-mailform-field { padding-top:5px; padding-bottom:5px; }
.csc-mailform-field input, .csc-mailform-field textarea { width:300px; border:1px solid #d0d0d0; }
.csc-mailform-field textarea { height:100px; }
.csc-mailform-field input.csc-mailform-submit { width:120px; padding:3px; }


/*  powermail  */
.powermail_form > h3 { display:none; }
.powermail_fieldset { width:100%; border:none; }
.powermail_legend { display:none; }
.powermail_fieldwrap { margin-bottom:1em; }
.powermail_input,
.powermail_textarea { width:80%; max-width:500px; padding:5px 3px; border:1px solid #d0d0d0; font-size:1em; }
.powermail_textarea { height:100px; }
.powermail_fieldwrap_type_submit { margin-top:3em; }
.powermail_submit { width:40%; max-width:250px; padding:0.75em; border:1px solid #e0e0e0; border-radius:5px; background-color:#0095d3; color:white; font-size:1em; font-weight:600; }
.no-touch .powermail_submit:hover { position:relative; top:1px; left:1px; }
textarea.parsley-error,
input.parsley-error { border-color:darkorange; }
.parsley-errors-list { list-style:none; }
.parsley-errors-list li { margin-left:0; color:darkorange; font-weight:bold; }



.print
  { margin-top: 20px; margin-bottom: 20px; width: 90%; }

.print #verfasser
  { margin-bottom: 20px; }

.print p
  { line-height:150%; }

.textruler
  { border-bottom:1px solid black; width:200px; margin:20px; }

@page {
    size:portrait;
    p {orphans:3; widows:3;}
}

@media only screen and (max-width: 980px) {
    .headercontent h1 { font-size:2em; }
    .pageContent .contentWrapper .content { flex:1 1 50%; }
    .pageContent .contentWrapper .rightcontent { flex:1 1 50%; }

    div.csc-textpic-intext-left .csc-textpic-imagewrap,
    div.csc-textpic-intext-right .csc-textpic-imagewrap { float:none; margin-left:0; }
}
@media only screen and (max-width:768px) and (orientation:portrait),only screen and (max-width:800px) and (orientation:landscape) {
    .metanavi .level1 { position:absolute; top:1em; right:2em; z-index:200; width:50%; }
    .metanavi .level1 > li { display:block; }
    .headercontent { position: relative; top: 2em; margin-bottom:2em; width: 100%; }
    .headercontent h1 { font-size:1.5em; }

    .toggleMainnavi { display:block; width:30px; height:30px; margin-left:2em; background:#0095d3 url('../../../typo3conf/ext/custom_template/Resources/Public/Icons/mainnavi-toggleMainnavi-inverse.png') center center no-repeat; background-size:contain; cursor:pointer; }
    .mainnavi .contentWrapper { padding:0; }
    .metanavi .contentWrapper > ul,
    .mainnavi .contentWrapper > ul { display:none; }
    .mainnavi { position:absolute; left:0; top:1em; width:100%; padding:0; }
    .mainnavi ul.level1.opened { width:100%; padding-left:2em; padding-bottom:2em; background-color:white; border-bottom:1px solid #eae8f0; box-shadow:0 25px 15px 15px #eae8f0; }
    .mainnavi ul.level1 > li > a { text-align:left; background-color:white !important; background-image:none !important; border:none; }
    .mainnavi ul.level2 { position:relative; top:0; left:-1px; width:100%; }
    .mainnavi ul.level2 > li { border-bottom:none !important; }
    .pageContent .contentWrapper { flex-wrap:wrap; }
    .pageContent .contentWrapper .content { flex:1 1 100%; }
    .pageContent .contentWrapper .rightcontent { flex:1 1 100%; padding-left:0; }
}


.video-shariff-play{position:relative;text-align:center;display:block}a.video-shariff-play img{display:inline-block}.video-shariff-preview{position:absolute;left:0;right:0;top:30%;text-align:center}.video-shariff-preview-overlay{background:rgba(255,255,255,0.6);display:block;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-transition:all .4s cubic-bezier(0.165,0.84,0.44,1);transition:all .4s cubic-bezier(0.165,0.84,0.44,1)}a.video-shariff-play:hover .video-shariff-preview-overlay,a.video-shariff-play:focus .video-shariff-preview-overlay{background:transparent}.video-shariff-preview span{display:block;position:relative}.video-shariff-preview-icon{background:transparent;border-radius:.375rem;width:0;height:0;border-top:24px solid transparent;border-left:36px solid #000;border-bottom:24px solid transparent;margin:-1.45rem -2rem;left:50%}.video-shariff-preview-text{top:3rem;margin:0 auto;width:80%;font-weight:bold}@media screen and (min-width:800px){.video-shariff-preview{top:50%}.video-shariff-preview-text{width:60%}}