.header .slogan h2:root {
	/* a touch of gray */
	--dark-text-color: #eee;
	--spacing: 35px;
	--menu-height: 70px;

}


.header {
/*	height: 100vh;*/
	overflow: hidden;
	position: relative;
/*	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;*/
/*	margin-bottom: calc(var(--spacing) * 2);*/
}
.header img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.header:has(* img):after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1; 
	background-color: rgba(0, 0, 0, 0.8);
}
.header:has(* img) *:not(img):not(:has(img)):not(.menu) {
	z-index: 2;
}

body#home .header:has(* img):after {
	background-color: transparent;
}

.header .slogan {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	color: #efefef;
	font-size: 2.2rem;
	padding: 5px 15px;
	z-index: 3;
	text-align: center;
	width: 100%;
	margin: 0 auto;
}
.header .slogan text {
	font-family: 'julietta', Arial, sans-serif;
	font-size: 120px;
	color: #ffffff;
	line-height: 1.2em;
}
.header .slogan p {
	font-size: 24px;
	font-weight: lighter;
}

.headline.block_content {
	margin-bottom: 80px;
}


.marker {
    color: #8dc63f;
}


.cover-image:is(img), .cover-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.parallax {
	width: 100vw;
	background-color: #000000;
	border-top: 1px solid #8dc63f;
	border-bottom: 1px solid #8dc63f;
}

.parallax img {
	height: inherit;
	width: 100%;
	object-fit: cover;
	opacity: 0.3;
}

.parallax>:not(img) {
	max-width: 768px;
	padding: 0 20px;
}

.parallax h2 {
	font: 400 50px 'Roboto',Arial,sans-serif;
	margin-bottom: 20px;
	margin-top: 0;
	color: #8dc63f;
}

.uvideo .preview {
	background-color: #000000;
	border-top: 1px solid #8dc63f;
	border-bottom: 1px solid #8dc63f;
}

.uvideo .preview img {
	overflow: hidden;
	width: 100%;
	opacity: 0.3;
}

.uvideo .uvideo-play {
	color:#8dc63f !important;
	z-index: 2 !important;
}


.objectfit-cover, .objectfit-cover .text {
    width: 100%;
/*    min-height: 600px;*/
    height: 100%;
    position:relative
}

.objectfit-cover .tb_image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin: 0;
    position:absolute;
}

.text .block_content {
	padding: 40px 50px;
	min-height: 420px;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}





#referenzen {
	background: #0e202d;
	border-top: 1px solid #8dc63f;
}
.tns-controls [data-controls="prev"],
.tns-controls [data-controls="next"],
.tns-nav {
	display: none;
}

