/*
    Für den kompletten HTML Bereich setzen wir die Standard Schrift und verpassen
    der Seite noch eine Hintergrundfarbe.
*/

/* Farbkonfiguration 
   logo blau  #214F5A 
   logo grün  #7EA13E
   Heading: #7EA13E
   Sub Headings / Menus: #214F5A
   Normal Text: #214F5A
*/
:root{
--tk-green: #7EA13E;
--tk-blue: #214F5A;
--tk-darkblue: #123E47;
--tk-türkis-color: #54C1CD;
}

/* Teamkiste Fonts open sans & yanone kaffeesatz  */


/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(/fileadmin/fonts/opensans/mem5YaGs126MiZpBA-UN_r8OUuhp.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(/fileadmin/fonts/opensans/mem8YaGs126MiZpBA-UFVZ0b.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(/fileadmin/fonts/opensans/mem5YaGs126MiZpBA-UNirkOUuhp.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(/fileadmin/fonts/opensans/mem5YaGs126MiZpBA-UN7rgOUuhp.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin */
@font-face {
  font-family: 'Yanone Kaffeesatz';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fileadmin/fonts/yanonekaffeesatz/3y9I6aknfjLm_3lMKjiMgmUUYBs04aUXNxt9gW2LIfto9tWZd2GK.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/*  Zuerst setzten wir die Eigenschaften für margin, padding und border zurück, 
    sodass Browserabweichungen ausgeglichen werden können.
*/
body {
  width: 100%;
  padding: 0%;
   margin: 0%;
}  

html {
  background-color: #ffffff;
  -webkit-background-size: cover;
  -moz-background-size: cover;
   o-background-size: cover;
  background-size: cover;
    color: var(--tk-blue); /* auch hier eine Farbe ähnelnd zu schwarz, aber nicht so grell */
  width: 100%;
  padding: 0%;
    margin: 0%;
  font-family: 'Yanone Kaffeesatz', Verdana, Helvetica, Arial, sans-serif;
  font-size:large;
}

#wrapper{
  width:100%;
  padding:0px;
  margin:0px;
}

p, .formular_standard, .formular_bold, .formular_input{
  font-family: Open Sans, sans-serif;
  text-align:left;
  font-size: 14px;
  line-height: 1.5;
  color: var(--tk-blue);
  word-wrap:break-word;
}

/* lm320901: für landpage iPhone */
.actionbar .frame-layout-1 p{
	color: white;
}


.help-block{
  font-family: Open Sans, sans-serif;
  text-align:left;
  padding-left: 10px;
  font-size:13px;
  color: var(--tk-blue)C7;
  word-wrap:break-word;
  font-style: italic;
}

#bewerbungbeiTeamkiste-fileupload-2 {
    font-family: 'Open Sans', sans-serif;
    padding: 0.25em 1em;
    text-align: center;
    text-decoration: none;
    text-indent: 2px;
	font-size: 19px;
    color: white;
    border: 2px solid var(--tk-blue);
    display: inline;
    border-radius: 0.3em;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    position: relative;
    overflow: hidden;
	background-color: var(--tk-blue);
	width:300px;
	height:28px;
	/*
    background-image: url(https://bitcoin.org/img/icons/opengraph.png);
    background-repeat: no-repeat;
    background-position: center left 11px;
    
	*/
}

.btn-primary{
	margin-top:10px;
	font-size:19px;
	height:40px;
	min-height:40px;
	width:150px;
	padding: 0.25em 1em;
	font-family: 'Yanone Kaffeesatz', Verdana, Helvetica, Arial, sans-serif;
	border-radius: 10px;
    border-radius: 0.3em;
	
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.btn-primary:hover{
	background-color:var(--tk-green);
}

#bewerbungbeiTeamkiste-fileupload-2:hover,
#bewerbungbeiTeamkiste-fileupload-2:focus {
  background-color: var(--tk-green);
  box-shadow: rgba(0, 0, 0, 0.1) 0 4px 12px;
}

#bewerbungbeiTeamkiste-fileupload-2:hover {
  transform: translateY(-1px);
}

#bewerbungbeiTeamkiste-fileupload-2:active {
  background-color: var(--tk-green);
  box-shadow: rgba(0, 0, 0, .06) 0 2px 4px;
  transform: translateY(0);
}

.formular_bold_optin{display:inline}.formular_bold>*{float:left}.formular_bold:after{content:attr(data-required);color:#ff4949;text-decoration:none;word-wrap:break-all;word-wrap:break-word;display:inline}


.formular_standard, .formular_input{
    white-space: pre-line;
}

.formular_standard a, .formular_standard a:visited{
  color: var(--tk-green);
}

.formular_bold{
  font-weight:bold;
}

.formular_input{
  width:60%;
}

.formular_error{
  color:#ff4949;
}

.formular tr td:first-child {
  width:65px; 
  height:65px;
}

.svgIcon-sphere{
   width:63px; 
   height:63px;
 }
/* Klaro Cookie Consent Styles */
.klaro.we_cookie_consent .cookie-notice .cn-body p{
  font-family: Open Sans, sans-serif;
}
/* OK - Button */
.klaro.we_cookie_consent .cookie-notice .cn-body p.cn-ok .cm-btn.cm-btn-success:hover {
    background: var(--tk-green);
}
.klaro.we_cookie_consent .cookie-notice .cm-btn.cm-btn-success, .klaro.we_cookie_consent .cookie-modal .cm-btn.cm-btn-success {
    background: var(--tk-blue);
    color: #fff;
    order: 2;
  border-radius: 3px;
  
}
 .klaro.we_cookie_consent .cookie-notice .cn-body p.cn-ok .cm-btn.cm-btn-success {
    width: 40%;
  opacity: 1;
  border-radius: 3px;
}
.klaro.we_cookie_consent .cookie-notice .cn-body p.cn-ok .cm-btn.cm-btn-info {
    text-align: center;
  border-radius: 3px;
}
/* OK - Button - Ende */

/* Ablehnen - Mehr erfahren Button */
  

.klaro.we_cookie_consent .cookie-notice .cn-body p.cn-ok .cm-btn{
  background: var(--tk-blue);
    color: #fff;
  text-align: center;
  margin-left: 10px;
  margin-right:10px;
  opacity: 1;
  border-radius: 3px;
}

.klaro.we_cookie_consent .cookie-notice .cn-body p.cn-ok .cm-btn:hover {
    background: var(--tk-green);
}

/* Mehr erfahren Seite */
/* Header */
.klaro.we_cookie_consent .cookie-modal .cm-modal .cm-header h1
{
  color: var(--tk-green);
}
/* Text und Unterüberschriften und (Required-Text) */
.klaro.we_cookie_consent .cookie-modal p, .klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app span.cm-app-title, .klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app span.cm-required{
  font-family: Open Sans, sans-serif;
}
/* Powered by Klaro link */
.klaro .cookie-modal .cm-modal .cm-footer a.cm-powered-by{
  visibility:hidden;
}
/* Mehr erfahren - Ende */

/* Datenschutzerklärung Cookie Consent */
/* lumi
.tx-we-cookie-consent .table td */
.tx-we-cookie-consent .table{
  color:white;
  font-family: Open Sans, sans-serif;
  font-size:13px;
}
.tx-we-cookie-consent .table th{
  background-color: var(--tk-blue);
}

.tx-we-cookie-consent .table td:nth-child(1) {text-align:left}
.tx-we-cookie-consent .table td:nth-child(2) {text-align: left}
.tx-we-cookie-consent .table td:nth-child(3) {text-align: right}

.tx-we-cookie-consent .table tr{
  background-color: var(--tk-green);
}


.tx-we-cookie-consent li{
  font-family: Open Sans, sans-serif;
  font-size:13px;
}

.tx-we-cookie-consent li::marker, .tx-we-cookie-consent ul::marker{
  font-family: Open Sans, sans-serif;
  font-size:13px;
  color:var(--tk-green);
}
.tx-we-cookie-consent .table td{
  color:#white;
  background-color: var(--tk-green);
}  

.tx-we-cookie-consent .table tr:nth-child(even) {
  background-color: var(--tk-green);
}  
.tx-we-cookie-consent .table tr:nth-child(odd) {
  background-color: var(--tk-green);
}

.tx-we-cookie-consent a.btn-primary
{
  padding:5px;
  border-radius: 3px;
}
 .tx-we-cookie-consent .service__headline{
   font-family: Open Sans, sans-serif;
}
/* Klaro Cookie Consent Styles - Ende */

/* Texte in Elementen wie Blogs, Listen usw. */

.ce-bodytext ul, .frame-type-text  ul, .tx-blog-post-list ul, .tx-blog-widget ul{
    margin-left: 0;
    padding-left: 1.2em;
    text-indent: -0.85em;
  list-style: none;
}
.ce-bodytext li, .frame-type-text li, .tx-blog-post-list li, .tx-blog-widget li{
  font-family: Open Sans, sans-serif;
  text-align:left;
  font-size: 14px;

}

.ce-bodytext li:before, .frame-type-text li:before, .tx-blog-post-list li:before, .tx-blog-widget li:before{
    content: "▪";
    display: block;
    float: left;
    width: 1.2em;
    color: var(--tk-green);
}

/** Standorte table **/

.frame-type-text table{
	width:100%;
}

.frame-type-text table tr td {
	text-align:center;
	padding-left:5px;
	padding-right:5px;
}

.frame-type-text table thead tr td {
	background-color: var(--tk-blue);
	color:white;
	word-break: break-word;      /* Lässt lange Wörter an einer sinnvollen St	elle umbrechen */
    word-wrap: break-word;       /* Alternativer Umbruch, wenn nötig */
    hyphens: auto;               /* Füge Bindestriche bei unterstützenden Browsern hinzu */
    white-space: normal;         /* Lässt den Text in mehrere Zeilen umbrechen */
}

.frame-type-text table tbody tr td {
	font-family: Open Sans, sans-serif;
	font-size: 14px;
	word-break: break-word;      /* Lässt lange Wörter an einer sinnvollen St	elle umbrechen */
    word-wrap: break-word;       /* Alternativer Umbruch, wenn nötig */
    hyphens: auto;               /* Füge Bindestriche bei unterstützenden Browsern hinzu */
    white-space: normal;         /* Lässt den Text in mehrere Zeilen umbrechen */
}  

.frame-type-text table tbody tr td a{
	color:var(--tk-blue);
}

.frame-type-text table tbody tr{
	background-color: var(--tk-green);
	color:white;
}

/* Texte in Elementen wie Blogs, Listen usw. - ENDE */



::marker{
  color:var(--tk-blue);
}

/* Sheriff-Buttons override */
.shariff li a{
  padding-left: 5px;
}
/* Sheriff-Buttons override - END */

.tx-blog-post-list h2 a, .tx-blog-widget h2 a{
  font-weight: bold;
}
/* interne Links in text (not menu, not button) START */
/* link */

/* rwh 210624 .ce-bodytext a:not(.linkbutton), .frame-type-text a:not(.linkbutton), .tx-blog-post-list a, .tx-blog-widget a{ */
.bloglink, .ce-bodytext a:not(.linkbutton), .frame-type-text a:not(h5) a:not(.linkbutton), .tx-blog-post-list a, .tx-blog-widget a{
  font-family: Open Sans, sans-serif;
  text-align:left;
  font-size:14px;
  color: var(--tk-darkblue);
  font-color:var(--tk-blue);
  font-weight: bold;
  text-decoration:none;
}

/* link:hover */
/* rwh 210624 .ce-bodytext a:hover:not(.linkbutton), .frame-type-text a:hover:not(.linkbutton), .tx-blog-post-list a:hover, .tx-blog-widget a:hover{ */
.bloglink, .ce-bodytext a:hover:not(.linkbutton), .frame-type-text a:not(h5) a:hover:not(.linkbutton), .tx-blog-post-list a:hover, .tx-blog-widget a:hover{
  font-family: Open Sans, sans-serif;
  text-align:left;
  font-size:14px;
  color: var(--tk-green);
  font-weight: bold;
  text-decoration:none;
}

/* Dateilinks */
.ce-uploads span{
  font-family: Open Sans, sans-serif;
  text-align:left;
  font-size:14px;
  color: var(--tk-darkblue);
  font-color:var(--tk-blue);
  font-weight: normal;
  text-decoration:none;
}
/* interne Links in text ENDE */

/* Link-Buttons (not menu) */
/* link */
/* changed 13.08.2021: background green (standard), hover dunkeltürkis  */

h5 a, h5 p, .linkbutton, .linkbutton a, .ce-bodytext a:not([target=_blank]):not([target=_top]) {
  font-family: 'Yanone Kaffeesatz', Verdana, Helvetica, Arial, sans-serif;
  text-align:left;
  font-size: 21px;
  background-color: var(--tk-green);
  color: #ffffff;
  font-weight: normal;
  text-decoration: none;
  padding: 1em 1.2em;
  line-height: 1; /* Note: keep this value the same as the height of .menuTemplate1 li */
  border-radius: 5px;
  display: inline-block;
}

/* link:hover */
/*background: url(bg.gif) var(--tk-blue) repeat-x 0 -48px;*/
h5 a:hover, .linkbutton:hover, .ce-bodytext .linkbutton:hover, .ce-bodytext a:not([target=_blank]):not([target=_top]):hover {
  background-color: var(--tk-blue);
  color: #ffffff;
  z-index: 9;  
}
/*
h5 a:hover, .linkbutton:hover, .ce-bodytext .linkbutton:hover, .ce-bodytext a:not([target=_blank]):not([target=_top]):hover {
	  width: -moz-fit-content;

}
*/

.actionbar h5 a:hover{
	background-color: #368a9e;
}
/* Linkbuttons End */

/* Link-Buttons (not menu) */
/* link */

/*
.linkbutton, .linkbutton a, not(.tx-blog-post-list) .ce-bodytext a:not([target=_blank]):not([target=_top]) {
  font-family: 'Yanone Kaffeesatz', Verdana, Helvetica, Arial, sans-serif;
  text-align:left;
  font-size:17px;
  color: var(--tk-darkblue);
  text-decoration:none;
  height:58px;
  left: -20px;
    padding: 20px; 20px;
    line-height: 58px;
  border-radius: 3px;
  
}



.linkbutton:hover, not(.tx-blog-post-list) .ce-bodytext .linkbutton:hover, .ce-bodytext a:not([target=_blank]):not([target=_top]):hover {
    background: var(--tk-blue) repeat-x 0 -48px;
    color: #ffffff;
    z-index: 9;
  border-radius: 3px;
  width: -moz-fit-content;

}
*/
/* Linkbuttons End */

/* Form-Elements Ende */
/* .form-group div */
.control-label{
  font-family: Open Sans, sans-serif;
  text-align:left;
  font-size:13px;
  color: var(--tk-blue);
}
/* input-control */
/* .input div */

.form-control{
  font-family: Open Sans, sans-serif;
  text-align:left;
  font-size:13px;
  color: var(--tk-blue);
  margin-bottom:6px;
  width: 100%;
}
.form-group {
    margin: 10px 0px;
}
input[type="text" i] {
    padding: 5px 10px;
	width: 97%;
}

/* Form-Elements Ende */
/* Tables */

 .frame-type-table table caption{
	color: var(--tk-blue);
 }

.ce-table-bordered, .colspan-6 .frame-type-table {
  color:white;
  font-family: Open Sans, sans-serif;
  font-size:12px;
}
.ce-table-bordered th, .colspan-6 .frame-type-table th{
  background-color: var(--tk-blue);
  color:#ffffff;
  text-align: center;
  font-size:14px;
  height:31px;
}

.ce-table-bordered td:nth-child(1), .colspan-6 .frame-type-table td:nth-child(1)  {text-align: left;}
.ce-table-bordered td:nth-child(2) .colspan-6 .frame-type-table td:nth-child(2) {text-align: right;width: 15%;}
.ce-table-bordered td:nth-child(3) .colspan-6 .frame-type-table td:nth-child(3) {text-align: right;width: 15%;}
.ce-table-bordered td:nth-child(4) .colspan-6 .frame-type-table td:nth-child(4) {text-align: right;width: 15%;}

.ce-table-bordered tr, .colspan-6 .frame-type-table tr{
  background-color: var(--tk-green);
}  

.ce-table-striped tr:nth-child(even), .colspan-6 .frame-type-table tr:nth-child(even) {
  background-color: var(--tk-green);
  color:#ffffff;
  font-size:14px;
  height:31px;
  
}  
.ce-table-striped tr:nth-child(odd), .colspan-6 .frame-type-table tr:nth-child(odd){
  background-color: var(--tk-green);
  color:#ffffff;
  font-size:14px;
  height:31px;
}  
/* tables End */


/* Überschriften */

h1{
  font-family: 'Yanone Kaffeesatz', Verdana, Helvetica, Arial, sans-serif;
  text-align:left;
  margin-top:0px;
  margin-bottom:13px;
  align:center;
  color:var(--tk-green);
  font-size: 39px;
  text-shadow: none; /*1px 1px #777777;*/
}

h2 {
  font-family: 'Yanone Kaffeesatz', Verdana, Helvetica, Arial, sans-serif;
  align:left;
  color:var(--tk-blue);
  margin-top:0px;
  margin-bottom:13px;
  font-size: 24px;
}

h3 {
  font-family: Open Sans, sans-serif;
  align:left;
  color:var(--tk-blue);
  margin-top:0px;
  margin-bottom:13px;
  font-size: 16px;
  letter-spacing: -1px;
  
}

h4 {
  font-family: Open Sans, sans-serif;
  align:left;
  color:var(--tk-blue);
  margin-top:0px;
  margin-bottom:13px;
  font-size: 13px;
  letter-spacing: -1px;
  font-weight: bold;
}



/*********************
 * Textausrichtung
 */

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

.text-justify{
  text-align:justify;
}

.text-right{
  text-align:right;
}

.ce-center{
  align:center;
}


/*
 * Textausrichtung ENDE
 *********************************/

/*******************************
* Layouts für Elemente
*/

/* Column Layouts */
.col2 {
    display: inline-flex;
    align-items: center;
	width:100%;
}

.col3 {
  display:inline-flex;
  width: 100%;
}

.colspan-6 {
  width:calc(100% /2);
  /*display:inline-flex;*/
}

.colspan-6 .frame-type-text, .colspan-6 .frame-type-table{
  padding: 5%;
}

.colspan-6 .frame-type-text h2 p, .colspan-6 .frame-type-table h2 p{
  font-family: 'Yanone Kaffeesatz', Verdana, Helvetica, Arial, sans-serif;
  text-align:left;
  margin-top:0px;
  margin-bottom:13px;
  color:var(--tk-green);
  font-size: 39px;
  text-shadow: none; /*1px 1px #777777;*/
}

.colspan-6 .frame-type-text h2 p{
  font-family: 'Yanone Kaffeesatz', Verdana, Helvetica, Arial, sans-serif;
  text-align:left;
  margin-top:0px;
  margin-bottom:13px;
  color:var(--tk-green);
  font-size: 39px;
  text-shadow: none; /*1px 1px #777777;*/
}

.colspan-4 {
  width:calc(100% /3);
}
.padded-col {
  padding: 0 9%;
}


/*  Teamkiste Main Layout, Teamkiste Landing Layout */
.frame-layout-1, .frame-layout-4 {
  clear;
  left:0;
  width: 100%;
  margin-left: 0px;
  position: relative;
    display: block;
    box-sizing: border-box;
}

.frame-layout-1 .ce-bodytext {
  box-sizing: border-box;
    padding: 5% 5% 5% 5%;
}

.frame-layout-1 .ce-right .ce-gallery {
  width: 50%;
}

.frame-layout-1 .image-embed-item {
  width:100%;
  height:auto;
}  

.frame-layout-1 .ce-column {
  width:100%;
  height:auto;
}  

.frame-layout-1 .image {
  width:100%;
}

.frame-layout-4 {
  background-color: var(--tk-blue);
  padding-top:15px;
  padding-bottom:15px;
  
}
.frame-layout-4 p{
  color: white;
}

/* Teamkiste Main Layout */
.frame-layout-2, .frame-11{
  clear;
  left:50%;
  width: 900px;
  margin-left: -450px;
  position: relative;
    display: block;
    box-sizing: border-box;
}

/* Teamkiste Input Form Layout */
.frame-layout-3{
  clear;
  /* left:50%; */
  width: 600px;
  /* margin-left: -450px; */
  position: relative;
  display: block;
  box-sizing: border-box;
  margin: 0px auto;
}

.ce-left .ce-column{  /* und verkettung */
  float:right;
  margin-right:0px;
}
/*
.ce-bodytext h3{
  margin-top: 2px;
}
*/
.ce-bodytext{
  width:48%;
}

.ce-left .ce-bodytext{
  padding-left: 3%;
  width: 47%;
}

/* für Bild rechts vom Text in einem Text/Bild-Element und
   für Bild links vom Text in einem Text/Bild-Element */
.ce-left .ce-gallery, .ce-right .ce-gallery{
  width:48%;
  margin-bottom:0px;
}

/* für den das unterste bild - pfusch */

.ce-above .ce-gallery {
  margin-bottom:0px;
}

/* Team Kiste Landing Page Template */
/*#calltoaction {*/
.actionbar{
  background-color: var(--tk-blue);
  color: #ffffff;
  padding: 5px;
}

.actionbar h5 {
  font-family: 'Open Sans', Verdana, Arial, sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1;
  margin-block-start: 1em;
  margin-block-end: 1em;
}

#details .ce-bodytext {
  width: 100%;
}

#details h2 {
  font-size: 2rem;
  color: var(--tk-green);
}

