/*
	
		-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
*/

.messages--error {
	/* display: none !important; */
}

@import url("//hello.myfonts.net/count/3c7c18");
	
@font-face {
	font-family: 'Gilroy-Regular';
	src: url('../webFonts/Gilroy-Regular/font.woff2') format('woff2'), url('webFonts/Gilroy-Regular/font.woff') format('woff');
	font-display: swap;
}
@font-face {
	font-family: 'Gilroy-Bold';
	src: url('../webFonts/Gilroy-Bold/font.woff2') format('woff2'), url('webFonts/Gilroy-Bold/font.woff') format('woff');
	font-display: swap;
}
@font-face {
	font-family: 'Gilroy-ExtraBold';
	src: url('../webFonts/Gilroy-ExtraBold/font.woff2') format('woff2'), url('webFonts/Gilroy-ExtraBold/font.woff') format('woff');
	font-display: swap;
}

@font-face {
	font-family: 'Espinosa';
	src: 	url('../webFonts/EspinosaNova-AldineItalic.woff2') format('woff2'),	url('../webFonts/EspinosaNova-AldineItalic.woff') format('woff');
	font-display: swap;
}


:root {
	--schwarz: #00002B;
	--tshschwarz: #141022;
	 --maincolor: #33514E;
	 --actioncolor: #F28C1C;
			
	 --bgcolor: #EFF1F2;
	 --bgcolor2: #EDE5E2;
	 --tshcolor: #f0eadb;
	 --tshbgcolor: #f0eadb;
	 --weiss: #FFFFFF;
	 --schweiss: #F5F5F7;
	 --grau: #E7F3FF;

	 
	 --regular: 'Gilroy-Regular';
	 --bold: 'Gilroy-Bold';
	 --extrabold: 'Gilroy-ExtraBold';
	 --kursiv: 'Espinosa';
	 
	 --transition: all 0.3s ease-in-out;
	 
	 --vhone: 5vh;
	 --vhtwo: 10vh;
	 --vhall: calc(5vh + 10vh);
	 
	 --arrowsize: 40px;
	 
	 
	 --lineheight: 145%;
	 --topheaderheight: 60px;
	 --headerheight: 130px;
	 --headerheightsmall: 90px;
	 --admintoolbarspace: 78px;
}


html {
	overflow: visible !important;
}

.hideforall {
	display: none;
}

body.admin  .hideforall {
	display: block !important;
}


/* SPECIAL REMOVE ADD TO CART BUTTON FOR JENNY */


.hidefilter {
	display: none !important;
}


.contactbutton {
	visibility: hidden;
}

.contactbutton a {
	display: block;
}

*:focus {
	outline: none;
}

.weiss {
	background-color: var(--weiss) !important;
}

.gruen {
	background-color: var(--maincolor);
	color: var(--weiss);
}

.tsh .gruen {
	color: var(--schwarz);
}

.dunkelblau {
	background-color: var(--schwarz);
	color: var(--weiss);
	padding: var(--vhtwo) 0px;
}

.orange {
	background-color: var(--actioncolor);
}

.orangecolor {
	color: var(--actioncolor);
}

.orange_gesprenkelt {
	background-image: url('../images/orange_gesprenkelt.jpg');
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

.orange_gesprenkelt .square {
	border-color: var(--weiss);
	background: var(--tshschwarz);
}
.orange_gesprenkelt .square a,
.orange_gesprenkelt .square a:visited,
.orange_gesprenkelt .square a:hover, 
.orange_gesprenkelt .square a:active {
	color: var(--weiss);
}



#dl-menu {
	display: none;
}


label.js-form-required:after {
	content: "*";
	margin-left: -1px;
}



.views-field-edit-node a:link,
.views-field-edit-node a:visited {
	color: red !important;
	padding: 3px 10px;
	border: solid 1px red;
	background-color: var(--weiss);
}

.views-field-edit-node a:hover,
.views-field-edit-node a:active {
	color: var(--weiss) !important;
	background: red;
	padding: 3px 10px;
	border: solid 1px red;
}


/* BUTTONS */

.button {
	display: table;
	margin-top: 3vh;
	text-align: center;
	text-transform: uppercase;
}

.button a,
.button a:visited {
	display: block;
	color: var(--weiss);
	background-color: var(--actioncolor);

	padding: 13px 30px;
	box-sizing: border-box;
	white-space: nowrap;
	
	-webkit-transition: all .35s ease;
	 transition: all .35s ease;
}

.button a:hover,
.button a:active {
	display: block;
	color: var(--weiss);
	background-color: var(--maincolor);
	cursor: pointer;
	
	-webkit-transition: all .35s ease;
	 transition: all .35s ease;
}

div.tabs {
	margin: 1em 0;
}
ul.tabs {
	list-style: none;
	margin: 0 0 0.5em;
	padding: 0;
}
.tabs > li {
	display: inline-block;
	margin-right: 0.3em; /* LTR */
}
[dir="rtl"] .tabs > li {
	margin-left: 0.3em;
	margin-right: 0;
}
.tabs a {
	display: block;
	padding: 0.2em 1em;
	text-decoration: none;
}
.tabs a.is-active {
	background-color: #eee;
}
.tabs a:focus,
.tabs a:hover {
	background-color: #f5f5f5;
}



.user-login-form .form-item-name {
	width: 49%;
	float: left;
}

.user-login-form .form-item-pass {
	width: 49%;
	float: right;
}

.user-login-form .form-item input {
	width: 100%;
	padding: 5px 10px;
	box-sizing: border-box;
	margin: 5px 0px;
}


.user-login-form .form-actions {
	clear: both;
}


.field--type-mailchimp-lists-subscription .js-form-type-checkbox {
	margin-bottom: 0px;
}

/* Colorbox Overrides*/

button:focus {outline:0;}


#cboxPrevious,
#cboxPrevious:hover {
	background-image:url('../images/galprev.png');
	width:33px;
	height:33px;
	background-position: left top;
	background-size: 100% 100%;
	margin-top: 0px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
}

#cboxNext,
#cboxNext:hover {
	background-image:url('../images/galnext.png');
	width:33px;
	height:33px;
	background-position: left top;
	background-size: 100% 100%;
	margin-top: 0px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
}

#cboxClose,
#cboxClose:hover {
	background-image:url('../images/galclose.png');
	background-size: 100% 100%;
	background-position: left top;
	width:33px;
	height:33px;
	top:-7px;
	right:-7px;
}
#cboxOverlay {
	background:#FFFFFF;
}

#cboxContent {
	background:#FFFFFF;
	overflow: visible !important;
}

#cboxLoadedContent {
	border: 12px solid #FFFFFF;
	background: #1C2E4B;
}

#cboxWrapper {
	background:transparent;
	padding-top:0px;
	overflow: visible !important;
}

#cboxTitle {
	left:12px;
	top:-18px;
	color: var(--schwarz);
	display: none !important;
}

#cboxCurrent {
	right:12px;
	top:-18px;
	color:var(--schwarz);
	display: none !important;
}


#cboxLoadedContent {
	border: 0px !important;
	overflow: visible !important;
}

#colorbox, #cboxOverlay, #cboxWrapper {
	overflow: visible !important;
}

#cboxPrevious {
	left: -7px;
}

#cboxNext {
	right: -7px;
}



/* Login und Pass-Form */

.region-highlighted {
	position: relative;
	z-index: 99999;
}

.user-login-form {
	display: table;
	width: 100%;
}

.commerce-checkout-flow .js-form-item,
#user-pass .js-form-item,
#user-register-form .js-form-item,
.user-form .js-form-item {
	position: relative;
}


.user-login-form .js-form-item {
	width: calc(50% - 20px);
	float: left;
	margin-right: 20px;
	position: relative;
}

.user-login-form .js-form-item input,
.user-pass .js-form-item input,
.commerce-checkout-flow input[type=text],
.commerce-checkout-flow input[type=tel],
.commerce-checkout-flow input[type=password],
.commerce-checkout-flow input[type=email],
#user-register-form input[type=text],
#user-register-form input[type=tel],
#user-register-form input[type=password],
#user-register-form input[type=email],

.user-form input[type=text],
.user-form  input[type=tel],
.user-form  input[type=password],
.user-form  input[type=email]  {
	width: 100%;
	background: transparent;
	box-sizing: border-box;
	height: 90px;
	margin-top: 0px;
	border-radius: 0px;
	border: 0px;
	border-left: solid 1px var(--maincolor);
	border-bottom: solid 1px var(--maincolor);
	padding-top: 30px;
	padding-left: 10px;
	box-sizing: border-box;
}

 .commerce-checkout-flow select,
 .user-form select {
	 background-color: transparent;
	 background: transparent;
	 height: 50px;
	 width: 100%;
	 border: solid 1px var(--tshschwarz);
	 border-radius: 0px !important;
	 margin-bottom: 20px;
	 padding: 0px 0px;
	 box-sizing: border-box;
 }

.js-form-type-select {
	margin-top: 40px !important; 
}	 

.js-form-type-select label,
.user-form .js-form-type-language-select label {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	transform: translateY(-100%);
}

.user-form .js-form-type-language-select {
	margin-bottom: var(--vhone);
}

.user-form summary {
	display: none;
}
.js-form-type-password button:nth-of-type(2) {
	display: none !important;
}

.field--name-field-mailchimp-tag,
.field--type-mailchimp-lists-subscription h3 {
	display: none !important;
}

.form-wrapper__login-option input:not([type="submit"], [type="password"]) {
	width: auto;
}

input.js-form-submit {
	margin-top: 1em;
	background-color: var(--actioncolor);
	color: var(--weiss);
	border-style: none;
	padding: 10px 25px;
}

input.js-form-submit:hover {
	background-color: var(--maincolor);
}

/* Suche im Content */

.region-content .search-form input.js-form-submit {
	margin-top: 1em;
	background-color: var(--actioncolor);
	color: var(--weiss);
	border-style: none;
	padding: 10px 25px;
}

.region-content .search-form input.js-form-submit:hover {
	background-color: #9C9D9E;
}

.region-content .search-form input.form-search {
	padding: 8px 25px;
	box-sizing: border-box;
	border-radius: 0px;
}

.region-content .search-form label {
	clear: both;
	display: block;
}

.region-content .search-form .search-help-link {
	font-size: 80%;
}




.flexslider {
	margin: 0 0 0px !important;
	border: 0px solid #ffffff !important;
	zoom: 1 !important;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
	-webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
	-o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
	box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
}


.flex-control-nav {
	bottom: 40px;
	z-index: 99;
}

.flex-control-paging li a {
	border-radius: 0px;
	width: 16px;
	height: 16px;
	-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.3); 
	-moz-box-shadow: inset 0 0 0px rgba(0,0,0,0.3); 
	-o-box-shadow: inset 0 0 0px rgba(0,0,0,0.3); 
	box-shadow: inset 0 0 0px rgba(0,0,0,0.3);
}

.flex-control-paging li a {
	background-color: #7A953B;
}

.flex-control-paging li a.flex-active {
	background-color: var(--weiss);
}





/* !ADMIN*/ 


ul.tabs {
	border-bottom: solid 1px #CCCCCC;
	margin-top: 0px !important;
	padding-top: 50px !important;
	text-align: center;
}

ul.tabs a,
ul.tabs a:visited {
	color: var(--schwarz);
}

ul.tabs a:hover,
ul.tabs a:active {
	color: var(--maincolor);
}


/* !ALLGEMEIN */

body {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	line-height: 145%;
}


.layout-container {
	margin: 0px !important;
}

body,
button,
input,
select,
textarea {
	font-family: var(--regular), Arial, Helvetica, "Nimbus Sans L", sans-serif;
	font-style: normal;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;  
	box-sizing: border-box;
	letter-spacing: 2px;
}

.toolbar {
	letter-spacing: 0px !important;
}

.layout-container {
	
}

body {
	padding: calc(var(--headerheight) + var(--topheaderheight)) 0px 0px 0px;
	margin: 0px;
	background: #FFFFFF;
	color: var(--schwarz);
}

body.page-node-type-blog-overview {

}

body.tshformactive {
	overflow: hidden;
}

body.tsh {
	color: var(--tshschwarz);
}


body.menuopen {
	overflow: hidden;
}

body.adminuser {
	margin-top: calc(var(--headerheight) +  var(--topheaderheight));
}

.maxwidth {
	margin-left: 5vw;
	margin-right: 5vw;
}



.maxwidthcontent {
	max-width: 950px;
	margin-left: auto;
	margin-right: auto;

}
.maxwidthlargercontent {
	max-width: 1150px;
	margin-left: auto;
	margin-right: auto;
}

.maxwidthsupercontent {
	max-width: 750px;
	margin-left: auto;
	margin-right: auto;

}




.path-dplogin .user-pass,
.path-dplogin .user-login-form {
		margin-bottom: var(--vhtwo);
}

.path-dplogin .user-pass .form-actions,
.path-dplogin .user-login-form .form-actions {
	display: table;
}

a,
a:visited {
	text-decoration: none;
}

a:hover,
a:active {
	text-decoration: none;
}

main a,
main a:visited,
.region-after-content a,
.region-after-content a:visited {
	text-decoration: none;
	color: var(--actioncolor);
}

main a:hover,
main a:active,
.region-after-content a:hover,
.region-after-content a:active {
	text-decoration: none;
	color: var(--schwarz);
}


.tsh main a:hover,
.tsh main a:active,
.tsh .region-after-content a:hover,
.tsh .region-after-content a:active {

	color: var(--tshschwarz);
}




.linkw a,
.linkw a:visited {
	text-decoration: none;
	color: var(--weiss);
}

.linkw a:hover,
.linkw a:active {
	text-decoration: none;
	color: var(--actioncolor);
}


a.linkb,
a.linkb:visited {
	text-decoration: none;
	color: var(--schwarz);
}

a.linkb:hover,
a.linkb:active {
	text-decoration: none;
	color: var(--actioncolor);
}


.tsh a.linkb,
.tsh a.linkb:visited {
	text-decoration: none;
	color: var(--actioncolor);
}

.tsh a.linkb:hover,
.tsh a.linkb:active {
	text-decoration: none;
	color: var(--tshschwarz);
}




h1,
h3.likeh1  {
	font-family: var(--extrabold);
	
}

h1,
h3.likeh1,
h4.likeh1 {
	font-style: normal;
	font-size: 240%;
	line-height: 115%;
	font-weight: normal;
	letter-spacing: 0px !important;
}


h3.likeh1 {
	margin-top: 0px;

}

h1.page-title {
	margin: 0px;
	padding: 0px;
}


h2 {
	font-size: 190%;
	line-height: 115%;
	font-family: var(--regular);
	font-weight: normal;
}

h2.page-subtitle {
	margin: 20px auto 0px auto;
	padding: 0px;
}
.page-node-type-project h2.page-subtitle {
	margin: 20px auto 40px auto;
}


h3,
.h3gill {
	font-family: var(--kursiv);
	font-size: 190%;
	line-height: 135%;
	margin: 3vh 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	font-weight: normal;
	letter-spacing: 3px;
}

.h3gill {
	font-size: 160%;
	line-height: 135%;
	font-family: var(--bold);
	display: block;
	clear: both;
	letter-spacing: 0px;
	margin: 0px 0px 0px 0px;
	padding: 3vh 0px 20px 0px;
}

.blogbody .h3gill {
	display: initial !important;
}

p .h3gill {
	padding-bottom: 0px !important;
}

h4{
	font-size: 170%;
	line-height: 135%;
	margin: 30px 0px 10px 0px;
	font-weight: normal;
	font-family: var(--kursiv);
	letter-spacing: 3px;
}

h5,
.views-field-field-blocktext h4  {
	margin: 0px;
	padding: 0px;
	font-size: 105%;
	line-height: 135%;
	font-weight: normal;
}

h6 {
	margin: 0px;
	padding: 0px;
	font-size: 100%;
	line-height: 135%;
	font-weight: var(--bold);
	text-transform: uppercase;
}

h6 + h3 {
	margin-top: 5px;
}

.kursiv, em {
	font-family: var(--kursiv);
	font-style: normal;
}


p {
	margin: 0px 0px 20px 0px;
}

p.alignleft {
	text-align: left !important;
}

.bold, strong, b {
	font-family: var(--extrabold);
	font-weight: normal;
}


ul.js-pager__items {
	padding-left: 0px;
	margin-top: var(--vhtwo);
	margin-bottom: var(--vhtwo);
}

.cta a,
a.cta,
.cta span.reset {
	transition: all .3s ease-in-out;

}
.cta span.reset {
	color: var(--actioncolor);
}

.cta a:hover,
a.cta:hover,
.cta span.reset:hover,
.view-linkblock:hover .views-field-field-link-linkblock a,
.gruen .view-linkblock:hover .views-field-field-link-linkblock a {
	font-size: 110%;
}

.cta span.reset:hover {
	color: var(--tshschwarz);
	cursor: pointer;
}




.uppercase {
	text-transform: uppercase;
}


.center {
	text-align: center !important;
}


.errorpage {
font-size: 240%;
line-height: 115%;
margin-bottom: var(--vhtwo);
	
}

.user-login-form,
#user-pass,
#user-register-form {
	padding: var(--vhtwo) 0px;
	box-sizing: border-box;
}

.mobile {
	display: none !important;
}

/*  !TOPHEADER */ 

.region-topheader {
	background: var(--tshschwarz);
	position: fixed;
	z-index: 99;
	top: 0px;
	left: 0px;
	width: 100%;
	padding: 0px 0px;
	height: var(--topheaderheight);
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
}

.adminuser .region-topheader {
	top: var(--admintoolbarspace);
} 

.region-topheader:hover {
	background: var(--tshcolor);
}

.region-topheade .contextual {
	display: none !important;
}

.tsh .region-topheader {
	background: var(--actioncolor) !important;
}

.tsh .region-topheader:hover {
	background: var(--maincolor) !important;
}

.region-topheader p {
	padding: 0px 0px;
	margin: 0px;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
}

.region-topheader a,
.region-topheader a:visited {
	display: flex !important;
	justify-content: center;
	align-items: center;
	text-align: center;
	font-family: var(--bold);
	text-transform: uppercase;
	color: var(--weiss);
	box-sizing: border-box;
	height: 100%;
	height: var(--topheaderheight);
	align-items: center;
}

.region-topheader a:after {
	content: " ";
	display: block;
	width: calc(var(--topheaderheight) / 1.7);
	height: calc(var(--topheaderheight) / 1.7);
	background-image: url("../images/touch-v1.svg");
	background-size: contain;
	background-repeat: no-repeat;
	margin-left: 5px;
}


.tsh .region-topheader {
	background: var(--tshcolor);
}

/*  !HEADER */ 

header {
	height: var(--headerheight);
	background-color: var(--weiss);
	
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	padding-top: 30px;
	box-sizing: border-box;
	position: fixed;
	top: var(--topheaderheight);
	left: 0px;
	width: 100%;
	z-index: 99;
	
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
}

body.path-frontpage header {
	
}

body.path-frontpage header .sprachwechsler ul.links li a, 
body.path-frontpage header .sprachwechsler ul.links li a:visited {
	color: var(--maincolor);
}


body.page-node-127 .region-topheader {
	display: none;
}

body.page-node-127 header .sprachwechsler ul.links li a, 
body.page-node-127 header .sprachwechsler ul.links li a:visited {
	color: var(--actioncolor);
}

body.menuopen  header{
	background-image: none;
}

header.scrolled {
	height: var(--headerheightsmall);
	padding-top: 17px;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
	background-image: none !important;
}


header.scrolled  .mainmenu ul.menu li.mlevel1:nth-last-child(1) {
	/* top: 8px; */
	
}

header.scrolled .telmail {

}

ul.tabs {

}

.adminuser  header {
	top: calc(var(--admintoolbarspace) + var(--topheaderheight));
}

.page-node-1 header {
	background-image: none !important;
}


.region-header {
	position: relative;

}

header a,
header a:hover,
header a:visited,
header a:active {
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
}


#block-whtheme-branding {
	width: 110px;
	position: relative;
	z-index: 82;
}

#block-whtheme-branding img {
	width: 100%;
	height: auto;
}

.tsh #block-whtheme-branding a:after {
	content: url(../images/tshflag.svg);
	position: absolute;
	left: 0px;
	bottom: 0px;

	height: auto;
	
	-webkit-transform: translateY(72%);
	-moz-transform: translateY(72%);
	transform: translateY(72%);
}

.tsh #block-whtheme-branding a:after,
.tshflagfooter {
	width: 200px;
}





.mainmenu {
	position: absolute;
	left: 0;
	width: 100%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%) ;
	transform: translateY(-50%) ;
	z-index: 80;
}

.blogmenu {
	position: absolute;
	right: 0px;
	
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
}


.mainmenu {
	top: 50%;
	font-size: 110%
	
}
.mainmenu li.cmenu {
	display: none;
}


.mainmenu ul.level1 {
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: flex;
	flex-direction: row;
	justify-content: center;
}

.mainmenu ul.level1 > li.mlevel1 {
	margin: 0px 30px 0px 30px;
	padding: 0px;
	list-style: none;
	font-size: 100%;
}

.mainmenu .mlevel1 > a {
	text-transform: uppercase;
	font-family: var(--extrabold);
}

/*
.topmenu ul.menu li.mlevel1:nth-last-child(2) {
	position: absolute;
	right: 0px;
	top: 0px;
	margin: 0px;
	font-size: 95%;
}
*/
.mainmenu ul.menu li.mlevel1:nth-last-child(1)  a {

}

.topmenu .onlyfooter,
.mainmenu.tshmenu .onlyfooter,
.dl-menu .onlyfooter {
	display: none !important;
}

.topmenu ul.menu li a,
.topmenu ul.menu li a:visited {
	color: var(--actioncolor);
}

.topmenu ul.menu li a:hover {
	color: var(--schwarz);
	
}

.topmenu ul.menu li a:active,
.topmenu ul.menu li a.is-active,
.topmenu ul.menu li.mlevel1.menu-item--active-trail > a,
.topmenu ul.menu li.mlevel2.menu-item--active-trail > a {
	color: var(--schwarz);
}

.mainmenu .menu-item--expanded.mlevel1 {
	overflow: hidden;
}

.mainmenu .menu-item--expanded.mlevel1 > a:after {
	font-family: "Font Awesome 5 Pro"; 
	font-weight: 100; 
	content: "\f063";
	font-size: 80%;
	margin-left: 5px;
}

.mainmenu .menu-item--expanded.mlevel1:hover {
	overflow: visible;
}

.mainmenu .menu-item--expanded.mlevel1:hover > ul.level2 {
	opacity: 1;
	height: auto;
}

.mainmenu ul.level1 li {
	position: relative;
}
.mainmenu ul.level2 {
	padding: 0px;
	margin: 0px;
	list-style: none;
	position: absolute;
	left: -20px;
	top: 25px;
	opacity: 0;
	height: 1px;
	background-color: var(--weiss);
	border: solid 0px var(--actioncolor);
	padding: 10px 20px;
	box-sizing: border-box;
}

.mainmenu ul.level2  li {
	white-space: nowrap;
	margin-bottom: 3px;
}

header .telmail {
	position: absolute;
	right: 0px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 81;
}


header .telmail  .views-row {
	display: flex;
	flex-direction: row;
}



header .telmail  .views-row .views-field {
	width: 20px;
	height: 20px;
	overflow: hidden;
	position: relative;
	margin-left: 12px;
	
	
	font-size: 18px;
	line-height: 18px;
	color: var(--actioncolor);
}

.tsh header .telmail  .views-row .views-field {
		color: var(--tshschwarz);
}

header .telmail  .views-row .views-field:nth-child(1) {
	margin-left: 11px;
}

header .telmail  .views-row .views-field:hover {
	color: var(--schwarz);
}

.tsh header .telmail  .views-row .views-field:hover {
	color: var(--actioncolor);
}

header .telmail  .views-row .views-field:hover  {

}

header .telmail  .views-row .views-field a {
	display: block;
	padding-left: 200px;
	box-sizing: border-box;
	color: #FFFFFF;
	font-size: 0px;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 90;
}

header .telmail  .views-row .views-field i {
	position: relative;
	z-index: 80;
}

.sprachwechsler {
	position: fixed;
	right: 5vw;
	top: calc(var(--topheaderheight) /2);
	margin: 0px;
	font-size: 95%;
	z-index: 99;
	/* display: none; */
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
}

.adminuser .sprachwechsler {
	top: calc((var(--topheaderheight) /2) + var(--admintoolbarspace));
}



/*
body.menuopen  .sprachwechsler {
	display: block !important;
	top: 110px;
}
*/

.sprachwechsler ul.links {
	margin: 0px;
	padding: 0px;
	display: flex;
	flex-direction: row;
	list-style: none;
}

.sprachwechsler ul.links li {
	list-style: none;
	margin: 0px 0px 0px 7px
}


.sprachwechsler ul.links li a,
.sprachwechsler ul.links li a:visited {
	color: var(--weiss);
}

.sprachwechsler ul.links li a:hover,
.sprachwechsler ul.links li a:active,
.sprachwechsler ul.links li a.is-active {
	/* color: var(--schwarz) !important; */
	color: var(--actioncolor) !important;
}

.tsh .sprachwechsler ul.links li a,
.tsh .sprachwechsler ul.links li a:visited {
	color: var(--weiss);
	
}

.tsh .sprachwechsler ul.links li a:hover,
.tsh .sprachwechsler ul.links li a:active,
.tsh .sprachwechsler ul.links li a.is-active {
	/* color: var(--actioncolor) !important; */
	color: var(--tshschwarz) !important;
}


/* !FOOTER */

footer.pagefooter {
	background-color: var(--schwarz);
	padding: var(--vhtwo) 0px var(--vhtwo) 0px;
	box-sizing: border-box;
	color: var(--schweiss);
}

.tsh footer.pagefooter {
	/* padding-top: 20px; */
}

.tsh footer.pagefooter {
	background-color: var(--tshschwarz);
}

footer.pagefooter a,
footer.pagefooter a:visited {
	color: var(--schweiss);
}

footer.pagefooter a:hover,
footer.pagefooter a:active,
footer.pagefooter a.is-active  {
	color: var(--actioncolor);
}

footer.pagefooter .footerflex {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

footer.pagefooter .footerflex{
	margin-bottom: 3vh;
}

.region-footer {
	margin-bottom: 10vh;
}

.copyright i {
	color: var(--actioncolor);
}


footer.pagefooter .adresse {
	
}

footer.pagefooter .adresse img {
	width: 120px;
	height: auto;
	margin-bottom: 20px;
}
.socialmedialinks {
	display: table;
	margin-right: 0px;
	margin-left: auto;
	margin-bottom: 20px;
}

.pagefooter .socialmedialinks  {
	margin-left: 0px;
	margin-right: auto;
}

footer.pagefooter .socialmedialinks a, 
footer.pagefooter .socialmedialinks a:visited {
	margin-right: 5px;
	margin-left: 0px !important;

}


.pagefooter .socialmedialinks .view-content .views-row .field-content {
	margin-top: 20px;
	margin-left: 0px;
	margin-right: 3px;
}

.socialmedialinks .view-content {
	display: flex;
	flex-direction: row;
}

.socialmedialinks .view-content .views-row {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-content: center;
}


.socialmedialinks .view-content .views-row .field-content {
	align-self: center;
	margin-top: 5px;
	margin-left: 3px;
}

.socialmedialinks a,
.socialmedialinks a:visited {
	color: var(--schwarz) !important;
	border-radius: 50%;
	background-color: var(--schweiss);
	width: 32px;
	height: 32px;
	margin-left: 5px;
	font-size: 18px;
	line-height: 18px;
	padding: 7px 3px 7px 5px;
	box-sizing: border-box;
	display: block;
	text-align: center;
}



.socialmedialinks a:hover,
.socialmedialinks a:active {
	color: var(--schweiss) !important;
	background-color: var(--actioncolor);
}

.contactmenu {
	
}

.contactmenu ul.menu {
		margin: 0px;
		padding: 0px;
		list-style: none;
		text-align: right;
}

.contactmenu ul.menu li {
	font-family: var(--extrabold);
	margin: 0px;
	padding: 0px;
	list-style: none;
	text-transform: uppercase;
}


.footerlogos {
	display: table;
	margin-left: auto;
	margin-right: 0px;
	width: 100%;
}



.footerlogos .view-content {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
}

.footerlogos .views-field {
	flex-basis: 200px;
	margin-left: 0px;
}
.footerlogos img {
	width: auto;
	height: 160px;
}

.region-footerrighttop {
	width: 200px;
	text-align: center;
}





.footermenu {
	text-transform: uppercase;
}

.footermenu ul.menu {
		margin: 0px;
		padding: 0px;
		list-style: none;
		display: flex;
		flex-direction: row;
	}
.footermenu ul.menu li {
	margin-right: 20px;
}

/*
.bottommenu > ul.menu {
	-webkit-column-count: 2;
	 -moz-column-count: 2;
	 column-count: 2;
	 
	 -webkit-column-width: 50%;
	 -moz-column-width: 50%;
	 column-width: 50%;
}

.bottommenu ul.menu  li.menu-item--expanded ul {
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
	margin-right: 30px;
}

*/



.region-footerleftbottom {
	display: flex;
	flex-direction: row;
	justify-content: space-between;

}

.region-footerleftbottom a {
	text-transform: uppercase;
}

.region-footerleftbottom #block-bottommenumap {
	margin-right: 10vw;
}



.bottommenu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}



.bottommenu li.mlevel1 > a,
.bottommenu li.mlevel1 > a:visited {
	font-family: var(--extrabold);
	text-transform: uppercase;
}

.bottommenu .hideonfooter {
	display: none !important;
}



/* !BREADCRUMB */

.region-breadcrumb {
	height: 7vh;
}
.breadcrumb {
		padding-bottom: 0.5em;
		color: var(--actioncolor);
		padding-top: 3vh;
		box-sizing: border-box;
}


.breadcrumb ol {
		margin: 0;
		padding: 0;
}

.breadcrumb li {
		display: inline;
		list-style-type: none;
		margin: 0;
		padding: 0;
}
	/* IE8 does not support :not() and :last-child. */
.breadcrumb li:before {
		content: ' \BB ';
}
.breadcrumb li:first-child:before {
		content: none;
}

.breadcrumb a,
.breadcrumb a:visited {
	color: var(--actioncolor);
}



.breadcrumb a:hover,
.breadcrumb a:active {
	color: var(--schwarz);
}

.page-node-type-tsh-service .breadcrumb a,
.page-node-type-tsh-service .breadcrumb a:visited,
.page-node-type-tsh-partner .breadcrumb a,
.page-node-type-tsh-partner .breadcrumb a:visited {
	color: var(--weiss);
}

.tsh .breadcrumb,
.tsh .breadcrumb a,
.tsh .breadcrumb a:visited {
	color: var(--tshschwarz);
}

.tsh .breadcrumb a:hover,
.tsh .breadcrumb a:active {
	color: var(--actioncolor);
}

.tsh .breadcrumb,
.tsh .breadcrumb a,
.tsh .breadcrumb a:visited {
	color: var(--tshschwarz);
}
.tsh.page-node-type-tsh-service .breadcrumb,
.tsh.page-node-type-tsh-service .breadcrumb a,
.tsh.page-node-type-tsh-service .breadcrumb a:visited {
	color: var(--tshschwarz);
}

.tsh.page-node-type-tsh-service .breadcrumb ol li:nth-last-child(1) {
	/* display: none; */
} 

.tsh.page-node-type-tsh-service .breadcrumb a:hover,
.tsh.page-node-type-tsh-service .breadcrumb a:active {
	color: var(--tshcolor);
}

.tsh.page-node-type-tsh-partner .breadcrumb,
.tsh.page-node-type-tsh-partner .breadcrumb a,
.tsh.page-node-type-tsh-partner .breadcrumb a:visited {
	color: var(--weiss);
}



.tsh.page-node-type-tsh-partner .breadcrumb a:hover,
.tsh.page-node-type-tsh-partner .breadcrumb a:active {
	color: var(--tshschwarz);
}




.newsletterblock {
	background-image: url("../images/nlbgn.png");
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: bottom center;
	background-color: var(--bgcolor2);
	padding: 5vh 0px 20vh 0px;
	box-sizing: border-box;
	background-size: contain;
	color: var(--maincolor);

}

.newsletterblock  .js-form-type-checkbox {
	margin-top: 20px;
}

.newsletterblock  a,
.newsletterblock  a:visited {
	color: var(--maincolor);
	text-decoration: underline;
}

.newsletterblock  a:hover,
.newsletterblock  a:active {
	color: var(--actioncolor);
	text-decoration: none;
}

.tsh .newsletterblock  a,
.tsh .newsletterblock  a:visited {
	color: var(--tshschwarz);
	text-decoration: underline;
}



.newsletterblock .views-field-field-ma-texte h3 {
	mask: 0px;
	padding: 0px;
	line-height: 100%;
}

.newsletterblock .views-field-field-ma-texte img {
	width: 90px !important;
	height: auto !important;
	float: left !important;
	position: relative !important;
	top: -12px !important;
	margin-right: 7px !important;
}

.newsletterblock .mailchimp-newsletter-mergefields label {
	display: none;
}

.newsletterblock .mailchimp-newsletter-mergefields {
	display: flex;
	flex-direction: row;
	position: relative;
	width: calc(100% - 0px);
	flex-wrap: wrap;
	margin-bottom: 100px;
}



.newsletterblock .js-form-type-select {
	position: absolute;
	right: 20px;
	bottom: 0px;
}


body.page-node-201 .newsletterblock .js-form-type-select {
	position: absolute;
	right: 140px;
	bottom: var(--vhtwo);
}

body.page-node-201  .newsletterblock .mailchimp-newsletter-mergefields {
	margin-bottom: 0px;
}

.newsletterblock .js-form-type-select label {
	display: none;
}

.newsletterblock  .js-form-item-gdpr-consent {
	position: absolute;
	left: 0px;
	bottom:-50px;
}


