:root {
     --blue: #007bff;
     --indigo: #6610f2;
     --purple: #6f42c1;
     --pink: #e83e8c;
     --red: #df0722;
     --orange: #fd7e14;
     --yellow: #ffc107;
     --green: #28a745;
     --teal: #20c997;
     --cyan: #17a2b8;
     --white: #fff;
     --gray: #6c757d;
     --gray-dark: #343a40;
     --primary: #082E61;
     --primary-hover: #343a40;
     --secondary: #6c757d;
     --success: #28a745;
     --info: #17a2b8;
     --warning: #ffc107;
     --danger: #dc3545;
     --light: #f8f9fa;
     --dark: #343a40;
     --breakpoint-xs: 0;
     --breakpoint-sm: 576px;
     --breakpoint-md: 768px;
     --breakpoint-lg: 992px;
     --breakpoint-xl: 1200px;
     --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
     --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;


     --navi-top-color: #fff;
     --navi-main-color: #063069;
     --a-hover-color: #8bb9e4;
     --timeline-color: #8bb9e4;

     --text-purple: #063069;
 }

 
 
 
 /* caveat-regular - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Caveat';
    font-style: normal;
    font-weight: 400;
    src: url('../../typo3conf/ext/norisana/Resources/Public/Fonts/caveat-v17-latin-regular.eot');
    /* IE9 Compat Modes */
    src: url('../../typo3conf/ext/norisana/Resources/Public/Fonts/caveat-v17-latin-regular.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../../typo3conf/ext/norisana/Resources/Public/Fonts/caveat-v17-latin-regular.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../../typo3conf/ext/norisana/Resources/Public/Fonts/caveat-v17-latin-regular.woff') format('woff'),
        /* Modern Browsers */
        url('../../typo3conf/ext/norisana/Resources/Public/Fonts/caveat-v17-latin-regular.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../../typo3conf/ext/norisana/Resources/Public/Fonts/caveat-v17-latin-regular.svg#Caveat') format('svg');
    /* Legacy iOS */
}

/* caveat-500 - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Caveat';
    font-style: normal;
    font-weight: 500;
    src: url('../../typo3conf/ext/norisana/Resources/Public/Fonts/caveat-v17-latin-500.eot');
    /* IE9 Compat Modes */
    src: url('../../typo3conf/ext/norisana/Resources/Public/Fonts/caveat-v17-latin-500.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../../typo3conf/ext/norisana/Resources/Public/Fonts/caveat-v17-latin-500.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../../typo3conf/ext/norisana/Resources/Public/Fonts/caveat-v17-latin-500.woff') format('woff'),
        /* Modern Browsers */
        url('../../typo3conf/ext/norisana/Resources/Public/Fonts/caveat-v17-latin-500.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../../typo3conf/ext/norisana/Resources/Public/Fonts/caveat-v17-latin-500.svg#Caveat') format('svg');
    /* Legacy iOS */
}

/* caveat-600 - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Caveat';
    font-style: normal;
    font-weight: 600;
    src: url('../../typo3conf/ext/norisana/Resources/Public/Fonts/caveat-v17-latin-600.eot');
    /* IE9 Compat Modes */
    src: url('../../typo3conf/ext/norisana/Resources/Public/Fonts/caveat-v17-latin-600.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../../typo3conf/ext/norisana/Resources/Public/Fonts/caveat-v17-latin-600.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../../typo3conf/ext/norisana/Resources/Public/Fonts/caveat-v17-latin-600.woff') format('woff'),
        /* Modern Browsers */
        url('../../typo3conf/ext/norisana/Resources/Public/Fonts/caveat-v17-latin-600.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../../typo3conf/ext/norisana/Resources/Public/Fonts/caveat-v17-latin-600.svg#Caveat') format('svg');
    /* Legacy iOS */
}

/* caveat-700 - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Caveat';
    font-style: normal;
    font-weight: 700;
    src: url('../../typo3conf/ext/norisana/Resources/Public/Fonts/caveat-v17-latin-700.eot');
    /* IE9 Compat Modes */
    src: url('../../typo3conf/ext/norisana/Resources/Public/Fonts/caveat-v17-latin-700.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../../typo3conf/ext/norisana/Resources/Public/Fonts/caveat-v17-latin-700.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../../typo3conf/ext/norisana/Resources/Public/Fonts/caveat-v17-latin-700.woff') format('woff'),
        /* Modern Browsers */
        url('../../typo3conf/ext/norisana/Resources/Public/Fonts/caveat-v17-latin-700.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../../typo3conf/ext/norisana/Resources/Public/Fonts/caveat-v17-latin-700.svg#Caveat') format('svg');
    /* Legacy iOS */
}
 
 
.text_dunkelblau > .text-white,
.text_dunkelblau > .text-white h3 {
    color:#063069 !important;
}
 



