/*@import url('https://fonts.googleapis.com/css?family=Eczar:400,600,700');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700');
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,600,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Asap:400,500,600,700&display=swap');*/


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

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

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


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

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

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

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

@font-face {
    font-family: "StolzlBook";
    src: url('../fonts/StolzlBook/font.woff2') format('woff2'), url('../fonts/StolzlBook/font.woff') format('woff');
  }
  @font-face {
    font-family: "StolzlMedium";
    src: url('../fonts/StolzlMedium/font.woff2') format('woff2'), url('../fonts/StolzlMedium/font.woff') format('woff');
  }
  @font-face {
    font-family: "StolzlBold";
    src: url('../fonts/StolzlBold/font.woff2') format('woff2'), url('../fonts/StolzlBold/font.woff') format('woff');
  }
  @font-face {
    font-family: "StolzlRegular";
    src: url('../fonts/StolzlRegular/font.woff2') format('woff2'), url('../fonts/StolzlRegular/font.woff') format('woff');
  }
  @font-face {
    font-family: "StolzlLight";
    src: url('../fonts/StolzlLight/font.woff2') format('woff2'), url('../fonts/StolzlLight/font.woff') format('woff');
  }
  @font-face {
    font-family: "StolzlThin";
    src: url('../fonts/StolzlThin/font.woff2') format('woff2'), url('webFonts/StolzlThin/font.woff') format('woff');
  }


body{
    color:#404040;
     font-family: 'StolzlBook', sans-serif;
    font-weight: 400;
    font-size: 18px;
    margin-top:90px;
    background:#F3F3F3;
}

::-moz-selection {
    background: #FF4B4E;
    color: #FFF;
}

.color-red-icon{
    color: #FF4B4E;
    margin-right: 10px;
}

::selection {
    background: #FF4B4E;
    color: #FFF;
}

.navbar-toggler:focus,
.navbar-toggler:active {
    outline: 0;
}

.navbar-toggler span {
    display: block;
    background-color: #444;
    height: 3px;
    width: 25px;
    margin-top: 4px;
    margin-bottom: 4px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    position: relative;
    left: 0;
    opacity: 1;
}

.navbar-toggler span:nth-child(1),
.navbar-toggler span:nth-child(3) {
    -webkit-transition: transform .35s ease-in-out;
    -moz-transition: transform .35s ease-in-out;
    -o-transition: transform .35s ease-in-out;
    transition: transform .35s ease-in-out;
}

.navbar-toggler:not(.collapsed) span:nth-child(1) {
    position: absolute;
    left: 12px;
    top: 10px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    opacity: 0.9;
}

.navbar-toggler:not(.collapsed) span:nth-child(2) {
    height: 12px;
    visibility: hidden;
    background-color: transparent;
}

.navbar-toggler:not(.collapsed) span:nth-child(3) {
    position: absolute;
    left: 12px;
    top: 10px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
    opacity: 0.9;
}




textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
    border-color:transparent;
    box-shadow:none;
    outline: 0 none;
}

a{
    color:#404040;
    outline:0;
}

a:active,
a:focus{
    outline:0;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
}

a.text-link-legal{
    text-decoration:underline;
}

a.text-link-legal:hover{
    color:#404040;
}

.news-big-cat.not-published .newstext-layer-cat,
.more-article-list  .not-published .news-content,
.not-published .news-content{
    background-color:rgba(255,170,133,0.8);

}
#navbarSupportedContent.collapsing,
#navbarSupportedContent.show{
    height: calc(100vh - 55px);
    overflow: hidden;
    padding-top:40px;
    padding-bottom:30px;
    text-align:center;
    width:100%;

}

#navbarSupportedContent.collapsing .navbar-nav .nav-item a,
#navbarSupportedContent.show .navbar-nav .nav-item a {
    font-size:30px;
}

.not-published-container{
    clear:both;
    display:inline-block;
    width:auto;
    float:left;
    text-align:center;
    background:#FC4343;
    position:absolute;
    top:55px;
    left:0;
    color:#fff;
    width:100%;
    padding:5px;
    font-size:14px;
}

.intern-link{
    font-family:"StolzlBold", sans-serif;
}

.avatar{
    width:40px;
    height:40px;
    line-height:40px;
    position:relative;
    display:inline-block;
    text-align:center;
    font-size:18px;
    text-transform: uppercase;
    border-radius:4px;
}
.avatar i{
    font-size:12px;
    position:absolute;
    bottom:4px;
    right:4px;
}

.avatar-container{
    position:relative;
    display:inline-block;
    vertical-align: text-top;
}


.message-container{
    position:relative;
    display:inline-block;
    vertical-align: text-top;
    width: 100%;
    top:0;
    margin-top:-10px;
}

article[data-publish="0"]{

}

.text-link.download-btn a{
    display: block;
    height: 50px;
    line-height: 50px;
    margin-bottom: 25px;
}

.text-link.download-btn a:before {
    content: "";
    display: inline-block;
    float: left;
    margin-right: 15px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #fff;
    background-image: url(../img/icons/icon-download.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 25px auto;
    box-shadow: -10px 6px 26px rgba(0, 0, 0, .16);
    transform: scale(1);
    transition: transform .2s ease;
}

.progress {
    border-radius: 0;
}
.progress-bar {
    background-color:#9DC925;
}

/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
    float:right;
}

.action-notify {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 34px;
    float:right;
    text-align: center;

}

/* enable absolute positioning */
.inner-addon {
    position: relative;
}

/* style glyph */
.inner-addon .fa {
    position: absolute;
    padding: 11px;

    pointer-events: none;
}

#searchresults .fa-search{
    font-size:22px;
}

/* align glyph */
.left-addon .fa  {
    left:  0px;
}
.right-addon .fa {
    right: 0px;
}

/* add padding  */
.left-addon input  {
    padding-left:  30px;
}
.right-addon input {
    padding-right: 30px;
}


/* Hide default HTML checkbox */
.switch input {
    display:none;
}

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input.default:checked + .slider {
    background-color: #444;
}
input.primary:checked + .slider {
    background-color: #9DC925;
}
input.success:checked + .slider {
    background-color: #8bc34a;
}
input.info:checked + .slider {
    background-color: #3de0f5;
}
input.warning:checked + .slider {
    background-color: #FFC107;
}
input.danger:checked + .slider {
    background-color: #f44336;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

@keyframes check {
    0% {
        height: 0;
        width: 0;
    }
    25% {
        height: 0;
        width: 9px;
    }
    50% {
        height: 18px;
        width: 9px;
    }
}
.checkbox{
    background-color:#fff;
    display:inline-block;
    height:28px;
    margin:0;
    margin-right:0.5em;
    width:28px;
    border-radius:50%;
    border:1px solid #ccc;
    float:left;
}
.checkbox span{
    display:block;
    height:28px;
    position:relative;
    width:28px;
    padding:0;
}
.checkbox span:after{
    -moz-transform:scaleX(-1) rotate(135deg);
    -ms-transform:scaleX(-1) rotate(135deg);
    -webkit-transform:scaleX(-1) rotate(135deg);
    transform:scaleX(-1) rotate(135deg);
    -moz-transform-origin:left top;
    -ms-transform-origin:left top;
    -webkit-transform-origin:left top;
    transform-origin:left top;
    border-right:4px solid #fff;
    border-top:4px solid #fff;
    content:'';
    display:block;
    height:18px;
    left:3px;
    position:absolute;
    top:15px;
    width:10px;
}
.checkbox span:hover:after{
    border-color:#fff
}
.checkbox input{
    display:none
}
.checkbox input:checked + span:after{
    -webkit-animation:check .8s;
    -moz-animation:check .8s;
    -o-animation:check .8s;
    animation:check .8s;
    border-color:#555;

}
.checkbox:hover{
    background-color:#9DC925;
}

.checkbox input:checked + .default:after{
    border-color:#444
}
.checkbox input:checked + .primary:after{
    border-color:#2196F3
}
.checkbox input:checked + .success:after{
    border-color:#9DC925
}
.checkbox input:checked + .info:after{
    border-color:#3de0f5
}
.checkbox input:checked + .warning:after{
    border-color:#FFC107
}
.checkbox input:checked + .danger:after{
    border-color:#f44336
}

ul span.text-notify,
ul.settings span.text-settings{
    max-width:70%;
    position:relative;
    display:inline-block;

}
ul span.text-notify{
    max-width:70%;
    width:70%;
}

.action-notify a:hover,
.action-notify a:focus,
.action-notify a:active{
    color:#FC4343;
}

.list-group-item.unseen{
    border-left:4px solid #FC4343;
}

.text-notify .btn{
    float:right;
}
#notification-count-menu,
#notification-count{
    position:absolute;
    top:5px;
    right:10px;
    z-index:12;
    width:10px;
    height:10px;
    border-radius: 50%;
    background-color:#FC4343;
}
#notification-count-menu{
    right:inherit;
    top:7px;
    left:22px;
    width:7px;
    height:7px;
}

/*NAVBAR TOP*/
.bg-light {
    background-color: #F3F3F3 !important;

}
body[data-pageid="11"] .bg-light{
    /* background-color:#fff !important;  */
}

#top-navbar{
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    padding-bottom:10px;
    right:0px;
}

#top-navbar.affix{
    padding-bottom:10px;
}
body.affix{
    margin-top:145px;
}

body.locked{
    overflow:hidden;
}

#scroll-to-top {
    position: fixed;
    right: 10px;
    bottom: 15px;
    z-index: 95;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
    display: block;
}

/*CONTAINER DEFINITONS*/
.page-container{
    margin: 0;
    padding:0;
    position:relative;

}

h1.article-title{
    font-family: 'StolzlBold', sans-serif;
    font-size: 20px;
    
    color:#404040;
    padding-top:30px;
    padding-bottom:0px;
}

h3.section-title{
    position: relative;
     font-family: 'StolzlBold', sans-serif;
    font-size: 20px;
    text-transform: none;
    color:#404040;
    text-align:center;
    text-decoration: none;
    padding-top:0px;
    padding-bottom:20px;
    font-size: 34px;
    font-weight:600;

}

article h3{
    font-family: 'StolzlBold', sans-serif;
    font-size:22px;
   
    color:#404040;
    padding:0;
    margin-top:20px;
    margin-bottom:20px;
}

article h4{
    font-family: 'StolzlBold', sans-serif;
    font-size:20px;
    color:#404040;
    padding:0;
    margin-top:20px;
    margin-bottom:20px;
}

h1{
     font-family: 'StolzlBold', sans-serif;

}

.modal-body h1{
     font-family: 'StolzlBold', sans-serif;
    font-size:30px;
   
    color:#404040;

}

.modal-body h2{
    font-family: 'StolzlBold', sans-serif;
    font-size:22px;
    color:#404040;
    padding-top:40px;
}

.modal-header h3{
    font-family: 'StolzlBold', sans-serif;
    font-size: 1.5rem;
    color:#404040;
    padding-left:25px;
}

.modal-body h3{
    font-family: 'StolzlBold', sans-serif;
    font-size: 1.3rem;
    color:#404040;
}

.modal-body h4{
    font-family: 'StolzlBook', sans-serif;
    font-size:16px;
    font-weight:normal;
    color:#404040;
}

.webui-popover-inner .close,
.modal-content .close {
    float: right;
    font-size: 40px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}

.webui-popover-inner .close{
    position:absolute;
    top:8px;
    color:#FC4343;
    right:10px;
    width:30px;
    height:30px;
    font-size: 30px;
    line-height: 30px;
    border-radius:50%;

}

#wizardModal .modal-content .close{
    position:absolute;
    color:#FC4343;
    width:40px;
    margin:0;
    right:40px;
    top:20px;
    padding:0;
    text-align: center;
    height:40px;
    line-height: 36px;
    border-radius:50%;
    border:2px solid #FC4343;
}
#wizardModal .modal-header {
    border-bottom: none;
}

.modal-content .container-image{
    position:relative;
    display:inline-block;
    width:100%;
    /* height:350px;
     overflow:hidden;*/
    margin-bottom:30px;
}
.modal-content .container-image img{
    margin-top:-80px;
    width:100%;
    height:auto;

}

.modal-content a.btn{
    margin-bottom:40px;
}

#link-to-top{
    position:relative;
    top:0px;
    right:0px;
    width:40px;
    height:40px;
    text-align:center;
    color:#fff;
    line-height: 36px;
    font-size:22px;
    float:right;
    border-radius: 50%;
    border:2px solid #fff;
    cursor:pointer;
    z-index: 100;
}

.picture-quote figcaption,
article blockquote{
    position:relative;
    font-family: 'StolzlBook', sans-serif;
    display:block;
    width:96%;
    margin-top:30px;
    margin-bottom:30px;
    margin-left:auto;
    margin-right:auto;
    font-weight:bold;
    text-align:center;
    font-size:20px;
}
.picture-quote figcaption{
    font-size:20px;
    text-align: center;
    width:90%;
    color:#404040;
    line-height:1.2;
    padding-left:0px;
    padding-right:0px;
}

.page-container.dark{
    background-color:#E6E6E6;
}

.page-container.light{
    background-color:#f4f4f4;
}