.newsletterblock .mailchimp-newsletter-mergefields > .js-form-item-mergevars-fname {
	width: calc(25% - 20px);
	margin-right: 20px;
}
.newsletterblock .mailchimp-newsletter-mergefields > .js-form-item-mergevars-lname {
	width: calc(25% - 20px);
	margin-right: 20px;
}

.newsletterblock .mailchimp-newsletter-mergefields > .js-form-item-mergevars-lname {
	width: calc(25% - 20px);
	margin-right: 20px;
}
.newsletterblock .mailchimp-newsletter-mergefields > .js-form-item-mergevars-email {
	width: calc(50% - 20px);
	margin-right: 20px;
}

.newsletterblock .mailchimp-newsletter-mergefields > .js-form-item-mergevars-company {
	width: calc(50% - 20px);
	margin-right: 20px;
}

.newsletterblock .js-form-type-select {
	width: calc(50% - 20px);
	margin-right: 0px;
}

/*

.newsletterblock .form-actions {
	position: absolute;
	right: 0px;
	top: 0px;
	margin: 0px !important;

}

.newsletterblock input.js-form-submit {
	margin-top: 0px;
	width: 140px;
	height: 140px;
	border-radius: 50%;
}

*/
.newsletterblock .mailchimp-newsletter-mergefields input.form-email,
.newsletterblock .mailchimp-newsletter-mergefields input.form-text,
.newsletterblock select.form-select {
	width: 100%;
	background: transparent;
	box-sizing: border-box;
	height: 90px;
	margin-top: 30px;
	border-radius: 0px;
}

.newsletterblock select.form-select {
	color: var(--maincolor);
}

.newsletterblock .mailchimp-newsletter-mergefields input.form-email,
.newsletterblock .mailchimp-newsletter-mergefields input.form-text {
	border-left: solid 1px var(--maincolor);
	border-bottom: solid 1px var(--maincolor);
	border-top: 0px;
	border-right: 0px;
	padding-left: 30px;
	border-radius: 0px;
	box-sizing: border-box;
}

.newsletterblock select.form-select,
.bannercontent select.form-select {
	border-left: solid 1px var(--maincolor);
	border-bottom: solid 1px var(--maincolor);
	border-top: 0px;
	border-right: 0px;
	padding-left: 30px;
	border-radius: 0px;
	box-sizing: border-box;
	width: 100%;
	background-color: transparent;
	-webkit-appearance: none; 
	appearance: none;
}


.tsh .newsletterblock .mailchimp-newsletter-mergefields input.form-email,
.tsh .newsletterblock .mailchimp-newsletter-mergefields input.form-text {
	border-left: solid 1px var(--tshschwarz);
	border-bottom: solid 1px var(--tshschwarz);
}

.tsh .newsletterblock select.form-select,
.tsh .bannercontent select.form-select {
	border-left: solid 1px var(--tshschwarz);
	border-bottom: solid 1px var(--tshschwarz);
}

.views-field-webform select.form-select,
.bannercontent select.form-select {
	border: 0px;
	border-right: 0px;
	padding: 20px 15px;
	border-radius: 0px;
	box-sizing: border-box;
	width: 100%;
	background-color: var(--weiss);
	-webkit-appearance: none; 
	appearance: none;
	color: var(--schwarz);
}

.views-field-webform .js-form-type-select,
.bannercontent .js-form-type-select {
	margin-top: 0px !important;
	position: relative;
}

.newsletterblock .js-form-type-select:after,
.views-field-webform .js-form-type-select:after,
.bannercontent .js-form-type-select:after {
	display: block;
	position: absolute;
	right: 20px;
	top: calc(50% + 0px);
	content: "\f175";
	font-family: "Font Awesome 5 Pro";
	font-weight: 300;
	margin-left: 5px;
	
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
}

.newsletterblock .js-form-type-select:after {
	top: calc(50% + 15px);
}

.newsletterblock .mailchimp-newsletter-mergefields input#edit-mergevars-lname {
	padding-left: 0px;
}
.newsletterblock .mailchimp-newsletter-mergefields input#edit-mergevars-fname,
.newsletterblock .mailchimp-newsletter-mergefields input#edit-mergevars-fname--3,
.newsletterblock .mailchimp-newsletter-mergefields input#edit-mergevars-fname--2 {
	border-left: solid 1px var(--maincolor);
	border-bottom: solid 1px var(--maincolor);
	border-top: 0px;
	border-right: 0px;
	padding-left: 30px;
	border-radius: 0px;
}

.newsletterblock .mailchimp-newsletter-mergefields input#edit-mergevars-lname,
.newsletterblock .mailchimp-newsletter-mergefields input#edit-mergevars-lname--3,
.newsletterblock .mailchimp-newsletter-mergefields input#edit-mergevars-lname--2 {
	border-left: solid 0px var(--maincolor);
	border-bottom: solid 1px var(--maincolor);
	border-top: 0px;
	border-right: 0px;
	border-radius: 0px;
}



.tsh .newsletterblock .mailchimp-newsletter-mergefields input#edit-mergevars-fname,
.tsh .newsletterblock .mailchimp-newsletter-mergefields input#edit-mergevars-fname--3,
.tsh .newsletterblock .mailchimp-newsletter-mergefields input#edit-mergevars-fname--2 {
	border-left: solid 1px var(--tshschwarz);
	border-bottom: solid 1px var(--tshschwarz);
}

.tsh .newsletterblock .mailchimp-newsletter-mergefields input#edit-mergevars-lname,
.tsh .newsletterblock .mailchimp-newsletter-mergefields input#edit-mergevars-lname--3,
.tsh .newsletterblock .mailchimp-newsletter-mergefields input#edit-mergevars-lname--2 {
	border-left: solid 0px var(--tshschwarz);
	border-bottom: solid 1px var(--tshschwarz);
}

.newsletterblock .form-item {
	margin-top: 0px;
	margin-bottom: 0px;
}

.newsletterblock .formc {
	overflow: visible;
}


.newsletterblock form .formc {
	position: relative;
	box-sizing: border-box;
}

.newsletterblock input.form-checkbox {
	box-sizing: border-box;
	position: relative;
}

.newsletterblock input.js-form-submit {
	background-color: var(--maincolor);
	font-family: var(--bold);

}
.newsletterblock input.js-form-submit:hover {
	background-color: var(--actioncolor);
	color: var(--weiss);

}

.tsh .newsletterblock input.js-form-submit {
	background-color: var(--actioncolor);
	font-family: var(--bold);

}
.tsh .newsletterblock input.js-form-submit:hover {
	background-color: var(--tshschwarz);
	color: var(--weiss);

}




/* !CONTENT */


.page-node-type-legal .node__content {
	margin-bottom: 10vh;
}

.titelblock {
	margin-bottom: 40px;
	padding-top: var(--vhone);
}

.page-node-type-tsh-service .field--name-field-untertitel h2 {
	margin-top: 20px;
	padding-top: 0px;
}

.page-node-type-tsh-service .titelblock,
.page-node-458 .titelblock {
	margin-bottom: 10px;
}

.page-node-type-tsh-service .paragraph--type--button-link.linkbuttonpara {
	margin-top: var(--vhtwo);
	margin-bottom: var(--vhtwo);
}

.page-node-type-tsh-simple-page .titelblock,
/* .page-node-type-tsh-service .titelblock, */
.page-node-type-tsh-partner .titelblock,
.page-node-141 .titelblock,
.path-product .titelblock  {
	margin-top: var(--vhtwo);
}

.text-xxl {
	font-size: 130%;
		line-height: 145%;
	font-family: var(--extrabold);
}

.text-xl {
	font-size: 110%;
		line-height: 145%;
}

.text-m {
	font-size: 90%;
		line-height: 145%;
}

.text-x {
	font-size: 90%;
		line-height: 145%;
}
.text-s {
	font-size: 70%;
		line-height: 145%;
}




.bodylink {
	text-align: center;
	margin: 20px auto var(--vhtwo) auto;
	text-transform: uppercase;
}


.page-node-type-community-page main{
	background-color: var(--weiss);
	/*
	background-image: url(../images/homebgmain2.svg);
	*/
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: 100% auto;
	box-sizing: border-box;
	padding: var(--vhtwo) 0px 10px 0px;
}


.page-node-1 main {
	background-color: var(--weiss);
	/*
	background-image: url(../images/homebgmain2.svg);
	*/
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: 100% auto;
	box-sizing: border-box;
	padding: 0px 0px 10px 0px;
}


.tsh-frontpage main {
	background-color: var(--weiss);
	background-image: url(../images/homebgmain2tsh.svg);
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: cover;
	box-sizing: border-box;
	padding: var(--vhtwo) 0px 10px 0px;
}

.bigserviceblock {
	background-color: var(--maincolor);
	color: var(--weiss);
	background-image: url(../images/homebgblock2.svg);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100% auto;
	box-sizing: border-box;
	padding: var(--vhtwo) 0px var(--vhone) 0px;
}






.views-field-field-service-big-image img,
.views-field-field-small-service-image img,
.field--name-field-block-image img {
	max-width: 100%;
	height: auto;
}

.bigserviceblock .views-field-field-service-big-image {
	margin-top: var(--vhone);
	margin-bottom: var(--vhtwo);
	position: relative;
}



.longpfeil  {
	position: absolute;
	top: 50%;
	right: 0px;
	width: 225px;
	
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);

 animation-name: move;
	animation-duration: 5.5s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;

}

.longpfeil.slide {
	top: 3vh;
	right: 20%;
	
	animation-name: moveslide;
		animation-duration: 5.5s;
		animation-iteration-count: infinite;
		animation-timing-function: ease-in-out;
}

.longpfeil img {
	width: 100%;
	height: auto;
}

.view-paragraph-slide .owl-theme .owl-controls .owl-buttons,
.view-paragraph-slide .owl-theme .owl-nav {
	position: absolute;
	top: -15px;
	right: 20%;
	animation-name: moveslide;
		animation-duration: 5.5s;
		animation-iteration-count: infinite;
		animation-timing-function: ease-in-out;
}




@keyframes move {
0%   {right:0px;}
50% {right:4vw;}
100% {right:0vw;}
}

@keyframes moveslide {
	0%   {right:13%;}
	50% {right:19%;}
	100% {right:13%;}
	}



.imagedescription {
	position: absolute;
	left: 50%;
	top: 20%;
	text-align: left;
	color: var(--actioncolor);
	z-index: 60px;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);

	/* font-size: 270%; */
	font-size: 240%;
	line-height: 115%;
}

html[lang=de] .imagedescription {
	font-size: 220%;
}
.views-field-field-service-big-image:hover {
	cursor: pointer;
}

.views-field-field-service-big-image:hover .imagedescription,
.views-field-field-small-service-image:hover .imagedescription {
	color: var(--schwarz);
}

.imagedescription  span {
	display: block;
}

.imagedescription .alt {
	font-family: var(--kursiv);
}

.imagedescription .title {
	font-family: var(--extrabold);
	text-transform: uppercase;
}

.bigserviceblock .views-field-field-service-big-image {
	position: relative;
}

.golink {
	 position: absolute;
	 left: 0px;
	 top: 0px;
	 width: 100%;
	 height: 100%;
	 line-height: 0px;
	 z-index: 70px;
}

.golink  img {
	width: 100%;
	height: 100%;
}


.smallserviceblock {
	background-color: var(--maincolor);
	color: var(--weiss);
	box-sizing: border-box;
	padding: var(--vhone) 0px var(--vhtwo) 0px;
	margin-bottom: var(--vhtwo);
}

.page-node-type-homepage .smallserviceblock {
	margin-bottom: 0px;
}