.ctabox-internisten-am-ring .boxcta1.show, .ctabox-internisten-am-ring .boxcta2.show {
    width: auto;
    max-width: 500px;
    min-width: 500px;
  
    height: auto;
    max-height: 600px;
    overflow-y: auto;
    bottom: 185px;
    background: #fff;
    color: #222d64;
    padding: 0;
    display: block;
    z-index: 54545454554454;


        z-index: 201;
    position: fixed;
    top: 40%;
 
    width: 40%;
    max-width: 500px;
    max-height: 80%;
    overflow: auto;
    background: #fff;
    /* padding: 70px 20px 20px; */
    /* border-radius: 5px; */
    height: fit-content;
    /* right: auto; */
    /* margin: auto; */


}


.tx_teammitglieder .bg-purple {
 
    background-color: #e8f1fa;
 
}

 

.ruckersdorf .text-white:not(.bg-purple)  {
        color: var(--text-purple) !important;
}

.ruckersdorf a:not(button) {
    color: var(--text-purple) !important;
}



a.bg_purple .btn-primary {
    background: #912265;
    border:0;
}

a.bg_purple .btn-primary:hover {
    background: #d493b0;
}

.topnavsub .navbar-nav>li>a.bg_purple:after {
    content: none;
}

.ruckersdorf .text-white.bg-purple header .text-white,
.ruckersdorf .text-white.bg-purple button.text-white {
    color:#fff !important;
}

.ruckersdorf .text-white.bg-purple button.text-white.onlinerezeption {
    text-transform: uppercase;
}

.ruckersdorf .text-white.bg-purple button.text-white.onlinerezeption:hover {
    color: #912265 !important;
}

.ruckersdorf .text-white.bg-purple button.text-white:hover {
    color: var(--text-purple) !important;
}

#c3157 {
    transform: rotate(357deg);
    margin-left: 3.5em;
    margin-top:10em;
 }
 
 h2.size-1 {
    color: #8bbae5  !important;
    font-weight:700;
 }

.rotate-2 {
 color: rgb(139, 185, 228);
    font-size: 52px;
    font-weight: 700;
    font-family: Caveat, Arial, sans-serif !important;
}


.rotate-3 {
transform: rotate(-5deg);

    max-width: 800px;
}

.pfeil-1:before {
     content: '';
    background: url(../fileadmin/norisana_pfeil.svg) 10px 0px no-repeat;
    width: 100px;
    height: 40px;
    display: inline-block;
    margin-left: -100px;
    position: absolute;
  
}

span.text-blau_v2.h1 {
    color: #8bb9e4;
}
.pfeil-1b:before {
    content: '';
    background: url(../fileadmin/norisana_pfeil_hb_v1.svg) 10px 0px no-repeat;
    width: 160px;
    height: 30px;
    display: inline-block;
    margin-left: -100px;
    position: absolute;
    transform: rotate(333deg);
    margin-top: 15px;
}



.pfeil-1c:after {
content: '';
    background: url(../fileadmin/norisana_pfeil_hb_v2.svg) 10px 0px no-repeat;
    width: 126px;
    height: 30px;
    display: inline-block;
    margin-left: 16px;
    position: absolute;
    transform: rotate(17deg);
    margin-top: 18px;
 
}

#c3176 {
 
position: relative;
    transform: rotate(357deg);
    text-align: inherit;
    /* height: 161px; */
    max-width: 400px;
    /* position: absolute; */
    left: 50%;
    margin-left: -10%;
}


#c3175 {
    margin-top: -100px;
    float: right;
    transform: rotate(349deg);
    position: relative;
    height: 161px;
    margin-right: 8em;
}

