/* ********************************************* */
/* Index
/* ********************************************* */

#workers table tr td {
	width:300px;
	padding:0px;
	text-align:left;
}

.anker { 
    display:block;
    height:0;
    width:0;
}

.news-slider,
.date-slider {
    overflow:hidden;
    position:relative;
    top:-10px;
}
.news-slider-container,
.date-slider-container {
    margin-left:-10px;
    margin-right:-10px;
}


#breadcrumb .breadcrumb {
    position:relative;
    z-index:0;
  	padding:0 15px;
    height:50px;
    line-height:50px;
	white-space:nowrap;
	overflow:hidden;
}
#breadcrumb .breadcrumb .spacer {
    height:50px;
    line-height:50px;
    width:30px; 
    text-align:center;
}
#breadcrumb .breadcrumb .spacer span::before {
    font-family: 'fontello';
    content: '\e998';
    display:inline-block;
    width:16px;
    height:16px;
}
#breadcrumb div.breadcrumb a { 
	display:inline-block;
	color:#000; 
	text-decoration:none; 
}
#breadcrumb div.breadcrumb a:hover { 
	color:#CCC; 
	text-decoration:underline; 
}

#main-outer { }
#main { }
#main div.main-frame { }
#main div.main-container { }
#main div.main-top-frame { }
#main div.main-middle-frame { }
#main div.main-bottom-frame { }

#main .main-middle, .main-special { }
#main .main-left { }
#main .main-right { }
#main .main-top, .main-bottom { }
#main .table-main-left {
    width:300px;
}
#main .table-main-right {
    width:300px;
}
#main .table-main-left,
#main .table-main-middle,
#main .table-main-full { }

#main div.main-left-frame,
#main div.main-middle-frame,
#main div.main-right-frame { }


/* ********************************************* */
/* Basic
/* ********************************************* */


body, div, * {
    text-rendering: optimizelegibility;
    
    touch-action: manipulation;
	
	-moz-text-size-adjust: none;
	-webkit-text-size-adjust: none;
	text-size-adjust: none;
    
    /*
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    */
    word-break: break-word;
    overflow-wrap: break-word;
    
}

table { 
    padding:0;
    margin:0;
    width: 100%; 
    table-layout:fixed;
    border-collapse: collapse; 
    border-spacing: 0; 
}

hr { 
    padding:0; 
    margin:0; 
	height:1px;
	border:0;
    clear:both; 
	background-color:#EEE;
}

h1,h2,h3,h4,h5,h6 {
	display:block;
	margin:0;
	padding:0;
}

form { 
	padding:0px !important; 
	margin:0px !important; 
}

img {
	vertical-align: middle;	
    
}

a { 
	cursor:pointer; 
    display:inline;
	outline:none !important;
}
a:active { 
	color:inherit; 
}

.l { 
	float:left; 
}
.r { 
	float:right; 
}

.rl { float:left; }
.rr { float:right; }

p.clear, div.clear { 
	padding:0; 
	margin:0; 
	clear:both; 
}

.hidden, a.hidden { 
	display:none; 
	visibility:visible !important;
}

.submit-invisible {
	position:absolute; 
	top:-3000px; 
	left:0;
	visibility:hidden;	
}

.underline { 
    text-decoration:underline;	
}

hr {
  margin: 5px 0;
  border: 0;
  border-top: 1px solid #EEE;
  border-bottom: 1px solid #FFF;
}

/* ---------------------------------------- */
/* docent-entry */
    
.docent-entry {
	margin-bottom:20px;
}    
.docent-kachel-entry {
    float:left;
    width:50%;
    margin:0;
    padding:0;
    border:0;
} 
.docent-kachel-entry .container {
	margin:10px;
	padding:15px 20px;
}
.docent-entry .overflow {
    height:390px;
    overflow:hidden;
}
.docent-entry .button {
    margin-top:10px;
}
.docent-entry .image-frame {
    float:left;
	width:220px;
}
.docent-entry .content-withimage {
    margin-top:15px;
	margin-left:240px;
}
.docent-entry .title {
	font-size:22px;
    line-height: 32px;
}
.docent-entry .title-alphabetical-on {
    color:#8B8B8B;
}
.docent-entry .description {
    padding-top:10px;
}
@media only screen and (max-width: 1050px) {
    
    .docent-entry .image-frame {
        float:none;
        width:auto;
    }
    .docent-entry .content-withimage {
        margin-top:15px;
        margin-left:0;
    }
}
@media only screen and (max-width: 800px) {
    .docent-kachel-entry {
        float:none;
        width:auto;
        margin:0 0 20px 0;
        padding:0;
        border:0;
    } 
    .docent-kachel-entry .container {
        margin:0;
        padding:0px;
        border:0;
        border-bottom:4px solid #EEE;
    }
    
    .docent-entry .image-frame {
        float:none;
        width:auto;
    }
    .docent-entry .content-withimage {
        margin-top:15px;
        margin-left:0;
    }
    .docent-entry .overflow {
        height:auto;
        max-height:390px;
        overflow:hidden;
    }
}

/* ********************************************* */
/* Forms/Inputs/Selects
/* ********************************************* */

select,
input[type="text"], 
input[type="password"], 
textarea,  
div.selectize-input,
div.selectize-input-clear
.datepicker-input {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    
    display: block;
    padding: 10px 20px;
    border: 1px solid #a8a8a8;
    background-color: #FFF;
    background-repeat:repeat-x; 
    border-radius: 0;
    color: #000;
	width:100%;
}
select,
input[type="text"], 
input[type="password"], 
textarea,  
div.selectize-input,
div.selectize-input-clear
.datepicker-input {
    min-height:50px;
}
textarea {
    resize: vertical;
}
div.selectize-input,
div.selectize-input-clear {
    line-height:28px;
    min-height:49px;
}
div.selectize-input-clear {
    border:1px solid rgba(255,255,255,0);
    background:none;
}
.ui-menu-item {
    
}
input.input-thin { 
    padding:0px 8px 0px 8px;
}
.disabled { 
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
}
.input-error {
    border-color:#C70003 !important;
}
div.input-error {
    border: 1px solid;
    padding:10px;
}
input.clicked, 
textarea.clicked { 
    background:#FFF;
    border:1px solid #31a0da;
    -webkit-box-shadow: 0 0 2px #31a0da;
    -moz-box-shadow   : 0 0 2px #31a0da;
    -o-box-shadow     : 0 0 2px #31a0da;
    box-shadow        : 0 0 2px #31a0da;
    position:relative;
    z-index:4;
}
::-webkit-input-placeholder { 
	color: #AAA; 
}

div.input-date div.symbol,
div.input-time div.symbol,
div.input-datetime div.symbol {
    float:right;
}
div.input-date div.symbol::after,
div.input-time div.symbol::after,
div.input-datetime div.symbol::after {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: never;
    float:right;
    position: absolute;
    width:30px;
    margin-left:-30px;
    margin-top:10px;
}

/* Datum */
div.input-date {
    width:160px;
}
div.input-date div.symbol::after {
    content:'\e8da';
}

/* Datum/Zeit */
div.input-datetime div.input-date {
    float:left;
    margin-right:10px;
}
div.input-datetime div.input-time {
    float:left;
}
div.input-date div.symbol::after {
    content:'\e8da';
}
div.input-time {
    width:160px;
}
div.input-time div.symbol::after {
    content:'\e81c';
}

/* Nummer-Eingabe */
div.input-number {
    width:160px;
}

/* PLZ/Straße */
div.input-zip {
    float:left;
    width:140px
}
div.input-street {
    margin-left:160px;
}

/* Checkboxen */

 /* Customize the label (the container) */