.background-image-container {
    position:relative;
    display:block;
    background-size: 100%;
    background-position: top center;
    background-repeat: no-repeat;
    width:100%;
    margin: 0 auto;
    min-height:560px;


}

.navbar-brand{
    /* background:url('../img/logo_lehmbau_web.png') top left no-repeat;*/
    width: 140px;
    height: 36px;
    background-size: 100%;
    margin-top: 8px;
    background:url('../img/logo-augsburger-lehmbau-gruppe.svg') top left no-repeat;
}

.navbar-light .navbar-toggler {
    color: #404040;
    border-color: transparent;
}

.navbar-nav.level-0{
    margin-left: auto !important;
}

.navbar-nav .nav-item{
    padding:5px 10px;
}

.navbar-nav .dropdown a,
.navbar-nav .nav-item a{
    position: relative;
    display: inline-block;
    margin: 7px 10px;
    outline: none;
    text-decoration: none;
    text-transform: uppercase;
    color:#404040;
    font-size: 16px;
    text-transform: uppercase;
    line-height:22px;
}

/* Effect 3: bottom border enlarge */
#top-navbar .navbar-nav.level-0 a {
    padding: 0 0 10px;
}
#top-navbar .navbar-nav.level-0 a::after {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 1px;
    background: #404040;
    content: '';
    opacity: 0;
    -webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    -moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
    transition: height 0.3s, opacity 0.3s, transform 0.3s;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    transform: translateY(-10px);
}

i.is-private{
    color:#f44336;
}

/*kontakt*/
body[data-pageid="18"] h3.section-title{
    color:#E40046;
}
#top-navbar .navbar-nav.level-0 a[data-uid="18"]::after {
    background:#E40046;
}

/*unternehmen*/
body[data-pageid="15"] h3.section-title{
    color:#004F71;
}
#top-navbar .navbar-nav.level-0 a[data-uid="15"]::after {
    background:#004F71;
}

/*Menschen*/
body[data-pageid="16"] h3.section-title{
    color:#FFB81C;
}


#top-navbar .navbar-nav.level-0 a[data-uid="16"]::after {
    background:#FFB81C;
}

/*New Work*/
body[data-pageid="325"] h3.section-title{
    color:#8073EB;
}
#top-navbar .navbar-nav.level-0 a[data-uid="325"]::after {
    background:#8073EB;
}

/*Ukraine*/
body[data-pageid="373"] h3.section-title{
    color:#215CA8;
}
#top-navbar .navbar-nav.level-0 a[data-uid="373"]::after {
    background:#215CA8;
}

/*Perspektive*/
body[data-pageid="17"] h3.section-title{
    color:#FF671F;
}
#top-navbar .navbar-nav.level-0 a[data-uid="17"]::after {
    background:#FF671F;
}

/*Service*/
body[data-pageid="22"] h3.section-title{
    color:#A50034;
}

#top-navbar .navbar-nav.level-0 a[data-uid="22"]::after {
    background:#A50034;
}

#top-navbar .navbar-nav.level-0 .nav-item  a.active::after,
#top-navbar .navbar-nav.level-0 a:hover::after,
#top-navbar .navbar-nav.level-0 a:focus::after {
    height: 5px;
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transform: translateY(0px);
}

/*Dropdown Navbar Top*/
#navbarDropdownMenuLink{
    margin-top:-6px;

}
/*no carret*/
.dropdown-toggle::after {
    display: none;

}

#search-load-btn i,
#navbarDropdownMenuLink i{
    font-size:24px;

}

#search-load-btn{
    margin-top:-4px;
    margin-right:-20px;
}

#search-load-btn i{
    font-size:20px;
}

/**add arrow to dropdown menu */
.dropdown-menu-arrow {
    top: 30px;
    left: 0%;
    width: 0;
    height: 0;
    position: absolute;
}
.dropdown-menu-arrow:before,
.dropdown-menu-arrow:after {
    content: "";
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-width: 7px 8px;
    border-style: solid;
    border-color: transparent;
    z-index: 1001;
}
.dropdown-menu-arrow:after {
    bottom: -18px;
    right: -8px;
    border-bottom-color: #fff;
}
.dropdown-menu-arrow:before {
    bottom: -17px;
    right: -8px;
    border-bottom-color: rgba(0,0,0,.15);
}
/** end **/


.dropdown-menu.profil-menu{
    max-width:200px;
    border:none;
    margin-left:-150px;
    border-radius: 0;
    box-shadow:2px 1px 4px rgba(0,0,0,0.2);
}


.profil-menu .avatar{
    padding-top:20px;
    text-align:center;
}
.profil-menu .avatar i{
    font-size:30px;
}

.profil-menu #user-quickinfo{
    padding-top:0px;
    padding-bottom:20px;
    text-align:center;
    font-size:14px;
    font-weight:bold;
}
#top-navbar.navbar-light .navbar-toggler {
    right:120px;
    top:14px;
    position:absolute;
}

#profil-top-nav{


}


.profil-nav{
    position:absolute;
    right:20px;
    top:10px;
    width:100px;
    float:left;
    display:inline-block;
}

.profil-nav.navbar-nav .nav-item{
    float:left;
    width:50px;

    line-height:40px;
}

.profil-nav.navbar-nav .nav-item a{
    font-size:12px;
    margin:0;
    text-transform: none;
    color:#404040;
    text-decoration:none;
}

.profil-nav a.dropdown-item:focus,
.profil-nav a.dropdown-item:active,
.profil-nav a.dropdown-item:hover{
    background:#404040;
    color:#fff;
}

.profil-nav.navbar-nav .nav-item a i{
    margin-right:7px;
}


.profil-nav.navbar-nav a.btn-primary{
    border-radius:0;
    background:#404040;

    font-weight:bold;
    color:#fff;
}


.profil-nav.navbar-nav a.btn-primary:hover{
    background:#fff;
    color:#404040;
}


.btn-secondary,
.btn-primary{
    border-radius:0;
    background:transparent;
    border:2px solid #404040;
    font-weight:bold;
    color:#404040;
    font-size:12px;
    text-transform: uppercase;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active{
    background:#404040;
    color:#fff;
    border-color:#404040;
}

.btn-secondary{
    border:none;
    font-size:14px;
    text-transform: none;
    font-weight:normal;
}
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active{
    border:none;
    color:#404040;
    background: transparent;
    font-weight:bold;
}

.btn-primary:focus,
.btn-primary:active{
    background:#242424;
}


.profil-nav.navbar-nav .text-center{
    padding-top:30px;
    padding-bottom:30px;
}

.profil-menu .avatar-container.text-center{
    width:100%;
    padding:0;
    padding-top:20px;
}


.newslist{
    list-style: none;
    padding:0;
    margin:0;
    display:inline-flex;
    width:100%;
    vertical-align: text-top;
}

.affliate-container,
.newslist-start{
    width:100%;
    position:relative;
    box-sizing: border-box;
    display:inline-block;
    background-color:#F0F2F1;

}


.more-article-list {

    padding-bottom:100px;
}

.newslist-start .news-content{
    position:relative;
    display:inline-block;
    width:100%;
    padding-left:40px;
    padding-right:40px;
}

.news-content,
.more-article-list .news-content{
    position:relative;
    background-color:#fff;
    padding-left:15px;
    padding-right: 15px;
    display:inline-block;
    font-size:14px;
    min-height: 390px;
    width:100%;
    box-sizing: border-box;

}

.news-big-cat .news-content{
     min-height: 490px;
}

.newslist-text .news-small .more-link-container-pos,
.newslist-cat.more-article-list .news-small .more-link-container-pos{
    left:15px;
}

.newstext-layer-cat .article-action-icon a i,
.news-content .article-action-icon a i{
    background:transparent;
    color:#404040;
    border-radius:0;
    font-size:14px;
    text-align: center;
}

.newstext-layer-cat .article-action-icon a.active i,
.newstext-layer-cat .article-action-icon i:hover,
.news-content .article-action-icon a.active i,
.news-content .article-action-icon i:hover{
    color:#FC4343;
}

.newstext-layer-cat .news-link,
.slider-element .news-link{
    font-size:14px;
}

.slider-element picture > img{
    max-width:100%;
    height:auto;
}

.affliate-container{
    background-color:#00395A;
    font-family: 'StolzlBook', sans-serif;
    color:#fff;
    font-size:40px;
    text-align: center;
    font-weight:600;
    padding-top:40px;
}


.newslist-start.news-small{
    min-height:215px;
    line-height:20px;
}

.affliate-container.news-medium,
.newslist-start.news-medium{
    margin-top:30px;
    margin-bottom:30px;
    min-height:500px;
}

.news-content-outer,
.newslist-start.news-big{
    min-height:460px;
}

.news-content-outer{
    background-color:rgba(255,255,255,0.7);
}

.newslist-start span{
    width:100%;
    display:block;
}

#searchresults-output h3 a,
.news-slider h3 a,
.newslist-cat h3 a,
.newslist-text h3 a,
.newslist-start h3 a{
    font-family: 'StolzlBold', sans-serif;
    font-weight: 400;
    color:#404040;


    margin-top:10px;
    font-size: 18px;
    line-height: 1.2;
    display: inline-block;
}


#searchresults-output .news-small h3 a,
.newslist-cat h3,
.news-medium h3,
.news-medium h3 a,
.news-small h3 a{
    font-size:20px;
    line-height:1.2;
    display:inline-block;

}

#searchresults-output .bottom.more-link-container-pos{
    bottom:20px;
}

#searchresults-output .news-small{
    margin-bottom: 20px;
}

#searchresults-output{
    overflow:auto;
    height:600px;
}

#searchresults-output ul{
    list-style:none;
    background:#fff;
    margin:0;
    padding:0;
    width:100%;
    display:inline-block;
    padding:5px;
}
#searchresults-output ul li a{
    color:#404040;
    font-size:16px;
    width:100%;
    display:inline-block;
    padding:10px 20px;
    margin-bottom:0px;
}

#searchresults-output ul li h3{
    padding:10px 20px;
    font-size:18px;
}
#searchresults-output ul li h3 div.matches-search{
    float:right;
    font-size:14px;
    line-height:24px;
}


#searchresults-output ul li a span{
    width:100%;
    display:inline-block;
    position:relative;
}
#searchresults-output ul li a span.title{
    font-weight:bold;
    font-size:18px;
    color:#404040;
}
#searchresults-output ul li a span.url{
    font-size:12px;
    color:#20692b;
}

#searchresults-output ul li a span.description{
    font-size:14px;
    color: #494949;
    line-height: 1.45;
}


#searchresults-output ul li a:hover{
    background-color:#f4f4f4;
}

.margin-top-small-news{
    margin-top:30px;
}
a.newslist-more-read-txt-link,
.newslist-start a.newslist-more-read-txt-link{
    font-size:12px;
    line-height:30px;
    text-transform: uppercase;
    font-weight:bold;
}

.news-slider .news-date,
.newslist-start .news-date{
    position:relative;
    display: inline-block;
    width:100%;
    color:#3E3E3E;
    font-size:10px;
    line-height:53px;
    margin-top:0px;
}
.news-slider .news-date{
    line-height:30px;
}

.newslist-start.news-big .news-date{
    margin-top:40px;
}


.newslist-start.news-small h3{
    margin:0;
    padding:0;
    line-height:14px;
    margin-bottom:10px
}

.newslist-start.news-small .news-date{
    margin-top:20px;
}

.newslist-start .news-cat-name{
    top:0;
    left:0;
    width:auto;
    background:#FC4343;
    font-size: 12px;
    color:#fff;
    padding:5px 10px;

}

.newslist-start.news-small .preview-img-container{
    position:relative;
    width:215px;
    height:215px;
    float:left;
}
.newslist-start.news-small .preview-img-container img{
    width:215px;
    height:215px;
}
.newslist-start.news-small .news-content{
    position:relative;
    width:215px;
    height:215px;
    padding:0;
    padding-left:10px;
    padding-right: 10px;

}
.newslist-start.news-small .news-date{
    margin:0;
}

footer{
    position:relative;
    padding-top:30px;
    background-color:#404040;
    margin-top:20px;
}

footer h4{
    font-family: 'StolzlBook', sans-serif;
    font-size:20px;
    color:#fff;
    margin-top:0px;
    font-weight:700;
}

footer .copyright{
    color:#fff;
    text-align:left;
    font-size:12px;
    padding-top:30px;
    padding-bottom:30px;
    padding-left:40px;
}

footer [data-pid="14"] .container{
    padding:0;
    padding-left:10px;
}


/**footer news**/

footer p{
    margin:0;
}

footer .navbar-nav{
    -ms-flex-direction:column;
    flex-direction:column;
}

footer .navbar-nav .nav-item a{
    font-family: 'StolzlBook', sans-serif;
    color:#fff;
    text-transform: none;
    font-size:20px;
    font-weight:bold;
    margin:0;
}

.preview-img-container{
    position:relative;

    display:inline-block;
    max-height:250px;
    width:100%;
    overflow:hidden;
    margin-bottom:-5px;
}

.preview-img-container img{
    width:100%;
}

/*needs fix*/
#searchresults{
    position:fixed;
    display:none;
    bottom:0;
    left:0;
    z-index:3000;
    height:100vh;
    width:100%;
    background:rgba(0,0,0,0.7);
}