.teaser--image-1 .teaser--content-1 .btn-container .my-div-1 p {
  line-height: 28px !important;
}

 .my-div-1 {
    position: relative;
 }


 .teaser--meta .btn-1:before {
    position: absolute;
    content: '';
    bottom: -5px;
    right: -10px;
    transform: rotate(-30deg);
background-color: #e1ecf6;
    border-top: 1px solid #313f71;
    height: 14px;
     
    width: 30px;
}
 
 
 .schraege_u_r {
     display: block;
     clip-path: polygon(100% 0, 100% 88%, 65% 100%, 0% 100%, 0% 0%);
     padding-bottom: 1.675em;
 }


 .schraege_u_r::after {
     content: '';
     height: 30px;
     display: block;
 }


 .ecke3::before {
     content: '';
     display: block;
     width: calc(100% - 55px);
     height: 30px;
     left: 0;
     position: absolute;
     background: var(--text-purple) !important;
     bottom: -30px;
     top: auto;

 }

 .ecke3::after {

    content: '';
    display: grid;
    width: 56px;
    height: 30px;
    clip-path: polygon(100% 0, 100% 0, 0% 100%, 0 100%, 0 0);
    right: 0px;
    top: auto;
    bottom: -30px;
    position: absolute;
    background: var(--text-purple) !important;
    border-top: 1px solid var(--text-purple) !important;
 }





 .ecke2::before {
content: '';
    display: block;
    width: calc(100% - 84px);
    height: 30px;
    left: 15px;
    position: absolute;
    background: #222d64;
    bottom: -12px;
    top: auto;
}
 

 .ecke2::after {

content: '';
display: grid;
width: 56px;
height: 30px;
clip-path: polygon(100% 0, 99% 0, 0% 100%, 0 100%, 0 0);
right: 15px;
top: auto;
bottom: -13px;
position: absolute;
background: #272c62;
border-top: 1px solid #272c62;

}



.ecke4  {
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 60px), calc(100% - 88px) 100%, 0 100%);
}


#main .my-div-1  .btn.btn-lg { 
    border:1px solid var(--text-purple) !important;
    color:var(--text-purple) !important;
    background-color: #e8f1fa; 
    clip-path: polygon(0 0, 100% 0, 101% 77%, 94% 100%, 0 100%);
}

#main .my-div-1 .btn.btn-lg:hover {
    background-color: #ffffff; 
}

 .adressbox-karte {
     margin-bottom: -30%;
     z-index: 1;
     width: auto;
     right: 0;
     left: auto;
     display: flex;
     margin-left: auto !important;
     margin-right: 0;
     float: right;
     margin-top:-55px;
 }

 .div-karte-inner {
     max-width: 360px;
     right: 0;
     left: auto;

     background: var(--a-hover-color) !important;
     color: var(--text-purple) !important;
 }


.div-karte-inner .btn1:before {
      background-color:var(--text-purple) !important;
}

 button:focus {
     outline: 0;
 }





 .translatey {
     transform: translateY(0px);
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     -ms-transition: all 0.5s ease;
     transition: all 0.5s ease;

 }


 .hover-card:hover .translatey {
     transform: translateY(0);

 }




 .btn-container {
     overflow: hidden;
     border: 0px solid transparent;
     padding: 0;

     background: transparent;
 }

 .my-div {

     position: relative;
     background: transparent;
     right: 0;
     left: auto;
     outline: none;
 }



 

 .btn1 {
     border: 1px solid #ffffff;
     background-color: transparent;

     outline: none;
     overflow: hidden;
     width: 100%;
     padding: 8px 12px;
     font-size: 1rem;
     line-height: 1.25;
     transition: all .15s ease-in-out;

    /* clip-path: polygon(0 0, 100% 0, 101% 77%, 94% 106%, 0 100%) !important */

 }

 .btn1:hover {

     color: #8bb9e4 !important;

 }


















.btn-1 a::before {
     position: absolute;
    content: '';
    bottom: 35px;
    right: 9px;
    transform: rotate(333deg);
    background-color: #ffffff;
    border-top: 1px solid #f8f9fa;
    height: 13px;
    width: 20px;
    width: 30px;
}
 

/*
 .cybr-btn {
 
  position: relative;
}
.cybr-btn:before {
  content: '';
width: auto;
    height: 30px;
    background: transparent;
    display: block;
    position: absolute;
    bottom: -10px;
    right: 10px;
    border: 1px solid #fff;
    transform: rotate(50deg);
 
}
.cybr-btn, .cybr-btn:before {
  -webkit-clip-path: polygon(0% 0, 113% 0, 93% 100%, 0 100%, 0 100%);
  clip-path: polygon(0% 0, 113% 0, 93% 100%, 0 100%, 0 100%);
}
  
*/
.cybr-btn0 {
  position: relative;
  background: transparent;
  color: #fff;
  padding: 0.75rem 1rem;
  clip-path: polygon(0px 0%, 100% 0, 100% 30px, 89% 100%, 0 100%);
  border: 2px solid transparent;
  background-clip: padding-box;
  box-shadow: 0 0 0 2px #fff; /* simuliert den Rahmen */
}


  .cybr-btn0:before {
    border-top: 2px solid #fff;
    width: 35px;
    height: 1px;
    content: '';
    position: absolute;
    right: -5px;
    bottom: 6px;
    transform: rotate(330deg);
}
  

 

  .cybr-btn {
    background-color: #192e66;
    border-color: #192e66;
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 12px), calc(100% - 24px) 100%, 0 100%);
  
}




