@font-face { font-family: 'Open Sans';
            font-style: normal;
            font-weight: 300;
             src: local('Open Sans Light'), local('OpenSans-Light'), url('/wp-content/themes/blacktent-theme/fonts/OpenSans-Light.ttf') format('truetype'); }

@font-face { font-family: 'Open Sans';
             font-style: normal;
             font-weight: 400;
             src: local('Open Sans Regular'), local('OpenSans-Regular'), url('/wp-content/themes/blacktent-theme/fonts/OpenSans-Regular.ttf') format('truetype'); }
@font-face { font-family: 'Open Sans';
             font-style: italic;
             font-weight: 400;
             src: local('Open Sans Italic'), local('OpenSans-Italic'), url('/wp-content/themes/blacktent-theme/fonts/OpenSans-Italic.ttf') format('truetype'); }

@font-face { font-family: 'Open Sans';
            font-style: normal;
            font-weight: 600;
             src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url('/wp-content/themes/blacktent-theme/fonts/OpenSans-SemiBold.ttf') format('truetype'); }



/*MOBILE FIRST*/


.col75, .col66, .col60, .col50, .col40, .col33, .col25 {
    width: 100%
}

.col60 {
    padding: 10px 30px;
}

.col40 {
    padding: 10px 30px;
    float: left;
}


.col {
    text-align: left;
}

@media only screen and (min-width: 450px) {
.col {
    text-align: justify;
}
}
    
@media only screen and (min-width: 799px) {
.col75 {
    width: 75%
}
    
.col66 {
    width: 66%
} 

    
.col50 {
    width:50%
} 
    
.col33 {
    width: 33%
}
    
.col25 {
    width: 25%
}
    
}


/*---- MOBILE FIRST END--------------*/

body {
    right:0px !important;
    padding-top: 0px;
    background-color: #fff;
    color: #333;
    line-height: 2;
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
    position: relative !important;
}

.vspace-top {
    padding-top: 150px;
}

#main {
    margin-top:0px;
}


b {
    color: #85828b;
    font-size: 20px;
}


.col {
    color:#333;
    font-size: 18px;
    }

#topline, #bottomline {
    font-size: 12px;
    color:#fff;
    background-color:#333;
    z-index:3;
    font-weight: 600;
    text-shadow: 1px 1px 1px rgba(0,0,0,.4);
    max-width: 1920px;
}

#topline .line-nav {
    display: none;
}


#topline {
    display: block;
    position: fixed;
    height: 56px;
} 

#topline .line-contact {
    float:right;
}

.line-contact, .scroll .line-contact {
    font-size: 0;
    padding-left: 0px;
    position: fixed;
}

.line-contact i {
    font-size: 36px;
}

.line-nav a {
    margin-left: 10px;
    text-decoration: none;
}

#bottomline {
    display: block;
    position: relative;
    overflow: hidden;
}

#bottomline .line-contact {
    display: none;
}

@media only screen and (min-width: 999px) {
#topline {
    height: 34px;
} 
    
.line-contact, .scroll .line-contact, .line-contact i {
    font-size: 12px;
}
    
.line-contact, .scroll .line-contact {
    position: initial;
}
    

#bottomline {
    position: fixed;
}
}

/*----------Navigation-------------*/

#naviplace {
    position: fixed;
    top: 30px;
    background-color: #333;
    max-width: 1920px;
    display: none;
}



#navigation {
    margin-top: 34px;
}

#logo {
    margin-top: -24px;
}

.desk-n, .mid-n-btn {
    display: none;
} 

#logo, #navigation {
        display: none;
    }
    
.mob-n-btn, .scroll .mob-n-btn {
	display: block;
    background-color:transparent;
    color: #fff;
    position: fixed;
    top: 5px;
    right: 10px;
    z-index: 104;
    text-align: left;
    text-decoration: none;
    font-size: 0px;
}
    
.mob-n-btn i.fa.fa-bars {
    font-size: 40px;
}
    
.mob-n-btn:hover {
    color: #333;
    background-color: #fff;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    padding: 4px;
    border-radius: 10px;
} 

