/**
 * @license
 * MyFonts Webfont Build ID 3868928, 2020-02-19T09:27:31-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: FuturaLTPro-Book by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/futura/pro-book-2/
 * 
 * Webfont: FuturaLTPro-BookOblique by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/futura/pro-book-oblique-2/
 * 
 * Webfont: FuturaLTPro-Bold by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/futura/pro-bold-2/
 * 
 * 
 * Licensed pageviews: 250,000
 * Webfonts copyright: Copyright © 2014 Monotype Imaging Inc. All rights reserved.
 * 
 * 2020 MyFonts Inc
*/




  
@font-face {font-family: 'FuturaLTPro-Book';src: url('../Fonts/Futura-Pro/3B0900_0_0.eot');src: url('../Fonts/Futura-Pro/3B0900_0_0.eot?#iefix') format('embedded-opentype'),url('../Fonts/Futura-Pro/3B0900_0_0.woff2') format('woff2'),url('../Fonts/Futura-Pro/3B0900_0_0.woff') format('woff'),url('../Fonts/Futura-Pro/3B0900_0_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'FuturaLTPro-BookOblique';src: url('../Fonts/Futura-Pro/3B0900_1_0.eot');src: url('../Fonts/Futura-Pro/3B0900_1_0.eot?#iefix') format('embedded-opentype'),url('../Fonts/Futura-Pro/3B0900_1_0.woff2') format('woff2'),url('../Fonts/Futura-Pro/3B0900_1_0.woff') format('woff'),url('../Fonts/Futura-Pro/3B0900_1_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'FuturaLTPro-Bold';src: url('../Fonts/Futura-Pro/3B0900_2_0.eot');src: url('../Fonts/Futura-Pro/3B0900_2_0.eot?#iefix') format('embedded-opentype'),url('../Fonts/Futura-Pro/3B0900_2_0.woff2') format('woff2'),url('../Fonts/Futura-Pro/3B0900_2_0.woff') format('woff'),url('../Fonts/Futura-Pro/3B0900_2_0.ttf') format('truetype');}
 





 em,  i {
	font-family:'FuturaLTPro-BookOblique';
	font-weight: normal;
	font-style: normal;
}





 strong {
	font-family:'FuturaLTPro-Bold';
    font-weight: normal;
    font-style: normal;
}


body {
   	font-family:'FuturaLTPro-Book';
    font-weight: normal;
    font-style: normal;
	line-height:1.3em;
    font-size: 18px;
}


#language_menu li {display:inline;list-style-type:none;text-transform:lowercase;}

#language_menu a {background:transparent}

#language_menu li:first-of-type::after {
  content:"|";
  font-family:'FuturaLTPro-Book';
    font-weight: normal;
    font-style: normal;
  
}

.language-navigation {padding-top:16px}

.navbar-mainnavigation {
    box-shadow: none;

}

.navbar-transition li li {background-color:white;}

#p2 .navbar-mainnavigation li li {background-color:white;}
#p2 .language-menu a {color:black;}


#p8 .navbar-mainnavigation li li {background-color:white;}
#p8 .language-menu a {color:black;}

#p3 .navbar-mainnavigation li li {background-color:white;}
#p3 .language-menu a {color:black;}

#p27 .navbar-mainnavigation li li {background-color:white;}
#p27 .language-menu a {color:black;}

#p114 .navbar-mainnavigation li li {background-color:white;}
#p114 .language-menu a {color:black;}


.navbar-brand {
  	font-family:'FuturaLTPro-Bold';
    font-weight: normal;
    font-style: normal;
	letter-spacing:1px;
}


.navbar-mainnavigation .navbar-brand {
    text-transform: none;
	font-family:'FuturaLTPro-Bold';
    font-weight: normal;
    font-style: normal;
    padding-right: 0;
    margin-right: 0;
}

#mainnavigation li {
    font-size: 20px;
    font-family:'FuturaLTPro-Bold';
    font-weight: normal;
    font-style: normal;
}

#mainnavigation li li {
    font-size: 14px;
}

.navbar-mainnavigationX .container {
    padding-left: 10px;
    padding-right: 10px;
}


.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default-transition .navbar-nav > li > a:hover, .navbar-default-transition .navbar-nav > li > a:focus, .navbar-default-transition.navbar-transition .navbar-nav > li > a:hover, .navbar-default-transition.navbar-transition .navbar-nav > li > a:focus {
    color: #666;
    text-decoration: none !important;
	border:none !important; 
}

.navbar-default .navbar-nav > li > a, .navbar-default-transition .navbar-nav > li > a, .navbar-default-transition.navbar-transition .navbar-nav > li > a {
    color: #000;
}

.navbar-default .navbar-nav > li li > a, .navbar-default-transition .navbar-nav > li li > a, .navbar-default-transition.navbar-transition .navbar-nav > li li > a {
    color: #000;
}

.navbar-mainnavigation .dropdown-item.active,
.navbar-mainnavigation .dropdown-item:hover,
.navbar-mainnavigation .dropdown-item:focus {
    color: #666;
    text-decoration: none;
    outline: 0;
    background-color: transparent;
}

.dropdown-menu {
    background-color: transparent
}

h1,h2,h3 {
    font-family:'FuturaLTPro-Bold';
    font-weight: normal;
    font-style: normal;
}

.section-light h4 {
margin:0;
padding:0 0 8px 0;
    font-size: 18px;

}




/* Firefox < 19 */
input:-moz-placeholder {
  
   opacity:1;
}
input:focus:-moz-placeholder {
 opacity:0.2;
  
}

/* Firefox > 19 */
input::-moz-placeholder {
   
    opacity:1;
}
input:focus::-moz-placeholder {
    opacity:0.2;
	
}

/* Internet Explorer 10 */
input:-ms-input-placeholder {
 
  opacity:1;
}
input:focus:-ms-input-placeholder {
    opacity:0.2;
	
}


table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
 background-position:center left
}

table.dataTable thead th, table.dataTable thead td {
    padding: 5px 18px;
    
}

.black {
    color: black
}

.black li {
    color: black
}

.white {
    color: white
}

.white li {
    color: white
}

.black a {
    color: black !important;
}

.black a span {
    color: black !important;
}

.white a {
    color: white !important;
}

.white a span  {
    color: white !important;
}

.black input::-webkit-input-placeholder {
    color: black !important;
}

.white input::-webkit-input-placeholder {
    color: white !important;
}



.black span {
    color: black !important;
}

.white span {
    color: white !important;
}


.log {

    font-family:'FuturaLTPro-Bold';

    font-weight: normal;

    font-style: normal;


    font-size: 32px;


}


h2, table th {


    font-family:'FuturaLTPro-Bold';

    font-weight: normal;

    font-style: normal;


}


.navbar-toggle {

    margin-bottom: 0;

    margin-top: 4px

}


.navbar-toggle .icon-bar {


    transition: none;

}


.navbar-toggle:hover .icon-bar:nth-child(3) {

    margin-left: 0;

}