footer {
  padding: 1em 0em;
}

footer .container,
footer .copyright {
  width: 90%;
  margin: 0 auto;
  padding: 0px;
}

footer .copyright p {
  margin-block-start: 0em;
  margin-block-end: 1em;
  padding: 1em 0px;
  font-size: 0.675rem;
  text-align:center;
}

.footer-left {
    width: 50%;
    float: left;
}

.footer-right {
  width: 50%;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}

ul.footer-links{
  padding-inline-start: 0px;
  list-style-type: none;
  display: inline-flex;
  margin-block-end: 0em;
}

ul.footer-links > li a, ul.footer-links > li a:visited {
  color: var(--tk-blue);
  text-decoration: none;
}

ul.footer-links > li {
  padding: 0rem 0.5rem;
}

.inner {
  border-bottom: 1px solid #22505a;
  padding: 1em 0px;
}

#intro {
    min-height: 65vh;
    display: flex;
    align-items: center;
    background-size: 120%;
    background-repeat: no-repeat;
    background-position: 0% 35.5%;
}

#intro .container {
    width: 60%;
    margin: 0 0% 0 7.5%;
}

#intro h1 {
  color: #ffffff;
  font-size: xxx-large;
  text-shadow: 2px 2px 4px #000000C0;
}

#intro h2 {
  color: #ffffff;
  font-size: xxx-large;
  text-shadow: 2px 2px 4px #000000C0;
}

