:root{
	
	--color_marko-gruen:rgba(75,184,67, 1);
	--color_dunkelgruen:rgba(0,128,0, 1);
	--color_krokus:rgba(128,0,128, 1);
	--color_schwarz:rgba(0,0,0, 1);
	--color_orange:rgba(234,117,0, 1);
	--color_dunkelblau:#2b2f4b;
	--color_std_textcolor:#rgba(114,114,114, 1);
}



@font-face {
    font-family: Raleway;  
        src: url('fonts/Raleway-VariableFont_wght.ttf') format('truetype');
        font-weight: "normal";
        font-style: "normal";
}

@font-face {
    font-family: Montserrat;  
        src: url('fonts/Montserrat-VariableFont_wght.ttf') format('truetype');
        font-weight: "normal";
        font-style: "normal";
}
/*
@font-face {
    font-family: Asap;  
        src: url('fonts/Asap-VariableFont_wght.ttf') format('truetype');
        font-weight: "normal";
        font-style: "normal";
}

@font-face {
    font-family: Roboto;  
        src: url('fonts/Roboto-Regular.ttf') format('truetype');
        font-weight: "normal";
        font-style: "normal";
}

*/

hr {
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 1px;
}

.Lato-Normal-Text{
	margin-top:5px;
	//font-family: 'Lato', sans-serif;
	font-family: 'Montserrat', sans-serif;
	font-weight:300;
	font-size :16px;
	color:#636363;
	line-height:25px;
}


.Lato-Normal-Text-Media{
	margin-top:5px;
	//font-family: 'Lato', sans-serif;
	font-family: 'Montserrat', sans-serif;
	font-weight:400;
	font-size :14px;
	color:grba(59,89,152,1);
	//color:#ff0000;
	line-height:25px;
}

@media (min-width: 575.98px) {
	.Lato-Normal-Text-Media{
		margin-top:5px;
		//font-family: 'Lato', sans-serif;
		font-family: 'Montserrat', sans-serif;
		font-weight:400;
		font-size :16px;
		color:grba(59,89,152,1);
		line-height:25px;
	}
}




.img-container {
    position: relative;
    max-width: 800px; /* Maximum width */
    margin: 0 auto; /* Center it */
}

.img-container .img-content {
    position: absolute; /* Position the background text */
    bottom: 0; /* At the bottom. Use top:0 to append it to the top */
    background: rgba(255, 0, 0, 0.5); /* Black background with 0.5 opacity */
    color: #f1f1f1; /* Grey text */
    width: 100%; /* Full width */
    padding: 20px; /* Some padding */
}

.bg {
    /* The image used */
    background: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,.5)),  url("img/slider/AdobeStock_67742532_Preview.jpeg")  no-repeat center center fixed;

    /* Full height */
    height: 100%; 

    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.card-button {				
					
				border: 1px solid rgba(136,136,136,1);
				border-radius:0px;
				padding: 10px 10px;
				text-align: center;
				text-decoration: none;
				font-family:Open Sans, sans-serif;				
				font-size:13px;
				color: rgba(72,72,72,1);
				display: inline-block;					
				//box-shadow: 0 3px 3px 0 rgba(0,0,0,0.2), 0 0px 0px 0 rgba(0,0,0,0.19);
							
			}
			
.card-button:hover{
	text-decoration: none;
	border: 1px solid var(--color_dunkelgruen);
	//color: rgba(0,0,0,1);
	color: var(--color_dunkelgruen);
	
}	

.card-button-inverse {				
					
				border: 1px solid var(--color_dunkelgruen);
				background-color:var(--color_dunkelgruen);
				border-radius:0px;
				padding: 10px 10px;
				text-align: center;
				text-decoration: none;
				font-family:Open Sans, sans-serif;				
				font-size:13px;
				color: rgba(255,255,255,1);
				display: inline-block;					
				//box-shadow: 0px 5px 5px rgba(0,0,0,0.2);//, 0px 10px 10px rgba(0,0,0,0.19);
							
			}

.card-button-inverse:hover{
	text-decoration: none;
	border: 1px solid var(--color_dunkelgruen);
	background-color:#f8f8f8;
	//color: rgba(0,0,0,1);
	color: var(--color_dunkelgruen);
	
}	


.card:hover {
	box-shadow: 5px 5px 5px rgba(0,0,0,0.2), 0px 10px 10px rgba(0,0,0,0.19);
}