#searchresults input.form-control{
    border-radius:0;
    border:none;
    font-size: 1.3rem;
}

.margin-top-results-container{
    margin-top:90px;
}

#searchresults-output{
    margin-top:40px;
}

a#close-search{
    position:absolute;
    right:20px;
    top:20px;
    width:40px;
    height:40px;
    text-align: center;
    border-radius: 50%;
    border:2px solid #fff;
    color:#fff;
    line-height:36px;
    font-size:20px;
    text-decoration: none;
}
.close-search{
    width:30px;
    height:30px;
    text-align: center;
    border-radius: 50%;
    border:2px solid #FC4343;
    color:#FC4343;

    line-height:26px;
    font-size:16px;
    text-decoration: none;
}

a#close-search:focus,
a#close-search:active,
a#close-search:hover{
    color:#FC4343;
    border-color:#FC4343;

}

/*text formation*/
.image-before-text{
    position:relative;
    display:inline-block;

    margin-bottom:10px;
}
.image-before-text img{
    max-width:100%;
}

/**NEWS SLIDER**/

.news-slider{
    position:relative;
    width:100%;
    display:block;

    padding:0;
    margin:0;
    padding-bottom:60px;
}

#slick-news-start{
    min-height: 460px;
    width:100%;
}
/*1080*/
#slick-news-start .slider-element{
    padding:0;
}
#slick-news-start .slick-dots{
    position: absolute;
    bottom: 10px;
    left:20px;
    text-align: left;

    width:86%;
}
#slick-news-start .slick-dots li{
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align:center;
    margin: 0 5px;
    padding: 0;
    padding-top:2px;
    cursor: pointer;
    background:#fff;
    color:#404040;
    border-radius:50%;
}

#slick-news-start .slick-dots li.slick-active{
    background:#404040;
    color:#fff;
}

.news-big-cat .news-image-left,
.slider-element .news-image-left{
    position:relative;
    display:inline-block;
    width:100%;
    height:260px;
    float:left;
    background:#fff;
}

.news-big-cat .news-text-right,
.slider-element .news-text-right{
    position:relative;
    display:inline-block;
    float:left;
    width:100%;
    height:400px;
    padding:10px;
    background:#fff;
}

.slider-slick{
    position:relative;
    margin-top:0px;
    margin-bottom:30px;
    display:block;
    margin-left:auto;
    margin-right: auto;
    max-width:100%;
    background:transparent;
    min-height:200px;
}
.slick-dotted.slick-slider {
    margin-bottom: 80px;
}
.slider-slick .slider-slick-element{
    padding:20px 50px;
}

.slider-element img{
    max-height:320px;
    margin-left:auto;
    margin-right:auto;
}

.slider-element .caption{
    width:calc(100% - 4px);
    position:absolute;
    display:inline-block;
    bottom:0;
    margin-top:0px;
    padding-top:10px;
    padding-bottom:10px;
    padding-left:10px;
    background:rgba(255,255,255,0.8);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    text-align:center;
    color:#404040;
}


/*over container layer news categorie*/
.news-big-cat{
    position:relative;
    display:inline-block;
    min-height:370px;
    background-color:transparent;
}

.newstext-layer-cat{
    position:relative;
    display:inline-block;
    width:100%;
    height:370px;
    top:0px;
    margin-left:0px;
    padding-top:15px;
    padding-left:15px;
    padding-right:15px;
    background:#fff;
    z-index:2;
}

.newsimage-layer-cat{
    position:relative;
    left:0px;
    top:0;
    width:100%;
    height:inherit;
    z-index:1;
    background-color:rgba(0,0,0,0.1);
}

.newsimage-layer-cat img{
    width:100%;
    height:100%;
}

#searchresults-output .news-small .news-date,
.newslist-cat .news-small .news-date,
.newslist-text .news-medium .news-date,
.newslist-text .news-small .news-date,
.newstext-layer-cat .news-date{
    position:relative;
    width:100%;
    font-size:12px;
    display:inline-block;
    color:#404040;
    margin-bottom:10px;
}

.newslist-text .news-small{
    margin-top:30px;
    min-height:500px;


}

.news-link:active,
.news-link:focus,
.news-link:hover{
    text-decoration:none;
    color:#404040;
}

.bottom .article-action-icon a i,
.bottom .article-action-icon i{
    background:transparent;
    color:#C8C9C8;
}

.bottom .favCounter,
.article-action-bottom-container a,
.bottom .article-action-icon a{
    display:inline-block;
    position:relative;
    color:#C8C9C8;
    text-decoration:none;
}

.bottom .article-action-icon a:hover,
.bottom .article-action-icon i:hover{
    background:transparent;
    color:#404040;
    text-decoration: none;
}

.more-link-container-pos{
    width:calc(100% - 30px);

    bottom:15px;
    left:15px;
}
.news-big-cat .more-link-container-pos.bottom{
    left:15px;
    bottom:15px;
    width:calc(100% - 30px);
}
.newslist-text .news-small .more-link-container-pos{
    left:15px;
}
#searchresults-output .news-small .more-link-container-pos,
.newslist-cat .news-small .more-link-container-pos{
    left:15px;
}


.newslist-text .news-medium{
    margin-top:30px;
}

.catbutton-container{
    margin-top:60px;
    margin-bottom:85px;
}

.news-slider .article-action-icon,
.newslist-cat .article-action-icon,
.newslist-text .article-action-icon{
    margin-top:-10px;
}

.newslist-text .news-medium .preview-img-container{
    overflow:hidden;
    max-height:260px;
    margin-bottom:-6px;
}
.newslist-text .news-medium .news-content{
    position: relative;
    width:100%;
    display:inline-block;
    padding-left:40px;
    padding-right:40px;
    background-color: #fff;
    min-height:250px;
    margin-bottom:30px;
}





.news-cat-name a:focus,
.news-cat-name a:active,
.news-cat-name a:hover{
    text-decoration: none;
}

#searchresults-output .news-small .news-cat-name,
.news-slider .news-cat-name,
.news-big-cat .news-cat-name,
.newslist-cat .news-small .news-cat-name,
.newslist-text .news-medium .news-cat-name,
.newslist-text .news-small .news-cat-name{
    position:relative;
    width:100%;
    display:inline-block;
    color:#FC4343;
    font-size:12px;
    font-weight:600;
    text-transform: uppercase;
    line-height:1.2;
    margin-top:15px;
}
.news-cat-name a{
    color:#FC4343;
    font-size:12px;
    text-transform: uppercase;
    font-weight:600;
}

.cat-heading{
    background-color:#404040;
    color:#fff;
    font-size:25px;
    font-family: 'StolzlBold', sans-serif;
    min-height:165px;
    padding-top:20px;
    padding-left:20px;
}



/*unternehmen*/
.cat-line[data-uid="15"],
.cat-heading[data-uid="43"]{
    background-color:#004F71;
}

.cat-heading[data-uid="43"] {
    margin-top: 75px;
}

/*unternehmen*/
.news-cat-name a[data-uid="15"]{
    color:#004F71;
}

.cat-line{
    position:absolute;
    margin-top:-1px;
    right:15px;
    z-index:12;
    height:3px;
    width:150px;
}

.news-small .cat-line{
    width:150px;
    right:0px;
}

.news-big-cat .cat-line,
.news-slider .cat-line{
    width:50%;
    right:-10px;
    margin-top:-10px;
}

.news-big-cat .cat-line{
    top:0;
    right:0px;
    margin-top:0;
}

.article-body .cat-line{
    top:0;
    margin-top:0;
    right:-15px;
    width:50%;
    height:5px;
}
.article-body .cat-line.move-right{
    right:-49px;
}


/*menschen*/
.cat-line[data-uid="16"],
.cat-heading[data-uid="44"]{
    background-color:#FFB81C;
}

/*menschen*/
.news-cat-name a[data-uid="16"]{
    color:#FFB81C;
}

/*perspektive*/
.cat-line[data-uid="576"],
.cat-line[data-uid="17"],
.cat-heading[data-uid="42"]{
    background-color:#FF671F;
}
/*perspektive*/
.news-cat-name a[data-uid="17"]{
    color:#FF671F;
}

/*service*/
.cat-line[data-uid="22"],
.cat-heading[data-uid="57"]{
    background-color:#A50034;
}

/*service*/
.news-cat-name a[data-uid="22"]{
    color:#A50034;
}

/*New Work*/
.cat-line[data-uid="325"],
.cat-heading[data-uid="715"]{
    background-color:#8073EB;
}

/*New Work*/
.news-cat-name a[data-uid="325"]{
    color:#8073EB;
}

/*Ukraine*/
.cat-line[data-uid="373"],
.cat-heading[data-uid="874"]{
    background-color:#215CA8;
}

.cat-heading[data-uid="874"]{
    margin-top:30px;
}


.news-cat-name a[data-uid="373"]{
    color:#215CA8;
}

/*KI*/
.cat-line[data-uid="589"],
.cat-heading[data-uid="1285"]{
    background-color:#3999cb;
}

.cat-heading[data-uid="1285"]{
    margin-top:30px;
}

.news-cat-name a[data-uid="589"]{
    color:#3999cb;
}

body[data-pageid="589"] h3.section-title {
    color: #3999cb;
}

/*Lehmbau College*/
.cat-line[data-uid="590"],
.cat-heading[data-uid="1286"]{
    background-color:#8ca1d3;
}

.cat-heading[data-uid="1286"]{
    margin-top:30px;
}

.news-cat-name a[data-uid="590"]{
    color:#8ca1d3;
}

body[data-pageid="590"] h3.section-title {
    color: #8ca1d3;
}

/*Aus dem Archive*/
.cat-line[data-uid="598"],
.cat-heading[data-uid="1295"]{
    background-color:#808080;
}

.cat-heading[data-uid="1295"]{
    margin-top:30px;
}

.news-cat-name a[data-uid="598"]{
    color:#808080;
}

body[data-pageid="598"] h3.section-title {
    color: #808080;
}


.margin-top-toheading{
    margin-top:-110px;
}

.newslist-cat .news-small{
    margin-top:30px;
    min-height:500px;
}

.newslist-cat .news-small .article-info-icon i{
    width:20px;
    font-size:10px;
    line-height: 20px;
    text-align: center;
    height:20px;
}

.news-slider .article-info-icon i{
    width:24px;
    font-size:12px;
    line-height: 24px;
    text-align: center;
    height:24px;
}

.newslist-text{
    padding-bottom:50px;
    width: calc(100% + 30px);
    margin-left: -15px;
}

.action-sort-news{
    padding-top:80px;
    padding-bottom:50px;
}
#dropdownMenuLinkFilter{
    color: #404040;
    font-size: 14px;
    font-weight:bold;

}
/*
.sort-news li a::after {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 1px;
    background: #404040;
    content: '';
    opacity: 0;
    -webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    -moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
    transition: height 0.3s, opacity 0.3s, transform 0.3s;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    transform: translateY(-10px);
}
*/
a#dropdownMenuLinkFilter{
    text-decoration:none;
}

#choosen-filter{
    border-bottom:3px solid #404040;
    line-height:28px;
    padding-bottom:4px;
    font-size:16px;
    text-decoration: none;

}




#filter-article-nav .navbar-toggler{
    right:-15px;
    position: absolute;
}

ul.sort-news{
    right:0;
    position: absolute;
    background:#f4f4f4;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    text-transform: none;
    max-width: 200px;
    width: 200px;
}

.dropdown-menu.filter-menu{
    position:absolute;
    right:0;
    width:250px;
}

ul.sort-news li{
    width:100%;
    display:inline-block;
}
ul.sort-news li a {
    position: relative;
    display: inline-block;
    margin: 7px 10px;
    padding-left:5px;
    outline: none;
    text-decoration: none;
    color: #404040;
    font-size: 14px;
    font-weight:bold;
    line-height: 28px;
    text-transform: none;
    width:200px;
}
/*unternehmen*/
.sort-news[data-parentid="15"] li.active a,
.sort-news[data-parentid="15"] li a:hover,
.sort-news[data-parentid="15"] li a:focus {
    background-color:#004F71;
    color:#fff;
}
body[data-pageid="15"] #choosen-filter{
    border-bottom:3px solid #004F71;
}

body[data-pageid="15"] ::-moz-selection,
body[data-parentid="15"] ::-moz-selection {
    background: #004F71;
    color: #FFF;
}
body[data-pageid="15"] ::selection,
body[data-parentid="15"]  ::selection {
    background: #004F71;
    color: #FFF;
}


/*menschen*/
.sort-news[data-parentid="16"] li.active a,
.sort-news[data-parentid="16"] li a:hover,
.sort-news[data-parentid="16"] li a:focus {
    background-color:#FFB81C;
    color:#fff;
}
body[data-pageid="16"] #choosen-filter{
    border-bottom:3px solid #FFB81C;
}

body[data-pageid="16"] ::-moz-selection,
body[data-parentid="16"] ::-moz-selection {
    background: #FFB81C;
    color: #FFF;
}
body[data-pageid="16"] ::selection,
body[data-parentid="16"]  ::selection {
    background: #FFB81C;
    color: #FFF;
}

