/*

@import url(//fonts.googleapis.com/css?family=Outfit:400,300,700);
@import url(//fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700);
*/


/* outfit-100 - latin */
@font-face {
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 100;
    src: url('../fonts/outfit-v4-latin-100.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/outfit-v4-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/outfit-v4-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/outfit-v4-latin-100.woff') format('woff'), /* Modern Browsers */
         url('../fonts/outfit-v4-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/outfit-v4-latin-100.svg#Outfit') format('svg'); /* Legacy iOS */
  }
  /* outfit-200 - latin */
  @font-face {
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 200;
    src: url('../fonts/outfit-v4-latin-200.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/outfit-v4-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/outfit-v4-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/outfit-v4-latin-200.woff') format('woff'), /* Modern Browsers */
         url('../fonts/outfit-v4-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/outfit-v4-latin-200.svg#Outfit') format('svg'); /* Legacy iOS */
  }
  /* outfit-300 - latin */
  @font-face {
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/outfit-v4-latin-300.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/outfit-v4-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/outfit-v4-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/outfit-v4-latin-300.woff') format('woff'), /* Modern Browsers */
         url('../fonts/outfit-v4-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/outfit-v4-latin-300.svg#Outfit') format('svg'); /* Legacy iOS */
  }
  /* outfit-regular - latin */
  @font-face {
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/outfit-v4-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/outfit-v4-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/outfit-v4-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/outfit-v4-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('../fonts/outfit-v4-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/outfit-v4-latin-regular.svg#Outfit') format('svg'); /* Legacy iOS */
  }
  /* outfit-500 - latin */
  @font-face {
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/outfit-v4-latin-500.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/outfit-v4-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/outfit-v4-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/outfit-v4-latin-500.woff') format('woff'), /* Modern Browsers */
         url('../fonts/outfit-v4-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/outfit-v4-latin-500.svg#Outfit') format('svg'); /* Legacy iOS */
  }
  /* outfit-600 - latin */
  @font-face {
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/outfit-v4-latin-600.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/outfit-v4-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/outfit-v4-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/outfit-v4-latin-600.woff') format('woff'), /* Modern Browsers */
         url('../fonts/outfit-v4-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/outfit-v4-latin-600.svg#Outfit') format('svg'); /* Legacy iOS */
  }
  /* outfit-700 - latin */
  @font-face {
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/outfit-v4-latin-700.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/outfit-v4-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/outfit-v4-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/outfit-v4-latin-700.woff') format('woff'), /* Modern Browsers */
         url('../fonts/outfit-v4-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/outfit-v4-latin-700.svg#Outfit') format('svg'); /* Legacy iOS */
  }
  /* outfit-800 - latin */
  @font-face {
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 800;
    src: url('../fonts/outfit-v4-latin-800.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/outfit-v4-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/outfit-v4-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/outfit-v4-latin-800.woff') format('woff'), /* Modern Browsers */
         url('../fonts/outfit-v4-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/outfit-v4-latin-800.svg#Outfit') format('svg'); /* Legacy iOS */
  }
  /* outfit-900 - latin */
  @font-face {
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/outfit-v4-latin-900.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/outfit-v4-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/outfit-v4-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/outfit-v4-latin-900.woff') format('woff'), /* Modern Browsers */
         url('../fonts/outfit-v4-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/outfit-v4-latin-900.svg#Outfit') format('svg'); /* Legacy iOS */
  }



html {

    overflow-x: hidden;
    height: 100%;
}

body {
    font-family: 'Outfit', sans-serif;
    /*position: relative;*/
    /*overflow-x: hidden;*/
    height: 100%;

     /* BE Blau */
     --be-blau: #003669;
     --be-blau-90: #1a4a78;
     --be-blau-80: #335e87;
     --be-blau-70: #4d7396;
     --be-blau-60: #6686a5;
     --be-blau-50: #7f9ab4;
     --be-blau-40: #99afc3;
     --be-blau-30: #b2c2d2;
     --be-blau-20: #ccd7e1;
     --be-blau-10: #e5ebf0;

     /* BE Magenta */
     --be-magenta: #e5007d;
     --be-magenta-90: #e81a8a;
     --be-magenta-80: #ea3397;
     --be-magenta-70: #ed4da4;
     --be-magenta-60: #ef66b1;
     --be-magenta-50: #f27fbe;
     --be-magenta-40: #f599cb;
     --be-magenta-30: #f7b2d8;
     --be-magenta-20: #facce5;
     --be-magenta-10: #fce5f2;
     --be-pink: var(--be-magenta);

     /* BE Cyan */
     --be-cyan: #009ee3;
     --be-cyan-90: #1aa8e6;
     --be-cyan-80: #33b1e9;
     --be-cyan-70: #4dbbeb;
     --be-cyan-60: #66c5ee;
     --be-cyan-50: #7fcef1;
     --be-cyan-40: #99d8f4;
     --be-cyan-30: #b2e2f7;
     --be-cyan-20: #ccecf9;
     --be-cyan-10: #e5f5fc;

     /* BE Orange */
     --be-orange: #ee7100;
     --be-orange-90: #f07f1b;
     --be-orange-80: #f18d34;
     --be-orange-70: #f39c4e;
     --be-orange-60: #f5aa67;
     --be-orange-50: #f6b880;
     --be-orange-40: #f8c699;
     --be-orange-30: #fad4b2;
     --be-orange-20: #fce3cc;
     --be-orange-10: #fdf1e5;

     /* BE Grün */
     --be-gruen: #76b828;
     --be-gruen-90: #83be3d;
     --be-gruen-80: #9fcd68;
     --be-gruen-70: #9fcd68;
     --be-gruen-60: #acd47d;
     --be-gruen-50: #badb93;
     --be-gruen-40: #c8e2a9;
     --be-gruen-30: #d5e9be;
     --be-gruen-20: #e3f1d4;
     --be-gruen-10: #f1f8e9;

     /* BE Dunkelgrau */
     --be-dunkelgrau: #253339;
     --be-dunkelgrau-90: #39484d;
     --be-dunkelgrau-80: #4f5c61;
     --be-dunkelgrau-70: #657175;
     --be-dunkelgrau-60: #7b8588;
     --be-dunkelgrau-50: #91999c;
     --be-dunkelgrau-40: #a7adb0;
     --be-dunkelgrau-30: #bdc1c3;
     --be-dunkelgrau-20: #d3d6d7;
     --be-dunkelgrau-10: #e9eaeb;
}


.main-logo {
    display: block;
    margin: 0;
    float: left;
    height: 100%;
    width: 170px;
    background: url("/typo3conf/ext/ig_project/Resources/Public/Img/Logos/be-logo-2022.svg") no-repeat left center;
    background-size: contain;
}



.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 30px;
}

#wrapper {
    min-height: 100%;
    position: relative;
}

.container-wrapper {
    position: relative;
    padding: 60px 0;
}

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}

ul.row {
    list-style: none;
    padding: 0;
}

h1 {
    margin-bottom: 30px;
    font-family: "Outfit", sans-serif;
    font-size: 30px;
    font-weight: 400;
}

h2 {
    margin: 5px 0 15px;
    font-family: "Outfit", sans-serif;
    font-size: 26px;
    font-weight: 400;
}

h3, h3 a, h3 a:visited, h3 a:active, h3 a:focus, h3 a:hover {
    margin: 5px 0 15px;
    font-family: "Outfit", sans-serif;
    font-size: 22px;
    font-weight: 400;
    color: #333;
    text-decoration: none;
}

.article h2 {
    margin: 5px 0 15px;
    font-family: "Outfit", sans-serif;
    font-size: 22px;
    font-weight: 400;
}

.article h3, .article h3 a, .article h3 a:visited, .article h3 a:active, .article h3 a:focus, .article h3 a:hover {
    margin: 5px 0 15px;
    font-family: "Outfit", sans-serif;
    font-size: 22px;
    font-weight: 400;
    color: #333;
    text-decoration: none;
}

p {
    font-size: 18px;
    font-weight: 300;
    line-height: 24px;
    margin-bottom: 24px;
}

li {
    font-family: "Outfit", sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 24px;
}

div.frame-default ul li a {
    font-family: "Outfit", sans-serif;
    font-size: 18px;
    line-height: 24px;
}
li.text-justify a {
	font-size: 18px !important;
}

p.align-center {
    text-align: center;
}

p.align-justify {
    text-align: justify;
}

a,
a:visited,
a:active,
a:focus,
a:hover {
    font-family: "Outfit", sans-serif;
    color: #e5007d;
    font-size: 14px;
    line-height: 24px;
}

p a {
    font: inherit;
}

p a:hover {
    font: inherit;
}

.button:hover,
.button:visited,
.button:active,
.button:focus,
.button {
    display: inline-block;
    padding: 10px;
    font-size: 18px;
    text-transform: uppercase;
    border: 1px solid;
    background: transparent;
    color: inherit;
}

.button:hover {
    text-decoration: none;
    box-shadow: inset 0 0 0 2px #fff;
}

img {
    margin: 5px 0 30px;
}

/*#mcontainer {*/
/*width: 100%;*/
/*position: relative;*/
/*}*/
/*.box {*/
/*float: left;*/
/*background-color: #00ffff;*/
/*position: relative;*/
/*}*/

/* Bootstrap Formulare */
.form-group {
}

.form-group input, .form-group textarea {
    font-family: "Outfit", sans-serif;
    font-weight: 300;
    font-size: 18px;
    padding: 25px 20px 20px;

}

.form-group button {
    font-family: "Outfit", sans-serif;
    font-weight: 300;
    font-size: 16px;
    background-color: var(--be-blau);
    color: #ffffff;
    text-transform: uppercase;
}

.header-placeholder {
    height: 80px;
}

#wrapper > header {
    font-family: 'Outfit', sans-serif;
    padding: 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 10;
}

#wrapper > header.shrunk {
    z-index: 20;
}

#wrapper > header.ontop {
    z-index: 20;
}

.mobile-main-logo {
    float: right;
    display: block;
    margin: 0;
    width: 145px;
    background: url("/typo3conf/ext/ig_project/Resources/Public/Img/Logos/be-logo-weiss.svg") no-repeat right center;
    background-size: auto 75px;
    background-size: auto 55px;
    margin-right: 10px;
}

.shrunk .mobile-main-logo {
    display: none !important;
}

nav[data-level="1"] {
    float: right;
    height: 90px;
    min-width: 150px;
    /*background: #66afe9;*/
}

.shrunk nav[data-level="1"] {
    margin-top: 30px;
    height: 30px;
}

nav[data-level="1"] ul {
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none;
    border-right: 1px solid var(--be-blau-40);
    text-align: right;
}

.shrunk nav[data-level="1"] ul li {
    display: inline-block;
}

nav[data-level="1"] ul > li a {
    display: inline-block;
    margin: 0;
    padding: 0 15px;
    line-height: 30px;
    font-size: 18px;
    font-weight: 300;
    color: var(--be-blau-40);
    text-decoration: none;
    position: relative;
}

nav[data-level="1"] ul > li.active a,
nav[data-level="1"] ul > li a:hover {
    color: var(--be-magenta);
}

nav[data-level="1"] ul > li.active a:before,
nav[data-level="1"] ul > li a:hover:before {
    content: '';
    display: block;
    position: absolute;
    top: 5px;
    left: -5px;
    width: 0;
    height: 0;
    color: var(--be-magenta);
    border-left: 6px solid;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
}

.shrunk nav[data-level="1"] ul > li.active a:before,
.shrunk nav[data-level="1"] ul > li:hover a:before {
    display: none;
}

.shrunk nav[data-level="1"] ul > li.active a:after,
.shrunk nav[data-level="1"] ul > li:hover a:after {
    content: '';
    width: 0;
    height: 0;
    display: block;
    left: -5px;
    margin: 0 auto;
    border-bottom: 6px solid;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 0 none;
}

.nav-search {
    display: inline-block;
    vertical-align: top;
    height: 100%;
}

.nav-search input {
    display: none;
}

.nav-search button {
    height: 100%;
    width: 50px;
    background: url("/typo3conf/ext/ig_project/Resources/Public/Img/lupe.svg") no-repeat center;
    background-size: 20px;
    border: 0 none;
}

.nav-search span {
    display: block;
    height: 100%;
    width: 50px;
    background: url("/typo3conf/ext/ig_project/Resources/Public/Img/lupe.svg") no-repeat center;
    background-size: 20px;
    border: 0 none;
}

.nav-wrapper {
    height: 100px;
    background: var(--be-blau);
    color: #fff;
    white-space: nowrap;
    overflow: visible !important;
}

.nav-wrapper * {
    vertical-align: top;
    height: 100%;
}

/*.shrunk .nav-wrapper {*/
/*margin-top: 20px;*/
/*height: 36px;*/
/*}*/

.nav-lvl2-toggle-btn {
    float: left;
    color: #b6cad0;
    height: 100%;
    width: 40px;
    padding: 0 10px;
    background: transparent;
    border: 0 none;
    outline: none;
    display: inline-block;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 300;
    text-align: left;
    text-overflow: ellipsis;
    color: #e4f8fe;
}

.nav-lvl2-toggle-btn:before {
    content: ' ';
    display: inline-block;
    width: 21px;
    height: 17px;
    vertical-align: baseline;
    border: 1px solid;
    background: #b6cad0;
    box-shadow: inset 0 0 0 3px var(--be-blau), inset 0 4px 0 #b6cad0, inset 0 7px 0 var(--be-blau), inset 0 -4px 0 #b6cad0, inset 0 -7px 0 var(--be-blau);
    position: relative;
    left: -10px;
    top: 1px;

    box-shadow: inset 0 0 0 3px var(--be-blau), inset 0 4px 0 #e4f8fe, inset 0 7px 0 var(--be-blau), inset 0 -4px 0 #e4f8fe, inset 0 -7px 0 var(--be-blau);
    background: #e4f8fe;
}

.nav-lvl2-close-btn {
    outline: none;
    display: inline-block;
    border: 0 none;
    background: transparent;
    position: fixed;
    top: 5px;
    right: 25px;
}

nav.menu-flyout {
    display: none;
    background: var(--be-blau);
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, .1), 0 -1px 0 rgba(255, 255, 255, .1);
    height: auto;

    margin: 0 -15px;
}

.menu-flyout * {
    height: auto;
}

.menu-flyout a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

[data-level="2"] .col-sm-15 {
    border-right: 1px solid rgba(0, 0, 0, 0.2);
}

[data-level="2"] .col-sm-15:last-child {
    border-right: 0 none;
}

[data-level="2"] h3 {
    font-weight: 300;
    font-size: 18px;
    text-transform: uppercase;
}

[data-level="2"] ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-family: "Outfit", Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 300;
}

[data-level="2"] ul a {
    -webkit-transition: all .8s ease;
    -moz-transition: all .8s ease;
    -ms-transition: all .8s ease;
    -o-transition: all .8s ease;
    transition: all .8s ease;
    display: block;
    padding: 5px 15px;
    color: inherit;
    text-decoration: none;
    margin: 0 -15px 0 -15px;
    font-family: 'Outfit', sans-serif;
    font-size: 18px;
}

[data-level="2"] ul a:hover {
    background: #e5007d;
}

.menu-flyout .visible-xs {
    position: fixed;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: var(--be-blau);
    overflow-y: auto;
    overflow-x: hidden;
    white-space: normal;
}