.internisten-am-ringc .btn:before {
    position: absolute;
    content: '';
    bottom: -5px;
    right: -10px;
    transform: rotate(-30deg);
    background-color: var(--text-purple);
    border-top: 1px solid #f8f9fa;
    height: 14px;
    width: 20px;
    width: 30px;
}




 .box-layout2 .btn.btn-primary {
    background-color: #192e66;
    border-color: #192e66;
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 23px) 100%, 0 100%);
  
}

 .box-layout2 .btn.btn-primary:hover {
    background-color: #8bb9e4 !important;
    border-color: #8bb9e4 !important;
   
}


 .box-layout2    .tabfooter a {
    color: #192e66 !important;
}
 .box-layout2    .tabfooter a:hover {
    color: #8bb9e4 !important;
}


 .box-layout2    .tabfooter .showSingle {
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
 }


 .box-layout2    .tabfooter .showSingle:hover {
    color: #8bb9e4 !important;
}
 .btn-primary.cookie-set {
    background-color: #8bb9e4;
    border-color: #8bb9e4;
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 23px) 100%, 0 100%);
  
}


 



.powermail_fieldwrap_type_submit .powermail_field {
    width: auto;
}
.powermail_fieldwrap_type_submit   .btn:before {
    position: absolute;
    content: '';
    bottom: 0px;
    right: -6px;
    transform: rotate(333deg);
    background-color: #ffffff;
    border-top: 1px solid #f8f9fa;
    height: 8px;
    width: 20px;
    width: 30px;

 }





 .frame-type-Button .btn1:before,
.bg-blau_v2  .btn1:before {
     position: absolute;
     content: '';
     bottom: -5px;
     right: -10px;
     transform: rotate(-30deg);
     background-color: #e8f1fa;
     border-top: 1px solid #f8f9fa;
     height: 14px;
     width: 20px;
     width: 30px;
 }



 footer .frame-type-Button .btn1:before {
    background-color: var(--text-purple) !important;
}

 .purple .bg-purple {
     background-color: #912265 !important;
     height: 100%;
 }

 .bg-purple .btn1:before {
     background-color: #912265;

 }






 .ecke1:before {
     position: absolute;
     content: '';
     bottom: -16px;
     right: -10px;
     transform: rotate(-30deg);
     background-color: #ffffff;
     border-top: 1px solid #f8f9fa;
     height: 36px;
     width: 20px;
     width: 70px;
     overflow: hidden;
 }

/* FARBEN NEU */

 .topnav-top {
    background: var(--a-hover-color) !important;
    z-index: 99999;
}


.topnavsub.navbar {
     border-bottom: 4px solid var(--a-hover-color) !important;
    /* z-index: 20; */
}



.bg-light-blue {
    background-color: #e8f1fa !important;
    height: 100%;
}
.frame-bg-blau_v2, .bg-blau_v2 {
    background: #e8f1fa !important;
    height: 100%;
    color: #192e66 !important;
}

.sprechzeiten h3.text-white.font-weight-bold.mb-3,
.sprechzeiten a   {
    color: #192e66 !important;
}

.bg-blau_v2.div-karte-inner  {
    background: var(--text-purple) !important;
    height: 100%;
    color: var(--white) !important;
}
.bg-blau_v2.div-karte-inner .ce-bodytext  {
    color: var(--white) !important;
}

.text-purple {
    color: var(--text-purple) !important;
}

.t3-footer {
 
    border-top: 15px solid var(--a-hover-color) !important;
}


.t3-copyright {
    background: var(--a-hover-color) !important;
}

@media (min-width: 1200px) {

    .topnavsub .navbar-nav>.active>a:after {
        background: var(--a-hover-color) !important;
    }
    .topnavsub .navbar-nav>li.nav-item:hover>a:after, .topnavsub .navbar-nav>li>a:focus:after, .topnavsub .navbar-nav>li>a:hover:after {
        background: var(--a-hover-color) !important;
    }
     .dropdown:hover>.dropdown-menu {
        border-bottom: 4px solid var(--a-hover-color) !important;
        border-top: 4px solid var(--a-hover-color) !important;
    
    }
}