/*trends*/
.sort-news[data-parentid="17"] li.active a,
.sort-news[data-parentid="17"] li a:hover,
.sort-news[data-parentid="17"] li a:focus {
    background-color:#FF671F;
    color:#fff;
}
body[data-pageid="17"] #choosen-filter{
    border-bottom:3px solid #FF671F;
}

body[data-pageid="17"] ::-moz-selection,
body[data-parentid="17"] ::-moz-selection {
    background: #FF671F;
    color: #FFF;
}
body[data-pageid="17"] ::selection,
body[data-parentid="17"]  ::selection {
    background: #FF671F;
    color: #FFF;
}

/*new work*/
.sort-news[data-parentid="325"] li.active a,
.sort-news[data-parentid="325"] li a:hover,
.sort-news[data-parentid="325"] li a:focus {
    background-color:#8073EB;
    color:#fff;
}
body[data-pageid="325"] #choosen-filter{
    border-bottom:3px solid #8073EB;
}

body[data-pageid="325"] ::-moz-selection,
body[data-parentid="325"] ::-moz-selection {
    background: #8073EB;
    color: #FFF;
}
body[data-pageid="325"] ::selection,
body[data-parentid="325"]  ::selection {
    background: #8073EB;
    color: #FFF;
}

/*Ukraine*/
.sort-news[data-parentid="373"] li.active a,
.sort-news[data-parentid="373"] li a:hover,
.sort-news[data-parentid="373"] li a:focus {
    background-color:#215CA8;
    color:#fff;
}
body[data-pageid="373"] #choosen-filter{
    border-bottom:3px solid #215CA8;
}

body[data-pageid="373"] ::-moz-selection,
body[data-parentid="373"] ::-moz-selection {
    background: #215CA8;
    color: #FFF;
}
body[data-pageid="373"] ::selection,
body[data-parentid="373"]  ::selection {
    background: #215CA8;
    color: #FFF;
}


/*service*/
.sort-news[data-parentid="22"] li.active a,
.sort-news[data-parentid="22"] li a:hover,
.sort-news[data-parentid="22"] li a:focus {
    background-color:#A50034;
    color:#fff;
}
body[data-pageid="22"] #choosen-filter{
    border-bottom:3px solid #A50034;
}

body[data-pageid="22"] ::-moz-selection,
body[data-parentid="22"] ::-moz-selection {
    background: #A50034;
    color: #FFF;
}
body[data-pageid="22"] ::selection,
body[data-parentid="22"]  ::selection {
    background: #A50034;
    color: #FFF;
}


.action-sort-news .dropdown-menu{
    max-width:350px;
    width:350px;
    border-radius:0;

    border:none;
    background:transparent;
}

.dropdown-menu[data-link="dropdownMenuLink"]{
    background: rgba(255,255,255,0.8);
}

.action-sort-news .dropdown-toggle::after {
    display: inline-block;
}

.btn-link{
    color: #404040;
    font-size: 16px;
    font-weight:bold;
    line-height: 28px;
}
.btn-link:active,
.btn-link:focus,
.btn-link:hover{
    text-decoration: none;
    color: #404040;
}


.news-spacer{
    position:relative;
    width:100%;
    display:inline-block;
    height:10px;
    background-color:#00395A;

}
.cat-spacing-start{
    margin-bottom:40px;
}

.background-image{
    height:250px;
    width:100%;
    display:block;
    background-size:cover !important;
    background-position:center center;
    margin-left:auto;
    margin-right:auto;
    z-index:3;
}

.transparent-background{
    position:absolute;
    right:20px;
    display:none;
    height:520px;
    width:340px;
    padding:20px;
    z-index:4;
    color:#fff;


}
.article-info-descr{
    position:relative;
    background-color:rgba(255,255,255,0.8);
    height:520px;
    width:100%;
    right: 0px;
    padding:20px;
    z-index:4;
    color:#fff;
}

.col-4.transparent-background{
    margin-left:-15px;

}

.article.background-image{
    padding:0px;
    background-color:transparent;
}
.container.article{
    background-color:rgba(0,0,0,0.2);
    padding:0;
}

.article-body img.image-greater{
    cursor: zoom-in;

}

img.slide-content{
    background-color:#fff;
}

.article-media-container,
.article-body{
    position:relative;
    padding-top:30px;
    padding-bottom:30px;
    width:100%;
    background:#fff;
    margin-top:0px;
    margin-left:auto;
    margin-right:auto;
    display:block;
    z-index:10;
}
.article-body{
    background:#fff;
    top:0px;
    z-index:14;
}

.article-body-outer{
    position:relative;
    z-index: 4;
    background:#fff;
}

.article-body .pagination-container{
    padding-top:20px;
    padding-bottom:20px;
}
.article-body a{
    text-decoration:underline;
}

.pagination-container a,
.article-body .article-action-bottom-container a{
    text-decoration:none;
}

.pagination-container .next-link span,
.pagination-container .prev-link span{
    display:none;
}

.article-media-container{
    position:relative;
    margin-top:-60px;
    padding-top:0px;
    background:transparent;
    z-index:8;
    width:100%;
}

.more-artikel h3.cat-heading{
    font-family: 'StolzlBold', sans-serif;
    width:calc(100% + 30px);
    margin-left:-15px;
    background:#404040;
    padding-left:20px;
    padding-top:30px;
    font-size:25px;
    color:#fff;
}

.tags-container{
    position:relative;
    min-height:100px;
    color:#707070;
    width:96%;
}

.dropdown-menu .tags-list,
.tagslist-footer,
.tags-container ul{
    list-style:none;
    margin:0;
    padding:0;
}

.dropdown-menu .tags-list li,
.tagslist-footer li,
.tags-container li{
    float:left;
    margin:3px 5px;
    background:#fff;
    color:#404040;
    font-size:10px;
    padding:3px 8px;
}

.tagslist-footer li a:hover{
    font-weight:bold;
    color:#404040;
    text-decoration: none;
}

.dropdown-menu .tags-list li{
    background:#404040;
    color:#fff;
}
.dropdown-menu .tags-list li a{
    color:#fff;
    text-decoration: none;

}
.dropdown-menu .tags-list li a:hover{
    font-weight:bold;
}


.autor-container{

    height:100px;
    width:86%;
    color:#707070;
    position:absolute;
    bottom:70px;
}

#playVideo,
#playAudio{
    position:relative;
    display:block;
    margin-top: -180px;
    width:50px;
    background:#fff;
    left:5%;
    height:50px;
    font-size:20px;
    line-height: 50px;
    text-align: center;
    color:#404040;
    border-radius:50%;
}

.article-media-container .playervideo-container,
.article-media-container .playeraudio-container{
    top:-80px;
    display:none;
}
.position-to-top{
    margin-top:-560px;
    max-height:560px;
}


.article-info{
    font-size:12px;
    color:#404040;
}

.article-info-icon,
.article-action-icon{
    display:inline-block;
}

.news-small .article-info-icon,
.news-slider .article-info-icon{
    margin-top:-4px;
}

.article-action-icon i,
.article-info-icon i{
    background:#C8C9C8;
    color:#fff;
    border-radius:50%;
    width:26px;
    font-size:12px;
    line-height: 26px;
    text-align: center;
    height:26px;
}
.article-action-icon i:hover{
    background:#404040;
    color:#fff;
    cursor:pointer;
}

.article-info-icon i.is-private{
    color:#f44336;
}

/*CONTENT STYLING*/

.box.center-block{
    position:relative;
    width:100%;
    display:inline-block;
    text-align:center;
}

.box.center-block img{
    width:100%;
    margin-left:auto;
    margin-right:auto;

}


.text-container,
.right-image-in-text,
.left-image-in-text,
.right-image-text,
.left-image-text{
    clear:both;
    position:relative;
    display:inline-block;
    width:100%;
    box-sizing: border-box;
    vertical-align: text-top;
    padding-top:20px;
    padding-bottom:20px;
}

.left-image-text .box img,
.right-image-text .box img{
    max-width:100%;
}

.left-image-text .container-left{
    position:relative;
    display:inline-block;
    width:auto;
    margin-right:15px;
    vertical-align: text-top;
}
.left-image-text .container-left figure{
    margin:0;
}


.left-image-text .container-right{
    position:relative;
    display:inline-block;
    width:inherit;
    max-width:60%;
    vertical-align: text-top;

}

.left-image-text.percent-30 .container-left{
    max-width:94%;
}

.left-image-text.percent-30 .container-right{
    max-width:100%;
}

.left-image-text .container-left img{
    max-width:100%;
}

.left-image-text.percent-40 .container-right{
    max-width:100%;
}



.left-image-text.percent-50 .container-left.image{
    max-width:100%;
}
.left-image-text.percent-50 .container-right{
    max-width:100%;
}


.left-image-text.percent-50 img{
    max-width:100%;
}


.left-image-text.percent-30 .float-left{
    max-width:100%;
}

.left-image-text.percent-40 .float-left{
    max-width:100%;
}

.left-image-text.percent-50 .float-left{
    max-width:100%;
}


.right-image-text.percent-40 .container-left{
    max-width:100%;
}
.right-image-text.percent-40 .container-right.image{
    max-width:100%;
}
/*70% text / 30% image*/
.right-image-text.percent-30 .container-left{
    max-width:100%;
}
.right-image-text.percent-30 .container-right.image{
    max-width:100%;
}



.right-image-text.percent-30 .box.float-right,
.right-image-text.percent-30 .float-right{
    max-width:100%;
}

.right-image-text.percent-40 .box.float-right,
.right-image-text.percent-40 .float-right{
    max-width:100%;
}

.right-image-text.percent-50 .box.float-right,
.right-image-text.percent-50 .float-right{
    max-width:100%;
}


.right-image-text .container-right.image img{
    max-width:100%;
}

.right-image-text.percent-50 .container-left{
    max-width:48%;
}
.right-image-text.percent-50 .container-right.image{
    max-width:50%;
}

/*CONTENT STYLING*/


article{

    padding-bottom: 30px;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    article .container.article.background-image .row {
        width: calc(100% + 31px);
    }
}


.image-inside picture{
    width: 100%;

    height:auto;

}
.image-inside picture > img{
    width: calc(100% + 30px);
    left:0;
    margin-left:-15px;


    height:auto;
}


h1.jobs-title {
    padding-top: 20px;
    font-size:30px;
}

figure{

}



figcaption{
    font-size:12px;
    color:#707070;
    line-height:20px;
    font-style: italic;
    text-align: left;
}

.right-image-text .container-left{
    position:relative;
    display:inline-block;
    width:100%;
    margin-right:15px;
    vertical-align: text-top;
}

.right-image-text .container-right{
    position:relative;
    display:inline-block;
    width:auto;
    vertical-align: text-top;

}

.gap-right{
    margin-right:15px;
}

.gap-left{
    margin-left:15px;
}


/*LOGIN AREA*/
/*LOGIN AREA*/
html,
body#user-login {
    margin: 0;
    padding: 0;
    width: 100%;
    min-height: 100%;
    height: auto;
}

body#user-login {
    background: #F3F3F3;
    overflow-x: hidden;
}

/* Zentriert Ticker + Login gemeinsam */
body#user-login .login-page-center {
    min-height: 100vh;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    padding: 40px 15px;
}

/* ============================================================
   Login: IT-Störungsmeldung im NewsNet-Loginlayout
============================================================ */

body#user-login #ticker-container.login-status-container {
    display: none;
    position: relative;
    width: 100%;
    max-width: 1140px;
    margin: 0 0 32px 0;
    padding: 0;
    background: transparent;
    overflow: visible;
    white-space: normal;
    min-height: 0;
    line-height: normal;
    font-size: inherit;
    font-weight: normal;
    z-index: 20;
}

body#user-login #ticker-container.login-status-container.has-incident {
    display: block;
}

body#user-login .login-status-box {
    display: flex;
    align-items: stretch;
    width: 100%;
    background: transparent;
    color: #404040;
}

body#user-login .login-status-label {
    flex: 0 0 250px;
    background: #404040;
    color: #ffffff;
    font-family: "StolzlBook", sans-serif;
    font-size: 18px;
    line-height: 1.3;
    padding: 24px 30px;
    display: flex;
    align-items: center;
    gap: 16px;
    box-sizing: border-box;
}

body#user-login .login-status-icon {
    width: 38px;
    height: 38px;
    border: 2px solid #ffffff;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 38px;
    font-size: 22px;
    line-height: 1;
}

body#user-login .login-status-message {
    flex: 1 1 auto;
    padding: 22px 34px;
    font-family: "StolzlBook", sans-serif;
    font-size: 18px;
    line-height: 1.55;
    color: #404040;
    background: #fff4bd;
    border: 1px solid #e5c65c;
    border-left: none;
    white-space: normal;
    animation: none;
    transform: none;
    position: relative;
    display: block;
    width: auto;
    cursor: default;
    box-sizing: border-box;
}

body#user-login .login-status-message a {
    color: #404040;
    font-family: "StolzlBold", sans-serif;
    text-decoration: underline;
}

body#user-login .login-status-message p {
    margin: 0;
}