.menu-flyout .hidden-xs {
    height: 0;
    overflow: hidden;
}

.mobile-nav:after {
    content: '';
    display: block;
    position: absolute;
    width: 5px;
    right: -5px;
    top: 0;
    bottom: 0;
    box-shadow: -2px 0px 2px rgba(0, 0, 0, .2);
}

.mobile-nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 18px;
    font-weight: 300;
}

.mobile-nav [data-level="2"],
.mobile-nav [data-level="3"] {
    display: none;
}

.mobile-nav .active > [data-level] {
    display: block;
}

.mobile-nav .active[data-level="2"] [data-level="3"] {
    display: block;
}

.mobile-nav li > div {
    line-height: 44px;
    padding: 0 15px;
    cursor: pointer;
    border-bottom: 1px solid rgba(0, 0, 0, .2);
}

.mobile-nav li > div:hover,
.mobile-nav .active > div {
    background: var(--be-magenta);
    color: #fff;
}

.mobile-nav [data-level="2"] {
    background-color: rgba(255, 255, 255, .2);
}

.mobile-nav [data-level="2"] li > div {
    padding: 0 25px;
}

.mobile-nav [data-level="2"] li > div a {
    font-size: 18px;
    font-weight: 300;
    color: #fff;
    text-decoration: none;
    line-height: 44px;
}

.mobile-nav [data-level="2"] li > div:hover a {
    color: #e5007d;
}

.mobile-nav [data-level="3"] {
    background-color: rgba(255, 255, 255, .1);
}

.mobile-nav [data-level="3"] li a {
    padding: 0 43px;
    line-height: 44px;
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    margin: 0;

    -webkit-transition: all .8s ease;
    -moz-transition: all .8s ease;
    -ms-transition: all .8s ease;
    -o-transition: all .8s ease;
    transition: all .8s ease;
    display: block;
    color: inherit;
    text-decoration: none;
    font-family: 'Outfit', sans-serif;
    font-size: 18px;
}

[data-level="3"] ul a:hover {
    background: #e5007d;
}

.nav-news {
    list-style: none;
    margin: 0;
    padding: 0;
    white-space: nowrap;
    display: inline-block;
    overflow: hidden;
    width: 10000px;
}

.shrunk .nav-news {
    display: none;
}

.nav-news-day {
    float: left;
    border-right: 1px solid #fff;
    /*width: 500px;*/
    overflow: hidden;
}

.nav-news-day:first-child {
    border-left: 1px solid #fff;
}

.nav-news-date * {
    height: auto;
}

.archive a.nav-news-date {
    color: #fff;
    font-size: 12px;
    line-height: 150%;
    padding-top: 20px;
    text-align: center;
}

.archive a.nav-news-date:hover {
    color: #fff;
    text-decoration: none;
    background: var(--be-blau);
}

.nav-news-item-scroll,
.nav-news-date {
    background: transparent;
    width: 40px;
    white-space: normal;
    outline: none;
    border: 0 none;
    float: left;
    font-size: 20px;
    font-weight: 300;
    padding: 0;
}

.nav-news-day {
    width: 0;
}

.nav-news-day.active .nav-news-date {
    background: var(--be-blau-40);
    position: relative;
    box-shadow: 2px 0 0 -1px rgba(0, 0, 0, .3), inset -2px 0 0 -1px rgba(0, 0, 0, .3);
}

div.nav-news-date {
    display: block;
    padding-top: 15px;
    text-align: center;
    cursor: pointer;
}

.nav-news-item-scroll {
    /*display: none;*/
    background: var(--be-blau);
    position: relative;
    box-shadow: -2px 0 0 -1px rgba(0, 0, 0, .3), inset 2px 0 0 -1px rgba(0, 0, 0, .3);
    width: 57px;
}

.nav-news-item-scroll:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    right: 25px;
    top: 30px;
    border-left: 6px solid;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
}

.nav-news-date .month {
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: .2em;
}

.news-stage {
    float: left;
    background: var(--be-blau-10);
    overflow: hidden;
    width: 0;
    position: relative;
}

.news-wrapper {
    width: 10000px;
    position: absolute;
    left: 0px;
    top: 0px;
}

.nav-news-item {
    box-shadow: inset 0 1px 0 #fff, inset 0 -1px 0 #fff;
    float: left;
    /*width: auto;*/
}

.nav-news-image {
    /*background: url("/typo3conf/ext/ig_project/Resources/Public/Img/placeholder/DemoNews7.jpg") no-repeat center;*/
    background-size: cover;
    float: left;
    width: 80px;
    box-shadow: inset 0 1px 0 #fff, inset 0 -1px 0 #fff;
}

.nav-news-item button,
.nav-news-item .horizontal {
    color: var(--be-blau);
    font-size: 19px;
    font-weight: 300;
    width: 170px;
    padding: 0px 35px 0px 14px;
    vertical-align: top;
    margin: 0;
    white-space: normal;
    outline: none;
    border: 0 none;
    background: transparent;
    text-align: left;
    position: relative;

}

.nav-news-item .horizontal {
    padding-top: 25px;
    float: left;
    width: auto;
}

.nav-news-item button:after,
.nav-news-item .horizontal:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    right: 22px;
    top: 30px;
    border-left: 6px solid;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
}

.scroll-progress-wrapper {
    display: none;
    position: relative;
}

.shrunk .scroll-progress-wrapper {
    display: inline-block;
    width: 10000px;
    width: 100%;
    /*background: #ef7ea9;*/
}

.shrunk .scroll-progress {
    width: 0;
    background: var(--be-magenta);
    line-height: 36px;
    text-indent: 30px;
    font-weight: 300;
    font-size: 18px;
}

.scroll-titel {
    position: absolute;
    padding: 10px 0px 0px 10px;
    text-overflow: ellipsis;
    width: 90%;
    overflow: hidden;
}

/* Media Wall */
.media-wall-wrapper {
    width: 100%;
    height: 200px;
    /*overflow: hidden;*/
    position: relative;
    font-family: "Outfit", sans-serif;
}

.media-wall-print {
    display: none;
}

.move-left,
.move-right {
    display: none;
}

.media-wall {
    /*margin-left: -85px;*/
    width: 3000px;
    height: 100%;
    cursor: ew-resize;
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab;
}

.media-wall.ui-draggable-dragging {
    cursor: ew-resize;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: grabbing;
}

.m-w-col {
    float: left;
    height: 100%;
}

/*.media-wall .m-w-col.disabled {*/
/*width: 0;*/
/*}*/

.m-w-element {
    float: left;
    width: 200px;
    height: 100%;
    overflow: visible;
    position: relative;
    /*box-shadow: inset 0 0 0 2px #fff, inset 0 -150px 70px -70px rgba(0,0,0,.3);*/
    box-shadow: inset 0 0 0 2px #fff;
}

.m-w-el-link {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100;
}

.m-w-element .info {
    position: absolute;
    bottom: 10px;
    left: 10px;
    width: 100%;
    color: #fff;
    font-weight: 300;
    font-size: 10px;
    text-shadow: 1px 1px 1px #444, -1px -1px 1px #555;
    padding-right: 15%;
}

.m-w-element .m-w-image-wrapper .info_inner {
    padding: 0px 0px 0px 15px;
}

.m-w-element .info .info {
    padding: 0px;
}

.m-w-element .info h2 {
    font-size: 14px;
    font-weight: 400;
    margin: 5px 0;
}

.m-w-element .info p {
    font-size: 11px;
    line-height: normal;
}