.checkbox-container {
	display: block;
	position: relative;
	padding-left: 35px;
	min-height: 24px;
	margin-bottom: 2px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* Hide the browser's default checkbox */
.checkbox-container input {
	position: absolute;
    left:0;
    top:0;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

/* Create a custom checkbox */
.checkbox-checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 24px;
	width: 24px;
	border:1px solid #a8a8a8;
    background:#FFF;
}
.checkbox-checkmark.center {
	left: 50%;
    margin-left:-12px;
}

/* On mouse-over, add a grey background color */
.checkbox-container:hover input ~ .checkbox-checkmark {
	background: #EEE;
	border:1px solid #000;
}

/* When the checkbox is checked, add a blue background */
.checkbox-container input:checked ~ .checkbox-checkmark {
	background: #FFF;
	border:1px solid #000;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkbox-checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the checkmark when checked */
.checkbox-container input:checked ~ .checkbox-checkmark:after {
	display: block;
}

/* Style the checkmark/indicator */
.checkbox-container .checkbox-checkmark:after {
	left: 8px;
	top: 4px;
	width: 5px;
	height: 10px;
	border: solid #000;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
} 

/* Radioboxen */

 /* Customize the label (the container) */
.radio-container {
	display: block;
	position: relative;
	padding-left: 35px;
	min-height: 24px;
	margin-bottom: 2px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* Hide the browser's default radio button */
.radio-container input {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

/* Create a custom radio button */
.radio-checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 24px;
	width: 24px;
	background: #FFF;
	border-radius: 50%;
	border:1px solid #a8a8a8;
}
.radio-checkmark.center {
	left: 50%;
    margin-left:-12px;
}

/* On mouse-over, add a grey background color */
.radio-container:hover input ~ .radio-checkmark {
	background: #EEE;
	border:1px solid #000;
}

/* When the radio button is checked, add a blue background */
.radio-container input:checked ~ .radio-checkmark {
	background-color: #FFF;
	border:1px solid #000;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.radio-checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the indicator (dot/circle) when checked */
.radio-container input:checked ~ .radio-checkmark:after {
	display: block;
}

/* Style the indicator (dot/circle) */
.radio-container .radio-checkmark:after {
	top: 8px;
	left: 8px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #000;
}

/* ********************************************* */
/* Datepicker
/* ********************************************* */

.daterangepicker {
	padding:10px !important;
    z-index:9999 !important;
}
.calendar-table td {
	font-size:18px !important;
}
.calendar-table input,
.calendar-table select,
.calendar-table textarea {
	font-size:18px !important;
	float:left;
	width:45% !important;
	text-align:center !important;
	min-height:25px !important;
	height:25px !important;
	line-height:25px !important;
	padding:0 !important;
	margin:0 !important;
}
.calendar-table .active {
	background-color:#005f87 !important;
}


/* ********************************************* */
/* Tooltip
/* ********************************************* */

.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
    border:0;
    background:rgba(0,0,0,0.7);
    border-radius:5px;
    color:#FFF;
    font-size:12px;
} 


/* ********************************************* */
/* Paddings/Margins
/* ********************************************* */

.padding { padding:15px !important; }
.padding0 { padding:0px !important; }
.padding5 { padding:5px !important; }
.padding10 { padding:10px !important; }
.padding15 { padding:15px !important; }
.padding20 { padding:20px !important; }

.padding-top { padding-top:15px !important; }
.padding-top0 { padding-top:0px !important; }
.padding-top5 { padding-top:5px !important; }
.padding-top10 { padding-top:10px !important; }
.padding-top15 { padding-top:15px !important; }
.padding-top20 { padding-top:20px !important; }

.padding-bottom { padding-bottom:15px !important; }
.padding-bottom0 { padding-bottom:0px !important; }
.padding-bottom5 { padding-bottom:5px !important; }
.padding-bottom10 { padding-bottom:10px !important; }
.padding-bottom15 { padding-bottom:15px !important; }
.padding-bottom20 { padding-bottom:20px !important; }

.padding-both { padding:15px 0 !important; }
.padding-both0 { padding-top:0; padding-bottom:0 !important; }
.padding-both5 { padding-top:5px; padding-bottom:5px !important; }
.padding-both10 { padding-top:10px; padding-bottom:10px !important; }
.padding-both15 { padding-top:15px; padding-bottom:15px !important; }
.padding-both20 { padding-top:20px; padding-bottom:20px !important; }

.margin { margin:15px !important; }
.margin0 { margin:0px !important; }
.margin5 { margin:5px !important; }
.margin10 { margin:10px !important; }
.margin15 { margin:15px !important; }
.margin20 { margin:20px !important; }

.margin-top { margin-top:15px !important; }
.margin-top0 { margin-top:0px !important; }
.margin-top5 { margin-top:5px !important; }
.margin-top10 { margin-top:10px !important; }
.margin-top15 { margin-top:15px !important; }
.margin-top20 { margin-top:20px !important; }

.margin-bottom { margin-bottom:15px !important; }
.margin-bottom0 { margin-bottom:0px !important; }
.margin-bottom5 { margin-bottom:5px !important; }
.margin-bottom10 { margin-bottom:10px !important; }
.margin-bottom15 { margin-bottom:15px !important; }
.margin-bottom20 { margin-bottom:20px !important; }

.margin-both { margin:15px 0 !important; }
.margin-both0 { margin-top:0; margin-bottom:0 !important; }
.margin-both5 { margin-top:5px; margin-bottom:5px !important; }
.margin-both10 { margin-top:10px; margin-bottom:10px !important; }
.margin-both15 { margin-top:15px; margin-bottom:15px !important; }
.margin-both20 { margin-top:20px; margin-bottom:20px !important; }

/* ---------------------------------------- */
/* ampeln */

.ampel-gray, 
.ampel-red, 
.ampel-green, 
.ampel-yellow, 
.ampel-orange {
	display:inline-block !important; 
	width:16px !important; 
	height:16px !important; 
	border-radius:50% !important;
    position: relative !important;
    top:1px;
}
.ampel-gray { 
	background:#EEE; 
}
.ampel-red { 
	background:#df3737; 
}
.ampel-green { 
	background:#C8D200; 
}
.ampel-yellow { 
	background:#dad922; 
}
.ampel-orange { 
	background:#F8A412; 
}

/* ********************************************* */
/* Pagination
/* ********************************************* */

.pageflip {
    text-align:center;
    padding:10px 0 25px 0
}
.pagination {
	padding:0;
}
.pagination ul {
  display: inline-block;
  *display: inline;
  margin-bottom: 0;
  margin-left: 0;
  margin:0 !important;
  padding:0 !important;
}
.pagination ul > li {
  display: inline;
}
.pagination ul > li > a,
.pagination ul > li > span {
  float: left;
  text-decoration: none;
  border: 1px solid #dddddd;
  border-left-width: 0;
}
.pagination ul > li > a:hover,
.pagination ul > .active > a,
.pagination ul > .active > span {
  background-color: #f5f5f5;
}
.pagination ul > .active > a,
.pagination ul > .active > span {
  color: #999999;
  cursor: default;
}
.pagination ul > .disabled > span,
.pagination ul > .disabled > a,
.pagination ul > .disabled > a:hover {
  color: #999999;
  cursor: default;
  background-color: transparent;
}
.pagination ul > li:first-child > a,
.pagination ul > li:first-child > span {
  border-left-width: 1px;
  -webkit-border-radius: 3px 0 0 3px;
     -moz-border-radius: 3px 0 0 3px;
          border-radius: 3px 0 0 3px;
}
.pagination ul > li:last-child > a,
.pagination ul > li:last-child > span {
  -webkit-border-radius: 0 3px 3px 0;
     -moz-border-radius: 0 3px 3px 0;
          border-radius: 0 3px 3px 0;
}
.pagination-centered {
  text-align: center;
}
.pagination-right {
  text-align: right;
}
.pagination {
  height: 30px;
  margin: 17px 0;
  font-size: 14px;
}
.pagination ul > li > a,
.pagination ul > li > span {
  padding: 0 12px;
  line-height: 28px;
}
/*
.pagination-mini {
  height: 26px;
  margin: 0px 0;
  font-size: 11px;
}
.pagination-mini ul > li > a,
.pagination-mini ul > li > span {
  padding: 0 8px;
  line-height: 21px;
}
*/
.pager {
  margin: 20px 0;
  text-align: center;
  list-style: none;
  *zoom: 1;
}
.pager:before,
.pager:after {
  display: table;
  line-height: 0;
  content: "";
}
.pager:after {
  clear: both;
}
.pager li {
  display: inline;
}
.pager a,
.pager span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
          border-radius: 15px;
}
.pager a:hover {
  text-decoration: none;
  background-color: #f5f5f5;
}
.pager .next a,
.pager .next span {
  float: right;
}
.pager .previous a {
  float: left;
}
.pager .disabled a,
.pager .disabled a:hover,
.pager .disabled span {
  color: #999999;
  cursor: default;
  background-color: #fff;
}


/* ********************************************* */
/* Boxloader/Mainloader
/* ********************************************* */

div.boxloader, div.mainloader {
	position:absolute;
	text-align:center;
	z-index:99;
}
div.boxloader {
	background-color:rgba(255, 255, 255, 0.5);
}
div.mainloader {
	background-color:rgba(0, 0, 0, 0.2);
}
div.mainloader {
	z-index:10000;
}


/* ********************************************* */
/* Slick-Slider
/* ********************************************* */

.slick-slider {
	position: relative;

	display: block;

	-moz-box-sizing: border-box;
		 box-sizing: border-box;

	-webkit-user-select: none;
	   -moz-user-select: none;
		-ms-user-select: none;
			user-select: none;

	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
		touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus {
    outline: none;
}
.slick-list.dragging {

    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after {
    display: table;

    content: '';
}
.slick-track:after {
    clear: both;
}
.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide {
    float: right;
}
.slick-slide img {
    display: block;
}
.slick-slide.slick-loading img {
    display: none;
}
.slick-slide.dragging img {
    pointer-events: none;
}
.slick-initialized .slick-slide {
    display: block;
}
.slick-loading .slick-slide {
    visibility: hidden;
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}


/* Icons */
/* Arrows */
.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;

    position: absolute;
    z-index: 1;
    top: 50%;

    display: block;

    width: 30px;
    height: 30px;
    margin-top: -40px;
    padding: 0;

    cursor: pointer;

    border: none;
    outline: none;
    background:none;
    color: #FFF;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    color: #FFF;
    outline: none;
    background:rgba(0,0,0,0.6);
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: .25;
}

.slick-prev:before,
.slick-next:before {
    font-family: 'slick';
    font-family: 'fontello';
    font-size: 24px;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
    left: 0;
}
[dir='rtl'] .slick-prev {
    right: -25px;
    left: auto;
}
.slick-prev:before {
    content: '←';
    content: '\e8e5';
}
[dir='rtl'] .slick-prev:before {
    content: '→';
    content: '\e8e4';
}

.slick-next {
    right: 0;
}
[dir='rtl'] .slick-next {
    right: auto;
    left: -25px;
}
.slick-next:before {
    content: '→';
    content: '\e8e4';
}
[dir='rtl'] .slick-next:before {
    content: '←';
    content: '\e8e5';
}

/* Dots */
.slick-dots {
    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li {
    position: relative;

    display: inline-block;

    width: 10px;
    height: 10px;
    margin: 0 2px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button {
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1;
}
.slick-dots li button:before {
    font-family: 'fontello';
    font-size: 8px;
    line-height: 15px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '\f111';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
    opacity: .75;
    color: black;
}


/* ********************************************* */
/* Slick-Slider1
/* ********************************************* */

.slick-dots {
    margin-top:10px;
    margin-bottom:15px;
}

/* Slider 1 */
.slider-1 { visibility:hidden; margin-bottom:20px;  }
.slider-1-outer { position:relative; overflow:hidden; }
.slider-1-frame { position:relative; overflow:hidden; }
.slider-1-sizer { float:left; list-style:none; position:relative; margin-right:20px; }
.slider-1-next { }
.slider-1-prev { }
.slider-1-start { }
.slider-1-breadcrumb { height:30px; line-height:30px; text-align:center; }
.slider-1-breadcrumb-crumb, 
.slider-1-breadcrumb-crumb span { 
    display:inline-block; 
    height:9px; 
    width:9px; 
    -webkit-border-radius:9px; 
    border-radius:9px; 
    line-height:9px; 
}
.slider-1-breadcrumb-crumb { background:#555; padding:2px; margin:0 2px 0 2px; }
.slider-1-breadcrumb-crumb span { background:#FFF; }
.slider-1-breadcrumb-crumb-on span { visibility:hidden; }
.slider-1-breadcrumb-crumb-off span { }

.content-grid-wrapper {
    overflow:hidden;
}
.content-grid-container {
    margin-left:-10px;
    margin-right:-10px;
}
.content-grid-container-helper-3 {
    margin-right:-1%;
}
.content-grid {
    float:left;
    margin-bottom:20px;
}
.content-grid-lr {
    float:right;
}
.content-grid .mainBox-wrapper:first-child {
    margin-left:10px;
    margin-right:10px;
}
.content-grid-1 {
    width:100%;
}
.content-grid-2 {
    width:50%;
}
.content-grid-3 {
    width:33%;
}
.content-grid-4,
.content-grid-5,
.content-grid-6,
.content-grid-7,
.content-grid-8,
.content-grid-9,
.content-grid-10 {
    width:25%;
}
@media only screen and (max-width: 1200px) {
    .content-grid-4,
    .content-grid-5,
    .content-grid-6,
    .content-grid-7,
    .content-grid-8,
    .content-grid-9,
    .content-grid-10 {
        width:33%;
    }
    .content-grid-4:nth-child(2),
    .content-grid-5:nth-child(2),
    .content-grid-6:nth-child(2),
    .content-grid-7:nth-child(2),
    .content-grid-8:nth-child(2),
    .content-grid-9:nth-child(2),
    .content-grid-10:nth-child(2) {
        width:34%;
    }
}
@media only screen and (max-width: 1080px) {    
    .content-grid-container-helper-3 {
        margin-right:0%;
    }
    
    .content-grid-3,
    .content-grid-4,
    .content-grid-5,
    .content-grid-6,
    .content-grid-7,
    .content-grid-8,
    .content-grid-9,
    .content-grid-10 {
        width:50% !important;
    }
    .content-grid-3:first-child {
        width:100% !important;
    }
    .content-grid-3:first-child .mainBox-content {
        height:auto !important;
    }
}
@media only screen and (max-width: 800px) {
    .content-grid-4,
    .content-grid-5,
    .content-grid-6,
    .content-grid-7,
    .content-grid-8,
    .content-grid-9,
    .content-grid-10 {
        width:100% !important;
    }
    .content-grid {
        float:none !important;
        width:auto !important;
    }
    .content-grid .mainBox-content {
        height:auto !important;
    }
}

/* ********************************************* */
/* Mobilenav
/* ********************************************* */

.mobile-mainnav-menu,
.mobile-mainnav-search {
    display:none;
    position:absolute;
    z-index:10;
    right:15px;
    top:15px;
    font-size:36px;
    text-align: center;
    color:#000;
}
.mobile-mainnav-search {
    right:75px;
    top:15px;
}
.mobile-mainnav {
    display:none;
    position:fixed;
    overflow:auto;
    height:200px;
    width:100%;
    z-index:1000;
    background:rgba(255,255,255,1);
}
.mobile-mainnav-header {
    padding:20px 40px;
    background:none
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 0;
}
.mobile-mainnav-title {
    float:left;
    display:none;
}
.mobile-mainnav-title span {
    font-weight:700;
}
.mobile-mainnav-cancel {
    float:right;
}
.mobile-mainnav-cancel a {
    display:block; 
    float:right;
    text-align:center; 
    vertical-align: middle; 
    color:#000;
}
.mobile-mainnav-content {
    padding:0 40px 40px 40px;
}
.mobile-mainnav .nav-link-frame {
    margin-bottom:30px;
}
@media only screen and (max-width: 800px) {
    .mobile-mainnav-menu,
    .mobile-mainnav-search{
        display:block;
    }
    .mobile-mainnav-menu {
        display:block;
    }
    .fixed-nav {
        display:none !important;
    }
}
.wrapper-blurred {
    filter: blur(5px);
}


/* ********************************************* */
/* Mobilebox
/* ********************************************* */

.mobilebox {
	display:none;
	font-size: 24px;
	border:1px solid #CCC;
	color:#000;
	padding:5px 0;
	text-align: center;
  	border-radius:5px;
}
.mobilebox:hover {
	border:1px solid #000;
}


/* ********************************************* */
/* TblStyles
/* ********************************************* */

table.tblStyle1 { 
	width: 100%; 
	border-collapse: collapse; 
	border-spacing: 0;
}
table.tblStyle1 thead th {
	font-size:13px;
	font-weight:700;
	padding:8px 8px;
}
table.tblStyle1 thead th {
	background:#FFF;
}
table.tblStyle1 thead, 
table.tblStyle1 thead a {
	color:#444;
	text-decoration:none;
}
table.tblStyle1 thead a:hover {
	color:#111;
}
table.tblStyle1 td, 
table.tblStyle1 th { 
	padding:8px 8px; 
	border:1px solid #DDD;
	border-top:0;
}
table.tblStyle1 td:first-child, 
table.tblStyle1 th:first-child {
	border-left:0;
}
table.tblStyle1 td:last-child, 
table.tblStyle1 th:last-child {
	border-right:0;
}
table.tblStyle1 tbody tr:last-child td {
	border-bottom:0;
}
table.tblStyle1 tbody a.link {
	color:#444;
	text-decoration:none;
	font-weight:400;
	border-bottom:1px dotted #CCC;
}
table.tblStyle1 tbody a.link:hover {
	color:#4D9DFF;
	border-bottom:1px dotted #000;
}
table.tblStyle1 tfoot th {
	font-size:inherit !important;
	font-weight:inherit !important;
	color:inherit !important;
}

table.tblStyle2 { 
	width: 100%; 
	border-collapse: collapse; 
	border-spacing: 0;
}
table.tblStyle2 thead th {
	font-size:13px;
	font-weight:700;
	padding:8px 8px;
}
table.tblStyle2 thead th {
	background:#FFF;
}
table.tblStyle2 thead, 
table.tblStyle2 thead a {
	color:#444;
	text-decoration:none;
}
table.tblStyle2 thead a:hover {
	color:#111;
}
table.tblStyle2 td, 
table.tblStyle2 th { 
	padding:8px 8px; 
	border:1px solid #DDD;
}
table.tblStyle2 tbody a.link {
	color:#444;
	text-decoration:none;
	font-weight:400;
	border-bottom:1px dotted #CCC;
}
table.tblStyle2 tbody a.link:hover {
	color:#4D9DFF;
	border-bottom:1px dotted #000;
}
table.tblStyle2 tfoot th {
	font-size:inherit !important;
	font-weight:inherit !important;
	color:inherit !important;
}


/* ********************************************* */
/* Rows
/* ********************************************* */

.row01 {
	padding:0 0 10px 0;
}
.row01-left {
	float:left;
	width:190px;
}
.row01-content {
	margin-left:200px;
}
@media only screen and (max-width: 800px) {
	.row01 {
		padding:8px 0px;
	}
	.row01-left {
		float:none;
		width:inherit;
		padding-bottom:3px;
		text-align: left;
	}
	.row01-content {
		margin-left:0;
	}
}


/* ********************************************* */
/* Datedata-Grid
/* ********************************************* */

/* Geteilter Text */
.column-count-2 {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
}
@media only screen and (max-width: 1200px) {
    td.table-main-middle .column-count-2 {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
}
@media only screen and (max-width: 800px) {
    .column-count-2 {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
}


/* Bilder/Videos */

/* Video/Videos im Grid */
video {
    margin:0;
    padding:0;
    object-fit: cover; 
    object-position:bottom;
}

/* Javascript Resizer */
.autosize-image {
    overflow:hidden;
    line-height:0 !important;
    position: relative
}

/* Mainbox Grid */
table.mainbox-grid {
    table-layout:fixed;
	width:auto;
}
table.mainbox-grid,
table.mainbox-grid td.left,
table.mainbox-grid td.right {
	border:0;
    padding:0;
    margin:0;
	vertical-align:top;
}

/* Bild/Bilder im Grid */
table.mainbox-grid td.image-left,
table.mainbox-grid td.image-right,
div.image-right,
div.image-left {
    width: 45%; /* Standardbreite */
}
table.mainbox-grid td.image-leftright {
    width: 20%;
}
/* Abstand zum Text */
div.image-right {
    padding-left:20px; 
    padding-bottom:20px;
}
div.image-left {
    padding-right:20px;
    padding-bottom:20px;
}
table.mainbox-grid td.image-left {
    padding-right:20px;
}


.img-description {
    text-align: center;
    padding-top:5px;
}

/* Gallerie */
.img-grid, 
.img-stack {
    overflow:hidden;
}
.img-grid .img-wrapper,
.img-grid .img-container,
.img-grid .img-frame {
    overflow:hidden;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

/* Standard-Style für die Gallerie */
.img-stack .img-wrapper { 
    /* Abstand */
    padding:0 15px 15px 0;
}
.img-stack .img-wrapper .img-container { 
    /* Rahmen */
    background:#FFF;
    border:2px solid #CCC;
    padding:15px;
}

/* 2 Bilder Nebeneinander */
.img-stack-2 .img-wrapper.landscape,
.img-stack-2 .img-wrapper.portrait {
    /* Breite */
    width:50%;
}
/* Feste Höhe */
.img-stack-2 .img-wrapper.landscape .img-container {
    /* Höhe */
    height:80px;
}
.img-stack-2 .img-wrapper.portrait .img-container {
    /* Höhe */
    height:175px;
}

/* 3 Bilder Nebeneinander */
.img-stack-3 .img-wrapper.landscape,
.img-stack-3 .img-wrapper.portrait {
    /* Breite */
    width:33%;
}
/* Feste Höhe */
.img-stack-3 .img-wrapper.landscape .img-container {
    /* Höhe */
    height:90px;
}
.img-stack-3 .img-wrapper.portrait .img-container {
    /* Höhe */
    height:195px;
}

/* 4 Bilder Nebeneinander */
.img-stack-4 .img-wrapper.landscape,
.img-stack-4 .img-wrapper.portrait {
    /* Breite */
    width:25%;
}
/* Feste Höhe */
.img-stack-4 .img-wrapper.landscape .img-container {
    /* Höhe */
    height:75px;
}
.img-stack-4 .img-wrapper.portrait .img-container {
    /* Höhe */
    height:165px;
}

@media only screen and (max-width: 800px) {
    /* Floating der Gallerie beenden */
    .img-grid {
        float:none !important;
    }
    
    /* Mainbox Grid für Mobile Geräte */
	table.mainbox-grid td.left,
    table.mainbox-grid td.right {
		width:auto !important;
		display:block !important;
		text-align:left !important;
    }
    table.mainbox-grid td.image-right,
    table.mainbox-grid td.image-left,
    .image-left, 
    .image-right, 
    .img-wrapperx {
        float:none;
        width:auto !important;
        padding-left:0 !important;
        padding-right:0 !important;
        margin:0 !important;
            
    }
	
    /* Responsive Abstand nach unten */
    table.mainbox-grid td.image-left,
    div.image-right,
    div.main-middle-frame div.image-top, 
    div.main-middle-frame div.image-left {
        padding-bottom:20px;
    }
    table.mainbox-grid td.image-right,
    div.image-bottom {
        padding-top:20px;
    }
    
    /* Abstand Links und Rechts Template */
    /*
    table.mainbox-grid td.image-left,
    table.mainbox-grid td.image-right { 
        padding-left:15px !important;
        padding-right:15px !important;
    }
    */
}




/* Datedata Grid */
table.datedata-grid,
table.datedata-grid tr.dgrid td.left,
table.datedata-grid tr.dgrid td.right {
	border:0;
    padding:0;
    margin:0;
	vertical-align:top;
}
@media only screen and (max-width: 800px) {
    table.datedata-grid,
	table.datedata-grid tr.dgrid td.left,
    table.datedata-grid tr.dgrid td.right {
		width:auto !important;
		display:block !important;
		text-align:left !important;
        padding-right:0px !important;
        padding-left:0px !important;
    }
}

.kachel-grid {
    float:left;
    width:33%;
}
@media only screen and (max-width: 1200px) {
	.kachel-grid {
        width:50%;
    }
}
@media only screen and (max-width: 1080px) {
	.kachel-grid {
        float:none;
        width:auto;
    }
}

/* ********************************************* */
/* Buttons
/* ********************************************* */

/* Button Defaults */
.btn {
    display:inline-block;
    text-decoration:none;
    -moz-border-radius:0px;
    -webkit-border-radius:0px;
    border-radius:0px;
}

/* Button Sizes */
.btn-block {
    display:block !important;
	text-align:center;
}
.btn-mini {
    padding:2px 6px;
    font-size:12px;
    line-height:1.2em;
}
.btn-small {
    padding:7px 16px;
    font-size:14px;
    line-height:1.3em;
}
.btn-normal {
    padding:10px 20px;
    font-size:16px;
    line-height:1.3em;
}
.btn-medium {
    padding:20px 25px;
    font-size:22px;
    font-weight:700;
    line-height:1.4em;
}
.btn-large {
    padding:12px 25px;
    font-size:20px;
    line-height:1.4em;
}

/* Button Colors */

/* Default Button */
.btn {
	color:#000;
    background:#FFF;
}
.btn:hover {
    color:#000;
    background:none;
}
.btn:active {
    background:#EEE;
}

/* Clean Button */
.btn-clear {
    color:#000;
    background:none;
    border:0;
}
.btn-clear:hover {
    color:#0A672E;
    border:0;
    background:none;
}
.btn-clear:active {
    background:none;
}

/* White Button */
.btn-white {
    color:#000;
    background:#FFF;
}
.btn-white:hover {
    color:#000;
    background:#FFF;
}
.btn-white:active {
    background:#FFF;
}

/* Lightgrey Button */
.btn-lightgrey {
    color:#000;
    background:#EEE;
}
.btn-lightgrey:hover {
    color:#000;
    background:#DDD;
}
.btn-lightgrey:active {
    background:#CCC;
}

/* Success Button */
.btn-success {
    color:#FFF;
    background:#C8D200;
}
.btn-success:hover {
    color:#FFF;
    background:#a6ae00;
}
.btn-success:active {
    background:#C8D200;
}

/* Info Button */
.btn-info {
    color:#FFF;
    background:#005F87;
}
.btn-info:hover {
    color:#FFF;
    background:#004968;
}
.btn-info:active {
    background:#005F87;
}


/* ********************************************* */
/* Messageboxes
/* ********************************************* */

/* Messageboxes Defaults */
.msg { padding:5px 10px 5px 10px; margin:5px 0 }
.msg i { font-weight:inherit !important; }
.msg a { display:inline-block; }
.msg-right { margin-left:10px; }

/* Messagesboxes Colors */
.msg-green { border:1px solid #bed7a8; background:#dff0d7; }
.msg-green, .msg-green a { color:#306e30; }
.msg-red { border:1px solid #e2c7ca; background:#f3dede; }
.msg-red, .msg-red a { color:#a2475e; }
.msg-yellow { border:1px solid #edddc0; background:#fdf8e3; }
.msg-yellow, .msg-yellow a { color:#b18644; }
.msg-blue { border:1px solid #9bd0dc; background:#d8edf7; }
.msg-blue, .msg-blue a { color:#206c93; }
.msg-white { border:1px solid #DDD; background:#FFF; }
.msg-white, .msg-white a { color:#444; }
.msg-border-bottom { border-left:0; border-right:0; border-top:0; margin:0; }
.msg-margin-bottom { margin-bottom:15px; }
.msg-margin-top { margin-top:15px; }
.msg-margin-both { margin:15px 0; }
.msg-margin { margin:15px; }


/* ********************************************* */
/* Booking
/* ********************************************* */

.mandatory-symbol {
	color:#CC070B;
}

.step-topbox {
	padding:15px; 
	border-bottom:1px solid #DDD;
	margin-bottom:20px;
}
.step-topbox-datenumber {
	float:right;
    margin-left:20px;
}
.step-topbox-title {
	margin-right:10px;
}

.booking_error .row01-left {
	color:#CC070B;
	font-weight:700;
}

.step-circle {
	display:block;
	border-radius: 30px 30px 30px 30px;
	-moz-border-radius: 30px 30px 30px 30px;
	-webkit-border-radius: 30px 30px 30px 30px;
	border: 5px solid #CCC;
	color:#888;
	width:30px;
	height:30px;
	text-align:center;
	line-height: 30px;
	font-weight:700;
	text-decoration:none;
}
.step-circle:hover {
	color:#888;
}
.step-line {
	height:5px;
	background:#CCC;
}
.step-circle-green {
	border: 5px solid #C8D200;
	color:#C8D200;
}
.step-circle-green:hover {
	color:#C8D200;
}
.step-line-green {
	height:5px;
	background:#C8D200;
}

.step1-subscriber-title-container {
    padding:15px 10px;
    font-weight:700;
}

.step3-topbox {
	border:1px solid #CCC;
}
.step3-topboxbgborder {
	border-right:2px solid #FFF;
	background:#EEE;
}
.step3-addresses {
	 border:1px solid #CCC;
}
.step3-addresses td {
	 border-right:1px solid #CCC;
}
.step3-addresses td:last-child {
	 border-right:0;
}

.step3-invoice-list {
	margin-top:30px
}
.step3-invoice-list-head {
	margin:0 0 10px 0; 
	padding-bottom:10px; 
	font-weight:700; 
	border-bottom:1px solid #CCC;
}
.step3-invoice-list-body {
	margin:0 0 10px 0; 
	padding-bottom:10px; 
	border-bottom:1px solid #CCC;
}

.step3-invoice-list-position {
	width:100px;text-align:center
}
.step3-invoice-list-descr {
	margin-left:100px;
	margin-right:150px;
}
.step3-invoice-list-descr-wide {
	margin-left:100px;
}
.step3-invoice-list-price {
	width:150px;
}

.step3-messagetous-container {
	margin-top:30px;
}
.step3-agb-container {
	margin-top:20px;
}
.step3-privacystatement-container {
	margin-top:5px;
}
.step3-newsletter-container {
	margin-top:5px;
}
.step3-privacydata-container {
	margin-top:5px;
}

.step1-back-next-container, 
.step2-back-next-container, 
.step3-back-next-container{
	margin-top:20px; 
	border-top:1px solid #CCC; 
	padding-top:20px;
}

@media only screen and (max-width: 800px) {
	tr.step-circle-labels {
		display:none;
	}
	
	.step3-addresses-desktop {
		display:none;
	}
	
	.step3-addresses-mobile {
		display:block;
	}
	
	.step3-addresses table {
		 border-bottom:1px solid #CCC;
	}
	.step3-addresses table:last-child {
		 border-bottom:0;
	}
}

/* ---------------------------------------- */
/* Terminkategorien */

.date-categories-frame { 
    display:block;
}
.date-categories {
    display:block;
}
.date-categories a {
    text-decoration: none;
    color:#000;
    font-weight:500;
}
.date-categories a.inactive {
    opacity:0.5;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%); 
    -o-filter: grayscale(100%); 
    filter: grayscale(100%); 
    transition:filter 0.50s ease;
}
.date-categories a.active,
.date-categories a:hover {
    opacity:1;
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%); 
    -o-filter: grayscale(0%); 
    filter: grayscale(0%); 
    transition:filter 0.50s ease;
}
.date-categories .image {
    height:120px; 
    width:120px; 
    background-size:cover !important; 
    background-position:center !important; 
    background-repeat:no-repeat !important; 
    margin:auto;
}
.date-categories .title {
    padding-top:15px;
    text-align: center;
    line-height: 22px;
    font-size:18px;
    font-weight:500;
}
.date-categories-frame .slick-dots {
    margin-top:10px;
    margin-bottom:0 !important;
}
@media only screen and (max-width: 1050px) {
    .date-categories-frame { 
        padding-bottom:0px;
    }
    .date-categories .image {
        height:80px; 
        width:80px; 
    }
    .date-categories .title {
        padding-top:10px;
        line-height: 20px;
        font-size:15px;
    }
}

/* Für Termindaten */
.date-categories-details .container {
    padding:0;
}
.date-categories-details .image {
    height:50px; 
    width:50px; 
    float:left;
}
.date-categories-details .title {
    margin-left:60px;
    padding-top:15px;
    text-align: left;
    font-family: 'Montserrat';
    font-weight:500;
    color:#888;
}


/* ********************************************* */
/* Mainboxes
/* ********************************************* */

div.mainBox-header,
div.mainBox-title { 
}

div.mainBox div p.first { 
	padding-top:0 !important;
	margin-top:0 !important;
}
div.mainBox-content p.last {
	padding-bottom:0 !important;
	margin-bottom:0 !important;
}
div.mainBox div ul.first { 
	padding-top:0 !important;
	margin-top:0 !important;
}
div.mainBox div ul.last { 
	padding-bottom:0 !important;
	margin-bottom:0 !important;
}

/* ********************************************* */
/* Responsive Divs
/* ********************************************* */

.just-desktop { }
.just-mobile {
    display:none;
}
@media only screen and (max-width: 800px) {
	.right-resp {
		display:block;
		float:none;
	}
    .just-desktop {
		display:none;
	}
    .just-mobile {
		display:inherit;
	}
    
    .table-main-middle {
		width:auto !important;
		display:block !important;
		text-align:left !important;
        padding:0 !important
	}
    .table-main-left,
    .table-main-right {
		display:none !important;
	}
    .main-left,
    .main-right {
		display:none;
	}
    
    .just-desktop {
		display:none;
	}
    .just-mobile {
		display:inherit;
	}
}


/* ********************************************* */
/* Newsletter Klein
/* ********************************************* */
#newsletter-small div.input-container {
    float:right;
    width:500px;
}
#newsletter-small div.button {
    float:right;
}
#newsletter-small div.input {
    margin-right:160px;
}
#newsletter-small div.info {
    padding-top:8px;
    margin-right:500px;
}
#newsletter-small div.info-top {
    padding-bottom:15px;
}
@media only screen and (max-width: 800px) {
    #newsletter-small {
        padding:0 15px;
    }
    #newsletter-small div.input-container {
        float:none;
        width:auto;
    }
    #newsletter-small div.info {
        display:none;
    }
    #newsletter-small div.info-top {
        display:block;
    }
}


/* ********************************************* */
/* Newsletter Groß
/* ********************************************* */
.newsletter-frame {
	width:100%;
}
a.newsletter-nav1,
a.newsletter-nav2 {
	display:block; 
	float:left; 
	width:50%;
}
a.newsletter-nav {
	display:block; 
	float:left; 
	width:50%;
	text-align:center;
    color:#000 !important;
}
a.newsletter-nav span {
	display:block; 
	padding:15px 0px;
}
a.newsletter-nav:hover,
a.newsletter-nav-on {
	background:#EEE;
}
	
.newsletter-navigation {
	margin-bottom:20px;
}
.newsletter-signup-frame {
	margin-top:10px;
}



/* ********************************************* */
/* Date-Picker Old
/* ********************************************* */

.dropdown .caret {
     margin-top: 8px;
     margin-left: 2px;
}
 .dropdown-menu {
     position: absolute;
     top: 100%;
     left: 0;
     z-index: 1000;
     display: none;
     float: left;
     min-width: 160px;
     padding: 5px 0;
     margin: 2px 0 0;
     list-style: none;
     background-color: #ffffff;
     border: 1px solid #ccc;
     border: 1px solid rgba(0, 0, 0, 0.2);
     *border-right-width: 2px;
     *border-bottom-width: 2px;
     -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
     border-radius: 6px;
     -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
     box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
     -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
     background-clip: padding-box;
}
 .dropdown-menu.pull-right {
     right: 0;
     left: auto;
}
 .dropdown-menu .divider {
     *width: 100%;
     height: 1px;
     margin: 9px 1px;
     *margin: -5px 0 5px;
     overflow: hidden;
     background-color: #e5e5e5;
     border-bottom: 1px solid #ffffff;
}
 .dropdown-menu a {
     display: block;
     padding: 3px 20px;
     clear: both;
     font-weight: normal;
     line-height: 20px;
     color: #333333;
     white-space: nowrap;
}
 .dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a {
     color: #ffffff;
     text-decoration: none;
     background-color: #0088cc;
     background-color: #0081c2;
     background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
     background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
     background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
     background-image: -o-linear-gradient(top, #0088cc, #0077b3);
     background-image: linear-gradient(to bottom, #0088cc, #0077b3);
     background-repeat: repeat-x;
     filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}
 .dropdown-menu .active > a, .dropdown-menu .active > a:hover {
     color: #ffffff;
     text-decoration: none;
     background-color: #0088cc;
     background-color: #0081c2;
     background-image: linear-gradient(to bottom, #0088cc, #0077b3);
     background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
     background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
     background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
     background-image: -o-linear-gradient(top, #0088cc, #0077b3);
     background-repeat: repeat-x;
     outline: 0;
     filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}
 .dropdown-menu .disabled > a, .dropdown-menu .disabled > a:hover {
     color: #999999;
}
 .dropdown-menu .disabled > a:hover {
     text-decoration: none;
     cursor: default;
     background-color: transparent;
}
 .open {
     *z-index: 1000;
}
 .open > .dropdown-menu {
     display: block;
}
 .pull-right > .dropdown-menu {
     right: 0;
     left: auto;
}
 .dropup .caret, .navbar-fixed-bottom .dropdown .caret {
     border-top: 0;
     border-bottom: 4px solid #000000;
     content: "";
}
 .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
     top: auto;
     bottom: 100%;
     margin-bottom: 1px;
}
 .dropdown-submenu {
     position: relative;
}
 .dropdown-submenu > .dropdown-menu {
     top: 0;
     left: 100%;
     margin-top: -6px;
     margin-left: -1px;
     -webkit-border-radius: 0 6px 6px 6px;
     -moz-border-radius: 0 6px 6px 6px;
     border-radius: 0 6px 6px 6px;
}
 .dropdown-submenu:hover > .dropdown-menu {
     display: block;
}
 .dropdown-submenu > a:after {
     display: block;
     float: right;
     width: 0;
     height: 0;
     margin-top: 5px;
     margin-right: -10px;
     border-color: transparent;
     border-left-color: #cccccc;
     border-style: solid;
     border-width: 5px 0 5px 5px;
     content: " ";
}
 .dropdown-submenu:hover > a:after {
     border-left-color: #ffffff;
}
 .dropdown .dropdown-menu .nav-header {
     padding-right: 20px;
     padding-left: 20px;
}
/* Timepicker */
 .bootstrap-timepicker.dropdown-menu {
     border-radius: 4px 4px 4px 4px;
     display: none;
     left: 0;
     margin-top: 1px;
     padding: 4px;
     top: 0;
     min-width: 10px;
     z-index: 99999;
}
 .bootstrap-timepicker.dropdown-menu.open {
     display: inline-block;
}
 .bootstrap-timepicker.dropdown-menu:before {
     border-bottom: 7px solid rgba(0, 0, 0, 0.2);
     border-left: 7px solid transparent;
     border-right: 7px solid transparent;
     content: "";
     left: 6px;
     position: absolute;
     top: -7px;
}
 .bootstrap-timepicker.dropdown-menu:after {
     border-bottom: 6px solid #FFFFFF;
     border-left: 6px solid transparent;
     border-right: 6px solid transparent;
     content: "";
     left: 7px;
     position: absolute;
     top: -6px;
}
 .bootstrap-timepicker.modal {
     margin-left: -100px;
     margin-top: 0;
     top: 30%;
     width: 200px;
}
 .bootstrap-timepicker.modal .modal-content {
     padding: 0;
}
 .bootstrap-timepicker table {
     table-layout:auto;
     border-collapse:inherit;
     border-spacing: 0;
     margin: 0;
     width: 160px;
}
 .bootstrap-timepicker table td {
     height: 30px;
     margin: 0;
     padding: 2px;
     text-align: center;
}
 .bootstrap-timepicker table td span {
     width: 100%;
}
 .bootstrap-timepicker table td a {
     border: 1px solid transparent;
     display: inline-block;
     margin: 0;
     outline: 0 none;
     padding: 8px 0;
     width: 3em;
     text-decoration:none;
}
 .bootstrap-timepicker table td a:hover {
     background-color: #EEEEEE;
     border-color: #DDDDDD;
     border-radius: 4px 4px 4px 4px;
}
 .bootstrap-timepicker table td a i {
     margin-top: 2px;
}
 .bootstrap-timepicker table td input {
     margin: 0;
     text-align: center;
     width: 25px;
}
 .bootstrap-timepicker-component .add-on {
     cursor: pointer;
}
 .bootstrap-timepicker-component .add-on i {
     display: block;
     height: 16px;
     width: 16px;
}

/* Datepicker */

/* Datepicker for Bootstrap Copyright 2012 Stefan Petre Licensed under the Apache License v2.0 http://www.apache.org/licenses/LICENSE-2.0 */
 .datepicker {
     top: 0;
     left: 0;
     padding: 4px;
     margin-top: 1px;
     -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
     border-radius: 4px;
    /*.dow {
         border-top: 1px solid #ddd !important;
    }
    */
    ;
     z-index:10000;
}
 .datepicker:before {
     content: '';
     display: inline-block;
     border-left: 7px solid transparent;
     border-right: 7px solid transparent;
     border-bottom: 7px solid #ccc;
     border-bottom-color: rgba(0, 0, 0, 0.2);
     position: absolute;
     top: -7px;
     left: 6px;
}
 .datepicker:after {
     content: '';
     display: inline-block;
     border-left: 6px solid transparent;
     border-right: 6px solid transparent;
     border-bottom: 6px solid #ffffff;
     position: absolute;
     top: -6px;
     left: 7px;
}
 .datepicker > div {
     display: none;
}
 .datepicker table {
     width: 100%;
     margin: 0;
}
 .datepicker td, .datepicker th {
     text-align: center;
     width: 20px;
     height: 20px;
     -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
     border-radius: 4px;
}
 .datepicker td.day:hover {
     background: #eeeeee;
     cursor: pointer;
}
 .datepicker td.old, .datepicker td.new {
     color: #999999;
}
 .datepicker td.active, .datepicker td.active:hover {
     background-color: #006dcc;
     background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
     background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
     background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
     background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
     background-image: -o-linear-gradient(top, #0088cc, #0044cc);
     background-image: linear-gradient(top, #0088cc, #0044cc);
     background-repeat: repeat-x;
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
     border-color: #0044cc #0044cc #002a80;
     border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
     filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
     color: #fff;
     text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
 .datepicker td.active:hover, .datepicker td.active:hover:hover, .datepicker td.active:active, .datepicker td.active:hover:active, .datepicker td.active.active, .datepicker td.active:hover.active, .datepicker td.active.disabled, .datepicker td.active:hover.disabled, .datepicker td.active[disabled], .datepicker td.active:hover[disabled] {
     background-color: #0044cc;
}
 .datepicker td.active:active, .datepicker td.active:hover:active, .datepicker td.active.active, .datepicker td.active:hover.active {
     background-color: #003399 \9;
}
 .datepicker td span {
     display: block;
     width: 47px;
     height: 54px;
     line-height: 54px;
     float: left;
     margin: 2px;
     cursor: pointer;
     -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
     border-radius: 4px;
}
 .datepicker td span:hover {
     background: #eeeeee;
}
 .datepicker td span.active {
     background-color: #006dcc;
     background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
     background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
     background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
     background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
     background-image: -o-linear-gradient(top, #0088cc, #0044cc);
     background-image: linear-gradient(top, #0088cc, #0044cc);
     background-repeat: repeat-x;
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
     border-color: #0044cc #0044cc #002a80;
     border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
     filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
     color: #fff;
     text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
 .datepicker td span.active:hover, .datepicker td span.active:active, .datepicker td span.active.active, .datepicker td span.active.disabled, .datepicker td span.active[disabled] {
     background-color: #0044cc;
}
 .datepicker td span.active:active, .datepicker td span.active.active {
     background-color: #003399 \9;
}
 .datepicker td span.old {
     color: #999999;
}
 .datepicker th.switch {
     width: 145px;
}
 .datepicker th.next, .datepicker th.prev {
     font-size: 19.5px;
}
 .datepicker thead tr:first-child th {
     cursor: pointer;
}
 .datepicker thead tr:first-child th:hover {
     background: #eeeeee;
}
 .input-append.date .add-on i, .input-prepend.date .add-on i {
     display: block;
     cursor: pointer;
     width: 16px;
     height: 16px;
}
 .datepicker table {
     table-layout:auto;
    border-collapse:inherit;
     border-spacing: 0;
}

/* Filter Buttons */
.filter-buttons {
    margin-bottom:30px;
}
.filter-buttons .search,
.filter-buttons .pagin {
    margin-right:290px;
}
.filter-buttons .search {
    display:none !important;
    margin-top:20px;
}
.filter-buttons .pagin {
    padding-top:5px;
}
.filter-buttons .sorter {
    float:right;
    width:220px;
}
.filter-buttons .view {
    float:right;
}
.filter-buttons .filter {
    float:right;
    display:none;
}
.filter-buttons .view a,
.filter-buttons .filter a {
    display:block;
    color:#BBB;
    padding:10px 20px;
}
.filter-buttons .view a:hover,
.filter-buttons .filter a:hover {
    color:#000;
    cursor: pointer;
}
@media only screen and (max-width: 1080px) {
    .filter-buttons .search {
        display:block;
        width:100%;
    }
    .filter-buttons .pagin {
        margin-right:0;
        width:auto;
        clear:both;
        padding-top:20px;
    }
    .filter-buttons .sorter {
        float:none;
        width:auto;
        margin-right:80px;
    }
}
@media only screen and (max-width: 800px) {
    .filter-buttons .filter {
        display:block;
    }
    .filter-buttons .sorter {
        margin-right:150px;
    }
}

/* Termin-Filter */
.datelist-filter {
    background:#F5F4F4; 
}
.datelist-filter-middle {
    position: absolute;
    width:350px;
    margin-top:5px;
}
.datelist-filter-middle .datelist-filter-container {
    height:400px;
    overflow:auto;
}
.datelist-filter-head {
    height:40px;
    line-height:40px;
    padding:15px;
    background:rgba(0,0,0,0.1);
}
.datelist-filter-head {
    height:40px;
    line-height:40px;
    padding:15px;
    background:rgba(0,0,0,0.1);
}
.datelist-filter-head-title {
    font-size:110%;
	font-weight:700;
}
div.datelist-filter-head-cancel a {
    display:block;
    width:40px;
    height:40px;
    line-height:40px;
    margin-top:4px;
    text-decoration: none;
    text-align: right;
    color:#000;
}
div.datelist-filter-head-cancel a span::before {
    display:block;
	font-family: 'fontello';
    content: '\e97e';
    width:30px;
    height:30px;
    line-height:30px;
}
.datelist-filter-container {
    padding:15px;
}
.datelist-filter-entry {
	margin-bottom:20px;
}
.datelist-filter-entry-header {
	padding-bottom:10px;
}
.datelist-filter-entry-title {
	font-weight:700;
}
.datelist-filter-entry-content {
}
.datelist-filter-footer {
    background:rgba(0,0,0,0.1);
    padding:15px;
}

.mainBox-content p:first-child {
    paddind-top:0;
    margin-top:0; 
}
.mainBox-content p:first-child {
    paddind-bottom:0;
    margin-bottom:0; 
}

/** image, video iframe figure cover */
.mainBox-content .se-image-container, .mainBox-content .se-video-container {
    width: auto;
    height: auto;
    max-width: 100%;
}
.mainBox-content figure {
    display: block;
    outline: none;
    padding: 0;
    margin: 0;
}
.mainBox-content .__se__float-left figure,
.mainBox-content .__se__float-right figure,
.mainBox-content .__se__float-center figure {
    margin: auto !important;
}
.mainBox-content figure figcaption {
    padding: 1em .5em;
    margin: 0;
    background-color: #f9f9f9;
    outline: none;
}

/* image */
.mainBox-content .se-image-container a img {
    padding: 1px;
    margin: 1px;
    outline: 1px solid #4592ff;
}

/** video */
.mainBox-content .se-video-container iframe, .mainBox-content .se-video-container video {
    outline: 1px solid #9e9e9e;
    position: absolute;
    top: 0;
    left: 0;
    border: 0;
    width: 100%;
    height: 100%;
}
.mainBox-content .se-video-container figure {
    left: 0px;
    width: 100%;
    max-width: 100%;
}

/** audio */
.mainBox-content audio {
    width: 300px;
    height: 54px;
}
.mainBox-content audio.active {
    outline: 2px solid #80bdff;
}

/* RTL - editable */
.mainBox-content.se-rtl * {
    direction: rtl;
}

.mainBox-content .se-component > figure {
    direction: initial;
}

/** controllers on tag */
.mainBox-content td, .mainBox-content th, 
.mainBox-content figure, .mainBox-content figcaption, .mainBox-content img, 
.mainBox-content iframe, .mainBox-content video, .mainBox-content audio {
    position: relative;
}

/* katex */
.mainBox-content span.katex {
    display: inline-block;
}
.mainBox-content span.katex * {
    direction: ltr;
}


/* All classes used must begin with "__se__". */
/* used color #000 , #fff , #CCC, #f9f9f9 */
/* font color #333, background color: #fff */
/* grey color #e1e1e1 , #d1d1d1 , #c1c1c1 , #b1b1b1 */
/* blue color #c7deff , #80bdff , #3f9dff , #4592ff */
/* red color #b94a48 , #f2dede , #eed3d7 */

/* suneditor contents */
.sun-editor-editable {
    font-family: Helvetica Neue;
    font-size: 13px;
    color: #333;
    background-color: #fff;
    line-height: 1.5;
    word-break: normal;
    padding: 16px;
    margin: 0;
}

.sun-editor-editable * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: inherit;
    font-size: inherit;
    color: inherit;
}

/* RTL - editable */
.sun-editor-editable.se-rtl * {
    direction: rtl;
}

.sun-editor-editable .se-component > figure {
    direction: initial;
}

/** controllers on tag */
.sun-editor-editable td, .sun-editor-editable th, 
.sun-editor-editable figure, .sun-editor-editable figcaption, .sun-editor-editable img, 
.sun-editor-editable iframe, .sun-editor-editable video, .sun-editor-editable audio {
    position: relative;
}

/** span */
.sun-editor-editable span {
    display: inline;
    vertical-align: baseline;
    margin: 0;
    padding: 0;
}
/* katex */
.sun-editor-editable span.katex {
    display: inline-block;
}
.sun-editor-editable span.katex * {
    direction: ltr;
}

/* a */
.sun-editor-editable a {
    color: #004cff;
    text-decoration: none;
}
.sun-editor-editable span[style~="color:"] a {
    color: inherit;
}
.sun-editor-editable a:hover, .sun-editor-editable a:focus {
    cursor: pointer;
    color: #0093ff;
    text-decoration: underline;
}
.sun-editor-editable a.on {
    color: #0093ff;
    background-color: #e8f7ff;
}

/* pre */
.sun-editor-editable pre {
    display: block;
    padding: 8px;
    margin: 0 0 10px;
    font-family: monospace;
    color: #666;
    line-height: 1.45;
    background-color: #f9f9f9;
    border: 1px solid #e1e1e1;
    border-radius: 2px;
    white-space: pre-wrap !important;
    word-wrap: break-word;
    overflow: visible;
}

/* ol, ul */
.sun-editor-editable ol {
    list-style-position: outside;
    display: block;
    list-style-type: decimal;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}
.sun-editor-editable ul {
    list-style-position: outside;
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}
.sun-editor-editable li {
    display: list-item;
    text-align: -webkit-match-parent;
    margin-bottom: 5px;
}
/* nested list ol, ul */
.sun-editor-editable ol ol, .sun-editor-editable ol ul, .sun-editor-editable ul ol, .sun-editor-editable ul ul {
    margin: 0;
}
.sun-editor-editable ol ol, .sun-editor-editable ul ol {
    list-style-type: lower-alpha;
}
.sun-editor-editable ol ol ol, .sun-editor-editable ul ol ol, .sun-editor-editable ul ul ol {
    list-style-type: upper-roman;
}
.sun-editor-editable ul ul, .sun-editor-editable ol ul {
    list-style-type: circle;
}
.sun-editor-editable ul ul ul, .sun-editor-editable ol ul ul, .sun-editor-editable ol ol ul {
    list-style-type: square;
}

/* sub, sup */
.sun-editor-editable sub, .sun-editor-editable sup {
    font-size: 75%;
    line-height: 0;
}
.sun-editor-editable sub {
    vertical-align: sub;
}
.sun-editor-editable sup {
    vertical-align: super;
}

/** format style */
/* p */
.sun-editor-editable p {
    display: block;
    margin: 0 0 10px;
}

/* div */
.sun-editor-editable div {
    display: block;
    margin: 0;
    padding: 0;
}

/* blockquote */
.sun-editor-editable blockquote {
    display: block;
    font-family: inherit;
    font-size: inherit;
    color: #999;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0;
    margin-inline-end: 0;
    border-style: solid;
    border-width: 0;
    padding-top: 0;
    padding-bottom: 0;
    border-color: #b1b1b1;
    padding-left: 20px;
    padding-right: 5px;
    border-left-width: 5px;
    border-right-width: 0px;
}
.sun-editor-editable blockquote blockquote {
    border-color: #c1c1c1;
}
.sun-editor-editable blockquote blockquote blockquote {
    border-color: #d1d1d1;
}
.sun-editor-editable blockquote blockquote blockquote blockquote {
    border-color: #e1e1e1;
}
/* RTL - blockquote */
.sun-editor-editable.se-rtl blockquote {
    padding-left: 5px;
    padding-right: 20px;
    border-left-width: 0px;
    border-right-width: 5px;
}

/* h1 */
.sun-editor-editable h1 {
    display: block;
    font-size: 2em;
    margin-block-start: 0.67em;
    margin-block-end: 0.67em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}
/* h2 */
.sun-editor-editable h2 {
    display: block;
    font-size: 1.5em;
    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}
/* h3 */
.sun-editor-editable h3 {
    display: block;
    font-size: 1.17em;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}
/* h4 */
.sun-editor-editable h4 {
    display: block;
    font-size: 1em;
    margin-block-start: 1.33em;
    margin-block-end: 1.33em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}
/* h5 */
.sun-editor-editable h5 {
    display: block;
    font-size: 0.83em;
    margin-block-start: 1.67em;
    margin-block-end: 1.67em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}
/* h6 */
.sun-editor-editable h6 {
    display: block;
    font-size: 0.67em;
    margin-block-start: 2.33em;
    margin-block-end: 2.33em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}

/* hr */
.sun-editor-editable hr {
    display: flex;
    border-width: 1px 0 0;
    border-color: black;
    border-image: initial;
    height: 1px;
}
.sun-editor-editable hr.__se__solid {
    border-style: solid none none;
}
.sun-editor-editable hr.__se__dotted {
    border-style: dotted none none;
}
.sun-editor-editable hr.__se__dashed {
    border-style: dashed none none;
}
.sun-editor-editable hr.on {
    border-color: #4592ff;
    -webkit-box-shadow:0 0 0 0.1rem #c7deff;
    box-shadow:0 0 0 0.1rem #c7deff;
}

/* table */
.sun-editor-editable table {
    display: table;
    table-layout: auto !important;
    border: 1px solid rgb(204, 204, 204);
    width: 100%;
    max-width: 100%;
    margin: 0 0 10px;
    background-color: transparent;
    border-spacing: 0;
    border-collapse: collapse;
}

/* RTL - table */
.sun-editor-editable.se-rtl table {
    margin: 0 0 10px auto;
}

.sun-editor-editable table thead {
    border-bottom: 2px solid #333;
}
.sun-editor-editable table tr {
    border: 1px solid #efefef;
}
.sun-editor-editable table th {
    background-color: #f3f3f3;
}
.sun-editor-editable table th, .sun-editor-editable table td {
    border: 1px solid #e1e1e1;
    padding:0.4em;
    background-clip: padding-box;
}
/** table style class */
.sun-editor-editable table.se-table-size-auto {
    width: auto !important;
}
.sun-editor-editable table.se-table-size-100 {
    width: 100% !important;
}
.sun-editor-editable table.se-table-layout-auto {
    table-layout: auto !important;
}
.sun-editor-editable table.se-table-layout-fixed {
    table-layout: fixed !important;
}
/** table - select class */
.sun-editor-editable table td.se-table-selected-cell, .sun-editor-editable table th.se-table-selected-cell {
    outline: 1px double #4592ff;
}
.sun-editor-editable.se-disabled * {
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

/** component (image, iframe video) */
.sun-editor-editable .se-component {
    display: flex;
    padding: 1px;
    margin: 0 0 10px;
}
.sun-editor-editable[contenteditable=true] .se-component {
    outline: 1px dashed #e1e1e1;
}
/** component copy effect */
.sun-editor-editable[contenteditable=true] .se-component.se-component-copy {
    -webkit-box-shadow:0 0 0 0.2rem #80bdff; box-shadow:0 0 0 0.2rem #3f9dff; transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

/* float */
.sun-editor-editable .__se__float-left {
    float: left;
    margin-right: 4px;
}
.sun-editor-editable .__se__float-right {
    float: right;
    margin-left: 4px;
}
.sun-editor-editable .__se__float-center {
    float: center;
}
.sun-editor-editable .__se__float-none {
    float: none;
}

/** image, video .. */
.sun-editor-editable img, .sun-editor-editable iframe, .sun-editor-editable video, .sun-editor-editable audio {
    display: block;
    margin: 0;
    padding: 0;
    width: auto;
    height: auto;
    max-width: 100%;
}
/*  image, video - select index  */
.sun-editor-editable[contenteditable="true"]:not(.se-read-only) figure::after {
    position: absolute;
    content: '';
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    cursor: default;
    display: block;
    background: rgba(0,0,0,0);
}
.sun-editor-editable[contenteditable="true"] figure a, .sun-editor-editable[contenteditable="true"] figure img, .sun-editor-editable[contenteditable="true"] figure iframe, .sun-editor-editable[contenteditable="true"] figure video {
    z-index: 0;
}
.sun-editor-editable[contenteditable="true"] figure figcaption {
    display: block;
    z-index: 2;
}
.sun-editor-editable[contenteditable="true"] figure figcaption:focus {
    border-color: #80bdff;
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem #c7deff;
    box-shadow: 0 0 0 0.2rem #c7deff;
}

/** image, video iframe figure cover */
.sun-editor-editable .se-image-container, .sun-editor-editable .se-video-container {
    width: auto;
    height: auto;
    max-width: 100%;
}
.sun-editor-editable figure {
    display: block;
    outline: none;
    padding: 0;
    margin: 0;
}
.sun-editor-editable .__se__float-left figure,
.sun-editor-editable .__se__float-right figure,
.sun-editor-editable .__se__float-center figure {
    margin: auto !important;
}
.sun-editor-editable figure figcaption {
    padding: 1em .5em;
    margin: 0;
    background-color: #f9f9f9;
    outline: none;
}
.sun-editor-editable figure figcaption p {
    line-height: 2;
    margin: 0;
}

/* image */
.sun-editor-editable .se-image-container a img {
    padding: 1px;
    margin: 1px;
    outline: 1px solid #4592ff;
}

/** video */
.sun-editor-editable .se-video-container iframe, .sun-editor-editable .se-video-container video {
    outline: 1px solid #9e9e9e;
    position: absolute;
    top: 0;
    left: 0;
    border: 0;
    width: 100%;
    height: 100%;
}
.sun-editor-editable .se-video-container figure {
    left: 0px;
    width: 100%;
    max-width: 100%;
}

/** audio */
.sun-editor-editable audio {
    width: 300px;
    height: 54px;
}
.sun-editor-editable audio.active {
    outline: 2px solid #80bdff;
}

/** --- show blocks mode */
.sun-editor-editable.se-show-block p, .sun-editor-editable.se-show-block div, 
.sun-editor-editable.se-show-block h1, .sun-editor-editable.se-show-block h2, .sun-editor-editable.se-show-block h3, 
.sun-editor-editable.se-show-block h4, .sun-editor-editable.se-show-block h5, .sun-editor-editable.se-show-block h6, .sun-editor-editable.se-show-block li, 
.sun-editor-editable.se-show-block ol, .sun-editor-editable.se-show-block ul, 
.sun-editor-editable.se-show-block pre {
    border:1px dashed #3f9dff !important;
    padding:14px 8px 8px 8px !important;
}
.sun-editor-editable.se-show-block ol, .sun-editor-editable.se-show-block ul {
    border:1px dashed #d539ff !important;
}
.sun-editor-editable.se-show-block pre {
    border:1px dashed #27c022 !important;
}
.se-show-block p {background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAPAQMAAAAF7dc0AAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAaSURBVAjXY/j/gwGCPvxg+F4BQiAGDP1HQQByxxw0gqOzIwAAAABJRU5ErkJggg==') no-repeat;}
.se-show-block div {background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAPAQMAAAAxlBYoAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAmSURBVAjXY/j//wcDDH+8XsHwDYi/hwNx1A8w/nYLKH4XoQYJAwCXnSgcl2MOPgAAAABJRU5ErkJggg==') no-repeat;}
.se-show-block h1 {background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAPAQMAAAA4f7ZSAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAfSURBVAjXY/j/v4EBhr+9B+LzEPrDeygfhI8j1CBhAEhmJGY4Rf6uAAAAAElFTkSuQmCC') no-repeat;}
.se-show-block h2 {background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAPAQMAAAA4f7ZSAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAmSURBVAjXY/j/v4EBhr+dB+LtQPy9geEDEH97D8T3gbgdoQYJAwA51iPuD2haEAAAAABJRU5ErkJggg==') no-repeat;}
.se-show-block h3 {background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAPAQMAAAA4f7ZSAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAiSURBVAjXY/j/v4EBhr+dB+LtQPy9geHDeQgN5p9HqEHCADeWI+69VG2MAAAAAElFTkSuQmCC') no-repeat;}
.se-show-block h4 {background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPAQMAAADTSA1RAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAiSURBVAjXY/j//wADDH97DsTXIfjDdiDdDMTfIRhZHRQDAKJOJ6L+K3y7AAAAAElFTkSuQmCC') no-repeat;}
.se-show-block h5 {background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAPAQMAAAA4f7ZSAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAlSURBVAjXY/j/v4EBhr+1A/F+IO5vYPiwHUh/B2IQfR6hBgkDABlWIy5uM+9GAAAAAElFTkSuQmCC') no-repeat;}
.se-show-block h6 {background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAPAQMAAAA4f7ZSAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAiSURBVAjXY/j/v4EBhr+dB+LtQLy/geFDP5S9HSKOrA6KAR9GIza1ptJnAAAAAElFTkSuQmCC') no-repeat;}
.se-show-block li {background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAPCAYAAADkmO9VAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAA7SURBVDhPYxgFcNDQ0PAfykQBIHEYhgoRB/BpwCfHBKWpBkaggYxQGgOgBzyQD1aLLA4TGwWDGjAwAACR3RcEU9Ui+wAAAABJRU5ErkJggg==') no-repeat;}
.se-show-block ol {background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABHSURBVDhPYxgFcNDQ0PAfhKFcFIBLHCdA1oBNM0kGEmMAPgOZoDTVANUNxAqQvURMECADRiiNAWCagDSGGhyW4DRrMAEGBgAu0SX6WpGgjAAAAABJRU5ErkJggg==') no-repeat;}
.se-show-block ul {background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAA1SURBVDhPYxgFDA0NDf+hTBSALI5LDQgwQWmqgVEDKQcsUBoF4ItFGEBXA+QzQpmDGjAwAAA8DQ4Lni6gdAAAAABJRU5ErkJggg==') no-repeat;}

/** -- Paragraph styles custom -- */
/* Bordered */
.sun-editor-editable .__se__p-bordered, .sun-editor .__se__p-bordered {
    border-top: solid 1px #b1b1b1;
    border-bottom: solid 1px #b1b1b1;
    padding: 4px 0;
}
/* Spaced */
.sun-editor-editable .__se__p-spaced, .sun-editor .__se__p-spaced {
    letter-spacing: 1px;
}
/* Neon (https://codepen.io/GeorgePark/pen/MrjbEr) */
.sun-editor-editable .__se__p-neon, .sun-editor .__se__p-neon {
    font-weight: 200;
    font-style: italic;
    background: #000;
    color: #fff;
    padding: 6px 4px;
    border: 2px solid #fff;
    border-radius: 6px;
    text-transform: uppercase;
    animation: neonFlicker 1.5s infinite alternate;     
}
@keyframes neonFlicker {
    0%, 19%, 21%, 23%, 25%, 54%, 56%, 100% {
        text-shadow:
            -0.2rem -0.2rem 1rem #fff,
            0.2rem 0.2rem 1rem #fff,
            0 0 2px #f40,
            0 0 4px #f40,
            0 0 6px #f40,
            0 0 8px #f40,
            0 0 10px #f40;
        box-shadow:
            0 0 .5px #fff,
            inset 0 0 .5px #fff,
            0 0 2px #08f,
            inset 0 0 2px #08f,
            0 0 4px #08f,
            inset 0 0 4px #08f;        
    }
    20%, 24%, 55% {        
        text-shadow: none;
        box-shadow: none;
    }    
}

/* -- Text styles custom -- */
/* Shadow */
.sun-editor-editable .__se__t-shadow, .sun-editor .__se__t-shadow {
    text-shadow:
        -0.2rem -0.2rem 1rem #fff,
        0.2rem 0.2rem 1rem #fff,
        0 0 0.2rem #999,
        0 0 0.4rem #888,
        0 0 0.6rem #777,
        0 0 0.8rem #666,
        0 0 1rem #555;
}
/* Code */
.sun-editor-editable .__se__t-code, .sun-editor .__se__t-code {
    font-family: monospace;
    color: #666;
    background-color: rgba(27,31,35,.05);
    border-radius: 6px;
    padding: 0.2em 0.4em;
}





/* ********************************************* */
/* Autocomplete
/* ********************************************* */

/* Jquery UI Korrekturen */
.ui-autocomplete {
	z-index: 9999 !important;
	max-height: 400px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
} 
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-corner-all {
	/*-moz-border-radius: 4px 4px 4px 4px;*/
}
.ui-widget-content {
	border: 1px solid #4D9DFF;
	border-top:0;
	color: #222;
	background:#EEE;
}
.ui-widget {
	/* font-size: 15px; */
	margin-top:-1px;
}
.ui-menu {
	display:block;
	float:left;
	list-style:none outside none;
	margin:0;
	padding:0;
}
.ui-autocomplete {
	cursor: default;
	position: absolute;
}
.ui-autocomplete-fixed {
	position: fixed !important;
}
.ui-menu .ui-menu-item {
	clear: left;
	float: left;
	margin: 0 !important;
	padding: 0 !important;
	width: 100%;
}
.ui-menu .ui-menu-item a {
	display: block;
	padding: 10px 10px 10px 10px;
	text-decoration: none;
	cursor: pointer;
	background-color:#FFF;
	border-bottom:1px solid #afccee;
}
.ui-menu .ui-menu-item a:hover {
	background-color:#4D9DFF;
	border-bottom:1px solid #4D9DFF;
	color: #FFF;
}
.ui-menu .ui-menu-item li:last a {
	border-bottom:0 !important;
}
.ui-widget-content a {
	color: #222;
}

/* Default Autocomplete Style */
.ui-menu {
	border: 1px solid #CCC;
	color: #222;
    border-radius: 10px;
}
.ui-menu .ui-menu-item a {
    display:block;
	background-color:#FFF;
	border-bottom:1px solid #DDD;
	color: #000;
}
.ui-menu .ui-menu-item a:hover {
	background-color:#f1f1f1;
	border-bottom:1px solid #CCC;
	color: #000;
}



/* ********************************************* */
/* Preloader
/* ********************************************* */

.preloader-medium {
    display:inline-block;
   width: 24px;
   height: 24px;
   border-radius: 50%;
   border: 3.8px solid #888;
   animation: preloader-medium-bulqg1 0.96s infinite linear alternate,
        preloader-medium-oaa3wk 1.92s infinite linear;
}

@keyframes preloader-medium-bulqg1 {
   0% {
      clip-path: polygon(50% 50%, 0 0, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%);
   }

   12.5% {
      clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 0%, 100% 0%, 100% 0%);
   }

   25% {
      clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 100%);
   }

   50% {
      clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);
   }

   62.5% {
      clip-path: polygon(50% 50%, 100% 0, 100% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);
   }

   75% {
      clip-path: polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 50% 100%, 0% 100%);
   }

   100% {
      clip-path: polygon(50% 50%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 0% 100%);
   }
}

@keyframes preloader-medium-oaa3wk {
   0% {
      transform: scaleY(1) rotate(0deg);
   }

   49.99% {
      transform: scaleY(1) rotate(135deg);
   }

   50% {
      transform: scaleY(-1) rotate(0deg);
   }

   100% {
      transform: scaleY(-1) rotate(-135deg);
   }
}