body#user-login .login-status-message p + p {
    margin-top: 6px;
}

body#user-login .login-status-message .ticker-content {
    padding: 0;
    border-bottom: 0;
    font-size: inherit;
    display: block;
}

body#user-login .login-status-message .ticker-content:before {
    display: none;
    content: none;
}

body#user-login .login-status-message .ticker-content > .ticker-header {
    display: inline;
    font-family: "StolzlBold", sans-serif;
}

body#user-login .login-status-message .ticker-content > .text-element {
    display: inline;
}

body#user-login .login-status-message marquee,
body#user-login .login-status-message .marquee,
body#user-login .login-status-message .ticker-marquee,
body#user-login #ticker {
    animation: none !important;
    white-space: normal !important;
    transform: none !important;
    will-change: auto !important;
}

/* Loginblock auf gleiche Breite wie die Störungsmeldung */
body#user-login #loginDiv {
    width: 100%;
    max-width: 1140px;
    padding-top: 0;
}

/* Verhindert unnötigen Scroll durch 50vh + Meldung */
body#user-login .login-div-inner-text,
body#user-login .login-layer {
    min-height: 470px;
    height: auto;
}

@media (max-width: 1199px) {
    body#user-login #ticker-container.login-status-container,
    body#user-login #loginDiv {
        max-width: 960px;
    }

    body#user-login .login-status-label {
        flex-basis: 230px;
    }
}

@media (max-width: 991px) {
    body#user-login .login-page-center {
        padding: 30px 15px;
    }

    body#user-login #ticker-container.login-status-container {
        max-width: 100%;
        margin-bottom: 20px;
    }

    body#user-login #loginDiv {
        max-width: 100%;
    }

    body#user-login .login-status-label {
        flex-basis: 210px;
        padding: 20px 24px;
        font-size: 16px;
    }

    body#user-login .login-status-message {
        padding: 18px 24px;
        font-size: 16px;
    }
}

@media (max-width: 767px) {
    body#user-login .login-page-center {
        justify-content: flex-start;
        padding: 20px 12px;
    }

    body#user-login #ticker-container.login-status-container {
        margin-bottom: 16px;
    }

    body#user-login .login-status-box {
        display: block;
    }

    body#user-login .login-status-label {
        width: 100%;
        padding: 14px 18px;
        font-size: 15px;
    }

    body#user-login .login-status-icon {
        width: 30px;
        height: 30px;
        flex-basis: 30px;
        font-size: 17px;
    }

    body#user-login .login-status-message {
        border-left: 1px solid #e5c65c;
        border-top: none;
        padding: 14px 18px;
        font-size: 14px;
    }

    body#user-login .login-div-inner-text,
    body#user-login .login-layer {
        min-height: auto;
    }
}




#loginDiv{
    position:relative;
    display: -ms-flexbox;
    display: flex;
    color:#fff;
    height:auto;
    width:100%;
    padding-top:0px;

}


.login-div-inner{
    position:relative;
    color:#fff;
    height:auto;
    background:#404040;
}


.login-div-inner-text{
    position:relative;
    height:50vH;
    padding:20px;
    font-size:18px;
}
.login-div-inner-text h1{
    font-size:25px;
    font-weight:bold;
    padding-bottom:20px;
}

form#loginform{
    margin:0;
    padding:0;
}

.login-layer{
    position:relative;
    margin-top:0px;
    background:#f8f8f8;
    padding:20px;
    padding-top:30px;
    height:50vH;
    color:#404040;
}

.login-layer .form-control{
    border-radius: 0;
    background:transparent;
    padding-left:0;
    border-top-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom-color:#404040;
}

.login-fields .bg-danger{
    color:#fff;
    padding:10px;
    margin-bottom:20px;
}

#loginbutton.btn-primary {
    color: #404040;
    margin-top:30px;
    background-color: transparent;
    border-radius: 0;
    border-color: #404040;
    text-transform: uppercase;
    font-size:12px;
    font-weight:bold;
}

#loginbutton.btn-primary:hover{
    background:#404040;
    color:#fff;
}

/*END LOGIN AREA*/

/*PROFIL AREA*/

#media-preview img, #media-preview video {
  max-width: 200px;
  max-height: 200px;
  margin: 5px;
  border-radius: 6px;
  object-fit: cover;
}
.custom-file-label::after {
  content: "Durchsuchen";
}

#post-form textarea.form-control{
   border: 1px solid #ced4da;
}




section#profil{
    background:#f3f3f3;
}

.user-container{
    text-align: center;
    background-color:#fff;
    padding:30px 50px;
}

.user-container i.fa{
    font-size:80px;
}
.user-container{
    display:none;
}

.user-container .customer-name{
    padding-top:30px;
    display:inline-block;
    width:100%;
    font-weight:bold;
    margin-bottom:30px;
}

#sidebar-left-container{
    width:55px;
    margin-top:-30px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    margin-right:30px;
    overflow-x: hidden;

}


.sidebar-left li a{
    text-align: center;
    padding-left:15px;
}

.sidebar-left li a span{
    display:none;
}

#profil-content{
    width:calc(100% - 90px);
}



ul.sidebar-left{
    margin:0;
    margin-top:30px;
    margin-bottom:50px;
    padding:0;
    width:100%;
    list-style:none;
}

.sidebar-left li{
    margin-top:4px;
    margin-bottom:4px;

}

.sidebar-left li a{
    position:relative;
    width:100%;
    display:inline-block;
    background-color:#fff;
    font-size:13px;
    padding-top:20px;
    padding-bottom: 20px;
    padding-left: 10px;
    text-decoration: none;
}

.sidebar-left li a i{
    color:#404040;
    margin-right:15px;
    font-size:18px;
}
.sidebar-left li a:hover i,
.sidebar-left li a.active i{
    color:#fff;
}

.sidebar-left li a.active,
.sidebar-left li a:focus,
.sidebar-left li a:hover{
    background-color: #404040;
    color:#fff;
}

.profil-content{
    position:relative;
    width:100%;
    display:inline-block;
    background-color:transparent;
    padding-bottom:40px;
}
.profil-content .headline{
    font-size:14px;
    line-height:1.5;
    margin-top:10px;
    margin-bottom:5px;
}
.profil-content .container-timeline{
    position:relative;
    background:#fff;
    display:inline-block;
    width:100%;
    padding-top:10px;
    padding-bottom: 10px;
}

.profil-content h3{
    font-size: 18px;
    display:block;
    width:100%;
    margin:0;
    padding:20px 15px;
    font-weight:bold;
    line-height: 24px;
    background-color:#fff;
    font-family: "StolzlBold";
}

.profil-content .margin-bottom{
    margin-bottom:2px;
    border:none;
}

.profil-content .padding-top-bottom{
    background:#fff;
    padding-top:10px;
    padding-bottom: 10px;
    margin-bottom:10px;
}
.profil-content .no-padding-rl{
    padding-left:0;
    padding-right:0;

}

.notifications .timeago{
    font-size:13px;
    color:#bbb;
}

.article-comment .card,
.article-fav .card,
.article-saved .card{
    border:none;
    border-radius:0;
}

.article-comment .card h4,
.article-fav .card h4,
.article-saved .card h4{
    font-size: 12px;
    text-transform: uppercase;
}

.article-comment .card h5,
.article-fav .card h5,
.article-saved .card h5{
    font-family: 'StolzlBold', sans-serif;
    font-size:16px;    
}

.article-comment .card h5 a:hover,
.article-fav .card h5 a:hover,
.article-saved .card h5 a:hover{
    color:#404040;
}

.article-comment .card .card-text,
.article-fav .card .card-text,
.article-saved .card .card-text{
    font-size:14px;
}

.article-comment .card .card-img,
.article-fav .card .card-img,
.article-saved .card .card-img {

    border-radius: 0;

}
.center-cropped {
    position:relative;
    display:block;
    width: 100px;
    height: 100px;
    line-height:100px;
    background:transparent;
    overflow: hidden;
}

.center-cropped img {
    position:relative;
    width:140px;
    height:auto;
    left:-20px;
}

.article-comment .card .card-body,
.article-fav .card .card-body,
.article-saved .card .card-body {
    padding:0;
}

.article-comment .dropdown-menu,
.article-fav .dropdown-menu,
.article-saved .dropdown-menu{
    border:none;
    border-radius: 0;
    box-shadow:2px 1px 4px rgba(0,0,0,0.2);
}

.article-comment .dropdown-menu a,
.article-saved .dropdown-menu a,
.article-fav .dropdown-menu a{
    font-size:12px;
    margin:0;
    text-transform: none;
    color:#404040;
    text-decoration:none;
}

.article-comment .dropdown-menu a.dropdown-item:focus,
.article-comment .dropdown-menu a.dropdown-item:active,
.article-comment .dropdown-menu a.dropdown-item:hover,
.article-saved .dropdown-menu a.dropdown-item:focus,
.article-saved .dropdown-menu a.dropdown-item:active,
.article-saved .dropdown-menu a.dropdown-item:hover,
.article-fav .dropdown-menu a.dropdown-item:focus,
.article-fav .dropdown-menu a.dropdown-item:active,
.article-fav .dropdown-menu a.dropdown-item:hover{
    background:#404040;
    color:#fff;
}

.profil-nav.navbar-nav .nav-item a i{
    margin-right:7px;
}

.article-action-bottom-container{
    border-top:1px solid #F0F2F1;
    padding-top:20px;
    margin-top:20px;
}

.article-action-bottom-container i{
    background:#fff;
    color: #404040;
    font-size:22px;

}

a.is-like.active i,
a.is-like:hover i,
.article-action-bottom-container a.active i,
.article-action-bottom-container i:hover{
    background:#fff;
    color:#FC4343;
}



/*COMMENTS*/
.comments-view{
    padding-top:50px;
}

.com-update-time{
    font-size:10px;
    color:#C8C9C8;
}
.comments-view h4{
    font-size:18px;
    font-weight: bold;
    padding-top:20px;
    padding-bottom:10px;
}

.label-com{
    font-weight:bold;
    font-size:16px;
    color:#404040;
}

.comment-action .btn{
    margin-top:24px;
}

.comment-action .btn i{
    color:#404040;
    width:40px;
    height:40px;
    line-height:36px;
    border-radius:50%;
    text-align: center;
    border:2px solid #404040;
}

.row-comment{
    margin-bottom:20px;
    font-size:14px;
}

.row-comment .comment-heading{
    font-size:14px;
    margin-bottom:10px;
}

.row-comment .comment-action{
    margin-top:10px;
}

/*WIDGET CONTAINER*/

.ribbon {
    position: absolute;
    right: 5px;
    margin-top: -17px;
    z-index: 1;
    overflow: hidden;
    width: 110px;
    height: 80px;
    text-align: right;
    display:none;
}
.news-small .ribbon{
    right: 10px;
    margin-top: -4px;
}

.ribbon span {
    font-size: 10px;
    font-weight: bold;
    color: #FFF;
    text-transform: uppercase;
    text-align: center;
    line-height: 20px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 100px;
    display: block;
    box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
    position: absolute;
    top: 19px;
    right: -21px;
}


.ribbon span::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 100%;
    z-index: -1;
    border-left: 3px solid rgba(255,0,153,0.7);
    border-top: 3px solid rgba(255,0,153,0.7);
}
.ribbon span::after {
    content: "";
    position: absolute;
    right: 0px;
    top: 100%;
    z-index: -1;
    border-left: 3px solid transparent;
    border-bottom: 3px solid transparent;
}

.ribbon.pink span{
    background:rgba(255,0,153,0.7);
}
.ribbon.pink span::before {
    border-left: 3px solid rgba(255,0,153,0.7);
    border-top: 3px solid rgba(255,0,153,0.7);
}

.ribbon.pink span::after {
    border-right: 3px solid rgba(255,0,153,0.7);
    border-top: 3px solid rgba(255,0,153,0.7);
}

.ribbon.red span{
    background:rgba(255,51,51,0.7);
}
.ribbon.red span::before {
    border-left: 3px solid rgba(255,51,51,0.7);
    border-top: 3px solid rgba(255,51,51,0.7);
}

.ribbon.red span::after {
    border-right: 3px solid rgba(255,51,51,0.7);
    border-top: 3px solid rgba(255,51,51,0.7);
}

.ribbon.green span{
    background:rgba(153,204,51,0.7);
}
.ribbon.green span::before {
    border-left: 3px solid rgba(153,204,51,0.7);
    border-top: 3px solid rgba(153,204,51,0.7);
}

.ribbon.green span::after {
    border-right: 3px solid rgba(153,204,51,0.7);
    border-top: 3px solid rgba(153,204,51,0.7);
}

#accordion{
    margin-top:0px;
    margin-bottom:30px;
}
#faq #accordion{
    margin-top:30px;
}

.accordion-heading{
    
}

.accordion{
    position:relative;
    width:100%;
    display:inline-block;
    top:-10px;
}
.accordion .card{
    border-radius: 0;
    border:none;
}
.accordion .card-header {
    padding:0;
    margin:0;
}



.accordion .card-header h3 button,
.accordion .card-header h2,
.accordion .card-header h3{
    font-family: "StolzlBold", sans-serif;
    font-size:16px;
    margin-top:3px;
    color:#404040;
    line-height:26px;
    text-transform: none;
    padding-right:10px;
}

