/*
This CSS resource incorporates links to font software which is the valuable copyrighted
property of Monotype Imaging and/or its suppliers. You may not attempt to copy, install,
redistribute, convert, modify or reverse engineer this font software. Please contact Monotype
Imaging with any questions regarding Web Fonts:  http://www.fonts.com
*/
@import url("https://fast.fonts.net/t/1.css?apiType=css&projectid=70f46f95-aa99-43c9-995f-5039a39d716f");
@font-face{
    font-family:"ForoRounded W01 Regular";
    src:url("../Fonts/67d9157a-3866-4572-a905-86dca0f7e3cd.eot?#iefix");
    src:url("../Fonts/67d9157a-3866-4572-a905-86dca0f7e3cd.eot?#iefix") format("eot"),url("../Fonts/a0324ab7-89ee-4544-bc84-09ea4f2971de.woff2") format("woff2"),url("../Fonts/e260e2f2-68a1-4492-8852-6299cf0eef67.woff") format("woff"),url("../Fonts/e46fdb70-ef3e-43f9-8dfa-05e1e56b3184.ttf") format("truetype"),url("../Fonts/9603bf21-c516-4401-9f5f-21b6299f728f.svg#9603bf21-c516-4401-9f5f-21b6299f728f") format("svg");
}
@font-face{
    font-family:"Foro Sans W01 Regular";
    src:url("../Fonts/930c6dd6-3786-4ddf-9c7d-1e553d82d763.eot?#iefix");
    src:url("../Fonts/930c6dd6-3786-4ddf-9c7d-1e553d82d763.eot?#iefix") format("eot"),url("../Fonts/153d0155-5cc5-46a9-8e36-ccd3caca37e1.woff2") format("woff2"),url("../Fonts/a2f891ae-d787-4efc-8770-8ed842f784db.woff") format("woff"),url("../Fonts/5c33b095-26b2-4bdd-8253-9a1cb730843d.ttf") format("truetype"),url("../Fonts/4fbd7fd4-fd87-49b8-8fad-8cc353174cd2.svg#4fbd7fd4-fd87-49b8-8fad-8cc353174cd2") format("svg");
}
@font-face{
    font-family:"Foro Sans W01 Bold";
    src:url("../Fonts/a602860d-209f-4fd7-8227-34e848973d22.eot?#iefix");
    src:url("../Fonts/a602860d-209f-4fd7-8227-34e848973d22.eot?#iefix") format("eot"),url("../Fonts/8a050f6d-b64a-46ba-85e6-b045a4d7f204.woff2") format("woff2"),url("../Fonts/1d65e5d7-1d93-47ef-afe1-436cbbe98bf7.woff") format("woff"),url("../Fonts/db890b64-2194-412f-81c6-bf38f72924df.ttf") format("truetype"),url("../Fonts/f4cb9717-f729-43d9-bdb9-337ff9152247.svg#f4cb9717-f729-43d9-bdb9-337ff9152247") format("svg");
}

/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
button,hr,input{overflow:visible}
audio,canvas,progress,video{display:inline-block}
progress,sub,sup{vertical-align:baseline}
[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}
html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}
h1{font-size:2em;margin:.67em 0}
figure{margin:1em 40px}
hr{box-sizing:content-box;height:0}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
a{background-color:transparent;-webkit-text-decoration-skip:objects}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
b,strong{font-weight:bolder}
dfn{font-style:italic}
mark{background-color:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative}
sub{bottom:-.25em}
sup{top:-.5em}
audio:not([controls]){display:none;height:0}
img{border-style:none}
svg:not(:root){overflow:hidden}
button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}
button,select{text-transform:none}
[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}
fieldset{padding:.35em .75em .625em}
legend{color:inherit;display:table;max-width:100%;white-space:normal}
textarea{overflow:auto}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
summary{display:list-item}
[hidden],template{display:none}

