body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
/* nunito-sans-regular - latin */
@font-face {
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 400;
    src: url('../../files/vis/fonts/nunito-sans-v8-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../../files/vis/fonts/nunito-sans-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../../files/vis/fonts/nunito-sans-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('../../files/vis/fonts/nunito-sans-v8-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('../../files/vis/fonts/nunito-sans-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../../files/vis/fonts/nunito-sans-v8-latin-regular.svg#NunitoSans') format('svg'); /* Legacy iOS */
  }
  

/* CSS Document */


*{ margin: 0; padding: 0; border: 0;}
html, body {width: 100%; height: auto;}
body {font-size: 100%; font-family: 'Nunito Sans', Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; color: #4f5050; vertical-align:baseline; background-color: #fff;}
#clear, .clear {clear: both!important; width: auto; height: 0px; font-size: 0.1px;}
img {margin: 0; padding: 0; display: block;}

#header {position: relative; z-index: 9999; top: 0; left: 0%; box-sizing: border-box;  width: 100%; height: auto; background-color: #529dcd; transition: all 0.25s ease; }
#header.scroll {-webkit-box-shadow: 0 2px 5px 0 #424242; box-shadow: 0 2px 5px 0 #424242; transition: all 0.25s ease;}

#container {min-height: 550px;}

#header .inside .contentHold, .contentHold, #footer .contentHold, .contentMainHold, .maxiContent, .bread, .mainSingle #main {width: 100%; max-width: 1500px; padding: 0 2%; box-sizing: border-box; position: relative; margin-left: auto; margin-right: auto;}
.maxiContent, .overWidth {max-width: 100vW;}
.overWidth {width: 100%; padding: 0; height: auto;}

#footer {background-color: #424242; padding-top: 50px; padding-bottom: 25px; width: 100%; height: auto; margin-top: 50px; }

.blueBgr {background-color: #006eb5;padding: 75px 0 50px 0;}
.blueBgrLight {background-color: rgba(0,110,181, 0.35); padding: 75px 0 50px 0;}
.blueBgrHalf {background-color: #006eb5; padding: 75px 0 50px 0; position: relative;}
.blueBgrHalf::before {content:''; width: 50%; height: 100%; display: block; position: absolute; left: 0; top: 0; z-index: 0;background-color: #529dcd;}


.contentMainHold #main {width: 75%; margin-left: 25%; padding-top: 50px; padding-bottom: 50px;} .mainSingle #main {float: none;}
#left {width: 29%; margin-right: 2%; margin-top: 50px;}

.pLogIn {background-color: #529dcd;}

.bodyLi aside#left {margin-left: 0; float: left;}
.bodyLi #main {width: 69%; float: right; margin-top: 50px; min-height: 600px;}
/* Basic */

.noMobile, .noMobil {display: block!important;}
.yesMobile, .hRightMobil {display: none!important;}
.overflowHidden {overflow: hidden; position: relative;}


.x1, .x2, .x3, .x32, .x4, .x43, .x30, .x5 {padding: 0% 2%; margin-bottom: 1.25rem; box-sizing: border-box;}
.x1 {width: 98%; display: block;}
.x2 {width: 48%; float: left;}
.c2 {width: 50%; float: left; padding-right: 5%; box-sizing: border-box;}
.x1, .x2, .x3, .x32, .x4, .x5, .x43 {margin-left: 1%; margin-right: 1%;}

.x30 {width: 30%; float: left;}
.x3, .floatX3 {width: 31%; float: left;}
.x32 {width: 64%; float: left;}
.x4, .floatX4 {width: 23%; float: left;}
.x43 {width: 73%; float: left;}
.x5 {width: 18%; float: left;}
.maxWidth70 {max-width: 70%; padding: 0% 2%; box-sizing: border-box; margin: 0px auto; clear: both; float: none;}

/*.x2:nth-of-type(3n+2) {clear: both;}*/

object, svg, img {max-width: 100%; height: auto;}
.floatRight {float: right;}
.textCenter {text-align: center;}
.center {margin: 0px auto; text-align: center;}
.centerBlock {margin-left: auto!important; margin-right: auto!important; float: none!important;}
.imgCenter .image_container, .imgCenter img {margin-left: auto; margin-right: auto;}
.marginBottom50 {margin-bottom: 50px; }
.marginBottom100 {margin-bottom: 100px;}
.marginBottom150 {margin-bottom: 150px;}
.marginTop25 {margin-top: 25px;}
.marginTop50 {margin-top: 50px;}
.marginTop100 {margin-top: 100px;}
.paddingTop50, .textContentpaddingTop50 .textContent {padding-top: 50px;}
.paddingTop100, .textContentpaddingTop100 .textContent {padding-top: 100px;}
.paddingTop150, .textContentpaddingTop150 .textContent {padding-top: 150px;}
.paddingBottom100, .textContentpaddingBottom100 .textContent {padding-bottom: 100px;}
.paddingBottom50, .textContentpaddingBottom50 .textContent {padding-bottom: 50px;}
.paddingBottom25 {padding-bottom: 25px;}

.noMarginBottom {margin-bottom: 0!important;}
.noMargin {margin: 0!important;}
.noPadding {padding: 0;}
.flexBoxHold {display: flex;display: -webkit-flex;display: -ms-flexbox;}
.flexBoxHold .image_container, .flexBoxHold .image_container img {width: auto; height: auto;}
li.borderLeft {border-left: 1px solid #006eb5; padding-left: 10px;}
li.borderRight {border-right: 1px solid #006eb5; padding-right: 10px;}

.textRight {text-align: right;}
.borderTop {border-top:1px solid #ccc; margin-top: 50px; padding-top: 50px;}
.borderTopSmall {border-top:1px solid #ccc;  padding-top: 50px;}
.tab {width: 70px; float: left; display: block; margin-right: 10px;}
.noAfter::after {display: none!important;}




/* Header */

.hRight {float: right;}

.logo {width: 120px; height: 120px; margin: 30px 35px 20px 0px; transition: all .3s ease; float: left;} 
.logo a span {text-indent: -9999px;display: block;position: absolute;}
.logo a {display: block; width: 100%; height: 100%; overflow: hidden;}
.logo a img, .logo a svg {height: 100%; width: auto;}
#header.scroll .logo {width: 70px; height: 70px; margin-top: 15px; margin-bottom: 10px; transition: all .3s ease;}

.logovis {width: 250px; height: auto;float: left;}
.logovis a {color: #fff; font-size: 1.25rem; line-height: 1.65rem; text-decoration: none; padding: 35px 0 15px; display: inline-block; font-family: 'Times New Roman', Times, serif; font-weight: 400; margin-bottom: 1.45rem;word-wrap:break-word; }
.logovis a .bigSize {font-size: 2.5rem!important; line-height: 2.75rem!important; font-weight: 700; border-top: 1px solid #fff; margin-bottom: 10px; padding: 10px 0; border-bottom: 1px solid #fff; display: block;}

.naviHead {float: right; margin-top: 55px;}
.naviHead ul {list-style: none;}
.naviHead ul li {float: left; margin-left: 5px;}
.naviHead ul li a, .naviHead ul li strong {color: #fff; text-decoration: none; width: 35px; height: 35px; text-indent: -9999px; display: block;}
.naviHead ul li a.visHome, .naviHead ul li strong.visHome {background: url(../../files/vis/img/iconHome.svg) center no-repeat; background-size: 85% auto;}
.naviHead ul li a.visUser, .naviHead ul li strong.visUser {background: url(../../files/vis/img/iconUser.svg) center no-repeat; background-size: 85% auto;}
.naviHead ul li a.visLogout, .naviHead ul li strong.visLogout {background: url(../../files/vis/img/iconLogout.svg) center no-repeat; background-size: 85% auto;}


.navi_left ul {list-style: none; width: 100%;} 
.navi_left ul li {margin-bottom: 0!important; line-height: 1.675em!important; margin-bottom: 5px!important; position: relative;}
.navi_left ul > li {border-bottom: 1px solid #ccc;}
.navi_left ul li a, .navi_left ul li strong {color: #666; text-decoration: none; padding: 10px; display: block;}
.navi_left li.active strong, .navi_left ul li:hover > a, .navi_left li.trail a.trail, .navi_left li.trail strong {background-color: #cbdeeb;color: #006ab5;}
.navi_left li.submenu.trail a.trail::after, .navi_left li.submenu strong.submenu::after,  .navi_left li.submenu.active strong::after, .navi_left .submenu:hover > a.sibling::after, .navi_left li.submenu:hover a.submenu::after   {content:"\21E3"; position: absolute; right: 15px; top: 8px; font-size: 1.5em; color: #006ab5;}
.navi_left li.submenu a.submenu::after {content:"\21E2"; position: absolute; right: 15px; top: 8px; font-size: 1.5em; color: #006eb5;}
.navi_left li.trail, .navi_left li.active.submenu, .navi_left li.submenu:hover {border-bottom: 1px solid #ccc;}
.navi_left .level_2 {background-color: #f2f2f2;}
.navi_left li.submenu ul {opacity: 0; height: 0; overflow: hidden; margin-bottom: 0; margin-top: 0; transition: all 0.3s ease;}
.navi_left .level_1 li.submenu:hover ul.level_2, .navi_left .level_2 li.submenu:hover ul.level_3, .navi_left .submenu.trail ul, .navi_left .level_1 .submenu.active ul.level_2, .navi_left .level_2 .submenu.active ul.level_3  {height: auto; opacity:1; margin-bottom: 1.675em; transition: all 0.3s ease;}
.navi_left .level_2 li {border: none!important;}

/* Suchmaschine */
#header.scroll .searchStart {display: none;}
.searchStart {float: right; margin-top: 25px; border: 1px solid #ccc; padding: 10px 15px; box-sizing: border-box; }
.searchEnd .widget, .searchStart .widget {width: auto!important; clear: none!important; margin: 0 !important;}
.searchStart .widget-text {float: left; overflow-x: hidden; }

.searchStart .widget-submit, .searchEnd .widget-submit {float: right;}
.searchStart .widget-text input  {font-size: 1.125rem; min-width: 150px; min-height: 35px;  font-weight: 300; line-height: 1.45rem; margin-bottom: 0; box-sizing: border-box;}
.searchStart .widget-submit button, .searchEnd  .widget-submit button {text-indent: -9999px; width: 50px; height: 35px; background: url(../../files/vis/img/lupe_grey.svg) center right no-repeat!important; border: none!important; background-size: auto 60%!important; position: relative; top: 0px; margin: 0!important;}
.searchEnd .widget-text {width: 70%; float: left;}
.searchEnd .widget-text input {font-size: 1.125rem; font-weight: 300; line-height: 1.45rem; min-height: 35px; margin-bottom: 0; box-sizing: border-box; width: 100%;}

.searchEnd form {width: 100%; clear: both; margin-bottom: 25px; height: 50px;}
.searchEnd p.header {clear: both; margin-top: 25px; padding-top: 25px; border-top: 1px solid #006eb5;}




/* Typo */
p, td, #main ul li, #main ol li, input, select, textarea, #footer a, #footer p {font-size: 1.0125rem; line-height: 1.25rem; margin-bottom: 1.45rem; word-wrap:break-word;}

h1, h2, h3, h4, h5, h6, p, td, #main ul li, #main ol li, input, select, textarea, .ce_text a, #footer a, #footer p {hyphens: auto; -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; font-weight: normal;}

h1, h2, h3, h4, h5, h6 {font-family: 'Times New Roman', Times, serif; font-weight: 400; margin-bottom: 1.45rem;word-wrap:break-word;}

h1 {font-size: 2.125rem; color:#006eb5; line-height: 3rem; margin-bottom: 2.5rem; text-transform: uppercase;}
.whiteColor h1 {color: #fff;}
h1::after {content:''; display: block; width: 150px; height: 3px; background-color: #529dcd; margin-top: 25px;}
.center h1::after, h1.center::after {text-align: center; margin-left: auto; margin-right: auto;}
h2 {font-size: 1.875rem; color:#181615; line-height: 2.125rem; }
.whiteText h2::after {content:''; display: block; width: 75px; height: 1px; background-color: #fff; margin-top: 15px;}
h3, h3 a {font-size: 1.65rem; color: #006eb5; line-height: 1.85rem; text-decoration: none;}
h4, h4 a {font-size: 1.45rem; color: #529dcd; line-height: 1.675rem; text-decoration: none;}
h4 {border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-top: 1.45rem;}
h5, h5 a {font-size: 1.3125rem; color:#006eb5; line-height: 1.65rem; text-decoration: none; margin-top: 1.5rem;}
h6, h6 a {font-size: 1.25rem; line-height: 1.45rem; color: #529dcd; text-decoration: none; margin-bottom: 1.45rem; margin-top: 25px;}

.whiteColor {color: #fff;}
.whiteColor a {text-decoration: none; color: #fff;}

p.thirdTitle { font-size: 1.125rem; line-height: 1.35rem; margin-bottom: 10px;}
p.userAngemeldet {clear: both; float: right; color: #fff; margin-top: 15px; font-size: 0.875rem;}

#main .ce_text ul, #main .rakPersonen ul {margin-left: 25px; list-style: none; margin-bottom: 1.45rem;}
#main .ce_text ul li, #main .rakPersonen ul li {padding-left: 35px; position: relative;margin-bottom: 0!important;}
#main .ce_text ul li::before, #main .rakPersonen ul li::before { content: '\2752';  color: #006eb5;  position: absolute; left: 0px; top: 0px;}

a.btnWhite {background-color: #fff; border: 1px solid #006eb5; padding: 20px 25px; color: #006eb5; text-decoration: none; transition: all 0.25s ease; display: inline-block; margin-top: 2rem;}
a.btnBlue {background-color: #006eb5; padding: 20px 25px; color: #fff; text-decoration: none; transition: all 0.25s ease; display: inline-block; margin-top: 2rem;}
a.btnWhite:hover, a.btnBlue:hover {padding: 20px 35px; transition: all 0.25s ease;}

.caption {color: #666; margin-top: 10px;}
figure {display: table;}
figcaption { display:table-caption; margin-top:8px; font-size:14px; line-height: 18px; caption-side: bottom; } 




.pagination {clear: both; float: none;margin: 50px auto 30px; padding-top: 20px; border-top: 1px solid #ccc;}
.pagination ul {list-style: none; display: table; padding: 0px 20px; margin: 0px auto!important; background-color: #fff;}
.pagination ul li {float: left; margin: 0px 5px; width: auto;}
.pagination ul li a, .pagination ul li strong {color: #666; text-decoration: none; padding: 5px; display: block; font-weight: 400;} .pagination ul li strong, .pagination ul li a:hover {background-color: #006eb5; color: #fff; transition: all 0.3s ease;}
.pagination p {color: #ccc; font-size: 1em; text-align: center; margin-top: 5px;}
.pagination ul li.first, .pagination ul li.last {display: none;}


/* News */

.newsList .newsImg {float: left; width: 200px;}
.newsList .newsImg a {display: block;}
.newsList .newsText {width: calc(100% - 200px); float: right; padding-left: 25px; box-sizing: border-box;}
.newsList .layout_latest {margin-bottom: 20px;}
.newsList .first { border-bottom: 1px solid #e6e6e6; padding-bottom: 15px; margin-bottom: 25px;}

.layout_latest.x3:nth-of-type(3n+4){clear: both;}


.layout_latest {position: relative; padding-top: 2%;background-color: #e6e6e6;}
.layout_latest.x3:hover {-webkit-box-shadow: 1px 1px 1px 1px #969696; box-shadow: 1px 1px 1px 1px #969696; transition: all 0.25s ease;}
.layout_latest .image_container {margin-bottom: 10px; }
.layerLink {position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.layerLink a {display: block; width: 98%; height: 98%; margin: 1%; transition: all 0.25s ease;}
/*.layerLink a:hover {-webkit-box-shadow: 1px 1px 1px 1px #969696; box-shadow: 1px 1px 1px 1px #969696; transition: all 0.25s ease;}*/
.layout_latest p.more { display: block; position: relative; line-height: 2rem; height: 2rem; text-decoration: none; text-indent: -9999999px;}

.layout_latest .image_container {width: 100%; height: auto; max-height: 350px; margin-bottom: 10px; overflow: hidden;}
.layout_latest h3, .layout_latest h3 a {color: #006ab5;}

/* Kalender */

.calendar {width:100%; border-collapse: collapse;
}

.calendar th, .calendar td {
  padding:0.5rem 1rem;
  width:calc(100% / 7);
  border: 1px solid #afb8c0;
  text-align:center
}
@media only screen and (max-width:87.499rem) {
  .calendar th,
  .calendar td {
    font-size:0.875rem;
    line-height:1.5
  }
}
.calendar th,
.minicalendar th {
  background:#f4f5f6
}
.calendar td,
.minicalendar td {
  background:white
}
.calendar td.active,
.minicalendar td.active {
  background:#25455f;
  font-weight:700;
  color:white
}
.calendar .empty,
.minicalendar .empty {
  background:#dde1e4
}
.calendar .event,
.minicalendar .event {
  margin-block:1rem
}
.calendar a,
.minicalendar a {
  text-align:left;
  color:inherit;
  font-weight:400
}
.minicalendar th,
.minicalendar td {
  padding:0.5rem
}


td.today {background-color:#b5e3ff;}
.dateFact {background-color: #b5e3ff; padding: 20px; margin-bottom: 25px;}
.dateFact p {margin-bottom: 10px;}
.dateFact span {display: block; float: left; margin-right: 20px; font-weight: bold; color:#006ab5;}
.mod_eventreader p.back {margin-top: 50px;}

.eventListe {display: table; width: 100%;}
.eventListe .layout_upcoming {display: table-row; border-bottom: 1px solid #7c7c7c; }
.eventListe .layout_upcoming.odd {background-color: #f2f2f2;}
.eventListTime {width: 50%; float: left; padding-right: 5%; box-sizing: border-box; padding-top: 10px; padding-bottom: 10px;}
.eventListTitle {width: 50%; float: left; box-sizing: border-box; padding-top: 10px; padding-bottom: 10px;}
.eventListTitle a {text-decoration: none; color:#006eb5;}






.eventListDate {min-width: 180px; margin-right: 20px; float: left; display: block;}
.eventListClock {min-width: 80px; margin-right: 0px; float: left; display: block;}



#footer ul li, #footer ul li strong, #footer p {color: #f2f2f2; text-decoration: none;}
#footer h5 {color: #529dcd;}
#footer p {margin-bottom: 10px!important;}
.naviFoot {width: 100%; clear: both; margin-top: 20px; border-top: 1px solid #f2f2f2; padding-top: 20px;}
.naviFoot ul {list-style: none; float: right;}
.naviFoot ul li {float: left; margin-left: 25px;}
.naviFoot ul li a, .naviFoot ul li strong {color: #f2f2f2; text-decoration: none; transition: all 0.25s ease;}
.naviFoot ul li strong, .naviFoot ul li a:hover {color: #529dcd; transition: all 0.25s ease;}


/* Left */
.naviLeft {margin-bottom: 25px;}
.naviLeft ul li {border-bottom: 1px dotted #ccc; padding: 10px;}
.naviLeft ul li a, .naviLeft ul li strong {font-size: 1.125rem; line-height: 1.25rem; text-decoration: none; color: #4f5050; padding: 5px; display: block; transition: all 0.25s ease; font-weight: 400;}
.naviLeft ul li a:hover, .naviLeft ul li strong {color: #006eb5; transition: all 0.25s ease;}

/* Downloads */

.ce_downloads ul {list-style: none; margin-left: 2%; margin-bottom: 25px;} .ce_downloads ul li {margin-bottom: 5px!important; border-bottom: 1px solid #f2f2f2;}
.ce_downloads ul li img, .ce_download img {float: left; margin-right: 20px;}
.ce_downloads ul li a, .ce_download a {text-decoration: none; font-size: 1.0125rem; line-height: 1.45rem; color: #3b3b3b;}

.ext-pdf {background: url(../../files/vis/img/iconPDF.svg) left center no-repeat; padding-left: 35px;}
.ext-rar {background: url(../../files/vis/img/iconRAR.svg) left center no-repeat; padding-left: 35px;}
.ext-doc {background: url(../../files/vis/img/iconDoc.svg) left center no-repeat; padding-left: 35px;}

.widget-fine-uploader label {margin: 0 0 25px 0; display: block;}

/* Accordion */

.ce_accordion .toggler {background-color: #006ab3; color: #fff; text-align: left; padding: 10px 15px;font-family: 'Nunito Sans', Arial, sans-serif; font-weight: 400; font-size: 1.125rem; border-bottom: 1px solid #fff; transition: all 0.25s ease; position: relative;}
.ce_accordion .toggler.active, .ce_accordion .toggler:hover {background-color: #1953a4; transition: all 0.25s ease;}
.ce_accordion .toggler::after {content: '\203A'; position: absolute; color: #fff; right: 25px; display: inline-block; transition: all 0.25s ease;}
.ce_accordion .toggler.active::after, .ce_accordion .toggler:hover::after {-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); transition: all 0.25s ease;}

.ui-accordion-content {padding: 2%; background-color: #f2f2f2;}



/*kontaktformular*/
.formFly { padding: 50px 3%!important; -webkit-box-shadow: 0 10px 25px 0 #ddd; box-shadow: 0 10px 25px 0 #ddd; background-color: #fff;box-sizing: border-box;}
.formbody input[type="text"], .formbody input[type="tel"], .formbody input[type="email"],.formbody input[type="password"], textarea, select {border: 1px solid #dadada; width: 100%; min-width:200px; padding: 15px; box-sizing: border-box; font-family:  'Roboto', Arial, Helvetica, sans-serif; font-weight: 400;  color: #4f5050;}

.formbody .widget {width: 48%; float: left; margin: 1%;}
.formbody .widget.widget-textarea {clear: both; width: 100%; padding: 0 2% 0 0; box-sizing: border-box; font-family: 'Nunito Sans', Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; color: #4f5050;}
.formbody textarea {padding: 2%; font-family: 'Nunito Sans', Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; color: #4f5050; }
.formbody label {width: 100%; font-size: 1.0125rem; clear:both; padding-top:8px; margin-bottom: 10px!important; padding-left: 0!important;}
label.message {clear: both!important; display: block; margin-bottom: 5px!important;} 
span.mandatory {color:#ff0000;}
.formbody .widget.widget-captcha {clear: both; margin: 20px 0; float: none; width: 100%;} .formbody .widget.widget-captcha label {width: 200px;}
.formbody .widget.widget-captcha input {clear: both; width: 50px; min-width: 30px; margin-right: 10px; float: left;}
.captcha_text {float:left; padding:8px 0 2px 8px; font-size:0.875em;color: #4f5050;}
.luft {width: 100%; height: auto; display: block; float: none; clear: both;}

.widget-submit {clear: both!important; width: 100%; text-align: center; margin: 30px 0;}
.widget-submit button {margin:20px 0px; border:1px solid #ccc; color:#fff; padding:10px 25px; cursor:pointer; display: block; background-color: #006ab3; background-image: none!important; font-size: 1.0125rem; line-height: 1.2rem; border-radius: 0!important; transition: all 0.25s ease;}
.widget-submit button:hover {padding: 10px 35px; transition: all 0.5s ease;}


span.mandatory {vertical-align: top; padding-left: 2px;}
p.error {clear: both; display: block; color: #ff0000!important; font-size: 11px; margin-top: 20px;}
.ie7 p.error {margin-top: 5px; margin-left: 5px;}
.formbody br {clear: both; display: block;}
.widget.error {position: relative; padding-top: 40px; display: block; margin-top: 10px; clear: both;}


.widget fieldset {padding: 0!important; margin: 0!important;}
.widgetDS {width:98%!important; margin: 0 1%!important; padding: 0 2%; box-sizing: border-box;}
.widgetDS input {float: left!important; width: 40px!important; min-width: 40px; height: auto; margin-top: 5px;}
.widgetDS label {clear: none!important; padding-top: 0!important; display: block;}
.widgetDS p {font-size: 1.0125rem;}


/* LogIn */

.mod_login {width: auto; min-width: 450px; max-width: 50%; margin: 20px auto 50px;}
.mod_login .formbody .widget {width: 98%; float: none; clear: both;}
.mod_login label {color: #fff;}
.mod_login button.submit {width: 100%;}
p.login_info {color: #fff;}


/* Content Allgemein */

.kachelnLinks ul {list-style: none; display: flex; flex-wrap: wrap; margin-left: 0!important;}
.kachelnLinks ul li {float: left; flex-basis: 31%; margin: 1%; overflow: hidden;  padding: 0px!important; box-sizing: border-box;}
.kachelnLinks ul li:nth-of-type(3n+4) {clear: both;}
.kachelnLinks ul li::before {display: none;}
.kachelnLinks ul li a {background-color: #f2f2f2; color: #006eb5; text-decoration: none; font-size: 1.125rem; line-height: 1.85rem; border-radius: 25px; display: block; padding: 50px 20px; box-sizing: border-box; width: 98%; height: 98%; text-align: center; transition: all 0.25s ease;-webkit-box-shadow: 2px 2px 2px 0 #969696;
  box-shadow: 2px 2px 2px 0 #969696;}
.kachelnLinks ul li a:hover {background-color: #006eb5; color: #fff; transition: all 0.25s ease;}
.greyBgrLi a {background-color: #bebebe!important;}

p.ctlg_view_message {background-color:#5c7821; color: #fff; padding: 10px 15px;}

p.back a {background-color: #006eb5; color: #fff; text-decoration: none; padding: 10px 20px; transition: all 0.25s ease; }
p.back a:hover {padding: 10px 25px; transition: all 0.25s ease;}

a.linkBack {color: #666; text-decoration: none; font-size: 1rem; line-height: 1.25rem;}
a.linkBack::before {content:"\2190"; margin-right: 15px; display: inline-block;}


/* Listenmodul Catalog Manager */

.listeMaster {width: 100%; display: block; }
.listeMaster ul {list-style: none; margin-left: 0px!important;}
.listeMaster .operations li {float: left; width: 50px; height: 50px;}
.listeMaster .operations li a {display: block; text-indent: 9999999px;}

.listeMaster .operations li.act_edit a {background: url(../../files/vis/img/iconEdit.svg)center no-repeat; background-size: contain; display:block; position: relative; text-indent: -99999px; }
.listeMaster .operations li.act_delete a {background: url(../../files/vis/img/iconDelete.svg)center no-repeat; background-size: contain;display: block; position: relative; text-indent: -99999px; }
.listeMaster.ctlg_teaser .spalte3 ul li.act_delete a::before {display: none;}


/* Filter CM*/


.mod_catalogUniversalView .spalte1, .mod_catalogUniversalView .spalte2, .mod_catalogUniversalView .spalte3, .mod_catalogUniversalView .desc, .mod_catalogUniversalView .spalte4, .mod_catalogUniversalView .spalte5, .mod_catalogUniversalView .spalte6 {float: left;}
.mod_catalogUniversalView .spalte1 {width: 20%;}
.mod_catalogUniversalView .spalte2 {width: 30%;}
.mod_catalogUniversalView .spalte3 {width: 20%;}
.mod_catalogUniversalView .spalte4 {width: 15%;}
.mod_catalogUniversalView .spalte5 {width: 15%;}





.gebuehrenVis .spalte1 {width: 15%; min-width: 15%;}
.gebuehrenVis .spalte2 {width: 15%; min-width: 15%;}
.gebuehrenVis .spalte3 {width: 15%; min-width: 15%;}
.gebuehrenVis .spalte4 {width: 15%; min-width: 15%;}
.gebuehrenVis .spalte5 {width: 15%; min-width: 15%;}
.gebuehrenVis .spalte6 {width: 15%; min-width: 15%;}


.gebuehrenVis {display: table; width: 100%; }
.gebuehrenVis > div {display: table-cell;}



/* Tabelle */
.ctlg_table table {border-collapse: collapse; margin-top: 25px; margin-bottom: 50px; display: table; width: 100%;}
.ctlg_table table td {padding: 10px 10px 0 10px; box-sizing: border-box; height: auto!important; vertical-align: top;}
.ctlg_table table thead th {padding: 10px;}
.ctlg_table table tr {border-bottom: 1px solid #ccc;}
/*.ce_text table td:first-child {width: 50%;}*/
.ctlg_table table tr:nth-of-type(2n+1){background-color: #f2f2f2; border-bottom: 1px solid #5c7821;}


.qq-uploader {min-height: 50px; margin-top: 10px;}
span#captcha_text_id_ {margin-right: 15px;}
input.error {padding: 3px;}
.widget-fine-uploader {margin-bottom: 20px;}

.greyBgr {background: #ccc; padding-top: 25px;}

@media screen and (max-width: 1100px) {
  .kachelnLinks ul li {flex-basis: 48%;}
}

@media screen and (max-width: 850px) {
  .kachelnLinks ul li {flex-basis: 98%;}
}