/* 
	------------------------ 
	GLOBAL SETTINGS
	------------------------ 
	*/
	/* GLOBAL / IMG ROUND CORNER */
	body.img-round-corner section video,
	body.img-round-corner section img {
	   border-radius: 30px;
    }
	/* 3er Grid */
	body.img-round-corner section#image_grid #three_column video,
	body.img-round-corner section#image_grid #three_column img {
		border-radius: 20px;
	}
	
   /* GLOBAL / IMG SHADOW */
    /*body.img-round-corner section video,
	body.img-round-corner section img {
	   box-shadow: 3px 3px 12px 2px rgba(0,0,0,0.15); 
    }*/
	body.img-shadow section video,
	body.img-shadow section img {
	   box-shadow: 3px 3px 15px 3px rgba(0,0,0,0.15);
	   border: none;
	}
	
	/* INDIVIDUELL / IMG SHADOW */
	body section .image.square img,
	body section .image.round img,
	body section video.round,
	body section video.square,
	body section .swiper-slide.round img,
	body section .swiper-slide.square img {
		box-shadow: none !important;
	}
	body section .image.square-shadow img,
	body section .image.round-shadow img,
	body section video.round-shadow,
	body section video.square-shadow,
	body section .swiper-slide.round-shadow img,
	body section .swiper-slide.square-shadow img {
		box-shadow: 3px 3px 12px 2px rgba(0,0,0,0.15) !important;
	}
	
	/* INDIVIDUELL / IMG ROUND CORNER  */
	body section .image.round img,
	body section .image.round-shadow img,
	body section video.round,
	body section video.round-shadow,
	body section .swiper-slide.round img,
	body section .swiper-slide.square-shadow img {
		 border-radius: 30px !important;
	}
	/* 3er Grid */
	body section#image_grid #three_column .image.round img,
	body section#image_grid #three_column .image.round-shadow img,
	body section#image_grid #three_column video.round,
	body section#image_grid #three_column video.round-shadow {
		 border-radius: 20px !important;
	}
	
	body section .image.square img,
	body section .image.square-shadow img,
	body section video.square, 
	body section video.square-shadow,
	body section .swiper-slide.square img,
	body section .swiper-slide.square-shadow img {
		border-radius: 0px !important; 
	}
	
	/* HERO IMG */
	body section .image.fullwidth img,
	body section video.fullwidth { border-radius: 0px !important; }
	
	
	/* ------------------------ 
	BUTTON BOX + LINK BOX
	------------------------ */
	#buttonbox .col-3,
	#linkbox.col-12 { padding: 1rem; }
	
	#buttonbox .but-style,
	#linkbox .link-style  { padding-bottom: 4rem; }
	
	#buttonbox .but-style h2,
	#linkbox .link-style h2 { padding-bottom: 1rem; }
	
	#buttonbox hr,
	#linkbox hr {
		border-top-style: inset;
		border-top-width: 1px;
		padding: .5rem 0; 
	}
	
	/* ------------------------ 
	BUTTON BOX
	------------------------ */
	.button { color: #fff;}
	
	.button p { 
		line-height: 0px;
		text-align: center;
		padding: 30px;
	}
	
	/* BUTTON INUSE */
   .but.inuse { cursor: pointer; }
   
    /*active*/
   .but.inuse .active { display: block }
   .but.inuse .hover,
   .but.inuse .click { display: none }
   
   /*hover*/
   .but.inuse:hover .hover { display: block }
   .but.inuse:hover .active,
   .but.inuse:hover .click  { display: none }
   
   /*click*/
   .but.inuse:active .click { display: block }
   .but.inuse:active .active,
   .but.inuse:active .hover  { display: none }
    /* ---- end BUT  INUSE */
	
	
	
	/********** BUTTON  / NEW STYLE - ************* */
   .button.inuse { cursor: pointer; }
   .button .but p { padding: 20px 30px;}
   .button { margin-top: 20px; }
   
    #note.butnote { padding-top: 15px; }
	#note.butnote p { line-height: 1.15rem; }
   
    /*active*/
   .button.inuse .active { display: inline-block; }
   .button.inuse .hover,
   .button.inuse .click { display: none }
   
   /*hover*/
   .button.inuse:hover .hover { display: inline-block; }
   .button.inuse:hover .active,
   .button.inuse:hover .click  { display: none }
   
   /*click*/
   .button.inuse:active .click { display: inline-block; }
   .button.inuse:active .active,
   .button.inuse:active .hover  { display: none }
   
   /* BUT ROUNDED */
	body.but-rounded .but {
		border-radius: 30px;
	}
    /* BUT SHADOW */
	body.but-shadow .but { 
		box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
	}
	/* BUT OUTLINE */
	body .but.outline { 
		/*border: 2px solid rgba(255,255,255,0);*/
		overflow: hidden;
	}
	
	body .but .but-inner { 
		width: calc(100% + 2px);
		margin-left: - 1px;
	}
	
	
	/* ------------------------ 
	LINK BOX
	------------------------ */
	.crosslink { 
		color: #000;
		padding-bottom: 1rem;
	}
	
	/*VER.1*/
	/*active*/
	body.link_active_bold .link .crosslink p.active { font-weight: 600;}
	body.link_active_underline .link .crosslink p.active { text-decoration: underline;}
	body.link_active_opacity30 .link .crosslink p.active { opacity: .7;}
	body.link_active_opacity50 .link .crosslink p.active { opacity: .5;}
	
	/*hover*/
	body.link_hover_bold .link .crosslink p.hover { font-weight: 600;}
	body.link_hover_underline .link .crosslink p.hover { text-decoration: underline;}
	body.link_hover_opacity30 .link .crosslink p.hover { opacity: .7;}
	body.link_hover_opacity50 .link .crosslink p.hover { opacity: .5;}
	
	/*click*/
	body.link_click_bold .link .crosslink p.click { font-weight: 600;}
	body.link_click_underline .link .crosslink p.click { text-decoration: underline;}
	body.link_click_opacity30 .link .crosslink p.click { opacity: .7;}
	body.link_click_opacity50 .link .crosslink p.click { opacity: .5;}
	
	/*deactive*/
	body.link_deactive_bold .link .crosslink p.deactive { font-weight: 600;}
	body.link_deactive_underline .link .crosslink p.deactive { text-decoration: underline;}
	body.link_deactive_opacity30 .link .crosslink p.deactive { opacity: .7;}
	body.link_deactive_opacity50 .link .crosslink p.deactive { opacity: .5;}
	
	
	/* CROSSLINK INUSE */
   .link.inuse { cursor: pointer; }
   
    /*active*/
   .link.inuse .active { display: block }
   .link.inuse .hover,
   .link.inuse .click { display: none }
    
	/*hover*/
   .link.inuse:hover .hover { display: block }
   .link.inuse:hover .active,
   .link.inuse:hover .click  { display: none }
   
   /*click*/
   .link.inuse:active .click { display: block }
   .link.inuse:active .active,
   .link.inuse:active .hover  { display: none }
   /* ---- end CROSSLINK INUSE */
   
   
   /* NOTIFICATION */
	#notebox { padding-top: .5rem; }
	#notebox ul { padding-left: 30px; }
	#notebox li { 
		list-style: disc;
		font-size: 14px;
	}
	
	#notebox li.x,
	#notebox p.x  { position: relative;}
	
	#notebox li.x:after,
	#notebox p.x:after {
		 content: '❌ ';
		 font-size: 15px;
		 position: absolute;
	}
	
	/*notebox*/
	#notebox p.x { padding-left: 30px; }
	#notebox p.x:after {
		top: 0px;
		left: 0px;
	}
	
	/*list*/
	#notebox li.x { list-style: none; }
	#notebox li.x:after {
		 top: 12px;
		 left: -25px;
	}