.smallserviceblock  .view-content {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.smallserviceblock  .views-row {
	flex-basis: calc(33% - 30px);
}

.views-field-field-small-service-image {
	position: relative;
}

.smallserviceblock .views-field-field-small-service-image{
	font-size: 75%;
}

.smallserviceblock .views-field-field-service-title {
	font-size: 83%;
}

.smallserviceblock .views-field-field-service-link {
	margin-top: 0px;
}

.smallserviceblock .views-field-field-service-title h3 {
	margin-bottom: 0px;
}

.smallserviceblock .imagedescription {
	left: 25px;
	top: 10%;
	text-align: left;
	color: var(--actioncolor);
	z-index: 60px;
	-webkit-transform: translateX(0%);
	-moz-transform: translateX(0%);
	transform: translateX(0%);
	
}

/*

.smallserviceblock .owl-nav {
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
}
.smallserviceblock .owl-nav button.owl-prev {
	position: absolute;
	left: calc(-1 * var(--arrowsize) - 20px);
	top: 0px;
	color: var(--actioncolor);
	font-size: 200%;
	
	width: var(--arrowsize);
	height: var(--arrowsize);

	
	-webkit-transform: translateY(-150%);
	-moz-transform: translateY(-150%);
	transform: translateY(-150%);
}


.smallserviceblock .owl-nav button.owl-prev span {
	display: none;
}

.smallserviceblock .owl-nav button.owl-prev:after {
	font-family: "Font Awesome 5 Pro";
	font-weight: 100;
	content: "\f060";
	font-size: var(--arrowsize);
	margin-left: 5px;
}


.smallserviceblock .owl-nav button.owl-next {
	position: absolute;
	right: calc(-1 * var(--arrowsize) - 10px);
	top: 0px;
	color: var(--actioncolor);
	font-size: 200%;
	
	width: var(--arrowsize);
	height: var(--arrowsize);

	
	-webkit-transform: translateY(-150%);
	-moz-transform: translateY(-150%);
	transform: translateY(-150%);
}


.smallserviceblock .owl-nav button.owl-next span {
	display: none;
}

.smallserviceblock .owl-nav button.owl-next:after {
	font-family: "Font Awesome 5 Pro";
	font-weight: 100;
	content: "\f061";
	font-size: var(--arrowsize);
	margin-left: 5px;
}


.smallserviceblock .owl-nav button.owl-next:hover {
	background: transparent;
}

*/


.homecoverowl {
	position: relative;
}


.homecoverowl .owl-theme .owl-nav  {
	position: absolute;
	top: 50%;
	right: 0%;
	animation-name: moveslidetestimonial;
	animation-duration: 5.5s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
	
	-webkit-transform: translateX(10%) translateY(-90%);
	-moz-transform: translateX(10%) translateY(-90%);
	transform: translateX(10%) translateY(-90%);
}

@keyframes moveslidetestimonial {
	0%   {right:0%;}
	50% {right:6%;}
	100% {right:0%;}
}



.homecoverowl .owl-theme .owl-nav div {
	width: 225px;
	height: 50px;
	padding: 0px !important;
	border-radius: 0px !important;
	background: none !important;
	opacity: 1;
}

.homecoverowl .owl-theme .owl-nav button.owl-next {
	width: 225px;
	height: 50px;
	padding: 0px !important;
	border-radius: 0px !important;
	background: none !important;
	opacity: 1;
	background-image: url("../images/longpfeil.svg") !important;
	background-repeat: no-repeat !important;
	background-position: right top !important;
	background-size: 100% auto !important;
}


.homecoverowl .owl-theme .owl-nav button.owl-next:hover {
	background-image: url("../images/longpfeil_s.svg") !important;
}



.homecoverowl .owl-theme .owl-nav button.owl-next span {
	display: none !important
}


.homecoverowl .owl-theme .owl-nav .owl-prev {
	display: none !important;
}






/* !PARAGRAPHS */
.paragraphsblock .paragraph .bgcolor {
	display: none;
}


.paragraphsblock  .paragraph {
	margin-top: var(--vhtwo);
}

.paragraph.projekt-logo-block  {
	margin-top: var(--vhtwo) !important;
}

.paragraph.projekt-logo-block + .paragraph {
	/* margin-top: 0px !important; 20250218 */
}

.paragraph.projekt-logo-block.weiss {
	padding: 0px !important;
}

.paragraph.TSH-BGcolor + .paragraph.tshhellblau {
	margin-top: 0px !important;
}

.page-node-type-tsh-service .paragraph--type--sliderblocks-with-video + .paragraph.mitbg {
	margin-top: 0px !important;
}

.page-node-288 .paragraph--type--show-block + .paragraph--type--testimonial-block {
	margin-top: 0px !important;
}

.paragraph.TSH-BGcolor h2.untertitel {
	margin-bottom: 0px;
	padding-bottom: 0.83em;
}

.paragraph--type--show-block.tshblau {
	margin-top: 0px !important;
	padding-top: var(--vhtwo);
}

.paragraph--type--images-partner {
	margin-top: var(--vhone);
}

.paragraphsblock  .paragraph.TSH-BGcolor {
	margin-top: 0px !important;
}

.tsh .paragraphsblock .paragraph:nth-child(1) {
	margin-top: 0px !important;
}

.paragraph.paragraph--type--titel-text-linksbundig-breit {
	margin-top: var(--vhone);
}

.paragraphsblock .paragraph.weiss .paragraph--type--quotes-bild-link {
	padding-top: 0px;
}

.paragraph--type--show-block + .paragraph.weiss {
	padding-top: var(--vhtwo);
}

.paragraph--type--testimonial-block.tshhellblau + .paragraph--type--title-bold-text.weiss {
	padding-top: var(--vhtwo) !important;
}

.paragraph--type--title-bold-text + .paragraph--type--startlinks-container.weiss {
	margin-top: 0px !important;
	padding-top: 0px !important;
}

.field--name-field-title-paragraph + .field--name-field-untertitel > h2.untertitel {
	padding-top: 0px;
	margin-top: 0px;
} 


.paragraph--type--quotes-bild-link {
	position: relative;
	background: var(--bgcolor);
	padding: var(--vhtwo) 0px;
	box-sizing: border-box;
	
}

.page-node-1 .paragraph--type--quotes-bild-link {
	padding: 0 0px var(--vhtwo) 0px;
}


.page-node-1 .paragraph--type--quotes-bild-link {
	background: var(--bgcolor) !important;
}
.page-node-1 .paragraph--type--quotes-bild-link .bgcolor {
	display: block !important;
	background: var(--weiss) !important;
}

.page-node-1 .paragraph--type--quotes-bild-link .quote {

}

.paragraph--type--quotes-bild-link .blockarea,
.paragraph--type--quotes-bild-link  .field--name-field-blocktitle,
.paragraph--type--quotes-bild-link  .field--name-field-blocktext  {
	position: relative;
	z-index: 10;
}

.paragraph--type--quotes-bild-link .bgcolor,
.toppostsecond  .bgcolor  {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 45%;
	z-index: 1;
	display: block !important;
}



.paragraph--type--quotes-bild-link .blockarea {
	position: relative;
	padding: 0vh 0px;
}

.field--name-field-blocktitle {
	text-align: center;
}



 .square {
	position: absolute;
	height: auto;
	top: 0px;
	left: 50%;
	border: solid 3px var(--actioncolor);
	box-sizing: border-box;
	/* padding: 5vw 3vw 6.5vw 3vw; */
	text-align: center;
	text-transform: uppercase;
	line-height: 145%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	background: var(--weiss);
	display: flex;
	flex-direction: row;
	justify-content: stretch;
}

.square a,
.square a:visited,
.square a:hover,
.square a:visited {
	color: var(--actioncolor);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-content: center;
	padding: 5vw 3vw 5vw 3vw;
}

.paragraph--type--quotes-bild-link .blockarea:hover .square a,
.paragraph--type--quotes-bild-link .blockarea:hover .square a:visited,
.paragraph--type--quotes-bild-link .blockarea:hover .square a:hover,
.paragraph--type--quotes-bild-link  .blockarea:hover .square a:visited,

.view-linkblock:hover .square a,
.view-linkblock:hover .square a:visited,
.view-linkblock:hover .square a:hover,
.view-linkblock:hover .square a:visited {
	
} 
		


.field--name-field-block-image {
	line-height: 0px;
}

.paragraph--type--quotes-bild-link .golink {

}

.quotecontent {
	color: var(--maincolor);
	/* padding-bottom: var(--vhone); */
	box-sizing: border-box;
	font-size: 90%;
	line-height: 115%;
}


.field--name-field-quote-auhor,
.views-field-field-quote-author-tp {
	margin-top: 10px;
}

.paragraph--type--quotes-bild-link  h3,
.paragraph--type--quotes-bild-link h4,
.quotecontent h3,
.quotecontent h4,
.quoteblock h3,
.quoteblock h4 {
	margin: 0px auto 20px auto;
	padding: 0px;
}



.quotecontent h4,
.quoteblock h4,
.paragraph--type--quotes-bild-link h4 {
	letter-spacing: 3px !important;
	margin-bottom: 0px;
}

.quotecontent h3 {
	
}

.blocknote {
	font-size: 500%;
	line-height: 40%;
	font-family: var(--kursiv);
	position: relative;
	padding-top: var(--vhone);
	box-sizing: border-box;
	
}

.view-paragraph-slide {
		
}
	
.view-paragraph-slide .view-header {
 display: none;
}

.view-paragraph-slide .owl-item > div,
.paragraph--type--slidecontent {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.view-paragraph-slide .owl-item > div > div {

}
.view-paragraph-slide-neu {
	position: relative;
}

.view-paragraph-slide-neu .views-field-counter {
	position: absolute;
	top: 40px;
	left:  calc(50% - 3vw + 40px);
}


.slideleftset {
	position: relative;
	flex-basis: calc(50% - 3vw - 40px);
	margin-left: 40px;

	
	overflow: hidden;
}

.slideleftset .bgimg {
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
}

	
.slideleftset:hover .bgimg  {
		transform:scale(1.05) translateY(-0.1rem);  
		transform-origin:center;
		-o-transition:.3s;
		-ms-transition:.3s;
		-moz-transition:.3s;
		-webkit-transition:.3s;
		transition:.3s;
	}


.slideleftset .bgimg img {
	object-fit: cover;
	object-position: center center;
	width: 100%;
	height: 100%;
	position: relative;
}


.slideleftset a {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
}

.slideleftset a  img {
	width: 100%;
	height: 100%;
}

.view-paragraph-slide .owl-item .slideset {
	flex-basis: 30%;
	margin-right: 20%;
	padding: var(--vhtwo) 0px;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	align-content: center;
}
.view-paragraph-slide .owl-item .slideset > div {
	align-self: center;
	flex-basis: 100%;
}

.view-paragraph-slide .owl-item .slideset .field--name-field-link-slidecontent a,
.view-paragraph-slide .owl-item .slideset .field--name-field-link-slidecontent a:visited {
	font-family: var(--bold);
	text-transform: uppercase;
}

.view-paragraph-slide .owl-item .total {
	text-align: left;
	margin-left: -7px;
}


.view-paragraph-slide .owl-theme .owl-controls .owl-buttons div,
.view-owl-tsh-testimonial-slider  .owl-theme .owl-controls .owl-buttons div {
	width: 225px;
	height: 50px;
	padding: 0px !important;
	border-radius: 0px !important;
	background: none !important;
	opacity: 1;
}

.view-paragraph-slide .owl-carousel .owl-nav button.owl-next,
.view-owl-tsh-testimonial-slider .owl-carousel .owl-nav button.owl-next {
	width: 225px;
	height: 50px;
	padding: 0px !important;
	border-radius: 0px !important;
	background: none !important;
	opacity: 1;
	background-image: url("../images/longpfeil.svg") !important;
	background-repeat: no-repeat !important;
	background-position: right top !important;
	background-size: 100% auto !important;
}


.view-paragraph-slide .owl-carousel .owl-nav button.owl-next:hover,
.view-owl-tsh-testimonial-slider .owl-carousel .owl-nav button.owl-next:hover {
	background-image: url("../images/longpfeil_s.svg") !important;
}



.view-paragraph-slide .owl-carousel .owl-nav button.owl-next span,
.view-owl-tsh-testimonial-slider .owl-carousel .owl-nav button.owl-next span {
	display: none !important
}


.view-paragraph-slide .owl-theme .owl-controls .owl-buttons .owl-prev,
.view-owl-tsh-testimonial-slider .owl-theme .owl-controls .owl-buttons .owl-prev,
.view-owl-tsh-testimonial-slider .owl-theme .owl-nav .owl-prev,
.view-paragraph-slide .owl-carousel .owl-nav .owl-prev,
.view-owl-tsh-testimonial-slider .owl-carousel .owl-nav .owl-prev {
	display: none !important;
}



.view-paragraph-slide-neu .owl-item {

}

.view-paragraph-slide-neu .owl-item > div {
	padding-left: 2px;
	box-sizing: border-box;
}

.owl-carousel .owl-wrapper, 
.owl-carousel .owl-stage {
	display: flex !important;
	flex-direction: row;
	align-content: stretch;
}

.owl-carousel .owl-item {
	float: none !important;
	align-self: stretch;
}
.owl-carousel .owl-item > div {
	width: 100%;
	height: 100%;
}

.view-paragraph-slide .views-field-field-link-slidecontent a,
.view-paragraph-slide .views-field-field-link-slidecontent a:visited {
	color: var(--schwarz);
}

.view-paragraph-slide .views-field-field-link-slidecontent a:hover,
.view-paragraph-slide .views-field-field-link-slidecontent a:active {
	color: var(--actioncolor);
}


.tsh .view-paragraph-slide .views-field-field-link-slidecontent a,
.tsh .view-paragraph-slide .views-field-field-link-slidecontent a:visited {
	color: var(--actioncolor);
}

.tsh .view-paragraph-slide .views-field-field-link-slidecontent a:hover,
.tsh .view-paragraph-slide .views-field-field-link-slidecontent a:active {
	color: var(--tshschwarz);
}



.bgimg {
	position: absolute;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center center;
}


.paragraph--type--tag-block,
.tags {
	color: var(--actioncolor);
	box-sizing: border-box;
	padding-bottom: var(--vhone);
}



.tags {
	margin-top: var(--vhtwo);
}

.page-node-type-project-overview .tags {
	/* margin-top: 0px; */
}


.paragraph--type--tag-block + .paragraph  {
	margin-top: 0px !important;
}

.paragraph--type--tag-block .field--name-field-tags {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}

.paragraph--type--tag-block .field--name-field-tags .field__item {
	margin: 0px 3px;
}
.paragraph--type--tag-block .field--name-field-tags .field__item:after {

}
.paragraph--type--tag-block .field--name-field-tags .field__item:nth-last-child(1):after {

}

.paragraph--type--linkblock-title-text-image {
	padding: var(--vhtwo) 0px;
	box-sizing: border-box;
}

.paragraph--type--linkblock-title-text-image.weiss {
	padding-bottom: 0px;
}

.paragraph--type--linkblock-title-text-image .view-content  {
	 padding-top: 7vh; 
}

.paragraph--type--quotes-bild-link .field--name-field-blocktext {
	padding-bottom: var(--vhtwo);
}

.paragraph--type--quotes-bild-link .field--name-field-blocktext p {
	margin-bottom: 0px;
}

.paragraph--type--linkblock-title-text-image .linkblockset {
	position: relative;
}


.paragraph--type--linkblock-title-text-image .views-field-field-image-linkblock img  {
		width: 100%;
		height: auto;
	}


.paragraph--type--linkblock-title-text-image .views-field-field-link-linkblock {
	margin-top: 40px;
}

.paragraph--type--linkblock-title-text-image .views-field-field-link-linkblock a,
.paragraph--type--linkblock-title-text-image .views-field-field-link-linkblock a:visited {
	color: var(--weiss);
}

.paragraph--type--linkblock-title-text-image.dunkelblau .field--type-text-long a:hover,
.paragraph--type--linkblock-title-text-image.dunkelblau .field--type-text-long a:active {
	color: var(--weiss);
}

.view-linkblock:hover .views-field-field-link-linkblock a {
	color: var(--schwarz);
}

body.tsh-frontpage .view-linkblock:hover .views-field-field-link-linkblock a {
	color: var(--actioncolor) !important;
}

.gruen .view-linkblock:hover .views-field-field-link-linkblock a {
	color: var(--actioncolor) !important;
}

.paragraph--type--title-bold-text + .paragraph--type--image-left-text-right {


}

.paragraph--type--title-bold-text + .paragraph {
	margin-top: var(--vhtwo);
}

.paragraph--type--title-bold-text .field--name-field-image-full {
		margin: 3vh auto 3vh auto;
}

.paragraph--type--title-bold-text .field--name-field-text-paragraph ul {
	text-align: left;
	padding: 3vh 0px 0vh 0px;
	margin: 0px;
	font-family: var(--regular);
	font-size: 120%;
	line-height: var(--lineheight);
	list-style-type: none;

}

.paragraph--type--title-bold-text .field--name-field-text-paragraph ul li {
	margin: 10px 0px;
	padding-left: 50px;
	box-sizing: border-box;
	position: relative;
}

.paragraph--type--title-bold-text .field--name-field-text-paragraph ul li:before {
	content: " ";
	display: block;
	position: absolute;
	left: 0px;
	top: 7px;
	width: 25px;
	height: 25px;
	background-image: url("../images/tshlistsltyle.png");
	background-repeat: no-repeat;
	background-size: contain;
	
}

.paragraph--type--image-left-text-right .views-row,
.topicparagraph .topicparagraphcontent {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: stretch;
	align-content: center;
	margin-bottom: var(--vhone);
}

.page-node-type-tsh-partner .topicparagraph .topicparagraphcontent {
	margin-bottom: 0px !important;
}

.paragraph--type--image-left-text-right a,
.paragraph--type--image-left-text-right a:visited {
	color: var(--schwarz);
}

.paragraph--type--image-left-text-right a:hover,
.paragraph--type--image-left-text-right a:active {
	color: var(--actioncolor);
}

.paragraph--type--image-left-text-right h4,
.paragraph--type--image-left-text-right-read-more h4,
.paragraph--type--image-left-text-right-read-more- h4,
.topicparagraph h4 {
	margin-top: 0px;
}
.paragraph--type--image-left-text-right .field--name-field-image-left img,
.topicparagraph .field--name-field-image-left img {
	width: 100%;
	height: auto;
}

.paragraph--type--image-left-text-right .field--name-field-image-left,
.paragraph--type--image-left-text-right .imgset,
.topicparagraph .imgset {
	flex-basis: calc(50% - 25px);
	align-self: stretch;
	position: relative;

overflow: hidden;
}

.paragraph--type--image-left-text-right .imgset .bgimg,
.topicparagraph .imgset .bgimg {
	 width: 100%;
		height: 100%;
		-o-transition:.3s;
		-ms-transition:.3s;
		-moz-transition:.3s;
		-webkit-transition:.3s;
		transition:.3s;
	}
	
.paragraph--type--image-left-text-right .imgset:hover .bgimg  {
		transform:scale(1.05) translateY(-0.1rem);  
		transform-origin:center;
		-o-transition:.3s;
		-ms-transition:.3s;
		-moz-transition:.3s;
		-webkit-transition:.3s;
		transition:.3s;
	}




.paragraph--type--image-left-text-right .imgset .views-field-nothing,
.topicparagraph .imgset .views-field-nothing {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;

}

.paragraph--type--image-left-text-right .imgset .views-field-nothing img {
	width: 100%;
	height: 100%;
}

.imgset {
	
}
.imgset > div {
	z-index: 40;
}

.imgset > a {
	position: absolute;
	left: 0px;
	top: 0px;
	display: block;
	z-index: 50;
	width: 100%;
	height: 100%;
}

.paragraph--type--image-left-text-right .leftset {
	flex-basis: calc(50% - 25px);
	align-self: center;
	padding: var(--vhtwo) 0px;
	box-sizing: border-box;
}

.paragraph--type--image-left-text-right .leftset .views-field-field-text-left a,
.paragraph--type--image-left-text-right .leftset .views-field-field-text-left a:visited {
	text-decoration: underline;
}

.paragraph--type--image-left-text-right .leftset  ul,
.view-tsh-service-paragraps ul,
.whycontainer ul {
	padding-left: 22px;
}

.paragraph--type--image-left-text-right .leftset .field--name-field-link-left {
	/* margin-top: 20px; */
}


.paragraph--type--image-left-text-right-read-more,
.paragraph--type--image-left-text-right-read-more- {

	min-height: 300px;
}
.paragraph--type--image-left-text-right-read-more .field--name-field-image-left img,
.paragraph--type--image-left-text-right-read-more- .field--name-field-image-left img {
	width: 100%;
	height: auto;
}

.paragraph--type--image-left-text-right-read-more,
.paragraph--type--image-left-text-right-read-more- {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-bottom: var(--vhone);
}

.paragraph--type--image-left-text-right-read-more .field--name-field-image-left,
.paragraph--type--image-left-text-right-read-more- .field--name-field-image-left  {
	flex-basis: calc(50% - 40px);
	position: relative;
}

.paragraph--type--image-left-text-right-read-more .leftset,
.paragraph--type--image-left-text-right-read-more- .leftset  {
	flex-basis: 50%;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	padding-top: 20px;
	/*
	padding-bottom: 50px;
	*/
}



.paragraph--type--image-left-text-right-read-more ul,
.paragraph--type--image-left-text-right-read-more- ul {
	padding: 0px 0px 0px 22px;

}

.paragraph--type--image-left-text-right-read-more p + ul,
.paragraph--type--image-left-text-right-read-more- p + ul  {
	top: -20px;
	position: relative;
	margin: 0px;
}

.paragraph--type--image-left-text-right-read-more .readless-link.readmore-link {
	width: 40px;
	height: 40px;
	white-space: nowrap;
	text-indent: 200px;
	overflow: hidden;
	position: absolute;
	left: 0px;
	bottom: 10px;
	background-image: url('../images/readmore.svg');
	background-size: cover;
	background-repeat: no-repeat;
	
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
}

.paragraph--type--image-left-text-right-read-more .readless-link {
	width: 40px;
	height: 40px;
	white-space: nowrap;
	text-indent: 200px;
	overflow: hidden;
	position: absolute;
	left: 0px;
	bottom: -10px;
	background-image: url('../images/readless.svg');
	background-size: cover;
	background-repeat: no-repeat;
-o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;
	
}

.paragraph--type--image-left-text-right-read-more- .readless-link.readmore-link {
	width: 40px;
	height: 40px;
	white-space: nowrap;
	text-indent: 200px;
	overflow: hidden;
	position: absolute;
	left: 0px;
	bottom: 10px;
	background-image: url('../images/readmore_tsh.svg');
	background-size: cover;
	background-repeat: no-repeat;
	
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
}

.paragraph--type--image-left-text-right-read-more- .readless-link {
	width: 40px;
	height: 40px;
	white-space: nowrap;
	text-indent: 200px;
	overflow: hidden;
	position: absolute;
	left: 0px;
	bottom: -30px;
	background-image: url('../images/readless_tsh.svg');
	background-size: cover;
	background-repeat: no-repeat;
-o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;
	
}

.paragraph--type--image-left-text-right-read-more .readmore-link:hover,
.paragraph--type--image-left-text-right-read-more .readless-link:hover  {
	transform:scale(1.35) translateY(-0.1rem);  
	transform-origin:center;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
}


.ptccontainer {
	background: var(--tshbgcolor);
	padding: var(--vhone) 0px var(--vhone) 0px;
	box-sizing: border-box;
}

.ptccontainer > .paragraph {
	margin-top: 0px !important;
}

.view-paragraph-greenblock {

}

.view-paragraph-greenblock .views-field-field-image-greenblock {
	position: relative;
}

.view-paragraph-greenblock .views-field-field-image-greenblock:after {
	content: " ";
	display: block;
	position: absolute;
	left: 0px;
	width: 100%;
	bottom: 0px;
	height: 20%;
	background-color: var(--maincolor);
	z-index: 10;
}

.view-paragraph-greenblock .views-field-field-image-greenblock img {
		width: 100%;
		height: auto;
		position: relative;
		z-index: 30;
}

.view-paragraph-greenblock .greenblockset {
	background-color: var(--maincolor);
	color: var(--weiss);
}

.view-paragraph-greenblock .greenblockset {
	padding: 8vh 0px var(--vhtwo) 0px;
	box-sizing: border-box;
}

.view-paragraph-greenblock .greenblockset  h3 {
	padding-top: 0px;
	margin-top: 0px;
}

.view-paragraph-greenblock .greenblockset a,
.view-paragraph-greenblock .greenblockset a:visited {
	color: var(--weiss);
}

.view-paragraph-greenblock .greenblockset .views-field-field-text-greenblock a,
.view-paragraph-greenblock .greenblockset .views-field-field-text-greenblock a:visited {
	text-decoration: underline;
}

.view-paragraph-greenblock .greenblockset a:hover,
.view-paragraph-greenblock .greenblockset a:active {
	color: var(--actioncolor);
}

.views-field-field-linktext-greenblock {
	/* padding-top: 3vh; */
	box-sizing: border-box;
}

.paragraph--type--quote {
	background-color: var(--bgcolor);
	margin-top: 0px !important;
	padding: var(--vhone) 0px 7vh 0px; 
	box-sizing: border-box;
}


.paragraph--type--icon-left-tite-text-right {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-content: center;
	margin-top: 3vh !important;
}

.field--name-field-icon-left-text {
	margin-top: 7vh;
}

.paragraph--type--icon-left-tite-text-right  .field--name-field-icon-left {
	flex-basis: 15%;
	text-align: right;
	align-self: center;
}

.paragraph--type--icon-left-tite-text-right  .icongroup {
	flex-basis: 80%;
	align-self: center;
}

.paragraph--type--icon-left-tite-text-right  .field--name-field-icon-left  img {
	max-width: 100px;
}



.field--name-field-title-left h3 {
	margin: 0px !important;
	padding: 0px !important;
}



.field--name-field-image-contentwidth {
	line-height: 0px;
}

.field--name-field-image-contentwidth img {
	width: 100%;
	height: auto;
}

.paragraph--type--textuntertiteltextlink {
	padding-top: var(--vhtwo);

}

.paragraph--type--textuntertiteltextlink.paragraph.TSH-BGcolor.center {
	margin-top: var(--vhtwo) !important; 
}



.paragraph--type--textuntertiteltextlink h2.page-subtitle {
	margin-bottom: 40px;
}

.paragraph--type--textuntertiteltextlink h3.likeh1 {
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.paragraph--type--textuntertiteltextlink .bodylink {
	margin-bottom: 0px !important;
}

.paragraph--type--textuntertiteltextlink .bodylink .cta {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}


.paragraph--type--video {
	position: relative;
	margin-top: 10vh;

}
.paragraph--type--video .cookies-fallback--wrap.disabled {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
}

.paragraph--type--video .cookies-fallback {
	background-color: var(--bgcolor)  !important;
}



.video-block-slider {
	
}


.video-block-slider video {
	width: 100% !important;
	height: auto;
	margin-bottom: 20px;
}

.video-block-slider .tns-item {
	text-align: center;
}


.paragraph--type--sliderblocks-with-video .tns-item {
	box-sizing: border-box;
}


.paragraph--type--sliderblocks-with-video .tns-ovh {
	padding-right: 30px;
}

/* PROJECT */

.view-titelblock- {
	
}

.view-titelblock- .views-row {
		background-image: url('../images/projectbg.png');
		background-repeat: no-repeat;
		background-position: center bottom;
		background-size: 100% auto;
		padding-bottom: var(--vhone);
		box-sizing: border-box;
}

.views-field-field-main-image img {
	width: 100%;
	height: auto;
}

.projectset {
	padding-top: var(--vhone);
	box-sizing: border-box;
	display: table;

}
.page-node-type-project  .views-field-nothing.bodylink {
	margin-top: 20px;
}

.projectset > div {
	display: flex;
}

.projectset > div > .views-label {
	display: block;
	flex-basis: 35%;
	white-space: nowrap;
	padding-right: 0px;
	box-sizing: border-box;
	min-width: 120px;
}

.projectset > div > .field-content {
	display: block;
	flex-basis: 65%;
}

.projectset a, 
.projectset a:visited {
	color: var(--schwarz);
}

.projectset a:hover, 
.projectset a:active {
	color: var(--weiss);
}
.roadmaptext {
	/* margin-right:  10vw; */
}

.views-label-field-tag-it-:after,
.views-label-field-tags:after {
	content: "\f02b";
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
	margin-left: 5px;
}

.page-node-40 .flippyblock {
	display: none;
}

.flippyblock {
	position: relative;
	border: solid 1px var(--weiss);
	margin-top: var(--vhtwo);
	margin-bottom: var(--vhtwo);
	box-sizing: border-box;
	padding-top: var(--vhone);
	
}

.flippyblock .view-content {
	position: relative;
}

.flippyblock .views-field-field-title-for-show-next {

	z-index: 60;
}

.flippyblock .maxwidthcontent {
	position: relative;
}

.flippyblock .views-field-field-main-image {

	z-index: 40;
}

.flippyblock .views-field-view-node {
	margin-top: var(--vhone);
	margin-bottom: 0vh;
}

.projectcontainer {
	background-color: var(--maincolor);
	color: var(--weiss);
	padding: var(--vhone) 0px var(--vhone) 0px;
	box-sizing: border-box;
}

.tsh .projectcontainer {
	color: var(--tshschwarz)
}

.projectlogos {
	background-color: var(--maincolor);
	padding-top: calc(var(--vhone) / 2);
	padding-bottom: calc(var(--vhone) / 2);
	box-sizing: border-box;
	/*
	background-image: url('../images/logoblockbg.svg');
	background-position: center bottom;
	background-size: 100% auto;
	background-repeat: no-repeat;
	min-height: 310px;
	*/
}

.projectcontainer + .projectlogos {
	padding-top: 0vh;
}


ul.newsticker li {
	padding: 0px 0px 0px 0px !important;
	box-sizing: border-box;
	margin: 0px !important;
	/*
	min-width: 220px;
	*/
	min-width: 220px;
}

.tsh ul.newsticker li {
	min-width: 220px;
}

/*
.projectlogos .views-field-field-logos {
	padding: 0px 40px;
	box-sizing: border-box;
	height: 100%;
	display: table;
	width: 100%;
	vertical-align: middle;
}



.projectlogos .views-field-field-logos .field-content {
	display: table-cell;
	vertical-align: middle;
}

*/

.scroller {

}

.scroller li {

}

.scroller img {
	/*
	max-width: 100px;

	max-width: 111px;
	height: auto !important;
	width: auto !important;
	*/
	max-width: 111px;
	max-height: 80px;
	width: 100%;     /* oder z. B. 150px */
	height: auto;
	object-fit: contain;
	display: block;
}

.tsh .scroller img {

}


.projectliste {
	
}

.projectliste a,
.projectliste a:visited {
	color: var(--actioncolor);
}

.projectliste a:hover,
.projectliste a:active {
	color: var(--schwarz);
}

.projectliste .views-row {
	display: flex;
	flex-direction: row;
	justify-content: space-between;		
	margin-bottom: var(--vhtwo);
	align-content: center;
}

.projectliste .views-row h3 {
	margin: 0px;
}

.projectliste .views-row  .views-field-field-main-image {
	flex-basis: 65%;
}

.projectliste .views-row  .proset{
	flex-basis: 31%;
	align-self: center;
}

.projectliste .views-field-field-title-for-show-next {
	width: 60%;
	align-self: center;
	/* margin-top:20px; */
}


.page-node-type-project-overview .tags {
	/*
	background-color: var(--bgcolor);
	*/
}
.projectweight {
	border: solid 1px  var(--bgcolor);
	padding: 30px;
	box-sizing: border-box;
}

.projectweight table {
	width: 100%;
}

.morepager {
	display: table;
	margin-left: auto;
	margin-right: auto;
}

.morepager .text {
	display: block;
	padding-bottom: 20px;
}

.morepager .text2 {
	display: none;
}

.showmorelink {
	width: 60px;
	height: 60px;
	display: block;
	margin-left: auto;
	margin-right: auto;


	
	
	transform:scale(1) translateY(0rem);  
	transform-origin:center;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
}

.showmorelink img {
 width: 100%;
	height: 100%;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
}

.morepager:hover .showmorelink img  {
	transform:scale(1.35) translateY(-0.1rem);  
	transform-origin:center;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
}


.teammembers {
	background-color: var(--maincolor);
	color: var(--weiss);
	padding-bottom: var(--vhtwo);
	box-sizing: border-box;
}

.tsh .teammembers {
	color: var(--tshschwarz);
}

.tsh .teammembers,
.tsh .projectcontainer {
	background-color: var(--tshcolor);
}

.teammembers .view-content {
	display: flex;
	flex-direction: row;
	justify-content: center;
	flex-wrap: wrap;
}

.teammembers .view-content .views-row {
	flex-basis: calc(33.333333% - 40px);
	margin: 0px 20px var(--vhone) 20px;
	
}


.teammembers .portraitset {
	position: relative;
	margin-bottom: 10px;
}

.teammembers .portraitset:hover .views-field-field-hovertext {
	opacity: 1;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
}

.teammembers .views-field-field-hovertext {
	position: absolute;
	left: 0px;
	top: 0px;
	widows: 100%;
	height: 100%;
	display: flex;
	align-content: center;
	background-color: var(--bgcolor);
	color: var(--schwarz);
	text-align: center;
	padding: 20px;
	box-sizing: border-box;
	color: var(--maincolor);
	opacity: 0;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
}

.teammembers .views-field-field-hovertext  a,
.teammembers .views-field-field-hovertext  a:visited {
	color: var(--maincolor);
	text-decoration: underline;
}

.teammembers .views-field-field-hovertext  a:hover,
.teammembers .views-field-field-hovertext  a:active {
	color: var(--actioncolor);
	text-decoration: none;
}

.teammembers .views-field-field-hovertext  > div {
	align-self: center;
}

.views-field-field-portrait  {
	margin-bottom: 0px;
	line-height: 0px;
}

.views-field-field-portrait img {
	max-width: 100%;
	height: auto;
}

.memberlink {
	display: flex;
	flex-direction: row;
	margin-top: 10px;
}

.memberlink .views-field {
	position: relative;
	border-radius: 50%;
	background-color: var(--weiss);
	margin-right: 10px;
	padding: 3px 3px;
	box-sizing: border-box;
	text-align: center;
}

.memberlink .views-field:hover i {
	color: var(--actioncolor);
}

.tsh .memberlink .views-field {
	background-color: var(--schwarz);
}

.tsh .memberlink .views-field:hover i {
	color: var(--actioncolor);
}

.memberlink .views-field .field-content {
	align-self: center;
	margin-top: 0px;
}

.memberlink  i {
	position: absolute;
	left: 50%;
	top: 50%;
	color: var(--maincolor);
	
	-webkit-transform: translateY(-50%)  translateX(-40%);
	-moz-transform: translateY(-50%)  translateX(-40%);
	transform: translateY(-50%)  translateX(-40%);
	z-index: 5;

}

.tsh .memberlink  i {
	color: var(--tshcolor);
}

.memberlink a,
.memberlink a:visited,
.memberlink a:hover,
.memberlink a:active {
	color: var(--schwarz);
	width: 32px;
	height: 32px;
	margin-left: 0px;
	font-size: 18px;
	line-height: 18px;
	display: block;
	text-align: center;
	text-indent: 200px;
	overflow: hidden;
	position: relative;
	z-index: 20;
	white-space: nowrap;

}

.page-node-type-people-overview .paragraph--type--quotes-bild-link .square,
.page-node-type-purpose-overview .paragraph--type--quotes-bild-link .square {
	border: solid 2px var(--weiss);
}

.page-node-type-people-overview .paragraph--type--quotes-bild-link .square a,
.page-node-type-people-overview .paragraph--type--quotes-bild-link .square a:visited,
.page-node-type-people-overview .paragraph--type--quotes-bild-link .square a:hover,
.page-node-type-people-overview .paragraph--type--quotes-bild-link .square a:active,

.page-node-type-purpose-overview .paragraph--type--quotes-bild-link .square a,
.page-node-type-purpose-overview .paragraph--type--quotes-bild-link .square a:visited,
.page-node-type-purpose-overview .paragraph--type--quotes-bild-link .square a:hover,
.page-node-type-purpose-overview .paragraph--type--quotes-bild-link .square a:active {
	color: var(--maincolor);
}



.bigserviceblock.onparagraph {
	background-color: var(--schwarz);
	color: var(--weiss);
	background-image: url(../images/wflaeche.png) !important;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100% 30%;
	box-sizing: border-box;
	padding: var(--vhone) 0px var(--vhone) 0px;
}

.bigserviceblock.onparagraph .views-field-field-service-text a,
.bigserviceblock.onparagraph .views-field-field-service-text a:visited {
	color: var(--weiss);
	text-decoration: underline;
}

.bigserviceblock.onparagraph .views-field-field-service-text a:hover,
.bigserviceblock.onparagraph .views-field-field-service-text a:active {
	color: var(--weiss);
	text-decoration: none;
}

.field--name-field-image-full {
	line-height: 0px;
}
.field--name-field-image-full img {
	width: 100%;
	height: auto;
}

.paragraph--type--slide-text-block-image {
	position: relative;
	z-index: 50;
}

.paragraph--type--slide-text-block-image + .paragraph--type--quote {
	top: -5vh;
	position: relative;
	z-index: 40;
}


/* !BLOG */


.view-display-id-block_2 nav {
	padding-top: var(--vhtwo)
}

.page-node-type-page {
	
}

.views-field-field-blog-block-image img {
	max-width: 100%;
	height: auto;
}

.page-node-376 #block-whtheme-content > .titelblock,
.page-node-376 #block-whtheme-content > .titelblock .view-titelblock {
	height: 1px;
	overflow: hidden;
	margin-bottom: 0px !important;
}


.blog .region-breadcrumb {
	background-color: var(--actioncolor);
	padding-top: 10px;
}

.tsh.blog .region-breadcrumb {
	background-color: var(--schwarz);

}

.blog .breadcrumb {
		color: var(--weiss);
}

.blog .breadcrumb a,
.blog .breadcrumb a:visited {
	color: var(--weiss);
}

.blog .breadcrumb a:hover,
.blog .breadcrumb a:active {
	color: var(--schwarz);
}

.blog main {
	background-color: var(--actioncolor);
	color: var(--weiss);
	
}

body.page-node-23 main {
	border: solid 1px var(--actioncolor);
	padding-top: 0px !important;
}

body.page-node-376 .titelblock,
body.page-node-23 .titelblock {
	padding-top: 20px !important;
}

body.page-node-23 .bodylink,
body.page-node-376 .bodylink {
	display: none !important;
}
	


.blog.tsh main {
	background-color: var(--schwarz);
	color: var(--weiss);
}

body.blog.tsh  {
	
}

.blog .titelblock h2.page-subtitle{
	font-size: 100%;
	line-height: 145%;
}




.field--name-field-blog-main-image img,
.field--name-field-main-image img {
	max-width: 100%;
	height: auto;
}

.social-sharing-buttons {
	margin: 0px;
	padding: 0vh 0px var(--vhtwo) 0px;
	box-sizing: border-box;
}

.sharingblock .social-sharing-buttons {
	padding: 0vh 0px 3vh 0px;
}

 .sharingtitle {
	padding: var(--vhone) 0px 10px 0px;
	box-sizing: border-box;
}

.sharingblock .sharingtitle {
	color: var(--actioncolor);
}

.social-sharing-buttons a,
.social-sharing-buttons a:visited {
	background-color: var(--weiss);
	border-radius: 50%;
	padding: 2px;
	box-sizing: border-box;
}

.social-sharing-buttons a:hover,
.social-sharing-buttons a:active {
	background-color: var(--schwarz);
	color: var(--weiss);
}

.social-sharing-buttons a:hover svg,
.social-sharing-buttons a:active svg {
	fill: var(--weiss) !important;
	color: var(--weiss) !important;
}


.sharingblock {
	clear: both;
}

.sharingblock a,
.sharingblock a:visited {
		background-color: var(--actioncolor);
		border-radius: 50%;
		padding: 2px;
		box-sizing: border-box;
}
.sharingblock a:hover,
.sharingblock a:active  {
		background-color: var(--schwarz);

}

.social-sharing-buttons a:hover svg {
	fill: var(--schwarz);
}

.tsh .social-sharing-buttons a:hover svg {
	fill: var(--tshschwarz);
}
.sharingblock a:hover svg {
	fill: var(--weiss);
}

.social-sharing-buttons svg {
	width: 25px;
	height:25px;
	fill: var(--actioncolor);
}
.tsh .social-sharing-buttons svg {
	width: 25px;
	height:25px;
	fill: var(--tshcolor);
}

.sharingblock svg {
	width: 25px;
	height: 25px;
	fill: var(--weiss);
}


.tweet {
	box-sizing: border-box;
	background-color: var(--bgcolor);
	padding: var(--vhtwo) var(--vhone);
	margin: 0vh var(--vhone) 20px var(--vhone);
	color: var(--maincolor);
	max-width: 45vw;
}


.tweet.left {
	float: left;
	padding-left: 20vw;
	margin-left: 0px !important;
}

.tweet.right {
	float: right;
	padding-right: 20vw;
	margin-right: 0px !important;
}

.blogbody {
	margin-bottom: calc(var(--vhone) - 20px);
}

.page-node-type-blog-post .node__content {
	margin-bottom: var(--vhtwo);
}


.blogbody p,
.blogcontentwidth,
.page-node-type-blog-post .field--name-field-title-blogtext h4,
.page-node-type-blog-post .field--name-field-title-blogtext h3,
.page-node-type-blog-post .view-blog-content > h4,
.blogbody ul,
.blogbody .views-field-field-youtube-stream-image,
.whycontainer  {
	margin-left: 20vw;
	margin-right: 20vw;
}
.page-node-type-blog-post .view-blog-content .field--name-field-image-contentwidth {
	margin-bottom: var(--vhone);
}



.blogcontentwidth  .field--name-field-title-blogtext h3,
.paragraph--type--images.blogcontentwidth {
	margin-left: 0px;
	margin-right: 0px;
}

.blogbody .field--name-field-text-left p {
	margin-left: 0px;
	margin-right: 0px;
}


.blogbody ul  {
	padding-left: 22px;
}

.blogbody .views-field-field-youtube-stream-image {
	margin-bottom: var(--vhone);
}

.blogbody .views-field-field-youtube-stream-image img {
	width: 100%;
	max-width: 500px;
	height: auto;
}

.blogspacer {
	height: 3vh;
	clear: both;
	display: table;
	width: 100%;
}

/*
.twitterlogo {
	background-color: var(--maincolor);
	border-radius: 50%;
	padding: 15px;
	box-sizing: border-box;
	color: var(--bgcolor);
	display: table;
	font-size: 30px;
	line-height: 30px;
}

.twitterlogo i   {
	position: relative;
	top: 2px;
}
*/

.twitterlogo img {
	width: 60px;
	height: auto;
}

.tweet .blocknote {
	font-size: 400%;
	padding-top: var(--vhone);
}

.tweet .tweettitle {
	font-family: var(--extrabold);
	font-size: 200%;
	line-height: 125%
}

.tweet .tweetsubtitle {
	font-family: var(--kursiv);
	font-size: 200%;
	line-height: 125%;
	margin-bottom: 10px;
}

.tweet .tweetitout {
	margin-top: 3vh;
}

.tweet .tweetitout  a,
.tweet .tweetitout a:visited {
	color: var(--maincolor);
}

.tweet .tweetitout  a:hover,
.tweet .tweetitout a:active {
	color: var(--actioncolor);
}

.field--name-field-text-about p {
	margin-left: 0px !important;
	margin-right: 0px !important;
}

.field--name-field-title-blogtext h3,
.field--name-field-title-blogtext h4 {
	margin-top: 0vh;
	margin-bottom: 10px;
	padding-top: 0vh;
}


.page-node-type-blog-post .field--name-field-title-blogtext h3 {
	/* margin-top: var(--vhtwo); */
	margin-top: var(--vhone);
}


.paragraph--type--about-xxx {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-content: flex-end;
	margin-top: var(--vhone);
	margin-bottom: var(--vhone);
	clear: both;
	box-sizing: border-box;
	min-height: 600px;
}
.paragraph--type--about-xxx .field--name-field-image-about {
	flex-basis: calc(50% - 2vw);
	position: relative;
}

.paragraph--type--about-xxx .field--name-field-image-about  .bgimg {
	
}

.paragraph--type--about-xxx .field--name-field-image-about .bgimg {
	height: calc(100% - 20px);
}
.paragraph--type--about-xxx .field--name-field-text-about {
	flex-basis: 49%;
	align-self: flex-end;
	padding-top: var(--vhtwo);
	box-sizing: border-box;
	padding-right: var(--vhone);

}

.paragraph--type--images {
	clear: both;
	margin-top: var(--vhone);
}

.field--name-field-images-blog {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
}

.field--name-field-images-blog .field__item {
		flex-basis: calc(50% - 2vw);
		margin-bottom: 4vw;
}

.field--name-field-images-blog .field__item img {
	width: 100%;
	height: auto;
}

.views-field-field-post-date {
	margin-top: 10px;
}

.toppostfirst .titelblock,
.blogtitelblock .titelblock {
	padding-bottom: calc(var(--vhone) - 20px);
}


.toppostfirst .views-field-field-blog-main-image img {
	max-width: 100%;
	height: auto;
}

.toppostfirst  .boxcontent {
	position: relative;
	margin: 0vh 0px;
	box-sizing: border-box;
}

.toppostfirst .square {
	border-color: var(--weiss);
}

.toppostfirst .views-field-view-node-1 {
	padding: 20px 0px var(--vhtwo) 0px;
	box-sizing: border-box;
}

.toppostfirst .views-field-view-node-1 a,
.toppostfirst .views-field-view-node-1 a:visited {
	color: var(--weiss);
}

.toppostfirst .views-field-view-node-1 a:hover,
.toppostfirst   .views-field-view-node-1 a:active {
	color: var(--schwarz);
}

.view-top-post-second  {
	padding: var(--vhtwo) 0px  var(--vhtwo) 0px;
	box-sizing: border-box;
}

.toppostsecond,
.view-top-post-second {
	background-color: var(--schweiss) !important;
	position: relative;
}

.toppostsecond .view-content {
	position: relative;
	z-index: 20;
}

.toppostsecond .quoteblock {
	color: var(--maincolor);
	position: relative;
	z-index: 30;
}

.toppostsecond .boxcontent {
	position: relative;
}

.toppostsecond .boxcontent .square {
	border-color: var(--weiss);
	color: var(--weiss);
}
.toppostsecond .titelblock {
	/* color: var(--weiss); */
	padding-bottom: var(--vhone);
}



.bloglist .view-content,
.pressnewsblock .view-content {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.bloglist.blogpage {
	margin: 0vh 0px var(--vhtwo) 0px;
}

.bloglist .view-content .views-row,
.pressnewsblock .view-content .views-row {
	flex-basis: calc(33.333333% - 30px);
	margin-right: 45px;
}

.bloglist .view-content .views-row:nth-child(3n+3),
.pressnewsblock .view-content .views-row:nth-child(3n+3) {
	margin-right: 0px;
}

.bloglist.blogpage .views-row {
	margin-top: var(--vhtwo);
}

.bloglist.blogpage .views-field-title a,
.bloglist.blogpage .views-field-title a:visited {
	color: var(--schwarz);
}

.bloglist.blogpage .views-field-title a:hover,
.bloglist.blogpage .views-field-title a:active {
	color: var(--actioncolor);
}

.bloglist .views-field-field-blog-main-image {
	line-height: 0px;
	margin-bottom: 20px;
}

.bloglist.imblock {
	background-color: var(--actioncolor);
	color: var(--weiss);
	padding: var(--vhtwo) 0px var(--vhone) 0px;
	box-sizing: border-box;
}

.bloglist.imblock .views-row a,
.bloglist.imblock .views-row a:visited {
	color: var(--weiss);
}

.bloglist.imblock .views-row a:hover,
.bloglist.imblock .views-row a:active {
	color: var(--schwarz);
}

.bloglist.imblock .view-footer {
	padding: 0px 0px 0px 0px;
	margin-top:var(--vhone);
	box-sizing: border-box;
	text-align: center
}

.bloglist.imblock .view-footer a,
.bloglist.imblock .view-footer a:visited {
	color: var(--schwarz);
}

.bloglist.imblock .view-footer a:hover,
.bloglist.imblock .view-footer a:active {
	color: var(--weiss);
}

.bloglist .views-field-view-node {
	margin-top: 20px;
}


.page-node-type-blog-post .paragraph--type--image-content-width + .field--name-field-title-blogtext {
	margin-top:  5vh;
}



/* !CONTACT */

.contactview {
	
}

.titelblockwebform h2 {
	margin: 0px;
	padding: 0px;		
}

.titelblockwebform a, 
.titelblockwebform a:visited {
	color: var(--schwarz);
}

.titelblockwebform a:hover, 
.titelblockwebform a:active {
	color: var(--actioncolor);
}


/* !WEBFORM */

.page-node-type-webform .linkblockset .views-field-field-link-linkblock {
	display: none !important;
}

.webformoncontact + .paragraphsblock .paragraph {
	margin-top: 0px;
}

.webformoncontact {
	background-color: var(--schweiss);
	background-image: url('../images/webformbg.png');
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100% auto;
	padding: var(--vhone) 0px;
	box-sizing: border-box;
	position: relative;
	margin-top: var(--vhtwo);
}

.webformoncontact .view-content {
	position: relative;
}

.webformoncontact .expression {
	background-color: var(--schwarz);
	color: var(--weiss);
	position: absolute;
	right: 0px;
	top: -5vw;
	width: 180px;
	height: 180px;
	border-radius: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	
	display: flex;
	align-content: center;
	justify-content: center;
	
	font-size: 160%;
	line-height: 100%;
}
.webformoncontact .expression > div {
	align-self: center;

}

.webformoncontact h3 {
	margin-bottom: 5px;
}

.webformoncontact .webform {
	margin-top: var(--vhone);
}


.webform .wfcontainer1 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.webform .wfcontainer1 > div {
	width: calc(33.333333% - 20px);
	margin-right: 20px;
}

.webform  input.form-email,
.webform  input.form-text {
	width: 100%;
	background: transparent;
	box-sizing: border-box;
	height: 90px;
	margin-top: 30px;
border-radius: 0px;
}

.webform input.form-email {
	border-left: solid 1px var(--maincolor) !important;
	border-bottom: solid 1px var(--maincolor) !important;
	border-top: 0px;
	border-right: 0px;
	padding-left: 30px;
	border-radius: 0px;
}



.webform .firstname input {
	border-left: solid 1px var(--maincolor) !important;
	border-bottom: solid 1px var(--maincolor) !important;
	border-top: 0px;
	border-right: 0px;
	padding-left: 30px;
	border-radius: 0px;
}

.webform .lastname input {
	border-left: solid 0px var(--maincolor) !important;
	border-bottom: solid 1px var(--maincolor) !important;
	border-top: 0px;
	border-right: 0px;
	border-radius: 0px;
}

.webform .company input{
	border-left: solid 1px var(--maincolor) !important;
	border-bottom: solid 1px var(--maincolor) !important;
	border-top: 0px;
	border-right: 0px;
	padding-left: 30px;
	border-radius: 0px;
}


.webform input[type=text],
.webform input[type=tel],
.webform input[type=email] {
	border: 0px;

	box-sizing: border-box;
	border-radius: 0px;
	width: 100%;
	color: var(--schwarz);
} 



.webform textarea {
	border: 0px;
	box-sizing: border-box;
	color: var(--schwarz);
	background-color: transparent;
	
	border-left: solid 1px var(--maincolor) !important;
	border-bottom: solid 1px var(--maincolor) !important;
	border-right: 0px;
	padding-left: 30px;
	margin-top: 30px;
	padding-top: 30px;
	width: 100%;
	height: 300px;
	border-radius: 0px;
}

.webform .wfcontainer2 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;

}

.webform .wfcontainer2 .container2  {
	flex-basis: calc(66.666666% - 20px);
	margin-right: 20px;
} 
.webform .wfcontainer2 .container3 {
	flex-basis: calc(33.333333% - 20px);
	position: relative;
}

.webform .radios--wrapper {
	padding: 30px 20px;
	box-sizing: border-box;
}

.webform .js-form-type-checkbox {
	border: solid 0px var(--maincolor);
	padding: 20px 20px 0px 20px;
	box-sizing: border-box;

}

.webform .js-form-type-checkbox  span {
	display: block;
	margin-left: 17px;
}

.webform .js-form-type-checkbox  label.js-form-required:after {
	content: "";
}
.webform .js-form-wrapper {
	margin: 0px 0px 0px 0px;
}

.webform .form-item {
	margin: 0px 0px 10px 0px;
}


.webform-submission-anfrage-form .form-item-datenschutz {
	position: relative;
}

.webform-submission-anfrage-form .form-item-datenschutz input {
	position: absolute;
	left: 0px;
	top: 0px;
}

.webform-submission-anfrage-form .form-item-datenschutz label {
	display: block;
	padding-left: 30px;
	box-sizing: border-box;
	padding-top: 3px;
}

.newsletterblock .form-actions {
	position: absolute;
	bottom: -150px;
	left: 0px;
	width: 200px;
}

.newsletterblock .form-actions input {
	width: 100%;
}

.tshbutton a,
.tshbutton a:visited,
.TSH-BGcolor a.cta.linkb,
.TSH-BGcolor a.cta.linkb:visited,
input.button--add-to-cart,



input.js-form-submit {
	padding: 18px 30px;
	box-sizing: border-box;
	border-radius: 30px;
	background: var(--actioncolor) !important;
	color: var(--weiss);
	text-transform: uppercase;
	white-space: nowrap;
	font-size: 110%;
	line-height: 100%;
	font-family: var(--bold);

}

input.js-form-submit:hover {
	background: var(--tshschwarz) !important;
	color: var(--weiss) !important;

}

.webform .messages--error {
	margin-bottom: 20px;
}
.webform .wfcont {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}


.webform .wfcont > div {
	flex-basis: 45%;
}

.webform .webform-actions input {
	/* float: right; */
}


::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: var(--maincolor);
}
::-moz-placeholder { /* Firefox 19+ */
 color: var(--maincolor);
}
:-ms-input-placeholder { /* IE 10+ */
 color: var(--maincolor);
}
:-moz-placeholder { /* Firefox 18- */
 color: var(--maincolor);
}


.tsh input::-webkit-input-placeholder,
.tsh select::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: var(--tshschwarz);
}
.tsh input::-moz-placeholder,
.tsh select::-moz-placeholder { /* Firefox 19+ */
 color: var(--tshschwarz);
}
.tsh input:-ms-input-placeholder,
.tsh select:-ms-input-placeholder { /* IE 10+ */
 color: var(--tshschwarz);
}
.tsh input:-moz-placeholder,
.tsh input:-moz-placeholder { /* Firefox 18- */
 color: var(--tshschwarz);
}


.page-node-type-webform-sent  main .region-content {
	background-color: var(--schwarz);
	min-height: 40vh;
	color: var(--weiss);
	padding: var(--vhtwo) 0px;
	display: flex;
	flex-direction: row;
	align-content: center;
	text-align: center;
	flex-wrap: wrap;
}

.page-node-type-webform-sent  main .region-content  > div,
.page-node-type-webform-sent  main .region-content  >article {
	margin-left: auto;
	margin-right: auto;
	flex-basis: 100%;
	display: block;
}

.page-node-type-webform-sent .titelblock {
	margin-bottom: 0px;
}
.page-node-type-webform-sent  main .region-content > div {
	align-self: center;
	flex-basis: 100%;
}

.page-node-type-webform-sent  main .region-content  p{
	margin-bottom: 0px !important;
}
.views-field-field-blog-main-image img {
	max-width: 100%;
	height: auto;
}




/* !POPUP */

.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front {
	/* overflow: hidden; */
}

.popup-onload {
	width: 250px;
	height: 250px;
	display: flex;
	flex-direction: row;
	align-content: center;
	flex-wrap: wrap;
	border: 0px !important;
}

