@charset "UTF-8";
/* CSS Document */

/* GENERAL ADJUSTS */
html {
    scroll-behavior: smooth;
}

body {
    min-height: 100%;
}

/* GENERAL COLOR ADJUSTS */
.colorA {
    color: #42f448;
}
    
.colorB {
    color: #dcf441;
}
    
.colorC {
    color: #12ff42;
}
    
.white {
    color: #ffffff;
}

.black {
    color: #000000;
}

.greyA {
    color: #efefef;
}

.greyB {
    color: #ced4da;
}

.greyC {
    color: #;
}

.alertColor {
    color: #c6071b;
}

.success {
    color: #00B233;
}

.backgroundColorA {
    background-color: #42f448;
}

.backgroundColorB {
    background-color: #dcf441;
}

.backgroundColorC {
    background-color: #12ff42;
}

.backgroundWhite {
    background-color: #ffffff;
}

.backgroundBlack {
    background-color: #000000;
}

.backgroundGreyA {
    background-color: #efefef;
}

.backgroundGreyB {
    background-color: #ced4da;
}

.backgroundGreyC {
    background-color: #;
}

/* FONT */

.fontBig {
	font-size: 60px;
}

.fontMediumBig {
	font-size: 47px;
}

.fontMedium {
	font-size: 30px;
}

.fontMediumSmall {
	font-size: 25px;
}

.fontSmall {
	font-size: 20px;
}

.fontExtraSmall {
	font-size: 12px;
}

.fontUppercase {
    text-transform: uppercase;
}

.fontLowercase {
    text-transform: lowercase;
}

.underline {
	text-decoration: underline;
}

.lineHeightBig {
	line-height:60px;
}

.lineHeightMediumBig {
	line-height:47px;
}

.lineHeightMedium {
	line-height: 30px;
}

.lineHeightMediumSmall {
	line-height: 25px;
}

.lineHeightSmall {
	line-height: 20px;
}

.lineHeightExtraSmall {
	line-height: 12px;
}

.linebreak {
    white-space: normal;
}

/* SHOW HIDE */

.hide {
	visibility: hidden;
}

.none {
	display: none;
}

.show {
	display: block;
}
	
/* SPACE ADJUSTS */	
.heightFull { 
	min-height: 100%;
	height: 100%;
}

.heightBig {
	height: 900px;
}

.heightMediumBig {
	height: 750px;
}

.heightMedium {
	height: 500px;
}

.heightMediumSmall {
	height: 350px;
}

.heightSmall {
	height: 250px;
}

.heightExtraSmall {
	height: 150px;
}

.height0 {
    height: 0px;
}

.height10 {
    height: 10px;
}

.height20 {
    height: 20px;
}

.height30 {
    height: 30px;
}

.height40 {
    height: 40px;
}

.height50 {
    height: 50px;
}

.height100 {
    height: 100px;
}

.heightAuto {
    height: auto;
}

.heightBigMinimum {
    min-height: 900px;
}

.heightMediumMinimum {
    min-height: 500px;
}

.heightSmallMinimum {
    min-height: 250px;
}

.widthFull {
	width: 100%;
}

.widthBig {
	width: 900px;
}

.widthBigMedium {
	width: 750px;
}

.widthMedium {
	width: 500px;
}

.widthMediumSmall {
	width: 350px;
}

.widthSmall {
	width: 250px;
}

.widthExtraSmall {
	width: 150px;
}

.width0{
    width: 0px;
}

.width10P {
    width: 10%;
}

.width20P {
    width: 20%;
}

.width30P {
    width: 30%;
}

.width40P {
    width: 40%;
}

.width50P {
    width: 50%;
}

.width60P {
    width: 60%;
}

.width70P {
    width: 70%;
}

.width80P {
    width: 80%;
}

.width90P {
    width: 90%;
}

/* PADDING */

.paddingNull {
    padding: 0;
}

.paddingBig {
	padding: 100px;
}

.paddingMedium {
	padding: 60px;
}

.paddingSmall {
	padding: 12px;
}

.paddingExtraSmall {
	padding: 5px;
}

.paddingTopBig {
    padding-top: 100px;
}

.paddingTopMedium {
	padding-top: 60px;
}

.paddingTopSmall {
	padding-top: 12px;
}

.paddingTopExtraSmall {
	padding-top: 5px;
}

.paddingBottomBig {
    padding-bottom: 100px;
}

.paddingBottomMedium {
	padding-bottom: 60px;
}

.paddingBottomSmall {
	padding-bottom: 12px;
}

.paddingBottomExtraSmall {
	padding-bottom: 5px;
}

/* MARGIN */

.marginBig {
	margin: 100px;
}

.marginMedium {
	margin: 60px;
}

.marginSmall {
	margin: 12px;
}

.marginExtraSmall {
	margin: 5px;
}

.marginTopBig {
	margin-top: 100px;
}

.marginTopMedium{
	margin-top: 60px;
}