.sidr {
   width: 90%;
    background-color: #333;
    box-shadow: none;
}

.sidr.right {
    right: -90%;
}
    
.sidr-class-st-content {
    display: none;
}

.sf-menu, .sf-menu * {
    color: #fff;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.sf-menu a:hover {
    background-color: #fff;
    color: #333;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}


.sf-menu ul li {
    background-color: #333;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.sidr ul li a, .sidr ul li span, .sidr ul li ul li a, .sidr ul li ul li span{
    text-decoration: none;
    color: #fff;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.sidr ul li a:hover, .sidr ul li span:hover {
    box-shadow: none;
    color: #333;
    background-color: #fff;
        transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}
    
.sidr ul li:hover>a, .sidr ul li:hover>span, .sidr ul li.active>a, .sidr ul li.active>span, .sidr ul li.sidr-class-active>a, .sidr ul li.sidr-class-active>span, .sidr ul li ul li:hover>a, .sidr ul li ul li:hover>span, .sidr ul li ul li.active>a, .sidr ul li ul li.active>span, .sidr ul li ul li.sidr-class-active>a, .sidr ul li ul li.sidr-class-active>span {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
    
span.nav-click {
    height: 44px;
    width: 48px;
    margin-top: 3px;
}

 

    
#topline .line-nav {
    display:none;
}

@media only screen and (min-width: 499px) {
.sidr {
   width: 70%;

}
    
.sidr.right {
    right: -70%;
}
}
@media only screen and (min-width: 999px) {
    
.desk-n, #naviplace, .scroll #naviplace, #logo, #navigation {
    display: block;
} 
    
.mob-n-btn, .scroll .mob-n-btn {
	display: none;
    
}
    
#bottomline .line-contact {
    display: block;
}
}


/*----------Navigation-Ende-------------*/



.framed img {
   border: solid 2px #fff;
   margin-top: 25px;
   margin-bottom: 25px;
   border-radius: 10px; 

}

.narrowmiddel {
    position: relative;
    left: 50%;
    width: 800px;
    margin-bottom: 50px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}



/*end: anpassung wegen custom.css*/

.big-h2-left p {
    text-align: justify;
}
    
.big-h2-right p {
    text-align: justify;
}
.big-h2-left h2 {
    border-bottom: none;
}

.big-h2-left h2, .big-h2-right h2 {
    width: 100%;
    min-height: 0px;
    font-size: 25px;
}

.big-h2-left p, .big-h2-right p {
    width: 100%;
    min-height: 0px;
}


.col-backgrd {
    margin-bottom: 50px;
}

.col-backgrd:first-of-type {
    margin-bottom: 20px;
}

.col-backgrd.bild.fixedimage {
    height: 100%;    
    margin-bottom: 65px;
}

.col-backgrd.bild.fixedimage.whitefont .vspace-top {
    padding-top: 0;
}
    
    
.col-backgrd.bild.orange {
    background-color: #f29200;
    margin-bottom: 0px; 
}

.col100.nomargin {
    margin-top: -50px;
}

.headline p {
    text-align: center;
}

.headline i {
    text-align: center;
    font-size: 55px;
    text-shadow: 1px 1px 2px #000;
    color:#fff;
}

.headline .prvnxt i {
    font-size: 36px;
    margin: 0 25px;
}

.bigspace {
    margin-top:50px;
}

h1 {
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    z-index: 100;
    color:#000;
    margin-bottom: 20px;
    position: inherit;
    text-shadow: none;
    font-size: 20px;
    display: block;
    bottom: 60px;
    right: 0px;
}

h1 span {
    font-size: 2vw;
}

.scroll h1 {
    color:#000;
    margin-bottom: 20px;
    position: inherit;
    text-shadow: none;

}

h1::after {
    content: "";
    width: 400px;
    margin: 10px auto;
    max-width: 80%;
    height: 2px;
    background-color: #989898;
    display: block;
}

h2 {
    color:#333;
    font-size: 25px;
    text-align: center;
    font-weight:400;
    }