.ui-dialog {
	border: 0px !important;
	background-color: transparent !important;
}
.popup-onload > div {
	align-self: center;
	flex-basis: 100%;
}
.ui-widget-overlay,
.ui-dialog-title,
.popup-onload-dialog .ui-dialog-title,
.popup-onload-dialog .field--name-name,
.popup-onload .ui-dialog-title,
.popup-onload .field--name-name  {
	display: none !important;
}
.popup-onload-dialog,
body > .ui-dialog.ui-corner-all.ui-widget.ui-widget-content {
	position: fixed !important;
	width: auto !important;
	height: auto !important;
	left: 5vw !important;
	top: 50vh !important;
	
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
}

.ui-dialog .ui-dialog-titlebar {
	background: transparent !important;
	position: absolute;
	left: 0px;
	top: 0px;
}

.ui-dialog .ui-button .ui-icon {
	background-image: url(../images/readless.svg) !important;
	background-position: center center !important;
	background-size: cover !important;
	width: 40px  !important;
	height: 40px !important; 
}




.ui-dialog .ui-dialog-content {
	background: transparent !important;
}
.ui-dialog .ui-dialog-content {
	padding: 30px !important;
	box-sizing: border-box;
	border: 0px !important;
	background-color: transparent !important;
	color: var(--weiss) !important;
	background-image: url('../images/popupbgneu.png') !important;
	background-repeat: no-repeat !important;
	background-position: bottom center !important;
	background-size: cover !important;
	border-radius: 50%;
}

.ui-dialog .ui-dialog-content  p {

}

.ui-dialog .ui-dialog-content a,
.ui-dialog .ui-dialog-content a:visited {
	color: var(--weiss) !important;
	text-decoration: underline;
}

.ui-dialog .ui-dialog-content a:hover,
.ui-dialog .ui-dialog-content a:active {
	color: var(--actioncolor) !important;
	text-decoration: underline;
}

.ui-dialog .ui-dialog-titlebar {
	border: 0px !important;
}


.ui-button-icon-space {

}

/* !CONTACTBUTTON */

.contactbutton {

	width: 180px;
	height: 180px;
	position: fixed;
	z-index: 99;
	right: 0px;
	top: 50%;
	background-color: var(--schwarz);
	text-align: center;
	padding: 20px 20px;
	box-sizing: border-box;
	font-family: var(--extrabold);
	text-transform: uppercase;
	color: var(--weiss);
	border-top-left-radius: 50%;
	border-top-right-radius: 50%;
	border-bottom-left-radius: 50%;
	border-bottom-right-radius: 50%;
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg) translateY(50%) translateX(50%);
	-moz-transform:  rotate(-90deg) translateY(50%) translateX(50%);
	transform: rotate(-90deg) translateY(50%) translateX(50%);
	
-o-transition:.7s;
-ms-transition:.7s;
-moz-transition:.7s;
-webkit-transition:.7s;
transition:.7s;
} 

.tsh .contactbutton {
	background-color: var(--tshschwarz);
}

html[lang=de]  .contactbutton {
	padding: 30px 20px;
}



.contactbutton a,
.contactbutton a:visited,
.contactbutton a:hover,
.contactbutton a:active {
	color: var(--weiss);
	display: block;
	height: 100%;
}

.contactbutton p {
	margin-top: 10px;
}

.contactbutton:hover {
	-webkit-transform: rotate(-90deg) translateY(20%) translateX(50%);
	-moz-transform:  rotate(-90deg) translateY(20%) translateX(50%);
	transform: rotate(-90deg) translateY(20%) translateX(50%);

	border-bottom-left-radius: 0%;
	border-bottom-right-radius: 0%;
	background-color: var(--actioncolor);
	
	-o-transition:.7s;
	-ms-transition:.7s;
	-moz-transition:.7s;
	-webkit-transition:.7s;
	transition:.7s;
}

.contactbutton i {
	font-size: 30px;
	margin-top: 20px;
}



/* !HOVERPARTY */

.bigserviceblock .views-field-field-service-big-image .maxwidthsupercontent,
.paragraph--type--quotes-bild-link .blockarea  .field--name-field-block-image,
.views-field-field-small-service-image,
.views-field-field-blog-main-image,
.views-field-field-blog-block-image,
.linkblockset .views-field-field-image-linkblock,
.projectliste .views-field-field-main-image,
.view-show-next-project .maxwidthsupercontent,
.view-top-post-first .boxcontent .views-field-field-blog-main-image  {
	overflow: hidden;
	line-height: 0px;
}

.bigserviceblock .views-field-field-service-big-image .maxwidthsupercontent img,
.paragraph--type--quotes-bild-link .blockarea  .field--name-field-block-image img,
.views-field-field-small-service-image img,
.views-field-field-blog-main-image img,
.views-field-field-blog-block-image img,
.linkblockset .views-field-field-image-linkblock img,
.projectliste .views-field-field-main-image  img,
.view-show-next-project .maxwidthsupercontent  img,
.view-top-post-first .boxcontent .views-field-field-blog-main-image img,
.view-top-post-second .boxcontent .views-field-field-blog-main-image img,
.partnerliste .leftset img  {
	transform: scale(1);
	transition: var(--transition);
}

.bigserviceblock .views-field-field-service-big-image:hover .maxwidthsupercontent img,
.paragraph--type--quotes-bild-link .blockarea:hover   .field--name-field-block-image img,
.views-field-field-small-service-image:hover img,
.views-field-field-blog-main-image:hover img,
.views-field-field-blog-block-image:hover img,
.linkblockset:hover .views-field-field-image-linkblock img,
.projectliste .views-field-field-main-image:hover img,
.view-show-next-project .maxwidthsupercontent:hover  img,
.view-top-post-first .boxcontent:hover .views-field-field-blog-main-image img,
.view-top-post-second .boxcontent:hover .views-field-field-blog-main-image img,
.partnerliste .leftset:hover img  {
	transform: scale(1.05);
}


.paragraph--type--icon-left-text-block {
	margin-top: var(--vhone) !important; 
}

.block-views-blockpartern-liste-block-1{
	background: var(--weiss);
	padding: var(--vhone) 0px;
	box-sizing: border-box;
}


/* !COMMENTS */

.commentonnode #comment-body-values tr.draggable td:nth-child(3) {
	display: none;
}

.commentonnode .maxwidthlargercontent.formc {
	max-width: 100% !important;
	margin-right: 0px;
	margin-left: 0px;
}

.commentonnode {
	background-color: var(--bgcolor);
	padding: var(--vhone) 0px;
	box-sizing: border-box;
}

.commentonnode #edit-field-name-comment-0-value {

}

.commentonnode .tabledrag-toggle-weight-wrapper,
.commentonnode .filter-wrapper,
.commentonnode .field-multiple-drag,
.commentonnode h4,
.commentonnode footer a,
.commentonnode .field-add-more-submit  {
	display: none;
}

#comment-body-values thead,
#comment-body-values #edit-comment-body-0-format,
#comment-body-values .js-form-item-comment-body-1-value ,
#comment-body-values .filter-wrapper,
#comment-body-values .field-multiple-drag,
.field--name-comment-body .field-add-more-submit {
	display: none;
}

.comment-form {
	margin-bottom: 5vh;
}

.comment-form .tabledrag-toggle-weight-wrapper {
	display: none;
}

.commentonnode .form-actions{
	display: table;
	margin-left: auto;
	margin-right: auto;
}

.commentonnode .field--name-field-name-comment {
	
}
.commentonnode .field--name-field-e-mail-comment {
		
	}
	
	.commentonnode .field--name-field-e-mail-comment  a,
	.commentonnode .field--name-field-e-mail-comment  a:visited {
		color: var(--maincolor);
	}
	
	.commentonnode .field--name-field-e-mail-comment  a:hover,
	.commentonnode .field--name-field-e-mail-comment  a:active {
		color: var(--actioncolor);
	}
	
 .commentonnode  .field--name-comment-body {
	 margin-top: 20px;
 }
 
.commentonnode p.comment__submitted {
	margin-bottom: 0px;
}

 .fieldflex {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.fieldflex .field--name-field-name-comment,
.fieldflex .field--name-field-e-mail-comment {
	flex-basis: calc(50% - 10px);

}

.fieldflex .field--name-field-name-comment label,
.fieldflex .field--name-field-e-mail-comment label {
	display: none;
}

.commentonnode .fieldflex .js-form-item input {
	width: 100%;
	box-sizing: border-box;
	height: 90px;
	border-radius: 0px;
}


.fieldflex .js-form-item-field-name-comment-0-value input {
	border-left: solid 1px var(--maincolor) !important;
	border-bottom: solid 1px var(--maincolor) !important;
	border-top: 0px;
	border-right: 0px;
	padding-left: 30px;
	background: var(--bgcolor);
	border-radius: 0px;
}

.fieldflex .js-form-item-field-e-mail-comment-0-value input{
	border-left: solid 0px var(--maincolor) !important;
	border-bottom: solid 1px var(--maincolor) !important;
	border-top: 0px;
	border-right: 0px;
	background: var(--bgcolor);
	border-radius: 0px;
}



.commentonnode textarea {
	border: 0px;
	box-sizing: border-box;
	color: var(--schwarz);
	background-color: transparent;
	
	border: solid 1px var(--maincolor) !important;
	border-top: 0px !important;
	border-right: 0px !important;
	padding: 30px;
	width: 100%;
	border-radius: 0px;
}

.commentonnode table {
	width: 100%;
}
.commentonnode article {
	background: var(--weiss);
	padding: 20px;
	box-sizing: border-box;
	margin-bottom: 10px;
}

.commentonnode .fieldflex {
	margin-top: 5vh;
}

.commentonnode .form-actions input {
	font-family: var(--extrabold);
}

.view-inc-comment-status a,
.view-inc-comment-status a:visited {
	background: var(--maincolor);
	display: table;
	padding: 4px 10px;
	color: var(--weiss);
}

.view-inc-comment-status a:hover,
.view-inc-comment-status a:active {
	background: var(--actioncolor);
	display: table;
	padding: 4px 10px;
	color: var(--maincolor);
}


/* TSH */

.headtomap {
	position: fixed;
	right: 0px;
	top: 110px;
	width: 180px;
	padding-top: 17px;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
	z-index: 98;
}

.headtomapmobile {
	width: 160px;
	margin-top: var(--vhone);
}

.headtomap.scrolled {
	top: 70px;
	padding-top: 17px;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
	background-image: none !important;
}

.headtomap a,
.headtomap a:visited,
.headtomapmobile a,
.headtomapmobile a:visited {
	display: block;
	background: var(--actioncolor);
	padding: 15px 25px 5px 25px;
	box-sizing: border-box;
	width: 100%;
	line-height: 0px;
}

.headtomap a:hover,
.headtomap a:active,
.headtomapmobile a:hover,
.headtomapmobile a:active {
	background: var(--tshschwarz);
}
.headtomap a img,
.headtomapmobile a img {
	width: 100%;
	height: auto;
}

.view-titelblock .views-field-field-coverbild {
	
	margin-bottom: 5vh;
}

.view-titelblock .views-field-field-coverbild  img {
	width: 35vw;
	max-width: 550px;
	height: auto;
}


/*.tsh */.spaltenblock {
	background: var(--tshcolor);
	padding: var(--vhtwo) 0px;
	box-sizing: border-box;
}

.spaltenblock + .paragraph--type--linkblock-title-text-image {
	margin-top: 0px;
}

.spaltenblock .paraflex {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
}

.spaltenblock .paraflex .field--name-field-leftcol {
	flex-basis: 60%;
}

.spaltenblock .paraflex .field--name-field-rightcol {
	flex-basis: 30%;
	text-align: center;
	color: var(--weiss);
}
.spaltenblock .paraflex .field--name-field-rightcol img {
	max-width: 80%;
	height: auto;
	margin-bottom: 3vh;
}


.spaltenblock .paraflex .field--name-field-rightcol h6 {
	margin-bottom: 20px;
}



.tshbutton,
.TSH-BGcolor .cta {
	margin-top: 30px;
}

.field--name-field-text-paragraph .tshbutton {
	display: table;
	margin-left: auto;
	margin-right: auto;
}


.TSH-BGcolor .cta {
	display: table;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	min-width: 300px;
	/* margin-bottom: var(--vhone); */
	font-weight: var(--extrabold);
}

.tshresource .tshbutton {
	display: table;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	min-width: 300px;
	margin-bottom: var(--vhtwo);
	font-weight: var(--extrabold);
	visibility: hidden;
}

.tshresource .tshbutton.visible {
	visibility: visible;
}



.tshbutton a,
.tshbutton a:visited,
.TSH-BGcolor a.cta.linkb,
.TSH-BGcolor a.cta.linkb:visited,
input.button--add-to-cart,

.page-node-142 .views-field-field-linktext a,
.page-node-142 .views-field-field-linktext a:visited {
	display: block;
	padding: 18px 30px;
	box-sizing: border-box;
	border-radius: 30px;
	background: var(--actioncolor) !important;
	color: var(--weiss) !important;
	text-transform: uppercase;
	white-space: nowrap;
	font-size: 110%;
	line-height: 100%;
	font-family: var(--bold);
} 

.tshbutton a:hover,
.tshbutton a:active,
.TSH-BGcolor a.cta.linkb:hover,
.TSH-BGcolor a.cta.linkb:active,
input.button--add-to-cart:hover,
.page-node-142 .views-field-field-linktext a:hover,
.page-node-142 .views-field-field-linktext .tshbutton a:active {
	background: var(--tshschwarz) !important;
	color: var(--weiss) !important;
} 
.TSH-BGcolor .field--name-field-link-titeltext,
.page-node-142 .views-field-field-linktext {
	display: table;
	margin-left: auto;
	margin-right: auto;
}



.dunkelblau .tshbutton a:hover,
.dunkelblau .tshbutton a:active {
	background: var(--weiss) !important;
	color: var(--schwarz) !important;
} 

.weiss {
	background: var(--weiss) !i;
}


.TSH-BGcolor {
	background: var(--tshbgcolor);
}

.TSH-BGcolor .view-linkblock .views-field-field-link-linkblock a {
	color: var(--actioncolor) !important;
}

.TSH-BGcolor .view-linkblock:hover .views-field-field-link-linkblock a {
	color: var(--tshschwarz) !important;
}


.TSH-color {
	background: var(--tshcolor);
	padding: var(--vhtwo) 0px;
	/* color: var(--weiss); */
}

.TSH-color .TSH-color {
	padding: 0px !important;
}



.tsh .newsletterblock {
	background-image: none;
	background-color: var(--weiss);
	padding: 0px;
	color: var(--tshschwarz);
	
}

.tsh .newsletterblock .maxwidthlargercontent {
	margin-top: var(--vhone);
	margin-bottom: var(--vhone);
}

.tsh .newsletterblock form .formc {
		padding-bottom: 0px;

}

.tsh .newsletterblock form {
	margin-bottom: 80px;
	display: table;
}



.tsh .nlimgs {
	line-height: 0px;
}

.tsh .nlimgs img {
	width: 100%;
	height: auto;
}

.formc {
	overflow: auto;
	
}

.tshflagfooter {
	text-align: right;
	float: right;
	margin-bottom: var(--vhone);
}


.page-node-type-tsh-simple-page .layout-container,
.page-node-type-tsh-4p-landingpage .layout-container {
	background-color: var(--tshbgcolor);
}


/* .page-node-type-tsh-service .layout-container, */
.page-node-type-tsh-partner .layout-container {
	background-color: var(--tshcolor);
	color: var(--weiss);
}


.page-node-type-tsh-service  .views-field-field-paragraphs {
	margin-top: 0px !important;
}

.tshmenuhide {
	display: none !important;
}
.tshmenu ul.menu li a,
.tshmenu ul.menu li a:visited {
	color: var(--tshschwarz);
}

.tshmenu ul.menu li a:hover {
	color: var(--actioncolor);
	
}

.tshmenu ul.menu li a:active,
.tshmenu ul.menu li a.is-active,
.tshmenu ul.menu li.mlevel1.menu-item--active-trail > a,
.tshmenu ul.menu li.mlevel2.menu-item--active-trail > a {
	color: var(--actioncolor);
}


.page-node-type-tsh-service .titelblock .views-field-body,
.page-node-type-tsh-partner .titelblock .views-field-body {
	margin-top: var(--vhone);
}

/*.page-node-type-tsh-service .region-after-content,*/
.page-node-type-tsh-partner .region-after-content {
	background: var(--weiss);
	padding: var(--vhone) 0px 0px 0px;
	box-sizing: border-box;
	color: var(--tshschwarz);
}

.view-tsh-why-you-need-it {
	/* margin-top: var(--vhone); */
	background: var(--tshbgcolor);
	/* padding: var(--vhtwo) 0px 0 0px; */
	padding: 0px;
	box-sizing: border-box;
}


.page-node-type-tsh-service .region-after-content .views-field-field-paragraphs,
.page-node-type-tsh-partner .region-after-content .views-field-field-paragraphs {
	margin-top: var(--vhone);
}
.page-node-type-tsh-service .paragraph--type--title-bold-text {
	padding-top: var(--vhall);
	margin-top: var(--vhtwo);
}



.page-node-type-tsh-service .paragraph--type--title-bold-text .bgcolor.TSH-BGcolor {
	display: none;
}

.page-node-type-tsh-service .paragraph--type--slide-text-block-image,
.page-node-type-tsh-service .paragraph--type--text-block-tsh,
.page-node-type-tsh-service .paragraph--type--accordion-block {
	margin-top: var(--vhone);
}

body:not(.tsh) .paragraph--type--text-block-tsh{
	text-align: center;
}


.whycontainer {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: stretch;
	align-content: center;
	margin-bottom: var(--vhtwo);
	padding-top: var(--vhtwo);
}

.whycontainer .views-field-field-blog-main-image-2 {
	flex-basis: calc(50% - 25px);
	align-self: center;
	box-sizing: border-box;
	position: relative;
	align-self: stretch;
}

.whycontainer .views-field-field-why-you-need-it {
	flex-basis: calc(50% - 25px);
	align-self: center;
	padding: var(--vhone) 0px;
	box-sizing: border-box;
	position: relative;
}

.whycontainer .views-field-field-why-you-need-it h4 {
	margin-top: 0px;
}
body:not(.tsh) .view-id-services_full.view-display-id-block_7 {
	padding-bottom: 10vh;
}

.block-views-blockservice-list-block-1,
.view-id-services_full.view-display-id-block_7,
.view-id-services_full.view-display-id-block_8,
.view-services-full.view-id-services_full.view-display-id-block_2 .listbgcolor,
.view-services-full.view-id-services_full.view-display-id-block_2  nav,
.view-services-full.view-id-services_full.view-display-id-block_3 .listbgcolor,
.view-services-full.view-id-services_full.view-display-id-block_3  nav,
.view-services-full.view-id-services_full.view-display-id-block_4 .listbgcolor,
.view-services-full.view-id-services_full.view-display-id-block_4  nav,
.view-services-full.view-id-services_full.view-display-id-block_5 .listbgcolor,
.view-services-full.view-id-services_full.view-display-id-block_5  nav {
	background: var(--tshcolor);

}

.view-services-full  nav ul {
	margin: 0px;
	padding: 0px;
}



/* .tsh */ .paragraph--type--title-bold-text + .paragraph--type--show-block {
	margin-top: 0px !important;
}

.abstand {
	height: 1px;
	padding-top: 0px !important;
	margin-top: 0px !important;
}

body:not(.tsh) .paragraph--type--title-bold-text + .paragraph--type--show-block .tshservicelist{
	padding-bottom: 10vh;
	box-sizing: border-box;
}


/* .tsh  .paragraph--type--title-bold-text + .paragraph--type--show-block  .tshservicelist .views-row,*/
.page-node-235 .paragraph--type--title-bold-text {
	margin-top: 0px !important;
}

/* 20250924

.tshservicelist h4 {
	color: var(--weiss);
	margin: 30px 0px 10px 0px;
	padding: 0px;
}

.tshservicelist .views-field-title {
	margin-bottom: 10px;
}


.tshservicelist .views-field-title a,
.tshservicelist .views-field-title a:visited {
	text-transform: uppercase;
	color: var(--weiss);
}
.tshservicelist .views-field-title a:hover,
.tshservicelist .views-field-title a:active {
	text-transform: uppercase;
	color: var(--tshschwarz);
}

*/

.block-views-blocktsh-why-you-need-it-block-1 .view-header {
	background: var(--tshcolor);
	/*
	padding: var(--vhone) 0px 0px 0px;
	*/
	padding: 0px;
	box-sizing: border-box;
}

.block-views-blockservice-list-block-5,
.view-id-services_full.view-display-id-block_8 {
	padding-top: var(--vhtwo);
}

.block-views-blocktsh-why-you-need-it-block-1 .view-header .likeh1,
.block-views-blockservice-list-block-5  .view-header .likeh1,
.view-id-services_full.view-display-id-block_8  .view-header .likeh1,
.thsblocktitle .likeh1 {
	text-align: center;
	color: var(--weiss);
	margin-bottom: 0px;
	padding-bottom: 0px;
	
}

.thsblocktitle {
	padding-top: var(--vhtwo);
	box-sizing: border-box;
}

.block-views-blockservices-full-block-7 .thsblocktitle {
	background-color: var(--tshcolor);
}

.block-views-blockservice-list-block-1 .view-footer,
.view-id-services_full.view-display-id-block_7 .view-footer,
.view-id-services_full.view-display-id-block_8 .view-footer,
.tshservicelist.view-display-id-block_5 .view-footer,
.tshservicelist.view-display-id-block_6 .view-footer {
	margin-top: var(--vhone);
	text-align: center;
	text-transform: uppercase;
}

.tshservicelist.view-display-id-block_5 .view-footer,
.tshservicelist.view-display-id-block_6 .view-footer  {
	padding-top: var(--vhone);
	padding-bottom: var(--vhtwo)
}

.block-views-blockservice-list-block-5,
.view-id-services_full.view-display-id-block_8 {
	background: var(--tshcolor);
}

.block-views-blockservices-full-block-1 {

}

.block-views-blockservices-full-block-1 .js-pager__items {
	background: var(--tshcolor);
}
.block-views-blockservices-full-block-1 ul.js-pager__items  {
	margin: 0px !important;
	padding: 0px;
}


/* 20250924
.block-views-blockservices-full-block-1 .listbgcolor {
	background: var(--tshcolor);
	box-sizing: border-box;
	padding: var(--vhone) 0px;
}
*/



.filterblock {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: nowrap;
	margin-bottom: var(--vhtwo);
	position: relative;
}


.filterblock.blogfilter {
	margin-bottom: var(--vhone);
	margin-top: var(--vhtwo);
}

.filterblock > div {
	flex-basis: calc(33.333333% - 30px);
}

.filterblock.nurzwei > div {
	flex-basis: calc(50% - 15px);
}

.filterblock .resetfilter {
	position: absolute;
	left: 50%;
	bottom: -20px;
	text-transform: uppercase;

	-webkit-transform: translateY(150%) translateX(-50%);
	-moz-transform: translateY(150%) translateX(-50%);
	transform: translateY(150%) translateX(-50%);
}



.blog .select2-container--default,
.select2-container .select2-selection--single .select2-selection__rendered {
	border: solid 1px var(--tshbgcolor);
}

.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-container .select2-selection--single .select2-selection__rendered {
	color: var(--tshschwarz) !important;
	height: 50px !important;
	padding: 12px 50px 10px 20px !important;
	box-sizing: border-box !important;
	font-family: var(--extrabold) !important;
	text-align: left !important;
}




.select2-container--default .select2-selection--single {
	background-color: #fff !important;
	border: 0px solid #aaa !important;
	border-radius: 0px !important;
	height: 50px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
	display: none;
}

.select2-dropdown {
	border: 0px solid #aaa;
	border-radius: 0px;
	padding: 20px;
	box-sizing: border-box;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
	background-color: var(--weiss);
	color: var(--tshschwarz);
	position: relative;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable:hover {
	color: var(--tshcolor);
	 
}



.select2-container--default .select2-selection--single .select2-selection__arrow,
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow {
	border-color: #888 transparent transparent transparent;
	border-style: solid;
	border-width: 0px 0px 0 0px;
	height: 0;
	left: auto;
	right: 20px;
	margin-left: 0px;
	margin-top: 0px;
	position: absolute;
	top: 50%;
	width: 0;
	width: 20px;
	height: 20px;
}


.select2-container--default .select2-selection--single .select2-selection__arrow {

}

.select2-container--default .select2-selection--single .select2-selection__arrow, 
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow,
.select2-container--default .select2-selection--single .select2-selection__arrow {
	right: 20px !important;
	top: 12px !important;
	width: 20px !important;
	height: 20px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow:after {
	display: block;
	position: absolute;
	right: 0px !important;
	top: 0px !important;
	
	font-family: "Font Awesome 5 Pro"; 
	font-weight: 100; 
	content: "\f063";
	font-size: 80%;
	margin-left: 5px;
	color: var(--schwarz);
}

.select2-dropdown {
	border: 0px !important;
	border-right: 0px !important;
	font-family: var(--regular),Arial,Helvetica,"Nimbus Sans L",sans-serif !important;
	font-style: normal !important;
	font-weight: normal !important;
	-webkit-font-smoothing: antialiased !important;
	letter-spacing: 2px !important;
}

.select2-container--default .select2-results__option--selected,
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
	background: none !important
}

.select2-container--default .select2-results__option--selected {
	background: transparent;
}


.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
	color: var(--maincolor) !important;
}

.filterblock {

}
.select2-results__option__checkbox-wrapper {
	position: relative;
	padding-right: 25px;
}

.select2-results__option__checkbox-wrapper {
	padding-left: 20px;
	box-sizing: border-box;
	position: relative;
}

.select2-results__option__checkbox-wrapper input {
	position: absolute;
	right: 0px;
	top: 3px;
	margin-right: 1px;
}


.select2-results li input[type="checkbox"] {


}


.select2-results li {
	position: relative;
	margin-left: -25px;
}

.select2-results li input[type="checkbox"]:before {
	content: " ";
	position: absolute;
	width: 16px;
	height: 16px;
	background: var(--schwarz);
	right: -1px;
	top: 50%;
	border: solid 1px var(--tshschwarz);
	background: var(--weiss);
	border-radius: 50%;
		
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
}

.select2-results li input[type="checkbox"]:checked:before {
	background: var(--tshschwarz);
}


.tshservicelist  .views-row {
	margin-top: var(--vhone);
}


.page-node-type-tsh-service .tshservicelist.view-display-id-block_6 .views-row {
	margin-top: 0px;
}

.tsh-frontpage .tshservicelist  .views-row:nth-child(1),
.tsh-frontpage .tshservicelist  .views-row:nth-child(2),
.tsh-frontpage .tshservicelist  .views-row:nth-child(3),
.page-node-229 .tshservicelist  .views-row:nth-child(1),
.page-node-229 .tshservicelist  .views-row:nth-child(2),
.page-node-229 .tshservicelist  .views-row:nth-child(3) {
	margin-top: 0px !important;
}

.tshservicelist .morepager {
	padding-top: var(--vhone);
}

.tshservicelist .morepager .text {
	display: none;
}

.tshservicelist .morepager .text2 {
	display: block;
	margin-top: 20px;
}












.tshtopic {
	margin-top: var(--vhone);
}

.tshtopic .block1 {
	background: var(--tshcolor);
	color: var(--weiss);
	padding: var(--vhtwo) 0px var(--vhtwo) 0px;
	box-sizing: border-box;
	text-align: center;
}

.tshtopic .blockx h2 {
	font-family: var(--extrabold);
	margin: var(--vhtwo) 0px 0px 0px;
	padding: 0px;
	text-transform: uppercase;
}

.tshtopic .block2 h2:nth-child(1) {
	margin: var(--vhone) 0px 0px 0px;
}

.tshtopic .topicsubgroup1 .views-row.inline {

}

.tshtopic .topicsubgroup1 .dropbutton-wrapper {
	display: table;
}


.tshtopiclinkset {
	display: flex;
	flex-direction: row;
}

.tshtopiclinkset > div:nth-last-child(1):before {
	content: "|";
	margin: 0px 4px 0px 10px;
}

.tshtopiclinkset .views-field-field-types {
	text-transform: uppercase;
}

.tshtopic .topicsubgroup1 h3 {
	margin-top: 20px;
	padding-top: 0px;
}
.tshtopic .topicsubgroup1  {
	
}

.tshtopic .block1 .topicgroup {
	margin-top: var(--vhone);

}
.tshtopic .block1 .topicgroup:not(:last-child) {
	margin-bottom: var(--vhone);
}


.tshtopic .topicsubgroup1 .views-row.inline .inlinetitle span {
	text-decoration: underline;
	text-transform: uppercase;
}

.tshtopic .topicsubgroup1 .views-row.inline:hover .inlinetitle span {
	text-decoration: none;
	cursor: pointer;
}

.tshtopic .block2 {
	text-align: center;
	padding: var(--vhone) 0px var(--vhone) 0px;
	box-sizing: border-box;
	background: var(--weiss);
}

.tshtopic .block2 .topicgroup  {

	text-align: left;
	margin-top: var(--vhtwo);
}

.tshtopic .block2 .topicsubgroup2 .goid .inlinetitle,
.topicgroup .topiccattitle {
	font-family: var(--extrabold);
	text-transform: uppercase;
	margin-bottom: 20px;
	font-size: 130%;
	line-height: var(--lineheight);
}


.tshtopic .block2 .topicgroup .views-field-title {
	font-family: var(--extrabold);
}



.tshtopic .block1  .topicsubgroup2  {
	 display: none;
}

.tshtopic .block2 {
	
}



.tshtopic .topicsubgroup1 {

}

.tshtopic .block2 .topicsubgroup2 {

}

.tshtopic .block2 .topicsubgroup2 .views-row:not(:last-child) .paraset {
	display: none;
}

.topicsubgroup1 .views-field-field-untertitel,
.topicsubgroup1 .views-field-body,
.topicsubgroup1 .views-field-edit-node,
.topicsubgroup1 .tshcontentset{

}

.tshtopic .block2 .topicsubgroup2 .goid .tshcontentset {
	display: flex;
	flex-direction: row;
}

.tshtopic .block2 .topicsubgroup2 .goid .tshcontentset {
	font-family: var(--extrabold);
	text-transform: uppercase;
}

.tshtopic .block2 .topicsubgroup2 .goid .tshcontentset div:not(:first-child) .field-content:before {
	content: "|";
	margin: 0px 10px;
}

.topicparagraph + .TSH-color {
	margin-top: 0px;
}


.topicparagraph { 
	/*
	background: var(--tshbgcolor);
	*/
	margin: var(--vhone) 0px 0 0px;
	padding: var(--vhone) 0px;
	box-sizing: border-box;
}

.page-node-type-tsh-service .topicparagraph {
	background: var(--weiss);
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.page-node-type-tsh-service .topicparagraph .topicparagraphcontent {
	margin-bottom: 0px;
}

.tsh .paragraphsblock .views-field-field-taxparagraph .paragraph:nth-child(1) {
	margin: var(--vhone) 0px var(--vhone) 0px !important;
	padding: var(--vhone) 0px 1px 0px;
}

body:not(.tsh) .paragraph--type--image-left-dachzeile-text-right-{
	padding-bottom: 1px;
}

.topicparagraph .leftset {
	flex-basis: calc(50% - 25px);
	align-self: center;
	padding: 2vh 0px;
	box-sizing: border-box;
	text-align: left;
}

.topicparagraph .leftset .cta {
	margin-left: 0px;
	margin-right: auto;
	min-width: auto;
}


.topicparagraph .leftset .field--name-field-link-left  {
	margin-top: 20px;
}

.topicparagraph .views-row {
	margin-bottom: 0px !important;
}

.view-content .topiccontent1 {

}

.tshtopic .block1 {

}

.tshtopic .block1 .superblock2 {
	display: none !important;
}

.tshtopic .view1 {

}


.tshtopic .view2 {

}

.tshtopic .view2 {
	
	
	
}

.view1 .topicgroup .topicsubgroup1  div {

}


.block1 .superblock1 {

	margin-top: var(--vhtwo);
}

.block1 .superblock1  p {
	display: none;
}

.block2 .superblock1 {
	margin-top: calc(var(--vhtwo) *2);
}

.superblock2 {

}

.view-grouping-content .paraset {
	display: none;
}



.topicsubgroup12.views-row:nth-last-child(1) > .paraset  {

}


.superblock2  .topicgroupwrapper {

}

.superblock2  .topicgroupwrapper p {
	margin-bottom: 0px;
}
.superblock2  .topicgroupwrapper .views-row.inline {
	margin-bottom: 30px;
}

.superblock2 .view-grouping-content .topicgroupwrapper:nth-last-child(1) .paraset  {

	display: block;
}

.superblock2 .view-grouping-content .views-row:not(:last-child)  .paraset  {
	border: solid 10px red;
	display: none;
}

.superblock1 .topicgroupwrapper {
	display: inline-block;

}


.page-node-140 .paragraphsblock .paragraph.TSH-BGcolor {
	padding-top: var(--vhtwo);
}

.tshtopic .block2 .superblock2 .goid542.taxid554 {

}

.superblock1 .view-grouping-content .topicgroupwrapper:not(:last-child)  > .topicgroupsuper .topiccattitle:after {
	text-transform: uppercase;
	content: "|";
	margin: 0px 0px 0px 10px;
}

.superblock1 .topicgroupwrapper > .topicgroupsuper span {
	text-transform: uppercase;
	text-decoration: none;
	text-decoration: underline;
}

.superblock1 .topicgroupwrapper > .topicgroupsuper:hover span {
	text-decoration: none;
	color: var(--actioncolor);
}

.superblock1 .topicgroupwrapper:hover {
	text-decoration: none;
	cursor: pointer;
}

.superblock1  .topicgroup {
	display: none !important;
}

.superblock2 .topicgroupsuper {
	display: none !important;
}




.topicparagraph a,
.topicparagraph a:visited {
	color: var(--actioncolor);
}


.topicparagraph a:hover,
.topicparagraph a:active {
	color: var(--tshschwarz);
}

.tsh .topicparagraph a,
.tsh .topicparagraph a:visited {
	color: var(--schwarz);
}


.tsh .topicparagraph a:hover,
.tsh .topicparagraph a:active {
	color: var(--tshcolor);
}

.tsh .topicparagraph.TSH-BGcolor a,
.tsh .topicparagraph.TSH-BGcolor a:visited {
	color: var(--schwarz);
}


.tsh .topicparagraph.TSH-BGcolor a:hover,
.tsh .topicparagraph.TSH-BGcolor a:active {
	color: var(--actioncolor);
}




.topicparagraph .field--name-field-dachzeile {
	margin-bottom: 20px;
}


.paragraph--type--title-bold-text .TSH-BGcolor {
	padding-top: var(--vhone);
	padding-bottom: var(--vhone);
	box-sizing: border-box;
}




.page-node-142 .region-after-content {
	background: var(--weiss);
	padding-top: var(--vhtwo);
	box-sizing: border-box;
}




.ui-widget,
.ui-helper-reset {
	font-family: var(--regular) !important;
	line-height: 145% !important;
	font-size: 100%;
}

.ui-accordion .ui-accordion-header {
	display: block !important;
	cursor: pointer !important;
	position: relative !important;
	margin: 8px 0 0 0 !important;
	padding: 15px 60px 15px 20px !important;
	font-size: 100% !important;
	border-radius: 30px !important;
}

.ui-icon, .ui-widget-content .ui-icon {
	position: absolute;
	right: 0px;
	top: 50%;
	
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
}

.ui-corner-all, .ui-corner-bottom, 
.ui-corner-right, .ui-corner-br {
	border-bottom-right-radius: 0px/*{cornerRadius}*/;
}

.ui-corner-all, .ui-corner-bottom, 
.ui-corner-left, .ui-corner-bl {
	border-bottom-left-radius: 0px/*{cornerRadius}*/;
}

.ui-corner-all, .ui-corner-top, 
.ui-corner-left, .ui-corner-tl {
	border-top-left-radius: 0px/*{cornerRadius}*/;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
	border-top-right-radius: 0px/*{cornerRadius}*/;
}


.ui-dialog .ui-button:focus {
	background: none !important:
}


.ui-state-default, 
.ui-widget-content .ui-state-default, 
.ui-widget-header .ui-state-default, 
.ui-widget-header .ui-state-active,
html .ui-button.ui-state-disabled:hover, 
html .ui-button.ui-state-disabled:active {
		border: 1px solid var(--actioncolor) !important;
		background: var(--weiss) !important;
		font-weight: normal !important;
		color: var(--tshschwarz);
}
.ui-button,
.ui-button:hover {
	background: transparent !important;
} 

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	background: transparent !important;
}

.ui-dialog .ui-dialog-titlebar-close {
	background: transparent !important;
}


.ui-state-hover, 
.ui-widget-content .ui-state-hover, 
.ui-widget-header .ui-state-hover,  
.ui-state-focus, 
.ui-widget-content .ui-state-focus, 
.ui-widget-header .ui-state-focus, 
.ui-button:hover, .ui-button:focus {
	border: 1px solid var(--actioncolor) !important;
	background: var(--actioncolor) !important;
	font-weight: normal !important;
	color: var(--weiss) !important;
}

.ui-helper-reset {
	margin-left: auto !important;
	margin-right: auto !important;
}


.ui-accordion .ui-accordion-content {
		padding: 1em 20px;
		border-top: 0;
		overflow: auto;
}

.ui-widget-content {
		border: 0px solid #dddddd !important;
		background: transparent  !important;
		color: var(--tshschwarz)  !important;
}


.ui-accordion .ui-accordion-header.ui-state-default:after {
	font-family: "Font Awesome 5 Pro"; 
	font-weight: 100; 
	text-align: center;
	content: "\f063";
	font-size: 80%;
	margin-left: 5px;
	position: absolute;
	right: 30px;
	top: 50%;
	
	width: 20px;
	height: 20px;
	
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);	
}