.m-w-element .m-w-image-wrapper {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.m-w-image {
    background: #66afe9 no-repeat center;
    background-size: cover;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    box-shadow: inset 0 0 0 2px #fff;
}

.m-w-element .m-w-image .info {
    -webkit-transition: opacity .5s ease;
    -moz-transition: opacity .5s ease;
    -ms-transition: opacity .5s ease;
    -o-transition: opacity .5s ease;
    transition: opacity .5s ease;
    opacity: 0;
    bottom: 0;
    left: 0;
    max-width: 100%;
    max-height: 100%;
    xpadding: 5px 10% 5px 5px;
    overflow: hidden;
    height: 100%;
    width: 100%;
    position: relative;
}

.m-w-element .m-w-image .info_inner {
    width: 90%;
    position: absolute;
    bottom: 15px;
}

.m-w-element .m-w-image .info p {
    xwidth: 180px;
    font-family: "Outfit", Helvetica, sans-serif;
}

.m-w-element .source_icon_fb {
    position: absolute;
    xleft: 2px;
    xtop: 2px;
    bottom: 4px;
    right: 4px;
    margin: 0px;
    xopacity: 0.3;
    z-index: 1;
}

.m-w-element .source_icon_yt {
    position: absolute;
    xleft: 2px;
    xtop: 2px;
    bottom: 4px;
    right: 4px;
    margin: 0px;
    xopacity: 0.3;
    z-index: 1;
}

.m-w-element .source_icon_play {
    position: absolute;
    left: 25%;
    top: 25%;
    margin: 0px;
    width: 50%;
    z-index: 1;
}

.m-w-element .source_icon_yt, .m-w-element .source_icon_fb {
    width: 20%;
}

.m-w-element .info p,
.m-w-element .info h2 {
    max-width: 300px !important;
}

.media-wall-wrapper.overflow {
    overflow: hidden;
}

.news .archive {
    display: block;
    text-align: right;
    margin: 5px 0px 50px 0px;
}

.media-wall.subpage {
    width: 100%;
}

.media-wall.subpage.layout1 .m-w-col,
.media-wall.subpage.layout3 .m-w-col {
    display: none;
}

.media-wall.subpage.layout1 .m-w-col.double,
.media-wall.subpage.layout3 .m-w-col.double {
    display: block;
    width: 100%;
}

.media-wall.subpage.layout1 .m-w-element.el-4,
.media-wall.subpage.layout3 .m-w-element.el-4 {
    width: 50%;
    height: 100%;
}

.media-wall.subpage.layout1 .m-w-element.el-1,
.media-wall.subpage.layout3 .m-w-element.el-1 {
    width: 50%;
    height: 50%;
    overflow: hidden;
}

.media-wall.subpage.layout2 .m-w-col {
    display: none;
}

.media-wall.subpage.layout2 .m-w-col.double {
    display: block;
    width: 100%;
}

.media-wall.subpage.layout2 .m-w-col {
    display: none;
}

.media-wall.subpage.layout2 .m-w-element.el-4 {
    width: 50%;
    height: 100%;
}

.media-wall.subpage.layout2 .m-w-element.el-1 {
    width: 50%;
    height: 50%;
    overflow: hidden;
}

.media-wall.subpage.layout4 .m-w-col {
    display: block;
    width: 50%;
}

.media-wall.subpage.layout4 .m-w-element.el-3 {
    width: 100%;
    height: 100%;
}

.media-wall.subpage.layout4 .m-w-element.el-1,
.media-wall.subpage.layout4 .m-w-element.el-2 {
    width: 100%;
    height: 50%;
    overflow: hidden;
}

html .media-wall.subpage .m-w-element .info h2 {
    font-size: 12px;
}

html .media-wall.subpage .info_inner p {
    display: none;
}

.red .el-1,
.red .el-2,
.red .el-3,
.red .el-4,
.red .el-6 {
    background: #d9534f;
}

.tabs ul {
    margin: 0 0 50px;
    padding: 0;
    list-style: none;
    border-bottom: 1px solid;
}

.tabs ul li {
    border-top: 1px solid;
    border-right: 1px solid;
    float: left;
    height: 40px;
    line-height: 40px;
    width: 132px;
    padding: 0 10px;
}

.tabs ul .disabled {
    color: #ccc;
}

.tabs ul li:first-child {
    border-left: 1px solid;
}

.tabs ul li a {
    display: block;
    line-height: inherit;
    text-decoration: none;
    font-family: 'Outfit', sans-serif;
    text-transform: uppercase;
    color: inherit;
}

.fb-feed {
    padding-bottom: 20px;
    margin-bottom: 0px;
    color: #5696bb;
}

.border-fb {
    border-top: 1px solid #5696bb;
    border-bottom: 0px solid #5696bb;
    margin-top: 0px;
}

.border-tw {
    border-top: 1px solid #00c4d9;
    border-bottom: 0px solid #5696bb;
    margin-top: 0px;
}

.fb-feed-item {
    margin-bottom: 25px;
    color: #000;
}

.fb-feed-item .thumb {
    padding: 1px;
    border: 1px solid #ccc;
    margin-bottom: 0px;
}

.fb-feed-text {
    height: 100%;
    position: relative;
}

.more {
    height: 34px;
    display: block;
    width: 122px;
    background: #5696bb;
    color: #fff;
    text-transform: uppercase;
    border: 0 none;
    outline: none;
    text-align: left;
    font-family: 'Outfit', sans-serif;
    font-weight: 300;
    letter-spacing: .1em;
    font-size: 14px;
    padding: 5px 0px 0px 10px;
}

.more:hover, .more:visited {
    color: #fff;
}

.fb-feed p.news-title,
.tweets p.news-title {
    line-height: 20px;
    font-weight: 500;
    display: block;
    color: #333;
    font-size: 14px;
    /*height: 128px;*/
}

.fb-feed-image-thumb {
    height: 169px;
    border: 1px solid #ccc;
    background: url("/typo3conf/ext/ig_project/Resources/Public/Img/placeholder/fb-feed-dummy-01.jpg") no-repeat center;
    background-size: cover;
}

.tweets {
    color: #00c4d9;
}

.tweet-item {
    color: #000;
    margin-bottom: 30px;
}

.tweet-item .more, .more-tw {
    background: #00c4d9;
}

.more-yt {
    background: var(--be-magenta);
}

.more-normal {
    background: var(--be-magenta);
}

.twsign {
    color: #66B5D2;
}

.twtag, .twtag:hover, .twtag:visited {
    color: var(--be-cyan);
}

.news-title a:hover {
    text-decoration: none;
}

.downloads {
    color: #9aad00;
    margin-bottom: 80px;
}

.downloads h3 {
    color: #455d69;
    font-family: 'Outfit', sans-serif;
    font-size: 22px;
    font-weight: 300;
    margin: 20px 0 10px;
    height: 90px;
    overflow: hidden;
}

.downloads .more {
    background: #bed600;
    position: static;
    margin-bottom: 30px;
}

.download-item {
    color: #000;
}

.download-preview-image {
    background: url("/typo3conf/ext/ig_project/Resources/Public/Img/placeholder/download-dummy-01.jpg") no-repeat left center;
    background-size: contain;
    height: 140px;
}

.mw_external {
    position: relative; 
    display: block; 
    width: 100%; 
    height: 100%; 
    z-index: 100000; 
}

/* ce-table */

.ce-table, .ce-table tbody {
	display: block;
	table-layout: fixed;
}

.ce-table tr:nth-child(even) {background: var(--be-blau-10)}
.ce-table tr:nth-child(odd) {background: #FFF}
.ce-table tr:first-child td {
   /*font-weight: bold;*/
}

.ce-table td {
	padding: 3px 8px 3px 8px;
	font-size: 1.2em;
}





.calender {
    color: #ffa200;
    margin-bottom: 30px;
    margin-top: 25px;
}

.calender .tabs ul {
    margin-bottom: 0;
}

.calender .cal-date {
    font-family: "Outfit", sans-serif;
    font-size: 32px;
    font-weight: 300;
    float: left;
    text-align: center;
    width: 40px;
    margin: 0 10px 0px 0px;
}

.calender .cal-date-month {
    color: #ffa200;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .2em;
}

.calender .cal-thumb {
    width: 80px;
    height: 80px;
    background: #ffa200 no-repeat center;
    background-size: cover;
    float: left;
    margin: 0 20px 0px 0px;
}

.calender h3 {
    font-family: "Outfit", sans-serif;
    font-size: 16px;
    margin: 0 0 5px;
}

.calender-item {
    color: #000;
    border-bottom: 1px solid #ccc;
    padding-top: 20px;
    padding-bottom: 20px;
}

.calender-item:last-child {
    border-bottom: 1px solid #ffa200;
}

.calender.calender-default .cal-list-textcontent {
    margin: 0px 40px 0px 50px;
}

.calender.calender-default .cal-list-textcontent p {
    font-size: 14px;
}

.calender.calender-default h3 {
    font: 400 14px/20px "Outfit", sans-serif;
}

.calender.calender-default p {
    font-size: 14px;

}

.calender.calender-default .cal-list-head-text {
    vertical-align: top;
}

.calender.calender-default .cal-list-head-text p {
    font-size: 14px;
    line-height: 120%;
    font-weight: 400;
    color: var(--be-blau);
}

.calender.calender-default .toggle-icon {
    margin-top: 22px;
}

.calender.calender-default .calender-item:last-child {
    border-bottom: 1px solid #cccccc;
}

.calender.calender-default .calender-item:first-child {
    border-top: 1px solid #cccccc;
}

.calender.calender-default .cal-date-month {
    color: #e8007d;
}

.cal-list-head {
    display: table;
    width: 100%;
}

.cal-list-head .cal-date,
.cal-list-head .toggle-icon-wrap,
.cal-list-head .cal-list-head-text,
.cal-list-head .cal-thumb {
    display: table-cell;
}

.cal-list-head .cal-list-head-text {
    width: 100%;
    width: 97%;
}



/* FOOTER */

footer {
    background: var(--be-blau);
    border-top: 3px solid #646466;
}

.footer-panel {
    background: var(--be-blau-80);
    margin: 40px 0;
}

.footer-panel nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer-panel nav ul li {
    float: left;
    width: 50%;
    padding: 0 20px;
    border-right: 1px solid var(--be-blau);
    border-bottom: 1px solid var(--be-blau);
}

.footer-panel nav ul li a {
    display: block;
    width: 100%;
    line-height: 50px;
    cursor: pointer;
    color: #fff;
    font-weight: 300;
    text-decoration: none;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

nav[data-level="4"] ul > li.active,
nav[data-level="4"] ul > li:hover {
    background: #4b4f53;
}

.footer-panel .social-status {
    width: 100%;
    background: var(--be-blau-80);
    padding: 20px 40px;
    text-align: center;
    color: rgba(255, 255, 255, 1);
    font-size: 24px;
    border-right: 1px solid var(--be-blau);
}

.footer-panel .social-status .small {
    font-family: "Outfit", sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 300;
}

.footer-panel .social-status img {
    margin: 15px 0px 5px 0;
    opacity: 1;
}

.footer-panel .social-status a {
    color: #fff;
}

.copyright-wrapper {
    height: 30px;
    margin-bottom: 30px;
}

.copyright {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    color: #fff;
}

/* scroll-navigator */

.scroll-navigator {
    margin-top: 60px;
    position: absolute;
    right: 50px;
    top: 0px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 19;
}

.scroll-navigator.fixed {
    position: fixed;
    top: 200px;

}

.scroll-navigator ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.scroll-navigator ul li {
    display: block;
    color: #ccc;
    border: 1px solid;
    width: 40px;
    height: 40px;
    margin: 15px;
    position: relative;
    cursor: pointer;
    background: #fff url("/typo3conf/ext/ig_project/Resources/Public/Img/icon_bubble_grey_new.png") no-repeat center;
    /*background-size: 30px 30px;*/
}

.scroll-navigator ul li a {
    display: block;
    width: 38px;
    height: 38px;
}

.scroll-navigator .active {
    color: #ee0077;
}

.scroll-navigator ul li:after {
    content: '';
    display: block;
    position: absolute;
    border-top: 15px solid;
    width: 1px;
    height: 0px;
    bottom: -16px;
    left: 19px;
}

.scroll-navigator li:last-child:after {
    content: none;
}

.scroll-navigator [data-target="1"] {
    background-image: url("/typo3conf/ext/ig_project/Resources/Public/Img/icon_bubble_grey_new.png");
}

.scroll-navigator .active[data-target="1"] {
    background-image: url("/typo3conf/ext/ig_project/Resources/Public/Img/icon_bubble_pink.png");
}

.scroll-navigator [data-target="2"] {
    display: none;
    background-image: url("/typo3conf/ext/ig_project/Resources/Public/Img/icon_cal_grey.png");
}

.scroll-navigator .active[data-target="2"] {
    display: none;
    background-image: url("/typo3conf/ext/ig_project/Resources/Public/Img/icon_cal_pink.png");
}

.scroll-navigator [data-target="3"] {
    background-image: url("/typo3conf/ext/ig_project/Resources/Public/Img/icon_download_grey_new.png");
}

.scroll-navigator .active[data-target="3"] {
    background-image: url("/typo3conf/ext/ig_project/Resources/Public/Img/icon_download_pink.png");
}

.scroll-navigator [data-target="4"] {
    background-image: url("/typo3conf/ext/ig_project/Resources/Public/Img/icon_pf-suche_grey_new.png");
}

.scroll-navigator .active[data-target="4"] {
    background-image: url("/typo3conf/ext/ig_project/Resources/Public/Img/icon_pf-suche_pink.png");

}

.scroll-navigator [data-target="3"]:after {
    content: '';
    display: block;
    position: absolute;
    border-top: 15px solid;
    width: 0px;
    height: 0px;
    bottom: -16px;
    left: 19px;
}

/* News */

.news-info {
    text-transform: uppercase;
    font-family: "Outfit", sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.news-gallery img {
    margin: 0px;
}

html .container figure img {
    margin: 0px 0 15px;
}

html .container figure figcaption {
    margin: 0px 0 8px;
}

figcaption p {
    font-size: 1.0em;
    margin-top: -8px;
}

.news-gallery .firstpic {
    position: relative;
    margin-bottom: 2px;
}

.news-gallery .firstpic .caption {
    position: absolute;
    bottom: 0px;
    left: 0px;
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;

    color: #fff;
    margin: 0;
    padding: 5px 10px;

    font-size: 15px;
    width: 100%;
}

.news-social {
    margin-top: 50px;
    text-transform: uppercase;
    font-family: "Outfit", sans-serif;
    color: #fff;
    font-weight: 300;
    letter-spacing: .1em;
    display: block;
    clear: both;
}

.news-social a {
    background: var(--be-blau-80);
    height: 33px;
    line-height: 33px;
    display: block;
    color: inherit;
    text-decoration: none;
    overflow: hidden;
}

.news-social .facebook,
.news-social .facebook a {
    background: #6075b6;
}

.news-social .tweeter,
.news-social .twitter a {
    background: #5eccfe;
}

.news-social .twitter a:hover {
    background: #3dc4f9;
}

.news-social a.mail:hover,
.news-social a.print:hover {
    background: var(--be-blau-40);
}

.news-social .shariff-button {
    background: none;
}

.news-social .shariff-button .fa {
    display: none;
}

.shariff.news-social .share_count {
    background: none;
    padding: 0px 7px 0px 0px;
    color: #fff;
    float: left;
}

.news-social a:before {
    content: '';
    display: block;
    float: left;
    margin-right: 10px;
    height: 100%;
    width: 41px;
    background: #37549f url("/typo3conf/ext/ig_project/Resources/Public/Img/facebook.png") no-repeat center;
    background-size: 60%;
}

.news-social .tweeter:before,
.news-social .twitter a:before {
    background: #36bdfc url("/typo3conf/ext/ig_project/Resources/Public/Img/twitter.png") no-repeat center;
    background-size: 70%;
}

.news-social .mail:before {
    background: var(--be-blau) url("/typo3conf/ext/ig_project/Resources/Public/Img/mail.png") no-repeat center;
    background-size: 60%;
}

.news-social .print:before {
    background: var(--be-blau) url("/typo3conf/ext/ig_project/Resources/Public/Img/print.png") no-repeat center;
    background-size: 60%;
}

.news-social .whatsapp a:before {
    background: #33B01E url("/typo3conf/ext/ig_project/Resources/Public/Img/whatsapp.png") no-repeat center;
    background-size: 60%;
}

.news-social .whatsapp a:hover {
    background-color: #39b624;
}

.news-controls {
    border-top: 1px solid var(--be-blau-40);
    border-bottom: 1px solid var(--be-blau-40);
    margin-top: 30px;
    padding: 10px 0;
}

.news-controls a {
    text-transform: uppercase;
}

.news-controls .prev {
    float: left;
}

.news-controls .next {
    float: right;
}

/* DOWNLOAD Module */

.dowanload_teaser ul {
    padding: 0px;
}

.dl-item {
    margin-bottom: 20px;
    display: none;
}

.dl-item.visible {
    display: block;
}

/* This shows only the first 6 items */
/*.dl-item:nth-child(-n+6) {*/
/*display: block;*/
/*}*/

.dl-item > a {
    display: block;
    height: 120px;
    border-radius: 3px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
    padding: 10px;
    position: relative;
    overflow: hidden;
    z-index: 0;
    color: #fff;
    text-decoration: none;
}

.dl-item[data-mime-type='txt'] > a,
.dl-item[data-mime-type='doc'] > a,
.dl-item[data-mime-type='mp3'] > a,
.dl-item[data-mime-type='mp4'] > a,
.dl-item[data-mime-type='pdf'] > a,
.dl-item[data-mime-type='zip'] > a,
.dl-item[data-mime-type='PDF'] > a,
.dl-item[data-mime-type='docx'] > a {
    background: var(--be-magenta);
}

.dl-item[data-mime-type='jpg'] > a,
.dl-item[data-mime-type='jpeg'] > a,
.dl-item[data-mime-type='JPG'] > a,
.dl-item[data-mime-type='gif'] > a,
.dl-item[data-mime-type='png'] > a {
    background: var(--be-blau);
}

.dl-item[data-mime-type='ics'] > a {
    background: #668A98;
}

.dl-item[data-mime-type='pdf'][data-page='1'] > a,
.dl-item[data-mime-type='zdf'][data-page='1'] > a,
.dl-item[data-mime-type='PDF'][data-page='1'] > a,
.dl-item[data-mime-type='ics'][data-page='1'] > a {
    background: #8bb8e7;
}

.dl-item-image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 70%;
    z-index: -1;
    background-size: cover;
}

.dl-item .dl-item-meta {
    font: 24px "Outfit", sans-serif;
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 10px;
}

.dl-item .dl-item-meta {
    position: absolute;
    left: 0;
    right: 0;
    padding: 5px 10px;
    color: #fff;
    font-size: 16px;
}

.dl-item .dl-item-meta h3 {
    font: 300 20px/1.8em "Outfit", sans-serif;
    margin: 0;
}

.dl-item-date {
    font: 300 18px "Outfit", sans-serif;
}

.dl-item-icon {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 40px;
    height: 53px;
    background: no-repeat center;
}

.dl-item[data-mime-type='txt'] .dl-item-icon,
.dl-item[data-mime-type='doc'] .dl-item-icon,
.dl-item[data-mime-type='docx'] .dl-item-icon {
    background-image: url(/typo3conf/ext/ig_project/Resources/Public/Img/icon_label_doc.png);
}

.dl-item[data-mime-type='gif'] .dl-item-icon {
    background-image: url(/typo3conf/ext/ig_project/Resources/Public/Img/icon_label_gif.png);
}

.dl-item[data-mime-type='jpg'] .dl-item-icon {
    background-image: url(/typo3conf/ext/ig_project/Resources/Public/Img/icon_label_jpg.png);
}

.dl-item[data-mime-type='mp3'] .dl-item-icon {
    background-image: url(/typo3conf/ext/ig_project/Resources/Public/Img/icon_label_mp3.png);
}

.dl-item[data-mime-type='mp4'] .dl-item-icon {
    background-image: url(/typo3conf/ext/ig_project/Resources/Public/Img/icon_label_mp4.png);
}

.dl-item[data-mime-type='pdf'] .dl-item-icon,
.dl-item[data-mime-type='PDF'] .dl-item-icon {
    background-image: url(/typo3conf/ext/ig_project/Resources/Public/Img/icon_label_pdf.png);
}

.dl-item[data-mime-type='zip'] .dl-item-icon,
.dl-item[data-mime-type='ZIP'] .dl-item-icon {
    background-image: url(/typo3conf/ext/ig_project/Resources/Public/Img/icon_label_zip.png);
}

.dl-item[data-mime-type='png'] .dl-item-icon {
    background-image: url(/typo3conf/ext/ig_project/Resources/Public/Img/icon_label_png.png);
}

.dl-item-download {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .4);
}

.dl-item:hover .dl-item-download {
    display: block;
}

.dl-item-size {
    display: block;
    margin: 50% auto;
    border-radius: 50%;
    width: 130px;
    height: 130px;
    background: rgba(0, 0, 0, .3) url(/typo3conf/ext/ig_project/Resources/Public/Img/download-arrow.svg) no-repeat center;
    background-size: 12px 14px;
    border: 3px solid #fff;
    text-transform: uppercase;
    font: 300 14px "Outfit", sans-serif;
    outline: none;
}

.dl-item-size span {
    margin-top: 25px;
    display: inline-block;
    padding: 0 5px;
    border-radius: 3px;
    background: #fff;
    color: #333;
}

.dl-item > a > .dl-item-meta > h3,
.dl-item-date {
    font-size: 14px;
    overflow: hidden;
    word-wrap: ellipsis;
}

.dl-item-size {
    border-radius: 0px;
    border: 1px solid #fff;
    width: 40px;
    height: 40px;
    overflow: hidden;
    text-indent: -2000px;
}

div.dl-item-size {
    padding-top: 25px;
    display: block;
    text-align: center;
}

.dl-item-icon {
    display: none;
}

.dl-search-form {
    margin: 30px 0px;
    padding-bottom: 30px;
    border-bottom: 1px solid #ccc;
}

.dl-search-wrapper {
    /*float: left;*/
    margin-bottom: 30px;
}

.dl-filter-wrapper {
    /*float: left*/
}

.dl-more-wrapper {
    border-top: 1px solid #ccc;
    padding-top: 30px;
    margin: 0 -15px 30px -15px;
    text-align: center;
}

.dl-item h4 {
    margin-bottom: 5px;
    text-align: right;
}

.dl-item p {
    font-size: 12px;
    width: 100%;
    height: 20px;
    overflow: hidden;
    margin: 0px;
}

.selectBox-dropdown,
.selectBox-dropdown:hover,
.selectBox-dropdown:active,
.selectBox-dropdown:focus,
.tx-ig-downloadmanager .dl-search-submit,
.tx-ig-downloadmanager .dl-more-btn {
    margin-right: 20px;
    background: #628394;
    border: 0 none;
    border-radius: 3px;
    outline: none;
    color: #fff;
    font: 300 16px "Outfit", sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    padding: 5px 10px;
}

.blue-btn {
    margin-right: 20px;
    background: #628394;
    border: 0 none;
    border-radius: 3px;
    outline: none;
    color: #fff;
    font: 300 16px "Outfit", sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    padding: 5px 10px;
}

.selectBox-dropdown,
.selectBox-dropdown:hover,
.selectBox-dropdown:active,
.selectBox-dropdown:focus {
    height: auto;
    cursor: pointer;
    padding-right: 40px;
}

.selectBox-dropdown .selectBox-label {
    display: inline;
    padding: 0;
}

.selectBox-dropdown .selectBox-arrow {
    background: url(/typo3conf/ext/ig_project/Resources/Public/Img/select-arrow.svg) no-repeat left center;
    background-size: 18px 6px;
    border-left: 0 none;
    margin-right: 5px;
}

.selectBox-options li a,
.selectBox-options li a:hover {
    color: #333;
    text-decoration: none;
    font-family: 'Outfit', sans-serif;
    line-height: 2em;
    text-transform: capitalize;
}

.tx-ig-downloadmanager select {
    display: none;
}

.tx-ig-downloadmanager .dl-search {
    margin-right: 20px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    outline: none;
    padding: 5px 10px;
    font-size: 16px;
    width: 219px;
    margin-right: 2px;
}

.tx-ig-downloadmanager button.dl-search-submit {
    margin: 0px;
    position: relative;
    top: 1px;
}

.tx-ig-downloadmanager .selectBox {
    min-width: 141px;
    margin: 0px;
}

.tx-ig-downloadmanager .row.filtered {
    margin: 0 0px 25px 0px
}

/* End DOWNLOAD Module */

/* Accordion */

.accordion {
    margin: 0;
}

.accordion .panel {
    border-radius: 0;
    border: 0 none;
    border-top: 1px solid #ccc;
    box-shadow: none;
}

.accordion .panel-heading {
    background: 0;
}

.accordion .panel-default > .panel-heading + .panel-collapse > .panel-body {
    border: 0 none;
}

.accordion .panel-title a:hover,
.accordion .panel-title a:active,
.accordion .panel-title a:visited,
.accordion .panel-title a {
    display: block;
    text-decoration: none;
    color: #333;
    font: 400 18px/35px "Outfit", sans-serif;
    padding: 15px 0;
}

.accordion .panel-title a span {
    display: inline-block;
    width: 85%;
}

.accordion .toggle-icon-wrap {
    float: right;
    position: relative;
}

.accordion .toggle-icon {
    float: right;
    position: relative;
    width: 35px;
    height: 35px;
    background: var(--be-magenta);
    border-radius: 3px;
    position: relative;
}

.accordion .toggle-icon:before {
    content: '';
    width: 23px;
    height: 1px;
    background: #fff;
    position: absolute;
    top: 17px;
    left: 6px;
}

.accordion .collapsed .toggle-icon {
    background: var(--be-blau);
}

.accordion .collapsed .toggle-icon:after {
    content: '';
    width: 1px;
    height: 23px;
    background: #fff;
    position: absolute;
    top: 6px;
    left: 17px;
}

.accordion.acborder1 {
    margin-bottom: 50px;
}

.accordion.acborder1 .panel {
    border-bottom: 1px solid #ccc;
}

/* End Accordion */

div.ce-textpic-border div.ce-gallery img {
    border: 1px solid #ccc;
}

.zweispalter,
.dreispalter,
.vierspalter {
    xmargin: 40px 0px;
    margin-top: 40px;
    margin-bottom: 40px;
}

.dreispalter h3,
.vierspalter h3,
.dreispalter h2,
.vierspalter h2 {
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

.dreispalter figure img,
.vierspalter figure img {
    width: 100%;
    margin-bottom: 10px;
}

.ansprechpartner {
    margin-bottom: 20px;
}

.ansprechpartner p {
    margin-bottom: 8px;
}

.ansprechpartner .asp {
    background: var(--be-blau-10);
    margin: 0 0 10px;
    border-radius: 4px;
    padding: 15px 10px 15px 20px;
}

.ansprechpartner .asp .contact_title {
    font: 400 18px/24px "Outfit", sans-serif;
    margin: 0;
}

.ansprechpartner .contact_sources {
    padding-top: 16px;
    padding-bottom: 16px;
}

.ansprechpartner .asp .contact_name {
    color: #555;
    margin-bottom: 5px;
    padding-top: 5px;
    font-weight: 400;
}

.ansprechpartner img {
    margin: 0px;
}

.ansprechpartner .imagewrap {
    width: 74px;
    height: 74px;
    position: relative;
    display: block;
    overflow: hidden;
    border: 1px solid #668a98;
    border-radius: 74px;
    float: left;
    margin: 5px 20px 0px 10px;
    background-position: center bottom;
    background-repeat: no-repeat;
}

.ansprechpartner .imagewrap.crop {
    background-position: center 25%;
}

.ansprechpartner .imagewrap.crop0 {
    background-position: center 25%;
}

.ansprechpartner .imagewrap.crop1 {
    background-position: center 0%;
}

.ansprechpartner .imagewrap.crop2 {
    background-position: center 50%;
}

.ansprechpartner .imagewrap.crop3 {
    background-position: center 75%;
}

.ansprechpartner .imagewrap.crop4 {
    background-position: center 100%;
}

.ansprechpartner .clear {
    clear: both;
}

.ansprechpartner .contact_phone,
.ansprechpartner .contact_fax,
.ansprechpartner .contact_mobile,
.ansprechpartner .contact_mail,
.ansprechpartner .contact_web {
    padding-left: 30px;
    color: #e5007d;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ansprechpartner i {
    color: var(--be-blau);
    float: left;
    padding-top: 6px;
    margin-right: 10px;
    width: 18px;
}

.ansprechpartner .contact_phone {
    background: url(../Icons/contact_phone.png) no-repeat left center;
}

.ansprechpartner .contact_mobile {
    background: url(../Icons/contact_phone.png) no-repeat left center;
}

.ansprechpartner .contact_fax {
    background: url(../Icons/contact_fax.png) no-repeat left center;
}

.ansprechpartner .contact_mail {
    background: url(../Icons/contact_mail.png) no-repeat left center;
}

.ansprechpartner .contact_web {
    background: url(../Icons/contact_web.png) no-repeat left center;
}

.news-gallery {
    margin-bottom: 30px;
}

.news-list-view .row {
    margin-bottom: 30px;
}

.news-list-view .news-img-wrap a {
    position: relative;
    display: block;
}

.news-list-view .news-img-wrap a img {
    margin-bottom: 0px;
}

.news-list-view .news-img-wrap .icon {
    position: absolute;
    right: 5px;
    bottom: 3px;
    margin: 0px;
}

.news-list-view .news-img-wrap .source_icon_play {
    left: 25%;
    margin: 0;
    position: absolute;
    top: 18%;
    width: 50%;
    z-index: 1;
}

.news-list-view img.thumb {
    border: 1px solid #ccc;
    padding: 1px;
}

.news-list-view .news-info {
    margin-bottom: 10px;
}

.news-author {
    color: #e5007d;
    color: var(--be-cyan);
}

.news-list-view .ytimage {
    display: block;
    width: 100%;
    height: 163px;
    border: 1px solid #fff;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left top;
}

.news-list-view .noimage {
    display: block;
    width: 100%;
    height: 139px;
    border: 1px solid #fff;
    background: #f5f5f5 url("/typo3conf/ext/ig_project/Resources/Public/Img/logoBistumEssen.svg") no-repeat scroll center center;
    background-size: 160px;
}

.news-list-view .xborder {
    border: 1px solid #ccc;
    display: block;
}

.news-list-view .news-title a {
    font-weight: 500;
    color: #333;
}

.news-list-view .news-text {
    display: block;
    width: 100%;
    overflow: hidden;
}

.news-list-view .news-text p {
    overflow: hidden;
    text-overflow: ellipsis;
}

.news-list-view .news-footer {
    display: block;
    height: 34px;
    width: 100%;
    overflow: hidden;
}

.news-list-view .news-footer .more {
    display: block;
    position: relative;
    color: #fff;
    padding: 5px 0px 0px 10px;
    left: 0;
    top: 0;
}

.news-list-view .page-navigation p {
    display: none;
}

.page-navigation ul {
    list-style: none;
    margin-bottom: 50px;
    padding: 10px 0;
}

.page-navigation ul li {
    font-weight: 300;
    padding: 4px;
    float: left;
}

.page-navigation ul li.current {
    color: var(--be-magenta);
    font-weight: 500;
    font-family: "Outfit", sans-serif;
    line-height: 24px;
}

.page-navigation ul li.previous, .page-navigation ul li.next {
    xcolor: #ccc;
}

.news-list-view .pagination {
    border-bottom: 1px solid var(--be-blau-40);
    border-top: 1px solid var(--be-blau-40);
    margin-top: 30px;
    padding: 10px 0;
    width: 100%;
    border-radius: 0px;
}

.news-list-view .pagination a,
.news-list-view .pagination span {
    color: var(--be-magenta);
    font-family: "Outfit", sans-serif;
    font-size: 14px;
    line-height: 24px;
    border: 0px none;
    padding: 0px 10px;
}

.news-list-view .pagination li:first-child a {
    padding: 0px 10px 0px 2px;
}

.news-list-view .pagination li:last-child a {
    padding: 0px 2px 0px 10px;
}

.news-list-view .pagination li.active a,
.news-list-view .pagination li:hover a {
    color: #333;
    background: none;
}

.news-gallery .row {
    margin: 0px;
}

.news-gallery .row div {
    padding: 0px;
    margin: 0px;
}

.news-gallery .row div a {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
}

.news-gallery .row .hlarge a {
    display: block;
    width: 100%;
    height: 266px;
    margin-bottom: 4px;
}

.news-gallery .row .hmedium a {
    display: block;
    width: 100%;
    height: 196px;
    margin-bottom: 4px;
}

.news-gallery .row .hsmall a {
    display: block;
    width: 100%;
    height: 131px;
    margin-bottom: 4px;
}

.dowanload_teaser {
    padding: 0px 0px;
    margin: 0px 0px 20px 0px;
}

.dowanload_teaser .row,
.dowanload_teaser .dl-item {
    margin-bottom: 0px;
}

.dowanload_teaser .dl-more-wrapper {
    display: none;
}

.dl-item-image {
    background-size: contain;
    background-size: cover;
}

.dowanload_teaser .dl-item,
.listview .dl-item {
    margin: 0 1% 2%;
    width: 31%;
    float: left;
}

.dowanload_teaser .dl-item h4,
.listview .dl-item h4 {
    font-size: 10px;
    font-weight: 400;
    xoverflow: hidden;
    xword-break: break-all;
    max-height: 55px;
}

html .dowanload_teaser .dl-item h4,
html .listview .dl-item h4 {
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

.dowanload_teaser .dl-item h4 {
    xoverflow: hidden;
    xtext-overflow: ellipsis;
}

.dowanload_teaser .dl-item .dl-item-meta p {
    font-size: 10px;
    font-weight: 200;
}

.dowanload_teaser .dl-item-icon {
    width: 30px;
    background-size: contain;
}

.tx-cal-controller {
    margin: 30px 0px 50px 0px;
}

.startseite .dowanload_teaser {
    margin: 30px 0px 50px 0px;
}

.subnavigation {
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 19;

    position: relative;
    right: 0px;
    top: 0px;
}

.subnavigation .panel {
    box-shadow: 0px 0px 0px #fff;
}

.subnavigation .panel-heading,
.subnavigation .panel-body,
.subnavigation .panel-body ul {
    padding: 0px;
}

.subnavigation .panel-body ul {
    list-style: none;
    margin: 0px;
}

.subnavigation .panel-body ul > li > ul > li > a {
    padding: 8px 15px 10px 30px;
}

.subnavigation .panel-body ul > li > ul > li > ul > li > a {
    padding: 8px 15px 10px 45px;
}

.subnavigation .panel-body ul > li > ul > li > ul > li > ul > li > a {
    padding: 8px 15px 10px 60px;
}

.subnavigation .panel-body ul > li > ul > li > ul > li > ul > li > a {
    padding: 8px 15px 10px 75px;
}

.subnavigation .panel-body ul li a {
    padding: 8px 15px 10px;
    background: var(--be-blau-10);
    color: var(--be-blau);
    display: block;
    border-bottom: 1px solid #CCCCCC;
    font-family: "Outfit", sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 24px;
}

.subnavigation > .panel > .panel-collapse > .panel-body > ul > li.last > a,
.subnavigation .panel-body ul li.last a {
    border-bottom: 1px solid var(--be-blau-10);
    border-radius: 0px 0px 4px 4px;
}

.subnavigation .panel-body ul li.active > a {
    text-decoration: none;
    background: #ddd;
    border-bottom: 1px solid #ddd;
}

.row .subnavigation .panel-body ul li a:hover {
    text-decoration: none;
    background: #E90083;
    color: #fff;
    border-bottom: 1px solid #E90083;
}

.subnavigation .panel-default {
    border-color: #fff;
}

.subnavigation .panel-heading a {
    padding: 10px 55px 10px 15px;
    display: block;
    background: var(--be-blau) url("/typo3conf/ext/ig_project/Resources/Public/Img/nav2.gif") no-repeat right 10px center;
    color: #fff;
    border-radius: 4px 4px 0px 0px;
    font-size: 18px;
    font-weight: 300;
    text-align: left;
    min-width: 200px;
}

.subnavigation .panel-heading a.collapsed {
    border-radius: 4px;
    padding: 10px 33px 10px 15px;
    background: var(--be-blau) url("/typo3conf/ext/ig_project/Resources/Public/Img/nav1.gif") no-repeat right 10px center;
}

.subnavigation .panel-heading a:hover {
    text-decoration: none;
}

.subnavigation .panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: var(--be-blau);
}

.subnavigation .panel-body ul li.subtohome a {
    border-bottom: 0px none;
    border-top: 1px solid #cccccc;
    padding: 8px 15px 10px 15px;
}

.subnavigation {
    display: none;
}

.tx-ig-gottesdienst .calender .calender-item:first-child,
.tx-ig-pfarreien .calender .calender-item:first-child {
    border-top: 0px none;
}

.tx-ig-pfarreien .calender.calender-default .cal-list-head-text {
    display: block;
    margin-left: 20px;
    margin-right: 0px;
    min-height: 50px;
    height: auto;
}

.tx-ig-pfarreien p.formlabel {
    margin: 10px 0px;
    margin: 30px 0 10px 2px;
}

.tx-ig-pfarreien .calender.calender-default .toggle-icon {
    margin-top: 11px;
}

.calender .cal-thumb {
    display: none;
}

.tx-ig-gottesdienst p.smallinfo,
.tx-ig-pfarreien p.smallinfo {
    font-size: 11px;
    line-height: 1.42857;
    color: var(--be-blau);
    font-weight: 400;
}

.tx-ig-pfarreien p {
	font-size: 14px !important;
}

.tx-ig-pfarreien p.karteninfo {
    font-size: 12px !important;
}

.tx-ig-pfarreien .geodata .popuponly {
    display: none;
}

.gottesdienst_map_wrap,
.pfarreien_map_wrap {
    padding: 10px;
    background: var(--be-blau-10);
    border: 1px solid var(--be-blau-10);
    border-radius: 4px;
    margin-bottom: 20px;
}

.gottesdienst_map,
.pfarreien_map {
    width: 100%;
    height: 400px;
}

.gottesdienst_addon {
	display: none;
} 

.backToTop {
    float: right;
}

.background {
    border-radius: 4px;
    padding: 10px 15px;
    margin-bottom: 10px;
}

.hellgrau .background {
    background: var(--be-blau-10) none repeat scroll 0 0;
}

.hellblau .background {
    background: var(--be-blau-40) none repeat scroll 0 0;
}

.hellrosa .background {
    background: #ea7ca6 none repeat scroll 0 0;
    color: #fff;
}

.hellrosa p a,
.hellrosa h1 a,
.hellrosa h2 a,
.hellrosa h3 a,
.hellrosa h4 a,
.hellrosa h5 a,
.hellrosa h6 a {
    color: #fff;
}

.background h1, .background h2, .background h3, .background h4 {
    margin-top: 0px;
}

.ce-textpic {
    xdisplay: table; /* Experimentell*/
}

.ce-left .ce-gallery .image,
.ce-left .ce-gallery img {
    width: 150px;
}
.ce-left .ce-gallery .image {
    float:left;
    clear:left;
    margin-right: 10px;
}

.ce-left {
    min-height: 180px;
}

.highlightbox {
    border-radius: 4px;
    margin-bottom: 40px;
    padding: 15px 20px;
    padding: 10px 10px 5px 10px;
}

.highlightbox a, .highlightbox a:hover {
    font-weight: bold;
}

.highlightbox h2 a, .highlightbox h2 a:hover,
.highlightbox h3 a, .highlightbox h3 a:hover,
.highlightbox h4 a, .highlightbox h4 a:hover {
    font-weight: normal;
}

.highlightbox.width100 {
    width: 100%;
    display: block;
}

.highlightbox.width50 {
    display: inline-block;
    margin: 0 0 30px;
    width: 48%;
}

.highlightbox.width25 {
    display: inline-block;
    margin: 0 1% 20px;
    width: 22.5%;
}

.highlightbox.left-1 {
    float: left;
    margin: 0 15px 10px 0px;
}

.highlightbox.right-1 {
    float: right;
    margin: 0 0px 10px 15px;
}

.highlightbox .ce-left .ce-gallery .image{
    width: auto;
}

.highlightbox.hellgrau {
    background: var(--be-blau-10) none repeat scroll 0 0;
}

.highlightbox.hellblau {
    background: var(--be-blau-40) none repeat scroll 0 0;
}

.highlightbox.hellrosa {
    background: var(--be-magenta-60) none repeat scroll 0 0;
    color: #fff;
}

.highlightbox .tx-ig-downloadmanager .row {
    margin: 0px;
}

.container iframe {
    width: 290px;
    min-height: 200px;
    margin-bottom: 30px;
}

.container .pfarreien_map iframe {
    width: auto;
    min-height: auto;
    margin-bottom: 30px;
}

html .tx-kesearch-pi1 #kesearch_results .result-list-item .result-teaser .hit {
    color: #333;
    font-weight: 400;
}

html .tx-kesearch-pi1 #kesearch_results .result-list-item .result-title .hit {
    color: inherit;
    font-weight: inherit;
}
.kesearch_pagebrowser ul{
    list-style-type: none;
    padding-left:0;
    margin-bottom:0;
}
.kesearch_pagebrowser ul li{
    display: inline-block;
}
.pages_total .result_txt{
    display: none;
}
.menu-flyout ul.nav-tabs {
    border-bottom: 0px solid var(--be-blau);
}

.menu-flyout ul.nav-tabs > li {
    background: var(--be-blau-80);
    width: 20%;
    float: left;
    padding: 10px 15px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25) inset, 0 -1px 0 rgba(255, 255, 255, 0.1);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08) inset;

    border-bottom: 1px solid #374b51;
}