h2 {
    font-family: 'Open Sans', sans-serif;
    color: #333;
    font-weight:400;
    margin-bottom: 20px;
  
}

h2 .center {
    text-align: center;
}

.double-underline {
      border-bottom: double #000;
}

h2.center::after {
    content: '';
    display: block;
    width: 340px;
    height: 1px;
    background-color: #333;
    margin: 10px auto 20px;
}

h3 {
  color: #333;
    font-size: 35px;
    text-align: left;
    font-weight:400;  
}

h3 {
    font-family: 'Open Sans', sans-serif;
    color: #333;
    font-weight:400;
    margin-bottom: 20px;
  
}

h4 {
  color: #333;
    font-size: 30px;
    text-align: left;
    font-weight:400;  
}


h4 {
    font-family: 'Open Sans', sans-serif;
    color: #333;
    font-weight:400;
    margin-bottom: 20px;
  
}

.contact p{
    text-align: center;
}

.whitefont p, .whitefont h2 {
    color:#fff;
} 

.col a {
    color: #333;
    text-decoration: none;
}

.col .contact a, .col .contact {
    color:#000;
    text-align: left;
    text-decoration: none;
}

a {
    outline:none;
}

.wpcf7-text, .wpcf7-textarea {
    padding:6px;
    color:#333;
    background-color: transparent;
}

.wpcf7-text:hover, .wpcf7-textarea:hover {
    background-color:rgba(222, 222, 222, 0.49);
    color: #333;
}

.wpcf7-submit {
    color: #85828b;
    border: solid 1px #85828b;
    padding: 5px;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    border-radius: 0px;
    background-color: transparent;
}