.dropdown-menu > li > a {

    padding: 4px 14px;

}


.lupe .dropdown-menu {

    background: transparent;

}


.dropdown-menu {


    box-shadow: none;

    border: none;

    padding: 0;

}


.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {


    color: #000;


}


.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav >
.active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default-transition
.navbar-nav > .active > a, .navbar-default-transition .navbar-nav > .active > a:hover, .navbar-default-transition .navbar-nav > .active > a:focus, .navbar-default-transition.navbar-transition .navbar-nav > .active > a, .navbar-default-transition.navbar-transition .navbar-nav > .active > a:hover, .navbar-default-transition.navbar-transition .navbar-nav > .active > a:focus {

    background-color: transparent;

    color: #000;


   font-family:'FuturaLTPro-Bold';

    font-weight: normal;

    font-style: normal;

text-decoration:none;

}


.navbar-default {
    background-color: transparent;

}

.navbar-transition {
    background-color: white;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {

    background-color: #fff;

    color: #ccc;

    text-decoration: none;

}


.navbar-default .navbar-toggle .icon-bar, .navbar-default-transition
.navbar-toggle .icon-bar, .navbar-default-transition.navbar-transition
.navbar-toggle .icon-bar {

    background-color: #000;

}


.navbar-header-main .navbar-brand {


    font-family:'FuturaLTPro-Bold';

    font-weight: normal;

    font-style: normal;


    font-size: 28px;


    height: 40px;

    line-height: 40px;

    padding-bottom: 0;

    padding-top: 0;

    text-transform: none;

    transition: opacity 0.15s ease-in-out 0s;

}


.container {
    width: 100%;
}

.Xframe-type-textpic {
    height: 240px;
    width: auto;
    float: left;
    padding-right: 20px;
    display: block;
    position: relative
}

.Xtextpic-item .gallery-item img {
    height: 240px !important;
    width: auto !important;
}

.Xtextpic {
    display: block
}

.Xtextpic-text {
    position: absolute;
    top: 10px;
    left: 10px;
    height: 240px;
}


.navbar-main > li > a {


    text-transform: none;

}


.navbar {
    border: 0;
    min-height: 55px;
}


.navbar-collapse {

}




.navbar-default .navbar-brand,
.navbar-default-transition .navbar-brand,
.navbar-default-transition.navbar-transition .navbar-brand {

    color: black;

}


.dropdown-menu > li > a {line-height:1.1;font-weight:normal}



.carousel-indicators {
    right: 10px;
    width: auto;
    padding-left: 0;
    margin-left: 0;
	margin-right:5px;
	left:auto;
  
}






.carousel .valign .bild {

    display: none;

}


.carousel-small .item {

    height: 280px;


}

.frame-video {display:inline-block;margin-right:20px;margin-top:20px;}

.frame-video .gallery-item img {
   width:auto;
    height: 140px;
 
}


.card-group-element {margin:0;}


.card-group-element-item {
    position: relative;
    float: left;
    margin-left: 20px;
    margin-top: 20px;
    height: 240px;
	width:auto;
	padding:0;
}

.card-group-element-item .card {
  height: auto;
}

 .card-group-element-columns-4 .card-group-element-item {
  width:auto;
 }


.card-body {
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    height: 100%;
	width:100%;
    display: none;
    background: rgba(0, 0, 0, 0.7);
	padding:0;
}

.card-body h5 {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 18px;
    padding: 0;
    margin: 10px;
    border-bottom: 1px solid white;
}


.card-group-element-item h3 {


    font-family:'FuturaLTPro-Bold';

    font-weight: normal;

    font-style: normal;

    font-size: 20px;

    color: white;
    position: absolute;
    z-index: 444;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 10px;
}

.card-body h4 {
    color: white;
    padding-left: 10px;
    padding-right: 10px
}

.card-body p {
    font-size: 18px;
    color: white;
    padding-left: 10px;
    padding-right: 10px;
    margin: 0;
    padding-top: 3px;
    padding-bottom: 3px;
    line-height: 1.1em
}

.card-body p:first-of-type {
    padding-top: 120px;
}


.card-img-top img {
    height: 240px;
    width: auto;
    transition-duration: 1s;
}

.card {
    display: block;
    border: none;
	height:auto;
}



.publikationen {

    padding: 15px

}


.publikationen .frame-default {

    width: 100%;

    height: auto;

}


.team p {

    font-size: 16px;

}


.team figure {

    margin-bottom: 5px;

}


.team a {

    color: black

}


.team .frame-default {


    height: auto;

    width: auto;

    margin-bottom: 25px;

    margin-right: 0;


}


.team .gallery-item figure img {


    height: auto;

    width: auto;


}


.knoepfe {
    margin-top: 90px;
}


.knoepfe li {

    list-style-type: none;

    display: block;

    margin-right: 10px;

}


.knoepfe ul {

    float: none;

    padding-left: 2px;


}


.knoepfe-trenn {

    display: none;

}


#news-container-1 {

    padding-top: 60px;

}


#news-container-162 .grid {

    padding-top: 5px;

    padding-left: 5px;

    padding-right: 5px

}

@media (max-width: 480px) {
.filtertrenner {color:white;}

.carousel-fullscreen .item  {

height:270px;

}

}



@media (min-width: 480px) {


    .team .frame-default {


        float: left;

        height: 360px;

        width: auto;

        margin-bottom: 25px;

        margin-right: 10px;


    }


    .team .gallery-item figure img {


        height: 200px;

        width: auto;

        -moz-transition: all 0.5s;

        -webkit-transition: all 0.5s;

        transition: all 0.5s;

    }


    #news-container-1 .grid {

        padding-left: 15px;

        padding-right: 10px

    }


    #news-container-162 .grid {

        padding-top: 0px;

        padding-left: 5px;

        padding-right: 0

    }


    .publikationen .frame-default {

    }


    .knoepfe-trenn {

        display: block;

        clear: both;

    }


    .knoepfe ul {

        float: right;

        padding-left: 0;

        margin-left: 0;

    }


    .knoepfe li {

        list-style-type: none;

        display: inline;

        margin-right: 20px;

    }

}


.navbar-toggler {
    position: absolute;
    top: 4px;
    left: 15px;
}

.navbar-mainnavigation .navbar-nav {
    margin-left: 35px;
    padding-right: 200px;
    margin-top: 4px
}




.navbar-mainnavigation .navbar-brand {
    font-size: 26px;
    line-height: 26px;
    height: 62px;
}

.navbar-mainnavigation .nav-link {
    padding-top: 4px;
    padding-bottom: 4px;
}






@media (max-width: 990px) {
		
		
		#language_menu {position:absolute;top:50px;right:20px;}
		
	
    .navbar-brand {
        position: absolute;
        right: 20px;
        top: 0;
    }

    #mainnavigation {
        background-color: white;
    }

    .navbar-mainnavigation .navbar-nav {
        display: block;
    }

}


.nav-item.searchbox form input {
    border: none;
    background-color: transparent;
    line-height:30px;
    padding: 0;
    float: left;
	width:200px;
}