nav.row.menu-flyout > .hidden-xs {
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25), 0 0px 0 rgba(255, 255, 255, 0.1);
}

.menu-flyout .nav-tabs > li.active {
    background: var(--be-blau);
    color: #fff;
    border: 0px none;
    border-right: 1px solid #374b51;
}

html .menu-flyout .nav-tabs > li.last {
    border-right: 0px solid #374b51;
}

html .menu-flyout .nav-tabs > li.first.active {
    border-left: 0px solid #374b51;
}

html .menu-flyout .nav-tabs > li.last.active {
    border-right: 0px solid #374b51;
}

html .menu-flyout .nav-tabs > li > a {
    font-family: "Outfit", sans-serif;
    margin: 0px;
    font-size: 18px;
    font-weight: 300;
    text-transform: uppercase;
    padding: 0px;
    border: 0px none;
    background: none;
    color: var(--be-blau-20);
}

.menu-flyout .nav-tabs > li > a:focus,
.menu-flyout .nav-tabs > li > a:hover {
    background: none;
    border: 0px none;
    color: #fff;

}

.menu-flyout .nav-tabs > li:focus,
.menu-flyout .nav-tabs > li:hover {
    background: var(--be-blau);
    color: #fff;
}

.menu-flyout .nav-tabs > li.active:focus,
.menu-flyout .nav-tabs > li.active:hover {
    background: var(--be-blau);
    color: #fff;
    border: 0px none;
    border-right: 1px solid #374b51;
}