.accordion .card-header h2{
    font-size:16px;
}


.accordion .card p.right,
.accordion .card p.left{
    position:relative;
    display:inline-block;
    width:100%;
    vertical-align:text-top;
}

#accordion .card-header .card-header-text {
    min-height: 55px;

    margin-left: 95px;
}

#accordion .card-header {
    border-bottom: 0;
    padding: 0;
    background-color:#fff;
}

#accordion .card-header button {
    display: block;
    width: 100%;
    text-align: left;
    padding: 20px;
    background-color: #fff;
    font-size: 16px;
    color: #5A5A5A;
    min-height: 40px;

    text-decoration: none !important;
}

#accordion .card-header button:after,
#accordion .card-header button:before {
    content: "";
    position: absolute;
    background-color: #E73339;
    -webkit-transition: -webkit-transform .35s cubic-bezier(.475,.425,0,.995);
    transition: -webkit-transform .35s cubic-bezier(.475,.425,0,.995);
    transition: transform .35s cubic-bezier(.475,.425,0,.995);
    transition: transform .35s cubic-bezier(.475,.425,0,.995),-webkit-transform .35s cubic-bezier(.475,.425,0,.995);
}

#accordion .card-header button.collapsed:after,
#accordion .card-header button.collapsed:before {
    -webkit-transform: rotate(0);
    transform: rotate(0);
}

#accordion .card-header button:before {
    top: 32px;
    right: 26px;
    width: 2px;
    height: 16px;
    margin-left: -1px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

#accordion .card-header button:after {
    top: 40px;
    right: 19px;
    width: 16px;
    height: 2px;
    margin-top: -1px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

#accordion .card-header .card-header-icon {
    position: relative;
    display: inline-block;
    float: left;
    width: 40px;
    height: 40px;
    background: #DFDEDD;
    border-radius: 50%;
    line-height: 40px;
    padding: 6px;
}

#accordion .card-header .card-header-text {
    position: relative;
    display: block;
    height: 40px;
    line-height: 24px;
    margin-left: 0px;
    padding-bottom:10px;
}

#accordion .card-header .card-header-icon svg {
    display: block;
    position: relative;
    height: 28px;
    width: 28px;
}

h3.section-subtitle-bold{
    font-family: 'StolzlBold', sans-serif;
    font-size:26px;
     color:#404040;
}

h3.section-subtitle{
    font-family: 'StolzlBold', sans-serif;
    font-size:25px;
    background:#404040;
    color:#fff;
    line-height:64px;
    padding-left:30px;
}

body[data-pageid="403"] .page-container.accordion-container{
    margin-top:30px;
    position: relative;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

#ansprechpartner h3.section-subtitle{
    background:#E40046;
}

#ansprechpartner #accordion .card-header button::after,
#ansprechpartner #accordion .card-header button::before {

    background-color: #E40046;
}

/*wizard*/
.modal-body .navbar-inner{
    width:100%;
    display:block;
    position:relative;
    padding-left:10px;
}
.modal-body .navbar-inner .nav-pills li{
    float:left;
    margin:1%;
}
.modal-body .navbar-inner .nav-pills a.active{
    background:#404040;
    color:#fff;
}

.modal-body .navbar-inner .nav-pills li a{
    padding:5px 10px;
    border:2px solid #404040;
    color:#404040;
    font-size:14px;

}

.modal-body .well{
    padding-left:0px;
    padding-right:0px;
}



.modal-body .close-btn,
.modal-body .prev,
.modal-body .first,
.modal-body .next {
    margin-left: 10px;
    margin-right: 10px;
}


#wizardModal .modal-content{
    border-radius:0;
}

/*kontakt*/
body[data-pageid="18"] .background-image-container.big-size{

    background-size: 100% 300px;
    background-position: left top;
    left:0;
    height:970px;
    width:100%;
    margin-bottom:85px;
}
.layer-white{
    position:absolute;
    display:inline-block;
    right:0;
    top:0;
    margin-top:300px;
    background-color:#fff;
    padding:30px;

    width:100%;
    height:760px;

}

.layer-white h3{
    padding:0;
    margin:0;
    font-family:'StolzlBold',sans-serif;
    font-size:30px;
    padding-right:0px;
    margin-bottom:30px;
}
/*ENDE kontakt*/


.background-image-container.big-size{
    background-position: top -30px left;
    height:315px;
    min-height:315px;
}

/*TEAM*/
.container.team{
    position:relative;
    top:-120px;
    width:100%;
    padding:40px 30px;
    margin-left:auto;
    margin-right:auto;
    background-color:#fff;
    margin-bottom:-120px;
}

.container.team h3.section-subtitle-bold{
    margin-bottom:40px;
}

/*popover*/
.webui-popover-content .user-profile{
    position:relative;
    display:inline-block;
    width:100%;
    border:none;
    border-radius: 0;
    padding:0;
    margin-bottom:8px;

}

.webui-popover-content .user-profile .email,
.webui-popover-content .user-profile .company,
.webui-popover-content .user-profile .logon,
.webui-popover-content .user-profile .name{
    position:relative;
    display:inline-block;
    width:100%;
    padding-left:0px;
}

.webui-popover-content .user-profile .name{
    font-weight:bold;
}

.webui-popover-content .user-profile .company{
    margin-bottom:10px;
}

#linkliste{
    margin-top:30px;
}

#linkliste ul{
    list-style:none;
    margin:0;
    padding:0;
    width:100%;
    display:inline-block;
    background:#fff;
    padding-left:50px;
    padding-right:50px;
    padding-top:10px;
    padding-bottom: 30px;
    margin-top:-7px;
    margin-bottom:30px;
}

#linkliste ul li{
    position:relative;
    display:inline-block;
    box-sizing: border-box;
    width:100%;
    margin-bottom:0px;
    vertical-align: text-top;
    padding:10px 0px;
    padding-left:20px;
    font-size:14px;
    min-height:57px;
    border-bottom: 1px dotted #ccc;
}

#linkliste ul li.icon::before{
    content:"";
    position:absolute;
    width:37.8px;
    height:57.1px;
    background-size: 100%;
    margin-top:-10px;
    margin-left:-50px;

}
#linkliste ul li.icon.extranet::before{
    background:url('../img/icons/Links-Extranet.svg') no-repeat center center;
}
#linkliste ul li.icon.bestellung::before{
    background:url('../img/icons/Links-Bestellung.svg') no-repeat center center;
}
#linkliste ul li.icon.hardware::before{
    background:url('../img/icons/Links-Hardware.svg') no-repeat center center;
}
#linkliste ul li.icon.software::before{
    background:url('../img/icons/Links-Software.svg') no-repeat center center;
}
#linkliste ul li.icon.facility::before{
    background:url('../img/icons/Links-Facility.svg') no-repeat center center;
}
#linkliste ul li.icon.akademie::before{
    background:url('../img/icons/Download-akademie.svg') no-repeat center center;
}
#linkliste ul li.icon.mail::before{
    background:url('../img/icons/Links-Outlook.svg') no-repeat center center;
}

#linkliste ul li.icon.password::before{
    background:url('../img/icons/Links-password.png') no-repeat center center;
    background-size: 67.8px 87.1px;
}

#linkliste ul li a{
    position:relative;
    display:inline-block;
    width:100%;
    color:#404040;
    font-size:16px;
    font-weight: bold;
    margin-left:0px;
    vertical-align: text-top;
}



#linkliste,
#qm-linkliste{
    padding-left:15px;

}



#qm-linkliste #accordion .card-body ul{
    margin-left:0;
    padding-left:0;
    margin:0;
    margin-bottom:20px;
}
#qm-linkliste #accordion .card-body{

}

#qm-linkliste #accordion .card-body ul li{
    position:relative;
    display:inline-block;
    box-sizing: border-box;
    left:2%;
    width:96%;
    margin-bottom:0px;
    vertical-align: text-top;
    padding:10px 0px;
    padding-left:5px;
    font-size:16px;
    line-height:24px;
    min-height:30px;
    border-bottom: 1px dotted #ccc;
}

#qm-linkliste #accordion .card-header .card-header-text {
    min-height: 46px;

}
#qm-linkliste #accordion .card-header button {
    padding-bottom:0;
}

#qm-linkliste #accordion .card-body ul li a{

}

#qm-linkliste #accordion .card-body ul li a:hover{
    color:#404040;
}

.highlight {
    background-color: yellow;
    font-weight: bold;
}

#wizardModal .slick-next i,
#wizardModal .slick-prev i{
    color:#9DC925;
}

#wizardModal .slick-next.slick-disabled,
#wizardModal .slick-prev.slick-disabled{
    opacity:0;
}


#wizardModal .slick-next,
#wizardModal .slick-prev{
    top:80px;
}

#wizardModal .slick-next{
    right:-10px;
}

#wizardModal  .slick-dotted.slick-slider {
    margin-bottom: 10px;
}

#wizardModal  .slick-dots {
    bottom: -20px;

}

.wizzard-slider{
    position:relative;
    display:block;
    max-height:400px;
    height:400px;
    margin-left:auto;
    margin-right:auto;
    width:100%;
    left:0;
    top:0;
    background-color:transparent;
}

.wizzard-slider .slider-element{

    position: relative;
    display:none;
    left:0;
    top:0;
    width:100%;
    max-height:400px;
    height:400px;
    background:transparent;
}

.wizzard-slider .slider-element img{
    width:100%;
    min-width:330px;
    height:auto;
    left:0;
    top:0;
}

.wizzard-slider .slider-element .description{
    width:100%;
    min-width:330px;
    position:relative;
    display:inline-block;
    top:0;
    left:0;
    margin-top:0px;
    padding-top:10px;
    padding-bottom:10px;
    padding-left:0px;
    background:transparent;
    font-size: 0.93rem;
    font-weight: 400;
    line-height: 1.5;
    color:#404040;
}

/*SPECIAL COLORS TO CATEGORIES ON VOTE FORM*/
/*SERVICE*/
@keyframes hover-color-22 {
    from {
        border-color: #c0c0c0;
    }
    to {
        border-color: #A50034;
    }
}

body[data-parentid="22"] .vote-radio + label:hover:before,
body[data-parentid="22"] .vote-checkbox + label:hover:before {
    animation-name: hover-color-22;
}

body[data-parentid="22"] form.vote-form-eva .btn-primary {
    background-color: #A50034;
    border-color: #A50034;
    color: #ffffff;
}
body[data-parentid="22"] form.vote-form-eva .btn-primary:active:focus,
body[data-parentid="22"] form.vote-form-eva .btn-primary:active:hover
body[data-parentid="22"] form.vote-form-eva .btn-primary:focus,
body[data-parentid="22"] form.vote-form-eva .btn-primary:active,
body[data-parentid="22"] form.vote-form-eva .btn-primary:hover{
    background-color: #A50034;
    border-color: #A50034;
}
body[data-parentid="22"] .vote-radio + label:after {

    background: #A50034;
}

body[data-parentid="22"] .vote-radio:checked + label:before {
    border: 1px solid #A50034;
}

body[data-parentid="22"] .vote-checkbox:checked + label:before {
    border: #A50034;
    background: #A50034;
}

/*Trends*/
@keyframes hover-color-17 {
    from {
        border-color: #c0c0c0;
    }
    to {
        border-color: #FF671F;
    }
}

body[data-parentid="17"] .vote-radio + label:hover:before,
body[data-parentid="17"] .vote-checkbox + label:hover:before {
    animation-name: hover-color-17;
}

body[data-parentid="17"] form.vote-form-eva .btn-primary {
    background-color: #FF671F;
    border-color: #FF671F;
    color: #ffffff;
}
body[data-parentid="17"] form.vote-form-eva .btn-primary:active:focus,
body[data-parentid="17"] form.vote-form-eva .btn-primary:active:hover
body[data-parentid="17"] form.vote-form-eva .btn-primary:focus,
body[data-parentid="17"] form.vote-form-eva .btn-primary:active,
body[data-parentid="17"] form.vote-form-eva .btn-primary:hover{
    background-color: #FF671F;
    border-color: #FF671F;
}
body[data-parentid="17"] .vote-radio + label:after {

    background: #FF671F;
}

body[data-parentid="17"] .vote-radio:checked + label:before {
    border: 1px solid #FF671F;
}

body[data-parentid="17"] .vote-checkbox:checked + label:before {
    border: #FF671F;
    background: #FF671F;
}


/*Menschen*/
@keyframes hover-color-16 {
    from {
        border-color: #c0c0c0;
    }
    to {
        border-color: #FFB81C;
    }
}

body[data-parentid="16"] .vote-radio + label:hover:before,
body[data-parentid="16"] .vote-checkbox + label:hover:before {
    animation-name: hover-color-16;
}

body[data-parentid="16"] form.vote-form-eva .btn-primary {
    background-color: #FFB81C;
    border-color: #FFB81C;
    color: #ffffff;
}
body[data-parentid="16"] form.vote-form-eva .btn-primary:active:focus,
body[data-parentid="16"] form.vote-form-eva .btn-primary:active:hover
body[data-parentid="16"] form.vote-form-eva .btn-primary:focus,
body[data-parentid="16"] form.vote-form-eva .btn-primary:active,
body[data-parentid="16"] form.vote-form-eva .btn-primary:hover{
    background-color: #FFB81C;
    border-color: #FFB81C;
}
body[data-parentid="16"] .vote-radio + label:after {

    background: #FFB81C;
}