.navbar-nav > li > a {
    line-height: 25px;
}


@media (min-width: 990px) {
	
	.navbar {
    
    min-height: 75px;
}
	
	.nav-item.searchbox form input {
   
   line-height:56px;
	width:140px;
}
	
	
	.navbar-nav > li > a {
    line-height: 40px;
}

.navbar-mainnavigation .navbar-nav {
    margin-left: 35px;
    padding-right: 35px;
    margin-top: 4px
}

    .navbar-mainnavigation .nav-link {
        padding-top: 8px;
        padding-bottom: 8px;
    }

    #mainnavigation li {
        font-size: 40px;
    }

    #mainnavigation li li {
        font-size: 20px;
    }

    .navbar-mainnavigation .navbar-brand {
        font-size: 40px;
        line-height: 40px;
        
    }
}


.navbar-nav .open .dropdown-menu > li > a {

    line-height: 18px;

}


.navbar-main > li > .navbar-text, .navbar-main > li > a {

    line-height: 30px;

    padding: 0 0 0 20px;

}


.news-single .news-text-wrap p {
    padding-bottom: 12px;
    padding-top: 0;
    font-size: 18px;
    line-height: 1.3em;
    margin: 0;
}


@media (min-width: 992px) {
	
	.news-single .news-text-wrap p {
		padding-right:40%;
   
}
	


    .navbar-mainnavigation .nav-link {
        margin-left: 0;
        margin-right: 15px;

        padding-left: 0;
    }

    .navbar-mainnavigation {
        box-shadow: none;

    }


    .navbar-main > li > .navbar-text, .navbar-main > li > a {


        line-height: 30px;

        padding: 5px 0 0 15px;


    }


    .navbar-transition .navbar-header-main .navbar-brand, .navbar-transition .navbar-main > li >
    .navbar-text, .navbar-transition .navbar-main > li > a {

        height: 30px;

        line-height: 40px;

        padding-top: 0;


    }


    .carousel-small .item {

        height: 500px;

    }

}


@media (min-width: 1200px) {


    .carousel-small .item {

        height: 600px;

    }

}





.valign > .vcontainer {

    display: table-cell;

    vertical-align: bottom;

    width: 100%;


}


.section-default {

    clear: both;

    display: block

}


.section-default h2 {

    padding-top: 10px;

}


.section-light p {

    padding-right: 0;

}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td
{vertical-align:middle !important;}	

.table td a {color:black;}

#p10 .table td a {
 color:white;
    
    background: url("pdf-icon/querkraft-pdf-icon.jpg") no-repeat;
   background-size:24px auto;
   background-position:0px 5px;
   padding:7px;
   font-size:15px;

	}

#p10 .table td a:hover {color:white !important;}	
	

.table-responsive table {

    width: 100%;

    margin-top: 20px

}


.carousel .item .valign {

    width: 100%;

}

.related-menu-item,
.isotope .item {
    width: 100%;
    float: left;
    height: auto;
    position: relative;
	margin-bottom:20px;
	margin-right:20px;

}


.related-menu-item img,
    .thu-image img {
        width: 100%;
        height: auto;
    }

.thumbnail-menu-caption-subtitle {
    opacity: 1;
}

.thumbnail-menu-caption-title {
    opacity: 1;
}


.carousel .item .valign h1 {
    padding-left: 0;
    padding-bottom: 12px;
    font-size: 20px;
    padding-right: 50px;
}

.carousel .item .valign p {
    padding-left: 0;
    padding-bottom:5px;
	margin-bottom:0;
    font-size: 14px;
    padding-right: 20px;
}


.news-single h1 {
    font-size: 20px;
    padding-top: 30px;
	padding-bottom:10px;
    margin-top: 0;
    line-height: 20px;
}



@media (min-width: 500px) {
	
	
	.carousel .item .valign h1 {
    padding-left: 15px;
    padding-bottom: 15px;
    font-size: 40px;
}

.carousel .item .valign p {
    padding-left: 15px;
    
    font-size: 18px;
}

.related-menu-item,
    .isotope .item {

        margin-right: 20px;
        margin-bottom: 20px;

        width: auto;

        float: left;

        height: 200px;

    }

.related-menu-item img,
    .thu-image img {
        width: auto;
        height: 200px;
    }


}


@media (min-width: 768px) {

.related-menu-item,
    .isotope .item {

        width: auto;

        float: left;

        height: 200px;

    }

.related-menu-item img,
    .thu-image img {
        width: auto;
        height: 200px;
    }


    .section-light p {

        font-size: 18px

    }


   


    .table-responsive {

        font-size: 18px;

    }
	
	.table-responsive p {margin:0;padding:0;}


    .publikationentabelle .table-responsive {

        width: 100%

    }


   


    .footer-section p {

        font-size: 18px

    }


    .carousel .item .valign {

        width: 100%;

    }

}


@media (min-width: 992px) {
	
	
	.news-single h1 {
    font-size: 24px;
    padding-top: 0;
    margin-top: 0;
    line-height: 24px;
}

   

    .publikationentabelle .table-responsive {
        width: 100%
    }


    .carousel .item .valign {
        width: 100%;
    }

}


@media (min-width: 1200px) {


    .carousel .item .valign {

        width: 100%;

    }

}


@media (min-width: 1400px) {


}


.section {

    padding-bottom: 0;

    padding-top: 0;

}


.section-default {

    background-color: white;

    color: black;

    padding-left: 20px;

    padding-right: 20px

}


.section-light {

    background-color: white;

    color: black;

    padding-left: 20px;

    padding-right: 20px

}


.gallery-item {

    float: none;

    padding-left: 0;

    padding-right: 0;

}




.well, .frame-well {

    background-color: #fff;

    border: 0;

    border-radius: 0;

    box-shadow: 0;

    margin-bottom: 5px;

    min-height: 100px;

    height: 100px;

    padding: 0 10px 0 0;

    float: left;


}


.frame-well img {

    width: auto;

    height: 100px;

}


.frame {

    padding-bottom: 0;

    padding-top: 0;

}


.frame-swiper-container-swiper1, .frame-swiper-container-swiper2 {


}


.swiper-container {

    width: 100%;

}


.swiper1 .swiper-slide, .swiper2 .swiper-slide {
    float: left;
    text-align: center;
    font-size: 18px;
    background: #fff;
    width: auto;
    height: 100px;
}


.news-single .swiper-slide {
    float: left;
    text-align: center;
    background: #fff;
    width: auto;
    height: 100px;
}

.news-single .textpic-item .swiper-slide {
    float: left;
    text-align: center;
    background: #fff;
    width: 100%;
    height: auto;
}

.news-single .swiper-slide img {
    width: auto;
    height: 100px;
    padding-left: 0;
    padding-right: 20px;
    padding-top: 20px;
}


.news-single .textpic-item  .swiper-slide img {
    width: 100%;
    height: auto;
    padding-left: 0;
    padding-right: 20px;
	padding-top:0;
    
}