#intro h3 {
	font-size: x-large;
	color: #ffffff;
	text-shadow: 2px 2px 4px #000000C0;
}


.actionbar h2 {
  color: #ffffff;
  font-size: 1.5rem;
  margin-top:10px;
}
/* Lokales Video abspielen - ganze Spaltenbreite */
 .video-embed-item{
	 width: 100%;
	 height:auto;
 }
 

.padded-2col {
  padding: 0 17.5%; 
}

.padded-3col {
    padding: 60px 10% 10%;
    background-color: white;
    box-shadow: 3px 3px 6px rgb(0 0 0 / 50%);
    margin: 10% 5%;
    background-image: url(/fileadmin/templates/SVG/Blockquote.svg);
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: 12% 30px;
}

.quality-col .ce-bodytext{
  width:92%;
}

.quality-col {
    padding: 50px 10% 10%;
    background-color: white;
    box-shadow: 3px 3px 6px rgb(0 0 0 / 50%);
    margin: 10% 5%;
    background-repeat: no-repeat;
    background-size: 50px;
    background-position: 50% 50px;
}

#quality-col1{
    background-image: url(/fileadmin/templates/SVG/handshake_color3.svg);
}

#quality-col1 h3, #quality-col2 h3, #quality-col3 h3{
	margin-top: 40px;
}