body[data-parentid="16"] .vote-radio:checked + label:before {
    border: 1px solid #FFB81C;
}

body[data-parentid="16"] .vote-checkbox:checked + label:before {
    border: #FFB81C;
    background: #FFB81C;
}

/*Unternehmen*/
@keyframes hover-color-15 {
    from {
        border-color: #c0c0c0;
    }
    to {
        border-color: #004F71;
    }
}

body[data-parentid="15"] .vote-radio + label:hover:before,
body[data-parentid="15"] .vote-checkbox + label:hover:before {
    animation-name: hover-color-15;
}

body[data-parentid="15"] form.vote-form-eva .btn-primary {
    background-color: #004F71;
    border-color: #004F71;
    color: #ffffff;
}
body[data-parentid="15"] form.vote-form-eva .btn-primary:active:focus,
body[data-parentid="15"] form.vote-form-eva .btn-primary:active:hover
body[data-parentid="15"] form.vote-form-eva .btn-primary:focus,
body[data-parentid="15"] form.vote-form-eva .btn-primary:active,
body[data-parentid="15"] form.vote-form-eva .btn-primary:hover{
    background-color: #004F71;
    border-color: #004F71;
}
body[data-parentid="15"] .vote-radio + label:after {

    background: #004F71;
}

body[data-parentid="15"] .vote-radio:checked + label:before {
    border: 1px solid #004F71;
}

body[data-parentid="15"] .vote-checkbox:checked + label:before {
    border: #004F71;
    background: #004F71;
}

/*Tickerelement*/
h3.section-title[data-uid="544"] {
    color: #A50034;
}

.ticker-content {
    position: relative;
    padding: 7px 15px;
    padding-left: 30px;
    display: block;
    width: 100%;
    font-size: 14px;
    border-bottom: 1px dotted #ccc;
}

.ticker-content:before {
    content: "+++";
    display: block;
    position: absolute;
    top: 7px;
    left: 2px;
    width: 32px;
    height: calc(100% - 14px);
}

.ticker-content div,
.ticker-content p {
    display: inline;
}

.ticker-content > .ticker-header {
    display: inline;
    font-weight: bold;
}

.ticker-content > .text-element {
    display: inline;
}


#loginDiv img.size-img-resize{

    margin-top:30px;

    width:160px;
    height:auto;
}

#intern{
    padding-bottom:100px;
}

.bootstrap-table .fixed-table-container .table th,
.bootstrap-table .fixed-table-container .table td {
    vertical-align: top;
    box-sizing: border-box;
}

.table-jobs thead th{
    font-family:'StolzlBook',sans-serif;
    color:#FF4B4E;
    font-size: 14px;
}
.table-jobs thead th{
    border:none;
}
.table-jobs tbody td a:hover,
.table-jobs tbody td a{
    font-family:'StolzlBook',sans-serif;
    font-size:18px;
    text-decoration: none;
    color:#3d3935;
}

.table-jobs tbody td{
    font-family:'StolzlBook',sans-serif;
    color:#3d3935;
    font-size: 14px;
    border-right: none;
    border-left: none;
}
.table-jobs tbody td.first-col{
    width:50%;
}
.table-jobs.table-bordered {
    border:none;
}

.filter-jobs-container select {
    border-radius: 0;
    font-family:'StolzlBook',sans-serif;
    font-size: 14px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    border: 1px solid #C6C6C6;
    background: url("../img/selectbox-arrow-red.png") 98% center no-repeat;
    outline: none;
}

.searchbutton-container {
    margin-top: 32px;
}
#onlinebewerbung .backlink,
.jobs-details .backlink{
    margin-top: 30px;
    margin-bottom: 40px;
}

.jobs-details li {
    list-style-type: circle;
}

h1.jobs-title, .jobs-facts h2, .jobs-facts h3 {
    font-family:'StolzlBook',sans-serif;
    font-size: 18px;
    margin-top: 20px;
    color: #3d3935;
    margin-bottom:0;
}

.jobs-facts .download-label {
    display: inline-block;
    width: 210px;

    font-size: 20px;
}
#onlinebewerbung .backlink,
.jobs-details .backlink{
    margin-top: 0px;
    margin-bottom: 40px;
    background-color: #fff;
    color: #FF4B4E;
    font-weight:bold;
    border: 2px solid #FF4B4E;
}

#onlinebewerbung .backlink:hover,
.jobs-details .backlink:hover {
    background-color: #FF4B4E;
    color: #fff;
}
.jobs-facts {
    background-color: #F9F9F9;
    padding: 25px;
    border-radius: 0;
}
.jobs-facts .download-label {
    display: inline-block;
    width: 230px;
    font-family:'StolzlBook',sans-serif;
    font-size: 20px;
    text-align:left;
}

.jobs-facts a.pdf-link {
    background: url("../img/icon_lehmbau_pdf.svg") no-repeat left top;
    background-size: auto;
    display: inline-block;
    background-size: 46px 46px;
    color: #fff;
    padding-bottom: 20px;
    padding-left: 0;
    top: 5px;
    position: relative;
    right: 10px;
    width: 46px;
    height: 46px;
}

#onlinebewerbung{
    position:relative;

    padding-bottom:50px;
}

#onlinebewerbung label,
.filter-label{
    font-family: 'Open Sans', sans-serif;
    font-size:16px;
    padding-left:4px;

}

#onlinebewerbung select,
.filter-jobs-container select{
    border-radius:0;
    font-family: 'Open Sans', sans-serif;
    font-size:14px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    border:1px solid #C6C6C6;
    background: url("../img/selectbox-arrow-red.png") 98% center no-repeat;
    outline: none;
}

#onlinebewerbung select,
select.form-control, select {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 16px;
}

.filter-jobs-container select::-ms-expand,
#onlinebewerbung select::-ms-expand {
    display: none;
}

#onlinebewerbung input[type="text"],
.filter-jobs-container input[type="text"]{
    border-radius: 0;
}

#onlinebewerbung input[type="text"],
#onlinebewerbung input[type="text"]:focus,
.filter-jobs-container input[type="text"],
.filter-jobs-container input[type="text"]:focus{
    border:1px solid #C6C6C6;
}

#onlinebewerbung-container .form-actions-btn{
    margin-top:40px;
}

#onlinebewerbung-container h1,
#onlinebewerbung-container h2.jobs-title{
    position: relative;
    font-family: 'Open Sans', sans-serif;
    text-transform: none;
    color:#3d3935;
    text-align:left;
    text-decoration: none;
    padding:0;
    font-size: 20px;
    margin-bottom:30px;
    vertical-align:text-top;
}
#onlinebewerbung-container h1{
    margin-top:30px;
    color:#FF4B4E;
    font-size:35px;
    font-family: 'StolzlBold', sans-serif;
}

#onlinebewerbung h4.section-title{
    font-family: 'StolzlBold', sans-serif;
    margin-bottom:30px;
    margin-top:50px;
}

#onlinebewerbung .upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;

}

#onlinebewerbung .upload-btn-wrapper .btn {
    border: 1px solid #C6C6C6;
    color: #3d3935;
    background-color: white;
    padding: 8px 20px;
    border-radius: 0;
    font-size: 14px;
    font-weight: normal;
}

#onlinebewerbung .upload-btn-wrapper input[type="file"] {
    font-size: 100px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}


#onlinebewerbungform select.error-input,
#onlinebewerbungform input.error-input{
    border-color:#d43f3a;
}

#onlinebewerbungform .custom-control-label::before {
    position: absolute;
    top: 0;
    left: -1.5rem;
    display: block;
    width: 24px;
    height: 24px;
    border:#adb5bd solid 1px;
    border-radius: 0;
}
#onlinebewerbungform .custom-checkbox .custom-control-label::before {
    border-radius: 0;
}
#onlinebewerbungform .custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color:#FC4343;
    background-color: #FC4343;
}

#onlinebewerbung .custom-control-label{
    font-family: 'Open Sans', sans-serif;
    padding-left:20px;
    font-size: 16px;
    margin-top:50px;
}
#onlinebewerbung .custom-control-label::after {
    position: absolute;
    top: 0;
    left: -1.5rem;
    display: block;
    width: 24px;
    height: 24px;

}

.popover.warning .popover-header{
    color:#d43f3a;
    font-family: 'StolzlBook', sans-serif;
    font-size:18px;
}

.popover.success-message{
    font-family: 'StolzlBook', sans-serif;
    color:#3d3935;
    max-width:500px;
    font-size:20px;
}
.popover.success-message .popover-header{
    font-family: 'StolzlBook', sans-serif;
    font-size:20px;
}
.popover.success-message .popover-body{
    padding:20px;
}
.popup{
    position:absolute;
    display:inline-block;
    background:#fff;

    border:1px solid #ddd;
    width:400px;
    height:200px;
    left: calc(50% - 200px);
    top: calc(50vH - 100px);
    box-shadow: 1px 1px 4px #ccc;
    opacity:0.9;

}
.popup.center-fixed{
    position:fixed;
    width:400px;
    height:200px;
    left: calc(50% - 200px);
    top: calc(50vH - 100px);
}

.popup .popup-title{
    font-family: 'StolzlBook', sans-serif;
    font-size:18px;
    color:#fff;
    padding:8px 15px;
    background-color:#E73339;
}
.popup .popup-title.bg-success-title{
    background-color:#8bc34a;
}

.popup .popup-content{
    font-family: 'StolzlBook', sans-serif;
    font-size:16px;
    color:#3d3935;
    padding:4px 15px;
}

.table-jobs tbody td a:hover, .table-jobs tbody td a {
    font-family: 'StolzlBold', sans-serif;
    font-size: 18px;
    text-decoration: none;
    color: #3d3935;
}


.overview-list{
    vertical-align: text-top;
    position:relative;
    width:100%;
    display: inline-block;
}

.overview-list-head h3.section-title {
    margin-top:-80px;
}

.overview-list .image-before-text{
    position:relative;
    width:96%;
    margin:2%;
    display: inline-block;
    text-align: center;

}

.overview-list .image-before-text img{
    width:100%;
    height:auto;
}

.overview-list .image-before-text:hover{
    /*box-shadow: 0 1px 6px rgba(69, 65, 78, 0.3); */
    box-shadow: -10px 6px 26px rgba(0,0,0,.16);
}

.overview-list .card.overview-list-element{

    position:relative;
    width:100%;
    display: inline-block;

}

.overview-list .card.overview-list-element .text-link a{
    background-color:#333;
    color:#fff;
    padding:10px 15px;
}


body[data-pageid="642"] .overview-list {
    display: flex;
    flex-wrap: wrap; /* Erlaubt das Umfließen der Elemente */
    justify-content: center; /* Zentriert die Elemente horizontal */
    align-items: center; /* Zentriert sie vertikal */

    gap: 30px; /* Abstand zwischen den Elementen */
    max-width: 100%;
}

body[data-pageid="642"] .card.overview-list-element{
    width:100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

body[data-pageid="642"] .card.overview-list-element img{
    width:100%;
}

.bg-info {
    color: #31708f;
    background: #d9edf7 !important;
    padding: 20px;
    border-radius: 4px;
    border: 1px solid #31708f;
}

.bg-info:before {
    content: "\f0f3";
    font-family: "Font Awesome 5 Free";
    font-weight: normal;
    font-style: normal;
    font-size: 18px;
    margin-right: 10px;
    color: #31708f;
    display: inline-block;
    text-decoration: inherit;
}

ul.support-overview{
    display: flex;
    flex-wrap: wrap; /* Ermöglicht den Umbruch nach zwei Elementen */
    justify-content: center; /* Zentriert die Elemente */
    gap: 20px; /* Abstand zwischen den Elementen */
    max-width: 100%; /* Begrenzte Breite für Umbrüche */
    margin:0;
    padding:0;
}

ul.support-overview > li{
    list-style:none;
    padding:0;
    margin:0;
    width: 50%;
    flex: 1 1 calc(50% - 20px); /* 50% Breite minus Abstand */
    background-color: #d9edf7;
    padding: 15px;
    text-align: left;
    border-radius: 8px;
    font-size: 16px;

}

ul.support-overview > li:nth-child(1){
    background: #cddafd !important;
    color:#000;
}
ul.support-overview > li:nth-child(2){
    background: #ecd6fc !important;
    color:#000;
}

ul.support-overview > li:nth-child(3){
    background: #bee1e6 !important;
    color:#000;
}
ul.support-overview > li:nth-child(4){
    background: #f5fdd3 !important;
    color:#000;
}

section#content-1399,
section#content-1400,
section#content-1401,
section#content-1403{
    padding: 20px;
    border-radius: 4px;
    margin-bottom:30px;
}
section#content-1399{
    background: #cddafd !important;
    color:#000;
}
section#content-1400{
    background: #ecd6fc !important;
    color:#000;
}
section#content-1401{
    background: #bee1e6 !important;
    color:#000;
}
section#content-1403{
    background: #f5fdd3 !important;
    color:#000;
}