.swiper1 .swiper-slide img, .swiper2 .swiper-slide img {
    width: auto;
    height: 100px;
    padding-left: 0;
    padding-right: 20px;
    padding-top: 20px;
}


.carousel-text h1 {

    color: white;

    font-size: 24px

}


.section-light h2, .section-primary h2, .section-default h2 {

    font-size: 16px

}


@media (min-width: 768px) {


    .media {

        padding-right: 25%

    }


    .service-box-text {

        max-width: 1000px;

        margin: 0 10% 0 0

    }


    .service-box-text p {

        font-size: 16px;

        margin-top: 0;

        padding-top: 0;

        padding-bottom: 10px;

    }


    .service-box td {

        font-size: 16px;

    }


    .service-box {

        max-width: 1000px;

        margin: 20px 10% 0 0

    }


    .ueberschrift {

        position: absolute;

        bottom: 0;

        z-index: 5;

        text-align: left;

        width: 100%

    }


    .carousel-text h1 {

        color: white;

        font-size: 24px

    }


    .section-light h2, .section-primary h2, .section-default h2 {

        font-size: 20px

    }


    #fotos h2 {

        padding-top: 0;

        margin-top: 10px;

        margin-bottom: 5px

    }


    #plaene h2, #video h2 {

        padding-top: 0;

        margin-top: 0px;

        margin-bottom: 5px

    }


    #info h2 {

        padding-top: 0;

        margin-top: 0;

        margin-bottom: 0

    }


    #video img {

        height: 100px;

        width: auto;

        margin-right: 5px

    }


    .swiper-container {

        width: 100%;


    }


    .swiper1 .swiper-slide, .swiper2 .swiper-slide {

        text-align: center;

        font-size: 18px;

        background: #fff;

        width: auto;

        height: 140px;

    }


    .swiper1 .swiper-slide img, .swiper2 .swiper-slide img {

        width: auto;

        height: 140px;

    }



.news-single .swiper-slide {
    float: left;
    text-align: center;
    background: #fff;
    width: auto;
    height: 140px;
}

.news-single .textpic-item .swiper-slide {
    float: left;
    text-align: center;
    background: #fff;
    width: 100%;
    height: auto;
}

.news-single .swiper-slide img {
    width: auto;
    height: 140px;
    padding-left: 0;
    padding-right: 20px;
    padding-top: 20px;
}


.news-single .textpic-item  .swiper-slide img {
    width: 100%;
    height: auto;
    padding-left: 0;
    padding-right: 20px;
	padding-top:0;
    
}







}


@media (min-width: 1300px) {


    .service-box-text {

        max-width: 1000px;

        margin: 0 20% 0 0

    }


    .service-box {

        max-width: 1000px;

        margin: 0 20% 0 0

    }


    .service-box-text p {

        font-size: 18px;

        margin-top: 0;

        padding-top: 0;

        padding-bottom: 10px;

    }


    .service-box td {

        font-size: 18px;

    }


    .ueberschrift {

        position: absolute;

        bottom: 0;

        z-index: 5;

        text-align: left;

        width: 100%

    }


    .carousel-text h1 {

        color: white;

        font-size: 24px

    }


    .section-light h2, .section-primary h2, .section-default h2 {

        font-size: 20px

    }


    h2 {

        font-size: 20px

    }


    #fotos h2 {

        padding-top: 0;

        margin-top: 10px;

        margin-bottom: 5px

    }


    #plaene h2, #video h2 {

        padding-top: 0;

        margin-top: 0px;

        margin-bottom: 5px

    }


    #info h2 {

        padding-top: 0;

        margin-top: 0;

        margin-bottom: 0

    }


    #video img {

        height: 100px;

        width: auto;

        margin-right: 5px

    }


    .swiper-container {

        width: 100%;

    }


    .swiper1 .swiper-slide, .swiper2 .swiper-slide {

        text-align: center;

        font-size: 18px;

        background: #fff;


        width: auto;

        height: 140px;

    }


    .swiper1 .swiper-slide img, .swiper2 .swiper-slide img {

        width: auto;

        height: 140px;

    }








}


.scroll-top {

    display: none;

}


.container-fluid {

    padding: 0

}


.navbar .container-fluid {

    padding-left: 20px;

    padding-right: 20px;

}


.table-responsive {
    border: 0;
    margin-bottom: 0;

}


.section-light .table-responsive td {

border-top:none;

    border-bottom: 1px solid black;

    padding-bottom: 5px;

    padding-top: 5px;

    vertical-align: top;

    width: 50%;

}

.archive-pagelink {
    display: inline-block
}

.table-archive td {
    vertical-align: middle;
	
}

.table-archive tr {
    border-top: 10px solid white;
   
}

.table-archive tr:nth-child(odd) {
    
}

.table-archive td img {
    height: 120px;
    width: auto;
    padding-top: 10px;
    padding-bottom: 10px;
}

.table-archive th {
   font-family:'FuturaLTPro-Bold';
    font-weight: normal;
    font-style: normal;
}

.table-archive td span:nth-of-type(2) {
    padding-left: 10px;
    margin-left: 10px;
    border-left: 1px solid #ccc;
    display: inline-block
}

table.dataTable thead th, table.dataTable thead td {
    background-color: white !important;
    border-bottom: none;
}


.table.dataTable.no-footer {
    border-bottom: none;
}

table.dataTable tbody th, table.dataTable tbody td {
    padding: 0;
    border-bottom: 1px solid black;
}


.footer-section {

    padding-top: 30px;

    background: #fff;

    color: #000;

}


.footer-section p {

    padding-left: 20px

}


.main-section, #content {

    margin-top: 0;

    padding-top: 0

}


header {

    margin-bottom: 0;

    padding-bottom: 0

}


.body-bg-top {

    padding-top: 0;

}


@media (min-width: 992px) {

    .body-bg-top {


    }

}


@media (min-width: 992px) {

    .body-bg-bottom {


    }

}


/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */

/*

  Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)

*/

/* pswp = photoswipe */

.pswp {

    display: none;

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    overflow: hidden;

    -ms-touch-action: none;

    touch-action: none;

    z-index: 900;

    -webkit-text-size-adjust: 100%;

    /* create separate layer, to avoid paint on window.onscroll in webkit/blink */

    -webkit-backface-visibility: hidden;

    outline: none;

}


.pswp * {

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

}


.pswp img {

    max-width: none;

}


/* style is added when JS option showHideOpacity is set to true */

.pswp--animate_opacity {

    /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */

    opacity: 0.001;

    will-change: opacity;

    /* for open/close transition */

    -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);

    transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);

}


.pswp--open {

    display: block;

}


.pswp--zoom-allowed .pswp__img {

    /* autoprefixer: off */

    cursor: -webkit-zoom-in;

    cursor: -moz-zoom-in;

    cursor: zoom-in;

}


.pswp--zoomed-in .pswp__img {

    /* autoprefixer: off */

    cursor: -webkit-grab;

    cursor: -moz-grab;

    cursor: grab;

}