#quality-col2{
	background-image: url(/fileadmin/templates/SVG/sprungfeder.svg);
}
#quality-col3{
	background-image: url(/fileadmin/templates/SVG/teamkiste_qualitaets_siegel1.svg);
}


#testimonials {
  background-color:#f8f8f8;
}

#testimonials .container {
  width: 85%;
  margin: 0 auto;
}


/* neues bottom-image tag -> statt pfusch unten, 13.11.2019 */

/*************************************
 *               UNTEN               *
 *************************************/
.ParentDiv{
  position: relative;
  height:auto;
}
 
.ChildUnten{
  content:url("/fileadmin/images/Buchen/Desktop-Buchen.webp");
  background-repeat: no-repeat;
  width: 100%;
  position: absolute;
}

.ChildOben{
  width: 100%;
  position: absolute;
}

.PanelCentered{
  clear;
  left:50%;
  width: 250px;
  margin-left: -125px;
  margin-top:29%;
  position: relative;
    display: block;
    box-sizing: border-box;
    content:url("/fileadmin/images/Panels/Loslegen-Desktop-Static-Button.png");
    background-repeat: no-repeat;
  z-index:998;
}

.PanelCentered:hover{
  content:url("/fileadmin/images/Panels/Loslegen-Desktop-Hover-Button.png");
  z-index:999;
}

.SpacerDiv{
  position:relative;
  content:url("/fileadmin/images/Buchen/Desktop-Buchen.webp");
  visibility:hidden;
  height:auto;
  width:100%;
}

.Unten{
  background-color:var(--tk-blue);
  font-color:#FFFFFF;
}

hr.Unten{
  display:inherit;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  border-style: inset;
    background-color:#FFFFFF;
  color:var(--tk-blue);
  height:1px;
}

div.Unten {
  position:relative;
  display:inline-block;
  background-color:var(--tk-blue);
  color:#FFFFFF;
  width:100%;
}

hr.InnenUnten{
  background-color:var(--tk-blue);
  color:#FFFFFF;
  margin-top: 0px;
  margin-bottom: 10px;
}  

div.InnenUnten{
  position:relative;
  display:inline-block;
  background-color:var(--tk-blue);
  color:#FFFFFF;
  left:10%;
  width:80%;
  font-family: Open Sans, sans-serif;
  text-align:left;
  font-size:16px;
}

/* pfusch, soll loslegen-content über ganze breite gehen lassen
   besser get ganze style.content.getBottom lösen
   redundant: lumi, 14.11.2019
   */
.ce-center .ce-gallery .ce-outer{
  right:0%;
  float:left;
  width:100%;
}
.ce-center .ce-gallery .ce-outer .ce-inner{
  right:0%;
  float:left;
  width:100%;
}
.ce-center .ce-gallery .ce-outer .ce-column{
  width:100%;
}
.ce-center .ce-gallery .ce-outer .ce-column .image{
  width:100%;
}
.ce-center .ce-gallery .ce-outer .ce-column  .image .image-embed-item{
  width:100%;
  height:auto;

}
/****************** end pfusch ****************/


.container {
    padding: 20px;
}

/*********************************************
 * Slick Slider Styles                       *
 *********************************************/
 
 /* Slider Box */
.slick-slider{
  left:50%;
    width: 950px;
  margin-left: -475px;
}

/* Slider dots */
.slick-dots li img{
  height: 12px; 
  width: 12px; 
}