.menu-flyout .nav-tabs li {
    border-right: 1px solid #374b51;
}

.menu-flyout .nav-tabs > li.active > a,
.menu-flyout .nav-tabs > li.active > a:focus,
.menu-flyout .nav-tabs > li.active > a:hover {
    background: none;
    color: inherit;
    border: 0px none;
}

.menu-flyout .tab-content .tab-pane > ul > li {
    width: 25%;
    float: left;
}

.menu-flyout .tab-content .tab-pane > ul > li > a {
    padding: 9px 15px 11px;
    padding: 12px 15px 13px;
    margin: 0px;
}

/* Mailform */

.csc-form {
    margin-bottom: 50px;
}

.csc-form legend {
    display: none;
}

.csc-form .row {
    margin-bottom: 20px;
}

.csc-form label {
    font-family: "Outfit", sans-serif;
    font-size: 18px;
    line-height: 24px;
    font-weight: normal;
}

.csc-form .btn-submit {
    background: var(--be-blau);
    background: var(--be-blau);
    border-color: #fff;
    color: #fff;
    font-family: "Outfit", sans-serif;
    font-size: 16px;
    font-weight: 200;
    text-transform: uppercase;
}

.csc-form .btn-submit:hover {
    background: #e90083;
}

.csc-form .form-input {
    background-color: var(--be-blau-10);
}

.csc-form label sup {
    color: var(--be-blau);
    margin-left: 5px;
}

/* csc-mailform */

.csc-mailform {
    margin-bottom: 50px;
}

.csc-mailform legend {
    display: none;
}

.csc-mailform .row {
    margin-bottom: 20px;
}

.csc-mailform label {
    font-family: "Outfit", sans-serif;
    font-size: 18px;
    line-height: 24px;
    font-weight: normal;
    text-align: right;
}

.csc-form-element-textline input {
    background-color: #fafafa;
    border: 1px solid #979797;
    width: 200px;
}

.csc-form-element-submit input {
    background: var(--be-blau);
    background: var(--be-blau);
    border-color: #fff;
    color: #424242;;
    font-family: "Outfit", sans-serif;
    font-size: 16px;
    font-weight: 200;
    text-transform: uppercase;
    border-width: 0px;
    border: 1px solid #424242;
}

.csc-form-element-submit input:hover {
    color: #fff;
    background: #e90083;
}

.csc-form-element-submit input {
    background-color: var(--be-blau-10);
    padding-left: 20px;
    padding-right: 20px;
}

.csc-mailform label sup {
    color: var(--be-blau);
    margin-left: 5px;
}

/* Powermail */

/*
.tx-powermail {
    margin-bottom: 50px;
}

.tx-powermail input, .tx-powermail textarea, .tx-powermail .powermail_field {
    width: 250px;
}
.tx-powermail .powermail_field {
    display: inline;
    font-size: 24px;
    margin-top: 20px;
}

.tx-powermail .powermail_field input {
	font-size: 12px !important;
}

.powermail_fieldwrap {
    padding: 5px 0px 10px 0px;
}

.powermail_label {
    font-family: "Outfit", sans-serif;
    font-size: 18px !important;
    line-height: 24px;
    font-weight: normal;
    text-align: right;
    float:left;
}

.powermail_legend {
    display: none;
}

.powermail_input, .powermail_textarea {
    background-color: #fafafa;
    border: 1px solid #979797;
}

.bluefull, .powermail_confirmation_form, .powermail_confirmation_submit, .powermail_confirmation .btn-danger, .powermail_confirmation .btn-primary {
    background: var(--be-blau);
    border-color: #fff;
    color: #fff;
    font-family: "Outfit", sans-serif;
    font-size: 18px;
    font-weight: 200;
    text-transform: uppercase;
    border: none;
    padding: 5px 15px 5px 15px;
}

.bluefull:hover, .powermail_confirmation_form:hover, .powermail_confirmation_submit:hover, .powermail_confirmation .btn-danger:hover, .powermail_confirmation .btn-primary:hover {
    background: #ff0099;
    color: #fff;
    font-family: "Outfit", sans-serif;
    font-size: 18px;
    font-weight: 200;
    text-transform: uppercase;
    padding: 5px 15px 5px 15px;
}

.powermail_confirmation_form {
    float: left;
    margin-right: 20px;
}

.powermail_confirmation .btn-danger, .powermail_confirmation .btn-primary {
    width: 85px;
}

.tx-powermail input.powermail_submit  {
    background-color: #fafafa;
    font-family: "Outfit", sans-serif;
    font-size: 16px !important;
    font-weight: 500;
    text-transform: uppercase;
    border-width: 0px;
    border: 1px solid #979797;
    width: 150px;
}

.tx-powermail input.powermail_submit:hover {
    background: #e5007d;
    color: #fff;
}

.tx-powermail .mandatory {
    color: #e5007d;
    font-weight: bold;
    margin-left: 5px;
}

.powermail_field_error {
    border-color: red;
}

dt.powermail_all_label {
    font-family: "Outfit", sans-serif;
    font-size: 18px;
    line-height: 24px;
    font-weight: bold;
    padding-top: 10px;
}

dd.powermail_all_value {
    font-family: "Outfit", sans-serif;
    font-size: 18px;
    line-height: 24px;
    font-weight: normal;
}

.powermail_fieldwrap_type_check .powermail_label {
	display: block;
	clear: both;
	width: 100%;
	text-align: left;
}

.powermail_fieldwrap_type_check .checkbox  {
	margin-left: 26px;
}

.checkbox label, .radio label {
	font-size: 18px;
}


.tx-powermail .checkbox input[type="checkbox"] {
	width: 16px !important;
}

*/

.powermail_fieldwrap {
    margin-top: 8px; margin-bottom: 8px;
}

.powermail_fieldwrap_type_input, .fieldwrap {

}

.powermail_field, .powermail_label {
    font-size: 1.2em;
}

.powermail_field input {
    border: 1px solid #888;
    border-radius: 4px;
}

.powermail_fieldwrap_type_submit {
    text-align: center;
}

.powermail_field ul.parsley-errors-list  {
  list-style-type: none !important;
  color: red;
  padding-left: 0px;
  margin-left: 0px;
}

.powermail_submit {
    color: #fff;
    font-weight: bold;
    padding: 6px;
    background-color: #e5007d;
    border: none;
}

.powermail_captcha {
    clear: both;
    width: 100%;
}

.powermail_captchaimage {
    clear: both;
}

.powermail_legend {
    display: none;
}

.tx-powermail h1, .tx-powermail h2, .tx-powermail h3 {
    font-family: 'Outfit',sans-serif;
}

/* Formulare */

.shariff .col-xs-12 {
    float: none;
    display: block;
    margin-bottom: 1px;
}

.shariff .col-xs-12:last-child {
    display: none;
}

.dreispalter .same_height,
.vierspalter .same_height {
    xdisplay: table-cell;
    height: 100%;
    xfloat: none;
    float: left;
}

.dreispalter .same_height > .background,
.vierspalter .same_height > .background {
    xdisplay: table;
    height: 100%;
    xfloat: none;
    float: left;
    width: 100%;
}

.dreispalter > div,
.vierspalter > div {
    overflow: hidden;
}

.highlightbox .accordion:last-child {
    margin-bottom: 5px;
}

.highlightbox .accordion:first-child .panel {
    border-top: 0px none;
    margin-top: 3px;
}

/* Guestbook / Fürbitten */
.tx-datec-contact .tx-datec-contact-header {
    display: none;
}
.tx-datec-contact-guestbookEntryForm{
    margin: 60px 0;
}
.tx-datec-contact .tx-datec-contact-guestbookEntryForm, .tx-datec-contact-guestbookEntryForm .form-group .col-sm-8{
    width: 100%;
    display: block;
}

.tx-datec-contact-guestbookEntryForm .form-group label, #tx-datec-contact-contactmessage-text-error {
    font-family: "Outfit", sans-serif;
    font-size: 18px;
    line-height: 24px;
    font-weight: normal;
    display: block;
    text-align: right;
    width: 100%;
}

.tx-datec-contact .tx-datec-contact-guestbookEntryForm .form-group .error {
    color: #ff0000;
}

.tx-datec-contact-guestbookEntryForm .form-group .col-sm-offset-4 {
    margin-left: 0;
}

.tx-datec-contact-guestbookEntryForm .form-group button {
    background: var(--be-blau) !important;
    font-family: "Outfit", sans-serif;
    font-size: 16px;
    font-weight: 200;
    text-transform: uppercase;
    color: #fff;
    margin-top: 10px;
    width: 300px;
}

.tx-datec-contact .tx-datec-contact-guestbookEntries .tx-datec-contact-guestbookEntry {
    border-bottom: 1px solid #cccccc;
    margin:  10px 10px 10px 0;
    padding-top: 5px;
    margin-bottom: 20px;
}

.tx-datec-contact .tx-datec-contact-guestbookEntries .tx-datec-contact-guestbookEntry-contact {
    display: block;
    font-weight: bold;
    font-size: 1em;
    background: #eeeeee;
    padding: 3px 5px 3px 5px;
    margin-bottom: 5px;
}

.tx-datec-contact .tx-datec-contact-guestbookEntries .tx-datec-contact-guestbookEntry-text{
    font-size: 1.2em;
}
.tx-datec-contact-pagination {
    display: block !important;
    clear: both;
    width: 100%;
    height: 20px;

}

.tx-datec-contact-pagination ul li {
    list-style: none;
    float: left;
    padding: 0px 20px 0px 0px;
    font-size: 1.2em;
    font-weight: bold;
}

.tx-datec-contact-pagination ul li a {
    font-weight: bold;
    font-size: 0.8em !important;
}
.tx-datec-contact-pagination ul li.active span{
    color:#e5007d;
}
.tx-datec-contact-pagination span:hover, .tx-datec-contact-pagination span:focus{
    text-decoration: underline;
    background-color: transparent !important;
    color:#e5007d;
}

/* ------------- */