.masked-div {
  width: 300px;
  height: 200px;
  background-color: blue; /* Dieser Hintergrund ist unter der Maske zu sehen */
  mask-image: linear-gradient(
    to bottom right,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 1) 50%, /* Hier liegt die volle Maske, die das Blau nicht durchlässt */
    rgba(0, 0, 0, 0) 100%
  );
  -webkit-mask-image: linear-gradient(
    to bottom right,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 1) 50%,
    rgba(0, 0, 0, 0) 100%
  ); /* Für ältere Webkits */
}










.teaser--meta dl {
    font-size:0.875em;
}

.teaser--meta  .btn1:before {
    position: absolute;
    content: '';
    bottom: -5px;
    right: -10px;
    transform: rotate(330deg);
    background-color: var(--text-purple);
    border-top: 1px solid #f8f9fa;
    height: 16px;
    width: 20px;
    width: 36px;
}

.tx-team .teaser--meta dd.phone:before {
    content: "";
    text-indent: 0px;
    font-family: "FontAwesome";
    float: left;
    padding-right: 0.5em;
}
 
.tx-team .teaser--meta dd.mail:before {
    content: "";
    text-indent: 0px;
    font-family: "FontAwesome";
    float: left;
    padding-right: 0.5em;
}
 
.tx-team .teaser--meta dd.mail.no_icon:before {
    content: "";
    display:none; 
}
 

.team__fullwidth .teaser__hB, .team__fullwidth .teaser__h500, .team__fullwidth .teaser__h1000 {
    position: relative;
}

.team__fullwidth .teaser {
    overflow: hidden;
}


.teaser--fade,
.teaser--fade a {
    color:#002e4a;
    cursor:pointer;
}

.team__fullwidth .teaser__h500 .teaser--fade {
    height: 325px;
}
.team__fullwidth .teaser--fade {
    position: relative;
    padding: 0;
    border: 0px solid white;
}

.team__fullwidth .teaser--fade .teaser--content-1, .team__fullwidth .teaser--fade .teaser--content-1:before {
    background: linear-gradient(0deg,rgba(232, 241, 250, 1) 50%, rgba(255, 255, 255, 0) 100%) !important;
}

.team__fullwidth .teaser--fade .teaser--content {
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    transform: translateY(30px);
    -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -o-transition: -o-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -moz-transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -moz-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -moz-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -o-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    background-color: rgb(0 0 0 / 30%);
    opacity: 1;
    background: linear-gradient(0deg,rgba(6, 48, 105, 1) 50%, rgba(255, 255, 255, 0) 100%);
    color: #fff;
}
.team__fullwidth .teaser--content {
    position: absolute;
    padding: 0 45px 30px;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 100;
}
.team__fullwidth .teaser--image {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -webkit-transition: -webkit-transform 150ms cubic-bezier(1, 0, 0.33, 1);
    transition: -webkit-transform 150ms cubic-bezier(1, 0, 0.33, 1);
    -o-transition: -o-transform 150ms cubic-bezier(1, 0, 0.33, 1);
    -moz-transition: transform 150ms cubic-bezier(1, 0, 0.33, 1), -moz-transform 150ms cubic-bezier(1, 0, 0.33, 1);
    transition: transform 150ms cubic-bezier(1, 0, 0.33, 1);
    transition: transform 150ms cubic-bezier(1, 0, 0.33, 1), -webkit-transform 150ms cubic-bezier(1, 0, 0.33, 1), -moz-transform 150ms cubic-bezier(1, 0, 0.33, 1), -o-transform 150ms cubic-bezier(1, 0, 0.33, 1);
}





.team__fullwidth .teaser__h500 .teaser--fade {
    height: 325px;
}
.team__fullwidth .teaser--fade {
    position: relative;
    padding: 0;
    /* border: 1px solid white; */
}