.wpcf7-submit:hover {
    background-color: #85828b;
    color: #fff;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}


 .desk-n {
	display:inline-block;
}

.mid-n-btn {
    display:none;
}

.parallax.first {
    background-color: rgba(0,0,0,0.20);
    transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out; 
}

.scroll .parallax.first {
    background-color: rgba(0,0,0,0.00);
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out; 
}

.first .col.fullwidth {
    padding-top:0px;
}



.next {
    display: none;
}


    
.sets .col25, .sets .col33, .sets .col50, .sets .col66, .sets .col75, .sets .indy {
    padding: 15px;
    background-color: rgba(255, 255, 255, 0.70);
    color:#333;
    border-radius: 0px 10px 10px 10px;
}

.sets .col25 {
    width:20%;
    margin: 25px 2.4%;
}

.sets .col33 {
    width:30%;
    margin: 25px 1%;
}

.sets .indy {
    width:400px;
    margin: 25px auto;
    float:none;
}
 

.sets ul {
    min-height:302px;
    margin-top: 20px;
    margin-bottom: 10px;
}


.sets li {
    font-size: 16px;
    line-height: 1;
    text-indent: -28px;
    padding-left: 25px;
}

.sets i {
    text-align: center;
    font-size: 120px;
    width: 100%;
    text-shadow: 1px 1px 2px #000;
    color:#d76500;
}

.sets h2 {
    text-align: center;
    padding-bottom: 10px;
    border-bottom: 1px solid #fff;
    text-transform: uppercase;
    font-weight: initial;
}

.sets h3 {
    text-align: center;
    font-weight: initial;
}

.sets h3 i {
    font-size:14px;
    width:auto;
    text-shadow: none;
    margin-left: 5px;
    margin-bottom: 20px;
}

.sets a {
    color:#fff;
}

.option li:before {
    font-size:14px;
}
 
.sets .price {
    text-align: right;
    font-size: 36px;
    color:#fff;
    font-weight: bold;
    margin: 0px 10px 20px 0px;
}

.price {
    font-size: 36px;
    color:#fff;
    font-weight: bold;
    color:#d76500;
}


.sets span {
    font-size: 12px;
}

.option ul {
	list-style-type: none;
    min-height: 0px;
    margin-top: 0;
    margin-bottom: 20px;
    min-height: 120px;
}

.option li {
	line-height: 1;
	font-size: 14px;
	text-align:left;
    text-indent: -17px;
    padding-left: 19px;
    margin-bottom: 10px;
}

.option li a{
    text-decoration: none;
    transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out; 
}

.option li a:hover{
    color:#d76500;
}
    

.option li:before {
    font-family: FontAwesome;
	content: "\f055";
	margin-right:5px;
    color: #d76500;
    font-size:14px;
}
    

.sets a.button {
    background-color:#4abe45;
    display: inline-block;
    width:100%;
    padding:15px 0px;
    text-align: center;
    font-size: 22px;
    color:#fff;
    border-radius: 0px 10px 10px 10px;
    text-decoration: none;
    text-transform:uppercase;
    font-weight: 300;
    box-shadow: 1px 1px 1px #000;
    transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out; 
}

.sets a.button:hover {
    background-color:#fff;
    color:#333;
}

.pictures p {
    margin-bottom: 0px;
}

.pictures.col25, .pictures.col33 {
margin-top:10px;
}

.reference {
    background-color: #c0c0c0;
background: -moz-radial-gradient(center, ellipse cover, #c0c0c0 0%, #999999 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, #c0c0c0 0%,#999999 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, #c0c0c0 0%,#999999 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0c0c0', endColorstr='#999999',GradientType=1 );
}

.reference .col {
    padding:0px;
}


.col33.ref p, .col33.ref p, .col33.ref p {
        filter: grayscale(100%);
        transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    width: 217px;
    padding: 0;
    margin: 0 auto;
}

.col33.ref p:hover, .col33.ref p:hover, .col33.ref p:hover {
        filter: grayscale(0%);
        transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out; 
}

.icons {
    text-align: center;
    float:left;
    width: 9.8%;
    margin:2.2%;
}

.icons i {
    font-size: 120px;
    width: 100%;
    /*text-shadow: 1px 1px 2px #000;*/
}

.icons a {
    color:#fff;
}

.icons a:hover {
    color:#d76500;
    transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out; 
}


.icon li {
    list-style: none;
}


.col70 {
    width: 70%;
    float: left;
    padding: 10px;
}   

.circle img {
    border-radius: 100%;
}

.contactmobile {
    display: none;
}


.col50.left p {
    margin-left: 150px;
}
.col50.right p {
    margin-right: 150px;
}

.col50.right img {
    margin-right: -190px;
}

.col50.left img {
    margin-left: -100px;
}

div.page-id-18 .col50.left img {
    margin-left: -189px;
}

.col-backgrd.white {
    background-color: #fcfcfc;
}

a.kontakt {
    color: #85828b;
    border: solid 2px #85828b;
    padding: 5px 7px;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    font-weight: 600;
}

a.kontakt:hover {
    background-color: #85828b;
    color: #fff;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

#sidr-id-navi-center {
    margin-top: 90px;
}
   

.col25.round img {
    border-radius: 50%;
}

 @media only screen and (min-width: 499px) {
     
.bigspace {
    margin-top:150px;
}
     
h1 {
    font-size: 30px;
}

.col-backgrd.bild.fixedimage {
    min-height: 80vh;
     }
     
.col-backgrd.bild.fixedimage.whitefont .vspace-top {
    padding-top: 150px;
}     
}

 @media only screen and (min-width: 999px) {
     
h1 {
    font-size: 1.5vw;
    font-weight: 600;
}
    
h2 {
    font-size: 30px;
}
     
.big-h2-left h2, .big-h2-right h2 {
    width: 50%;
    min-height: 400px;
    font-size: 45px;
}
     
.big-h2-left p, .big-h2-right p {
    width: 50%;
    min-height: 400px;
}
     
}

/*----------Raster---------*/

div.col16 {
    width: 16.67%;
}

.col16 a {
    position: relative;
    height: auto;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    display: block;
    font-weight: 600;
    color: #fff;
    font-size: 5vw;
}

/*korrekt wegen nicht ganz passender Bildgrößen*/
.col16 .slides img {
    transform:scale(1.05);
}

div.r1von6 {
    background-color: #2127cc;
    background: -moz-linear-gradient(-45deg, #64a6c9 0%, #4879ce 48%, #3a6aa8 100%);
    background: -webkit-linear-gradient(-45deg, #64a6c9 0%,#4879ce 48%,#3a6aa8 100%);
    background: linear-gradient(135deg, #64a6c9 0%,#4879ce 48%,#3a6aa8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#64a6c9', endColorstr='#3a6aa8',GradientType=1 ); 
}

div.r2von6 {
    background-color: #ecb12a;
    background: -moz-linear-gradient(-45deg, #ead04b 0%, #ecb12a 49%, #e88f29 100%);
    background: -webkit-linear-gradient(-45deg, #ead04b 0%,#ecb12a 49%,#e88f29 100%);
    background: linear-gradient(135deg, #ead04b 0%,#ecb12a 49%,#e88f29 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ead04b', endColorstr='#e88f29',GradientType=1 );
}

div.r3von6 {
    background-color: #0a9027;
    background: -moz-linear-gradient(-45deg, #529937 0%, #2d7f3f 49%, #215b2a 100%);
    background: -webkit-linear-gradient(-45deg, #529937 0%,#2d7f3f 49%,#215b2a 100%);
    background: linear-gradient(135deg, #529937 0%,#2d7f3f 49%,#215b2a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#529937', endColorstr='#215b2a',GradientType=1 );
}

div.r4von6 {
    background-color: #ef7e05;
    background: -moz-linear-gradient(-45deg, #f2af13 0%, #ef7e05 49%, #c64305 100%);
    background: -webkit-linear-gradient(-45deg, #f2af13 0%,#ef7e05 49%,#c64305 100%);
    background: linear-gradient(135deg, #f2af13 0%,#ef7e05 49%,#c64305 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2af13', endColorstr='#c64305',GradientType=1 );
}

div.r5von6 {
    background-color: #2e9289;
    background: -moz-linear-gradient(-45deg, #45c6bc 0%, #2e9289 50%, #197567 100%);
    background: -webkit-linear-gradient(-45deg, #45c6bc 0%,#2e9289 50%,#197567 100%);
    background: linear-gradient(135deg, #45c6bc 0%,#2e9289 50%,#197567 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45c6bc', endColorstr='#197567',GradientType=1 );
}

div.r6von6 {
    background-color: #921919;
    background: -moz-linear-gradient(-45deg, #bc5d21 0%, #931a1a 51%, #6d1313 100%);
    background: -webkit-linear-gradient(-45deg, #bc5d21 0%,#931a1a 51%,#6d1313 100%);
    background: linear-gradient(135deg, #bc5d21 0%,#931a1a 51%,#6d1313 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bc5d21', endColorstr='#6d1313',GradientType=1 );
}



.col-backgrd.images {
    padding: 0px;
}

div.col-backgrd.images div.col {
    padding: 0px;
}



div.col16.arrow-right, div.col16.arrow-left, div.col16.r4von6, div.col16.red, div.col16.r2von6, div.col16.r3von6, div.col16.r1von6, div.col16.r5von6, div.col16.r6von6   {
    width: 50vw;
    max-width: 50%;
    height: 44vw;
    padding: 0px;
    float: left;
    overflow: hidden;
    position: relative;
}





div.col16.arrow-right, div.col16.arrow-left {
    margin-bottom: 0px;
}

div.col16.arrow-right img, div.col16.arrow-left img {
    width: 100%;
    height: auto;
    transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
}



div.col16.arrow-right::after {
    position: absolute;
    content: ' ';
    width: 0;
    height: 0;
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

div.col16.r1von6.arrow-right::after{
border-right: 30px solid #548ccb;
}

div.col16.r2von6.arrow-right::after{
border-right: 30px solid #ebbf38;
}

div.col16.r3von6.arrow-right::after{
border-right: 30px solid #3d8a3b;
}

div.col16.arrow-left::after {
    position: absolute;
    content: ' ';
    width: 0;
    height: 0;
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

div.col16.r4von6.arrow-left::after{
border-left: 30px solid #db6105;
}

div.col16.r5von6.arrow-left::after{
border-left: 30px solid #238378;
}

div.col16.r6von6.arrow-left::after{
border-left: 30px solid #801616;
}


@media only screen and (min-width: 999px) {
div.col16.arrow-right, div.col16.arrow-left, div.col16.r4von6, div.col16.red, div.col16.r2von6, div.col16.r3von6, div.col16.r1von6, div.col16.r5von6, div.col16.r6von6   {
    width: 25vw;
    max-width: 25%;
    height: 25vw;
}
    
.col16 a {
    font-size: 2vw;
}    
    
}

@media only screen and (min-width: 1264px) {
    
div.col16.arrow-right, div.col16.arrow-left, div.col16.r4von6, div.col16.red, div.col16.r2von6, div.col16.r3von6, div.col16.r1von6, div.col16.r5von6, div.col16.r6von6   {
    width: 16.48vw;
    max-width: 16.66%;
    height: 16.48vw;
}
    
.col16 a {
    font-weight: 400;
    font-size: 2vw;
}
}

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

.col16.arrow-right a, .col16.arrow-left a, .col16.arrow-right a .metaslider, .col16.arrow-left a .metaslider, .col16.arrow-right a .metaslider div, .col16.arrow-left a .metaslider div, .col16.arrow-right a .metaslider div ul, .col16.arrow-left a .metaslider div ul , .col16.arrow-right a .metaslider div ul li, .col16.arrow-left a .metaslider div ul li, .col16.arrow-right a .metaslider div ul li img, .col16.arrow-left a .metaslider div ul li img {
    height: 100%;
    width: auto;
}
    
.col16 a {
    font-size: 45px;
}
    
}

/*Team-Seite*/
.team img {
    /*width: 50%;*/
    width: 45%;
    height: auto;
    margin:10px 0 !important
}

.team .col33 {
    position: relative;
    overflow: visible;
    padding: 10px 20px;
    width: 100%;
}
.team .col33 .name {
    position: absolute;
    top: 0;
    right: 0;
    width: 55%;
    padding-top: 20%;
    height: 100%;
    font-size: 16px;
    text-align: left;
}

.team .col33 .name h2 {
    margin-bottom: 10px;
    border-bottom: 1px solid #666;
    font-size: 22px;
}

.team .col33 img {
    transform:scale(1);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.team .col33 .people:hover img {
    transform:scale(1.2);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.team .col33 .slogan {
    opacity: 0;
    position: absolute;
    background-color:#fff;
    z-index:2;
    top:0;
    padding-top: calc(50% - 20px);
    right: 0;
    width: 0px;
    height: 0px;
    font-size: 20px;
    text-align: center;
    font-weight: bold;
    font-style: italic;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.team .col33 .people:hover .slogan {
    opacity: 1;
    width: 55%;
    height: 100%;
    right: 1px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.team .col33 .name {
    opacity: 1;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.team .col33 img:hover .name {
    opacity: 0;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.team a, .team i {
    font-size: 13px;
}

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

.team .col33 {
    padding: 10px 30px;
}
}

@media only screen and (min-width: 899px) {
    
.team .col33 {
    width: 33%;
}
}


/*masory-grid-Plugin*/

.final-tiles-gallery .tile .tile-inner:before {
    content:none;
}

.final-tiles-gallery.caption-middle .tile .caption-block {
    top:auto;
    left:auto;
    right:auto;
    background-color: rgba(0, 0, 0, 0.80);
    width: 100%;    
}



.gaoop {
    margin-bottom: 25px !important;
}

/*COOKIENOTICE*/

div#cookie-notice {
    margin-bottom: 33px;
}

a#cn-accept-cookie, a#cn-refuse-cookie, a#cn-more-info {
    background-color: #fff;
    background-image: none;
    color: #333;
    padding: 5px;
}
    
#blacktent  {
    display: none;
}
@media only screen and (min-width: 799px) {

#blacktent  {
    display: block;
}
}


/*Aufzählung*/

.col li:before {
    font-family: 'FontAwesome';
    content: "\f10c";
    color: #333;
    text-shadow: none;
}