.site-head-start {
    position: relative;
    display: table;
    width: 100%;
    height: 100vh;
    text-align: center;
    color: #bbb;
    background-image: url("/stream/images/layout/titelbild.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;

}

.site-head {
    position: relative;
    width: calc(100vw - 0px);
    height: 50vh;
    text-align: center;
    color: #bbb;
    z-index: 1;
    margin: 0 auto 0 auto;
    overflow:hidden
}


/*.weiss {
	background-color: #ffffff;
	padding: 50px;
	color: #333;
	height: 100%;
}*/

.weiss {
    background-color: rgba(255, 255, 255, 0.1);
    padding: 50px;
    color: #ffffff;
    height: 100%;
    border-left: 2px solid #8dc63f;
}

/*.weiss .simple-button-plugin {
    padding: 15px 30px;
    background: #122634;
	color: #ffffff;
	border: 1px solid #8dc63f;
}

.weiss .simple-button-plugin:hover {
    color: #122634;
    padding: 15px 30px;
    background: #8dc63f;
    border: 1px solid #122634;
}
*/
.simple-button-plugin {
    font-size: 1.1rem;
    font-weight: 500;
    padding: 1rem 2rem;
    background-color: #8dc63f;
    text-decoration: none;
    color: #fff;
    transition: all 500ms ease-in-out;
    border-radius: 50px;
    display: inline-block;
    margin: auto auto 10px auto;
    border: 1px solid #8dc63f;
    line-height: initial;
    width: max-content;
    transition: ease-out .5s;
    box-shadow:inset 0 0 0 0 #8dc63f;
    text-transform: uppercase;
}

.simple-button-plugin:hover {
    box-shadow: inset 500px 0 0 0 #122634 !important;
    color: #ffffff !important;
    border:1px solid #ffffff !important;
    text-decoration: none;
}


.text a.wikilink.internal {
    font-size: 1.1rem;
    font-weight: 500;
    padding: 1rem 2rem;
    background-color: #8dc63f;
    text-decoration: none;
    color: #fff;
    transition: all 500ms ease-in-out;
    border-radius: 50px;
    display: inline-block;
    margin: auto auto 10px auto;
    border: 1px solid #8dc63f;
    line-height: initial;
    width: max-content;
    transition: ease-out .5s;
    box-shadow:inset 0 0 0 0 #8dc63f;
    text-transform: uppercase;
}

.text a.wikilink.internal:hover {
    box-shadow: inset 500px 0 0 0 #122634 !important;
    color: #ffffff !important;
    border:1px solid #ffffff !important;
    text-decoration: none;
}


/*
.blau {
    padding: 20px;
    border:1px solid #d4d4d4;
    background-color: #60849e;
    text-align: center;
}

.grau {
    padding: 20px;
    border:1px solid #d4d4d4;
    background-color: #f6f6f6;
    text-align: center;
}

.gruen {
    padding: 20px;
    border:1px solid #d4d4d4;
    background-color: #7d8a47;
    text-align: center;
}

.blau:hover,
.grau:hover,
.gruen:hover {
    padding: 20px;
    border:1px solid #d4d4d4;
    box-shadow: 0 0 0 10px #fff inset;
}

.blau .block_content.text,
.gruen .block_content.text,
.grau .block_content.text {
    margin:3em 0;
}

a.blau,
a.gruen {
    color:#ffffff;
    text-decoration:none;
}
a.blau h3,
a.gruen h3 {
    color:#ffffff;
    text-decoration:none;
    font-size: 30px;
}

a.grau {
	color: #000000;
	text-decoration: none;
}

a.grau h3 {

	text-decoration:none;
    font-size: 30px;
}

a.blau:hover,
a.gruen:hover {
    color: #ffffff;
    text-decoration:none;
}*/


.qcta {
	margin: 60px 0;
	border-radius: 20px;
	border:5px solid;
	border-color: #8dc63f;
/*	border-image-source: linear-gradient(to right, #8dc63f, #7d8a47);
	border-image-slice: 1;
  	border-width: 5px;*/
  	/*background-image: linear-gradient(#EFEFEF, #ffffff);*/

    background: #50773A;
background: linear-gradient(270deg,rgba(80, 119, 58, 1) 0%, rgba(118, 167, 61, 1) 50%);
}

.qcta h2 {
	font: 400 30px 'Roboto',Arial,sans-serif;
	margin-bottom: 0;
	margin-top: 0;
	color: #8dc63f;
	text-transform: uppercase;
}

.qcta a {
    font-size: 1.1rem;
    font-weight: 500;
    padding: 1rem 2rem;
    background-color: #ffffff;
    text-decoration: none;
    color: #122634;
    transition: all 500ms ease-in-out;
    border-radius: 50px;
    display: inline-block;
    margin: auto auto 10px auto;
    border: 1px solid #ffffff;
    line-height: initial;
    width: max-content;
    transition: ease-out .5s;
    box-shadow: inset 0 0 0 0 #122634;
    text-transform:uppercase
}

.qcta a:hover {
    box-shadow: inset 500px 0 0 0 #122634 !important;
    color: #fff !important;
    border: 1px solid #122634 !important;
    text-decoration:none
}


.card .title {
    margin-top: 30px !important;
    color:#8dc63f;
}

.card p {
    word-break: break-word;
    margin: 20px auto !important;
    color:#000000;
}



#buttons {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;

    position: fixed;
    display: inline-flex;
    vertical-align: middle;

    right: -1px;
    top: 50%;
    transform: translateY(-52%);

    z-index: 500;
    transition: all 1s;
}