.page_navigation {
    padding: 10px 0px;
    margin-bottom: 50px;
}

.page_navigation a {
    font-weight: 300;
    padding: 4px;
}

.page_navigation .no_more {
    color: #C0C5CA;
}

.page_navigation .active_page {
    font-weight: 500;
}

.page_navigation .ellipse {
    display: none !important;
}

.pinterest {
    background: var(--be-blau-10) none repeat scroll 0 0;
    margin: 0;
    padding: 20px 0;
    border-radius: 4px;
}

.tiles-wrap {
    position: relative;
    margin: 10px 0;
    padding: 0;
    list-style-type: none;
    display: none;
}

.tiles-wrap li {
    display: block;
    opacity: 1;
    text-align: center;
    list-style-type: none;
    background-color: #fff;
    float: left;
    cursor: pointer;
    width: 200px;
}

.tiles-wrap.animated li {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.tiles-wrap li.wookmark-inactive {
    visibility: hidden;
    opacity: 0;
}

.tiles-wrap li:hover {
    background-color: #fafafa;
}

.tiles-wrap img {
    display: block;
}

.tiles-wrap a {
    color: #555;
    text-align: center;
    width: 200px;
    height: 200px;
    font-size: 2em;
    font-weight: bold;
    text-decoration: none;
}

.tile-loading:after {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #ddd;
    content: "Loading\2026";
    padding-top: 20px;
    color: #999;
}

blockquote {
    border: 0px none;
    font-size: unset;
    font-style: italic;
    padding: 10px 20px 0px 20px;
}

nav[data-level="1"] {
    margin-top: 20px;
    height: 30px;
}

.shrunk nav[data-level="1"] {
    height: 30px;
    margin-top: 12px;
}

.nav-search .search_teaser {
    float: left;
}

.nav-search input.searchfield {
    display: inline-block;
    float: right;
}

.nav-search .search_teaser_submit {
    float: left;
    height: 30px;
    width: 45px;
}

.mobile-nav .nav-search {
    padding: 10px 0px 0px 14px;
}

.mobile-nav .nav-search .search_teaser_submit {
    background: #fefefe none repeat scroll 0 0;
    border-radius: 4px;
    float: left;
    height: 34px;
    width: 49px;
    margin-left: 2px;
}

.panel-body .panel-body .panel-body .ansprechpartner {
    word-wrap: break-word;
}

.panel-body .panel-body .panel-body .contact_title {
    xheight: auto !important;
}

.highlightbox .ansprechpartner a, .highlightbox .ansprechpartner a:hover {
    font-weight: inherit;
}

.newsauthor:hover {
    text-decoration: none;
}

.doktype3 a:after {
    content: "";
    display: inline-block;
    background: url("/fileadmin/images/extern_pfeil.gif") no-repeat top right;
    width: 14px;
    height: 12px;
}

.m-w-element > .info, .m-w-element a > .info {
    padding: 0px 10px 10px 10px;
    position: absolute;
    bottom: 2px;
    left: 2px;
    width: 99%;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.65) 99%, rgba(0, 0, 0, 0.65) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(1%, rgba(0, 0, 0, 0)), color-stop(99%, rgba(0, 0, 0, 0.65)), color-stop(100%, rgba(0, 0, 0, 0.65))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.65) 99%, rgba(0, 0, 0, 0.65) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.65) 99%, rgba(0, 0, 0, 0.65) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.65) 99%, rgba(0, 0, 0, 0.65) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.65) 99%, rgba(0, 0, 0, 0.65) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0); /* IE6-9 */
}

.m-w-element:hover > .info {
    background: none;
}

.m-w-element:hover > .info, .m-w-element:hover a > .info {
    background: none;
}

.m-w-element .info {
    text-shadow: none;
}

.m-w-element .info h2 {
    letter-spacing: 0.5px;
    line-height: 1.3;
}

.h1, .h2, .h3, h1, h2, h3, h4, h5 {
    letter-spacing: 0.5px;
}

.dl-item-meta h4 {
    line-height: 1.3;
}

.mediawall-label {
    border-bottom: 1px solid #f0f0f0;
    border-top: 1px solid #fff;
    text-align: right;
    background: var(--be-blau);

    margin-left: 50.6%;
    text-align: center;
    width: 150px;
}

.mediawall-label a {
    color: var(--be-blau-40);
    display: inline-block;
    font-size: 18px;
    font-weight: 300;
    line-height: 30px;
    margin: 0;
    padding: 0 15px;
    position: relative;
    text-decoration: none;
    font-family: "Outfit", sans-serif;
    color: #fff;
}

.mediawall-label a:hover {
    color: #ef7ea9;
    color: #fff;
    color: #355b69;
    color: #fff;
}

.mediawall-label a:hover:before {
    content: '';
    display: block;
    position: absolute;
    top: 5px;
    left: -15px;
    width: 0;
    height: 0;
    color: #ef7ea9;
    border-left: 6px solid;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    color: #355b69;
    color: #fff;
}

.share_count, .dl-more-wrapper .dl-more-btn, .general-message .image {
    display: none;
}

.startseite .dreispalter .highlightbox .frame-type-textpic p.align-left {
    overflow: hidden;
    height: 48px;
}

.startseite .dreispalter .highlightbox img {
    width: 50%;
    height: auto;
}

/* Smartphone */
@media only screen and (max-width: 768px) {
    .startseite .dreispalter .highlightbox img {
    	width: 100%;
		height: auto;
	}
	.startseite .dreispalter .highlightbox .frame-type-textpic p.align-left {
		overflow: auto;
		height: auto;
	}
	.startseite .dreispalter .highlightbox p a {
		display: block;
		text-align: right;
		width: 100%;
	}
}

.startseite .dreispalter .highlightbox p {
    margin: 0px 0px 5px 0px;
    font-size: 15px;
}

.startseite .dreispalter .highlightbox h3 a {
    margin: 0px 0px 5px 0px;
    font-size: 18px;
}

.media-wall-wrapper {
    height: auto;
}

.unterseite .media-wall-wrapper {
    /*height: 300px;*/
}

.media-wall-mobile.no-slick-slider .row {
    margin: 0px;
}

.media-wall-mobile.no-slick-slider .col-xs-12,
.media-wall-mobile.no-slick-slider .col-xs-6 {
    padding: 0px;
}

.media-wall-mobile.no-slick-slider .m-w-element {
    width: 100%;
}

.media-wall-mobile.no-slick-slider .m-w-image-wrapper {
    position: relative;
}

.media-wall-mobile.no-slick-slider .m-w-image {
    width: 100%;
    position: relative;
}

.media-wall-mobile.no-slick-slider .col-xs-12 .m-w-element,
.media-wall-mobile.no-slick-slider .col-xs-12 .m-w-image {
    height: 180px;
}

.media-wall-mobile.no-slick-slider .col-xs-6 .m-w-element,
.media-wall-mobile.no-slick-slider .col-xs-6 .m-w-image {
    height: 140px;
}

.panel-title h1, .panel-title h2, .panel-title h3,
.panel-title h4, .panel-title h5, .panel-title h6 {
    margin: 0px;
    display: inline;
}

.nav-wrapper .container-fluid {
    padding-right: 0px;
}

.shrunk .scroll-progress {
    text-overflow: ellipsis;
    width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-indent: 15px;
}

/* ------------------------ */
/* Smartphone Special Styles */

.fancybox-skin {
    padding: 2px !important;
}

.fancybox-title-over-wrap {
    position: relative;
    background: var(--be-blau) none repeat scroll 0 0;
}

.fancybox-inner {
    xheight: auto !important;
}

.fancybox-title {
    font-size: 12px;
    line-height: 120%;
}

.fancybox-close {
    background: url("../Img/fancybox_igclose.png") no-repeat scroll center center;
    right: 13px;
    top: 12px;
    right: 4px;
    top: 4px;
    opacity: 0.7;
}

.fancybox-next span {
    background: url("../Img/fancybox_right.png") no-repeat scroll center center;
}

.fancybox-prev span {
    background: url("../Img/fancybox_left.png") no-repeat scroll center center;
}

/* ------------------------ */
/* ------------------------ */

.news-info {
    margin-top: 10px;
}

.news-title {
    font-size: 20px;
}

/* ------------------------ */
/* Responsive iFrame */

.embed-container {
    position: relative;
    padding-bottom: 56.25%; /* ratio 16x9 */
    height: 0;
    overflow: hidden;
    width: 100%;
    height: auto;
    min-height: 700px;
}

.embed-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* ratio 4x3 */
.embed-container.ratio4x3 {
    padding-bottom: 75%;
}

/* ------------------------ */
/* Survey Monkey			*/

.smcx-embed {
    overflow: auto !important;
    height: 100% !important;
    max-width: 100% !important;
}

.smcx-iframe-container {
    max-width: 100% !important;
    height: auto !important;
}

/* --- trauerraum.de ---- */

.trauerraum,
.trauerraum-unterseite{
    padding-bottom: 30px;
}

.trauerraum .clearfix {
    padding: 20px 0px;
}

.trauerraum .header-placeholder {
    height: auto !important;
}

.trauerraum h1,
.trauerraum-unterseite h1 {
    color: #5a8c9b;
    font-size: 28px;
    text-align: center !important;
    margin: 5px 0;
}

.trauerraum h2,
.trauerraum-unterseite h2 {
    color: #e5007d;
    font-size: 22px;
    text-align: center;
    margin: 0px 0px 5px;
}

.grief-bg {
    background-image: url("/typo3conf/ext/ig_trauerraum/Resources/Public/Images/startseite_header_img.jpg");
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
    margin-top: 110px;
}

.grief-teaser {
    margin: 130px 0 160px;
    font-family: "Outfit", sans-serif;
    font-size: 44px;
    font-weight: 200;
    color: #ffffff;
    text-align: center;
}

.trauerraum-unterseite .grief-bg {
    background-image: none;
    display: none;
    margin-top: 0px;
    background-position: center -180px;
}

.trauerraum-unterseite .grief-teaser {
    margin: 0;
}

.trauerraum-unterseite .container-wrapper {
    padding: 0;
}

.tr-links a {
    background-position: center center;
    background-repeat: no-repeat;
    height: 260px;
    min-width: 160px;
    display: inline-block;
    padding-top: 240px;
    text-align: center;
    color: #e5007d;
    font-size: 16px;
}

.tr-links a.light {
    background-image: url("/typo3conf/ext/ig_trauerraum/Resources/Public/Images/light-candle.png");
}

.tr-links a.star {
    background-image: url("/typo3conf/ext/ig_trauerraum/Resources/Public/Images/name-star.png");
}

.tr-links a.chest {
    background-image: url("/typo3conf/ext/ig_trauerraum/Resources/Public/Images/chest.png");
}

.tr-links a.stone {
    background-image: url("/typo3conf/ext/ig_trauerraum/Resources/Public/Images/stone.png");
}

.tr-links a.design {
    background-image: url("/typo3conf/ext/ig_trauerraum/Resources/Public/Images/design-candle.png");
}

.tr-links a.obituary {
    background-image: url("/typo3conf/ext/ig_trauerraum/Resources/Public/Images/obituary.png");
}

.tr-links a.wall {
    background-image: url("/typo3conf/ext/ig_trauerraum/Resources/Public/Images/Icon-Trauermauer.png");
}

.tr-links a.intercession {
    background-image: url("/typo3conf/ext/ig_trauerraum/Resources/Public/Images/Icon-Fuerbitte.png");
}

/* --- trauerraum.de -> plugin: 'light-candle' start---- */
.light-candle-bg {
    position: relative;
    width: 100%;
    margin: 0;
}

.candle-holder {
    position: absolute;
    margin-left: 30px;
    width: 885px;
    float: none;
    clear: both;
}

.candle-holder-0 {
    left: 10px;
    bottom: 10px;
    z-index: 4;
}

.candle-holder-1 {
    left: 55px;
    bottom: 30px;
    z-index: 3;
}

.candle-holder-2 {
    left: 60px;
    bottom: 50px;
    z-index: 2;
}

.candle-holder-3 {
    left: 80px;
    bottom: 70px;
    z-index: 1;
}

.candle {
    width: 35px;
    margin: 0px 53px 0px 0px;
    float: left;
    position: relative;
}

.candles-dull {
    position: absolute;
    overflow: hidden;
    bottom: 20px;
	margin-left: -3px;
}

.candle img.holder {
    margin: 0;
}

.candle img.flamme {
    margin: 0px 0px 0px 6px;
}

.candle img.kerze {
    /*margin: 0px 0px 0px 5px;*/
}

.clear-flow {
    float: none;
    clear: both;
    height: 1px;
    line-height: 1px;
}

/* --- trauerraum.de -> plugin: 'light-candle' end---- */

/* --- trauerraum.de -> plugin: 'design-candle' end---- */
.designed-candle {
    display: inline-block;
    position: relative;
}

.designed-candle .symbol {
    position: absolute;
    top: 21%;
    width: 100%;
}

.designed-candle .symbol img {
    margin: 50px auto 30px auto;
    display: block;
    max-height: 100px;
}

.designed-candle .content {
    position: absolute;
    top: 50%;
    width: 50%;
    left: 56%;
    margin-left: -77px;
    text-align: center;
    font-size: 30px;
    white-space: pre-line;
}

.action-buttons {
    margin: 0px 0px 40px 0px;
}

.pre .designed-candle .symbol {
    position: absolute;
    top: 22%;
    width: 100%;
}

.pre .designed-candle .symbol img {
    margin: 27px auto 30px auto;
    display: block;
    height: 60px;
}

.pre .designed-candle .content {
    position: absolute;
    top: 50%;
    width: 50%;
    left: 65%;
    margin-left: -40%;
    text-align: center;
    font-size: 16px;
}

@media (max-width: 992px) { 
	.pre .designed-candle .symbol img {
		margin: 80px auto 30px auto;
	}
	
}

span.blue {
    font-size: 15px;
    color: #5a8c9b;
    display: block;
    margin-top: -19px;
}

.showDesingCandle {
    text-align: center;
}

.descript {
    margin: 10px 0px 30px 0px;
}

.new-stone {
    margin: 20px 0px;
}

.memorial-stone {
    position: relative;
    display: flex;
    justify-content: center; /* align horizontal */
    align-items: center; /* align vertical */
    height: 300px;
}

.memorial-stone .content {
    position: absolute;
    color: #fff;
    text-shadow: 2px 2px #333333;
    font-size: 25px;
    text-align: center;
    overflow: hidden;
    white-space: pre-line;
}

.memorial-stone-1 .content {
    left: 25%;
    top: 40%;
    width: 50%;
    height: 48%;
}

.memorial-stone-2 .content {
    left: 24%;
    top: 31%;
    width: 53%;
    height: 45%;
}

.memorial-stone-3 .content {
    left: 28%;
    top: 12%;
    width: 41%;
    height: 76%;
}

.stone-selection {
    margin: 0px 0px 80px 0px;
}

.stone-selection label,
.memorial-text label {
    margin-bottom: 20px;
}

.stone-selection img {
    max-height: 110px;
    margin: 0px auto;
}

.tx-ig-trauerraum .active {
    border: solid 2px #5a8c9b;
    background-color: #dee8eb;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.chest-content {
    background-image: url("/typo3conf/ext/ig_trauerraum/Resources/Public/Images/schatzkiste_hg.gif");
    background-size: contain;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    border: 6px solid #fa007e;
}