/*! HTML5 Boilerplate v6.0.1 | MIT License | https://html5boilerplate.com/ */
fieldset,hr{border:0;padding:0}
html{color:#222;font-size:1em;line-height:1.4}
::-moz-selection{background:#b3d4fc;text-shadow:none}
::selection{background:#b3d4fc;text-shadow:none}
hr{display:block;height:1px;border-top:1px solid #ccc;margin:1em 0}
audio,canvas,iframe,img,svg,video{vertical-align:middle}
fieldset{margin:0}
textarea{resize:vertical}

/* Browser Upgrade Prompt */
.browserupgrade { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }

/* ==========================================================================
   Author's custom styles
   font-family:'Foro Sans W01 Regular';
   font-family:'Foro Sans W01 Bold';
   font-family:'ForoRounded W01 Regular';
   default color: #1e1e1e
   hellblau: #00add9 = rgba(0,173,217,1.0);
   hellblau 2: #e0f4f9
   blau: #007097
   grau 1: #e4e4e4 80% = rgba(228,228,228,0.8);
   grau 2: #f5f5f5 80% = rgba(245,245,245,0.8);
   grau 3: #b2acad  
   rot: #e42a2a
   z-index: top_bar 9000, quicklinks 9997, overlay 9998, pushy 9999,
   burger 10001, burger mobile 10006, logo 10003, meta 10004, top_deko 11000
   ========================================================================== */
body {
	font-family:'Foro Sans W01 Regular';
	font-style: normal;
	font-weight: normal;
	background:#fff;
	color:#1e1e1e;	
	margin:0;
}
body.stopscroll {	overflow: hidden; }

/* preload svg files for hover and scroll effects */
body:after {
  content:url('../Images/Layout/icons/content/link_hover.svg') url('../Images/Layout/icons/content/download_hover.svg') url('../Images/Layout/logo/vts_logo_kl_174x50.svg') url('../Images/Layout/logo/vts_logo_kl_130x40.svg');
  display:none;
}

img, embed, object, video { max-width:100%; height:auto; width:100%; }
a {	color:#00add9; text-decoration:none; transition:color .35s ease; }
a:hover, a.active { color:#007097; }
a:focus, button:focus, select:focus {outline:0;}
nav, ul { margin:0; padding:0; }
ul li { list-style:none; }

:target:before {
    content: "";
    display: block;
    height: 80px;
    margin: -80px 0 0;
}

/* links with arrow icon, excl. anchors */
.claim a:not(.anchor_link),
.nav_quicklinks a:not(.anchor_link),
footer .right a:not(.anchor_link),
.content a.link_arrow,
.teaser_box ul li a { background:url('../Images/Layout/icons/content/link.svg') no-repeat 0 0; padding-left:1.5em; transition:all .35s ease; }

.claim a:not(.anchor_link):hover,
.nav_quicklinks a:not(.anchor_link):hover,
footer .right a:not(.anchor_link):hover,
.content a.link_arrow:hover,
.teaser_box ul li a:hover { background:url('../Images/Layout/icons/content/link_hover.svg') no-repeat 0 0; }

/* font bold */
h2, h3, h4, strong, b,
.meta .nav_lang ul li.active a {
	font-family:'Foro Sans W01 Bold';
	font-weight: normal;
	font-style: normal;
}

/* layout box */
#container { }
.wrapper { max-width:1242px; margin:0 auto; }
.wrapper .inner { margin:0 50px; }

/* top border + bar */
.border_top { position:fixed; width:100%; z-index:11000; height:2px; background:#00add9; }
.top_bar { position:fixed; width:100%; z-index: 9000; height:50px; background: rgba(228,228,228,0.8); }
.top_bar .wrapper { position:relative; }

/* fullwidth header image content */
.header_keyvisual { min-height:50px; background-size:cover; background-repeat: no-repeat; background-position: center center; }

/* logo */
.brand { max-width:1142px; margin:0 auto; }
.brand .wrapper { position:relative; }

.logo { position:fixed; z-index:10003; }
.p-1 .logo a.logo-main {
	display:block;
	background-size:contain;
	background:url('../Images/Layout/logo/vts_logo_gr_250x140.svg') no-repeat 0 0;
	width:250px;
	height:140px;
}
.p-1 .logo a.logo-main.scrolled, .logo a.logo-main {
	display:block;
	background-size:contain;
	background:url('../Images/Layout/logo/vts_logo_kl_174x50.svg') no-repeat 0 0;
	width:174px;
	height:50px;	
}

/* meta + language navi */
.meta {	position:fixed; z-index:10004; top:0; right:89px; }
.meta table { margin:0 0 0 auto; padding:0; border-collapse: collapse; height:50px; }
.nav_meta { padding-right:10px; }
.nav_lang { padding-right:40px; }

.meta ul li { float:left; border-right:1px solid #1e1e1e; font-size:.75em; line-height:1.33333; padding:0 10px; margin:0; }
.meta ul li:last-child { border-right:none; margin:0; }
.meta ul li a { display:block; color:#1e1e1e;}
.meta ul li a:hover, .meta ul li a.active { color:#b2acad; }
.meta .nav_lang ul li.active a { color:#1e1e1e; }
.meta .nav_lang ul li.passive {  padding:0 0 0 10px; margin:0; color:#999; }

/* search input header */
.search { min-width:75px; }
.search #ke_search_sword { display:none; width:278px; height:49px; padding:0 25px 0 50px; border:none; background:#fff; font-size:.9375em; }
.search #ke_search_sword.show { display:block; }
.search a.submit, .search a.submit-md {
  position:absolute;
  top:14px;
  right:60px;
  display:inline-block;
  cursor:pointer;
  width:20px;
  height:20px;
  background:url('../Images/Layout/icons/content/lupe.svg') no-repeat 0 0;
}

/* search input content */
.content #ke_search_sword { width:calc(100% - 100px); margin-right:15px; display:inline-block; }
.content button.search_submit, .content button.search_submit:hover {
  display:inline-block;
  cursor:pointer;
  width:20px;
  height:20px;
  padding:0;
  background:url('../Images/Layout/icons/content/lupe.svg') no-repeat 0 0;
  border:none;
}

 /* quicklinks box */
 .nav_quicklinks {
 	position: absolute;
 	top:140px;
 	right:90px;
 	z-index:9997;
 	background-color: rgba(245,245,245,0.8);
 	width: 354px;
 }
 .nav_quicklinks nav { padding:25px; }
 .nav_quicklinks h4 { margin: 0; padding: 0; }

.claim { background: rgba(228,228,228,0.8); padding:50px 0 80px 0; }
.claim h2 { width:63%; font-family:'ForoRounded W01 Regular'; font-size:1.5625em; line-height:1.36; letter-spacing:0.03em; margin:0 0 10px 0; padding:0; }
.claim p { font-size:1.1875em; line-height:1.421052632; letter-spacing:0.04em; margin:0; padding:0; }

.breadcrumbs { margin:25px 0 114px 0; }
.breadcrumbs nav { 	font-size:.75em; line-height:1.333333333; letter-spacing:0.05em; color:#b2acad; }
.breadcrumbs nav a { color:#b2acad; }
.breadcrumbs nav a:hover { color:#007097; }
.breadcrumbs nav .spacer { padding:0 20px 0 0; }

/* main title h1 */
.main_title { width:65.49912434%; height:112px; }
.main_title h1, .content h1 {
  font-family:'ForoRounded W01 Regular';
  font-weight: normal;
  font-style: normal;
  font-size:2.625em;
  line-height: 1.142857143;
  margin:0;
  padding:0;
}
.p-1 .main_title { margin:100px 0 50px 0; height:auto; }

/* content boxes */
main { margin:0 0 275px 0; }
aside { margin:0; }

/* content styles */
.content h1 { margin:0 0 30px 0; }
.content h2 { font-size:1.5625em; line-height:1.36; letter-spacing:0.03em; margin:0 0 15px 0; padding:0; }
.content h3 { font-size:1.1875em; line-height:1.421052632; letter-spacing:0.04em; margin:0; padding:0; }
.content h4, footer h4 { font-size:1em; line-height:1.375; letter-spacing:0.03em; margin:0; padding:0; }
.content p, .content ul, .content table { font-size:1.1875em; line-height:1.421052632; letter-spacing:0.04em; margin:0 0 25px 0; padding:0; }
.content p.warning { color:#e42a2a; border:1px solid #e42a2a; padding:10px; text-align:center; }
.content p.info { color:#e42a2a; border:none; padding:0; text-align:left; }

/* special CE layout styles */
.content div.ce_border_top { border-top:2px solid #00add9; padding:10px 0 0 0; margin:0; }
.content div.frame-space-before-50-px { margin-top:50px; }
.content div.frame-space-after-25-px { margin-bottom:25px; }
.content div.frame-space-after-50-px { margin-bottom:50px; }
.content hr.ce-div { display:block; height:50px; border:none; margin:0; }

.content ul { padding-left:20px; text-indent:-18px; }
.content ul li { margin:0 0 2px 0; }
.content ul:not(.ce-uploads) li:before { content:"–"; padding:0 8px 0 0; }
.content p + ul:not(.ce-uploads) { margin-top:-23px; }
.content ul.ce-bullets { margin-top:3px; }

/* aside col + teaser box */
aside p, .teaser_box p, .blue p, .col_33-33-33 p, footer p { font-size:1em; line-height:1.375; letter-spacing:0.03em; margin:0 0 15px 0; padding:0; }

/* subnav */
ul.subnav { margin:5px 0 95px 0; }
ul.subnav li a { display:block; border:2px solid #00add9; padding:12px 12px 12px 25px !important; margin:0 0 22px 0; }
ul.subnav li a:hover { border:2px solid #007097; }
ul.subnav li a.active { border:2px solid #00add9; background:#e0f4f9 !important; }
.p-27 ul.subnav { margin:5px 0 0 0; }

/* content grid columns */
.col_33-33-33, .col_66-33, .col_33-66, .col_50-50 { margin:0 0 40px 0; }

.col_33-33-33 .left, .col_33-33-33 .center, .col_66-33 .left, .col_33-66 .left { float:left; }
.col_33-33-33 .right, .col_66-33 .right, .col_33-66 .right { float:right; }

.col_66-33 .left { width:65.49912434%; }
.col_66-33 .right { width:30.99824868%; }

.col_33-66 .left { width:30.99824868%; }
.col_33-66 .right { width:65.49912434%; }

.col_50-50 .left, .col_50-50 .right { width:48.24868651%; }

.col_33-33-33 .left, .col_33-33-33 .center, .col_33-33-33 .right { width:30.99824868%; }
.col_33-33-33 .left, .col_33-33-33 .center { margin-right: 3.50262697%; }

/* flex grid for 2 columns, background blue */
.content .col_66-33.blue, .content .col_33-66.blue, .content .col_50-50.blue { display:flex; justify-content:space-between; }
.content .col_66-33.blue .left, .content .col_33-66.blue .left, .content .col_50-50.blue .left { background:#e0f4f9; border-top:2px solid #00add9; }
.content .col_66-33.blue .right, .content .col_33-66.blue .right, .content .col_50-50.blue .right { background:#e0f4f9; border-top:2px solid #00add9; margin-left:3.50262698% }
.blue .ce-above .ce-gallery, .blue .ce-below .ce-gallery { margin:0; }

/* gridelements teaserbox */
.teaser_box { margin:0 0 30px 0; background:#e0f4f9; border-top:2px solid #00add9; }
.blue .teaser_box { margin:0; background:none; border-top:none; }
.teaser_box > div { padding:25px 25px 10px 25px; }
.teaser_box h3 { margin:0 0 10px 0; letter-spacing:0.03em; }
.teaser_box ul { margin:0 0 15px 0; }

/* gridelements collapsing box */
.accordion_box { margin:50px 0 0 0; padding:0; }
.accordion_box h3 { border-top:2px solid #00add9; margin:0 0 10px 0; padding:10px 0 0 0; }
.accordion_box div.acc_hide { font-size:1.1875em; line-height:1.421052632; letter-spacing:0.04em; }
.accordion_box div.acc_hide p { font-size:1em; }

.accordion_box a.accordion_open { display:block; padding-left:1.625em; transition:all .35s ease; }
.accordion_box .acc_hide a.accordion_open { background:url('../Images/Layout/icons/content/accordion_open.svg') no-repeat 0 0; margin:5px 0 0 0; }
.accordion_box .acc_show a.accordion_open { background:url('../Images/Layout/icons/content/accordion_close.svg') no-repeat 0 0; font-size:1.1875em; /* margin:-20px 0 0 0; */ }

/* footer */
footer { width:100%; background: rgba(228,228,228,0.8); padding:50px 0 80px 0; }
footer .col_66-33, .copy .col_66-33 { margin:0; }
footer .vcard .tel .type { color:#00add9; }

footer .left ul.social_icons { margin:20px 0; }
footer .left ul.social_icons li { display:inline-block; margin:0 8px 0 0; }
footer .left ul.social_icons li a svg { width:28px; height:28px; fill:#00A5D5; transition:fill .35s ease; }
footer .left ul.social_icons li a svg:hover { fill:#007097; }

.copy { width:100%; height:50px; font-size:.75em; line-height:1.333333333; letter-spacing:0.05em; margin:0; padding:0; }
.copy .left, .copy .right { margin:17px 0 0 0; }
.copy .right ul li { display:inline-block; }
.copy .right ul li a { display:block; margin:0 20px 0 0; color:#b2acad; }
.copy .right ul li a:hover, .copy .right ul li a.active { color:#007097; } { color:#007097; }

/* no footer im bereich «schadenfaelle» */
.schadenfaelle footer, .schadenfaelle .copy { display:none; }
.schadenfaelle main { margin:0 0 115px 0; }

/* fancybox */
.fancy_youtube { position:relative; }
.fancy_youtube svg {
  position:absolute;
  z-index:1;
  width:100px;
  right:0;
  bottom:0;
}
.fancy_youtube img { object-fit:cover; border:1px solid #fff; }
.fancy_youtube .st0 { transition:fill .35s ease; fill:#fff; }
.fancy_youtube:hover .st0 { fill:#ccc; }

/* hamburger */
.menu-btn {
	cursor: pointer;
	position: fixed;
	top:50px;
	right:0;
	z-index:10001;
}
.menu-btn .burger {
	display: block;
	width: 90px;
	height: 90px;
	background:url('../Images/Layout/pushy/menu_open_90x90.svg') no-repeat 0 0;
	background-color: rgba(245,245,245,0.8);
	background-size:contain;
}
/* change icon if pushy opened */
body.pushy-open-right .menu-btn .burger {	background:url('../Images/Layout/pushy/menu_close_90x90.svg') no-repeat 0 0; }

/* ext. news > latest on home */
.news-list-view .article_latest { padding:25px; }
.news-list-view .article_latest h3 { margin:0 0 10px 0; }
.news-list-view .article_latest .footer p { margin:0; }
.news-list-view .article_latest .footer .news-list-date { font-family:"Foro Sans W01 Bold"; }
/* ext. news > list */
.news-list-view .article { border-top:2px solid #00add9; padding:10px 0 0 0; margin:5px 0 30px 0; }
.news-list-view .article h3 { margin:0; }
.news-list-view .article p { margin:0 0 5px 0; }
.news-list-view .article .footer p { margin:0; }
/* ext. news > single */
.news .article .news-img-wrap { margin:15px 0 0 0; }
.news .article .news-img-wrap img { margin:0 0 15px 0; }
.news .article .news-img-caption { font-size:80%; margin:0 0 5px 0; }
.news-single .article .news-backlink-wrap { margin:0 0 25px 0; }
.news-single .pager { margin:0 0 15px 0; font-size:1em; line-height:1.375; letter-spacing:0.03em; }
.news-single .pager li { margin:0 0 5px 0; }
.news-single .detail-share li { display:inline-block; margin:0 10px 0 0; }
.news-single .detail-share a svg:hover .st0 { fill:#007097; transition:fill .35s ease; }
/* news link icons */
.news-list-view a.more,
.news-backlink-wrap a,
.news-single .pager li.next a,
.news-single .pager li.previous a { background:url('../Images/Layout/icons/content/link.svg') no-repeat 0 0; padding-left:1.5em; transition:all .35s ease; }
.news-list-view a.more:hover,
.news-backlink-wrap a:hover,
.news-single .pager li.next a:hover,
.news-single .pager li.previous a:hover { background:url('../Images/Layout/icons/content/link_hover.svg') no-repeat 0 0; padding-left:1.5em; transition:all .35s ease; }
/* page pagination */
.news .page-navigation p, .news .page-navigation ul { margin:20px 0; font-size:1em; line-height:1.375; letter-spacing:0.03em; }
.news .page-navigation p{float:left}
.news .page-navigation ul{float:right}
.news .page-navigation ul li{float:left;display:block;padding:0 5px;}
.news .page-navigation ul li a{display:block}
.news .nav ul{float:left;display:inline;margin:0}
.news .nav li{float:left}.news .nav a{float:left;display:block}
.news .nav:after{display:block}

ul.f3-widget-paginator { padding:10px 0; border-top:1px solid #eee; }
ul.f3-widget-paginator li { display:inline-block; margin:0 20px 0 0; }

.content .news ul { padding-left:0; text-indent:0; margin:20px 0; }
.content .news ul li:before { content:""; padding:0; }

/* calendar */
.p-1 .calendarize h3 { margin:25px 0 10px 25px; }
.tx-sf-event-mgt { border-top:1px solid #fff; margin-bottom:25px; }
.tx-sf-event-mgt .event-list-item { display:flex; border-bottom:1px solid #fff;  }
.tx-sf-event-mgt .event-list-row { padding:5px 25px; }
.tx-sf-event-mgt .event-list-row.date { width:25%; }
.tx-sf-event-mgt .event-list-row.teaser { width:50%; padding:5px 0px; }
.tx-sf-event-mgt .event-list-row.location { width:25%; }

/* ext. klinkvtsmitglieder */
.tx-klinkvtsmitglieder label, .tx-klinkvtsmitglieder select { font-size:1.1875em; line-height:1.421052632; letter-spacing:0.04em; }
.tx-klinkvtsmitglieder .two_col { margin:0 0 30px 0; }
.tx-klinkvtsmitglieder .two_col .col_left { float: left; width: 48%; }
.tx-klinkvtsmitglieder .two_col .col_right { float: right; width: 48%; }
.tx-klinkvtsmitglieder div.ce_border_top { margin:35px 0 0 0; }
.tx-klinkvtsmitglieder .field_wrap { margin:20px 0 40px 0; }
.tx-klinkvtsmitglieder .checkbox, .tx-klinkvtsmitglieder .radio { margin:0 10px 15px 0; }
.tx-klinkvtsmitglieder .checkbox label, .tx-klinkvtsmitglieder .radio label { width:100%; }
.tx-klinkvtsmitglieder .checkbox label .table-cell-input, .tx-klinkvtsmitglieder .checkbox label .table-cell-text,
.tx-klinkvtsmitglieder .radio label .table-cell-input, .tx-klinkvtsmitglieder .radio label .table-cell-text { display:table-cell; vertical-align:text-top; }
.tx-klinkvtsmitglieder .checkbox label .table-cell-input, .tx-klinkvtsmitglieder .radio label .table-cell-input { padding-right:8px; }
.tx-klinkvtsmitglieder a.linkbutton { display:block; width:calc(48% - 50px); }
.tx-klinkvtsmitglieder .ort h3 { margin:0 0 30px 0; }
.tx-klinkvtsmitglieder .mitglied p { margin:0; }

/* ext. klinkvtsbranchenlieferanten */
.tx-klinkvtsbranchenlieferanten select { font-size:1.1875em; line-height:1.421052632; letter-spacing:0.04em; margin:0 0 50px 0; }
.tx-klinkvtsbranchenlieferanten .two_col { margin:0 0 30px 0; }
.tx-klinkvtsbranchenlieferanten .two_col .col_left { float: left; width: 48%; }
.tx-klinkvtsbranchenlieferanten .two_col .col_right { float: right; width: 48%; }
.tx-klinkvtsbranchenlieferanten h3 { margin:0 0 30px 0; }
.tx-klinkvtsbranchenlieferanten p { margin:0 0 15px 0; }

/* ext. klinkvtsbranchenlieferanten */
.tx-klinkvtsmarktplatz label { font-size:1.1875em; line-height:1.421052632; letter-spacing:0.04em; width:25%; margin:0 5% 0 0; float:left; padding-top:10px; }
.tx-klinkvtsmarktplatz .form_field { width:70%; float:left; }
.tx-klinkvtsmarktplatz .form_fieldwrap { margin:0 0 15px 0;  }
.tx-klinkvtsmarktplatz .form_fieldwrap_type_radio .form_field { margin:0 0 25px 0; }

.tx-klinkvtsmarktplatz .radio { display:inline-block; margin:0 15px 0 0; }
.tx-klinkvtsmarktplatz .radio label { width:100%; }
.tx-klinkvtsmarktplatz .radio label .table-cell-input, .tx-klinkvtsmarktplatz .radio label .table-cell-text { display:table-cell; }
.tx-klinkvtsmarktplatz .radio label .table-cell-input { padding-right:8px; }

.tx-klinkvtsmarktplatz input[type="text"], .tx-klinkvtsmarktplatz input[type="email"], 
.tx-klinkvtsmarktplatz input[type="tel"], .tx-klinkvtsmarktplatz textarea { width:calc(100% - 52px); }
.tx-klinkvtsmarktplatz .form-error { margin-left:30%; padding:5px 0; color:#e42a2a; }

.tx-klinkvtsmarktplatz .form_fieldwrap_type_submit { margin-left:30%; }
.tx-klinkvtsmarktplatz input[type="submit"] { width:calc(70% - 50px); margin:40px 0; }

.tx-klinkvtsmarktplatz .accordion_box h3 { border-top:none; margin:0; padding:0; }
.tx-klinkvtsmarktplatz .accordion_box p.date { border-top:2px solid #00add9; margin:0; padding:10px 0 0 0; }

.tx-klinkvtsmarktplatz .jump_offset_header { display:block; height:50px; margin-top:-50px; visibility: hidden; }

/* forms */
button, input, optgroup, select, select option, textarea { font-family:'Foro Sans W01 Regular'; }
input[type="submit"], input[type="button"], button, select { border-radius:0; }

input[type="text"], input[type="email"], input[type="tel"], input[type="search"], input[type="password"], textarea {
  transition: all .35s ease-in-out;
  outline: none;
  padding:10px 25px;
  margin:0;
  background:#f5f5f5;
  border:1px solid #f5f5f5;
}

input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="password"]:focus, input[type="search"]:focus,
textarea:focus, select:focus { border: 1px solid rgba(0, 173, 217, 1.0); }

input[type="submit"], button[type="submit"], a.linkbutton {
  padding:10px 25px;
  text-align:left;
  margin:0;
  background:#00add9;
  color:#fff;
  border:0 none;
  outline:none;
  cursor:pointer;
  transition: all .35s ease-in-out;
}
input[type="submit"]:hover, button[type="submit"]:hover, a.linkbutton:hover { background:#007097; }

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width:100%;
  height:50px;
  border:none;
  padding:0 60px 0 25px;
  background:url('../Images/Layout/icons/content/arrow_select.svg') no-repeat right 15px center #f5f5f5;
}

/* input placeholder colors */
::-webkit-input-placeholder { color:#1e1e1e; }
::-moz-placeholder { color:#1e1e1e; }
:-ms-input-placeholder { color:#1e1e1e; }
:-moz-placeholder { color:#1e1e1e; }
input:focus::-webkit-input-placeholder { color:transparent; }
input:focus::-moz-placeholder { color:transparent; }
input:focus:-ms-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; }

/* default styles for extension "tx_frontend" */
.ce-table td, .ce-table th { vertical-align: top; }
.ce-textpic, .ce-image, .ce-nowrap .ce-bodytext, .ce-gallery, .ce-row { overflow: hidden; }

.ce-gallery figure { display: table; margin: 0; }
.ce-gallery figcaption { display: table-caption; caption-side: bottom; padding-top: 0; }
.ce-gallery figcaption span { display: block; }
.ce-gallery img { display: block; }
.ce-gallery iframe { border-width: 0; }
.ce-border img, .ce-border iframe { border: 1px solid silver; padding: 1px; }

.ce-above .ce-gallery { margin-bottom:15px; }
.ce-below .ce-gallery { margin-top:15px; }

.ce-column { margin-right: 15px; }
.ce-column:last-child { margin-right: 0; }

.ce-row { margin-bottom: 15px; }
.ce-row:last-child { margin-bottom: 0; }

.ce-above .ce-bodytext { clear: both; }

/* gallery responsive */
.ce-gallery, .ce-column { float: left; }
.ce-gallery { width: 100%; }
.ce-gallery .ce-column { box-sizing: border-box; margin-right: 5%; padding: 0; }
.ce-gallery .ce-column:last-child { margin-right: 0; }
.ce-gallery[data-ce-columns="1"] .ce-column { width: 100%; }
.ce-gallery[data-ce-columns="4"] .ce-column { width: 21.25%; margin-bottom:25px; }

/* uploads */
ul.ce-uploads { margin:0 0 25px 0; padding: 0; text-indent:0; }
ul.ce-uploads span { display:inline-block; }
ul.ce-uploads li { display:block; margin:5px 0; }
ul.ce-uploads .ce-uploads-description,
ul.ce-uploads .ce-uploads-filesize { margin-left:5px; color:#999; display:none; }
ul.ce-uploads img { float:left; vertical-align: top; width:100px; border:1px solid #ccc; padding-right:0; margin-right:15px; }
ul.ce-uploads li a { display:block; background:url('../Images/Layout/icons/content/download.svg') no-repeat 0 0; padding-left:1.5em; transition:all .35s ease; }
ul.ce-uploads li a:hover { background:url('../Images/Layout/icons/content/download_hover.svg') no-repeat 0 0; }

/* upload list secured - s. ext. klinkprotectedfiles */
.content ul.ce-uploads li a.KPFlocked { background:url('../Images/Layout/icons/content/download_secured.svg') no-repeat 0 0; color:#999; }

ul.ce-uploads li a, .content ul.ce-uploads li a.KPFlocked, ul.ce-uploads li a:hover { background-size:24px 24px; }
.teaser_box ul.ce-uploads li a, .teaser_box ul.ce-uploads li a:hover { background-size:20px 20px; }

/* sitemap */
.content ul.ce-sitemap { font-size:1em; margin:0 0 20px 20px; }

/* youtube embed via CE text + media, responsive iframe */
.embed-container { position:relative; padding-bottom:56.25%; height:0; overflow:hidden; max-width:100%; }
.embed-container iframe, .embed-container object, .embed-container embed { position:absolute; top:0; left:0; width:100%; height:100%; border:none; }

/* responsive iframe, height 700px */
.iframe-container { position:relative; height:700px; overflow:hidden; max-width:100%; }
.iframe-container iframe { position:absolute; top:0; left:0; width:100%; height:100%; border:none; }

/* loginform ext. klinkprotectedfiles in fancybox */
.KPFloginform { display:none; width:90%; max-width:760px !important; }
.KPFloginform label { display:block; margin:0 0 2px 0; }
.KPFloginform .fieldwrap { margin:0 0 15px 0; }
.KPFloginform input { width:calc(100% - 50px); }
.KPFloginform button[type="submit"] { width:calc(50% - 25px); margin:40px 0; }

/* ext. felogin */
.frame-type-felogin_login legend { display:none; }
.frame-type-felogin_login fieldset { margin:20px 0; padding:20px 20px 0 20px; border:1px solid #ccc; }
.frame-type-felogin_login fieldset label { display:block; margin:0 0 3px 0; font-size:.9375rem; }
.frame-type-felogin_login h3 { margin:0 0 3px 0; }
.frame-type-felogin_login div { margin:0 0 20px 0; }
.frame-type-felogin_login input[type=text], .frame-type-felogin_login input[type=password] { width:calc(100% - 52px); }

/* felogin alert */
ul.typo3-messages { padding-left:0; text-indent:0; }
ul.typo3-messages li.alert { background:#fff; padding:1rem; }
ul.typo3-messages li.alert:before { display:none; }
ul.typo3-messages li.alert p { display:inline; font-size:90%; margin:0; }
ul.typo3-messages li.alert.alert-error { color:#419b33; border:1px solid #419b33; }
ul.typo3-messages li.alert.alert-success { color:#ef4444; border:1px solid #ef4444; }

/* Helper classes */
.ir{background-color:transparent;border:0;overflow:hidden;*text-indent:-9999px}
.ir:before{content:"";display:block;width:0;height:150%}
.show-md{display:none!important}
.visuallyhidden{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;-webkit-clip-path:none;clip-path:none;height:auto;margin:0;overflow:visible;position:static;width:auto;white-space:inherit}
.invisible{visibility:hidden}
.clearfix:after,.clearfix:before{content:" ";display:table}
.clearfix:after{clear:both}

/* ==========================================================================
/* media queries */
/* ==========================================================================

/* max height 768px */
@media only screen and (max-height : 768px) {

	.breadcrumbs { margin:25px 0 64px 0; }

}

/* max width 1024px */
@media only screen and (max-width : 1024px) {

	.wrapper .inner { margin:0 30px; }
	.logo { left:30px; }
	.claim h2 { width:75%; }
  .tx-sf-event-mgt .event-list-item { display:block; }
  .tx-sf-event-mgt .event-list-row.date, .tx-sf-event-mgt .event-list-row.teaser, .tx-sf-event-mgt .event-list-row.location { width:auto; }
  .tx-sf-event-mgt div { font-size:.875em; }
}

/* max width 768 - 959px (tablet portrait) */
@media only screen and (min-width: 768px) and (max-width: 959px) {

	.nav_quicklinks { display:none; }

  .main_title h1, .content h1 { font-size:2.1em; }
  .content h2 { font-size:1.25em; }
  .claim h2, .content h3, .teaser_box h3 { font-size:1em; }
  .content h4, footer h4 { font-size:.9375em; }
  .claim p, .content p, .content ul, .content table, .accordion_box div.acc_hide,
  .news-single .pager, .news .page-navigation p, .news .page-navigation ul{ font-size:1em; }
  aside p, .teaser_box p, .blue p, footer p, footer ul, ul.subnav li a { font-size:.875em; }

  ul.ce-uploads li a, .content ul.ce-uploads li a.KPFlocked, ul.ce-uploads li a:hover { background-size:22px 22px; }
  .teaser_box ul.ce-uploads li a, .teaser_box ul.ce-uploads li a:hover { background-size:18px 18px; }
	
}

/* max width 768px (mobile) */
@media only screen and (max-width : 767px) {
  
	.show-md{display:block!important}
	.hidden-md{display:none!important}

	.wrapper .inner { margin:0 20px; }
	.logo { left:20px; }

	/* reset sticky footer */
	html { position:static; min-height:auto; }
	body { margin:0; }
	footer, .copy { position:static; bottom:0; height:auto; }

	footer { padding:30px 0; }
	.copy { padding:10px 0; }
	footer .col_66-33 .left, footer .col_66-33 .right { margin:0; }
	.copy .col_66-33 .left, .copy .col_66-33 .right { margin:10px 0; }

	/* logo */
	.p-1 .logo a.logo-main { background:url('../Images/Layout/logo/vts_logo_gr_140x78.svg') no-repeat 0 0; width:140px; height:78px; }
	.p-1 .logo a.logo-main.scrolled, .logo a.logo-main { background:url('../Images/Layout/logo/vts_logo_kl_130x40.svg') no-repeat 0 0; width:130px; height:40px; }

	/* hide logo if pushy open */
	body.pushy-open-right .logo { display:none; }

	.top_bar { height:40px; }
	.claim { padding:28px 0 25px 0; }  
	.claim h2 { width:100%; }

	.main_title { width:100%; height:auto; }
	.main_title h1 { margin:0 0 20px 0; }
	.p-1 .main_title { margin:55px 0 20px 0; }

	.nav_quicklinks { display:none; }
	.header_keyvisual { min-height:40px; }
	.breadcrumbs { margin:20px 0 45px 0; }

	.meta { right:0; }
	.meta table { height:40px; margin-right:60px; }
	.nav_meta, .nav_lang { padding-right:0; display:none; }
	body.pushy-open-right .nav_meta, body.pushy-open-right .nav_lang { display:table-cell; }

	.search { min-width:30px; }
	.search #ke_search_sword { width:calc(100% - 40px); height:auto; padding:10px 20px; border-top:2px solid #00add9; position:absolute; top:40px; right:0; }
	.search a.submit-md { width:14px; height:14px; top:13px; right:60px; }

	.menu-btn { top:0; z-index:10006; }
	.menu-btn .burger {
	  width: 40px;
	  height: 40px;
	  background:url('../Images/Layout/pushy/menu_open_40x40.svg') no-repeat 0 0;
	  background-color: rgba(245,245,245,0.8);
	}

	main { margin:0 0 115px 0; }
	aside { margin:50px 0 0 0; }

	/* subnav */
	ul.subnav { margin:0 0 20px 0; }
	ul.subnav li a { padding:11px 11px 11px 25px !important; margin:0 0 10px 0; }

	/* grid cols */
	.col_33-33-33, .col_66-33, .col_33-66, .col_50-50 { margin:0; }

	.col_33-33-33 .left, .col_33-33-33 .center, .col_33-33-33 .right,
	.col_66-33 .left, .col_66-33 .right, .col_33-66 .left, .col_33-66 .right,
  .col_50-50 .left, .col_50-50 .right { float:none; width: 100%; margin:0 0 20px 0 }

	.content .col_66-33.blue, .content .col_33-66.blue, .content .col_50-50.blue { display:block; }
	.content .col_66-33.blue .right, .content .col_33-66.blue .right, .content .col_50-50.blue .right { margin-left:0; }

	.teaser_box > div, .news-list-view .article_latest { padding:12px 12px 2px 12px; }

  .ce-gallery[data-ce-columns="4"] .ce-column { width:45%; margin-bottom:15px; }

	/* font sizes */
	.main_title h1, .content h1 { font-size:1.5625em; line-height:1.28; }
	.content h2,	.claim h2 { font-size:.9375em; line-height:1.333333333; }
  .content h3, .teaser_box h3 { font-size:.875em; line-height:1.285714286; }
	.content h4, footer h4 { font-size:.6875em; line-height:1.272727273; }
	.claim p, .content p, .content ul, .content table, .accordion_box div.acc_hide,
	.news-single .pager, .news .page-navigation p, .news .page-navigation ul,
  .news-backlink-wrap a { font-size:.875em; line-height:1.285714286; margin:0 0 15px 0; } 
	aside p, .teaser_box p, .teaser_box ul, .blue p, footer p, footer ul { font-size:.6875em; line-height:1.272727273; }
  ul.subnav li a { font-size:.75em; line-height:1.25; }
	.copy { font-size:.625em; line-height:1.2; }
	.content p + ul:not(.ce-uploads) { margin-top:-13px; }
	.accordion_box .acc_show a.accordion_open { font-size:.8125em; margin:0; }
  input[type="submit"], button[type="submit"], a.linkbutton { font-size:80%; }

  ul.ce-uploads li a, .content ul.ce-uploads li a.KPFlocked, ul.ce-uploads li a:hover { background-size:17px 17px; }
  .teaser_box ul.ce-uploads li a, .teaser_box ul.ce-uploads li a:hover { background-size:15px 15px; }

	/* silbentrennung */
	.claim h2, .content p {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
	}

   /* special CE layout styles */
  .content div.frame-space-before-50-px { margin-top:25px; }
  .content div.frame-space-after-50-px { margin-bottom:25px; }

	/* calendarize table responsive */
	.p-1 .calendarize h3 { margin:10px 0 10px 10px; }

	/* loginform ext. klinkprotectedfiles in fancybox */
  .KPFloginform { font-size:.875em; line-height:1.285714286; }
	.KPFloginform button[type="submit"] { width:100%; margin:20px 0; }

	/* ext. klinkvtsmitglieder */
	.tx-klinkvtsmitglieder label, .tx-klinkvtsmitglieder select { font-size:.875em; line-height:1.285714286; }
	.tx-klinkvtsmitglieder .two_col .col_left,  .tx-klinkvtsmitglieder .two_col .col_right { float:none; width:100%; margin:0 0 20px 0; }
  .tx-klinkvtsmitglieder .checkbox label .table-cell-input, .tx-klinkvtsmitglieder .radio label .table-cell-input { padding-right:4px; }
	.tx-klinkvtsmitglieder .field_wrap { margin:20px 0 0 0; }
	.tx-klinkvtsmitglieder a.linkbutton { display:block; width:calc(100% - 50px); }

	/* ext. klinkvtsbranchenlieferanten */
	.tx-klinkvtsbranchenlieferanten select { font-size:.875em; line-height:1.285714286; }
	.tx-klinkvtsbranchenlieferanten .two_col .col_left, .tx-klinkvtsbranchenlieferanten .two_col .col_right { float:none; width:100%; }

	/* ext. klinkvtsmarktplatz */
	.tx-klinkvtsmarktplatz label { display:block; font-size:.875em; line-height:1.285714286; width:100%; margin:0 0 5px 0; padding-top; float:none; }
	.tx-klinkvtsmarktplatz .form_field { width:100%; float:none; }
	.tx-klinkvtsmarktplatz .radio { display:block; margin:0; }
	.tx-klinkvtsmarktplatz .form-error, .tx-klinkvtsmarktplatz .form_fieldwrap_type_submit { margin-left:0; }
	.tx-klinkvtsmarktplatz input[type="submit"] { width:100%; }
		
}

/* Print styles */
@media print{
	blockquote,img,pre,tr{page-break-inside:avoid}
	*,:after,:before{background:0 0!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}
	a,a:visited{text-decoration:underline}
	a[href]:after{content:" (" attr(href) ")"}
	abbr[title]:after{content:" (" attr(title) ")"}
	a[href^="#"]:after,a[href^="javascript:"]:after{content:""}
	pre{white-space:pre-wrap!important}
	blockquote,pre{border:1px solid #999}
	thead{display:table-header-group}
	h2,h3,p{orphans:3;widows:3}
	h2,h3{page-break-after:avoid}
}