/*#buttons.inactive {
    right: -100%;
}
#buttons.active {
    right: -1px;
}

.btn-secondary {
    color: #0e202d;
    background: #8dc63f;

    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.3rem;

    margin-top: 2px;

    border-top-left-radius: 2rem !important;
    border-bottom-left-radius: 2rem !important;
    border: 1px solid #0e202d;

    width: 100%;

}

.btn-secondary:hover {
    background: #0e202d;
    color: #8dc63f;
    border: 1px solid #8dc63f;
    text-decoration: none;
}

#buttons .fa,
#buttons .fas {
    display: inline-block;
    margin-right: 12px;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.btn-sm {
    display: inline-block;
    margin-right: 12px;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}



@media (max-width: 1920px) {
    #buttons {
        transform: translate(100%,-52%);
    }

    #buttons .btn-secondary {
        transform: translateX(-45px);
        transition: transform 0.5s
    }

    #buttons .btn-secondary:hover {
         transform:translateX(-100%) 
    }
}*/

#buttons.inactive {
    right: -100%;
}
#buttons.active {
    right: -1px;
}

.btn-secondary {
    color: #ffffff;
    background: #8dc63f;
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-top: 1px solid color-mix(in lch, var(--primary), white 20%);
    border-left: 1px solid color-mix(in lch, var(--primary), white 20%);
    width: 100%;
    transition: background 0.3 ease, all 0.3 ease;
}

#buttons .btn-secondary:first-of-type {
    border-top-left-radius: 2rem !important;
}

#buttons .btn-secondary:last-of-type {
    border-bottom-left-radius: 2rem !important;
    border-bottom: 1px solid color-mix(in lch, var(--primary), white 20%);
}

.btn-secondary:hover {
    background: #0e202d;
    text-decoration: none;
    color: #ffffff;
    border-top-left-radius: 2rem;
    border-bottom-left-radius: 2rem;
}

#buttons .fa,
#buttons .fas,
#buttons .fa-brands,
#buttons .fa-solid,
#buttons .fa-regular {
    display: inline-block;
    margin-right: 12px;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.btn-sm {
    display: inline-block;
    margin-right: 12px;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}



@media (max-width: 2400px) {
    #buttons {
        transform: translate(100%,-52%);
    }

    #buttons .btn-secondary {
        transform: translateX(-45px);
        transition: transform .3s ease-in-out, background .3s ease, color .3s ease, all .5s ease;
    }

    #buttons .btn-secondary:hover {
        transform:translateX(-100%);
    }
}


.info {
    padding:10px 0 0 0
}

.info .pager {
    margin:0 0 10px 0
}

.info .list .info-item {
    margin-bottom: 25px;
    margin-left: 10px;
    border-bottom: 1px solid #ddd;
    padding-bottom:25px
}

.info .list .item-header {
    padding: 4px 0 15px 0;
    margin-top: 0;
    font-weight: 400;
    text-align:left
}

.info .list .info-item .item-header a {
    color: #8dc63f;
    font-size: 26px;
    font-weight:600
}

.info .list .info-item .item-header h1 {
    margin-bottom: 0;
    padding-bottom:0
}

.info .item-header h1 {
    margin-left: 0;
    text-transform: none;
    font-size: 42px !important;
    text-align: left;
    margin-bottom:30px
}

.info .item-header h2 {
    margin-left: 0;
    font-size: 24px !important;
    font-weight: 500;
    text-align:left
}