.ui-accordion .ui-accordion-header.ui-state-active:after {
	font-family: "Font Awesome 5 Pro"; 
	font-weight: 100; 
	text-align: center;
	content: "\f062";
	font-size: 80%;
	margin-left: 5px;
	position: absolute;
	right: 30px;
	top: 50%;
	
	width: 20px;
	height: 20px;
	
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);	
}

h3.js-views-accordion-group-header {
	font-family: var(--bold);
	letter-spacing: 0px;
}

.ui-accordion h4 {
	text-transform: initial;
	font-family: var(--bold);
	margin: 0px;
	padding: 0px;
	font-size: 100%;
	line-height: 135%;
	font-weight: var(--bold);
	letter-spacing: 2px;
}

.weighttable caption {
	text-align: left;
	text-transform: uppercase;
	font-family: var(--extrabold);
	font-size: 140%;
	margin-top: 20px;
}

.weighttable {
	margin-top: var(--vhtwo);
	margin-bottom: var(--vhtwo);
}

.weighttable .tabledrag-toggle-weight-wrapper {
	display: none;
}

.weighttable table {
	width: 100%;
}

.weighttable table tr:nth-child(even) {
	background: #F8f8f8;
}
.weighttable table td {
	padding: 20px 20px;
	box-sizing: border-box;
}


.tsh .gruen {
	background-color: var(--tshcolor);
}
.tsh .quotecontent  {
	color: var(--tshschwarz);
}


.tshwebform {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 30vw;
	height: 100vh;
	z-index: 100;
	background: var(--tshbgcolor);
	padding: var(--vhone) calc(var(--vhone) - 20px) var(--vhone)  var(--vhone);
	box-sizing: border-box;
	left: -100%;
}

.adminuser .tshwebform .tshclosebutton {
	top: var(--vhtwo);
}

.tshwebform .tshclosebutton {
	position: absolute;
	right: calc(var(--vhone) /2);
	top: var(--vhone);
	font-size: 160%;
	line-height: 100%;
	font-weight: 300;
	color: var(--actioncolor);
	display: none;
	-webkit-transform: translateX(50%);
	-moz-transform: translateX(50%);
	transform: translateX(50%);
	z-index: 102;
}


.tshformactive .tshwebform .tshclosebutton {
	display: block;
}

.tshwebform .tshclosebutton:hover {
	color: var(--tshschwarz);
	cursor: pointer;
}


.tshwebform input {
	max-width: 100%;
}

.tshwebform .tshwebformcontent {
	position: relative;
	z-index: 101;
	
}

.tshwebform iframe {
	width: 100%;
	height: calc(100vh - var(--vhone) - var(--vhone));
	border: 0px;
	position: relative;
	z-index: 70;
}



body.page-node-type-tsh-form {
	padding: 0px !important;
	background: var(--tshbgcolor);
}

.page-node-type-tsh-form #sliding-popup {
	display: none !important;
}

.views-field-field-formimage {
	margin-bottom: 20px;
}

.views-field-field-formimage img {
	width: 100%;
	height: auto;
}

.views-field-field-form-send-button-text {
	display: none !important;
}

.tshform input, 
.tshform select, 
.tshform textarea {
		font-family: var(--regular), Arial, Helvetica, "Nimbus Sans L", sans-serif;
		font-style: normal;
		font-weight: normal;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		letter-spacing: 2px;
		box-sizing: border-box;
}

.tshform input.form-text,
.tshform input.form-email{
	padding: 20px 15px;
	box-sizing: border-box;
	margin-bottom: 10px;
	border: 0px;
}

.tshform input.form-text,
.tshform input.form-email {
	width: 100%;
}

.tshform .js-form-type-checkbox {
	margin-top: 20px;
}
.tshformwrapper {
	padding-right: 20px;
	box-sizing: border-box;
}


.tshform .js-form-item-yes,
.tshform .js-form-item-i-have-read-the-a-href-en-node-3-target__blank-data-protection-p  {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	letter-spacing: 2px;
	padding-left: 5px;
}
.tshform .js-form-item-yes input,
.tshform .js-form-item-i-have-read-the-a-href-en-node-3-target__blank-data-protection-p input {
	margin-right: 0px;
	min-width: 20px;
	flex-basis: 20px;
}

.tshform .js-form-item-yes .description,
.tshform .js-form-item-i-have-read-the-a-href-en-node-3-target__blank-data-protection-p label {
	flex-basis: calc(100% - 25px);
}

.webform-confirmation__message {
	letter-spacing: 2px;
}



.tshform .js-form-item-i-have-read-the-a-href-en-node-3-target__blank-data-protection-p a,
.tshform .js-form-item-i-have-read-the-a-href-en-node-3-target__blank-data-protection-p a:visited {
	text-decoration: underline;
}
.tshform .js-form-item-i-have-read-the-a-href-en-node-3-target__blank-data-protection-p a:hover,
.tshform .js-form-item-i-have-read-the-a-href-en-node-3-target__blank-data-protection-p a:active {
	text-decoration: none;
	color: var(--actioncolor);
}

.tshform .form-item-yes label {
	display: none !important;
}

.tshform a,
.tshform a:visited {
	color: var(--tshschwarz);
}

.tshform a:hover,
.tshform a:active {
	color: var(--actioncolor);
}


.tshform input.js-form-submit {
	display: block;
	padding: 18px 30px;
	box-sizing: border-box;
	border-radius: 30px;
	background: var(--actioncolor);
	color: var(--weiss);
	text-transform: uppercase;
	white-space: nowrap;
	font-size: 110%;
	line-height: 100%;
	font-family: var(--bold);
	margin-top: 30px;

}

.tshform input.js-form-submit:hover {
	background: var(--tshschwarz);
}


.maptshbuttondesktopheader {
	width: 200px;
	position: absolute;
	right: calc(5vw + 0px);
		-webkit-transform: translateY(40%);
	-moz-transform: translateY(40%);
	transform: translateY(40%);
	top: auto;
	bottom: 0px;
	
}


/*
.maptshbuttondesktopheader {
	width: 200px;
	position: absolute;
	right: calc(0vw + 0px);
	bottom: 0%;
	z-index: 98;
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	transform: translateY(100%);
}

*/

.maptshbuttonmobile {
	width: calc(200px + 5vw);
	margin: 5vh 0px 0 0vw;
}

.maptshbuttonmobile img {
	width: 100%;
	height: auto;
}


.keineahnungview {
	background: yellow
}



/* TSH NEWSLETTER NODE */


.page-node-201 .titelblock,
.page-node-201 .region-breadcrumb,
.page-node-201 .nlimgs img {
	display: none;
}

.tsh.page-node-201 .newsletterblock .maxwidthlargercontent {
	margin-bottom: 0px;
	padding-bottom: var(--vhtwo);

}

.tsh.page-node-201 .newsletterblock {
	padding-top: var(--vhone);
}





/* B-Cert*/
.bcertified {
	text-align: center;
}

.bcertified img {
	width: 70px;
	height: auto;
}



.page-node-229 .region-after-content  {
	background: var(--weiss);
	padding-top: var(--vhone);
	box-sizing: border-box;
}


.page-node-type-tsh-4p-landingpage .region-after-content {
	background: var(--weiss);
}

.page-node-type-tsh-4p-landingpage .paragraph--type--show-block {
	background: var(--tshbgcolor);
	margin-top: 0px !important;
	padding-top: var(--vhtwo);
}

.views-field-field-headimage {
	margin-bottom: 30px;
}

.views-field-field-headimage img {
	max-width: 40%;
	height: auto;
}


/* PARTNER */


.partnerliste .views-row {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	align-content: center;
	margin-bottom: var(--vhone);
}

.partnerliste .views-row > div {
	align-self: center;
}

.partnerliste .leftset {
	flex-basis: calc(50% - 25px);
	overflow: hidden;
	line-height: 0px;
}

.partnerliste .rightset {
	flex-basis: calc(50% - 25px);
}

.partnerliste .views-field-field-main-image a {
	
}

.partnerliste .rightset h4 {
	margin-bottom: 0px;
	padding-top: 0px;
}

.partnerliste .rightset a,
.partnerliste .rightset a:visited {
	color: var(--schwarz);
}

.partnerliste .rightset a:hover,
.partnerliste .rightset a:active {
	color: var(--tshcolor);
}


.page-node-type-tsh-partner .topicparagraph {
	margin-bottom: 0px;
}





/* COMMERCE */


.addtocartonnode input.button--add-to-cart {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
}


.whycontainer .addtocartonnode input.button--add-to-cart {
	margin-bottom: 0px;
	margin-left: 0px;
}

.paragraph--type--add-to-cart-button {
	background: var(--tshbgcolor);
	padding: var(--vhone) 0px;
	box-sizing: border-box;
}

.paragraph--type--add-to-cart-button .addtocartonnode input.button--add-to-cart {
	margin: 0px auto !important;
}

.path-product .layout-container {
	background-color: var(--tshcolor);
}

.path-product .layout-container .titelblock,
.path-product .layout-container .views-field-body {
	color: var(--weiss);
}


.views-field-field-productimages img,
.field--name-field-bilder-left img {
	max-width: 100%;
	height: auto;
}

.productdetail {
	padding-bottom: var(--vhone);
}

.productdetail2 {
	background: var(--weiss);
	padding: var(--vhtwo) 0px calc(var(--vhone) *2) 0px;
	box-sizing: border-box;
}


.productflex {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	align-content: flex-start;
}

.productflex > div {
	flex-basis: calc(50% - 25px);
	align-self: flex-start;
}

.views-field-field-productimages,
.field--name-field-bilder-left {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	line-height: 0px;
}

.views-field-field-productimages img,
.field--name-field-bilder-left img {
	width: 100%;
	height: auto;
}

.views-field-field-productimages a,
.field--name-field-bilder-left a {
	display: block;
	flex-basis: calc(33.333333% - 10px);
	margin-bottom: 15px;
	display: none;
}

.views-field-field-productimages a:nth-child(1),
.field--name-field-bilder-left a:nth-child(1) {
	flex-basis: 100%;
}

.views-field-field-productimages a:nth-child(1),
.field--name-field-bilder-left a:nth-child(1),
.views-field-field-productimages a:nth-child(2),
.field--name-field-bilder-left a:nth-child(2),
.views-field-field-productimages a:nth-child(3),
.field--name-field-bilder-left a:nth-child(3),
.views-field-field-productimages a:nth-child(4),
.field--name-field-bilder-left a:nth-child(4) {
	display: block;
}



.pricefield,
.zeropreis {
	font-family: var(--bold);
	text-transform: uppercase;
	margin: 40px 0px 20px 0px;
	
	display: flex;
	flex-direction: row;
	align-content: flex-end;
	align-items: flex-end;
}

.productdetail2 .pricefield {
	margin: 40px 0px 40px 0px;

}

.pricefield > span {
	align-self: flex-end;
}
.pricefield  .views-label-bundle-price__number {
	margin-right: 10px;
	
}

.bloglist .pricefield, 
.zeropreis {
	color: var(--weiss);
}

.pricefield .price {
	position: relative;
}

.pricefield .original-price {
	position: absolute;
	top: 0px;
	left: 0px;
	color: var(--tshschwarz);
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	transform: translateY(-100%);
}


.pricefield .original-price + .final-price {
	font-size: 150%;
	line-height: 100%;
	color: var(--actioncolor);
	font-family: var(--extrabold);

}

.pricefield .final-price:after {
	color: var(--tshschwarz);
	font-family: var(--bold);

	margin-left: 10px;
	text-transform: initial;
}

html[lang=en] .pricefield .final-price:after {
	content: "incl. VAT";
}
html[lang=de] .pricefield .final-price:after {
	content: "inkl. MWST";
}


.bloglist .pricefield .final-price:after {
	font-size: 100%;
	font-family: var(--bold);
	color: var(--weiss);
}


.bloglist .pricefield .original-price {
	color: var(--weiss);
}



/* 20250924
.tshservicelist.bloglist .views-field-field-untertitel {
	color: var(--weiss);
}
*/

input.button--add-to-cart {
	display: table;
	width: auto;
	margin-top: 50px;
}

.openpdf {
	height: 100%;
}


.freereadingexample {
	padding: var(--vhone) 0px !important;
	box-sizing: border-box;
}

.freereadingexample .view-content {
	background: var(--tshbgcolor);
	padding: calc(var(--vhone) + 120px) 0px var(--vhone) 0px;
	box-sizing: border-box;
	margin-bottom: var(--vhtwo);
}

.paragraph--type--show-block .freereadingexample .view-content {
	padding-top: calc(var(--vhone) + 50px);
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.freereadingexample .openpdf {
	display: none !important;
}


.readingbutton {
	display: table;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

.readingbutton a {
	position: relative;
	z-index: 6;
}
.readingbutton a:after {
	content: " ";
	display: block;
	width: 150px;
	height: 120px;
	position: absolute;
	left: 50%;
	top: 0px;
	z-index: 0;
		
	-webkit-transform: translateY(-100%) translateX(-50%);
	-moz-transform: translateY(-100%) translateX(-50%);
	transform: translateY(-100%) translateX(-50%);
	
	background-image: url(../images/freereadingicon.svg);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100% auto;
}
.readingbutton a:before:hover {
	cursor: pointer;
}

.readingbutton .tshbutton {
	margin-top: 0px;
	z-index: 90;
}

.warenkorbbox {
	position: absolute;
	right: calc(5vw + 60px);
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 90;

	width: 30px;
	height: 30px;
}
	
.warenkorbbox .cart-block--summary .cart-block--summary__icon {
	font-size: var(--iconsize);
	line-height: var(--iconsize);
	height: 40px;
	display: block;
	color: var(--maincolor);
}
	
.warenkorbbox .cart-block--summary a {
	display: block;
}
	
.warenkorbbox .cart-block--summary a i {
	padding-top: 7px;
	box-sizing: border-box;
	color: var(--tshschwarz);
}
	
.warenkorbbox .cart-block--summary a:hover i {
	color: var(--actioncolor);
}
	
	
.warenkorbbox .cart-block--summary .cart-block--summary__count {
	position: absolute;
	left: 20px;
	top: 0px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: left;

	text-align: center;
	padding: 1px 3px;
	box-sizing: border-box;
	background: var(--schwarz);
	color: var(--weiss);
	line-height: 100%;
	font-family: var(--standardfont);
	border-radius: 50%;
	padding: 3px 3px 3px 6px;
	box-sizing: border-box;
	width: 22px;
	overflow: hidden;
	height: 22px;
	font-size: 14px;
	white-space: nowrap;

	
}
.warenkorbbox .cart-block--summary .cart-block--summary__count > div {
	flex-basis: 100%;
}
	
	
.warenkorbbox .cart-block--contents__inner {
	border: solid 1px var(--schwarz);
	padding: 0px;
}
	
	
.warenkorbbox .view-commerce-cart-block {
	font-size: 80%;
	line-height: 130%;
	padding: 10px;
	box-sizing: border-box;
	}
.warenkorbbox .view-commerce-cart-block tr:not(:last-child) {
	border-bottom: solid 1px var(--bgcolor1);
}
	
.warenkorbbox .view-commerce-cart-block td {
	vertical-align: top;
	padding: 10px 0px;
	box-sizing: border-box;
}
.warenkorbbox .cart-block--contents__links a,
.warenkorbbox .cart-block--contents__links a:visited {
	background: var(--schwarz);
	text-align: center;
	display: block;
	padding: 7px 20px;
	box-sizing: border-box;
	color: var(--weiss);
	text-transform: uppercase;
}
	
.warenkorbbox .cart-block--contents__links a:hover,
.warenkorbbox .cart-block--contents__links a:active {
	background: var(--radialrot);
} 
	
.warenkorbbox .cart-block--contents__links a:before {
	font-family: "Font Awesome 5 Pro"; 
	font-weight: 300; 
	content: "\f07a";
	margin-right: 10px;
}



.cart-block--offcanvas-contents__items > div:not(:last-child) tfoot {
	display: none;
}
	
	
.cart-offcanvas-bg {
	z-index: 97;
}
.cart-offcanvas {
	border-left: solid 0px var(--maincolor);
	background: var(--tshbgcolor);

	box-sizing: border-box;
}
	
.cart-offcanvas .cart--cart-offcanvas {
	padding: var(--vhone) var(--vhone) var(--vhone) var(--vhone);
	box-sizing: border-box;
	position: relative;
}
	
.cart--cart-offcanvas__close {
	position: absolute;
	top: var(--vhone);
	left: calc(var(--vhone) - 5px);
}

.cart_intern_title {
	margin-top: var(--vhone);
}
	
.cart--cart-offcanvas__close button {
	color: var(--actioncolor);
	background: transparent;
	border: 0px;
	width: 40px;
	height: 50px;
	padding: 0px;
	line-height: var(--lineheight);
	padding: 0px !important;
	box-sizing: border-box;
	margin-top: 0px;
	font-size: 160%;
}
	
	
.cart-offcanvas input {
	color: var(--schwarz);
}
	
.cart--cart-offcanvas__close button:hover {
	color: var(--tshschwarz);
	font-size: 160%;
}
	
.cart-block--offcanvas-cart-table__remove button {
	border: 0px;
	background: transparent !important;
	margin-top: 0px !important;
	color: var(--maincolor);
}
	
.cart-block--offcanvas-cart-table__remove button:hover {
	color: var(--actioncolor);
}
	
button.cart-block--offcanvas-contents__update {
	white-space: nowrap;
	background: transparent;
	border: 0px;
	position: relative;
	margin-left: 5px;
	margin-top: 0px !important;
}


	
.views-field-edit-quantity .form-item {
		margin: 0px;
}
	
	
.cartupdate {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-content: center;
	align-items: center;
	background: var(--weiss);
	padding: 3px;
	box-sizing: border-box;
	text-align: center;
	border-radius: 10px;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
	
	margin-top: 10px;
}
.cartupdate:hover {
	color: var(--weiss);
	background: var(--tshschwarz);
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;

}
	
.cartupdate > * {
	align-self: center;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
}

.cart-block--offcanvas-cart-table  .prodrow {
	border-bottom: solid 1px var(--weiss);
	padding: 20px 0px;
	box-sizing: border-box;
}

h3.carttitel {
	margin-top: 0px;
	padding-top: 0px;
}


	
.cart-block--offcanvas-cart-table .prodflex {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.cart-block--offcanvas-cart-table .prodflex > div {
	align-self: center;
}

.cart-block--offcanvas-cart-table .cart-block--offcanvas-cart-table__title {
	margin-bottom: 10px;
	font-family: var(--bold);
}
	
.cart-block--offcanvas-contents__links {
	
	margin-top: 20px;
}
	
.cart-block--offcanvas-contents__links a,
.cart-block--offcanvas-contents__links a:visited {
	text-align: center;
	display: block;
	padding: 18px 30px;
	box-sizing: border-box;
	border-radius: 30px;
	background: var(--actioncolor);
	color: var(--weiss);
	text-transform: uppercase;
	white-space: nowrap;
	font-size: 95%;
	line-height: 100%;
	font-family: var(--bold);
	margin-top: 30px;
	letter-spacing: 2px;

}
.cart-block--offcanvas-contents__links a:hover,
.cart-block--offcanvas-contents__links a:active {
	background: var(--tshschwarz);
}
	
.cart-block--offcanvas-cart-table.table {
	border-top: solid 1px var(--weiss);
	width: 100%;
}
	
.cart-block--offcanvas-cart-table.table td {
	padding: 10px 5px 10px 0px;
	box-sizing: border-box;
}

.cart-block--offcanvas-cart-table.table .cart-block--offcanvas-cart-table__title {
	width: 200px;	
}

.cart-block--offcanvas-cart-table.table tbody tr {
	border-bottom: solid 1px var(--weiss);
}
	
.cart-block--offcanvas-cart-table__quantity input {
	padding-top: 5px;
	padding-bottom: 5px;
	box-sizing: border-box;
	width: 80px !important;
}


/* !CART % CHECKOUT */


table.views-view-table {

}

table.views-view-table td,
.view-commerce-cart-form table th {
	padding-right: 20px !important;
	padding-top: 10px;
	padding-bottom: 10px;
	box-sizing: border-box;
	vertical-align: top;
}

table.views-view-table td {
	border-bottom: solid 1px var(--bgcolor);
	vertical-align: middle;
}

.commerce-order-item-add-to-cart-form .field--widget-commerce-product-bundle-items,
.commerce-order-item-add-to-cart-form .field--widget-commerce-quantity {
	display: none;
}



.view-commerce-cart-form .form-actions input:nth-child(1),
a.link--previous {
	padding: 18px 30px;
	box-sizing: border-box;
	border-radius: 30px;
	background: var(--weiss) !important;
	color: var(--actioncolor);
	text-transform: uppercase;
	white-space: nowrap;
	font-size: 110%;
	line-height: 100%;
	font-family: var(--bold);
	margin-right: 20px;
	border: solid 1px var(--actioncolor);
}

.view-commerce-cart-form .form-actions input:nth-child(1):hover {
	background: var(--tshschwarz) !important;
	color: var(--weiss) !important;
	border: solid 1px var(--tshschwarz);
}

.view-commerce-cart-form {
	margin-top: var(--vhtwo);
}

.view-commerce-cart-form .views-form {
	margin-top: 0px;
	padding-top: 0px !important;
}
.views-table {
	width: 100%;
}

.views-table th {
	text-align: left;
	border-bottom: solid 1px var(--maincolor);
	padding: 4px 20px 4px 0px;
	box-sizing: border-box;
	text-transform: uppercase;
}


.views-table tbody {

}

.field--name-total-price {
	border-top: solid 2px var(--bgcolor1);
	padding-top: 20px;
	margin-top: 20px;
}

.views-field-remove-button input.js-form-submit,
#edit-payment-information-add-payment-method input.js-form-submit,
input.address-book-edit-button{
	padding: 3px 10px;
	margin-top: 0px;
}

#edit-payment-information-add-payment-method input.js-form-submit {
	margin-top: 10px;
}



a.link--previous,
a.button--danger {
	clear: both;
	display: table;
	margin-top: 20px;
	border: solid 1px var(--maincolor);
	padding: 5px 10px;
	box-sizing: border-box;

}


.checkout-pane-shipping-information .form-item,
.checkout-pane-payment-information .form-item {
	margin-right: 35px !important;
	margin-top: 0px;
}
.form-item.js-form-type-select label,
.form-item.js-form-type-textfield label,
.form-item.js-form-type-tel label,
.form-item.js-form-type-email label,
.form-item.js-form-type-password label,
.js-form-type-language-select label {
	background: var(--tshbgcolor);
	color: var(--tshschwarz);
	padding: 5px 10px;
	box-sizing: border-box;
	font-size: 80%;
	line-height: 100%;
	position: absolute;
	left: 1px;
	top: 0px;
}




.checkout-pane-shipping-information .address-container-inline > .form-item,
.checkout-pane-payment-information .address-container-inline > .form-item  {
	margin-right: 20px !important;
	width: calc(50% - 30px);
	box-sizing: border-box;
}


fieldset.checkout-pane-shipping-information,
fieldset.checkout-pane-payment-information {
	padding-left: 40px;
}

fieldset.checkout-pane-shipping-information .fieldset-wrapper {

}

.js-form-item-shipping-information-shipping-profile-select-address,
.js-form-item-payment-information-billing-information-select-address {
	background-color: var(--bgcolor);
	padding: 20px !important;
	margin-bottom: 50px !important;
	margin-top: 30px !important;
}

fieldset.checkout-pane-shipping-information .field--name-shipping-method{
	background-color: var(--bgcolor);
	padding: 20px !important;
	margin-top: 30px;

}

fieldset.checkout-pane-shipping-information .field--name-shipping-method  .form-item {
	margin-bottom: 0px !important;
}

fieldset.checkout-pane-shipping-information .field--name-shipping-method legend {
	margin-bottom: 10px;
	font-weight: normal;
	padding: 5px 20px;
	box-sizing: border-box;
	background: var(--weiss);
}

fieldset.checkout-pane-shipping-information > legend,
fieldset.checkout-pane-payment-information > legend,
fieldset.form-wrapper__login-option > legend,
fieldset.checkout-pane-payment-information > legend,
.checkout-pane-review  fieldset legend {
	background: var(--weiss);
	border: solid 1px var(--maincolor);
	text-transform: uppercase;
	color: var(--maincolor);
	padding: 5px 20px;
	box-sizing: border-box;
}

#edit-email-registration-login-returning-customer-forgot-password {
	margin-left: 30px;
}

fieldset {
	border: 0px solid var(--bgcolor);
	margin-top: 0px;
	padding-bottom: 0px;
}

#edit-payment-information-payment-method--wrapper {
	margin-top: 20px !important;
	border-bottom: solid 3px var(--bgcolor);
	padding-bottom: 30px;
	box-sizing: border-box;
	margin-bottom: 30px;
}

#edit-payment-information-payment-method--wrapper legend {
	margin-bottom: 10px;
}


fieldset.checkout-pane-shipping-information .js-form-type-tel,
fieldset.checkout-pane-payment-information .js-form-type-tel {
	width: calc(50% - 30px);
} 

fieldset {
	padding: 0px;
}


fieldset#edit-review-shipping-information .field--name-shipping-method  {
	display: flex;
	flex-direction: row;
	margin-top: 5vh;
}

fieldset#edit-review-shipping-information .field--name-shipping-method .field__label {
	font-family: var(--standardfontblack);
	margin-right: 5px;
}
fieldset#edit-review-shipping-information .field--name-shipping-method .field__label:after {
	content: ": "
}


fieldset#edit-review-payment-information .fieldset-wrapper  {
	padding-top: 5vh;
	font-family: var(--standardfontbold);
}

fieldset#edit-review-payment-information .fieldset-wrapper .profile--type--customer {
	padding-top: 3vh;
	font-family: var(--standardfont);
}

.rset {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.rset > div {
	flex-basis: calc(50% - 20px)
}

.rset > div input,
.rset > div div {
	width: 100%;
}

.checkout-order-summary {

}

.checkout-order-summary table {
	width: 100%;
	border-top: solid 1px var(--bgcolor1);
	margin-bottom: 10px;

}

.checkout-order-summary table tr {
	border-bottom: solid 1px var(--bgcolor);
	
	box-sizing: border-box;
}


.checkout-order-summary table td {
	vertical-align: top;
	padding: 10px 0px;
}
.checkout-order-summary table td:nth-last-child(1) {
	text-align: right;
}

.checkout-pane-shipping-information input[type=submit] {
	padding: 5px 20px !important;
	box-sizing: border-box;
	background: var(--grau);
	font-family: var(--standardfont);
}

#edit-coupon-redemption-form input[type=submit] {
	padding: 5px 20px !important;
	box-sizing: border-box;
	background: var(--tshcolor) !important;
	font-family: var(--standardfont);
}

.checkout-pane-coupon-redemption {
	border: 1px solid var(--bgcolor);
	margin-top: 30px;
	margin-bottom: 30px;
	padding: 40px;
	box-sizing: border-box;
}


.view-id-show_shop_country_on_checkout .views-field-field-store {
	background: var(--bgcolor);
	padding: 5px 20px;
	box-sizing: border-box;
	text-transform: uppercase;
	margin-top: 20px;
	margin-right: 40px;
	margin-bottom: 5px;
}

.view-id-show_shop_country_on_checkout  {

	margin-bottom: 10px;
}


.cartset {

}

.cartset > div {
	margin-right: 10px;

}

.cartset  .cartext {
	flex-basis: 100%;
}

.cartset .field--name-field-art-nr {

}

.field--name-field-produktbild img {
	max-width: 100%;
	height: auto;
}
.checkout-pane-review  fieldset {
	margin-bottom: 30px;
}



.checkout-pane-review  fieldset legend a {
	color: var(--grau) !important;
	margin-left: 0px;
	font-size: 80%;
}

.checkout-pane-review  fieldset legend a:hover {
	color: var(--actioncolor) !important;
}

.checkout-pane-review  fieldset .fieldset-wrapper {
margin-left: 0px;
	padding-bottom: 20px;
	box-sizing: border-box;
}

.field--type-commerce-tax-number {

}
.field--type-commerce-tax-number .field__label {
	margin-right: 10px;
}

.checkout-complete > p {
	
}


.layout-region-checkout-secondary {
	background: var(--tshbgcolor);
	padding: 30px;
	box-sizing: border-box;
}

.layout-region-checkout-secondary  h3 {
	margin-top: 0px;
}


input[type=text],
input[type=tel],
input[type=password],
input[type=email] {

} 


#edit-account {

}
#edit-account .form-item {
	margin: var(--vhone) 0px;
	
}

form.user-register-form .form-actions {
	margin-bottom: var(--vhtwo);
}

.js-form-type-password-confirm {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
}

.js-form-type-password-confirm .js-form-type-password,
.js-form-type-password-confirm .js-form-type-password {
	flex-basis: calc(50% - 20px);
	margin-bottom: 0px;	
}

.js-form-type-password-confirm .password-suggestions,
.js-form-type-password-confirm .description {
	flex-basis: 100%;
}

a#edit-login-returning-customer-forgot-password {
	margin-left: 0px;
	margin-top: 20px;
	clear: both;
	display: block;
}

.form-type-checkbox input {
	
}

input[type="checkbox"].required {
	appearance: none;
	background-color: #fff;
	margin: 0;
	font: inherit;
	color: currentColor;
	width: 1.15em !important;
	height: 1.15em !important;
	border: 1px solid var(--schwarz);
	border-radius: 0.15em;
	transform: translateY(-0.075em);
	
	display: grid;
	float: left;
	margin-right: 10px;
	margin-top: 0px;
	place-content: center;
	position: relative;
	top: 7px;
}

input[type="checkbox"].required::before {
	content: "";
	width: 0.65em;
	height: 0.65em;
	transform: scale(0);
	transition: 120ms transform ease-in-out;
	box-shadow: inset 1em 1em var(--maincolor);
	
	/* Windows High Contrast Mode */
	background-color: CanvasText;
	
	transform-origin: bottom left;
	clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
}

input[type="checkbox"].required:checked::before {
	transform: scale(1);
}

input[type="checkbox"].required:focus {
	outline: max(2px, 0.15em) solid currentColor;
	outline-offset: max(2px, 0.15em);
}




