a {color:inherit;}

.content ul{list-style: none;margin:0px;padding:0px}
.content ul li{ position: relative;padding-left:40px; margin-bottom: 15px}
.content ul li:before{content:"---";margin-right:10px; position: absolute;left:0px;}

.yellow{color:#b5b525!important}
.red{color:#da1820}
.orange{color:#f47735}
.green{color:#17908a}

/*NAV*/
.navbar{}
.my-navbar-brand{ color:#002b64!important; text-decoration: none!important}
#navbarCollapse{}
.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1rem;
    padding-left: 1rem;
    padding: .275rem .75rem .225rem !important;
    margin:0px 10px
}
.nav-link {
    display: inline-block;
}

/*Carousel*/
.carousel-item{height:auto; background-size: cover!important; background-position: center center!important}
.my-carousel-caption {
    color: #002b64;
    padding-bottom: 20px
}

.container{border:0px solid green}

footer{background-color: #002b64; padding: 70px 0px; color:#fff}
footer a, footer a:hover{color:#fff}

.openBlock{
    -webkit-transition: -webkit-transform .4s ease-in-out;
    transition: -webkit-transform .4s ease-in-out;
    transition: transform .4s ease-in-out;
    transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out;
}

.box{
  position: relative;
  padding-top: 25%;
  width: 100%;
  margin-bottom: 30px;
  display: block; 
  max-width: 350px;
}
.box:before {
  content: "";
  display: block;
  padding-top: 50%;
}
.box .inner {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.inner-content{padding:60px; color:#fff; text-transform: uppercase}

.box .inner  span {
  bottom: 10px;
  left: 20px;
  position: absolute;
  display: block;
  color:#fff
}

.team-image{position: absolute; left:0px;top:0px; width:100%; height:100%; background-size: cover!important; display:none}

.extrafield{margin:2rem 0px}



/*FONTS*/
body { font-family: 'ff-basic-gothic-web-pro', 'Didact Gothic', sans-serif; color: #3c3c3c;line-height: 1.4;letter-spacing: 0.6px; font-size:18px}
h1,h2,h3,.footer-big-font {font-family: museo-slab, serif;}
.logo-font{font-family: museo-slab, serif;font-size:44px;color:#002b64;line-height: 1;}
.navbar-nav .nav-link { font-size:14px; text-transform: uppercase; color: inherit;}
#main {margin-top: 60px;}
.footer-big-font {font-size:40px;line-height: 1.15}
footer p{font-size:14px; line-height: 1.7}


@media (min-width: 360px) {
    .logo-font{font-size:52px}
    #main {margin-top: 68px;}
}
@media (min-width: 420px) {
    .logo-font{font-size:60px}
    #main {margin-top: 76px;}
}

@media (min-width: 500px) {
    .logo-font{font-size:72px}
    #main {margin-top: 88px;}
}
@media (min-width: 576px) {
    .logo-font{font-size:86px}
    #main {margin-top: 102px;}
}
@media (min-width: 768px) {
    body{font-size:20px}
    .logo-font{font-size:100px}
    
    .navbar-nav .nav-link { font-size:14px}
    #navbarCollapse{margin-top:-20px}
    #main {margin-top: 116px;}

}
@media (min-width: 992px) {
    .logo-font{font-size:110px}
    #main {margin-top: 126px;}
    .footer-big-font {font-size:72px;margin-top: 20px;}
}
@media (min-width: 1200px) {
    .logo-font{font-size:120px;}
    #main {margin-top: 130px;}
}


@media (min-width: 1500px) {
    .logo-font{font-size:150px;}
    #main {margin-top: 159px;}
}

@media (max-width: 991px) {
    #navbarCollapse{margin-top:20px}
}

@media (min-width: 576px) and (max-width: 991px) {
	.navbar > .container {
		padding-left: 15px !important;
		padding-right: 15px !important;
		}
}

/*FORM*/
.form-control {
    font-size: 14px;
    padding: 20px 30px;
    text-transform: uppercase;
    line-height: 1.5;
    margin: 2.15rem 0px;
    border-radius: 0px;
    border: 0px;
}

.yellow::-webkit-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #b5b525!important;
    opacity: 1!important; /* Firefox */
}

.yellow:-ms-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #b5b525!important;
    opacity: 1!important; /* Firefox */
}

.yellow::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #b5b525!important;
    opacity: 1!important; /* Firefox */
}

.red::-webkit-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #da1820!important;
    opacity: 1!important; /* Firefox */
}

.red:-ms-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #da1820!important;
    opacity: 1!important; /* Firefox */
}

.red::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #da1820!important;
    opacity: 1!important; /* Firefox */
}
.green::-webkit-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #17908a!important;
    opacity: 1!important; /* Firefox */
}

.green:-ms-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #17908a!important;
    opacity: 1!important; /* Firefox */
}

.green::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #17908a!important;
    opacity: 1!important; /* Firefox */
}


/*Buttons*/

a.vp-pagination__load-more{
    border-radius: 14.5px;
    font-size:14px;
    text-transform: lowercase;
    border: 1px dashed #3c3c3c !important;
    margin: 30px 0px
}

.current-menu-item a{
    border-radius: 14.5px;
    border: 1px dashed #3c3c3c !important;
    padding: .275rem .75rem !important;
}

.p-nav a{
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    text-decoration: none!important;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
}

.btn, .p-nav a {
    font-weight: 400;
    border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    padding: .275rem .75rem!important;
    font-size: 14px;
   
    border-radius: 14.5px;
    margin-bottom: 20px;
}



.btn-kursiv-2,.p-nav a {
    color: #3c3c3c;
    background-color: transparent;
    border: 1px dashed #3c3c3c !important;
}
.btn-kursiv-2:hover, .p-nav a:hover  {
    color: #3c3c3c;
}


.btn-kursiv {
    color: #fff;
    background-color: transparent;
    border: 1px dashed #fff !important;
}
.btn-kursiv:hover{
    color: #fff;
}

.btn-primary {
    color: #fff;
    background-color: #da1820;
    border-color: #da1820;
}



.extra-infos{font-size:14px}
.projekt-infos ul li{margin-bottom: 0px;}

.gallery-item span{display: block; margin-top:8px; font-size: 16px}
/*
Portfolio
*/
.vp-portfolio__items-style-fly .vp-portfolio__item-overlay{
    background-color: rgba(0,43,100,.8)!important;
}

.vp-portfolio.vp-portfolio__ready {
    margin-bottom: 30px;
}

.vp-filter__style-default .vp-filter__item {

    margin: 3px 3px 3px 15px !important;
}


.vp-filter__style-default .vp-filter__item a {
    color: #3c3c3c;
    background-color: transparent;
    border: 1px dashed #3c3c3c !important;
}
.vp-filter__style-default .vp-filter__item.vp-filter__item-active > * {
    color: #fff;
    cursor: default;
    background-color: #002b64  !important;
    border: 1px solid #002b64  !important;
}

.vp-portfolio__items-style-fly .vp-portfolio__item-meta-title {
    font-size: 24px!important; text-transform: uppercase;font-family: 'ff-basic-gothic-web-pro','Didact Gothic', sans-serif;
}
.vp-portfolio__items-style-fly .vp-portfolio__item-meta-date {
    font-size:  24px!important;
}
    

.vp-portfolio__item-meta {
    height: 100%;
    position: relative;
    width: 100%;
    text-align: left;
}
.vp-portfolio__item-meta-excerpt{position: absolute; bottom:0px; font-size:14px}



.tooltip .arrow{display:none}
.tooltip,.tooltip-inner {background-color:transparent}

.tooltip img {
    max-width: 370px;
}
@media (max-width: 991px) {
    .tooltip img {
        display: none;
    }
}

@media all and (min-width: 1920px) {
	#main, .navbar {
   	 zoom: 1.1;
   	 -moz-transform: scale(1.1);
    	-moz-transform-origin: center top;
	}
}