.marginTopMediumSmall{
	margin-top: 30px;
}

.marginTopSmall {
	margin-top: 12px;
}

.marginTopExtraSmall {
	margin-top: 5px;
}

.marginTopNegativ {
	margin-top: -20px;
}

.marginBottomBig {
    margin-bottom: 100px;
}
	
.marginBottomMedium {
	margin-bottom: 60px;
}

.marginBottomMediumSmall {
	margin-bottom: 30px;
}

.marginBottomSmall {
	margin-bottom: 12px;
}

.marginBottomExtraSmall {
	margin-bottom: 5px;
}

.marginLeftBig {
    margin-left: 100px;
}

.marginLeftMedium {
    margin-left: 60px;
}

.marginLeftSmall {
    margin-left: 12px;
}

.marginLeftExtraSmall {
    margin-left: 5px;
}

.marginRightBig {
    margin-right: 100px;
}

.marginRightMedium {
    margin-right: 60px;
}

.marginRightSmall {
    margin-right: 12px;
}

.marginRightExtraSmall {
    margin-right: 5px;
}

/* ALIGN */

.center {
	text-align: center;
}

.left {
    text-align: left;
}

.centerContainer {
    float: none;
    margin: 0 auto;
}

.justify {
	text-align: justify;
}

/* BORDERS */

.cornersRoundedMedium {
	border-radius: 25px;
}

.cornersRoundedSmall {
	border-radius: 5px;
}

.cornersRoundedSmallTop {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.cornersRoundedSmallBottom {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.cornersRoundedSmallLeft {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.cornersRoundedSmallRight {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.borderBig {
	border: 6px solid;
}

.borderMedium {
    border: 3px solid;
}

.borderSmall {
	border: 1px solid;
}

.borderExtraSmall {
    border: 0.75px solid;
}

.borderBigTop {
	border-top: 6px solid;
}

.borderMediumTop {
    border-top: 3px solid;
}

.borderSmallTop {
	border-top: 1px solid;
}

.borderExtraSmallTop {
    border-top: 0.75px solid;
}

.borderBigBottom {
	border-bottom: 6px solid;
}

.borderMediumBottom {
    border-bottom: 3px solid;
}

.borderSmallBottom {
	border-bottom: 1px solid;
}

.borderExtraSmallBottom {
    border-bottom: 0.75px solid;
}

.borderNoTop {
	border-left: 1px solid;
	border-right: 1px solid;
	border-bottom: 1px solid;
}

.borderColorA {
    border-color: #42f448;
}

.borderColorB {
    border-color: #dcf441;
}

.borderColorC {
    border-color: #12ff42;
}

.borderAlert {
    border-color: #c6071b;
}

.borderSuccess {
    border-color: #00B233;
}

/* POSITION AND Z-AXE */

.positionRelative {
    position: relative;
}

.positionAbsolut {
    position: absolute;
}

.zIndex1 {
    z-index: 1;
}

.zIndex2 {
    z-index: 2;
}

.zIndex3 {
    z-index: 3;
}

.zIndex4 {
    z-index: 4;
}

.zIndex5 {
    z-index: 5;
}

.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

.stickyTop {
    position: -webkit-sticky; /* Safari */
    position: fixed;
    top: 0;
}

.stickyBottom {
	position: fixed;
   	left: 0;
   	bottom: 0;
}


/* OTHER */

.opacity0{
    opacity: 0;
}

.opacity50{
    opacity: 0.5;
}

.opacity100{
    opacity: 1;
}

.backgroundDynamicVideoMountains {
	background-image: url('https://dynamic-video.de/wp-content/uploads/2019/02/allgauer-berge-dynamic-video-personalisierte-werbung-footer-gross.png');
	background-size: cover;
	background-repeat: repeat-x;
}

.loader {
    border: 3px solid #ffffff;
    border-top: 3px solid #42f448;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    margin-left: 4px;
    animation: spin 2s linear infinite;
}

/* HOVER */

.hoverCursorAuto:hover {
    cursor: auto;
}

.hoverCursorPointer:hover {
    cursor: pointer;
}

.hoverCursorCross:hover {
    cursor: crosshair;
}

.hoverCursorGrab:hover {
    cursor: grab;
}

.hoverCursorGrabbing:hover {
    cursor: grabbing;
}

.hoverCursorHelp:hover {
    cursor: help;
}

.hoverCursorMove:hover {
    cursor: move;
}

.hoverCursorNotAllowed:hover {
    cursor: not allowed;
}

.hoverColorA:hover {
    color: #ffffff;
    background-color: #42f448;
}
		
.hoverColorB:hover {
    color: #ffffff;
    background-color: #dcf441;
}
		
.hoverColorC:hover {
    color: #ffffff;
    background-color: #12ff42;
}
		
/* MOBILE SPECIFIC */
  	@media (max-width: 599px) {
		.mobileHide {
			display: none;
		}
		
		.mobileShow {
			display: block;
		}		
}