.slick-dots li img:nth-child(1) {
    display: block;
}

.slick-dots li img:nth-child(2) {
    display: none;
}

.slick-dots li.slick-active img:nth-child(1) {
    display: none;
}

.slick-dots li.slick-active img:nth-child(2) {
    display: block;
}

.slick-dots li:hover img:nth-child(1) {
    display: none;
}

.slick-dots li:hover img:nth-child(2) {
    display: block;
}


.slick-dots { 
  position: absolute; 
  bottom: -45px;
  list-style: none; 
  display: block; 
  text-align: center; 
  padding: 0; 
  width: 100%;
}

.slick-dots li { 
  position: relative; 
  display: inline-block; 
  height: 16px; 
  width: 16px; 
  margin: 0 0 px; 
  padding: 0; 
  cursor: pointer; 
}

/* Slider arrows */
.slick-prev {
  margin-left: 40px;
  opacity:1;
    height: 25px;
    width: 25px;
    background: url('/fileadmin/images/Panels/Slider-Button-Left-Static.png') no-repeat;
  border:none;
  -moz-border-radius:25px;
    -webkit-border-radius:25px;
  z-index:998;
}

.slick-prev:hover {
  margin-left: 40px;
  opacity:1;
    height: 25px;
    width: 25px;
    background: url('/fileadmin/images/Panels/Slider-Button-Left-Hover.png') no-repeat;
  z-index:999;
}

.slick-next{
  margin-right: 50px;
  opacity:1;
  height: 25px;
    width: 25px;
    background: url('/fileadmin/images/Panels/Slider-Button-Right-Static.png') no-repeat;
  border:none;
  -moz-border-radius:25px;
    -webkit-border-radius:25px;
  z-index:998;
}

.slick-next:hover {
  margin-left: 40px;
  opacity:1;
    height: 25px;
    width: 25px;
    background: url('/fileadmin/images/Panels/Slider-Button-Right-Hover.png') no-repeat;
  z-index:999;
}


.image-embed-item{
  width: 100%;
  padding-top:0px;
  height:auto;
}

/* volle breite */
.frame-layout-4, #c68{
  left:0%;
  width: 100%;
  margin-left: 0px;
  margin-right: 0px;
  position: relative;
    display: block;
    box-sizing: border-box;
}

/*
 * Layouts der Inhaltselmente ENDE
 *********************************/





/*
 * Programm Ende 
 *********************************/


li a, li a:visited {
  color:var(--tk-darkblue);
  text-decoration: none;
}

li a:hover {
  color:var(--tk-green);
  text-decoration: none;
}

.alle
{
   width: 100%;
   background: none;
}

/* diese beiden layer sind ihm wurscht....?!?*/
.links{
  width:0%;
  float:left;
  display:inline;
  visibility:visible;
  
}

.rechts{
  width:0%;
  float:right;
  display:inline;
  visibility:visible;  
}

.mitte{
  
   width: 100%;
   float:left;
   background: none;
   padding-top: 0px;
   padding-bottom: 0px;
   margin-left:0%;
   margin-right:0%;  
}

.form_mitte{
	padding-top:120px;
}

.clear
{
  clear:left;
}

.bodytext {
    font-family: Arial, Helvetica, sans-serif;
  font-size: normal;
  font-color: #ffffff;
  text-decoration-line: none;
}

/*
    Nun kommt der Header: Wir werden ihm ein schönes Hintergrundbild verpassen.
    Damit dieses auch komplett angezeigt wird, setzte ich als Höhe die Höhe des Bildes.
    Danach platziere ich den Text nach rechts oben in die Ecke und setze eine Schriftfarbe.
*/

div#container_sub_menu {
  position: fixed;
  top:100px;
  height:40px;
  z-index:100001;
  background-color:white;
  width:100%;
  visibility:hidden;
  
}

div#sub_menu {
}

 @media only screen and (max-width: 950px) {
    /*
    .menuSpacer{
      visibility: visible;
      display:inline;
      width:100px;
    }  
    */    
  
  /* small screen size */
  
  #header-logo-and-image {
      background: #ffffff;
      width:100%;
      border:none;
      
      border-bottom-style:none;
      border-bottom-color:gray;
      border-bottom-width:0px;
      
  }


  /* small screen size */
  #header-title {
    /* 
      Als Hintergrundbild setzte ich header.jpg.
      Da dieses aber nicht breit genug ist, setzte ich zusätzlich
      als Hintergrundfarbe den Blauton, den der Hintergrund im Bild hat.
      Da dessen HEX-Code sehr komplex ist, nutze ich die RGB Angabe von CSS
    */
    border:0;
    background: #ffffff;
    margin-left:5%;
    margin-right:5%;
    width:100%;
    height: 86px; /* 80px + 10px (padding) gibt die 180px des Bildes */
    text-align: center;
    font-weight: normal;
    
  }
  
  /* small screen size */
  .menuHeaderlogo{
      width:30%;
      background: white;
      padding-left:0%;
	  /* margin-left: -20%; lumi: sonst rutscht es bei schmalem Schirm raus. Besser Menü-Transparent */
      float:left;
    }
  /* small screen size */  
  .imgHeaderlogo{
    width:300px;
    height:auto;
    content:url("/fileadmin/images/logos/teamkiste-projektwochen-und-workshops-logo-horiz-col-white.webp");
  }
  /* small screen size */  
  .menuBar{
    height: 86px;
    vertical-align: bottom;
    visibility: visible;
    width: auto;
    float: right;    
  }
  /* small screen size */
  .menuMobile{
    width:35px;
    visibility: hidden;
    display:none;
  }
  /* small screen size */  
  .menuDesktop{
    visibility: visible;
    padding-right:20px;
    padding-top:28px;
    height:58px;
  }    
  /* small screen size */
  .menuButtonBar {
        width: 35px;
        height: 5px;
        background-color: black;
        margin: 6px 0;
        visibility:hidden;
  }

  /* small screen size */
  .menuUnten {
    background: #ffffff;
    width:100%
    border:none;
  }
  /* small screen size */
  .menuUntenCenter {
    background: #ffffff;
    margin-left:auto;
    margin-right:auto;
    width:380px;
    border:none;
  }
  /* small screen size */
  .menuUntenRight {
    background: var(--tk-blue);
    margin-left:auto;
    margin-right:auto;
    width:100%;
    border:none;
  }
 }
  
 @media only screen and (min-width: 951px) {

  #header-logo-and-image {
      background: #ffffff;
      width:100%;
      border:none;
      position:fixed;
      z-index:4;
      border-bottom-style:none;
      border-bottom-color:gray;
      border-bottom-width:0px;
      
  }
  
  .alle{
    padding-top:110px;
    position:static;    
  }


  .header-table {
      vertical-align:bottom
  }
  
  .header-logo-table {
    align:left;
    width:26%
  }
  
  .header-center-table {
    width:auto;
  }
  
  .header-menu-table {
    align:right;
    width:466px;
    vertical-align: bottom;
    padding-bottom: 10px;
    padding-right: 10px;
    
  }
  #header-title {
    /* 
      Als Hintergrundbild setzte ich header.jpg.
      Da dieses aber nicht breit genug ist, setzte ich zusätzlich
      als Hintergrundfarbe den Blauton, den der Hintergrund im Bild hat.
      Da dessen HEX-Code sehr komplex ist, nutze ich die RGB Angabe von CSS
    */
    border:0;
    background: #ffffff;
    margin-left:auto;
    margin-right:auto;
    width:1000px;
    height: 86px; /* 80px + 10px (padding) gibt die 180px des Bildes */
    text-align: center;
    font-weight: normal;
    
  }
  
  .menuHeaderlogo{
    width:30%;
    background: white;
    padding-left:0%;
	/* margin-left: -20%; lumi: sonst rutscht es bei schmalem Schirm raus. Besser Menü-Transparent */
    float:left;
 }
    
  .imgHeaderlogo{
    width:280px;
    max-width:280px;
    height:auto;
	padding-top:20px;
	padding-bottom:20px;
    /* content:url("/fileadmin/images/logos/teamkiste-projektwochen-und-workshops-logo-horiz-col-white.webp");*/
	content:url("/fileadmin/images/logos/teamkiste-projektwochen-und-wokshops-logo-square-col-white_ohne_rand.webp");
	z-index: 5;
	position: relative;	
  }
    
  .menuBar{
    float: clear;
    height: 86px;
    vertical-align: bottom;
    visibility: visible;
    width: 70%;
    float: right; 
  }
  
  .menuMobile{
    width:35px;
    visibility: hidden;
    display:none;
  }
    
  .menuDesktop{
    visibility: visible;
    padding-right:20px;
    padding-top:28px;
    height:58px;
  }    
  
  .menuButtonBar {
        width: 35px;
        height: 5px;
        background-color: black;
        margin: 6px 0;
        visibility:hidden;
    }

  
  .menuUnten {
    background: #ffffff;
    width:100%
    border:none;
  }

  .menuUntenCenter {
    background: #ffffff;
    margin-left:auto;
    margin-right:auto;
    width:380px;
    border:none;
  }
  
  .menuUntenRight {
    background: var(--tk-blue);
    margin-left:auto;
    margin-right:auto;
    width:100%;
    border:none;
  }

}