.pswp--dragging .pswp__img {

    /* autoprefixer: off */

    cursor: -webkit-grabbing;

    cursor: -moz-grabbing;

    cursor: grabbing;

}


/*

  Background is added as a separate element.

  As animating opacity is much faster than animating rgba() background-color.

*/

.pswp__bg {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: #fff;

    opacity: 0;

    transform: translateZ(0);

    -webkit-backface-visibility: hidden;

    will-change: opacity;

}


.pswp__scroll-wrap {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    overflow: hidden;

}


.pswp__container,
.pswp__zoom-wrap {

    -ms-touch-action: none;

    touch-action: none;

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

}


/* Prevent selection and tap highlights */

.pswp__container,
.pswp__img {

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    -webkit-tap-highlight-color: transparent;

    -webkit-touch-callout: none;

}


.pswp__zoom-wrap {

    position: absolute;

    width: 100%;

    -webkit-transform-origin: left top;

    -ms-transform-origin: left top;

    transform-origin: left top;

    /* for open/close transition */

    -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);

    transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);

}


.pswp__bg {

    will-change: opacity;

    /* for open/close transition */

    -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);

    transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);

}


.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {

    -webkit-transition: none;

    transition: none;

}


.pswp__container,
.pswp__zoom-wrap {

    -webkit-backface-visibility: hidden;

}


.pswp__item {

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    overflow: hidden;

}


.pswp__img {

    position: absolute;

    width: auto;

    height: auto;

    top: 0;

    left: 0;

}


/*

  stretched thumbnail or div placeholder element (see below)

  style is added to avoid flickering in webkit/blink when layers overlap

*/

.pswp__img--placeholder {

    -webkit-backface-visibility: hidden;

}


/*

  div element that matches size of large image

  large image loads on top of it

*/

.pswp__img--placeholder--blank {

    background: #222;

}


.pswp--ie .pswp__img {

    width: 100% !important;

    height: auto !important;

    left: 0;

    top: 0;

}


/*

  Error message appears when image is not loaded

  (JS option errorMsg controls markup)

*/

.pswp__error-msg {

    position: absolute;

    left: 0;

    top: 50%;

    width: 100%;

    text-align: center;

    font-size: 14px;

    line-height: 16px;

    margin-top: -8px;

    color: #CCC;

}


.pswp__error-msg a {

    color: #CCC;

    text-decoration: underline;

}


/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */

/*



  Contents:



  1. Buttons

  2. Share modal and links

  3. Index indicator ("1 of X" counter)

  4. Caption

  5. Loading indicator

  6. Additional styles (root element, top bar, idle state, hidden state, etc.)



*/

/*

  

  1. Buttons



 */

/* <button> css reset */

.pswp__button {

    width: 44px;

    height: 44px;

    position: relative;

    background: none;

    cursor: pointer;

    overflow: visible;

    -webkit-appearance: none;

    display: block;

    border: 0;

    padding: 0;

    margin: 0;

    float: right;

    opacity: 0.75;

    -webkit-transition: opacity 0.2s;

    transition: opacity 0.2s;

    -webkit-box-shadow: none;

    box-shadow: none;

}


.pswp__button:focus,
.pswp__button:hover {

    opacity: 1;

}


.pswp__button:active {

    outline: none;

    opacity: 0.9;

}


.pswp__button::-moz-focus-inner {

    padding: 0;

    border: 0;

}


/* pswp__ui--over-close class it added when mouse is over element that should close gallery */

.pswp__ui--over-close .pswp__button--close {

    opacity: 1;

}


.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {

    background: url(pfeile/default-skin.png) 0 0 no-repeat;

    background-size: 264px 88px;

    width: 44px;

    height: 44px;

}


@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {

    /* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
    .pswp--svg .pswp__button,
    .pswp--svg .pswp__button--arrow--left:before,
    .pswp--svg .pswp__button--arrow--right:before {

        background-image: url(pfeile/default-skin.png);

    }


    .pswp--svg .pswp__button--arrow--left,
    .pswp--svg .pswp__button--arrow--right {

        background: none;

    }

}


.pswp__button--close {

    background-position: 0 -44px;

}


.pswp__button--share {

    display: none;

    background-position: -44px -44px;

}


.pswp__button--fs {

    display: none;

}


.pswp--supports-fs .pswp__button--fs {

    display: none;

    display: block;

}


.pswp--fs .pswp__button--fs {

    display: none;

    background-position: -44px 0;

}


.pswp__button--zoom {

    display: none;

    background-position: -88px 0;

}


.pswp--zoom-allowed .pswp__button--zoom {

    display: none;

    display: block;

}


.pswp__button pswp__button--fs {

    display: none;

}


.pswp--zoomed-in .pswp__button--zoom {

    display: none;

    background-position: -132px 0;

}


/* no arrows on touch screens */

.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {

    visibility: hidden;

}


/*

  Arrow buttons hit area

  (icon is added to :before pseudo-element)

*/

.pswp__button--arrow--left,
.pswp__button--arrow--right {

    background: none;

    top: 0;

    margin-top: -50px;

    width: 50%;

    height: 100%;

    position: absolute;

}


.pswp__button--arrow--left {


    cursor: url(pfeile/pfeil-links.png), auto;


    left: 0;

}


.pswp__button--arrow--right {

    right: 0;


    cursor: url(pfeile/pfeil-rechts.png), auto;


}


.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {

    content: '';

    top: 35px;

    background-color: rgba(0, 0, 0, 0.3);

    height: 30px;

    width: 32px;

    position: absolute;

}


.pswp__button--arrow--left:before {

    left: 6px;

    background-position: -138px -44px;

}


.pswp__button--arrow--right:before {

    right: 6px;

    background-position: -94px -44px;

}


/*



  2. Share modal/popup and links



 */

.pswp__counter,
.pswp__share-modal {

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

}


.pswp__share-modal {

    display: block;

    background: rgba(0, 0, 0, 0.5);

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    padding: 10px;

    position: absolute;

    z-index: 1600;

    opacity: 0;

    -webkit-transition: opacity 0.25s ease-out;

    transition: opacity 0.25s ease-out;

    -webkit-backface-visibility: hidden;

    will-change: opacity;

}


.pswp__share-modal--hidden {

    display: none;

}


.pswp__share-tooltip {

    z-index: 1620;

    position: absolute;

    background: #FFF;

    top: 56px;

    border-radius: 2px;

    display: block;

    width: auto;

    right: 44px;

    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);

    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);

    -webkit-transform: translateY(6px);

    -ms-transform: translateY(6px);

    transform: translateY(6px);

    -webkit-transition: -webkit-transform 0.25s;

    transition: transform 0.25s;

    -webkit-backface-visibility: hidden;

    will-change: transform;

}


.pswp__share-tooltip a {

    display: block;

    padding: 8px 12px;

    color: #000;

    text-decoration: none;

    font-size: 14px;

    line-height: 18px;

}


.pswp__share-tooltip a:hover {

    text-decoration: none;

    color: #000;

}