.team__fullwidth .teaser--image::before, .team__fullwidth blockquote p.teaser--image.center_blockquote::after, blockquote .team__fullwidth p.teaser--image.center_blockquote::after {
    top: 0px;
    background: transparent;
    transition: background-color 0.25s ease 0s;
}
.team__fullwidth .teaser--image::after, .team__fullwidth .teaser--image::before, .team__fullwidth blockquote p.teaser--image.center_blockquote::after, blockquote .team__fullwidth p.teaser--image.center_blockquote::after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
}
.team__fullwidth .teaser--image::after, .team__fullwidth .teaser--image::before, .team__fullwidth blockquote p.teaser--image.center_blockquote::after, blockquote .team__fullwidth p.teaser--image.center_blockquote::after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
}
.team__fullwidth .teaser--content .teaser--mainLink::before, .team__fullwidth .teaser--content blockquote p.teaser--mainLink.center_blockquote::after, blockquote .team__fullwidth .teaser--content p.teaser--mainLink.center_blockquote::after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 101;
}
.team__fullwidth p.h3 { margin:0; }
.team_inner {
    width: 100%;
    margin:0 0 1em 0;
}

.team_inner dd {
    margin: 0 !important;
    text-align: left;
}

.team__fullwidth .teaser--image {
    position: absolute;
    bottom: 0px;
    right: 0px;
    left: 0px;
    top: 0px;
    background-size: cover;
    background-position: center center;
    transition: transform 150ms cubic-bezier(1, 0, 0.33, 1) 0s, -webkit-transform 150ms cubic-bezier(1, 0, 0.33, 1) 0s, -moz-transform 150ms cubic-bezier(1, 0, 0.33, 1) 0s, -o-transform 150ms cubic-bezier(1, 0, 0.33, 1) 0s;
    background-position:top;
}


.fauwg {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
 
}



.teaser--content { text-align:left; }

.team__fullwidth .teaser--fade .teaser--content {
    
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top:50px;
    
}

.team__fullwidth .teaser--fade:hover .teaser--content {
    -webkit-transform: translateY(-60px);
    -moz-transform: translateY(-60px);
    -ms-transform: translateY(-60px);
    -o-transform: translateY(-60px);
    transform: translateY(-60px);

padding-bottom: 9rem;
    
}



.team__fullwidth .teaser--fade .teaser--content {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0, 1);
    transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0, 1);
    -o-transition: -o-transform 200ms cubic-bezier(0.175, 0.885, 0, 1);
    -moz-transition: transform 200ms cubic-bezier(0.175, 0.885, 0, 1), -moz-transform 200ms cubic-bezier(0.175, 0.885, 0, 1);
    transition: transform 200ms cubic-bezier(0.175, 0.885, 0, 1);
    transition: transform 200ms cubic-bezier(0.175, 0.885, 0, 1), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0, 1), -moz-transform 200ms cubic-bezier(0.175, 0.885, 0, 1), -o-transform 200ms cubic-bezier(0.175, 0.885, 0, 1);
}
.team__fullwidth .teaser--content {
    position: absolute;
    padding: 0 15px 50px;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    bottom:  0px;
    right: 0;
    left: 0;
    z-index: 100;
   
}

.team__fullwidth .teaser--content h2 {
  font-weight: bold;
  font-size: 1.5rem !important;
  margin-bottom: 25px;
}


@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) { 

.team__fullwidth .teaser--content{bottom: -90px;}
}



@-moz-document url-prefix() {
.team__fullwidth .teaser--content{bottom:-90px;}
}


 
_:-ms-lang(x), .team__fullwidth .teaser--content{bottom:-90px;}






.team__fullwidth .teaser--content .teaser--mainLink::before, .team__fullwidth .teaser--content blockquote p.teaser--mainLink.center_blockquote::after, blockquote .team__fullwidth .teaser--content p.teaser--mainLink.center_blockquote::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 101;
}


.team__fullwidth .teaser--fade:hover .teaser--image::before, .team__fullwidth .teaser--fade:hover blockquote p.teaser--image.center_blockquote::after, blockquote .team__fullwidth .teaser--fade:hover p.teaser--image.center_blockquote::after {
    background-color: rgba(0, 46, 74, 0.8);
}
.team__fullwidth .teaser--image::before, .team__fullwidth blockquote p.teaser--image.center_blockquote::after, blockquote .team__fullwidth p.teaser--image.center_blockquote::after {
    top: 0;
    background: transparent;
    -webkit-transition: background-color ease .25s;
    -o-transition: background-color ease .25s;
    -moz-transition: background-color ease .25s;
    transition: background-color ease .25s;
}
.team__fullwidth .teaser--image::after, .team__fullwidth .teaser--image::before, .team__fullwidth blockquote p.teaser--image.center_blockquote::after, blockquote .team__fullwidth p.teaser--image.center_blockquote::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.team__fullwidth .teaser--image::after, .team__fullwidth .teaser--image::before, .team__fullwidth blockquote p.teaser--image.center_blockquote::after, blockquote .team__fullwidth p.teaser--image.center_blockquote::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}







