/*remove shape on mobile*/
@media (max-width: 767px){
.remove-shape-mobile:before {
    display: none;
}}


/*shape-01*/
.shape-01 {
    position: relative
}

.shape-01:before {
    position: absolute;
    background-size: contain !important;
    content: '';
    content: url(/images/00-prinz/shape/shape01.png);
    bottom: -230px;
    right: -50px;
    margin:auto;
    background-repeat:no-repeat;
    z-index: -1!important;
    opacity: 0.2;
}

@media (min-width: 768px) and (max-width: 991px){
.shape-01:before {transform: scale(0.6);transform-origin: right bottom;}
}

@media (max-width: 767px){
.shape-01:before {transform: scale(0.5);transform-origin: right bottom;}
}

/*shape 01 about page*/
.about.shape-01:before {
    bottom: -235px;
    right: -10px;
}

@media (max-width: 1199px){
.about.shape-01:before {
    bottom: -200px;
    right: -10px;
    opacity: 0.2;
}}



/*shape-02*/
.shape-02 {
    position: relative
}

.shape-02:before {
    position: absolute;
    background-size: contain !important;
    content: '';
    content: url(/images/00-prinz/shape/shape02.png);
    bottom: 340px;
    left: 0px;
    margin:auto;
    background-repeat:no-repeat;
    z-index: -1!important;
    transform: scale(1);
    transform-origin: left;
    opacity: 0.1;
}

@media (min-width: 768px) and (max-width: 991px){
.shape-02:before {transform: scale(0.6);transform-origin: right bottom;}
}

@media (max-width: 767px){
.shape-02:before {
    position: absolute;
    background-size: contain !important;
    content: '';
    content: url(/images/00-prinz/shape/shape02.png);
    bottom: 60px;
    left: 0px;
    margin:auto;
    background-repeat:no-repeat;
    z-index: -1!important;
    transform: scale(0.6);
    transform-origin: right bottom;
}}

/*shape03 - medical*/
.shape-03 {
    position: relative
}

.shape-03:before {
    position: absolute;
    background-size: contain !important;
    content: '';
    content: url(/images/00-prinz/shape/shape01.png);
    bottom: 0px;
    right: -50px;
    margin:auto;
    background-repeat:no-repeat;
    z-index: -1!important;
    opacity: 0.4;
}

@media (min-width: 768px) and (max-width: 991px){
.shape-03:before {transform: scale(0.6);transform-origin: right bottom;}
}

@media (max-width: 767px){
.shape-03:before {transform: scale(0.5);transform-origin: right bottom;}
}


/*shape-04*/
.shape-04 {
    position: relative
}

.shape-04:before {
    position: absolute;
    background-size: contain !important;
    content: '';
    content: url(/images/00-prinz/shape/shape02.png);
    bottom: 0px;
    left: -100px;
    margin:auto;
    background-repeat:no-repeat;
    z-index: -1!important;
    transform: scale(0.7);
}

@media (min-width: 768px) and (max-width: 991px){
.shape-04:before {transform: scale(0.6);transform-origin: right bottom;}
}

@media (max-width: 767px){
.shape-04:before {
    position: absolute;
    background-size: contain !important;
    content: '';
    content: url(/images/00-prinz/shape/shape02.png);
    bottom: -140px;
    left: 0px;
    margin:auto;
    background-repeat:no-repeat;
    z-index: -1!important;
    transform: scale(0.6);
    transform-origin: right bottom;
}}


/*low opacity*/
.opacity-low-4 {
    opacity: 0.2!important;
}




/*triangle01*/
.triangle-01 {
    position: relative
}

.triangle-01:before {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 200px 0 0 120px;
    border-color: transparent transparent transparent #e21f26;
    bottom: 0;
    left: 0;
}

/*triangle02*/
.triangle-02 {
    position: relative
}

.triangle-02:before {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 220px 400px 0;
    border-color: transparent #e21f26 transparent transparent;
    bottom: -200px;
    right: 0;
}

@media (max-width: 767px){
.triangle-02:before {
    border-width: 0 100px 200px 0;
    bottom: -50px;
    right: 0px;
}}

/*triangle03*/
.triangle-03 {
    position: relative
}

.triangle-03:before {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 400px 220px 0 0;
    border-color: #e21f26 transparent transparent transparent;
    bottom: -200px;
    left: 0;z-index: -1;
}

@media (max-width: 767px){
.triangle-03:before {
    border-width: 200px 100px 0 0;
    bottom: -50px;
    left: 0px;
}}


/*triangle04*/
.triangle-04 {
    position: relative
}

.triangle-04:before {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 220px 400px 0;
    border-color: transparent #e21f26 transparent transparent;
    top: 0px;
    right: 0;
}

@media (max-width: 767px){
.triangle-04:before {
    border-width: 0 100px 200px 0;
    bottom: -50px;
    right: 0px;
}}

/*mask 01*/
.foc-image-mask-01 img {
    -webkit-mask: url("/images/00-foc/others/mask01.png");
    mask: url("/images/00-foc/others/mask01.png");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%
}

/*mask 02*/
.foc-image-mask-02 img {
    -webkit-mask: url("/images/00-foc/others/mask02.png");
    mask: url("/images/00-foc/others/mask01.png");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%
}

/*mask 03*/
.foc-image-mask-03 img {
    -webkit-mask: url("/images/00-foc/others/mask03.png");
    mask: url("/images/00-foc/others/mask03.png");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%
}

/*mask 05*/
.foc-image-mask-05 img {
    -webkit-mask: url("/images/00-foc/others/mask05.png");
    mask: url("/images/00-foc/others/mask05.png");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    -webkit-mask-position: bottom;
}

/*mask 07*/
.foc-image-mask-07 img {
    -webkit-mask: url("/images/00-foc/others/mask07.png");
    mask: url("/images/00-foc/others/mask07.png");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    -webkit-mask-position: bottom right;
}

/*header mask*/
/*
@media (max-width: 991px){
.foc-header{
    -webkit-mask: url("/images/00-prinz/shape/mask02.png");
    mask: url("/images/00-prinz/shape/mask02.png");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    -webkit-mask-position: bottom center;
    mask-size: 100%;
}}

@media only screen and (min-width: 992px) {
.foc-header{
    -webkit-mask: url("/images/00-prinz/shape/mask02.png");
    mask: url("/images/00-prinz/shape/mask02.png");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    -webkit-mask-position: top center;
    mask-size: 100%
}}
*/