section#content-1399 .bg-info,
section#content-1400 .bg-info,
section#content-1401 .bg-info,
section#content-1403 .bg-info {
    color: #000;
    background: #eb9486 !important;
    padding: 20px;
    border-radius: 4px;
    border: none;
}
section#content-1399 .bg-info:before,
section#content-1400 .bg-info:before,
section#content-1401 .bg-info:before,
section#content-1403 .bg-info:before {
    color: #000;
}


span.scrolltoid{
    position: relative;
    display:inline-block;
    top:0px;
    left:-3px;
    width:30px;
    height:30px;
    line-height:30px;
    text-align: center;
    border-radius:50%;
    background-color:transparent;
    border:1px solid #000;
    cursor:pointer;
    font-size:20px;
}



ul.support-overview > li:nth-child(1) a,
ul.support-overview > li:nth-child(2) a,
ul.support-overview > li:nth-child(3) a,
ul.support-overview > li:nth-child(4) a,
section#content-1399 h3,
section#content-1399 a,
section#content-1400 h3,
section#content-1400 a,
section#content-1401 h3,
section#content-1401 a,
section#content-1403 h3,
section#content-1403 a{
    color:#000;
}


/*
.text-link.top-right-pos a::before{
    content: "←";
    font-size:14px;
    margin-right:5px;
    color:#fff;
}*/

.text-link.top-right-pos a{
    position:absolute;
    right:0;
    top:0;
    background-color:#FF4B4E;
    color:#fff;
    padding:10px 15px;
}

/*overview descr txt*/
.text-element[data-uid="1151"]{
    padding-right: 0;
    padding-left: 0;
}


@media(min-width: 768px) {
    .ticker-content {
        padding-left: 50px;
        font-size: 16px;
    }

    .ticker-content:before {
        content: "+++";
        display: block;
        position: absolute;
        left: 15px;
        width: 32px;
    }
}

@media(min-width:1200px) {
    .ticker-content {
        font-size: 18px;
    }
}


.timeline {
  position: relative;
  padding: 2rem 0;
  border-left: 2px solid #dee2e6;
}

.timeline-item {
  position: relative;
  margin-bottom: 2rem;
}

.timeline-item a{
    text-decoration:underline;
}

.timeline-card .timeline-date,
.timeline-item .timeline-date {
  position: relative;
  display:inline-block;
   background: #bad345;
  border-radius:50%;
  color:#fff !important;
  height:90px;
  width:90px;
  margin-left:20px;
  padding:10px;
  padding-top:28px;
  font-size:12px;
  text-align:center;
  border: 3px solid #fff;
}

/* Dots */
.timeline-item::before {
  content: "";
  position: absolute;
  left: -16px;
  top: 30px;
  width: 30px;
  height: 30px;
  background-color: #6c757d;
  border-radius: 50%;
  border: 3px solid #fff;
}

.timeline-item[data-visibility="public"]::before { background-color: #004F71; }
.timeline-item[data-visibility="private"]::before { background-color: #6c757d; }
.timeline-item[data-visibility="group"]::before { background-color: #28a745; }

@media (max-width: 576px) {
  .timeline-item .timeline-date {
    font-size: 12px;
  }
}

.slide-item {
  height: 100%;
}

/* Wichtig: Flex-Container für die gesamte Slide-Card */
.timeline-card {
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* .card-body muss sich gleichmäßig strecken */
.timeline-card .card-body {
  flex: 1 1 auto;
  display: flex;
  flex-direction: row; /* damit left & right nebeneinander sind */
  height: 100%;
}

/* Optional – wenn du Mindesthöhe für Einheitlichkeit willst */
.timeline-card {
  min-height: 180px;
  
}

/* Linke Zeitleiste (Datum + Dot) */
.timeline-left {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

/* Rechte Seite soll alle Inhalte füllen */
.timeline-right {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between; /* für Verteilung von Text & Media */
}


.slider-feeding .post-content{
    position: relative;
    display:inline-block;
    width:100%;
    max-height:260px;
    overflow: hidden;   
}



.timeline-card .timeline-date {
  margin-left:0px;
  padding:10px;
  padding-top:28px;
  top:0;
  left:0;
  position: relative;
  display:inline-block;
}

.timeline-card .media-container {
  display: flex;
  flex-wrap: wrap;
  gap: 1px;
  margin-top: 0px;
}


.timeline-card .media-container img {
 
}



.timeline-card .media-container img:hover {
  transform: scale(1.05);
}

.slider-feeding .slide-item {
  /* Damit Slick mit padding funktioniert */
  padding: 0 10px;
  box-sizing: border-box;
}

#feeding-container .embed-video-wrapper ,
.slider-feeding .embed-video-wrapper {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
  height: 0;
  overflow: hidden;
  border-radius: 6px;
  margin-top: 10px;
  padding-bottom:0;
}

#feeding-container .embed-video-wrapper {
   
     min-height: 300px;
}

#feedDetailModal .modal-body{
    min-height:350px;
}

#feedDetailModal .modal-body .embed-video-wrapper {
    position:relative;
    display:inline-block;
    min-height: 400px;
    width:100%;
}

#feeding-container .embed-video-wrapper iframe,
#feedDetailModal .embed-video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.timeline-card-widget{
    height:315px;
}

.btn-outline-primary.like-button{
    color: #004F71;  
    border-color:#004F71;
}


.btn-outline-primary.like-button:not(:disabled):not(.disabled):active, 
.btn-outline-primary.like-button:not(:disabled):not(.disabled).active{
    background-color:#004F71;
    border-color:#004F71;  
}


.btn-outline-primary.like-button.active i{  
  color: #bad345;   
}

.timeline-card-widget.cursor-pointer{
    cursor:pointer;
}

.post-content .post-title,
.timeline-card-widget .post-title{
    font-weight:bold;
    position:relative;
    display: inline-block;
    width:100%;
    margin-bottom:0;
}

#feedingnewsrow{
    margin-top:-80px;
    width:98%;
    margin-left:auto;
    margin-right:auto;
}

.cat-heading.newsfeed{
    background-color:#bad345;
    color:#fff;
}

.timeline-card-widget.card{
    border-radius:0;
}

.timeline-card-widget.card{
     border-left:8px solid #333;
}

.timeline-card-widget.card.media-border{
    border-left:8px solid #004F71;
}


dialog {
  max-width: 90vw;
  max-height: 90vh;
  background: transparent;
  border: none;
  padding: 0;
}


dialog::backdrop {
  background: rgba(0, 0, 0, 0.8);
}



.timeline-card-widget .post-date-short{
   
    font-size:12px;
    line-height:14px;
    font-weight:bold;
    display:inline-block;
    width: 100%;
    padding:0;
    
}

.timeline-card-widget .post-text-short{
   font-size:14px;
   
}

#feedDetailModal .modal-content{
    border:none;
    border-radius:0;
}

#feedDetailModal .modal-header{
     border:none;
     padding-bottom:0;
}

#feedDetailModal .modal-body{
     padding-top:0;
}

.crop {
    width: 170px;
    height: 170px;
    overflow: hidden;
    border-radius:8px;
}

.crop img {
   object-fit: cover;
   width:100%;
   height:100%;
   cursor: pointer;
}



/* M57.9.58: stored comments render as plain text, never HTML. */
.comments-view .com-message { white-space: pre-line; overflow-wrap: anywhere; }
.comments-view .comment-submit.is-loading { opacity: .65; pointer-events: none; }

/* M57.9.59 – Modernes Kommentar-UI, isoliert auf Newsnet-Artikel. */
.comments-view {padding: 42px 0 64px; max-width: 980px;}
.newsnet-comments-heading {display:flex; align-items:end; justify-content:space-between; gap:16px; margin-bottom:24px;}
.newsnet-comments-heading h3 {margin:0; font: 700 clamp(1.5rem,2.5vw,2rem)/1.2 'StolzlMedium',sans-serif; color:#263746;}
.newsnet-comments-eyebrow {color:#386988; font-size:.68rem; letter-spacing:.1em; font-weight:700; margin:0 0 6px;}
.newsnet-comments-count {display:inline-flex; flex-shrink:0; padding:6px 12px; border-radius:20px; background:#e4edf3; color:#34556d; font-size:.78rem;}
.newsnet-comment-form {background:#fff; border:1px solid #dce7ee; padding:clamp(16px,3vw,28px); border-radius:16px; margin-bottom:22px; box-shadow:0 8px 30px rgba(23,58,78,.04);}
.newsnet-comment-form .label-com {display:block; margin-bottom:10px; color:#263746; font-size:.96rem;}
.newsnet-comment-form textarea {display:block; width:100%; box-sizing:border-box; min-height:110px; resize:vertical; border:1px solid #cddce5; padding:14px; border-radius:10px; font-size:.94rem; line-height:1.5;}
.newsnet-comment-form textarea:focus {border-color:#367ca4; box-shadow:0 0 0 3px rgba(54,124,164,.13);}
.newsnet-comment-form-footer {display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:14px;}
.newsnet-comment-form-footer small {color:#607684; font-size:.77rem;}
.newsnet-comment-form .comment-submit {background:#175777; border-color:#175777; color:#fff; padding:10px 18px; border-radius:10px; white-space:nowrap; font-size:.84rem;}
.newsnet-comment-form .comment-submit:hover {background:#12435e; border-color:#12435e; color:#fff;}
.newsnet-comments-list {display:grid; gap:12px;}
.newsnet-comment-card {display:flex; align-items:flex-start; gap:15px; background:#fff; border:1px solid #e2e9ee; border-radius:14px; padding:clamp(14px,2vw,22px); margin:0; box-shadow:0 5px 18px rgba(30,57,70,.035); min-width:0;}
.newsnet-comment-avatar {display:flex; align-items:center; justify-content:center; flex:0 0 38px; width:38px; height:38px; background:#ebf2f6; color:#53788d; border-radius:50%; font-size:.9rem;}
.newsnet-comment-content {min-width:0; flex:1;}
.newsnet-comment-card .comment-heading {display:flex; flex-wrap:wrap; align-items:center; gap:8px 14px; margin:0 0 10px; color:#243746; font-size:.88rem;}
.newsnet-comment-card .comment-heading a {color:#194f70; text-decoration:none;}
.newsnet-comment-card .comment-heading time {font-size:.72rem; color:#6c8390;}
.newsnet-comment-card .com-message {font-size:.91rem; line-height:1.6; color:#344753; white-space:pre-line; overflow-wrap:anywhere;}
.newsnet-comment-card .com-update-time {margin-top:6px; text-align:left; font-size:.71rem; color:#6c8390;}
.newsnet-comment-footer {display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:14px;}
.newsnet-comment-footer .comment-action {display:flex; flex-wrap:wrap; gap:14px; margin:0;}
.newsnet-comment-footer a {color:#537182; font-size:.78rem; text-decoration:none;}
.newsnet-comment-footer a:hover,.newsnet-comment-footer a:focus {color:#175777; text-decoration:underline;}
.newsnet-comment-likes {display:inline-flex; gap:8px; align-items:center; border:1px solid #e1e8ec; padding:6px 10px; border-radius:30px; white-space:nowrap;}
.newsnet-comment-likes a.active {color:#d14b5d;}
.newsnet-comment-likes .commentLikeCounter {font-size:.8rem; color:#536976; margin:0;}
.newsnet-comments-more {text-align:center; padding:22px 0 6px;}
.newsnet-comments-more button {border-radius:0; padding:10px 22px; font-size:.82rem;}
/* M57.9.76: corporate-design outline button, not the Bootstrap blue default. */
.newsnet-comments-more #load-all-comments.newsnet-comments-more-button {
  display:inline-flex; align-items:center; justify-content:center; gap:9px;
  box-sizing:border-box; max-width:100%; min-height:42px; padding:10px 18px;
  border:2px solid #404040; border-radius:0; background:#f3f3f3;
  color:#404040; box-shadow:none; text-transform:uppercase;
  font-family:'StolzlBook',sans-serif; font-weight:600; font-size:.77rem;
  line-height:1.3; letter-spacing:0; white-space:normal; cursor:pointer;
}
.newsnet-comments-more #load-all-comments.newsnet-comments-more-button:hover {
  background:#004f71; border-color:#004f71; color:#fff;
}
.newsnet-comments-more #load-all-comments.newsnet-comments-more-button:focus-visible {
  outline:3px solid #004f71; outline-offset:3px;
}
.newsnet-comments-more #load-all-comments.newsnet-comments-more-button:disabled {
  cursor:wait; opacity:.65;
}
.newsnet-comments-more button[hidden] {display:none!important;}
@media (max-width:575px) {
  .comments-view {padding:28px 12px 46px;}
  .newsnet-comments-heading {align-items:center;}
  .newsnet-comment-form-footer {align-items:stretch; flex-direction:column;}
  .newsnet-comment-form-footer .comment-submit {width:100%;}
  .newsnet-comment-card {gap:10px;}
  .newsnet-comment-avatar {flex-basis:32px; width:32px; height:32px;}
  .newsnet-comment-footer {align-items:flex-start;}
}