/*
    Nun kommt der Schlagschatten.
    Dieser besteht einfach aus einer Höhe und einem Hintergrund.
*/
#border {
    background: #151515;  /* url(schatten.png) repeat-x top left*/
    height: 12px; 
}

/*
    Zuerst bekommt die Navi ihren richtigen Abstand zu den anderen Elementen.
*/
#navi {
    margin: 1em 1.3em;
}

/*
    Und nun bekommen auch noch die Listenpunkte ihr styling.
    Mit 'display' werden sie horizontal angeordnet und ihre Listenpunkte werden entfernt.
*/
#navi li {
    display: inline;
    list-style-type: none;
    padding: 0px 1em 0px 0px;
}

/*
    Da die Listenpunkte Links enthalten, werden die nichtmal extra formatiert.
*/
#navi a, #navi a:active, #navi a:visited, #navi a:hover {   
    /* zwar aus Usability nicht korrekt, aber in der Navigation vertretbar */
     text-decoration: none; 
}

  
/*------------------------------------------
 --  
 -- MENÜ style Main Menu top
 --
 --------------------------------------------*/
 /* top level
--------------------------------------------*/
.menuTemplate1
{
    /* You will get totally diffrent menu alignment and layout by setting following margin, width, and float with different values.
    For detailed instruction please visit www.menucool.com/horizontal/menu-layout  */
    margin: 0 auto; width: auto;float:right;
    /*following "behavior" works for IE6, IE7, and IE8. Other browsers will ignore it.*/
    /*Note: htc file path(if using relative path) inside the CSS file should be relative to the page, not to the CSS file (this is unlike image path inside the CSS that is relative to the CSS file location only). 
    So we recommend using the absolute path for the behavior file.*/
    behavior: url("/horizontal/me/cssmenu.htc");
    position:relative;
    z-index:4;
    height: 58px;
    /* lumi, 17.08.23, damit bei breitem Menü Logo nicht verschwindet, transparent  background: white url(bg.gif); */
    font-family: 'Yanone Kaffeesatz', Trebuchet MS, Verdana, Helvetica, Arial, sans-serif;
  font-stretch:normal;
  
    list-style: none;
    padding: 0;
  display:inline;
}

.menuTemplate1 div {
    box-sizing:content-box;
  float:left;
  align:center;
  visibility:hidden;
}  
   
.menuTemplate1 li
{
    padding: 0;
    float: right;
    height: 58px;
    position: relative;/*delete it if you want submenu to be positioned relative to the whole menu instead of this li element*/
    color: var(--tk-blue);
    z-index:5;
}

.menuTemplate1 a
{
    padding: 0 20px;
    line-height: 58px; /*Note: keep this value the same as the height of .menuTemplate1 li */
    font-size: 18px;
    font-weight: normal;
    display: inline-block;
    outline: 0;
    text-decoration: none;
    color: var(--tk-blue);
  /*border-bottom:0px solid #000000; */ /* 1px */
    position: relative;
}
.menuTemplate1 li:hover a, .menuTemplate1 li.onhover a
{
    background: var(--tk-blue) url(bg.gif) repeat-x 0 -48px;
    color: #ffffff;
    z-index: 9;
}
/*
.menuTemplate1 li:hover + .level-2{
{
  visibility:visible;
}
*/

.menuTemplate1 a.arrow
{
    background: url(arrow.gif) no-repeat right center;}
 
        
/*Used to align a top-level item to the right*/        
.menuTemplate1 li.menuRight
{
    float: right;
    margin-right: 0px;
}
        
/*for the top-level separators*/
.menuTemplate1 li.separator
{
    font-size:0;
    overflow:hidden;
    border-left:0px solid #F7F7F7;  /* 1px */
    border-right:0px solid #BBBBBB; /* 1px */
  
    z-index:4;
}
/* sub level
--------------------------------------------*/

.menuTemplate1 .level-2
{
  background-color:white;
  list-style-type:none;
  background-color:white;
  position:relative;
  width:max-content;
  height:60px;  
}

/*
#sub_menu1
.menu
{
  visibility:hidden;
  background-color:white;
  position:relative;
  width:max-content;
  height:60px;
}*/

 
/* 
.menuTemplate1 .drop
{
    position: absolute;
    z-index:5;
    left: -9999px;
    border: 1px solid #000;
    background: #222;           
    text-align: left;
    padding: 20px;  
    top:35px;
  color:#999;
}

.menuTemplate1 .drop a
{
    padding-left: 0px;
    padding-right: 0px;
    line-height: 26px;
    font-size: 12px;
    font-weight: normal;
    display: inline;
    text-align: left;
    
    position: static;
    z-index: 0;
}
*/
.menuTemplate1 li:hover .drop, .menuTemplate1 li.onhover .drop
{
    left: -1px;/*Use this property to change offset of the dropdown*/
}
.menuTemplate1 li:hover .dropToLeft, .menuTemplate1 li.onhover .dropToLeft
{
    left: auto;
    right: -1px;
}
.menuTemplate1 li:hover .dropToLeft2, .menuTemplate1 li.onhover .dropToLeft2
{
    left: auto;
    right: -60px;
}
*/