.field--type-mailchimp-lists-subscription input[type="checkbox"] {
	appearance: none;
	background-color: #fff;
	margin: 0;
	font: inherit;
	color: currentColor;
	width: 1.15em !important;
	height: 1.15em !important;
	border: 1px solid var(--schwarz);
	border-radius: 0.15em;
	transform: translateY(-0.075em);
	
	display: grid;
	float: left;
	margin-right: 10px;
	margin-top: 0px;
	place-content: center;
	position: relative;
	top: 7px;
}

.field--type-mailchimp-lists-subscription input[type="checkbox"]::before {
	content: "";
	width: 0.65em;
	height: 0.65em;
	transform: scale(0);
	transition: 120ms transform ease-in-out;
	box-shadow: inset 1em 1em var(--maincolor);
	
	/* Windows High Contrast Mode */
	background-color: CanvasText;
	
	transform-origin: bottom left;
	clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
}

.field--type-mailchimp-lists-subscription input[type="checkbox"]:checked::before {
	transform: scale(1);
}

.field--type-mailchimp-lists-subscription input[type="checkbox"]:focus {
	outline: max(2px, 0.15em) solid currentColor;
	outline-offset: max(2px, 0.15em);
}




#commerce-checkout-flow-multistep-default  .js-form-item-login-register-name {
	display: none !important; 
}

#commerce-checkout-flow-multistep-default .form-wrapper__guest-checkout .field--name-field-vorname-user input {

}


#commerce-checkout-flow-multistep-default .form-item.js-form-type-password {
	margin-bottom: 0px !important;
}

html[lang=en] #commerce-checkout-flow-multistep-default .js-form-item-login-returning-customer-name label:after{
	content: "/Email address"
}
html[lang=de] #commerce-checkout-flow-multistep-default .js-form-item-login-returning-customer-name label:after{
	content: "/E-Mail-Adresse"
}

.commerce-checkout-flow-multistep-default #edit-login-register-password  {
	margin-bottom: var(--vhone);
}

.commerce-checkout-flow-multistep-default input[type=submit]  {
	margin-top: var(--vhone);
}
.form-item.js-form-type-password {
	margin-bottom: 20px !important;
}

.password-suggestions {
	padding: 20px !important;
	box-sizing: border-box;
}

.form-item .description,
.tshform .form-type-checkbox {

}

.tshform .form-item .description {
	margin-top: 0px;
	letter-spacing: 2px;
}


.orderdetail {

}

.orderdetail .customer-information .field--name-mail .field__label,
.orderdetail .customer-information__shipping .field--name-shipping-method .field__label,
.orderdetail .customer-billing  > .field__label,
.orderdetail .customer-information__shipping  > .field__label,
.orderdetail .field--name-order-items  > .field__label,
.orderdetail .field--name-state  > .field__label {
	background: var(--bgcolor);
	color: var(--grau);
	padding: 10px 20px;
	box-sizing: border-box;
	text-transform: uppercase;
	margin-top: 30px;
	margin-bottom: 10px;
	display: block;
}
.orderdetail .customer-information .field--name-mail .field__label {
	margin-top: 0px !important;
}


.form-item-payment-information-billing-information-copy-fields-enable {
	background: var(--bgcolor1);
	padding: 5px 0px;
	box-sizing: border-box;
	margin-top: 40px !important;
}

.field--name-order-number {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.field--name-order-number .field__label {
	margin-right: 10px;
}
	
	
.abstandblock {
	margin-top: 10vh;
	margin-bottom: 10vh;
}

.page-node-type-homepage .abstandblock,
.page-node-type-legal .abstandblock,
.page-node-type-faq .abstandblock {
	margin-top: 30px;
}

.page-node-type-homepage .breadcrumb ol li:not(:first-child) {
	display: none;
}

.page-node-type-legal .abstandblock {
	margin-bottom: 20px;
}

.page-node-type-produkt-themenseite .abstandblock,
.page-node-type-galerie .abstandblock,
.page-node-6 .abstandblock,
.page-node-9 .abstandblock,
.page-node-7 .abstandblock,
.page-node-8 .abstandblock,
.page-node-25 .abstandblock,
.page-node-23 .abstandblock,
.page-node-88 .abstandblock  {
	margin-top: 0px;
	margin-bottom: 0px;
} 




.warenkorbseite table caption {
	font-size: 100%;
	margin-bottom: 30px;
	margin-top: 20px;
	background: var(--bgcolor);
	padding: 5px 10px;
	box-sizing: border-box;
}

.warenkorbseite .cartpliter {
	margin-top: 10px;
}


.warenkorbseite .views-field-field-produktbilder img {
	max-width: 100%;
	height: auto;
}

.warenkorbseite .views-field-total-price__number {
		text-align: right;
}

.warenkorbseite .views-field-remove-button {
	text-align: center;
}



.usermenu .pvergessen {

}

.usermenu {
	position: absolute;
	top: calc(50% - 2px);
	z-index: 99;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	right: calc(5vw + 0px);
}



.usermenu ul.level1 {
list-style: none;
margin: 0px;
padding: 0px;
}

.usermenu ul.level1 > li {
margin: 0px 0px 0px 13px;
position: relative;


}

.usermenu ul.level1 > li.mlevel1 > a,
.usermenu ul.level1 > li.mlevel1 > a:visited {
	display: block;
	white-space: nowrap;
	text-indent: 200px;
	position: relative;
	z-index: 70;
	width: 47px;
	height: 40px;
	overflow: hidden;

}

.usermenu ul.level1 > li:before {
font-family: "Font Awesome 5 Pro"; 
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
-moz-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
z-index: 50;

font-size: var(--iconsize);
line-height: var(--iconsize);

color: var(--tshschwarz);

}

.usermenu ul.level1 li.mlevel1:hover:before {
color: var(--tshschwarz);
}


.usermenu ul.level1 > li:before {
font-family: "Font Awesome 5 Pro"; 
font-weight: 500; 
content: "\f007";
}


.usermenu ul.level2 > li {
position: relative;
}

.usermenu ul.level2 > li a,
.usermenu ul.level2 > li a:visited {
	padding-left: 25px !important;
	box-sizing: border-box;
	padding: 5px 0px 5px 0px;
}






.usermenu ul.level2 > li:before {
font-family: "Font Awesome 5 Pro"; 
position: absolute;
left: 0px;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 50;
width: 20px;
text-align: center;

font-size: var(--iconsizesmall);
line-height: var(--iconsizesmall);

color: var(--weiss);
}

.usericons ul.level2 > li:hover:before {
color: var(--weiss);
}
.usericons ul.level2 > li:nth-child(1):before {
font-weight: 300; 
content: "\f2bd";
}

.usericons ul.level2 > li.pvergessen:before {
	font-weight: 300; 
	content: "\f059";
}

.usericons ul.level2 > li.address:before {
font-weight: 300; 
content: "\f4df";
}

.usericons ul.level2 > li.orders:before {
font-weight: 300; 
content: "\f49a";
}

.usericons ul.level2 > li.register:before {
font-weight: 300; 
content: "\f46d" !important;
}

.usericons ul.level2 > li:nth-last-child(1):before {
font-weight: 300; 
content: "\f2f5";
}


.usermenuleft {
border: solid 1px var(--schwarz);
}

.usermenuleft ul.level1 {
margin: 0px;
padding: 0px;
}

.usermenuleft ul.level1 li.mlevel1 {
list-style: none;
margin: 0px;
padding: 0px;
}

.usermenuleft ul.level2 {
list-style: none;
margin: 0px;
padding: 0px 20px 20px 20px;
box-sizing: border-box;



-o-transition: var(--transition);
-ms-transition: var(--transition);
-moz-transition: var(--transition);
-webkit-transition: var(--transition);
transition: var(--transition);

}

.usermenuleft ul.level2 > li {
margin: 10px 0px;
}

.usermenuleft ul.level2 > li a {
padding-left: 35px !important;
box-sizing: border-box;

}


.usermenuleft ul > li {
white-space: nowrap;
position: relative;
}

.usermenuleft ul.level2 > li:before {
font-family: "Font Awesome 5 Pro"; 
position: absolute;
left: 0px;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 50;
width: 20px;
text-align: center;

font-size: var(--iconsizesmall);
line-height: var(--iconsizesmall);

color: var(--weiss);
}

.usermenuleft ul.level1 > li.mlevel1 > a,
.usermenuleft ul.level1 > li.mlevel1 > a:visited,
.usermenuleft ul.level1 > li.mlevel1 > a:hover,
.usermenuleft ul.level1 > li.mlevel1 > a:active {
background: var(--schwarz);
text-transform: uppercase;
padding: 5px 20px;
box-sizing: border-box;
color: var(--weiss);
display: block;

}

.usermenuleft ul.level2 {
margin-top: 20px;
}

.usermenuleft ul.level2 > li:before {
color: var(--schwarz);
}

.usermenuleft ul.level2 > li a,
.usermenuleft ul.level2 > li a:visited {
color: var(--schwarz);
}
.usermenuleft ul.level2 > li a:hover,
.usermenuleft ul.level2 > li a:active,
.usermenuleft ul.level2 > li a.is-active {
color: var(--actioncolor);
}






.usermenu ul.level1 li ul.level2 {
background: var(--tshschwarz);
padding: 10px 15px;
box-shadow: border-box;
margin: 0px;
position: absolute;
top: 40px;
left: 0px;
opacity: 0;
display: none;
-o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;



}

.usermenu ul.level1 li:hover ul.level2 {
opacity: 1;
 display: block;

}





.usermenu ul.level2 li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	font-family: var(--standardfontbold);
	color: var(--weiss);
}

.usermenu ul.level2 li a,
.usermenu ul.level2 li a:visited {
color: var(--weiss);
padding: 3px 0px;
box-sizing: border-box;
display: block;
white-space: nowrap;
}

.usermenu ul.level2 li a:hover,
.usermenu ul.level2 li a:active {
color: var(--actioncolor);
}

.usermenu ul.level2 li a.is-active {
	color: var(--actioncolor);
}



.view-empty,
.cart-empty-page {
	padding: var(--vhtwo) 0px;
	box-sizing: border-box;
}


.user-form a.details-title  {
	display: none;
}

.user-form,
.views-form,
form.commerce-checkout-flow {
	padding: var(--vhone) 0px;
	box-sizing: border-box;
}

fieldset.checkout-pane-shipping-information, fieldset.checkout-pane-payment-information {
	border: 0px !important;
	padding-left: 0px;
}
.order-total-line {
	padding: 0px 0px;
}

.order-total-line__total {
	padding-right: 5px;
}

.order-total-line,
.order-total-line__total {

}

.ordertable,
.userdiv {
	margin-top: var(--vhone);
	margin-bottom: var(--vhone);
}
.orderdetail {
	margin-top: var(--vhone);
	margin-bottom: var(--vhone);
}

.view-id-accordion_paragraph,
.view-paragraph-accordion-neu {
	padding: var(--vhone) 0px;
	box-sizing: border-box;
}


.cart-offcanvas-bg.is-animating, 
.cart-offcanvas-bg.is-open {
	background-color: rgba(255, 255, 255, 0.6); 
}


.cart--cart-offcanvas .tshclosebutton {
	position: absolute;
	z-index: 99;
}
.order-total-line, 
.order-total-line__total {
	display: flex !important; 
	flex-direction: row;
	justify-content: flex-end;
	text-align: left !important;
}

.order-total-line > span, 
.order-total-line__total > span {
	margin-left: 10px;
}

.order-total-line-value {
	display: initial !important;
	width: auto;
}



/* USER ACCOUNT MENU */

.useraccountmenu {
	margin-top: 50px;
}

.useraccountmenu .views-row {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.useraccountmenu .views-row > div {
	flex-basis: calc(33.333333% - 10px);
}

.useraccountmenu .views-row > div a {
	text-align: center;
	white-space: nowrap;
}

.useraccountactive1 .useraccountmenu .views-row > div:nth-child(3) a,
.useraccountactive2 .useraccountmenu .views-row > div:nth-child(2) a,
.useraccountactive3 .useraccountmenu .views-row > div:nth-child(1) a {
	background: var(--tshschwarz) !important;
	color: var(--weiss) !important;
}
.useraccountactive1  #edit-language {
	display: none;
}

.user-form .form-actions {
	text-align: center;
}


a.smallbutton,
a.smallbutton:visited {
	display: block;
	border-radius: 10px;
	padding: 3px 10px;
	background: var(--actioncolor);
	text-align: center;
	font-family: var(--bold);
	letter-spacing: 2px;
	color: var(--weiss);
	font-size: 90%;
	text-transform: uppercase;
}

a.smallbutton:hover,
a.smallbutton:active {
	background: var(--tshschwarz);
	color: var(--weiss) !important;
}

.orderdetail .field--name-state {
	margin-bottom: var(--vhone);
}

.orderdetail .field--name-tax-number,
.orderdetail .field--name-completed,
.orderdetail .field--name-placed {
	display: flex;
}


.orderdetail .field--name-tax-number .field__label,
.orderdetail .field--name-completed .field__label,
.orderdetail .field--name-placed .field__label {
	margin-right: 10px;
}


.checkout-order-summary .field--name-bundle-items {
	font-size: 90%;
	font-style: italic;
	line-height: var(--lineheight);
	margin-bottom: 10px;
}

.checkout-order-summary .field--name-bundle-items .field__item:before {
	content: "- ";
}

.checkout-order-summary .summaryrow {
	border-bottom: solid 1px var(--weiss);
	margin-bottom: 20px;
	padding-bottom: 10px;
}



/* DOWNLOADLISTE */

.downloadliste {
	margin-top: var(--vhone);
}

.downloadliste .views-row {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	align-content: center;
	margin-bottom: var(--vhone);
}


.downloadliste h3 {
	margin-top: 0px;
	padding-top: 0px;
}

.downloadliste .views-row > div {
	align-self: center;
}

.downloadliste .leftset {
	flex-basis: calc(50% - 25px);
	overflow: hidden;
	line-height: 0px;
}

.downloadliste .leftset img {
	max-width: 100%;
	height: auto;
}

.downloadliste .rightset {
	flex-basis: calc(50% - 25px);
}

.downloadliste .rightset .views-label,
.downloadliste .rightset .file-size {
	display: none;
}

.downloadliste .rightset .file {
	display: block;
	clear: both;
	position: relative;
	margin-bottom: 15px;
}
.downloadliste .rightset .file a,
.downloadliste .rightset .file a:visited {
	display: block;
	position: relative;
	text-indent: 40px;
	font-family: var(--bold);
	letter-spacing: 2px;
	color: var(--tshschwarz);
	text-transform: uppercase;
}

.downloadliste .rightset .file a:hover,
.downloadliste .rightset .file a:active {
	color: var(--actioncolor);
}

.downloadliste .rightset .file a:before {
	font-family: "Font Awesome 5 Pro"; 
	font-weight: 100; 
	content: "\f1c1";
	font-size: 25px;
	line-height: 25px;
	margin-left: 5px;
	position: absolute;
	left: -40px;
	top: -3px;
	
}

.user-pass-reset {
	padding: var(--vhone) 0px;
	box-sizing: border-box;
}


/* ONLINE form*/

/*
.page-node-241.page-node-type-tsh-4p-landingpage .paragraph--type--show-block {
	background: var(--weiss);
	padding-top: 0px;	
	padding-bottom: var(--vhtwo);
	background: var(--tshbgcolor);
}

.page-node-241.page-node-type-tsh-4p-landingpage .region-after-content {
	padding-top: 0px;
}
*/

/*.page-node-241 .paragraphsblock .paragraph, */
.page-node-299 .paragraphsblock .paragraph,
.page-node-type-press-page .paragraphsblock .paragraph  {
	margin-top: 0px;
}


.page-node-241 .node__content {
	padding-bottom: var(--vhone);
}

.page-node-241 .paragraphsblock .paragraph--type--show-block + .paragraph--type--title-bold-text {
	margin-top: 0px !important;
}

.page-node-8 .paragraph--type--show-block + .paragraph--type--image-left-dachzeile-text-right- {
	margin-top: var(--vhtwo) !important;
}

.gmwdH {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

#block-onlineassissment {
	height: 600px;
}

.cNSobI,
.tf-v1-widget,
.tf-v1-widget iframe {
	height: 100% !important;
	border-radius: 0px !important;
}

/*
.page-node-241 .view-titelblock {
	padding-top: var(--vhtwo);
}

.page-node-241 .block-system-main-block {
	/* display: none !important; */
}
*/



.warning-message-b2c-non-ch {
	background: var(--tshcolor);
	padding: 20px;
	color: var(--weiss);
}





/* PRESS RELEASES */


.page-node-type-press-release #block-whtheme-content,
.page-node-type-press-news #block-whtheme-content {
	margin-bottom: var(--vhtwo);
}

.dlpr {
	
}
.dlpr a {
	font-family: var(--extrabold);
	text-transform: uppercase;
}


.pressrelblock {
	background: var(--maincolor);
	color: var(--weiss);
	padding: var(--vhtwo) 0px;
	box-sizing: border-box;
}

.pressrelblock h3.likeh1 {
	margin-bottom: var(--vhone);
}
.pressrelblock .views-field-field-post-date {
	margin-top: calc(var(--vhone) /2);
	font-family: var(--extrabold);
}


.pressrelblock p {
	margin: 0px;
	padding: 0px;
}


.pressnewsblock {
	background: var(--actioncolor);
	color: var(--weiss);
	padding: var(--vhtwo) 0px;
	box-sizing: border-box;
}


.pressnewsblock .views-row a,
.pressnewsblock .views-row a:visited {
	color: var(--weiss);
}

.pressnewsblock .views-row a:hover,
.pressnewsblock .views-row a:active {
	color: var(--schwarz);
}

.pressnewsblock .views-row .views-field-title {
	text-transform: uppercase;
	margin-bottom: 20px;
}

.bloglist.blogpage .views-row,
.pressnewsblock .views-row  {
	margin-top: var(--vhone);
}


.bloglist.blogpage .views-row .views-field-search-api-url {
	margin-top: 20px;
}

.pressdownloadblock {
	background: var(--weiss);
	padding: var(--vhtwo) 0px;
	box-sizing: border-box;
}

.pressdownloadblock h3.likeh1 {
	margin-bottom: var(--vhone);
}

.pressdownloadblock ul {
	margin: 0px;
	padding: 0px;
	list-style-position: inside;
}

.pressdownloadblock a,
.pressdownloadblock a:visited {
	color: var(--schwarz);
	text-decoration: underline;
}

.pressdownloadblock a:hover,
.pressdownloadblock a:active {
	color: var(--actioncolor);
	text-decoration: none;
}

.pressdownloadblock .views-field-field-downloads-press .file--application-pdf {
	background-image: none !important;
}

.pressdownloadblock .views-field-field-downloads-press .file {
	padding-left: 0px;
}


.pressdownloadblock .views-field-field-cat-title {
	text-transform: uppercase;
	font-family: var(--extrabold);
	margin-bottom: 20px;
	margin-top: var(--vhone);
}


.nlregblock {
	
}

.nlrbutton {
	display: table;
	margin: var(--vhone) auto var(--vhtwo) auto;
	padding: 18px 30px;
	box-sizing: border-box;
	border-radius: 30px;
	background: var(--actioncolor) !important;
	color: var(--weiss);
	text-transform: uppercase;
	white-space: nowrap;
	font-size: 110%;
	line-height: 100%;
	font-family: var(--bold);
}


.nlrbutton:hover {
	background: var(--tshschwarz) !important;
	color: var(--weiss) !important;
	cursor: pointer;
}

.page-node-248 {
	
}

.view-press-releases .dlpr {
	margin-top: 20px;
}


.view-press-releases .views-row:not(:last-child) {
	margin-block: var(--vhtwo);
}

.page-node-type-tsh-form .view-inc-tsh-form .messages--status {
	display: none !important;
}


.resetpage .view-duplikat-von-user-account-menu {
	display: none !important;
}

#edit-coupon-redemption-form input.button {
	margin-top: 0px !important;

}

#edit-coupon-redemption-form table tr td:nth-child(1) {
	padding-right: 20px;
}


@media all and (min-width: 667px) {
	.cmenu.hidedesktop {
		display: none !important;
	}
}



/* NEWSLETTER */

.page-node-266 .titelblock,
.page-node-266 #block-whtheme-breadcrumbs {
	display: none;
}

.page-node-266 .newsletterblock {
	background: none !important;
}

.newsletterblock .form-item-mergevars-mmerge6 {
	display: none;
}


.page-node-type-community-page .newsletterblock {
	display: none;
}


/* SESSION OVERLAY */

.wh-sol {
	position: fixed;
	background: rgba(255,255,255,0.90);
	z-index: 99998;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;

}

.wh-session-overlay {
	display: none;
}

.wh-sol__content {
	color: var(--schwarz);
	margin: 50px auto;
	max-width: 800px;
	padding: 30px;
	z-index: 99999;
	height: 80vh;
	
	display: flex;
	flex-direction: row;
	align-content: center;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	position: relative;
}

.wh-overlayclose {
	position: absolute;
	right: 0px;
	top: 0px;
	
	-webkit-transform: translateY(-120%);
	-moz-transform: translateY(-120%);
	transform: translateY(-120%);
}

.wh-overlayclose a,
.wh-overlayclose a:visited {
	display: block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: solid 1px var(--actioncolor);
	margin-left: auto;
	margin-right: 0px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-content: center;
	align-items: center;
	text-align: center;
	font-size: 25px;
	line-height: 25px;
	background: var(--weiss);
	padding-left: 1px;
	box-sizing: border-box;
}

.wh-overlayclose a:hover,
.wh-overlayclose a:active {
	background: var(--maincolor);
	border: solid 1px var(--maincolor);
	color: var(--weiss) !important;
}

.wh-overlaybanner {
	flex-basis: 100%;
}

.wh-overlaybanner {
	position: relative;
}

.bannercontent {
	background-color: var(--grau);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	padding: 50px 30px;
	box-sizing: border-box;
	text-align: center;
	
	overflow: auto;
	max-height: 80vh;
}

.bannercontent .bannerdachzeile {
	font-family: var(--bold);
	text-transform: uppercase;
	margin-bottom: 20px;
	font-size: 120%;
	line-height: var(--lineheight);
}
.bannercontent .bannertext {
	text-align: center;
	font-family: var(--extrabold);
	font-size: 340%;
	line-height: 110%;
}


.bannercontent .tshbutton {
	display: table;
	min-width: 80%;
	margin-left: auto;
	margin-right: auto;
	text-transform: uppercase;
	margin-top: 20px;
}


.bannercontent .tshbutton a,
.bannercontent .tshbutton a:visited {
	padding: 22px 50px;
	line-height: 120%;
}


.bannercontent .field--name-field-banner {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-bottom: 20px;
}
.bannercontent .field--name-field-banner .field__item {
	flex-basis: calc(50% - 5px);
}

.bannercontent .field--name-field-banner .field__item img {
	width: 100%;
	height: auto;
}

.bannercontent .field--name-field-bannerform {
	text-align: left;
}

.bannercontent .form-actions {
	text-align: center;
}

.bannercontent .form-actions input {
	margin-left: auto;
	margin-right: auto;
}

.bannercontent .bannerflex {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
}

.bannercontent .bannerflex  .form-item {
	flex-basis: calc(50% - 5px);
	margin-bottom: 0px;
	margin-top: 10px !important;
}

.field--name-field-bannerform  .views-field-body {
	background: var(--actioncolor);
	color: var(--weiss);
	text-align: center;
	padding: 20px 20px 20px 20px;
	box-sizing: border-box;
}


/* COMMUNITY PAGE */

.communityservice .views-row div,
.communityservice .views-row h4 {
	color: var(--schwarz) !important;
}

.communityservice .views-field-field-free-downloads,
.communityservice .views-field-field-cta-link {
	margin-top: 20px;
	font-family: var(--extrabold);
	text-transform: uppercase;
}

.page-node-type-community-page .paragraphsblock .maxwidthcontent {
	max-width: 1150px;
}

.page-node-type-community-page .region-breadcrumb {
	display: none;
} 

.page-node-type-community-page .paragraphsblock .paragraph:nth-child(1) {
	margin-top: 0px;
}

.page-node-type-community-page .tshservicelist {
	margin-top: 30px;
}

.page-node-type-community-page .topicparagraph .topicparagraphcontent {
	margin-bottom: 0px;
}

.page-node-type-community-page .tshservicelist .views-row,
.block-views-blockservices-full-block-1 .views-row {
	margin-top: 0px;
	margin-bottom: var(--vhone);
}

.page-node-type-community-page .paragraph--type--image-left-dachzeile-text-right- {
	margin-bottom: 0px;
}

.tshservicelist nav ul li {
	padding-bottom: var(--vhone);
}

.tshservicelist .views-row .views-field-field-types {
	margin-top: 30px;
}
.tshservicelist h4 {
	font-family: var(--extrabold);
	margin-top: 10px;
	padding-top: 0px;
	font-size: 122%;
	line-height: 125%;
	letter-spacing: 1px;
	/* These are technically the same, but use both */
	overflow-wrap: break-word;
	word-wrap: break-word;
	
	-ms-word-break: break-all;
	/* This is the dangerous one in WebKit, as it breaks things wherever */
	word-break: break-all;
	/* Instead use this non-standard one: */
	word-break: break-word;
	
	/* Adds a hyphen where the word breaks, if supported (No Blink) */
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
	
}


.tshservicelist h4 a,
.tshservicelist h4 a:visited {
	color: var(--tshschwarz);
}


.tshservicelist h4 a:hover,
.tshservicelist h4 a:active {
	color: var(--actioncolor) !important;
}


/* STARTSEITE */

.page-node-type-startpage {
	
}

.page-node-type-startpage .layout-content {
	background: var(--maincolor);
	padding: 3vw;
	box-sizing: border-box;
	

}
.page-node-type-startpage .layout-content .region-content {
	background-color: var(--weiss);
	border: dashed 5px var(--actioncolor);
	padding: 5vw;
	box-sizing: border-box;
	position: relative;
	

}

.page-node-type-startpage .layout-content {
	/* background-image: url("../images/landkarte.svg"); */
	background-repeat: no-repeat;
	background-position: center 35vh;
	background-size: 130vw auto;
}

.page-node-type-startpage .layout-content .region-content {
	
}





.pine {
	width: 65px;
	position: absolute;
}
.pine img {
	width: 100%;
	height: auto;
}

.pine_ol {
	left: 0px;
	top: 0px;
	
	-webkit-transform: translateX(-33%) translateY(-31%);
	-moz-transform: translateX(-33%) translateY(-31%);
	transform: translateX(-33%) translateY(-31%);
}

.pine_or {
	right: 0px;
	top: 0px;
	
	-webkit-transform: translateX(33%) translateY(-31%);
	-moz-transform: translateX(33%) translateY(-31%);
	transform: translateX(33%) translateY(-31%);
}


.pine_ul {
	left: 0px;
	bottom: 0px;
	
	-webkit-transform: translateX(-33%) translateY(38%);
	-moz-transform: translateX(-33%) translateY(38%);
	transform: translateX(-33%) translateY(38%);
}

.pine_ur {
	right: 0px;
	bottom: 0px;
	
	-webkit-transform: translateX(33%) translateY(38%);
	-moz-transform: translateX(33%) translateY(38%);
	transform: translateX(33%) translateY(38%);
}


.field--name-field-image-kompass {
	text-align: center;
	margin-top: var(--vhone);
}

.field--name-field-image-kompass img {
	max-width: 240px;
}

.page-node-type-startpage .field--name-field-startlinks {
	margin-top: var(--vhtwo);
}


.field--name-field-startlinks .field__item {
	max-width: 650px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	margin-bottom: 15px;
}

.field--name-field-startlinks .field__item a:not(.startlink),
.field--name-field-startlinks .field__item a:not(.startlink) {
	display: block;
	padding: 20px 40px;
	text-align: center;
	background: var(--schwarz);
	color: var(--weiss);
	font-family: var(--bold);
	
		
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
}


.field--name-field-startlinks .field__item a:not(.startlink):hover,
.field--name-field-startlinks .field__item a:not(.startlink):active {
	background: var(--actioncolor);
	color: var(--weiss);
	
		
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
}


.field--name-field-startlinks-title {
	margin-bottom: var(--vhone);
}

.page-node-10 .paragraphsblock {
	background: var(--bgcolor);
}

.page-node-239 .paragraphsblock .paragraph:nth-last-child(1) {
	margin-top: 0px;
}

/* STARTLINKS NEU */


.field--name-field-startlinks {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
	
	align-items: stretch;
	align-content: stretch;
}




.field--name-field-startlinks > .startlinkcontainer  {
	background: var(--schwarz);
	padding: 30px;
	margin-bottom: 30px;
	box-sizing: border-box;
	position: relative;
	text-align: center;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
	
	flex-basis: calc(33.333333% - 20px);
	align-self: stretch;
	
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	align-content: center;
}

.startlinkcontainer:hover {
	/* background: var(--maincolor); */
	
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
}

.startlinkcontainer .field--name-field-startlinkicon,
.products .views-field-field-icon {

	height: 70px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	z-index: 80;
}

.startlinkcontainer .field--name-field-startlinkicon img,
.products .views-field-field-icon img {
	width: auto;
	height: 100%;
}

.startlinkcontainer .field--name-field-startlink-titel {
	position: relative;
	z-index: 80;
	color: var(--weiss);
	font-family: var(--extrabold);
	text-transform: uppercase;
	font-size: 120%;
	line-height: var(--lineheight);
}

.startlinkcontainer .field--name-field-startlinktex {
	position: relative;
	z-index: 80;
	color: var(--weiss);
}

.startlinkcontainer .field--name-field-startlinktex p {
	margin: 10px 0px 0px 0px;
	padding: 0px;
}

.startlinkcontainer a.startlink {
	position: absolute;
	display: block;
	line-height: 0px;
	z-index: 90;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
}

.startlinkcontainer a.startlink img {
	width: 100%;
	height: 100%;
}


.view-tsh-logos {
	
}

.view-tsh-logos .view-header {
	margin-bottom: 20px;
}

.view-tsh-logos .view-footer {
	display: table;
	margin-left: auto;
	margin-right: auto;
}

.paragraph.tshhellblau,
.paragraph.weiss:not(.paragraph--type--quotes-bild-link) {
	margin-top: 0px;
}

.tshblau {
	background-color: var(--tshcolor);
	padding: calc(var(--vhone) - 10px) 0vw;
	box-sizing: border-box;
}


.tshhellblau {
	background-color: var(--tshbgcolor);
	padding: calc(var(--vhone) - 10px) 0vw;
	box-sizing: border-box;
}

.whlogoblock.tshhellblau {
	padding: 20px 0vw;
}

.weiss {
	background-color: var(--weiss);
	padding: var(--vhone) 0vw;
	box-sizing: border-box;
}
.linkbuttonpara > div {
	text-align: center;
}

.linkbuttonpara > div > a {
	display: table;
	margin-left: auto !important;
	margin-right: auto !important;
}

.tshtestimonials {
	margin-top: var(--vhone);
}
.paragraph--type--testimonial-block {
	margin-top: var(--vhtwo) !important;
}

.paragraph--type--testimonial-block.tshblau .views-field-body a,
.paragraph--type--testimonial-block.tshblau .views-field-body a:visited,
.paragraph--type--testimonial-block.tshblau .views-field-field-name-position-und-eventuel a,
.paragraph--type--testimonial-block.tshblau .views-field-field-name-position-und-eventuel a:visited {
	color: var(--schwarz);
}

.paragraph--type--testimonial-block.tshblau .views-field-body a:hover,
.paragraph--type--testimonial-block.tshblau .views-field-body a:active,
.paragraph--type--testimonial-block.tshblau .views-field-field-name-position-und-eventuel a:hover,
.paragraph--type--testimonial-block.tshblau .views-field-field-name-position-und-eventuel a:active {
	color: var(--actioncolor);
}

.paragraph--type--startlinks-container {
	padding-top: var(--vhtwo) !important;
}

.tsh-frontpage .paragraph--type--startlinks-container {
	padding-top: 0px !important;
}

.paragraph--type--startlinks-container {
	padding-left: 5vw;
	padding-right: 5vw;
	box-sizing: content-box;
}

.paragraph--type--title-bold-text + .paragraph--type--startlinks-container {
	margin-top: var(--vhone) !important;
}

.paragraph--type--startlinks-container + .paragraph--type--button-link {
	margin-top: var(--vhone) !important;
}

.afterbuycontainer + .paragraph--type--title-bold-text {
	padding-top: var(--vhone);
}

.tshtestimonials .owl-carousel .owl-item > div {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	align-content: flex-start;
	padding-left: 2px;
	box-sizing: border-box;
}

.views-field-field-testimonial-portrait {
	line-height: 0px;
	border-radius: 50%;
	overflow: hidden;
	flex-basis: calc(25% - 0px);
}

.tshtestimonials .tshtestimonialset {
	flex-basis: calc(70% - 40px);
	margin-bottom: var(--vhone);
}

.views-field-field-testimonial-portrait img {
	width: 100%;
	height: auto;
}

.tshtestimonials .tshtestimonialset .tshbutton {
	display: table;
	margin-top: var(--vhone);
}

.tshtestimonials .tshtestimonialset .blocknote {
	margin-top: var(--vhone);
}


.tshtestimonials .tshtestimonialset .tshtestimonialbody {
	font-family: var(--bold);
	font-size: 120%;
	line-height: 125%;
	letter-spacing: 0px;
}

.tshtestimonials .tshtestimonialset .views-field-field-name-position-und-eventuel {
	font-family: var(--bold);
}

.tshtestimonials .tshtestimonialset .readmorebody {
	display: none;
}

.page-node-type-tsh-service .paragraph--type--testimonial-block {
	padding-top: var(--vhtwo);
}

.view-owl-tsh-testimonial-slider {
	position: relative;
}

.view-owl-tsh-testimonial-slider .owl-item.active + .owl-item {
	padding-left: 5px;
	box-sizing: border-box;
}

.view-owl-tsh-testimonial-slider .owl-theme .owl-controls .owl-buttons,
.view-owl-tsh-testimonial-slider .owl-theme .owl-nav  {
	position: absolute;
	top: -15px;
	right: 0%;
	
	animation-name: moveslidetestimonial;
		animation-duration: 5.5s;
		animation-iteration-count: infinite;
		animation-timing-function: ease-in-out;
}