.chest-field {
    border: 1px solid #fa007e;
}

.chest-field .text,
.chest-field .img {
    display: none;
}

.memorial {
    text-align: center;
}

.tx-ig-trauerraum {
    font-size: 16px;
    font-family: "Outfit", sans-serif;
}

.tx-ig-trauerraum input,
.tx-ig-trauerraum select,
.tx-ig-trauerraum textarea {
    width: 100%;
    border: none;
    background-color: #dee8eb;
    height: 34px;
    margin-bottom: 20px;
    padding-left: 10px;
}

.tx-ig-trauerraum textarea {
    height: 102px;
}

.tx-ig-trauerraum input[type="file"] {
    padding: 10px;
    height: auto;
}

.chest input[type="radio"] {
    visibility: hidden;
}

.chest .radiobtn {
    margin-bottom: 20px;
}

.chest .radiobtn:after {
    content: attr(title);
    position: absolute;
    width: 100%;
    left: 60px;
    bottom: 3px;
    color: #000;
    padding-bottom: 10px;
}

.chest .round {
    width: 28px;
    height: 28px;
    position: relative;
    background: #dee8eb;
    border-radius: 50px;
    margin: 0px 0px 10px 0px;
}

.chest .round label {
    width: 20px;
    height: 20px;
    cursor: pointer;
    position: absolute;
    left: 4px;
    top: 4px;
    border-radius: 50px;
}

.chest input[type="radio"]:before {
    position: relative;
    display: block;
    width: 24px;
    height: 24px;
    border: 4px solid #dee8eb;
    border-radius: 50px;
    content: "";
    background: #dee8eb;
}

.chest .round label:after {
    content: '';
    width: 16px;
    height: 16px;
    position: absolute;
    top: 2px;
    left: 2px;
    background: #5a8c9b;
    opacity: 0;
    border-radius: 50px;
}

.chest .round input[type=radio]:checked + label:after {
    opacity: 1;
}

.starry-sky {
    position: relative;
}

.starry-sky .pulseStar {
    position: absolute;
    width: 20px;
    height: 20px;
}

.starry-sky .data {
    display: none;
}

.tx-ig-trauerraum .chest .col-centered {
    float: none;
    margin: 60px auto;
}

.tx-ig-trauerraum .button {
    width: 100%;
    padding: 10px;
    text-align: center;
    border: 2px solid #5a8c9b;
    background-color: transparent;
    color: #5a8c9b;
    margin: 10px 0px;
    height: auto;
}

.tx-ig-trauerraum .cancel {
    padding: 10px;
    text-align: left;
    background-color: transparent;
    color: #fa007e;
    margin: 10px 0px;
    height: auto;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
}

.tx-ig-trauerraum .button:hover {
    border: 2px solid #fa007e;
    color: #fa007e;
}

.tx-ig-trauerraum .desc {
    margin: 60px 15px 0px 15px;
    background-color: #5a8c9b;
    color: #fff;
    padding: 8px 20px;
    font-size: 18px;
    display: inline-block;
}

.tx-ig-trauerraum .box {
    margin: 0px 15px 20px 15px;
    background-color: #5a8c9b;
    color: #fff;
    padding: 40px;
    font-size: 18px;
}

.tx-ig-trauerraum .back {
    margin-top: 60px;
    margin-bottom: 40px;
    font-weight: normal;
    display: block;
    font-size: 16px;
}

.symbols {
    margin: 0px 0px 30px 0px;
}

.symbols img {
    height: 90px;
    margin: 0 auto;
}

.symbols .wrap {
    padding: 2px;
}

.symbols .active {
    padding: 0;
}

.symbols .wrap .no-image {
    padding: 0px 15px;
    text-align: center;
}

.head-desc {
    display: block;
    text-align: center;
}

.grief-header a {
    float: right;
    color: #5a8c9b;
    font-size: 46px;
    font-family: "Outfit", sans-serif;
    font-weight: lighter;
    line-height: 50px;
}

.grief-header a:hover {
    text-decoration: none;
}

.grief-nav {
    float: right;
}

.tx-ig-trauerraum .f3-form-error {
    border: 2px solid red;
}

.tx-ig-trauerraum input[type=checkbox] {
    display: inline;
    width: auto;
    height: 13px;
}

.star-error {
    display: block;
    text-align: center;
    font-size: 19px;
    color: red;
    margin: 20px 0px;
}

.trauerraum .nav-lvl2-toggle-btn,
.trauerraum-unterseite .nav-lvl2-toggle-btn {
    float: right;
    width: auto;
    margin: 14px 0px 0px 30px;
    position: relative;
}

.trauerraum .main-logo,
.trauerraum-unterseite .main-logo {
    display: block;
    margin: 0;
    float: left;
    height: 55px;
    width: 155px;
    background: url(/typo3conf/ext/ig_project/Resources/Public/Img/Logos/be-logo-2022.svg) no-repeat left center;
    background-size: contain;
}

.trauerraum .nav-lvl2-toggle-btn:before,
.trauerraum-unterseite .nav-lvl2-toggle-btn:before {
    content: ' ';
    display: inline-block;
    width: 37px;
    height: 30px;
    vertical-align: baseline;
    border: none;
    position: relative;
    left: 0px;
    top: 1px;
    box-shadow: none;
    background-image: url(/typo3conf/ext/ig_project/Resources/Public/Img/menu.gif);
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
}

.trauerraum .menu-flyout,
.trauerraum-unterseite .menu-flyout {
    position: absolute;
    right: 15px;
    top: 35px;
    width: 320px;
    z-index: 10000 !important;
}

.trauerraum .mobile-nav li a,
.trauerraum-unterseite .mobile-nav li a {
    color: #fff;
    font-size: 18px;
    text-decoration: none;
}

.trauerraum .mobile-nav li a > div,
.trauerraum-unterseite .mobile-nav li a > div {
    line-height: 44px;
    padding: 0 15px;
    cursor: pointer;
    border-bottom: 1px solid rgba(0, 0, 0, .2);
}

.trauerraum .mobile-nav li a > div:hover,
.trauerraum .mobile-nav .active > div,
.trauerraum-unterseite .mobile-nav li a > div:hover,
.trauerraum-unterseite .mobile-nav .active > div {
    background: #c7d3d8;
    color: #e5007d;
}

.wrap {
    margin-bottom: 20px;
}

.symbol {
    margin-right: 0px;
    margin-left: 0px;
}

.all-wrap {
    display: table;
    width: 100%;
}

.symbol-wrap {
    display: table-cell;
    width: 1%;
}

.symbol .clearer {
    float: none;
    clear: both;

}

.symbol .table-wrap {
    display: table;
    width: 100%;
}

.symbol .wrap {
    display: table-cell;
    width: 1%;
    text-align: center;
}

.symbol img {
    margin: 0px auto;
    height: 120px;
}

.my-obituary {
    border: 2px solid black;
    text-align: center;
    margin-bottom: 30px;
}

.my-obituary .symbol {
    height: 120px;
    margin: 30px auto 20px auto;
    display: block;
}

.my-obituary .name {
    font-size: 36px;
    font-weight: bold;
}

.my-obituary .date,
.my-obituary .description,
.my-obituary .adress,
.my-obituary .funeral,
.my-obituary .donation {
    margin-bottom: 20px;
    margin-left: 30px;
    margin-right: 30px;
}

.my-obituary .partingWords {
    font-weight: bold;
}

.hidden-form {
    display: none;
}

form[name*='chest'] {
    margin-top: 30px;
}

.trauerraum .impressum,
.trauerraum-unterseite .impressum{
    display:inline;
    float: right;
    text-align: center;
}

.trauerraum .impressum a,
.trauerraum-unterseite .impressum a{
    color: #8e9092;
    font-family: 'Outfit', sans-serif;
}

.trauerraum .copy,
.trauerraum-unterseite .copy{
    display:inline;
    float: right;
    text-align: center;
    color: #8e9092;
    font-size: 14px;
    line-height: 24px;
    padding-left: 20px;
}

.trauerraum footer,
.trauerraum-unterseite footer{
    position: absolute;
    bottom: 0;
    width: 100%;
}

/* ############### MEME GENERATOR ################## */
.tx-ig-meme #dropzone {
    padding: 0;
    min-height: 100px;
    position: relative;
    font-family: "Impact", "Outfit";
    margin-bottom: 20px;
    opacity: 1;
}

.tx-ig-meme #dropzone .loading{
    width: 100%;
    height: 100%;
    position: absolute;
}

.tx-ig-meme #dropzone .loading .bg{
    background: #FFF;
    opacity: 0.5;
    width: 100%;
    height: 100%;
    position: absolute;
}

.tx-ig-meme #dropzone .loading .load-img{
    position: absolute;
    left: 0px;
    top: 50%;
    width: 20%;
    height: 20%;
    margin: 0px auto;
}

.tx-ig-meme #dropzone .loading .load-img:empty
{
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.tx-ig-meme #dropzone .dz-details,
.tx-ig-meme #dropzone .dz-success-mark,
.tx-ig-meme #dropzone .dz-error-mark,
.tx-ig-meme #dropzone .dz-preview,
.tx-ig-meme .drop-upload {
    display: none !important;
}

.tx-ig-meme #dropzone img {
    width: 100%;
    height: 100%;
    margin: 0px !important;
    padding: 0 !important;
}

.tx-ig-meme .text-top,
.tx-ig-meme .text-bottom{
    position: absolute;
    text-align: center;
    left: 20px;
    right: 20px;
    font-size: 40px;
    color: #ffffff;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
    white-space: nowrap;
}

.tx-ig-meme .text-top.multiline,
.tx-ig-meme .text-bottom.multiline{
    line-height: 28px;
}

.tx-ig-meme .text-top span,
.tx-ig-meme .text-bottom span {
    min-height: 42px;
}

.tx-ig-meme .text-top {
    top: 10px;
}

.tx-ig-meme .text-bottom {
    bottom: 35px;
}

.tx-ig-meme .hashtag{
    position: absolute;
    bottom: 10px;
    text-align: right;
    right: 20px;
    font-size: 20px;
    color: #ffffff;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
    min-height: 22px;
    white-space: nowrap;
    line-height: 22px;
}
/*
.meme .nav-news{
    display: none;
}*/

.tx-ig-meme img {
    margin: 0;
}

.tx-ig-meme .links {
    padding: 10px;
    text-align: center;
    background-color: var(--be-blau-10);
    height: 50px;
}

.tx-ig-meme .pagination a{
    padding: 0px 3px;
}

.tx-ig-meme .pagination a.currentPage{
    font-weight: bold;
}