.tx-team {
    text-align:center;
}

#icon-team {
    background: url(../../../../../../fileadmin/template13/images/icon-team.png) 0 0 no-repeat;
    width: 66px;
    height: 66px;
    position: absolute;
    margin-left: -35px;
    margin-top: -35px;
    z-index: 99;
}

.tx-team ul li a {
	outline:none;
	border:0;
	text-decoration:none;
    position:relative;
    color:#002e4a;
    
}

.tx-team ul {
	list-style:none;
	padding:0;
    display:block;
}

.tx-team li {
	list-style:none;
	margin:0;
	padding:0;
	
	margin-right:0.25em;
    margin:auto;
    text-align:center;
     
}
.tx-team li:nth-child(3) {
	margin-right:0;
}
.tx-team .iconstandortrot {
	left:6px;
 }
 
 .tx-team .iconstandortrot h2{
	 color:#fff;
	 margin-left:0.675em;
	 font-size:1.375em;
	 padding-top:2px;
 }
 
  .tx-team li h3{
	 line-height: inherit;
	 margin:0;
	 font-size:1em;
      font-weight:bold;
 }
 
.tx-team dt {
	text-indent:-99999999px;
	float:left;
	
}

 

.tx-team dt.phone:after {
	content: "\f095";
    text-indent: 0px;
	font-family: "FontAwesome";
    float: left;
}


.tx-team dt.fax:after {
	content: "\f1ac";
    text-indent: 0px;
	font-family: "FontAwesome";
    float: left;
	font-size:0.875em;
}


.tx-team dt.mobil:after {
	content: "\f10b";
    text-indent: 2px;
	font-family: "FontAwesome";
    float: left;
		font-size:1.375em;

}



.tx-team ul.round dt.phone { display:none; }
.tx-team ul.round dd.phone { display:none; }
.tx-team ul.round dt.mail { display:none; }
.tx-team ul.round dd.mail { display:none; }


.tx-team dt.mail:after {
	content: "\f0e0";
    text-indent: 0px;
	font-family: "FontAwesome";
    float: left;
	font-size:0.875em;
}

.tx-team dt.phone { display:none; }
.tx-team dt.phone:after { display:none; }




.tx-team dd.phone:before {
	content: "\f095";
    text-indent: 0px;
	font-family: "FontAwesome";
    float: left;
    padding-right:0.5em;
}
.phone p { margin-bottom:0; }



.tx-team ul.round dl {
    display:flex;
    width:100%;
}
.tx-team dd.phonev {
flex: 1;
    margin: 0;
    text-align: right;
    padding-right: 1em;
    width: 50%;
 }





.tx-team dt.phonev { display:none; }
 .tx-team dt.mailx { display:none; }


.tx-team dd.mailx {
    flex: 1;
    margin: 0;
    padding-left: 1em;
    width: 50%;
}
.tellink i {
    font-size:2.5em;
    padding-top:3px;
} 

.maillink i {
    font-size:2.5em;
} 

.tx-team dd.fax:after {
	content: "\f1ac";
    text-indent: 0px;
	font-family: "FontAwesome";
    float: left;
	font-size:0.875em;
}


.tx-team dd.mobil:after {
	content: "\f10b";
    text-indent: 2px;
	font-family: "FontAwesome";
    float: left;
		font-size:1.375em;

}




.tx-team .tx_team.round dd.mail a:before {
	content: "\f0e0";
    text-indent: 0px;
	font-family: "FontAwesome";
    float: left;
	font-size:0.875em;
    padding-right:0.5em;
}


.tx-team dd.mail a:before {
	content: ".";
    text-indent: 0;
	font-family: "FontAwesome";
    float: left;
	font-size:0;
    padding-right:0;
}



.tx-team dd.mail .no_icon a:before {
    content: "";
    display:none; 
}
 


.tx-team dt.mail { display:none; }
.tx-team dt.mail:after { display:none; }

.tx-team dd {
	margin:0 0 0 1.675em;
    text-align:left;
}

.tx-team dt.mail { width:20px; }


.tx-team img {
    border-radius:50%;
    float:none;
    margin-right:0;
    margin:auto;
}

@media (min-width:530px) {
    .team__fullwidth .teaser__h500 .teaser--fade {
        height: 500px;
    }
}