/* Elements within the drop down sub-menu
--------------------------------------------*/
/*
.menuTemplate2 div.drop div div
{
    padding: 6px 20px;
}
.menuTemplate1 li:hover .drop a, .menuTemplate1 li.onhover .drop a
{
    background: none;
    background-image:none;
    padding:0 0;
}
*
.menuTemplate21 div.drop div a
{
    line-height: 24px;  
  color:white;
    background:none;
}
.menuTemplate1 div.drop div a:hover
{
    text-decoration:underline;
    cursor:pointer;
    color:Red;
}

.menuTemplate1 div.left {float:left;}
*/

/*------------------------------------------
 --  
 -- MENÜ style Main Menu top
 --
 --------------------------------------------*/
 /* top level
--------------------------------------------*/
.menuTemplate2
{
    /* You will get totally diffrent menu alignment and layout by setting following margin, width, and float with different values.
    For detailed instruction please visit www.menucool.com/horizontal/menu-layout  */
    margin: 0 auto; width: 100%;float:right;
    /*following "behavior" works for IE6, IE7, and IE8. Other browsers will ignore it.*/
    /*Note: htc file path(if using relative path) inside the CSS file should be relative to the page, not to the CSS file (this is unlike image path inside the CSS that is relative to the CSS file location only). 
    So we recommend using the absolute path for the behavior file.*/
    behavior: url("/horizontal/me/cssmenu.htc");
    position:relative;
    z-index:4;
    height: 58px;
    background: var(--tk-blue);/*font-family: Arial, Helvetica, sans-serif;*/
    font-family: Trebuchet MS, Verdana, Helvetica, Arial, sans-serif*/;
  font-stretch:normal;
  
    list-style: none;
    padding: 0;
  padding-right:10%
  display:inline;
}

.menuTemplate2 div {
    box-sizing:content-box;
  float:right;
  align:center;
}  
   
.menuTemplate2 li
{
    padding: 0;
    float: right;
    height: 58px;
    position: relative;/*delete it if you want submenu to be positioned relative to the whole menu instead of this li element*/
    color: #ffffff;
    z-index:5;
  right:10%;  /* 12.12.2019: lumichange */
}

.menuTemplate2 a
{
    padding: 0 30px;
    line-height: 58px; /*Note: keep this value the same as the height of .menuTemplate2 li */
    font-size: 18px;
    font-weight: normal;
    display: inline-block;
    outline: 0;
    text-decoration: none;
    color: #ffffff;
  /*border-bottom:0px solid #000000; */ /* 1px */
    position: relative;
}

.menuTemplate2 li:hover a, .menuTemplate2 li.onhover a
{
    background: #ffffff url(bg.gif) repeat-x 0 -48px;
    color: var(--tk-blue);
    z-index: 9;
}
.menuTemplate2 a.arrow
{
    background: url(arrow.gif) no-repeat right center;
}
 
        
/*Used to align a top-level item to the right*/        
.menuTemplate2 li.menuRight
{
    float: right;
    margin-right: 0px;
}
        
/*for the top-level separators*/
.menuTemplate2 li.separator
{
    font-size:0;
    overflow:hidden;
    border-left:0px solid #F7F7F7;  /* 1px */
    border-right:0px solid #BBBBBB; /* 1px */
  
    z-index:4;
}
    
        
/* sub level
--------------------------------------------*/
.menuTemplate1 .drop
{
    position: absolute;
    z-index:5;
    left: -9999px;
    border: 1px solid #DDD;
    border-bottom:3px solid #000000;
    background: #FFF;            
    text-align: left;
    padding: 20px;  
    color:#567882;
  font-color:#567882;
    top:58px; 
  
}

.menuTemplate1 .drop a
{
    padding-left: 0px;
    padding-right: 0px;
    line-height: 26px;
    font-size: 24px;
    font-weight: normal;
  color:black;
    display: inline;
    text-align: left;
    
    position: static;
    z-index: 0;
    background-image:none;
}

.menuTemplate1 li:hover .drop, .menuTemplate1 li.onhover .drop
{
    left: -1px;/*Use this property to change offset of the dropdown*/
    background:white url(bg-right.png) no-repeat right bottom;
}
.menuTemplate1 li:hover .dropToLeft, .menuTemplate1 li.onhover .dropToLeft
{
    left: auto;
    right: -1px;
    background:white url(bg-left.png) no-repeat 0 bottom;
}
.menuTemplate1 li:hover .dropToLeft2, .menuTemplate1 li.onhover .dropToLeft2
{
    left: auto;
    right: -60px;
}

/* Elements within the drop down sub-menu
--------------------------------------------*/

.menuTemplate1 div.drop div div
{
    padding: 6px 20px;
}
.menuTemplate1 li:hover .drop a, .menuTemplate1 li.onhover .drop a
{
    background: none;
    background-image:none;
    padding:0 0;
}
.menuTemplate1 div.drop div a
{
    line-height: 24px;  
    color: #567882;
    background:none;
}
.menuTemplate1 div.drop div a:hover
{
    text-decoration:underline;
    cursor:pointer;
    color:white;
  background-color:black;
}

.menuTemplate1 div.right {float:left;}

        

/* Menüs - Buttons Ende
--------------------------------------------*/

/*for top-level*/ 
.decorClear
{
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;

    -moz-box-shadow: 0px 0px 0px #ccc;
    -webkit-box-shadow: 0px 0px 0px #ccc;
    /*box-shadow: 0px 0px 0px #ccc;*/
  border:0;
            
} 
   
.decor1_1 
{
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;

    -moz-box-shadow: 0px 1px 4px #ccc;
    -webkit-box-shadow: 0px 1px 4px #ccc;
    /*box-shadow: 0px 1px 4px #ccc;*/
            
}


/*for submenu.*/    
.decor1_2 
{
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;

    -moz-box-shadow: 0px 12px 20px #CCCCCC;
    -webkit-box-shadow: 0px 12px 20px #CCCCCC;
    box-shadow: 0px 12px 20px #CCCCCC;
}


 
/*for top-level*/       
.decor3_1 
{
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    

    -moz-box-shadow: 1px 2px 4px 2px #999;
    -webkit-box-shadow: 1px 2px 4px 2px #999;
  border-radius:8px;
    box-sizing:border-box;
    box-shadow:0 1px 8px rgba(0,0,0,0.5);
    color:#567882;
    background-color:#E0E0E0;
    text-align: left;
    padding: 10px;  
    top:35px;
  margin-bottom:0px;
  float:left;

}