.info .list .item-text {
    padding: 10px 10px 10px 0;
    display:inline-block
}

.info .list .item-text .tb_image_l {
    display:none
}

.info .detail .item-text {
    padding: 0;
    margin: 0;
    padding-left:0
}

.info .item-text h2 {
    font-size: 32px;
}

.info .item-backlink {
    margin:10px 0 0 0
}

.info .item-author {
    margin:0
}

.info .item-gericht {
    margin:0
}

.info .item-normen {
    margin:0
}

.info .item-url {
    margin:0
}


#callnowbutton {
    display: none;
    position: fixed;
    text-decoration: none;
    z-index: 2147483647;
    width: 65px;
    height: 65px;
    border-radius: 50%;
    border: 2px solid #fff;
    bottom: 5px;
    transform: scale(0.8);
    left: 0;
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDQ4MC42IDQ4MC42IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0ODAuNiA0ODAuNjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8Zz4KCTxnPgoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0zNjUuNCwzMTcuOWMtMTUuNy0xNS41LTM1LjMtMTUuNS01MC45LDBjLTExLjksMTEuOC0yMy44LDIzLjYtMzUuNSwzNS42Yy0zLjIsMy4zLTUuOSw0LTkuOCwxLjgKCQkJYy03LjctNC4yLTE1LjktNy42LTIzLjMtMTIuMmMtMzQuNS0yMS43LTYzLjQtNDkuNi04OS04MWMtMTIuNy0xNS42LTI0LTMyLjMtMzEuOS01MS4xYy0xLjYtMy44LTEuMy02LjMsMS44LTkuNAoJCQljMTEuOS0xMS41LDIzLjUtMjMuMywzNS4yLTM1LjFjMTYuMy0xNi40LDE2LjMtMzUuNi0wLjEtNTIuMWMtOS4zLTkuNC0xOC42LTE4LjYtMjcuOS0yOGMtOS42LTkuNi0xOS4xLTE5LjMtMjguOC0yOC44CgkJCWMtMTUuNy0xNS4zLTM1LjMtMTUuMy01MC45LDAuMWMtMTIsMTEuOC0yMy41LDIzLjktMzUuNywzNS41QzcuMywxMDMuOSwxLjYsMTE3LDAuNCwxMzIuM2MtMS45LDI0LjksNC4yLDQ4LjQsMTIuOCw3MS4zCgkJCWMxNy42LDQ3LjQsNDQuNCw4OS41LDc2LjksMTI4LjFjNDMuOSw1Mi4yLDk2LjMsOTMuNSwxNTcuNiwxMjMuM2MyNy42LDEzLjQsNTYuMiwyMy43LDg3LjMsMjUuNGMyMS40LDEuMiw0MC00LjIsNTQuOS0yMC45CgkJCWMxMC4yLTExLjQsMjEuNy0yMS44LDMyLjUtMzIuN2MxNi0xNi4yLDE2LjEtMzUuOCwwLjItNTEuOEM0MDMuNiwzNTUuOSwzODQuNSwzMzYuOSwzNjUuNCwzMTcuOXoiLz4KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzQ2LjMsMjM4LjJsMzYuOS02LjNjLTUuOC0zMy45LTIxLjgtNjQuNi00Ni4xLTg5Yy0yNS43LTI1LjctNTguMi00MS45LTk0LTQ2LjlsLTUuMiwzNy4xCgkJCWMyNy43LDMuOSw1Mi45LDE2LjQsNzIuOCwzNi4zQzMyOS41LDE4OC4yLDM0MS44LDIxMiwzNDYuMywyMzguMnoiLz4KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDA0LDc3LjhDMzYxLjQsMzUuMiwzMDcuNSw4LjMsMjQ4LDBsLTUuMiwzNy4xYzUxLjQsNy4yLDk4LDMwLjUsMTM0LjgsNjcuMmMzNC45LDM0LjksNTcuOCw3OSw2Ni4xLDEyNy41CgkJCWwzNi45LTYuM0M0NzAuOSwxNjkuMyw0NDQuNCwxMTguMyw0MDQsNzcuOHoiLz4KCTwvZz4KPC9nPgo8L3N2Zz4K") center / 40px 40px no-repeat #8dc63f
}