.pswp__share-tooltip a:first-child {

    /* round corners on the first/last list item */

    border-radius: 2px 2px 0 0;

}


.pswp__share-tooltip a:last-child {

    border-radius: 0 0 2px 2px;

}


.pswp__share-modal--fade-in {

    opacity: 1;

}


.pswp__share-modal--fade-in .pswp__share-tooltip {

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

}


/* increase size of share links on touch devices */

.pswp--touch .pswp__share-tooltip a {

    padding: 16px 12px;

}


a.pswp__share--facebook:before {

    content: '';

    display: block;

    width: 0;

    height: 0;

    position: absolute;

    top: -12px;

    right: 15px;

    border: 6px solid transparent;

    border-bottom-color: #FFF;

    -webkit-pointer-events: none;

    -moz-pointer-events: none;

    pointer-events: none;

}


a.pswp__share--facebook:hover {

    background: #3E5C9A;

    color: #FFF;

}


a.pswp__share--facebook:hover:before {

    border-bottom-color: #3E5C9A;

}


a.pswp__share--twitter:hover {

    background: #55ACEE;

    color: #FFF;

}


a.pswp__share--pinterest:hover {

    background: #CCC;

    color: #CE272D;

}


a.pswp__share--download:hover {

    background: #DDD;

}


/*



  3. Index indicator ("1 of X" counter)



 */

.pswp__counter {

    position: absolute;

    left: 7px;

    top: 0;

    height: 44px;

    font-size: 13px;

    line-height: 44px;

    color: #000;

    opacity: 0.75;

    padding: 0 10px;

    font-size: 18px;

}


/*

  

  4. Caption



 */

.pswp__caption {

    display: none;

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    min-height: 44px;

}


.pswp__caption small {

    font-size: 11px;

    color: #BBB;

}


.pswp__caption__center {

    text-align: left;

    max-width: 420px;

    margin: 0 auto;

    font-size: 13px;

    padding: 10px;

    line-height: 20px;

    color: #CCC;

}


.pswp__caption--empty {

    display: none;

}


/* Fake caption element, used to calculate height of next/prev image */

.pswp__caption--fake {

    visibility: hidden;

}


/*



  5. Loading indicator (preloader)



  You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR



 */

.pswp__preloader {

    width: 44px;

    height: 44px;

    position: absolute;

    top: 0;

    left: 50%;

    margin-left: -22px;

    opacity: 0;

    -webkit-transition: opacity 0.25s ease-out;

    transition: opacity 0.25s ease-out;

    will-change: opacity;

    direction: ltr;

}


.pswp__preloader__icn {

    width: 20px;

    height: 20px;

    margin: 12px;

}


.pswp__preloader--active {

    opacity: 1;

}


.pswp__preloader--active .pswp__preloader__icn {

    /* We use .gif in browsers that don't support CSS animation */

    background: url(preloader.gif) 0 0 no-repeat;

}


.pswp--css_animation .pswp__preloader--active {

    opacity: 1;

}


.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {

    -webkit-animation: clockwise 500ms linear infinite;

    animation: clockwise 500ms linear infinite;

}


.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {

    -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;

    animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;

}


.pswp--css_animation .pswp__preloader__icn {

    background: none;

    opacity: 0.75;

    width: 14px;

    height: 14px;

    position: absolute;

    left: 15px;

    top: 15px;

    margin: 0;

}


.pswp--css_animation .pswp__preloader__cut {

    /*

        The idea of animating inner circle is based on Polymer ("material") loading indicator

         by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html

      */

    position: relative;

    width: 7px;

    height: 14px;

    overflow: hidden;

}


.pswp--css_animation .pswp__preloader__donut {

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    width: 14px;

    height: 14px;

    border: 2px solid #FFF;

    border-radius: 50%;

    border-left-color: transparent;

    border-bottom-color: transparent;

    position: absolute;

    top: 0;

    left: 0;

    background: none;

    margin: 0;

}





@media screen and (max-width: 1024px) {

    .pswp__preloader {

        position: relative;

        left: auto;

        top: auto;

        margin: 0;

        float: right;

    }

}


@-webkit-keyframes clockwise {

    0% {

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg);

    }

    100% {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg);

    }

}


@keyframes clockwise {

    0% {

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg);

    }

    100% {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg);

    }

}


@-webkit-keyframes donut-rotate {

    0% {

        -webkit-transform: rotate(0);

        transform: rotate(0);

    }

    50% {

        -webkit-transform: rotate(-140deg);

        transform: rotate(-140deg);

    }

    100% {

        -webkit-transform: rotate(0);

        transform: rotate(0);

    }

}


@keyframes donut-rotate {

    0% {

        -webkit-transform: rotate(0);

        transform: rotate(0);

    }

    50% {

        -webkit-transform: rotate(-140deg);

        transform: rotate(-140deg);

    }

    100% {

        -webkit-transform: rotate(0);

        transform: rotate(0);

    }

}


/*

  

  6. Additional styles



 */

/* root element of UI */

.pswp__ui {

    -webkit-font-smoothing: auto;

    visibility: visible;

    opacity: 1;

    z-index: 1550;

}


/* top black bar with buttons and "1 of X" indicator */

.pswp__top-bar {

    position: absolute;

    left: 0;

    top: 70px;

    height: 44px;

    z-index: 2000;

    width: 100%;

}


.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {

    -webkit-backface-visibility: hidden;

    will-change: opacity;

    -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);

    transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);

}


/* pswp--has_mouse class is added only when two subsequent mousemove events occur */

.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {

    visibility: visible;

}


.pswp__top-bar,
.pswp__caption {

    background: transparent

}


/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */

.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {

    background-color: rgba(0, 0, 0, 0);

}


/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */

.pswp__ui--idle .pswp__top-bar {

    opacity: 0;

}


.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {

    opacity: 0;

}


/*

  pswp__ui--hidden class is added when controls are hidden

  e.g. when user taps to toggle visibility of controls

*/

.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {

    /* Force paint & create composition layer for controls. */

    opacity: 0.001;

}


/* pswp__ui--one-slide class is added when there is just one item in gallery */

.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {

    display: none;

}


.pswp__element--disabled {

    display: none !important;

}


.pswp--minimal--dark .pswp__top-bar {

    background: none;

}


.zusatz {

    display: none;

}

#p368 a,
.neues a {

    color: black

}

.neues a:hover,
#p368 a:hover {
    color:#666;
}


.kopf .valign > .vcontainer > h1 {

}


.neues h2 {

    padding-left: 10px

}


.element-item .bild {

    overflow: hidden;

}


.element-item .bild img {

    -moz-transition: all 0.5s;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

}


.element-item .bild:hover img {

    -moz-transform: scale(1.3);

    -webkit-transform: scale(1.3);

    transform: scale(1.3);

}


.publikationen .gallery-item figure {

    border: 1px solid black;

    overflow: hidden;

    margin-bottom: 1px

}


.teamX .gallery-item figure {

    overflow: hidden;

    margin-bottom: 1px

}