@media (min-width:768px) {
    .team__fullwidth .teaser__h500 .teaser--fade {
        height: 350px;
    }
}


@media (min-width:1025px) {
    
    .team__fullwidth .teaser__h500 .teaser--fade {
        height: 400px;
    }

    .tx-team ul {
	list-style:none;
	padding:0;
    display:inline-flex;
}
    
    .tx-team ul.round dl {
    display: block;
    width: auto;
}
    
    
    
    .tx-team img { 
        float:left;
        margin-right:1em;
    }

    
    
    .tx-team li {
    list-style: none;
    margin: 0;
    padding: 0 1em 0 1em;
    margin-right: 0.25em;
    margin: auto;
    text-align: left;
    /* max-width: 500px; */
    /* width: auto; */
} 
 
    
    
    
    .tx-team li span {
        margin-top: 0.675em;
        display: inline-block;
        
    }
    .tx-team li span dl {
        padding:0;
    }
    
    
    .tx-team li span dd {
    margin: 0;
    text-align: left;
    }
    
    
    
 
    

.tx-team ul.round dd.phone, 
.tx-team ul.round dd.mail { display:inherit; }


.tx-team dd.phonev, 
.tx-team dd.mailx { display:none; }

    
    

}


































	.caption-style-2{
		list-style-type: none;
		margin: 0px;
		padding: 0px;
		
	}

	.caption-style-2 li{
		float: left;
		padding: 0;
        margin:1em;
		position: relative;
		overflow: hidden;
        
	}

	.caption-style-2 li:hover .caption{
		opacity: 1;
		transform: translateY(-250px);
		-webkit-transform:translateY(-250px);
		-moz-transform:translateY(-250px);
		-ms-transform:translateY(-250px);
		-o-transform:translateY(-250px);
 
	}
        
 


	.caption-style-2 img{
		margin: 0px;
		padding: 0px;
		float: left;
		z-index: 4;
        width:300px;
        height:300px;
	}


 .caption-style-2 li:hover  .blur::after {
            
     content: '';
    position: absolute;
    height: 300px;
    width: 300px;
    background-color: rgba(30, 30, 30, 0.5);
 left:0;
            
            
        }
        
        
	.caption-style-2 .caption{
		cursor: pointer;
		position: absolute;
		opacity: 1;
		top:250px;
		-webkit-transition:all 0.5s ease-in-out;
		-moz-transition:all 0.5s ease-in-out;
		-o-transition:all 0.5s ease-in-out;
		-ms-transition:all 0.5s ease-in-out;
		transition:all 0.5s ease-in-out;

	}
	.caption-style-2 .blursss{
		
		height: 300px;
		width: 300px;
		z-index: 5;
		position: absolute;
	}

        
        
.caption-style-2 .blur {
    height: 300px;
    width: 300px;
    z-index: 5;
    position: absolute;
    top: -250px;
  background: rgba(0,0,0,0.25);
}
        
        
        
     .caption-style-2 li:hover .blur {
    height: 300px;
    width: 300px;
    z-index: 5;
    position: absolute;
    top: 0;
    background: rgba(0,0,0,0.35);
           -webkit-transition: background-color .25s ease;
  -moz-transition: background-color .25s ease;
  -o-transition: background-color .25s ease;
  transition: background-color .25s ease;
}
           
        
        
        
        
        
	.caption-style-2 .caption-text h1{
		text-transform: uppercase;
		font-size: 18px;
	}
	.caption-style-2 .caption-text{
		z-index: 10;
		color: #fff;
		position: absolute;
		width: 300px;
		height: 300px;
		text-align: center;
		top:20px;
	}


@media (min-width:420px) {
    .team_inner {
    width: 100%;
    margin-bottom:1em;
}
} 


@media (min-width:560px) {
    .team_inner {
    width: 49%;
    margin:0.5%;
}
} 

@media (min-width:960px) {
    .team_inner {
    width: 32%;
    margin:0.5%;
}
} 
 
@media (min-width:1100px) {
    .team_inner {
        width: 23%;
        margin:1%;
    }
.team__fullwidth .fauwg .team_inner:nth-child(4n+1) {
    width: 24%;
        margin-left:0;
        margin-right:1%;
    }    
    
 .team__fullwidth .fauwg .team_inner:nth-child(4n+4) {
    width: 24%;
        margin-left:1%;
        margin-right:0;
    }    
    
    
    
    
    
}