#callnowbutton:hover {
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDQ4MC42IDQ4MC42IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0ODAuNiA0ODAuNjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8Zz4KCTxnPgoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0zNjUuNCwzMTcuOWMtMTUuNy0xNS41LTM1LjMtMTUuNS01MC45LDBjLTExLjksMTEuOC0yMy44LDIzLjYtMzUuNSwzNS42Yy0zLjIsMy4zLTUuOSw0LTkuOCwxLjgKCQkJYy03LjctNC4yLTE1LjktNy42LTIzLjMtMTIuMmMtMzQuNS0yMS43LTYzLjQtNDkuNi04OS04MWMtMTIuNy0xNS42LTI0LTMyLjMtMzEuOS01MS4xYy0xLjYtMy44LTEuMy02LjMsMS44LTkuNAoJCQljMTEuOS0xMS41LDIzLjUtMjMuMywzNS4yLTM1LjFjMTYuMy0xNi40LDE2LjMtMzUuNi0wLjEtNTIuMWMtOS4zLTkuNC0xOC42LTE4LjYtMjcuOS0yOGMtOS42LTkuNi0xOS4xLTE5LjMtMjguOC0yOC44CgkJCWMtMTUuNy0xNS4zLTM1LjMtMTUuMy01MC45LDAuMWMtMTIsMTEuOC0yMy41LDIzLjktMzUuNywzNS41QzcuMywxMDMuOSwxLjYsMTE3LDAuNCwxMzIuM2MtMS45LDI0LjksNC4yLDQ4LjQsMTIuOCw3MS4zCgkJCWMxNy42LDQ3LjQsNDQuNCw4OS41LDc2LjksMTI4LjFjNDMuOSw1Mi4yLDk2LjMsOTMuNSwxNTcuNiwxMjMuM2MyNy42LDEzLjQsNTYuMiwyMy43LDg3LjMsMjUuNGMyMS40LDEuMiw0MC00LjIsNTQuOS0yMC45CgkJCWMxMC4yLTExLjQsMjEuNy0yMS44LDMyLjUtMzIuN2MxNi0xNi4yLDE2LjEtMzUuOCwwLjItNTEuOEM0MDMuNiwzNTUuOSwzODQuNSwzMzYuOSwzNjUuNCwzMTcuOXoiLz4KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzQ2LjMsMjM4LjJsMzYuOS02LjNjLTUuOC0zMy45LTIxLjgtNjQuNi00Ni4xLTg5Yy0yNS43LTI1LjctNTguMi00MS45LTk0LTQ2LjlsLTUuMiwzNy4xCgkJCWMyNy43LDMuOSw1Mi45LDE2LjQsNzIuOCwzNi4zQzMyOS41LDE4OC4yLDM0MS44LDIxMiwzNDYuMywyMzguMnoiLz4KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDA0LDc3LjhDMzYxLjQsMzUuMiwzMDcuNSw4LjMsMjQ4LDBsLTUuMiwzNy4xYzUxLjQsNy4yLDk4LDMwLjUsMTM0LjgsNjcuMmMzNC45LDM0LjksNTcuOCw3OSw2Ni4xLDEyNy41CgkJCWwzNi45LTYuM0M0NzAuOSwxNjkuMyw0NDQuNCwxMTguMyw0MDQsNzcuOHoiLz4KCTwvZz4KPC9nPgo8L3N2Zz4K") center / 40px 40px no-repeat #7d8a47
}