.publikationen .gallery-item figure img {


    height: 200px;

    width: auto;

    -moz-transition: all 0.5s;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

}


.publikationen .gallery-item figure:hover img {

    -moz-transform: scale(1.3);

    -webkit-transform: scale(1.3);

    transform: scale(1.3);

}


.grid {

    width: 100%;


}


.isotope .element-item {

    height: auto;

    width: 100%;

    vertical-align: top;

    margin: 5px;

    color: #fff;

    text-align: left;


    float: left;

    -moz-transition: all 1s ease;

    -webkit-transition: all 1s ease;

    -o-transition: all 1s ease;

    transition: all 1s ease;


}


.grid .element-item {

    height: auto;

    width: 100%;

    vertical-align: top;

    margin: 5px;

    color: #fff;

    text-align: left;


    float: left;

    -moz-transition: all 1s ease;

    -webkit-transition: all 1s ease;

    -o-transition: all 1s ease;

    transition: all 1s ease;


}


.grid .element-item img {

    height: auto;

    width: 100%;

}


.nt {

    height: 200px;

    width: 100%;

}


.nt-inside {

    padding: 10px;

    text-align: left;

    font-size: 16px;

    line-height: 1.2em;

}


.related-menu-item img,
.thu-image img {
    width: 100%;
    height: auto;
}



.related-menu-caption,
.thumbnail-menu-caption {
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    padding: 0;
    text-align: left;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
	display:block;
}

.related-menu-caption:hover,
.thumbnail-menu-caption:hover {
    transition: visibility 0s 0.2s, opacity 1s linear;
    opacity: 1
}



.related-menu-caption h3,
.thumbnail-menu-caption h3 {
   
    font-weight: normal;
    font-style: normal;
    font-size: 20px;
    padding-top: 0;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0;
}


.frame-container {
    max-width: 4000px;
    padding: 0
}


.thumbnail-menu-caption-title {
    margin-bottom: 0;
}

thumbnail-menu-caption-subtitle {
    line-height: 1
}




.related-menu-caption h2, 
.thumbnail-menu-caption h2 {

    font-weight: normal;
    font-style: normal;
    font-size: 40px;
    padding-top: 20px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 5px;
    margin: 0;

}


#c95 {
    margin-top: 0;
	margin-left:20px;
	margin-right:20px;
}

@media screen and (min-width: 568px) {
	
	#c95 {
    margin-top: 30px;
	margin-left:20px;
	margin-right:20px;
}
	
	
	.related-menu-caption h2, 
.thumbnail-menu-caption h2 {

    padding-top: 110px;

}
	
	
	
	
	
	
.related-menu-item img,
    .thu-image img {
        width: auto;
        height: 200px;
    }

    .grid .element-item {

        height: 160px;

        width: auto;

        vertical-align: top;

        margin: 5px;

        color: #fff;

        text-align: left;


        float: left;

        -moz-transition: all 1s ease;

        -webkit-transition: all 1s ease;

        -o-transition: all 1s ease;

        transition: all 1s ease;


    }


    .grid .element-item img {

        height: 140px;

        width: auto;

    }


    .isotope .element-item {

        height: auto;

        width: 33.3333%;

        vertical-align: top;

        margin: 0;

        color: #fff;

        text-align: left;


        float: left;

        -moz-transition: all 1s ease;

        -webkit-transition: all 1s ease;

        -o-transition: all 1s ease;

        transition: all 1s ease;


    }


    .nt {

        height: 140px;

        width: auto;

        max-width: 200px;

    }


    .nt-inside {

        padding: 10px;

        text-align: left;

        font-size: 16px

    }


    .nt a:link {

        color: white;

        font-size: 16px

    }


    .pro-cap {

        background-color: white;

        width: 100%;

        color: black;

        text-align: left;

        position: absolute;

        bottom: 0;

        z-index: 666;

        height: 20px;

        font-size: 16px;

    }


}


@media screen and (min-width: 992px) {


    .grid .element-item {

        height: 200px;

        width: auto;

        vertical-align: top;

        margin: 5px;

        color: #fff;

        text-align: left;


        float: left;

        -moz-transition: all 1s ease;

        -webkit-transition: all 1s ease;

        -o-transition: all 1s ease;

        transition: all 1s ease;


    }


    .grid .element-item img {

        height: 170px;

        width: auto;

    }


    .isotope .element-item {

        height: auto;

        width: 25%;

        vertical-align: top;

        margin: 0;

        color: #fff;

        text-align: left;


        float: left;

        -moz-transition: all 1s ease;

        -webkit-transition: all 1s ease;

        -o-transition: all 1s ease;

        transition: all 1s ease;


    }


    .nt {

        height: 170px;

        width: 170px

    }


    .nt-inside {

        padding: 10px;

        text-align: left;

        font-size: 18px

    }


    .nt a:link {

        color: white;

        font-size: 18px

    }


}


.sort-news {

    background-color: #666;

}


.pro-cap {

    background-color: white;

    width: 100%;

    color: black;

    text-align: left;

    position: absolute;

    bottom: 0;

    z-index: 666;

    height: 30px;

    font-size: 18px;

}


.img-dummy {

    display: none;

}


.nt {

    background-color: #999;


    -moz-transition: all .5s ease-in;

    -o-transition: all .5s ease-in;

    -webkit-transition: all .5s ease-in;

    transition: all .5s ease-in;


}


.nt:hover {

    background-color: red;

}


.nt p {

    color: white;

}


.swi-ende, .frame-ruler-after {

    clear: both;

    display: block;

    border: 0;

    color: white;

}


.frame-ruler-after hr {
    color: white;
    border: 0;
    padding-bottom: 8px;
	clear:both;
}



.plaene-serie, .foto-serie {

    padding-left: 20px;

    padding-right: 20px

}


.plaene-headline h2, .fotos-headline h2 {

    color: black;

    margin-left: 20px;

    padding-top: 10px

}


.publikationen h2 {

    margin: 0;

    padding: 0;

    font-size: 18px

}


.publikationen p {

    font-size: 16px

}


.publikationenX .maincontent-wrap {

    display: -webkit-flex; /* Safari */

    display: flex;


    -webkit-flex-direction: row; /* Safari */

    flex-direction: row;


    -webkit-flex-wrap: wrap; /* Safari */

    flex-wrap: wrap;


}


.publikationenX .frame-default {


    margin-bottom: 30px;


    -webkit-flex-grow: 1; /* Safari */

    flex-grow: 1;


}


.publikationen .frame-default {


    float: left;

    height: 200px;

    width: auto;

    margin-bottom: 25px;

    margin-right: 10px;


}


.knoepfe a {

    color: #999;

    font-family:'FuturaLTPro-Bold';

    font-weight: normal;

    font-style: normal;

}


.knoepfe .active a {
    color: black;
}


.typo, .status {

    display: none;

}


.news-list-item .bild-top {
    background-color: black
}


.news-list-item {
    height: 200px;
    float: left;
    position: relative;
    margin-right: 20px;
    margin-top: 20px;
}