/* Strike sind die Bereichsüberschriften */

.strike {
        display: block;
        text-align: center;
        overflow: hidden;
        white-space: nowrap; 
    }

    .strike > span {
        position: relative;
        display: inline-block;
    }
	
    .strike > span:before,
    .strike > span:after {
        content: "";
        position: absolute;
        top: 50%;
        width: 100px;
        height: 3px;
        background: var(--color_dunkelgruen);
    }

    .strike > span:before {
        right: 100%;
        margin-right: 15px;
    }

    .strike > span:after {
        left: 100%;
        margin-left: 15px;
    }

.strike-text{
	font-family: Montserrat, sans-serif;
	font-size:25px;
	font-weight:600;
	color:#2b2f4b;
	//color:#ff0000;
}	

/* Small devices (landscape phones, 576px and up)*/
@media  (min-width: 575.98px) { 
	.strike-text{
		font-family: Montserrat, sans-serif;
		font-size:25px;
		font-weight:600;
		color:#2b2f4b;
	}
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 767.98px) {
	.strike-text{
		font-family: Montserrat, sans-serif;
		font-size:30px;
		font-weight:600;
		color:#2b2f4b;
	}
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 991.98px) {
	.strike-text{
		font-family: Montserrat, sans-serif;
		font-size:30px;
		font-weight:600;
		color:#2b2f4b;
	}
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1199.98px) {
	.strike-text{
		font-family: Montserrat, sans-serif;
		font-size:30px;
		font-weight:600;
		color:#2b2f4b;
	}
}


	
.blockueberschrift > hr{
	height:2px;
	width:100px;
	text-align:left;	
	margin-left:0;
	background-color: var(--color_dunkelgruen);
}
.blockueberschrift > span{
	font-family: Montserrat, sans-serif;				
	font-size:25px;		
	font-weight:600;
	//letter-spacing:3px;	
	color:var(--color_dunkelblau);
	line-height:40px;
}

/* Small devices (landscape phones, 576px and up)*/
@media  (min-width: 575.98px) { 
	.blockueberschrift > span{
		font-size:25px;
	}
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 767.98px) {
	.blockueberschrift > span{
		font-size:35px;
	}
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 991.98px) {
	.blockueberschrift > span{
		font-size:35px;
	}
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1199.98px) {
	.blockueberschrift > span{
		font-size:35px;
	}
}




.blockueberschrift20px > hr{
	height:2px;
	width:100px;
	text-align:left;	
	margin-left:0;
	background-color: var(--color_dunkelgruen);
}
.blockueberschrift20px > span{
	font-family: Montserrat, sans-serif;				
	font-size:20px;		
	font-weight:600;
	//letter-spacing:3px;	
	color:var(--color_dunkelblau);
	line-height:20px;
}


.jobueberschrift{
	font-family: Montserrat, sans-serif;				
	font-size:18px;		
	font-weight:600;
	//letter-spacing:3px;	
	color:var(--color_dunkelblau);
	line-height:20px;
}

.table-borderless > tbody > tr > td,
.table-borderless > tbody > tr > th,
.table-borderless > tfoot > tr > td,
.table-borderless > tfoot > tr > th,
.table-borderless > thead > tr > td,
.table-borderless > thead > tr > th {
    border: none;
}



#footer-dienstleistung a{
	color:#A2A2A2;
	text-decoration:none;
}

#footer-dienstleistung a:hover{
	color:#f8f8f8;
	text-decoration:none;
	padding-left:4px;
	border-left:2px solid var(--color_dunkelgruen);
}

.footer-border{
	border-right:none;
	border-bottom: 1px solid #727272;
}
/* Small devices (landscape phones, 576px and up)*/
@media  (min-width: 575.98px) { 
	.footer-border{
		border-right:none;
		border-bottom: 1px solid #727272;
		
	}
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 767.98px) {
	.footer-border{
		border-right:1px solid #727272;
		border-bottom:none;		
	}
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 991.98px) {
	.footer-border{
		border-right:1px solid #727272;
		border-bottom:none;
	}
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1199.98px) {
	.footer-border{
		border-right:1px solid #727272;
		border-bottom:none;
		
	}
}

#ms-brand-cyplex{
	
	//color:rgba(0,128,192,1);
	font-family: 'Comfortaa', cursive;
	font-size:18px;
	font-weight:700;
	/*
	-webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #f8f8f8;
	*/
}