.contact {
	font-size: 24px;
	font-family:'Montserrat',sans-serif;
	color: #ffffff;
	font-weight: 300;
	background-color: rgba(0, 0, 0, 0.8);
	border-top: 1px solid #ffffff;
	position: absolute;
	width: 100%;
	z-index: 99;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;

	bottom: 0;
}

.contact a {
	color: #8dc63f;
}

.contact a:hover {
	color: #ffffff;
}


/*.portal {
	padding: 22px 0;
	text-align: center;
	width: 100%;

	display: flex;
}*/


.links {
	padding: 20px 0;
	text-align: center;
}

.mitte {
	padding: 20px 0;
	text-align: center;
}

.rechts {
	padding: 20px 0;
	text-align: center;
}




.navigation-language {
    position: fixed;
    top: 5px;
    right: 10px;
    z-index: 250 !important;
    width: 120px;
    text-align: center;
    opacity: 1;
    transition: transform 1s, opacity 1s;
    font-size: 14px;
    text-transform:uppercase;
    color: #8dc63f;
}

.language-menu {
    margin:0
}

.navigation-language ul {
    display:block
}

.navigation-language li {
    display: inline-block;
    margin: 0 5px;
    padding-bottom:5px
}


.cards .card {
	box-shadow: none !important;
}

.cards .card a {
    color:#ffffff !important;
}

.card .title {
	display: none;
	margin-top: 0 !important;
}

.cards.overlay .card:not(.no-link):hover .image::after {
    opacity:.8
}

.card .image::after {
	background: #9dcd50;
}

.cards.overlay .card:not(.no-link):hover .image::after {
	opacity:.9 !important;
	mix-blend-mode: multiply;
}

.cards.overlay a[href] {
font-size: 20px;
font-weight: 600;
}

.cards .card:hover img {
  filter: grayscale(1) brightness(80%);
  transition: all 350ms;
}



.tns-ovh img {
	max-width: 200px;
}

.tns-outer{
	padding:0 !important;
	width:100% !important;
	display: flex; 
	align-items:center;
}

.tns-item p {
	margin: 0;
}

.uslider .controls svg {
    stroke: white;
}


.product {
	padding: 20px;
	border: 1px solid #fff;
	background-color: #122634;
	margin-bottom: 50px;
}

.product .headline.block_content {
	margin-bottom: 60px !important;
}

/*.product .headline.block_content:last-child {
	margin-bottom: 0px !important;
}*/

.product h2 {
	font: 300 32px 'Roboto',Arial,sans-serif;
	/*margin-bottom: 0;
	line-height: 0;
	padding-top: 30px;*/
}

.product h4 {
	margin: -50px 0 0 0;
}

.product strong {
	color: #8dc63f;
}




button.bense-acc {
	background-color:transparent !important;
}

div.bense-acc-panel {
	background-color: transparent !important;
}

button.bense-acc:after {
	font-size: 24px !important;
	color: #8dc63f !important;
	content: '+' !important;
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	opacity: 1 !important;
}
button.bense-acc.active::after {
	content: '\f068' !important;
}

button.bense-acc h2, button.bense-acc h3 {
	font-size: 24px;
}



#anchorlist {
	padding: 20px;
	border: 1px solid #fff;
	background-color: #122634;
	margin-bottom: 50px;
}

#anchorlist ul {
	list-style-position: outside;
	padding-inline-start: 0;
	margin-left: 20px;
}




.content:has(.color) {
    background: #8dc63f;
    margin: 0;
    padding: 100px var(--content);
    /*text-align: center;*/
    margin: 100px 0;
    position: relative;
    overflow:hidden;
}

.content:has(.color) h2 {
    font: 600 42px 'Open sans', sans-serif !important;
    padding-bottom:10px !important;
    color: #ffffff;
}

.content:has(.color) .ugrid, .content:has(.color) .block_content {
    margin:0 !important;
}


.content:has( > .cta) {
    overflow: hidden;
    position:relative
}