.news-list-item h3 {
    font-size: 18px;
    line-height: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 0;
    margin:0;
}

.news-list-item h3 a {
    color: black;
}

.text-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
}

.text-bottom p {
    font-size: 16px;
    line-height: 18px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 0;
    padding-top: 5px;
    margin: 0
}

.news-list-item img {
    height: 200px;
    width: auto;
}

.news-list-item .extra {
    display: none
}

.topnews {
    display: none;
}

.news-list-item:hover .topnews {
    display: block
}

.news-list-item:hover .text-bottom h3 a {
    color: white;
}

.news-list-item:hover .text-bottom p {
    color: white;
}

.news-list-item:hover .bild-top img {
    opacity: 0.5;
}


.news-single {
    margin-top: 80px;
}

.news-single .thumbnail {
    border: none;
    padding: 0;
    margin: 0;
}






.publikationentabelle td a {
    margin-right: 20px;
}


.publikationen .frame-default h2 {

    display: none;

}


.publikationen .frame-default p {

}


.news-uebersicht h2 {

    display: none;

}


.frame-type-menu_thumbnail_dir {

    margin-left: -5px;

    margin-right: -5px;

}


.publikationen .maincontent-wrap {

    margin-left: -15px;

    margin-right: -15px;

}


#c209
.input-group {

    border-collapse: separate;

    display: table;


    margin-top: 5px;

    position: relative;

    width: 275px;

}


#c209 .control-label {

    display: none;

}


#tx_indexedsearch .control-label {

    display: none;

}


#tx_indexedsearch .input-group {

    display: block

}


#tx_indexedsearch .btn-primary {


    background-color: #000;

    border-color: #000;

    color: #fff;

    margin-left: 0;

}


#c209 .btn-primary {

    background-color: #000;

    border-color: #000;

    color: #fff;

}


#tx_indexedsearch .form-control {

    background-color: #fff;

    background-image: none;

    border: 1px solid #000;

    margin-top: 30px;

    margin-bottom: 5px;

    margin-left: 0;

    border-radius: 0;

    box-shadow: none;

    color: #000;

    display: block;

    font-size: 16px;

    height: 28px;

    line-height: 1.2em;

    padding: 6px 12px;

    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;

    width: 100%;

}


#c209 .form-control {

    background-color: #fff;

    background-image: none;

    border: 1px solid #ccc;

    border-radius: 0;

    box-shadow: none;

    color: #000;

    display: block;

    font-size: 16px;

    height: 34px;

    line-height: 1.2em;

    padding: 6px 12px;

    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;

    width: 100%;

}


#tx_indexedsearch .btn {

    -moz-user-select: none;

    background-image: none;

    border: 1px solid transparent;

    border-radius: 0;

    cursor: pointer;

    display: inline-block;

    font-size: 16px;

    font-weight: normal;

    line-height: 1.1em;

    margin-bottom: 0;

    padding: 2px 5px;

    text-align: center;

    touch-action: manipulation;

    vertical-align: middle;

    white-space: nowrap;

}


#c209 .btn {

    -moz-user-select: none;

    background-image: none;

    border: 1px solid transparent;

    border-radius: 0;

    cursor: pointer;

    display: inline-block;

    font-size: 16px;

    font-weight: normal;

    line-height: 1.2em;

    margin-bottom: 0;

    padding: 6px 12px;

    text-align: center;

    touch-action: manipulation;

    vertical-align: middle;

    white-space: nowrap;

}


.btn-su {

    background-color: #fff;

    border-color: #fff;

    color: #666;

}


.btn-su:hover {

    background-color: #fff;

    border-color: #fff;

    color: #000;

}


.su-platzhalter {

    display: none;

}


.su-position {

    position: absolute;

    right: 0;

    top: 0;

}


.search-form-wrapper {

    display: none;

    position: absolute;

    width: 200px;

    right: 0;

    padding: 0;


}


.search-form-wrapper.open {

    display: block;

}


.media h4 {

    font-size: 18px

}


.media ul {

    display: none;

}


.media a {

    text-decoration: underline

}


.lupe {

    margin-top: 5px

}


.lupe a {

    padding-bottom: 1px;

}


.section-primary + .section-primary {

    border-top: 0;

}


.knoepfe .btn-group, .btn-group-vertical {

    display: inline-block;

    position: relative;

    vertical-align: top;

}







.carousel .carousel-control-icon {

    background-color: transparent

}


.carouselX, .gridX, .publikationenX, .isotopeX {

    -webkit-animation: fadein 3s; /* Safari and Chrome */

    -moz-animation: fadein 3s; /* Firefox */

    -ms-animation: fadein 3s; /* Internet Explorer */

    -o-animation: fadein 3s; /* Opera */

    animation: fadein 3s;

}


@keyframes fadein {

    from {

        opacity: 0;

    }

    to {

        opacity: 1;

    }

}


/* Firefox */

@-moz-keyframes fadein {

    from {

        opacity: 0;

    }

    to {

        opacity: 1;

    }

}


/* Safari and Chrome */

@-webkit-keyframes fadein {

    from {

        opacity: 0;

    }

    to {

        opacity: 1;

    }

}


/* Internet Explorer */

@-ms-keyframes fadein {

    from {

        opacity: 0;

    }

    to {

        opacity: 1;

    }

}


/* Opera */

@-o-keyframes fadein {

    from {

        opacity: 0;

    }

    to {

        opacity: 1;

    }


}


.module {

    float: left;

    background-attachment: fixed;

    width: 300px;

    height: 200px;

    position: relative;


    margin: 10px;

}


.module > header {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    padding: 5px 10px;

    background: inherit;

    background-attachment: fixed;

    overflow: hidden;

}


.module > header::before {

    content: "";

    position: absolute;

    top: -20px;

    left: 0;

    width: 200%;

    height: 200%;

    background: inherit;

    background-attachment: fixed;

    -webkit-filter: blur(4px);

    filter: blur(4px);

}


.module > header::after {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.25)

}


.module > header > h4 {
    font-size: 18px;
    margin: 0;
    color: white;
    position: relative;
    z-index: 1;
}

.in a {color:black !important;}	


#c1257 {margin-left:0;padding-left:20px;}




.table > thead > tr > th {
    padding: 8px 0px 8px 20px;
    line-height: 1.25;
    vertical-align: top;
    border-top: 0;
	border-bottom:1px solid black;
}


.table > tbody > tr > td {
    padding: 8px 4px;
    line-height: 1.25;
    vertical-align: top;
    border-top: 0;
}

hr {
    margin-top: 24px;
    margin-bottom: 24px;
    border-top: none;
}



.socialwall {display:flex;flex-wrap:wrap;flex-direction:row}

.dataTables_wrapper .dataTables_filter {display:none!important}


.page-114 td a:not(.archive-pagelink) {
 display:block;
  background: url("zip-icon/zip-icon.jpg");
  text-indent: -9999px;
  background-size:cover;
  width:30px;
  height:40px;
  margin-top:-15px;
}