@keyframes moveslidetestimonial {
	0%   {right:0%;}
	50% {right:6%;}
	100% {right:0%;}
}

.field--name-field-image-full-content {
	text-align: center;
	margin-top: 3vh;
}



.field--name-field-image-full-content img {
	max-width: 100%;
	height: auto;
	margin-left: 0px;
	margin-right: 0px;
}

.pitchlineblockcontainer {
	background: var(--tshbgcolor);
	padding: calc(var(--vhone) + 20px) 0px var(--vhone) 0px;
	box-sizing: border-box;
}

.pitchlineblock {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	align-content: flex-start;

}

.pitchlineblock .pitchlinegroupleft {
	flex-basis: 50%;
}

.pitchlineblock .field--name-field-pitchlineblocks {
	flex-basis: 40%;
	
}
.paragraph--type--pitchline-block {
	margin-top: 0px !important;
	margin-bottom: 20px;

}


.paragraph--type--pitchline-block,
.paragraph--type--for-block {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	align-content: center;
	padding: 20px;
	box-sizing: border-box;
	background: var(--tshcolor);

}

.paragraph--type--pitchline-block .field--name-field-icon-left,
.paragraph--type--for-block .field--name-field-icon-left {
	line-height: 0px;
	flex-basis: calc(32% - 20px);
	align-self: center;
}

.paragraph--type--pitchline-block .field--name-field-icon-left img,
.paragraph--type--for-block .field--name-field-icon-left img{
	width: 100%;
	height: auto;
}

.paragraph--type--pitchline-block .pitchlineblockset,
.paragraph--type--for-block .pitchlineblockset {
	flex-basis: calc(70% - 20px);
	align-self: center;
}

.paragraph--type--pitchline-block .pitchlineblockset .field--name-field-zahl {
	font-family: var(--extrabold);
	color: var(--actioncolor);
	font-size: 400%;
	line-height: 120%;
}

.paragraph--type--pitchline-block .pitchlineblockset .field--name-field-beschreibung {
	 font-family: var(--extrabold);
	 /* color: var(--weiss); */
	 color: var(--tshschwarz);
	letter-spacing: 3px;
	font-size: 110%;
	line-height: 120%;
 }


.pitchlineblockcontainer + .tshhellblau,
.tshhellblau + .tshhellblau {
	padding-top: 0px !important;
}

.pitchlineblockcontainer + .tshhellblau .tshbutton {
	margin-top: 0px !important;
}

.field--name-field-link-button a,
.field--name-field-link-titeltext a {
	display: table;
	margin-left: auto;
	margin-right: auto;
}

.field--name-field-testimonial {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-top: 30px;
}

.paragraph--type--testimonial-use-this {
	margin-top: var(--vhtwo);
}

.paragraph--type--testimonial-use-this.mitbg {
	margin-top: var(--vhtwo);
	padding-top: var(--vhtwo);
	padding-bottom: var(--vhtwo);
}

.paragraph--type--testimonial-use-this.mitbg + .paragraph {
	margin-top: 0px; 
}



.field--name-field-testimonial .field__item {
	flex-basis: calc(33.333333% - 20px);
}

.field--name-field-testimonial .field--name-field-testimonial-portrait {
	line-height: 0px;
	border-radius: 50%;
	overflow: hidden;
	width: 70%;
	margin: var(--vhone) auto var(--vhone) auto;
}

.field--name-field-testimonial .field--name-field-testimonial-portrait > .field__item {
	flex-basis: calc(33.333333% - 80px);
}

.field--name-field-testimonial .field--name-field-testimonial-portrait img {
	max-width: 100%;
	height: auto;
}

.field--name-field-testimonial .field--name-field-name-position-und-eventuel {
	font-family: var(--extrabold);
	text-align: center;
}

.field--name-field-testimonial .field--name-field-name-position-und-eventuel p {
	text-align: center !important;
}

.field--name-field-testimonial .field--name-field-name-position-und-eventuel a,
.field--name-field-testimonial .field--name-field-name-position-und-eventuel a:visited {
	color: var(--schwarz);
	text-decoration: underline;
}

.field--name-field-testimonial .field--name-field-name-position-und-eventuel a:hover,
.field--name-field-testimonial .field--name-field-name-position-und-eventuel a:active {
	color: var(--actioncolor);
	text-decoration: none;
}

.paragraph--type--titel-subtitel-images-text {
	margin-top: var(--vhtwo);
}

.page-node-type-tsh-service .paragraph--type--titel-subtitel-images-text,
.page-node-type-services .paragraph--type--titel-subtitel-images-text {
	margin-top: var(--vhall);
}

.paragraph--type--titel-subtitel-images-text .productflex {
	margin-top: var(--vhone);
}

.views-field-field-slides {
	width: 100%;
}

.views-field-field-slides .paragraph {
	margin-top: 0px !important;
}

.paragraph--type--for-blocks-container  {
	margin-top: var(--vhone);
}

.paragraph--type--for-blocks-container.weiss {
	padding-bottom: var(--vhtwo);
}


.paragraph--type--for-blocks-container .field--name-field-pitchlineblocks {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-content: stretch;
	align-items: stretch;
}

.paragraph--type--for-blocks-container .field--name-field-pitchlineblocks > div {
	flex-basis: calc(33.333333% - 20px);
	align-self: stretch;
	background: var(--tshcolor);
	
	display: flex;
	flex-direction: row;
	align-content: center;
	position: relative;
}

.paragraph--type--for-blocks-container .field--name-field-pitchlineblocks > div a {
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 80;
	width: 100%;
	height: 100%;
}

.paragraph--type--for-blocks-container .field--name-field-pitchlineblocks > div a img {
	width: 100%;
	height: 100%;
}

.paragraph--type--for-blocks-container .field--name-field-pitchlineblocks > div > div {
	align-self: center;
}

.paragraph--type--for-blocks-container .field--name-field-pitchlineblocks .field--name-field-title {
	font-family: var(--extrabold);
	color: var(--actioncolor);
	text-transform: uppercase;
	font-size: 160%;
	line-height: 120%;
	
}
.paragraph--type--for-blocks-container .field--name-field-pitchlineblocks .field--name-field-linktext {
	font-family: var(--bold);
	color: var(--weiss);
}



.products {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-content: center;
	align-items: center;
	margin-top: var(--vhtwo);
}

.products > .product {
	border: solid 10px var(--actioncolor);
	box-sizing: border-box;
	background: var(--schwarz);
	color: var(--weiss);
	padding: 30px 30px;
	text-align: center;
	flex-basis: 37%;
	margin: 0px 0px;
	align-self: center;
	position: relative;
	
}
.products > .product .views-field-operations {
	display: table;
	margin-left: auto;
	margin-right: auto;
}

.products > .product .form-actions {
	text-align: center;
}

.products > .product .form-actions input.button--add-to-cart {
	margin-left: auto !important;
	margin-right: auto !important;
	text-align: center;
}

.products > .product .form-actions input.button--add-to-cart:hover {
	background: var(--weiss) !important;
	color: var(--schwarz) !important;
} 

.products > .product .views-field-title {
	text-transform: uppercase;
	margin-top: 30px;
} 
.paragraph--type--tag-block + .paragraph {
	margin-top: var(--vhtwo) !important;
}

.products > .product .price {
	position: relative;
}

.products > .product .price .final-price {
	font-family: var(--extrabold);
	color: var(--weiss);
	font-size: 250%;
	margin-top: 70px;
}

.products > .product .price .original-price {
	position: absolute;
	top: -40px;
	left: 0px;
	width: 100%;
	text-align: center;
	color: var(--actioncolor);
	font-family: var(--bold);
} 

.products > .product.printversion {
	transform: scale(0.8); 
	border: 0px;
}

.products > .product .tshbutton {
	display: table;
	margin-left: auto;
	margin-right: auto;
}

.products > .product .tshbutton a:hover,
.products > .product .tshbutton a:active {
		background: var(--weiss);
		color: var(--schwarz);
}



.paymentinfos {
	text-align: center;
	margin: var(--vhone) 0px;
}

.paymentinfos .view-content {
	margin-left: auto;
	margin-right: auto;
}

.paymentinfos .view-content  .views-field-field-payment- img {
	max-width: 400px;
} 

.paymentinfos .view-content .views-field-field-info-1 {
	margin-top: 10px;
}


.paymentinfos .view-content .views-field-field-info-2 {
	margin-top: 20px;
	text-align: left;
	display: table;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	padding-left: 55px;
	box-sizing: border-box;
	max-width: 500px;
}

.paymentinfos .view-content .views-field-field-info-2:before {
	position: absolute;
	content: " ";
	display: block;
	left: 0px;
	top: 5px;
	width: 40px;
	height: 40px;
	background-image: url("../images/lock.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}


.paymentinfos .view-content .views-field-field-info-3 {
	font-family: var(--bold);
	margin-top: 30px;
}


.page-node-type-tsh-simple-page .paragraph--type--after-buy {
	text-align: center;
}


.page-node-type-tsh-simple-page .paragraph--type--after-buy .field--name-field-image-afterbuy img {
	max-width: 100%;
	height: auto;
}

.afterbuycontainer {
	background: var(--tshbgcolor);
	padding: var(--vhall) 0px;
	margin-top: var(--vhtwo);
}

.afterbuycontainer .afterbuysteps {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.afterbuycontainer .afterbuysteps > div {
	flex-basis: calc(33.333333% - 20px);
	text-align: center;
}

.afterbuycontainer .field--name-field-image-afterbuy {
	margin: 20px 0px;
	position: relative;
}
.afterbuycontainer .field--name-field-image-afterbuy img {
	width: 100%;
	height: auto;
}

.afterbuycontainer .field--name-field-text {
	margin-top: 20px;
}

.afterbuysteps .paragraph--type--after-buy .field--name-field-image-afterbuy:after {
	content: "1";
	display: flex;
	width: 30px;
	height: 30px;
	position: absolute;
	top: 0;
	left: 50%;
	border: solid 1px var(--schwarz);
	border-radius: 50%;
	background: var(--weiss);
	flex-direction: row;
	justify-content: center;
	align-content: center;
	align-items: center;
	font-family: var(--extrabold);
	color: var(--schwarz);
	
	
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.afterbuysteps .paragraph--type--after-buy:nth-child(2) .field--name-field-image-afterbuy:after {
	content: "2";
}

.afterbuysteps .paragraph--type--after-buy:nth-child(3) .field--name-field-image-afterbuy:after {
	content: "3";
}

.afterbuysteps .paragraph--type--after-buy:nth-child(4) .field--name-field-image-afterbuy:after {
	content: "4";
}

.afterbuysteps .paragraph--type--after-buy:nth-child(5) .field--name-field-image-afterbuy:after {
	content: "5";
}


.page-node-type-tsh-service .field--name-field-blog-main-image {
	margin: var(--vhone) 0px var(--vhone) 0px;
}


.view-inc-show-translation {


}

.view-inc-show-translation a,
.view-inc-show-translation a:visited {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 10vw;
	height: 10vw;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-content: center;
	align-items: center;
	color: var(--weiss);
	background-color: var(--actioncolor);
	flex-wrap: wrap;
	border-radius: 50%;
	padding: 20px;
	box-sizing: border-box;
	font-family: var(--bold);
	line-height: 120%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.view-inc-show-translation a > * {
	flex-basis: 100%;
}

.view-inc-show-translation a span {
	text-transform: uppercase;
	display: block;
	margin-top: 10px;
}

.readmore-summary {
	padding-bottom: 20px;
}
.readmore-summary p {
	margin: 0px;
	padding: 0px;
}


.paragraph--type--title-bold-text.mitbg + .paragraph--type--title-bold-text.mitbg {
 margin-top: 0px !important;
}

.page-node-type-tsh-service .paragraph--type--title-bold-text.mitbg .linkbuttonpara {
 padding-bottom: var(--vhone);
}


/* !whmedia 15.05.2025 */

.page-node-10 .region-content .projectcontainer {
 margin-top: calc(var(--vhtwo) + 20px);
}


.page-node-9 .region-content .node__content {
 padding-bottom: calc(var(--vhtwo) + 0px);
}

.page-node-142 .region-content,
.page-node-275 .region-content {
 padding-bottom: calc(var(--vhtwo) + 0px);
}


.page-node-300 .bodylink,
.page-node-298 .bodylink,
.page-node-299 .bodylink   {
 margin: 0px auto !important;
}

.page-node-275 .paragraph--type--image-left-dachzeile-text-right- {
 padding-bottom: var(--vhone) !important;
}

.page-node-457 .layout-content .bodylink:not(.finta),
.page-node-458 .layout-content .bodylink:not(.finta) {
 background: var(--tshcolor);
 margin: 0px !important;
 width: 100% !important;
 max-width: 100% !important;
 height: var(--vhtwo);
} 
 
/* !whmedia 04.12.2025 */
.page-node-275 .region-after-content {
	padding-top: 10vh;
}
 
.page-node-129 .nlimgs,
.page-node-463 .nlimgs {
	display: none;
}

.page-node-129.tsh .newsletterblock,
.page-node-463.tsh .newsletterblock {
	background-color: var(--tshbgcolor);
}



.touchevents .draggable td {
	padding: 0px !important;
}

/* 20260218 */

.page-node-1 .smallserviceblock + .paragraphsblock > .paragraph:nth-child(1),
.page-node-1 .paragraph--type--quotes-bild-link + .paragraph--type--show-block,
.page-node-type-tsh-service .paragraph--type--image-full-width + .paragraph--type--title-bold-text {
	margin-top: 0px !important;
}

.page-node-1  .paragraph--type--quotes-bild-link .field--name-field-blocktext {
	padding-bottom: var(--vhone);
}

.page-node-type-tsh-service .paragraph--type--image-full-width + .paragraph--type--title-bold-text {}



.owl-carousel.owl-drag .owl-item .views-field-field-text,
.owl-carousel.owl-drag .owl-item .views-field-field-service-title,
.owl-carousel.owl-drag .owl-item .views-field-field-service-link {
	padding-left: 2px;
	box-sizing: border-box;
}


.paragraph--type--faq .field--name-field-faq-kategorie > .views-element-container:not(:first-child) .views-row > h3 {
	margin-top: var(--vhone);
}

.paragraph--type--faq {
	margin-top: var(--vhtwo);
	margin-bottom: var(--vhtwo);
}



/* 20260326 */

.form-wrapper__login-option.form-wrapper__guest-checkout {
	width: 100%;
	clear: both;
}

/* 20260416 */


body.page-node-481 .view-tsh-why-you-need-it > .view-content > .views-row {
	background: var(--maincolor);
	color: var(--weiss);
}

body.page-node-481 .view-tsh-why-you-need-it > .view-content > .views-row .whycontainer {
	margin-bottom: 0px;
	padding-bottom: var(--vhtwo) !;
}


body.page-node-481 .view-tsh-why-you-need-it > .view-footer > .maxwidthcontent {
	max-width: 100%;
	background: var(--maincolor);
}

body.page-node-481 .view-tsh-why-you-need-it > .view-footer > .maxwidthcontent .tshbutton {
	margin-top: 0px;
	padding-bottom: var(--vhone);
	padding-top: var(--vhone);
}

body.page-node-481.page-node-type-tsh-service .paragraph--type--title-bold-text {
	padding-top: var(--vhone);
}


/* 20260611 */
.page-node-658 .paragraph--type--show-block + .paragraph--type--pitchline,
.page-node-658  .paragraphsblock .paragraph--type--startlinks-container {
	margin-top: 0px;
}

.page-node-658  .paragraphsblock  .paragraph--type--title-bold-text {
	padding-top: var(--vhall);
}

/*
	
	
	
	
*/

@media all and (min-width: 1921px) {
	body {
			font-size: 120%;
			-webkit-text-size-adjust: 100%;
			-ms-text-size-adjust: 100%;
			line-height: 145%;
		}
		
		
	.maxwidthlargercontent {
		max-width: 1440px;
		margin-left: auto;
		margin-right: auto;
	}
}

@media all and (max-width: 1600px) {
	
	.mainmenu ul.level1 > li.mlevel1 {
		margin: 0px 17px 0px 17px;	
	}

}

@media all and (max-width: 1440px) {
	
	.maptshbuttondesktopheader {
		-webkit-transform: translateY(40%);
		-moz-transform: translateY(40%);
		transform: translateY(40%);
		top: auto;
		bottom: 0px;
	}
	
	.warenkorbbox {
		top: -13px;
		-webkit-transform: translateY(0%);
		-moz-transform: translateY(0%);
		transform: translateY(0%);
	}
	
	header .telmail {
		top: -8px;
		-webkit-transform: translateY(0%);
		-moz-transform: translateY(0%);
		transform: translateY(0%);
	}

	.usermenu {
		top: -18px;
		-webkit-transform: translateY(0%);
		-moz-transform: translateY(0%);
		transform: translateY(0%);
	}
	
	.mainmenu ul.level1 {
		justify-content: flex-start;
		margin-left: 190px;
	}

}

@media all and (max-width: 1280px) {
	

	
	:root {
		--headerheight: 85px;
	}
	
	.dl-menuwrapper .dl-trigger {
		top: 20px;
	}
	
		
	.bloglist h4 {
		font-size: 150%;
		line-height: 135%;
	}
	
	.maptshbuttondesktopheader {
		display: none;
	}
	
	.mainmenu {
		display: none; 
	}
	.mainmenu li.cmenu {
		display: block;
	}
	
	#dl-menu {
		display: block;
		z-index: 98;
	}
	
	.usermenu,
	.warenkorbbox {
		display: none;
	}
	
	body.menuopen .usermenu {
		top: 93px;
		display: block;
		
		/* right: 50px; */
		right: 0px;
	}
	
	.usermenu ul.level1 > li:before {
		left: auto;
		right: -10px;
	}
	
	body.menuopen .warenkorbbox {
		top: 100px;
		display: block;
		z-index: 99;
		
		right: 55px;
	}
	
	.usermenu ul.level1 li ul.level2 {
		left: calc(-1 * 100% - 20px);
	}
	
	
	header,
	header.scrolled  {
		height: var(--headerheight) !important;
		padding-top: 0px !important;
		box-sizing: border-box;
	
	
	}
	
	header .telmail,
	header.scrolled  .telmail {
		top: 35px !important;
		position: absolute;
		z-index: 99;
	
	}
	
	.sprachwechsler {

	}
	
	.page-node-1 main,
	.page-node-type-community-page main {
		background-size: cover;
		/* background-image: url('../images/homebgmain2mobile.svg'); */
	}
	
	
	.tsh-frontpage main {
		background-size: cover;
		background-image: url('../images/homebgmain2mobiletsh.svg');
	}
	
	.bigserviceblock {
		background-image: none;
	}
	
	
	#block-whtheme-branding {
		z-index: 99;
	 position: absolute;
	 left: 50%;
	 top: 20px;
	 
	 -webkit-transform: translateX(-50%);
	 -moz-transform: translateX(-50%);
	 transform: translateX(-50%);
	}
				
		
	 .contactbutton {
		 width: 120px;
		 height: 120px;
		 padding: 20px 20px;
	 }  
	 
	
		
	.contactbutton p {
		margin-top: 0px;
	}
	
	.contactbutton i {
		margin-top: 5px;
	}
	
	.mainmenu ul.level2 {
		top: 18px;
	}
	
	.tshwebform {
		width: 60vw;
	}
		
		
	.field--name-field-testimonial {
		flex-wrap: wrap;
	}
	
	.field--name-field-testimonial .field__item {
		flex-basis: 100%;
		margin: 20px 0px;
	}
	
	.field--name-field-testimonial .field--name-field-testimonial-portrait {
		width: 30%;
		margin: 10px auto;
	}

	
	
	.mainmenu ul.level1 > li.mlevel1 {
		margin: 0px 10px 0px 10px
	}

 .maxwidthcontent {
	 max-width: 750px;
 }
 
 .maxwidthsupercontent {
	 max-width: 600px;
 
 }
	
	.maxwidthlargercontent {
		max-width: 100%;
		margin-left: 5vw;
		margin-right: 5vw;
	}
	
	.maxwidthlargercontent.image-style-full-image {
		margin-left: 0vw;
		margin-right: 0vw;
	}
	
	.maxwidthlargercontent.formc,
	.maxwidthlargercontent.view-duplikat-von-user-account-menu,
	.view-commerce-cart-form .maxwidthlargercontent {
		margin-left: 5vw;
		margin-right: 5vw;
	}
	
	.commerce-order-item-add-to-cart-form .maxwidthlargercontent {
	
	}
	
	.form-wrapper__login-option {
		padding: 0px;
	}
	
	.view-tsh-why-you-need-it .view-content .maxwidthlargercontent {

		margin-left: 0vw !important;
		margin-right: 0vw !important;
	}
	
	.commentonnode .maxwidthlargercontent.formc {
		margin-left: 0px;
		marign-righ: 0px;
	}
	.mailchimp-signup-subscribe-form .maxwidthlargercontent.formc {
		margin-left: 0px;
		margin-right: 0px;
	}
	
	.projectliste .views-row .views-field-field-main-image {
		flex-basis: 55%;
	}
	
	.projectliste .views-row .proset {
		flex-basis: 41%;
	}
	
	.scroller img {

	}
	
	#block-whtheme-branding {
		width: 100px;
	}
	.teammembers .view-content {
		justify-content: space-between;
	}
	
	.teammembers .view-content .views-row {
		flex-basis: calc(50% - 30px);
		margin: 0px 0px var(--vhone) 0px;
	}
	
	
	.smallserviceblock .imagedescription {
		font-size: 165%;
	}
	
	html[lang=de] .smallserviceblock .imagedescription {
		font-size: 170%;
	}
	
	.tshwebform {
		width: 40vw;
	}
	
	
	.view-inc-show-translation a,
	.view-inc-show-translation a:visited {
		width: 165px;
		height: 165px;
	}
	
	.smallserviceblock .owl-nav button.owl-prev {
		left: calc(-1 * var(--arrowsize) + 0px)
	}
	
	.smallserviceblock .owl-nav button.owl-next {
		right: calc(-1 * var(--arrowsize) + 10px)
	}
	
	.page-node-type-tsh-partner .titelblock {
		margin-top: 0px;
	}
	
	.pressnewsblock .view-content .views-row {
		flex-basis: calc(33.333333% - 20px);
		margin-right: 30px;
	}

}

@media all and (max-width: 1024px) {

	
	body {
		font-size: 95%;
		-webkit-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
		line-height: 145%;
	}
	
	.page-node-1  .titelblock {
		padding-top: 0px;
	}
	
	body.page-node-type-tsh-form {
		font-size: 100%;
		line-height: 145%;
	}
	
	.tsh #block-whtheme-branding a:after, .tshflagfooter {
		width: 150px;
	}


	.mainmenu ul.level1 > li.mlevel1 {
		margin: 0px 15px 0px 15px;
	}
	

	.mainmenu ul.level2 {
		top: 18px;
	}
	
	.form-wrapper__returning-customer,
	.form-wrapper__guest-checkout {
		width: 100%;
		float: none;
	}
	
	.field--name-field-startlinks > .startlinkcontainer  {
		padding: 30px;
		
		flex-basis: calc(50% - 15px);
	}

	
	.startlinkcontainer .field--name-field-startlinkicon,
	.products .views-field-field-icon {
		height: 70px;
	}
	
	.tshtestimonials .owl-carousel .owl-item > div {
		flex-wrap: wrap;
	}
	
	.views-field-field-testimonial-portrait {
		flex-basis: 40%;
	}
	
	.tshtestimonials .tshtestimonialset {
		flex-basis: 80%;
		margin-left: 20%;
	}
	
	.tshtestimonials .tshtestimonialset .blocknote {
		margin-top: 20px;
	}
	
	
	.paragraph--type--for-blocks-container .field--name-field-pitchlineblocks .field--name-field-title {
		font-size: 120%;
		line-height: 120%;
		/* These are technically the same, but use both */
		overflow-wrap: break-word;
		word-wrap: break-word;
		
		-ms-word-break: break-all;
		/* This is the dangerous one in WebKit, as it breaks things wherever */
		word-break: break-all;
		/* Instead use this non-standard one: */
		word-break: break-word;
		
		/* Adds a hyphen where the word breaks, if supported (No Blink) */
		-ms-hyphens: auto;
		-moz-hyphens: auto;
		-webkit-hyphens: auto;
		hyphens: auto;
		
	}
	
	.field--name-field-title-paragraph h3,
	.field--name-field-title-paragraph h2,
	.field--name-field-title-paragraph h4 {
		/* These are technically the same, but use both */
		overflow-wrap: break-word;
		word-wrap: break-word;
		
		-ms-word-break: break-all;
		/* This is the dangerous one in WebKit, as it breaks things wherever */
		word-break: break-all;
		/* Instead use this non-standard one: */
		word-break: break-word;
		
		/* Adds a hyphen where the word breaks, if supported (No Blink) */
		-ms-hyphens: auto;
		-moz-hyphens: auto;
		-webkit-hyphens: auto;
		hyphens: auto;
	}

	
	
}
@media all and (max-width: 980px) {
	
		body {
			font-size: 85%;
			-webkit-text-size-adjust: 100%;
			-ms-text-size-adjust: 100%;
			line-height: 145%;
		}
		
		body.page-node-type-tsh-form {
			font-size: 100%;
			line-height: 145%;
		}
		
	body {
		/* padding: 77px 0px 0px 0px; */
	}
			
}


@media all and (max-width: 900px) {
	
	.bloglist h4 {
		font-size: 200%;
		line-height: 135%;
	}
	
	.tsh .bloglist .view-content,
	.bloglist .view-content  {
		 justify-content: space-between !important;
	 }
	 
	.tsh .bloglist .view-content .views-row,
	.bloglist .view-content .views-row {
		 flex-basis: calc(50% - 15px);
		 margin-bottom: var(--vhtwo);
		 margin-right: 0px;
	 }
	 
	 .maxwidthlargercontent.tshtestimonials {
		 margin-left: 0px;
		 margin-right: 0px;
	 }
	
	
}






@media all and (max-width: 820px) {

		.mainmenu ul.level1 > li.mlevel1 {
			margin: 0px 15px 0px 15px;
		}
		
		#block-whtheme-branding {
			width: 90px;
		}
		
		/*
		header .telmail,
		header.scrolled .telmail {
			top: -5px !important;

		}
		*/
		 .maxwidthcontent {
			 max-width: calc(100% - 10vw);
			 
			 margin-left: auto !important;
			 margin-right: auto !important;
		 }
		 
		 .teammembers .maxwidthcontent.view-team-members {
			 /*
			 max-width: 100%;
			 */
		 }
		 
		 .paragraph--type--startlinks-container > .maxwidth {
			 margin-left: auto;
			 margin-right: auto;
		 }
		 
		 a.maxwidthcontent {
			max-width: 100%;
		 }
		 
		 .topicgroupsuper .maxwidthcontent {
			 max-width: 100%;
		 }
		 
		 .maxwidthcontent    .maxwidthcontent  {
			 margin-left: 0px;
			 margin-right: 0px;
		 }
		 
		 .smallserviceblock .imagedescription {
			 font-size: 150%;
			 line-height: 145%;
		 }
		 
		 .maxwidthsupercontent {
			 max-width: 100%;
			 margin-left: 10vw;
			 margin-right: 10vw;
		 }
		 
		 .maxwidthsupercontent   .maxwidthsupercontent  {
			 margin-left: 0px;
			 margin-right: 0px;
		 }
		 
		 .slideleftset {
			 flex-basis: calc(50% - 3vw);
			 margin-left: 0px;
		 }
		 
		 .view-paragraph-slide .owl-item .slideset {
			 margin-right: 0px;
			 flex-basis: calc(50% - 3vw)
		 }
		 
		.view-paragraph-slide .owl-theme .owl-controls .owl-buttons  {
			margin-right: -20%;
		}
		
		.newsletterblock input.js-form-submit {

		}
		
		.tweet.left,
		.tweet.right {
			float: none;
			padding-left: 10vw;
			padding-right: 10vw;
		}
		
		.blogbody p,
		.blogcontentwidth,
		.whycontainer,
		.field--name-field-title-blogtext h4,
		.field--name-field-title-blogtext h3,
		.page-node-type-blog-post .field--name-field-title-blogtext h3,
		.blogbody .views-field-field-youtube-stream-image,
		.blogbody ul,
		.page-node-type-blog-post .view-blog-content > h4  {
			margin-left: 10vw;
			margin-right: 10vw;
		}
		
		.paragraph--type--text-block-tsh h3,
		.view-tsh-partner-paragraps h3 {
			margin-left: 0px !important;
			margin-right: 0px !important;
		}
		
		.tweet {
			max-width: 100%;
			margin-left: 0px !important;
			margin-right: 0px !important;
		}

		.webform .wfcontainer2 .container2,
		.webform .wfcontainer2 .container3 {
			flex-basis: 100%;
			margin-right: 0px;
		}
		
		.webform .wfcontainer1 > div {
			width:  100%;
		}
		
		.webform .lastname input {
			border-left: solid 1px var(--maincolor) !important;
			border-bottom: solid 1px var(--maincolor) !important;
			border-top: 0px;
			border-right: 0px;
			padding-left: 30px;
		}
		
		.webform .js-form-type-checkbox span {
			display: inline;
			margin-left: 0px;
		}
		
		.usertitle .maxwidthcontent,
		.view-user-account-menu.maxwidthcontent,
		.maxwidthcontent.downloadliste,
		.maxwidthcontent.ordertable {
			margin-left: 5vw;
			margin-right: 10vw;
		}
		.formc .field-group-html-element.maxwidthcontent {
			margin-left: 0vw;
			margin-right: 0vw;
		}
		
		.page-node-type-startpage .layout-content .region-content {
			padding: 10vw 5vw 5vw 5vw;
		}
		
		
		.pitchlineblock {
			flex-wrap: wrap;
		}
		
		.pitchlineblock .pitchlinegroupleft {
			flex-basis: 100%;
			margin-bottom: var(--vhone);
		}
		
		.pitchlineblock .field--name-field-pitchlineblocks {
			flex-basis: 100%;
		}
		
		.paragraph--type--pitchline-block .field--name-field-icon-left {
			flex-basis: 20%;
		}
		
		.paragraph--type--pitchline-block .pitchlineblockset {
			flex-basis: 70%;
		}
		
		
		.paragraph--type--for-blocks-container .field--name-field-pitchlineblocks {
			flex-wrap: wrap;
		}
		
		.paragraph--type--for-blocks-container .field--name-field-pitchlineblocks > div {
			flex-basis: 100%;
			margin: 10px 0px;
		}
		
		.paragraph--type--for-block .field--name-field-icon-left { 
			flex-basis: 20%;
		}
		
		.paragraph--type--for-block .pitchlineblockset {
			font-size: 160%;
			line-height: var(--lineheight);
		}
		
		.field--name-field-text-paragraph > .maxwidthcontent {
			max-width: 100%;
		}
		
		.view-show-next-project .views-field-field-main-image.maxwidthcontent,
		.view-show-next-project .views-field-view-node.maxwidthcontent {
			max-width: 100% !important;
		}

}


