/*
Plugin Name: jansass Blank One Plugin
Plugin URI: https://www.jansass.com
Description: jansass Blank One Plugin
Author: jansass GmbH
Author URI: https://www.jansass.com/
License: Commercial
*/


/* jansass_bo_Widget_Teaser */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.so-panel.jansass_bo_Widget_Teaser {height: 100%;}

.jansass_Teaser.one {width: 100%; height: 100%; display: flex; outline: 2px solid white;}
.jansass_Teaser.one a {border-bottom: 0 !important;}
.jansass_Teaser.one a:hover {text-decoration: none;}
.jansass_Teaser.one.link {transform: scale(1);transition: all 0.5s ease;cursor: pointer;}
.jansass_Teaser.one.link:hover {transform: scale(0.95);transition: all 0.5s ease; box-shadow: inset 0 0 30px rgba(0,0,0,0.2); }
.jansass_Teaser.one .wrap {display: flex; flex-direction: column; justify-content: space-between; padding: 2vw; width: 100%; }
.jansass_Teaser.one .wrap .text-wrap {z-index: 1;}

.jansass_Teaser.one .wrap .intro_text {text-transform: uppercase; font-weight: bold; margin-bottom: 0.5rem;}
.jansass_Teaser.one .wrap .headline_text .text {font-size: 1.75rem; line-height: 1.25; font-weight: normal; margin: 0}
.jansass_Teaser.one .wrap .headline_text small.text {font-size: 1.33rem;}
.jansass_Teaser.one .wrap .image_url {width:125px; padding-bottom: 125px; margin: -2vw; outline: 2px solid white; background-size: cover;}
.jansass_Teaser.one.sizesmall .wrap .image_url {width:75px; padding-bottom: 75px;}

.jansass_Teaser.one.rb .wrap,
.jansass_Teaser.one.lb .wrap {flex-direction: column-reverse;}

.jansass_Teaser.one.lt .wrap .text-wrap {}
.jansass_Teaser.one.lt .wrap .image_url {align-self: flex-end; }

.jansass_Teaser.one.rt .wrap .text-wrap {text-align: right}
.jansass_Teaser.one.rt .wrap .image_url {align-self: flex-start;}

.jansass_Teaser.one.lb .wrap .text-wrap { }
.jansass_Teaser.one.lb .wrap .image_url {align-self: flex-end; }

.jansass_Teaser.one.rb .wrap .text-wrap {text-align: right}
.jansass_Teaser.one.rb .wrap .image_url {align-self: flex-start;}


@media (max-width:992px){ 
	.jansass_Teaser.one .wrap .image_url {width:100px; padding-bottom: 100px;}
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.jansass_Teaser.two {width: 100%; height: 100%; display: flex; background-position: center center; background-size: cover;}
.jansass_Teaser.two.link {transform: scale(1);transition: all 0.5s ease;cursor: pointer;}
.jansass_Teaser.two.link:hover {transform: scale(0.95);transition: all 0.5s ease; box-shadow: inset 0 0 30px rgba(0,0,0,0.2); }
.jansass_Teaser.two .wrap {display: flex; flex-direction: column; justify-content: space-between; padding: 1.0vw 1.0vw 0; width: 100%; }
.jansass_Teaser.two .wrap .text-wrap {z-index: 1;}

/* jansass_bo_Widget_5er_Block */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.jansass_5er_block {width: 100%; height: 44vw; position: relative; font-size: 0;}
.jansass_5er_block span.wrap {width: 25%; height: 22vw; position: absolute; background-size: cover; background-position: center center; background-repeat: no-repeat; box-shadow: inset 0px 0px 1px grey;}
.jansass_5er_block span.wrap:hover {transform: scale(0.95);transition: all 0.5s ease; box-shadow: inset 0 0 30px rgba(0,0,0,0.2);}
.jansass_5er_block span.wrap.wrap_2 {left: 25%; width: 50%; height: 44vw;}
.jansass_5er_block span.wrap.wrap_3 {right: 0;}
.jansass_5er_block span.wrap.wrap_4 {left: 0; bottom: 0;}
.jansass_5er_block span.wrap.wrap_5 {right: 0; bottom: 0;}
.jansass_5er_block span.wrap a {width: 100%; height: 100%; display: block;}
@media (min-width:1200px){ 
	.jansass_5er_block,
	.jansass_5er_block span.wrap.wrap_2 {height: 36vw;}
	.jansass_5er_block span.wrap {height: 18vw;}
}
@media (min-width:1600px){ 
	.jansass_5er_block,
	.jansass_5er_block span.wrap.wrap_2 {height: 26vw;}
	.jansass_5er_block span.wrap {height: 13vw;}
}