.decor3_1:hover
{
   background-color:#F0F0F0;
}
/* Menüs - Buttons Ende
--------------------------------------------*/
 
 /* Tool tips
--------------------------------------------*/
 
 .tooltip {
    display:inline-block;
    position:relative;
    border-bottom:1px dotted #666;
    text-align:left;
}

.tooltip .right {
    min-width:250px; 
    top:50%;
    left:100%;
    margin-left:20px;
    transform:translate(0, -50%);
    padding:10px 20px;
    color:#000000;
    background-color:#E0E0E0;
    font-weight:normal;
    font-size:18px;
    position:absolute;
    z-index:99999999;
    border-radius:8px;
    box-sizing:border-box;
    box-shadow:0 1px 8px rgba(0,0,0,0.5);
    visibility:hidden; opacity:0; transition:opacity 0.8s;
}

.tooltip:hover .right {
    visibility:visible; opacity:1;
}

.tooltip .right i {
    position:absolute;
    top:50%;
    right:100%;
    margin-top:-12px;
    width:12px;
    height:24px;
    overflow:hidden;
}

.tooltip .right i::after {
    content:'';
    position:absolute;
    width:12px;
    height:12px;
    left:0;
    top:50%;
    transform:translate(50%,-50%) rotate(-45deg);
    background-color:#E0E0E0;
    box-shadow:0 1px 8px rgba(0,0,0,0.5);
}
/* wenn der chirm unter einer gewissen breit ist, wird  das tooltip rechts angezeigt, weil sonst damit zu rechnen
   ist, dass der Linktext durch Umbruch ganz links anzeigt wird, und dann das tooltip links außerhalb dess screens liegt.
   funktioniert nur mit exakt dem Layout vom 12.08.2019 für den Startbildschirm
*/
@media only screen and (min-width: 1083px) {

  .tooltip .left {
    min-width:250px; 
    top:50%;
    right:100%;
    margin-right:10px;
    transform:translate(0, -50%);
    padding:10px 20px;
    color:#000000;
    background-color:#E0E0E0;
    font-weight:normal;
    font-size: 18px;
    border-radius:8px;
    position:absolute;
    z-index:99999999;
    box-sizing:border-box;
    box-shadow:0 1px 8px rgba(0,0,0,0.5);
    visibility:hidden; opacity:0; transition:opacity 0.8s;
  }
}

@media only screen and (max-width: 1082px) {
  .tooltip .left {
    min-width:250px; 
    top:50%;
    left:100%;
    margin-right:10px;
    transform:translate(0, -50%);
    padding:10px 20px;
    color:#000000;
    background-color:#E0E0E0;
    font-weight:normal;
    font-size: 18px;
    border-radius:8px;
    position:absolute;
    z-index:99999999;
    box-sizing:border-box;
    box-shadow:0 1px 8px rgba(0,0,0,0.5);
    visibility:hidden; opacity:0; 
  transition: 0.8s;
  }
}  
.tooltip:hover .left {
     visibility:visible; opacity:1;
   background-color:#E0E0E0;
   /*display:block;*/
}

.tooltip .left i {
    position:absolute;
    top:50%;
    left:100%;
    margin-top:-12px;
    width:12px;
    height:24px;
    overflow:hidden;
}

.tooltip .left i::after {
    content:'';
    position:absolute;
    width:12px;
    height:12px;
    left:0;
    top:50%;
    transform:translate(-50%,-50%) rotate(-45deg);
    background-color:#E0E0E0;
    box-shadow:0 1px 8px rgba(0,0,0,0.5);
}

 /* Tool tips ende
--------------------------------------------*/
.btn,.btn2{align:center}
.btn:hover,  .btn:focus{color:#333;text-decoration:none}
.btn-default{color:#333;background-color:#e6e6e6;border-color:#ccc}
.btn-default:hover,
.btn-default:focus,
.btn-default:active{color:#333;background-color:#ddd;border-color:#ccc}
.btn-default:active{background-image:none}
.btn-primary{color:#fff!important;background-color:#314f60;border-color:#1b3544}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active{background-color:var(--tk-green);border-color:var(--tk-green);}
.btn-danger{color:#fff!important;background-color:#e55e39;border-color:#e55e39}
.btn-danger:hover,.btn-danger:focus,.btn-danger:active{background-color:#ed7a5b;border-color:#ed7a5b}
.btn-sm,.btn-xs{padding:5px 10px;font-size:13px;line-height:1.5;border-radius:3px}
.btn-xs{padding:2px 6px}
.alert-danger{color:#b94a48;background-color:#f2dede;border-color:#eed3d7;padding:6px 12px}

/* rwh 210623 CSS for blog post listing with images left and right alternately */
div.tx-blog-post-list div.post:nth-child(odd) div.blogpostimage {
  float: right;
  margin-left: 10px;
}

div.tx-blog-post-list div.post:nth-child(even) div.blogpostimage {
  float: left;
  margin-right: 10px;
}
/*
.blogpostimage{
  width:50%;
}

.blogpostdata{
  width:50%;
}
*/

div.blogpostimage img {
  width:269px;
  height: auto;
  
}


div.post {
  overflow: hidden;
  margin-bottom: 60px;
}

/* div.blogpostdata a:not([target=_blank]):not([target=_top]) {
  font-family: 'Yanone Kaffeesatz', Verdana, Helvetica, Arial, sans-serif;
  text-align:left;
  font-size:17px;
  font-weight: normal;
  color: var(--tk-darkblue);
  text-decoration: none;
  height:58px;
    /* padding: 0px 20px 0px 0px; */
    /* line-height: 58px; */ /* Note: keep this value the same as the height of .menuTemplate1 li */
/*  border-radius: 3px;
} */

div.blogpostdata span.sep {
  padding: 10px;
}

div.blogpostdata i.fa {
  padding-left: 5px;
}

div.blogpostdata h2 a, div.blogpostdata h2 a:hover {
  font-size: 16px;
  font-weight: bold;
}

a.blogposttag span i {
  margin-right: 4px;
}

/* rwh 210623 end */

span.entry-date:first-child{
  float:left;
}
/*
@media only screen and (min-width:1920px) {
  
  #calltoaction h5 {
    font-size: 1.5rem;
    margin-block-start: 1em;
    margin-block-end: 1em;
  }
  #intro h2 {
    font-size: 4em;
  }
  #details h2 {
    font-size: 2.75rem;
  }
  footer .copyright p {
    font-size: 1.2rem;
  }
  ul.footer-links > li {
    font-size: 1.5rem;
  }
  .padded-3col {
    background-size: 40px;
    background-position: 12% 45px;
  }  
  p, .formular_standard, .formular_bold, .formular_input, .ce-bodytext li, .frame-type-text li, .tx-blog-post-list li, .tx-blog-widget li, .ce-bodytext a:not(.linkbutton), .ce-bodytext a:hover:not(.linkbutton){
    font-size: 1.2rem;
  }
  
  h4{font-size: 1.2rem;}
  h3{font-size: 1.3rem;}
  h2{font-size: 1.8rem;}
  h1{font-size: 2.5rem;}
  
}
*/