.tx-ig-meme .links a {
    height: 30px;
    display: block;
    width: 25%;
    float: left;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.tx-ig-meme .agree-error{
    color: transparent;
    margin-bottom: 13px;
}

.tx-ig-meme .del-hint{
    color: red;
    font-size: 36px;
    font-weight: bold;
}

.tx-ig-meme .links a img{
    display: inline-block;
    height: 32px;
    width: 32px;
}

.tx-ig-meme .links a.download {
    color:#a8a8a8;
}

.tx-ig-meme .links a.download:hover {
    color: #e5007c;
}

.tx-ig-meme .links a.facebook {
    color:#a8a8a8;
}

.tx-ig-meme .links a.facebook:hover {
    color: #e5007c;
}

.tx-ig-meme .links a.twitter {
    color:#a8a8a8;
}

.tx-ig-meme .links a.twitter:hover {
    color: #e5007c;
}

.tx-ig-meme .links a.pin {
    color:#a8a8a8;
}

.tx-ig-meme .links a.pin:hover {
    color: #e5007c;
}

.tx-ig-meme form {
    border: solid 1px var(--be-blau-10);
    padding: 20px;
    opacity: 0.5;
    background: var(--be-blau-10) none repeat scroll 0 0;

    border-radius: 4px;
}

.tx-ig-meme input[type="checkbox"] {
    visibility: hidden;
    display: inline;
    height: auto;
    width: auto;
    margin: 15px 10px 0px 10px;
}

.tx-ig-meme .checkbx {
    margin-bottom: 4px;
    padding-left: 0px;
}

.tx-ig-meme .checkbx:after {
    content: attr(title);
    position: absolute;
    width: 100%;
    left: 40px;
    bottom: 3px;
    color: #333;
    padding-bottom: 10px;
    font-weight: bold;
}

.tx-ig-meme .square {
    width: 20px;
    position: relative;
}

.tx-ig-meme .square label {
    width: 20px;
    height: 20px;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    background: #fcfff4;
    border: 1px solid #979797;
}

.tx-ig-meme input[type="checkbox"]:before {
    position: relative;
    display: block;
    width: 24px;
    height: 24px;
    border: 4px solid #dee8eb;
    border-radius: 50px;
    content: "";
    background: #dee8eb;
}

.tx-ig-meme .square label:after {
    content: '';
    width: 13px;
    height: 7px;
    position: absolute;
    top: 4px;
    left: 3px;
    border: 3px solid #333;
    border-top: none;
    border-right: none;
    background: transparent;
    opacity: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.tx-ig-meme .square input[type=checkbox]:checked + label:after {
    opacity: 1;
}

.tx-ig-meme input{
    width: 100%;
    height: 34px;
    margin-bottom: 31px;
    padding-left: 10px;
    background-color: #fafafa;
    border: 1px solid #979797;
}

.tx-ig-meme input.sub-img{
    margin-bottom: 15px;
}

.tx-ig-meme .subline{
    margin-top: 30px;
    border-top: solid 1px #868686;
    padding-top: 30px;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: solid 1px #868686;
    text-align: center;
}

.tx-ig-meme .subline img{
    max-width: 300px;
    margin: 0 auto;
}

.tx-ig-meme .rotateLeft,
.tx-ig-meme .rotateRight{
    position:absolute;
    top: 10px;
}

.tx-ig-meme .rotateLeft{
    left: 10px;
}

.tx-ig-meme .rotateRight{
    right: 10px;
}

.tx-ig-meme .button,
.tx-ig-meme input.sub-img,
.subline a {
    background-color: #e5007d;
    color: #ffffff;
    display: inline-block;
    text-align: center;
    line-height: 27px;
    border-radius: 3px !important;
    font-family: "Outfit", sans-serif;
    font-size: 16px;
    font-weight: 200;
    text-transform: uppercase;
}

.tx-ig-meme .subline a{
    padding: 5px 10px;
}
.tx-ig-meme .get-preview{
    background-color: var(--be-blau-10);
    color: #424242;
    font-family: "Outfit", sans-serif;
    font-size: 16px;
    font-weight: 200;
    text-transform: uppercase;
    border-width: 0px;
    border: 1px solid #424242;;
    width: 100%;
    height: 34px;
    position: relative;
}
.tx-ig-meme .get-preview img {
    position: absolute;
    right: 10px;
    top: 2px;
}

.tx-ig-meme input.sub-img:hover{
    text-decoration: underline;
}

.tx-ig-meme fieldset:disabled input.sub-img:hover{
    color: #ffffff;
    background-color: #e5007d;
    text-decoration: none;
    cursor: auto;
}

.tx-ig-meme .get-preview:hover{
    color: #fff;
    background-color: #e5007d;
    text-decoration: none;
    cursor: pointer;
}

.tx-ig-meme fieldset:disabled .get-preview:hover{
    color: #424242;
    background-color: var(--be-blau-10);
    text-decoration: none;
    cursor: auto;
}

.tx-ig-meme .button:hover {
    border: 2px solid #fa007e;
    color: #fa007e;
}

.tx-ig-meme .gallery{
    padding: 10px;
}

.tx-ig-meme .loader{
    margin-left: 30px;
}

/*stef*/
.news-single .ce-left .ce-gallery .ce-row .ce-column .image,
.news-single .ce-left .ce-gallery .ce-row .ce-column img {
    width: 100%;
}
.news-single .ce-left {
    min-height: auto;
}



@media (max-width: 1199px) {

    .candle-holder {
        width: 705px;
    }

    .candle img.holder {
        width: 30px;
    }

    .candle-holder-0 {
        left: 20px;
        bottom: 7px;
    }

    .candle-holder-1 {
        left: 55px;
        bottom: 22px;
    }

    .candle-holder-2 {
        left: 50px;
        bottom: 37px;
    }

    .candle-holder-3 {
        left: 65px;
        bottom: 52px;
    }

    .candles-dull {
        width: 30px;
        margin: 0px 0px 0px 1px;
        bottom: 18px; 
    }

    .candle {
        width: 30x;
        margin: 0px 30px 0px 0px;
    }

    .candle img.flamme {
        width: 24px;
        height: 30px;
        margin-left: 3px;
    }

    .candle img.kerze {
        width: 24px;
        height: 50px;
        padding:0px 0px 0px 3px;
        margin:0px 0px 0px 0px;
    }

    .tx-ig-meme input{
        margin-bottom: 14px;
    }

    .tx-ig-meme .text-top,
    .tx-ig-meme .text-bottom{
        line-height: normal;
        font-size: 33px;
    }

    .tx-ig-meme .text-bottom{
        bottom: 30px;
    }

    .tx-ig-meme .text-top.multiline,
    .tx-ig-meme .text-bottom.multiline{
        line-height: 22px;
    }

    .tx-ig-meme .hashtag{
        font-size: 16px;
        bottom: 8px;
    }
}

@media (max-width: 991px) {

    .text-top{
        top: 25px;
    }

    .symbol img {
        height: 100px;
    }

    .candle-holder {
        width: 555px;
    }

    .candle img.holder {
        width: 25px;
    }

    .candle-holder-0 {
        left: 10px;
        bottom: 4px;
    }

    .candle-holder-1 {
        left: 35px;
        bottom: 18px;
    }

    .candle-holder-2 {
        left: 40px;
        bottom: 32px;
    }

    .candle-holder-3 {
        left: 55px;
        bottom: 46px;
    }

    .candle img.flamme {
        width: 20px;
    }

    .candle img.kerze {
        width: 22px;
    }

    .candle {
        width: 24px;
        margin: 0px 30px 0px 0px;
    }

    .candles-dull {
        width: 25px;
        margin: 0px 0px -2px -1px;
        bottom: 16px;
    }

    .tx-ig-meme .text-top,
    .tx-ig-meme .text-bottom{
        line-height: normal;
        font-size: 33px;
    }

    .tx-ig-meme .text-bottom{
        bottom: 30px;
    }

    .tx-ig-meme .text-top.multiline,
    .tx-ig-meme .text-bottom.multiline{
        line-height: 22px;
    }

    .tx-ig-meme .hashtag{
        font-size: 16px;
        bottom: 8px;
    }
}

@media (max-width: 767px) {

    .all-wrap {
        display: block;
        width: 100%;
    }

    .symbol-wrap {
        display: block;
        width: 100%;
    }

    .symbol img {
        height: 80px;
    }

    .tx-ig-trauerraum {
        margin: 0px auto 0px auto;
        width: 340px;
    }

    .grief-header a {
        font-size: 30px;
        line-height: 56px;
    }

    .candle-holder {
        width: 323px;
    }

    .candle img.holder {
        width: 12px;
    }

    .candle-holder-0 {
        left: 3px;
        bottom: 3px;
    }

    .candle-holder-1 {
        left: 20px;
        bottom: 9px;
    }

    .candle-holder-2 {
        left: 17px;
    }

    .candle-holder-3 {
        left: 24px;
        bottom: 21px;
    }

    .candle img.flamme {
        width: 20px;
        margin: 0px 0px 0px -3px;
    }

    .candle img.kerze {
        width: 14px;
        margin: 0px 0px -3px -2px;;
    }

    .candle {
        width: 12px;
        margin: 0px 20px 0px 0px;
    }

    .candles-dull {
        width: 18px;
        bottom: 10px;
    }

    .trauerraum .main-logo,
    .trauerraum-unterseite .main-logo {
        display: block;
        margin: 0;
        float: left;
        height: 55px;
        width: 155px;
        background: url(/typo3conf/ext/ig_project/Resources/Public/Img/Logos/be-logo-2022.svg) no-repeat left center;
        background-size: contain;
    }

    .tr-links a {
        display: block;
        margin: 0px auto;
    }

    .trauerraum .impressum,
    .trauerraum-unterseite .impressum {
        display: inline;
        float: right;
    }

    .trauerraum .copy,
    .trauerraum-unterseite .copy {
        display: inline;
        float: right;
    }
}

@media (max-width: 559px) {

    .tx-ig-meme .links{
        height: 40px !important;
        padding: 5px !important;
    }

    .tx-ig-meme .links a{
        height: 20px !important;
    }
    .tx-ig-meme .links a img{
        display: inline-block;
        height: 16px !important;
        width: 16px !important;
    }
}

@media (max-width: 360px) {
    .tx-ig-meme #dropzone{
        width: 320px;
    }

    .tx-ig-meme .text-bottom{
        bottom: 15px;
    }

    .tx-ig-meme .text-top{
        top: 0px;
    }
}


/* Traueraum Trauercafes */
.loc_description p {
	line-height: 22px;
	font-size: 1.2em;
	padding: 4px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.loc_description {
	margin-bottom: 10px;
}

/* Zusammenfassung */
div.zusammenfassung {
	display: block;
	margin-bottom: 50px;
	background: var(--be-blau-10);
	padding: 16px 10px 16px 10px;
}

div.zusammenfassung p {
	display: block;
	padding: 0px 0px 0px 16px;
	margin: 0px 0px 8px 0px;
	background-image: url(../Img/zusammenfassung_block.gif);
	background-repeat: no-repeat;
	background-position: 0px 8px; 
} 


/* News Floating */
.news-single .ce-right .ce-gallery ,
.news-single .ce-left .ce-gallery  {
    width: 50% !important;
    height: auto;
}

.news-single .ce-left .ce-gallery  {
	float: left;
	margin-right: 20px;
}

.news-single .ce-right .ce-gallery  {
	float: right !important;
	margin-left: 20px;
}

@media (max-width: 480px){
	.news-single .ce-right .ce-gallery ,
	.news-single .ce-left .ce-gallery  {
	    width: 100% !important;
	    height: auto;
	}
	
	.news-single .ce-left .ce-gallery  {
		float: none !important;
		margin-right: 0px;
	}
	
	.news-single .ce-right .ce-gallery  {
		float: none !important;
		margin-left: 0px;
	}
}


/* Smartphone Optimzize */
@media (max-width: 480px){
    .highlightbox .ce-left .ce-gallery .image{
        width: 100% !important;
    }
}

/* be_messenger */
#be_messenger {
    position:fixed;
    z-index:150;
	bottom: -1px;
    height:36px;
    width: 100%;
    background: #e5007d;
	border-radius: 4px 4px 0px 0px;
    text-align: center;
}

#be_messenger a {
    color: #fff;
    display: block;
    margin: 5px;
    font-size: 1.2em;
}

#be_messenger span {
    color: white;
    float: left;
    font-size: 16px;
    line-height: 36px;
    vertical-align: center;
    margin-left: 10px;
    right: 8px;
}

#be_messenger a.close_link {
    position: absolute;
    top: 3px;
    left: 0px;
    width: 36px;
    height: 36px;
    background: url(../Img/close.svg) top left no-repeat;
    background-size: 20px 20px;
}

#be_messenger_dialog {
    position: fixed;
    display: none;
    top: 100px;
    left: 15%;
    z-index: 10000;
    width: 70%;
    min-width: 200px;
    height: 200px;
    margin: 5% auto;
    padding: 10px;
    padding-top: 22px;
    padding-left: 16px;
    background: #fff;
    border: 1px solid var(--be-blau);
    font-size: 1em;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.90);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.90);
    box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.90);
    border-radius:3px;
    text-align: center;
}

#be_messenger_dialog a {
    color: #e5007d;
    display: block;
    width: 100%;
    text-align:center;
}

#be_messenger_dialog a:hover {
    text-decoration: none;
}

#be_messenger_dialog div {
    display: block;
    clear: both;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

#be_messenger_dialog div.large {
}

#be_messenger_dialog a.close_link {
    position: absolute;
    color: #e5007d !important;
    font-size: 1em !important;
    top: 8px;
    right: 8px;
    width: 20px;
    height: 20px;
    background: url(../Img/close_magenta.svg) top left no-repeat;
    background-size: 20px 20px;
}

#be_messenger_dialog a.me_links {
    float: left;
    color: #e5007d;
    font-size: 18px;
    margin-bottom: 0px;
    width: 70%;
    min-width: 120px;
    margin-left: 15%;
    text-align: left;
    height: 32px;
    border: 1px solid #e5007d;
    vertical-align: center;
    margin-bottom: 8px;
}

#be_messenger_dialog a.me_links img {
    margin: 0px 0px 0px 0px;
    margin-top: 2px;
    margin-left: -2px;
}


#be_messenger_dialog a.me_links i {
    background: #e5007d;
    float: left;
    color: #fff;
    padding: 5px;
    width: 32px;
    height: 30px;
    line-height: 20px;
    vertical-align: center;
    text-align: center;
}

#be_messenger_dialog a.me_links i.iimg {
    padding: 2px;
}


#be_messenger_dialog span {
    height: 30px;
    line-height: 30px;
    vertical-align: center;
    padding-left: 10px;
    padding-top: 6px;
}



i.icon_threema {
    display: block;
    color: #e5007d !important;
    width: 22px;
    height: 22px;
    background: url(../Img/threema.svg) top left no-repeat;
    background-size: 22px 22px;
}



.ce-left .ce-gallery {
display:inline;
}


/* 
/* Ratermneü */
.rastermnenu_item {
	min-height: 200px;
}

/* Bildumfluss 2019 */
.ce-right figure.image img {
    float: right;
}

/* NL Block Cleverreach */
.tx-ig-ansprechpartner {
	overflow: hidden;
	margin-bottom: 0px !important;
}

.nlblock {
	background: var(--be-cyan-20); 
	padding: 10px;
	display: block;
	overflow:hidden;
}

.nlblock strong {
	font: 400 20px/26px "Outfit",sans-serif;
	padding-bottom: 8px;
}


/* podigee-podcast-player */
.podigee-podcast-player {
	min-height: 160px !important;
}

div.cc-blocked {
    margin-bottom: 16px;
    background: var(--be-blau-10) !important;
}
#cc p.cc-headline {
    margin-bottom: 4px !important;
}

#cc p.cc-text {
    font-size: 11px;
    line-height: 13px;
    margin-bottom: 18px;
}

#cc div.cc-buttons button.secondary {
    background: var(--be-blau) !important;
}
#cc div.cc-buttons button.secondary:hover {
    background: var(--be-blau) !important; 
}

#cc div.cc-buttons button:not(.secondary) {
    background: var(--be-blau) !important;
}

#cc div.cc-buttons button:not(.secondary) {
    background: var(--be-blau) !important;
}

div.cc-blocked .cc-blocked-container .cc-blocked-host {
    color: var(--be-blau) !important;
}

div.cc-blocked .cc-blocked-container button {
    background: var(--be-blau) !important;
}

div.cc-blocked .cc-blocked-container div.cc-blocked-privacy {
    margin-top: 10px;
}

/* NEWS Layoutboxen */
.frame-layout-1 {
    background: var(--be-magenta-10);
    padding: 16px;
    margin-bottom: 25px;
}

.frame-layout-2 {
    background: var(--be-magenta-10);
    padding: 16px;
    margin-bottom: 25px;
}

.frame-indent {
    float: right;
    width: 50%;
    margin-left: 8px;
}

@media (max-width: 768px) {
    .frame-indent {
        float: left;
        width: 100%;
        margin-left: 0px;
        margin-bottom: 16px;
    }
}


/* Mobile Menu wie bei wh.gov */

#wh_menu {
    display: none;
}

@media (max-width: 768px) {

    #wh_menu {
        display: block;
    }

    .nav-lvl2-toggle-btn {
        display: none;
    }


    #wh_menu  .nav-lvl2-toggle-btn {
            display: block !important;
            position: fixed;
            z-index: 10000;
            bottom: 2.5rem;
            right: 1.5rem;
            width: 6rem;
            height: 6rem;
            border-radius: 50%;
            border: 2px solid white;
            background-color: var(--be-pink);
            text-transform: capitalize;
            box-shadow: 0 0 60px rgba(10,36,88,.45);
            transition: all .3s ease-in-out;
        }

     #wh_menu .nav-lvl2-toggle-btn:hover{
            box-shadow: 0 0 60px rgba(10,36,88,.8);
        }

        .nav-lvl2-toggle-btn::before, .nav-lvl2-toggle-btn::after {
            content: '';
            display: block;
            width: 3rem;
            height: 2px;
            background-color: white;
            position: absolute;
            top: 50%;
            left: 50%;
            opacity: 0;
            transition: opacity .3s ease-in-out;
        }

    #wh_menu .nav-lvl2-toggle-btn::before {
        transform: translate(-50%,0) rotate(45deg);
        }

    #wh_menu .nav-lvl2-toggle-btn::after {
        transform: translate(-50%,0) rotate(-45deg);
        }

    .nav-lvl2-toggle-btn.active::before{
            opacity: 1;
        }

     .nav-lvl2-toggle-btn.active::after{
            opacity: 1;
        }


    #wh_menu .nav-lvl2-toggle-btn span {
            position: absolute;
            top: calc(50% - 0.5rem);
            left: calc(50% - 2rem);
            height: 1.25rem;
            text-align: center;
            color: white;
            overflow: hidden;
            text-transform: uppercase;
            font-size: 1.25rem;
            font-weight: bold;
            line-height: 1.4rem;
            width: 4rem;
            transition: all .3s ease-in-out;

        }

    #wh_menu .nav-lvl2-toggle-btn.active span{
            opacity: 0;
        }

    #wh_menu .nav-lvl2-toggle-btn.active::before{
            transform: translate(-50%,0) rotate(45deg);
        }

    #wh_menu .nav-lvl2-toggle-btn.active::after{
            transform: translate(-50%,0) rotate(-45deg);
        }

}



/* portrait VIDEO YT */
	iframe.portrait {
		width: auto !important;
		float: left;
		margin-right: 20px;
		min-height:532px;
	}	
	@media only screen and (max-width: 768px) {
		iframe.portrait {
			min-height:532px;
		}	
	}
	@media only screen and (max-width: 400px) {
		iframe.portrait {
			width: 100% !important;
			float: none;
			clear: both;
			margin-right: 20px;
			min-height:532px;
		}	
	}