.content:has(.color) .cta-text {
    position: absolute !important;
    /*bottom: -1.5rem;*/
    right: 2rem;
    font-size: 8rem !important;
    font-weight: 900 !important;
    line-height: 1;
    color: color-mix(in lch, var(--primary) 5%, black 2%);
    z-index:0 !important;
    text-transform: uppercase;
}

.content:has(.color) .cta-text p {
	margin: 0;
}









/* 
	High Resolution Desktops
*/
@media (min-width: 1281px) {
}

/* 
	Laptops, Desktops
*/
@media (min-width: 1025px) and (max-width: 1280px) {
}
  
/* 
	Tablets Portrait-Mode
*/  
@media (min-width: 768px) and (max-width: 1024px) {
	.header {
		height: auto;
	}

	.site-head-start {
		width: calc(100vw - 0px);
		height: 100vh;
		margin: 0px auto 0px auto;
	}

	a.blau h3, a.gruen h3, a.grau h3 {
		font-size: 24px;
	}

	.objectfit-cover .tb_image {
	    position:relative;
	}

	.text .block_content {
		padding: 10px 20px;
	}

}
  
/* 
	Tablets Landscape-Mode
*/ 
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
	.header {
		height: auto;
	}

	.site-head-start {
		width: calc(100vw - 0px);
		margin: 0px auto 0px auto;
	}
}
  
/* 
	Mobile Landscape-Mode
*/
@media (min-width: 481px) and (max-width: 767px) {	

	.site-head-start {
		width: calc(100vw - 0px);
		height: 100vh;
		margin: 0px auto 0px auto;
	}

	#buttons {
		display: none;
	}

	#callnowbutton {
	    display: block;
	}
	.objectfit-cover .tb_image {
	    position:relative;
	}

	.text .block_content {
		padding: 10px 20px;
	}

}

/* 
	Mobile Portrait-Mode
*/
@media (min-width: 320px) and (max-width: 480px) {

	:root {
		--spacing: 15px;
	}

	#home .header {
		height: 100vh;
	}
	
	#home .header .slogan h2 {
		font-size: 80px;
	}

	#home .header .slogan {
		top: 45%;
	}


	.header {
		height: 30vh;
	}
	.header .slogan {
		top: 60%;
	}
	.header .slogan h1, .header .slogan p {
		margin: 0;
	}

	.header .slogan text {
	    font-family: 'julietta', Arial, sans-serif;
	    font-size: 50px;
	    color: #fff;
	    line-height: 1.2em;
	}

	.header .slogan p {
	font-size: 16px;
	font-weight: normal;
	}

	.headline.block_content {
		margin-bottom: 40px;
	}

	#main {
	padding-top: 50px;
	padding-bottom: 150px;
	}

	.menu .logo {
		height: 40px;
	}

	.site-head-start {
		width: calc(100vw - 0px);
		height: 100vh;
		margin: 0px auto 0px auto;
	}

	.site-head {
		position: relative;
		width: calc(100vw - 0px);
		height: 30vh;
	}

	h1 {
		font: 400 30px 'Roboto',Arial,sans-serif;
	}
	h2 {
		font: 300 24px 'Roboto',Arial,sans-serif;
	}

	h3 {
		font: 400 20px 'Roboto',Arial,sans-serif;
	}

	.qcta h2 {
		font: 400 24px 'Roboto',Arial,sans-serif;
	}

	#buttons {
		display: none;
	}

	#callnowbutton {
	    display: block;
	}


	.work {
		font-size: 18px;
	}

	.portal {
		padding: 12px 0;
	}


	.objectfit-cover .tb_image {
	    position:relative;
	}

	.text .block_content {
		padding: 10px 20px;
	}

	.links {
		padding: 5px 0;
		text-align: center;
	}

	.mitte {
		padding: 5px 0;
		text-align: center;
	}

	.rechts {
		padding: 5px 0;
		text-align: center;
	}



}