@media all and (max-width: 768px) {
	
 
	
	:root {     
		 --vhone: 5vh;
		 --vhtwo: 7vh;
		 --vhall: calc(5vh + 0vh);
		 --arrowsize: 30px;
	}
	
	.headtomap {
		top: 60px;
		width: 140px;
	}
	
	.headtomap.scrolled {
		top: 60px;
	}
		
	.page-node-type-webform-sent  main .region-content  > div,
	.page-node-type-webform-sent  main .region-content  >article {
		margin-left: 10vw;
		margin-right: 10vw;

	}
	

	.user-login-form .form-item-name,
	.user-login-form .form-item-pass {
		width: 100%;
		float: none;
	}
	
	.node--type-legal .node__content {
		overflow-x: hidden;
	}
	

	


	.paragraph--type--image-left-text-right-read-more .readless-link.readmore-link,
	.paragraph--type--image-left-text-right-read-more- .readless-link.readmore-link {
		width: 30px;
		height: 30px;
	}
	
	.paragraph--type--image-left-text-right .views-row,
	.partnerliste .views-row {
		flex-wrap: wrap;
	}
	
	.paragraph--type--image-left-text-right .imgset {
		flex-basis: 100%;
		height: 300px;
	}
	
	.paragraph--type--image-left-text-right .leftset {
		flex-basis: 100%;
		padding: 5vh 0px 0px 0px;
	}
	
	
	.partnerliste .views-row {
		padding-bottom: 20px;
	}
	.partnerliste .views-row > div {
		flex-basis: 100%;
	}
	
	.partnerliste .views-row .rightset {
		padding: 5vh 0px 0px 0px;
	}
	
	.partnerliste .views-row .rightset h4 {
		padding-top: 0px;
		margin-top: 0px;
	}
	
	.newsletterblock .mailchimp-newsletter-mergefields {
		flex-wrap: wrap;
		width: 100%;
	}
	
	.newsletterblock .mailchimp-newsletter-mergefields > .js-form-item {
		flex-basis: 100%;
		widows: 100%;
		margin-right: 0px;
	}
	.tsh .newsletterblock .form-item-mergevars-lname input#edit-mergevars-lname {
		border-left: solid 1px var(--tshschwarz);
	}
	
	.newsletterblock .js-form-type-select {
		width: 100%;
		position: relative;
		right: auto;
	}
	
	.newsletterblock .js-form-type-select {
		margin-top: 0px !important;
	}
	
	.newsletterblock .mailchimp-newsletter-mergefields {
		margin-bottom: 0px;
	}
	
	.newsletterblock select.form-select {
		height: 60px;
	}
	
	.newsletterblock .js-form-item-gdpr-consent {
		bottom: 100px;

	}
	.newsletterblock .form-actions {
		position: absolute;
		left: 0px;
		top: auto;
		bottom: -90px;

	}
	
	.newsletterblock form .formc {
		padding-bottom: 100px !important;

	}
	
	.tsh .newsletterblock form {
		margin-bottom: 0px;
	}
	
	
	.newsletterblock .mailchimp-newsletter-mergefields input#edit-mergevars-lname,
	.newsletterblock .mailchimp-newsletter-mergefields input#edit-mergevars-lname--3,
	.newsletterblock .mailchimp-newsletter-mergefields input#edit-mergevars-lname--2 {
		border-left: solid 1px var(--maincolor);
		border-bottom: solid 1px var(--maincolor);
		border-top: 0px;
		border-right: 0px;
		padding-left: 30px;
	}
	
	.newsletterblock .form-actions {
		position: relative;
	}
	
	.newsletterblock .mailchimp-newsletter-mergefields input.form-email,
	.newsletterblock .mailchimp-newsletter-mergefields input.form-text {
		width: 100%;
		background: transparent;
		box-sizing: border-box;
		height: 60px;
		margin-top: 20px;
	
	}
	
	.newsletterblock input.js-form-submit {
		border-radius: 5px;
		height: auto;
	}
	
	
	.smallserviceblock .imagedescription {
		left: 15px;
		top: 5%;
	}
	
	
	.spaltenblock .paraflex {
		flex-wrap: wrap;
	}
	
	.spaltenblock .paraflex .field--name-field-leftcol {
		flex-basis: 100%;
	}
	.spaltenblock .paraflex .field--name-field-rightcol {
		flex-basis: 100%;
		margin-top: var(--vhone);
	}
	
	.view-titelblock .views-field-field-coverbild img,
	.spaltenblock .paraflex .field--name-field-rightcol img {
		width: 50vw;
	}
	
	.block-views-blockservice-list-block-1 .view-footer,
	.view-id-services_full.view-display-id-block_7 .view-footer,
	.view-id-services_full.view-display-id-block_8 .view-footer {
		padding-bottom: var(--vhtwo);
	}
	
	
	.filterblock .resetfilter {
		bottom: 10px;

	}
	
	.filterblock {
		 flex-wrap: wrap;
	 }
	 
	 .facets-widget-select2_multi_checkboxes .form-item {
		 margin-top: 0px !important;
		 margin-bottom: 0px !important;
	 }
	 
	 .filterblock.blogfilter > div:nth-last-child(2) {
		 margin-bottom: 30px;
	 }
	 
	 .filterblock > div,
	 .filterblock.nurzwei > div {
		 flex-basis: 100%;
		 margin-bottom: 5px;
	 }

	.filterblock .resetfilter .reset {
		margin-top: 20px;
		white-space: nowrap;
	}
	
	.tshservicelist .filterblock {
		padding-bottom: 30px;
	}
	
	.tshtopic .filterblock .resetfilter {
		bottom: -10px !important;
	}
	
	.views-field-field-headimage img {
		width: 60%;
		max-width: 100%;
	}
	
	
	.productflex {
		flex-wrap: wrap;
	}
	
	.productflex > div {
		flex-basis: 100%;
	}
	
	.productflex .leftset {
		margin-bottom: var(--vhone);
	}
	
	.productflex .rightset input.button--add-to-cart {
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}
	
	
	.bannercontent .bannerdachzeile {
		font-size: 110%;
		line-height: var(--lineheight);
	}
	.bannercontent .bannertext {
		font-size: 280%;
		line-height: 110%;
	}



	.page-node-294 .paragraph--type--title-bold-text {
		text-align: left !important;
	}
	
	.page-node-294 .paragraphsblock .paragraph--type--text-link {
		margin-bottom: 15vh;
	}
	
	body.page-node-201 .newsletterblock .js-form-type-select {
		position: relative;
		right: 0px;
		bottom: 0;
	}
	
	.tshtestimonials {
		margin-top: 30px;
		padding-top: 30px;
	}
	
	.view-owl-tsh-testimonial-slider .owl-theme .owl-controls .owl-buttons,
	.view-owl-tsh-testimonial-slider .owl-theme .owl-nav {
		top: -50px;
	}
	
	.maxwidthlargercontent.tshtestimonials {
		margin-left: 0px;
		margin-right: 0px;
	}
	.views-field-field-testimonial-portrait {
		flex-basis: 60%;
	}
	
	.tshtestimonials .tshtestimonialset {
		flex-basis: 100%;
		margin-left: 0%;
	}
	
	.tshtestimonials .tshtestimonialset .blocknote {
		margin-top: 20px;
	}
	
	
	.tshtestimonials .tshtestimonialset .tshtestimonialbody {
		font-size: 130%;
		line-height: 125%;
	}
	
	
	.view-inc-show-translation a,
	.view-inc-show-translation a:visited {
		width: 155px;
		height: 155px;
	}
	
	.paragraph--type--image-left-text-right .views-row {
		margin-bottom: 0px;
	}
	
	ul.newsticker li {
		min-width: 220px;
	}

	
	.scroller img {
		max-width: 100px;
		max-height: 70px;
		width: 100%;     /* oder z. B. 150px */
		height: auto;
		object-fit: contain;
		display: block;
	}
	
	.footerlogos .views-field {
		flex-basis: 160px;
		margin-left: 0px;
	}
	.footerlogos img {
		width: auto;
		height: 120px;
	}
	
	.bcertified img {
		width: 60px;
	}
	
	.region-footerrighttop {
		width:160px;
		text-align: center;
	}

	
			
	
}





@media all and (max-width: 667px) {
	
	:root {
		--topheaderheight: 50px;
		--arrowsize: 20px;
	}
	
	.region-breadcrumb {
		height: 65px;
	}
	
	 .headtomap,
	.headtomap.scrolled {
		 display: none;
	}
	
	.region-after-content {
		
	}
	
	.dl-menuwrapper .dl-menu.dl-menuopen {
		padding-bottom: 150px;
	}
	

	
	.sprachwechsler {
		display: none;
	}
	body.menuopen .sprachwechsler {
		display: block;
		position: absolute;
		left: 0px;
		right: auto;
		top: 112px;
		z-index: 99;
		font-size: 120%;
	}
	
	.sprachwechsler ul.links li a,
	.sprachwechsler ul.links li a:visited {
		color: var(--actioncolor);
	}

	
	.tsh .sprachwechsler ul.links li a,
	.tsh .sprachwechsler ul.links li a:visited {
		color: var(--tshschwarz);
		
	}
	
	.tsh .sprachwechsler ul.links li a:hover,
	.tsh .sprachwechsler ul.links li a:active,
	.tsh .sprachwechsler ul.links li a.is-active {
		color: var(--actioncolor) !important;
	}
	
	.sprachwechsler ul.links li a:hover,
	.sprachwechsler ul.links li a:active,
	.sprachwechsler ul.links li a.is-active {
		color: var(--schwarz) !important;
	}
	
	.sprachwechsler ul.links li {
		margin: 0px 7px 0px 0px
	}
	
		
	.webform .wfleft {
		width: 100%;
		float: none;
		clear: both;
	}
	
	.webform .wfleft input {
		width: 100%;
		float: none;
		clear: both;
	}
	
	.webform .wfright {
		width: 100%;
		float: none;
		clear: both;
	
	}
	
	.webform .wfright input,
	.webform .wfright select {
		width: 100%;
		float: none;
		clear: both;
	}
	
	input.js-form-submit {

	}
	
	
	.contactbutton {
		 width: 90px;
		 height: 90px;
		 padding: 20px 13px;
		 font-size: 80%;
		 line-height: 135%;
	 }  
	 
	 html[lang=de]  .contactbutton {
			padding: 20px 13px;
		}
	 
	 .contactbutton .now {
		 display: none;
	 }
	 

	 
	 html[lang=de]    .contactbutton i {
			margin-top: 5px;
		}
	 
	 .maxwidthsupercontent {

	 }
	 
	 .longpfeil {
		 width: 225px;
	 }
	 
	 
	 .view-paragraph-slide .owl-theme .owl-controls .owl-buttons div  {
		 width: 120px;
		 height: 50px;
	 }
	 
	 .linkblockset .longpfeil {
	 
	 }
	 
	 .longpfeil  {
		 top: calc(var(--vhtwo) + 40px);
		 -webkit-transform: translateY(0%);
		 -moz-transform: translateY(0%);
		 transform: translateY(0%);
	 
	 }

	 
	 .imagedescription {
		 font-size: 180%;
		 top: 10%
	 }

	 
	 .views-field-field-small-service-image {
		 /*
		 height: 800px;
		 overflow: hidden;
		 */
	 }
	 
	 .views-field-field-small-service-image img {
		 position: relative;
		 /* margin-top: -50%; */
	 }
	 
	 .smallserviceblock .imagedescription {
		 font-size: 250%;
		 line-height: 145%;
	 }
	 
	 .maxwidthsupercontent {
		 margin-left: 5vw;
		 margin-right: 5vw;
	 }
	 .projectset.maxwidthsupercontent {
		 margin-left: 10vw;
			margin-right: 10vw;
	 }
	 
	 .view-paragraph-slide .owl-item > div,
	 .paragraph--type--slidecontent {
		 flex-wrap: wrap;
	 }
	 
	 .slideleftset {
		 flex-basis: 100%;
		 height: 350px;
	 }
	 
	 .view-paragraph-slide .owl-theme .owl-controls .owl-buttons {
		 top: 360px;
	 }
	 
	 .view-paragraph-slide .owl-item .slideset {
		 flex-basis: 100%;
	 }
	 

	 .bloglist .view-content,
	 .pressnewsblock .view-content  {
		 justify-content: space-between;
	 }
	 
	 .bloglist .view-content .views-row,
	 .pressnewsblock .view-content .views-row {
		 flex-basis: calc(50% - 15px);
		 margin-bottom: 0;
		 margin-right: 0px;
	 }
	 
	 .bloglist.onfooter .view-content .views-row:nth-child(3) {
		 display: none;
	 }
	 .tsh-frontpage .tshservicelist  .views-row:nth-child(3) {
		 display: block;
		 margin-top: var(--vhtwo) !important;
	 }
	 
	 
	 
	 
	 footer.pagefooter .footerflex {
		 flex-wrap: wrap;
	 }
	 
	 footer.pagefooter .footerflex  > div {
		 margin-bottom: 3vh;
	 }
	 
	 .contactmenu ul.menu {
		 text-align: left;
	 }
	 
	 .region-footerleftbottom {
		 flex-basis: 100%;
	 }
	 
	 .footermenu ul.menu {
		 flex-wrap: wrap;
		 justify-content: left;
	 }
	 
	 .footermenu ul.menu li {
		 white-space: nowrap;
		 text-align: center;
		 margin: 0px 20px 0px 0px;
	 }
	 
	 .views-field-field-copyright {
		 text-align: left;
	 }
	 .socialmedialinks {
		 margin-left: -10px;
		 margin-right: auto;
	 }
	 
	 .socialmedialinks .view-content .views-row .field-content {
	 
	 }
	 
	 .footerlogos .view-content {
		 justify-content: flex-start;
	 }
	 
	 .footerlogos .views-field {
		 margin-left: 0px;
		 margin-right: 30px;
	 }
	 .footerlogos {
		 margin-left: 0px;
		 margin-right: auto;
	 }
	 
	 .footermenu ul.menu li {
		 margin-bottom: 5px;
	 }
	 
	 .paragraph--type--image-left-text-right-read-more,
	 .paragraph--type--image-left-text-right-read-more- {
		 flex-wrap: wrap;
	 }
	 
	 .paragraph--type--image-left-text-right-read-more .field--name-field-image-left,
	 .paragraph--type--image-left-text-right-read-more- .field--name-field-image-left {
		 flex-basis: 100vh;
		 height: 250px;
		 margin-bottom: 30px;
	 }
	 
	 .paragraph--type--image-left-text-right-read-more .leftset,
	 .paragraph--type--image-left-text-right-read-more- .leftset {
		 flex-basis: 100%;
		 padding-bottom: 30px;
	 }
	 
	 
	 .projectliste .views-row {
		 flex-wrap: wrap;

	 }
	 
	 .projectliste .views-row .views-field-field-main-image {
		 flex-basis: 100%;
		 margin-bottom: 20px;
	 }
	 
	 .projectliste .views-row .proset {
		 flex-basis: 100%;
	 }
	 
	 .showmorelink {
		 widows: 40px;
		 height: 40px;
	 }
	
	.teammembers .view-content {
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
	.teammembers .view-content .views-row {
		flex-basis:100%;
		margin-bottom: var(--vhtwo)
	}
	
	.popup-onload {
		width: 150px;
		height: 150px;
		font-size: 90%;
		line-height: 145%;
	}
	
	.paragraph--type--about-xxx {
		flex-wrap: wrap;
	}
	
	.paragraph--type--about-xxx .field--name-field-image-about {
		flex-basis: 100%;
		height: 300px;
	}
	
	.paragraph--type--about-xxx .field--name-field-text-about {
		flex-basis: 100%;
		padding-top: 0px;
	}
	.breadcrumb {
		margin-top: 10px;
	}
	
	.webformoncontact .expression {
		width: 100px;
		height: 100px;
		top: -60px;
	}
	
	.webform .radios--wrapper {
		padding: 10px 20px;
	}
	

	
	.projectlogos {

	}
	
	
	.fieldflex {
		flex-wrap: wrap;
	}
	
	.fieldflex .field--name-field-name-comment, 
	.fieldflex .field--name-field-e-mail-comment {
		 flex-basis: 100% 
	}
	

	
	.fieldflex .js-form-item-field-e-mail-comment-0-value input{
	border-left: solid 1px var(--maincolor) !important;
	border-bottom: solid 1px var(--maincolor) !important;
	border-top: 0px;
	border-right: 0px;
	padding-left: 30px;
	margin-top: 20px;
	}
	
	.view-titelblock-webform {
		 font-size: 80%;
		 min-height: 100px;
	 }
	 .view-titelblock-webform h2 {
		 line-height: 145%;
	 }
	 
	 
	 .scroller img {

		 margin: 0px 10px;
	 }
	 
	 .square {
		border: solid 0px var(--actioncolor) !important;
		background: var(--actioncolor);
		position: relative;
		white-space: nowrap;
		-webkit-transform: translateX(-50%) translateY(0%);
		-moz-transform: translateX(-50%) translateY(0%);
		transform: translateX(-50%) translateY(0%);
		padding: 0px 0px;
		box-sizing: border-box;
	 }
	 
	 .square a,
	 .square a:visited,
	 .square a:hover,
		.square a:active {
		 color: var(--weiss);
		 padding: 10px 30px;
		 margin-left: auto;
		 margin-right: auto;
	 }
	 
	 .orange_gesprenkelt .square {
		 border: solid 0px var(--weiss);
		 background: var(--weiss);
		}
		
	.square .field-content {
			margin-left: auto;
			margin-right: auto;
		}
		
	 .orange_gesprenkelt  .square a,
	 .orange_gesprenkelt  .square a:visited,
	 .orange_gesprenkelt  .square a:hover,
	 .orange_gesprenkelt  .square a:active {
			color: var(--actioncolor);
		}
		

	 
	 .paragraph--type--quotes-bild-link .field--name-field-blocktext {
		 padding-bottom: var(--vhone);
	 }
	 

	 
 .paragraph--type--quotes-bild-link h3,
 .quotecontent h3  {
	 margin-bottom: 10px;
 }
 
 
 .paragraph--type--title-bold-text + .paragraph {
	 margin-top: 7vh;
 }
 
 .paragraph--type--image-left-text-right + .paragraph--type--title-bold-text:not(.TSH-color) {
	 /* margin-top: 0px; */
 }
 


 

 
 .owl-carousel .owl-wrapper,
 .owl-carousel .owl-stage {
	 align-content: flex-start;
 }
 .owl-carousel .owl-item {
	 align-self: flex-start;
 }
 
 .view-paragraph-slide .owl-item .slideset {
 }
 
 .view-paragraph-slide .owl-item .slideset {
	 align-content: flex-start;
 }
 
 .view-paragraph-slide .owl-item > div {
	 align-content: flex-start;
 }
 
 
 .views-field-field-tags .field-content,
 .field--name-field-tags {
	 font-size: 50%;
	 line-height: 145%;
 }
	 
	.newsletterblock .views-field-field-ma-texte img {
		width: 65px !important;
		top: -10px !important;
		margin-right: 7px !important;
	}
	
	.views-field-field-ma-texte {
		font-size: 80%;
		line-height: 145%;
	}
	
	.newsletterblock .mailchimp-newsletter-mergefields input.form-email,
	.newsletterblock .mailchimp-newsletter-mergefields input.form-text,
	.commentonnode .fieldflex .js-form-item input  {
		height: 40px;

	 
	}
	.newsletterblock select.form-select {
		height: 40px;
	}
	
	.commentonnode textarea {
		height: 100px;
		padding: 10px 30px 30px 30px;
	}
	

	
	
	.newsletterblock {
		padding-bottom: var(--vhtwo);
	}
		 
	 .adresse .view-header,
	 .region-footerleftbottom {
		 display: none;
	 }
	 
	 .tshflagfooter {
		 float: none;
	 }
	 
	 .region-footer {
		 margin-bottom: var(--vhone);
	 }
	 
	 .paragraph--type--linkblock-title-text-image .view-content {
		 padding-top: 0vh;
	 }
	 
	 .projectcontainer {
		 padding: var(--vhtwo) 0px var(--vhone) 0px;
	 }
	 
	 ul.newsticker li {
		 padding: 0px 0px 0px 0px !important;
	 }
	 
	 
	 .view-titelblock- .views-row {
		 background-size: auto 50%;
	 }
	 
	 .view-top-post-second .titelblock {
		 margin-bottom: 0px
	 }
	 
	 .toppostsecond .bgcolor {
		 height: 39%;
	 }
	 .commentonnode {
		 padding: 2vh 0px;
	 }
	 
	 .webform  input.form-email,
	 .webform  input.form-text {

		 height: 40px;
		 margin-top: 20px;

	 }
	 
	 .webform textarea {
		 margin-top: 20px;
		 height: 100px;
		 padding: 10px 30px 30px 30px;
	 }
	 
	 
	 .newsletterblock input.js-form-submit {
		 margin-top: 20px;
	 }
	 
	 .newsletterblock form .formc {
		 padding-bottom: 80px;
	 }

	 .tags > div,
	 .paragraph--type--tag-block > div{
		 display: none !important;
		 height: var(--vhtwo);
		 overflow: hidden;
	 }
	 
	 
	 .page-node-type-purpose-overview .paragraph--type--title-bold-text + .paragraph {
		 margin-top: var(--vhone);
	 }
	 
	 
	 .blocknote {
		 padding-top: 7vh;
	 }
	 
	 
	 .page-node-type-blog-post .titelblock {
		 padding-top: 2vh;
		 box-sizing: border-box;
	 }
	 
	 
	 .view-titelblock .views-field-field-coverbild img,
	 .spaltenblock .paraflex .field--name-field-rightcol img {
		 width: 65vw;
	 }
	 

	 
	 
	 .tshwebform {
		 width: 100vw;
	 }
	 
	 .paragraph--type--slide-text-block-image + .paragraph--type--title-bold-text.TSH-color {
		 margin-top: 0px !important;
	 }
	 
	 .bcertified {

	 }


	 .js-form-type-password-confirm .js-form-type-password {
		 flex-basis: 100%;

	 }
	 
	 .password-strength {
		 margin-bottom: 20px;
	 }
	 
	 .useraccountmenu .views-row {
		 flex-wrap: wrap;
	 }
	 
	 .useraccountmenu .views-row > div {
		 flex-basis: 100%;
		 margin-bottom: 10px;
	 }
	 
	 .downloadliste .views-row {
		 flex-wrap: wrap;
	 }
	 
	.downloadliste .leftset,
	.downloadliste .rightset {
		 flex-basis: 100%;
	 }
	 
	 .downloadliste .leftset {
		 margin-bottom: 20px;
	 }
	 
	 .ordertable,
	 .view-commerce-order-item-table {
		 overflow: auto;
	 }
	 
	 /*
	 .page-node-241 .titelblock {
		 margin-bottom: 0px !important;
	 }
	 */
		 
	 .paragraph--type--add-to-cart-button {
		 
		 margin-top: 0px;
		 padding-top: 0px;
	 }
	 
	 .ptccontainer {
	
	 }
	 
	 .page-node-type-tsh-service .view-paragraph-slide .owl-item .slideset {
		 padding-bottom: 0px !important;
	 }
	 
	 .page-node-type-tsh-service .view-id-accordion_paragraph,
	 .page-node-type-tsh-service .view-paragraph-accordion-neu {
		 padding-top: 0px !important;
	 }
	 
	 .whycontainer .addtocartonnode input.button--add-to-cart {
		 margin-left: auto;
		 margin-bottom: var(--vhone);
	 }
	 
	 
	 .pricefield, 
	 .zeropreis {
		 margin: 25px 0px 0px 0px;
	 
	 }
	 
	 .bloglist .views-field-view-node {
		 margin-top: 10px;
	 }
	 
	 
	 .block-views-blockservice-list-block-1 .view-footer,
	 .view-id-services_full.view-display-id-block_7 .view-footer,
	 .view-id-services_full.view-display-id-block_8 .view-footer,
	 .tshservicelist.view-display-id-block_5 .view-footer,
	 .tshservicelist.view-display-id-block_6 .view-footer {
		 margin-left: 5vw;
		 margin-right: 5vw;
	 }
	 
	 .tshform input.js-form-submit {
		 margin-bottom: 100px;
	 }
	 
	 .tshbutton a, .tshbutton a:visited, .TSH-BGcolor a.cta.linkb, .TSH-BGcolor a.cta.linkb:visited, input.button--add-to-cart, .page-node-142 .views-field-field-linktext a, .page-node-142 .views-field-field-linktext a:visited {
		 white-space: initial;
		 line-height: 140%;
	 }
	 
	 .view-inc-tsh-form-result {
		 margin-bottom: 100px;
	 }
	 
	 
	 
	 .view-paragraph-slide-neu .views-field-counter {
		 position: absolute;
		 top: 260px;
		 left:  0px;
	 }
	 
	 
	 .bannercontent .bannerdachzeile {
		 font-size: 100%;
		 line-height: var(--lineheight);
	 }

	 .bannercontent .bannertext {
		 font-size: 240%;
		 line-height: 110%;
	 }
	 
	 
	 .bannercontent .bannerflex .form-item {
		 flex-basis: 100%;
	 }
	 
	 
	 .field--name-field-image-kompass img {
		 max-width: 140px;
	 }
	 
	 
	.page-node-type-startpage .layout-content {
		padding: 30px;
	}
	
	.page-node-type-startpage .layout-content .maxwidthcontent {
		margin-left: 0px;
		margin-right: 0px;
		max-width: 100%;
	}
	 
	 .pine {
		 width: 45px;
		 position: absolute;
	 }
	 .pine img {
		 width: 100%;
		 height: auto;
	 }
	 
	 .pine_ol {
		 left: 0px;
		 top: 0px;
		 
		 -webkit-transform: translateX(-33%) translateY(-31%);
		 -moz-transform: translateX(-33%) translateY(-31%);
		 transform: translateX(-33%) translateY(-31%);
	 }
	 
	 .pine_or {
		 right: 0px;
		 top: 0px;
		 
		 -webkit-transform: translateX(33%) translateY(-31%);
		 -moz-transform: translateX(33%) translateY(-31%);
		 transform: translateX(33%) translateY(-31%);
	 }
	 
	 
	 .pine_ul {
		 left: 0px;
		 bottom: 0px;
		 
		 -webkit-transform: translateX(-33%) translateY(38%);
		 -moz-transform: translateX(-33%) translateY(38%);
		 transform: translateX(-33%) translateY(38%);
	 }
	 
	 .pine_ur {
		 right: 0px;
		 bottom: 0px;
		 
		 -webkit-transform: translateX(33%) translateY(38%);
		 -moz-transform: translateX(33%) translateY(38%);
		 transform: translateX(33%) translateY(38%);
	 }

	 .field--name-field-startlinks .field__item a, 
	 .field--name-field-startlinks .field__item a:visited {
		 padding: 20px 20px;
	 }
	 
	 
	 .field--name-field-startlinks > .startlinkcontainer  {
		 padding: 20px;
		 
		 flex-basis: 100%;
	 }
	 
	 .field--name-field-startlinks > .startlinkcontainer  .field--name-field-startlinktex {
		 display: none;
	 }
	 
	 
	 .startlinkcontainer .field--name-field-startlinkicon,
	 .products .views-field-field-icon {
		 width: 70px;
	 }
	 
	 .startlinkcontainer .field--name-field-startlinkicon img,
	 .products .views-field-field-icon img {
		 width: auto;
		 height: 100%;
		 max-width: 100%;
	 }
	 
	 .page-node-type-startpage .layout-content,
	 .page-node-type-startpage .layout-content .region-content {
		 background-image: none;
	 }
	 
	 .products {
		 flex-wrap: wrap;
	 }
	 
	 .products > .product {
		 flex-basis: 100%;
		 margin: 0px 0px;
	 }
	 
	 .paragraph--type--title-bold-text .field--name-field-text-paragraph ul {
		 font-size: 120%;
		 line-height: var(--lineheight);
	 }
	 
	 .field--name-field-testimonial .field--name-field-testimonial-portrait {
			width: 50%;
			margin: 10px auto;
		}
		
	.afterbuycontainer .afterbuysteps {
		flex-wrap: wrap;
	}
	
	.afterbuycontainer .afterbuysteps > div {
		flex-basis: 100%;
		margin-bottom: var(--vhone);
	}
	
	
	.view-inc-show-translation a,
	.view-inc-show-translation a:visited {
		width: 125px;
		height: 125px;
		font-size: 80%;
		line-height: 120%;
		
		-webkit-transform: translateX(-20%) translateY(-50%);
		-moz-transform: translateX(-20%) translateY(-50%);
		transform: translateX(-20%) translateY(-50%);
	}
	
	
		
	.newsletterblock form .formc {
		padding-bottom: 70px !important;
	
	}
	
	.newsletterblock .js-form-item-gdpr-consent {
		bottom: 80px;
	}
	
	
	.tsh .newsletterblock .js-form-item-gdpr-consent {
		bottom: 80px;
	}
	
	input[type="checkbox"] {
		top: 3px;
	}

	
	.paragraph--type--pitchline-block .pitchlineblockset .field--name-field-beschreibung {
		font-size: 120%;
		line-height: 120%;

	 }
	 
	.webformoncontact .expression {
		color: var(--weiss);
		font-size: 110%;
		line-height: 120%;
	}
	
	.view-paragraph-slide .owl-item .slideset {
		padding: 20px 0px 0px 5px;
		box-sizing: border-box;
	}
	
	.view-paragraph-slide-neu .views-field-counter {
		padding-left: 5px;
		box-sizing: border-box;
	}
	
	.paragraph--type--title-bold-text .field--name-field-text-paragraph ul li,
	.paragraph--type--pitchline-block .pitchlineblockset .field--name-field-beschreibung {
		/* These are technically the same, but use both */
		overflow-wrap: break-word;
		word-wrap: break-word;
		
		-ms-word-break: break-all;
		/* This is the dangerous one in WebKit, as it breaks things wherever */
		word-break: break-all;
		/* Instead use this non-standard one: */
		word-break: break-word;
		
		/* Adds a hyphen where the word breaks, if supported (No Blink) */
		-ms-hyphens: auto;
		-moz-hyphens: auto;
		-webkit-hyphens: auto;
		hyphens: auto;
		
		
	}
	
	
	.tshtopic .filterblock .resetfilter {
	
	}
	
		
	.topicparagraph .topicparagraphcontent {
		flex-wrap: wrap;
	}
	
	.topicparagraph .imgset  {
		flex-basis: 100%;
		height: 40vh;
	}
	
	.topicparagraph .leftset {
		flex-basis: 100%;
		margin-top: var(--vhone);
	}
	
	.region-topheader > div.block {
		font-size: 80%;
		line-height: 120%;
	}
	
	.paragraph--type--image-left-text-right .leftset {
		padding: 5vh 0px 0px 5px;
	}
	
	.tsh .bloglist .view-content .views-row,
	.bloglist .view-content .views-row {
		 flex-basis: 100%;
		 margin-bottom: var(--vhtwo);
		 margin-right: 0px;
	 }
	 
	 .view-linkblock > .view-content > .views-row,
	 .paragraph--type--quotes-bild-link > .blockarea.maxwidthcontent,
	 .flippyblock .view-content {
		 margin-top: 0px !important;
	 }
	
	.paragraph--type--quotes-bild-link .quote {
		padding-left: 5vw;
		padding-right: 5vw;
		box-sizing: border-box;
	}

	.page-node-type-services .region-after-content .paragraph--type--tag-block {
		display: none;
	}
	
	.page-node-8 .region-after-content .paragraph--type--linkblock-title-text-image {
		/* margin-top: 0px !important; */
	}
	
	.page-node-type-services .paragraphsblock .paragraph.paragraph--type--show-block {
		margin-top: 0px !important;
	}
	
	.page-node-13 .paragraphsblock .paragraph--type--abstand + .paragraph.paragraph--type--show-block,
	.page-node-294 .paragraphsblock .paragraph--type--abstand + .paragraph.paragraph--type--show-block {
		margin-top: var(--vhtwo) !important;
	}
	
	.page-node-type-services .paragraph--type--title-bold-text {
		margin-top: calc(var(--vhtwo) + var(--vhtwo));
	}
	
	.page-node-275 .paragraph--type--image-left-dachzeile-text-right-,
	.page-node-275 .quote {
		padding-left: 5vw;
		padding-right: 5vw;
		box-sizing:  border-box;
	}
	
	.view-paragraph-slide .owl-carousel .owl-nav button.owl-next,
	.view-owl-tsh-testimonial-slider .owl-carousel .owl-nav button.owl-next,
	.homecoverowl .owl-theme .owl-nav button.owl-next {
		background-image: url("../images/longpfeil_m.svg") !important;
	}
	
	
	.view-paragraph-slide .owl-carousel .owl-nav button.owl-next:hover,
	.view-owl-tsh-testimonial-slider .owl-carousel .owl-nav button.owl-next:hover,
	.homecoverowl .owl-theme .owl-nav button.owl-next:hover {
		background-image: url("../images/longpfeil_s_m.svg") !important;
	}
	
	
	.view-paragraph-slide .owl-theme .owl-nav {
		top: calc(var(--vhtwo) + 30px);
	}
	
	@keyframes moveslide {
		0%   {right:0%;}
		50% {right:19%;}
		100% {right:0%;}
	}
	
	
	.paragraph--type--linkblock-title-text-image h3.likeh1 {
		padding-left: 5vw;
		padding-right: 5vw;
		box-sizing: border-box;
	}
	
	.whycontainer {
		flex-wrap: wrap;
		margin-bottom: 0px;
	}
	
	.whycontainer .views-field-field-blog-main-image-2 {
		flex-basis: 100%;
		height: 40vh;
	}
	
	.whycontainer .views-field-field-why-you-need-it {
		flex-basis: 100%;
	}
	
}


@media all and (max-width:500px) {

	
	.mobile {
		display: block !important;
	}
	.desktop {
		display: none !important;
	}
	
		 
	 .smallserviceblock .view-content {
		 flex-wrap: wrap;
	 }
	 .smallserviceblock .views-row {
		 flex-basis: 100%;
		 margin-bottom: var(--vhtwo);
		 /* text-align: center; */
		 /* border-top: dotted 1px var(--schweiss); */
		 margin-bottom: 3vh;
	 }
	 
	 .smallserviceblock {
		 padding: 0px 0px var(--vhone) 0px;
	 }
	 
	 .smallserviceblock .views-row .views-field-field-small-service-image {
		 /* display: none; */
	 }
	 
	 .smallserviceblock .views-row  img {
		 width: 100%;
	 } 
	 
	 .smallserviceblock .views-row  {
		 margin-bottom: var(--vhtwo);
	 }
	 
	 .smallserviceblock .maxwidthcontent {
		 margin-left: 5vw
	 }
	 
	 .smallserviceblock .views-field-field-service-title {
		 font-size: 120%;
	 }

	 .smallserviceblock .imagedescription {
			position: relative;
			left: 0px;
			top: 0px; 
			margin-bottom: 20px;
			display: none;
	 }
	 
	 .paragraph--type--linkblock-title-text-image .linkblockset {
		 margin-top: var(--vhone);
	 }

}


@media all and (max-width:414px) {
	

	
	.whycontainer .views-field-field-why-you-need-it {
		flex-basis: 100%;
		padding-bottom: 0px !important;
	}
	
	body.page-node-type-tsh-form {
		font-size: 85%;
		-webkit-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
		line-height: 145%;
	}

	
	 
	 .tsh-frontpage.tsh .tshservicelist .views-row:nth-child(3) {
		 margin-top: 0px !important;
	 }

		
		
		 .bannercontent .bannertext {
			 font-size: 200%;
			 line-height: 110%;
		 }
		 
	.paragraph--type--pitchline-block .field--name-field-icon-left {
		flex-basis: 40%;
	}

	.paragraph--type--pitchline-block .pitchlineblockset {
		flex-basis: 50%;
	}
	
	ul.newsticker li {

		min-width: 140px;
	}
	
	


}

@media all and (max-width: 375px) {


	body {
		font-size: 85%;
		-webkit-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
		line-height: 145%;
	}
	

	.view-titelblock-webform {
		 font-size: 70%;
		 min-height: 120px;
	 }

	 
	 .bannercontent {
		 padding: 20px;
	 }
}

@media all and (max-width: 320px) {
	

	
	.dl-menuwrapper li a {
		padding: 12px 20px 12px 5vw
	}
	
	.bannercontent .bannerdachzeile {
		 font-size: 9%;
		 line-height: var(--lineheight);
	 }
	
	 .bannercontent .bannertext {
		 font-size: 180%;
		 line-height: 110%;
	 }
	 
	
}





@media only screen and (min-device-width: 768px) and (max-device-width: 1366px) and (orientation:landscape) {
	


	
	
	
}


@media only screen and (max-width: 736px) and (orientation:landscape)  {
	

	
}