/* custom.css */

/* Hellblau: #11c0de */

p a {
	color: #11c0de;
}

p a:hover {
	color: #11c0de;
	text-decoration: none;
}

h1 a {
	color: #11c0de;
}

h1 a:hover {
	color: #11c0de;
}

#abschicken,
.animbutton a,
.submitbutton {
	color: #fff;	
	position: relative;
	display: inline-block;
	padding: 14px 28px;
	line-height: normal;
	border: 1px solid #11c0de;
	border-radius: 0;
	text-transform: uppercase;
	font-size: 15px;
	text-align: center;
	letter-spacing: .2em;
	font-family: Avenir Next Rounded,sans-serif;
	font-weight: 400;
	font-style: normal;
	background-color: transparent;
	transition: color .45s cubic-bezier(.17,.192,.222,.86),border .45s cubic-bezier(.17,.192,.222,.86);
	z-index: 1;
	-webkit-tap-highlight-color: initial;
	text-decoration: none;
}

.submitbutton {
	background: #11c0de;
}

#abschicken::before,
.animbutton a::before,
.submitbutton::before {
	content: '';
	background-color: #11c0de;
	position: absolute;
	content: "";
	display: block;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	transform: scale(1);
	transform-origin: left center;
	z-index: -1;
	transition: transform .45s cubic-bezier(.17,.192,.222,.86);
	border-bottom: 0;
}

#abschicken:hover:before,
.animbutton a:hover:before,
.submitbutton:hover:before {
	transform-origin: right center;
	transform: scaleX(0);
	transition: transform .45s cubic-bezier(.17,.192,.222,.86);
}

#abschicken:hover,
.animbutton a:hover,
.submitbutton:hover {
	color: #a4ae91;
}

.submitbutton:hover {
	cursor: pointer;
	color: #fff;
}

#footer-row {
	border-top: 1px solid rgba(17,192,222,1.0);
}

#slideshow-home .uk-slideshow-items .el-content {
	color: #fff;
	padding-left: 30px;
}

.formError {
	font-size: 0.8em;
	color: #ca3a14;
}

.mtext1 h2 {
	font-size: 24px;
	letter-spacing: 0.2em;
}

.mtext2 h2 {
	font-size: 24px;
	letter-spacing: 0.2em;
}

.tm-main a,
.footerlink a,
a.el-link.uk-button-default,
.blog-tische a.uk-button.uk-button-default,
.bloghome a.uk-button.uk-button-text,
a.animlink {
  display: inline-block;
  position: relative;
  color: #11c0de;
}

.tm-main a:before,
.footerlink a:before,
a.el-link.uk-button-default:before,
.blog-tische a.uk-button.uk-button-default:before,
.bloghome a.uk-button.uk-button-text:before,
a.animlink:before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
  background-color: #11c0de;
  transform: scaleX(1);
  transform-origin: top left;
  transition: transform 0.3s ease;
}

.tm-main a:hover:before,
.footerlink a:hover:before,
a.el-link.uk-button-default:hover:before,
.blog-tische a.uk-button.uk-button-default:hover:before,
.bloghome a.uk-button.uk-button-text:hover:before,
a.animlink:hover:before {
  transform: scaleX(0);
  transform-origin: bottom left;
}

.tm-main a:hover,
.footerlink a:hover,
.animlink:hover {
	text-decoration: none;
}

#bloghome .mod-articlesnews {
	display: grid;
	grid-template-columns: auto auto auto;
	gap: 60px;
}


body.blog-tische .uk-grid-margin.uk-first-column {
	margin-bottom: 30px;
}

body.blog-tische  * + .uk-margin-medium {
	margin-top: 20px !important;
}

.maxwidth1 {
	max-width: 75%;
	margin: 0 auto;
}

/* Tischkonfigurator */
.trans-img {
	display: none;
}

body.home .order-link-tconf,
body.konfigurator .order-link-home {
	display: none;
}

body.home #form-outer {
    display: flex;
    flex-wrap: wrap;
}

body.home #form-outer #menudiv {
    width: 100%;
}

body.home #datendivouter {
	/*padding-left: 20px;*/
	overflow: hidden;
	width: 100%;
}
body.konfigurator #datendivouter {
	overflow: hidden;
}
body.konfigurator #form-outer {
	display: grid;
	grid-template-columns: 1fr;
}

.form-field-surround {
	padding: 4px 0 0 4px;
}

.form-field-surround label {
    display: flex;
    align-items: center;
}

.form-field {
	display: block;
	padding: 12px 14px;
	border-radius: 0;
	font-size: 18px;
	border: 1px solid #e3e3e3;
	background: #fff;
}

select.form-field:hover {
	cursor: pointer;
}

option.menutitel {
	color: #11c0de;
	font-weight: 700;
}

.select-tischplatte {display: grid; grid-template-columns: 130px auto;} 
.select-tischplattefarbe {display: grid; grid-template-columns: 130px auto;} 
.select-tischgestell {display: grid; grid-template-columns: 130px auto;} 
.select-distanz {display: grid; grid-template-columns: 130px auto;} 
.select-laenge {display: grid; grid-template-columns: 130px auto;} 
.select-breite {display: grid; grid-template-columns: 130px auto;} 
.select-hoehe {display: grid; grid-template-columns: 130px auto;}

#order-text {
	font-size: 18px;
}

#extralink {
	margin-top: 5px;
}

#extratext {
	position: relative;
	float: left;
	width: 589px;
	margin-top: 10px;
}

td.plz-ort {
	display: grid;
	grid-template-columns: 90px 15px auto;	
}

.trenner-div {
    display: flex;
    align-items: center;
	padding: 0 4px 0 4px;
}

a.order-link,
a.extra-text-link {
  display: inline-block;
  position: relative;
  color: #11c0de;
}

a.order-link:hover,
a.extra-text-link:hover {
  text-decoration: none;
  color: #11c0de;  
}

a.order-link:before,
a.extra-text-link:before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
  background-color: #11c0de;
  transform: scaleX(1);
  transform-origin: top left;
  transition: transform 0.3s ease;
}

a.order-link:hover:before,
a.extra-text-link:hover:before {
  transform: scaleX(0);
  transform-origin: bottom left;
}

.agb-link {
	text-decoration: underline;
}

.table-form td {padding: 3px 0 3px 0; }

.table-form input[type=text],
.table-form textarea {width: 100%; }

.btextarea {height: 120px; }

.table-plz {width: 100%; }

.table-form .calc-delivery {width: 90px !important; }

.calc-outer {display: grid; grid-template-columns: 100px auto; }

.calc-link {display: flex; align-items: center; }

.table-bestellung .td-form-links {padding-right: 7px; }

#order-pics {width: 100%; max-height: 598px; background-size: 100% 100% !important;}
#order-pics img {width: 100%;}
.form-field-surround{margin-bottom: 1rem;}
body.blog-tische * + .uk-grid-margin, .uk-grid + .uk-grid, .uk-grid > .uk-grid-margin {
	margin-top: 100px;
}
/* #order-pics{width: 100%;} */
.form-field-surround .form-field {width: 100%;}
body.konfigurator #form-outer{gap: 1rem;}


.newsflash h2 {margin-top: 20px; font-size: 22px; }

.uk-panel .uk-margin-remove-last-child.custom h2 {margin-bottom: 20px !important; }

.cus-blog-img {height: 33%;}

.cus-blog-img img {height: 100%;aspect-ratio: 1/0.6;}

.uk-margin.uk-slideshow .uk-slideshow-items li .uk-flex {justify-content: center; }

body.blog-tische .cus-blog-wrap .uk-text-center.uk-margin-medium-top img {aspect-ratio: 1.1/0.7; }

#slideshow-home .uk-slideshow-items .el-content p {font-size: 25px; text-transform: uppercase;}

.bild-mit-text a,
.logotop a {
	color: #11c0de;
}

.bild-mit-text a:hover,
.logotop a:hover {
	color: #11c0de;
}

.bild-mit-text .txt1 {
	font-size: 36pt;
	text-align: center;
}

.bild-mit-text .txt2 {
	font-size: 25pt;
	text-align: center;	
}

.tm-headerbar {
	margin-top: 10px;
}

#imagepreview {
	height: auto;
}

.footer-social ul {
	float: right;
	clear: both;
}

.footer-info-right {
	float: right;
	clear: both;
}
.footer-info p,
.footer-info p a {
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 35px;
	color: #353535;
}
p.title-footer {
	font-weight: 700;
	color: #353535;
	font-size: 19px;
	letter-spacing: 1px;
	}
h1.uk-article-title {
	font-size: 48px;
	letter-spacing: 0.1em;
}
a.el-link.uk-button {
	letter-spacing: 1px;
}
/* Responsive */

@media (max-width: 959px) {
body.blog-tische .introbild {max-width: 100%; }

#extratext{width: 100%;}

body.home #datendivouter, 
body.home #form-outer #menudiv, 
body.home #datendivouter{width: 100%;}

.footer-info-left {
	padding-left: 0px;
}
}

@media (max-width: 920px) {

.bild-mit-text .txt1 {
	font-size: 2.0em;
}

.bild-mit-text .txt2 {
	font-size: 1.6em;
}

}

@media (max-width: 767px) {
	/* .uk-grid {margin-left: 0;}
	.uk-grid>* {padding-left: 0;} */
	body.blog-tische * + .uk-grid-margin, .uk-grid + .uk-grid, .uk-grid > .uk-grid-margin {margin-top: 20px;}
	.maxwidth1{max-width: calc(94% - 20px); margin-left: auto; margin-right: auto;}
	.home .uk-container {padding-left: 0px; padding-right: 0px;}
	.home footer #footer-row {padding-left: 20px; padding-right: 20px;}
	.home header.tm-header-mobile .uk-container.uk-container-expand {padding-left: 15px; padding-right: 15px;}
	.uk-offcanvas-bar .uk-nav-default>li>a{color: #fff;}
	body.home #form-outer,
	body.konfigurator #form-outer{display: block;}
	body.home #datendivouter{padding: 0; overflow: inherit;}
	body.home #form-outer .menudiv,
	body.konfigurator #form-outer .menudiv {margin-bottom: 1rem;}
	/*#order-pics{width: 100%;} */
	#bloghome .mod-articlesnews{display: block;}
	.form-field-surround .form-field {width: 100%;}
	ul#uk-slideshow-19-items .el-content p span {font-size: 20px !important; line-height: normal;}

	.uk-notification h2{word-break: break-word;}
	article#article-98 h2 {word-break: break-word;}
	.blog-tische .uk-child-width-1-3\@m>* {width: calc(100% * 1 / 1);}

	body.home #datendivouter, body.home #form-outer #menudiv{width: 100%;}

	body.home #datendivouter table.table-bestellung, body.home #datendivouter table.table-bestellung tbody {width: 100%; display: block;}

    .logotop img {width: 178px;}
    .uk-logo.uk-navbar-item {display: none;}
}

@media (max-width: 600px) {

.bild-mit-text .txt1 {
	font-size: 1.5em;
}

.bild-mit-text .txt2 {
	font-size: 1.1em;
}

}

@media (max-width: 480px) {
	#slideshow-home .uk-slideshow-items .el-content{padding-left: 0;}
	#slideshow-home .uk-slideshow-items .el-content p{text-align: center;}
	.mtext2, .mtext1{padding: 0 15px; word-break: break-word;}
}
body.home #datendivouter table.table-bestellung tbody tr td.bestform,
body.home #datendivouter table.table-bestellung tbody tr td.bestform table {
    width: 100%;
    display: block;
}

body.home #datendivouter table.table-bestellung tbody tr {
    width: 100%;
    display: block;
}

body.home #datendivouter table.table-bestellung tbody tr table.table-form td.td-form-rechts {
    width: 100%;
}

header.tm-header-mobile nav.uk-navbar .uk-navbar-left {width: 90%; justify-content: center; }

#slideshow-home .uk-slideshow-items .el-content p {font-size: 24px; }


.tische-home img.el-image {cursor: pointer;}
.blog-tische img.introbild {cursor: pointer;}
#imagemodal .close{color: #000; background: #fff; border-radius: 50%; height: 26px; width: 26px; opacity: 1; font-size: 24px; position: absolute; right: -20px; top: -20px; display: flex; align-items: center; justify-content: center;}
#imagemodal .modal-content{background: transparent; border: 0;}
#imagemodal .modal-body{padding: 0;}
.uk-button-default, .uk-button-text{font-size: 18px; line-height: 1.42857143;}
img.el-image {
    cursor: pointer;
}
@media only screen and (min-width:680px) and (max-width:768px){ 
/* 	body.konfigurator #form-outer{display: grid; gap: 1rem; grid-template-columns: 50% 48%;} */
}
@media only screen and (min-width:768px) and (max-width:1024px){ 
/* 	.uk-grid {margin-left: 0;} */
	body.blog-tische * + .uk-grid-margin, .uk-grid + .uk-grid, .uk-grid > .uk-grid-margin {margin-top: 20px;}
	.home .uk-container {padding-left: 0px; padding-right: 0px;}
	.home footer #footer-row {padding-left: 20px; padding-right: 20px;}
	.home header.tm-header-mobile .uk-container.uk-container-expand {padding-left: 15px; padding-right: 15px;}
	.uk-offcanvas-bar .uk-nav-default>li>a{color: #fff;}
	.maxwidth1{max-width: calc(94% - 20px); margin-left: auto; margin-right: auto;}

/* 	body.konfigurator #form-outer{display: grid; gap: 1rem; grid-template-columns: 50% 48%;} */
	.uk-logo.uk-navbar-item {display: none;}

/*body.home #datendivouter, body.home #form-outer #menudiv{width: 100%;}*/

/*	body.home #datendivouter{padding: 0;}*/



/* 	.uk-grid>* {padding-left: 0;} */


	#bloghome .mod-articlesnews{display: block;}
	.form-field-surround .form-field {width: 100%;}
	body.home #form-outer .menudiv,
	body.konfigurator #form-outer .menudiv {margin-bottom: 1rem;}
	article#article-98 h2 {word-break: break-word;}
	.blog-tische .uk-child-width-1-3\@m>* {width: calc(100% * 1 / 2);}

}

@media (min-width: 960px) and (max-width:1260px){
	.maxwidth1{max-width: calc(94% - 20px); margin-left: auto; margin-right: auto;}
	.home footer #footer-row {padding-left: 20px; padding-right: 20px;}
	.uk-container {padding-left: 20px; padding-right: 20px;}
	.home .uk-container {padding-left: 0px; padding-right: 0px;}
  /* .tm-grid-expand {margin-left: 0; margin-right: 0;}
  .uk-grid {margin-left: -15px; margin-right: -15px;}
  .uk-grid>* {padding-left: 15px; padding-right: 15px;} */
  #extratext{width: 100%;}
  #imagemodal .modal-dialog{width: 800px; max-width: 100%;}
}

@media only screen and (min-width:1024px) and (max-width:1280px){ 
	#bloghome .mod-articlesnews{gap: 30px;}
}


@media only screen and (max-width: 1024px){
	body.home #datendivouter {overflow: inherit; }

	.uk-grid-match.uk-grid-stack .uk-first-column {margin-bottom: 30px; }
}

@media only screen and (max-width: 339px){
.mtext1 h2,
.mtext2 h2 {
	font-size: 20px;
}

}

@media only screen and (min-width: 1100px){
	#slideshow-home .uk-slideshow-items .el-content p{font-size: 36pt;}
	#imagemodal .modal-dialog{width: 100%; max-width: 1000px; margin: 30px auto 0 auto;}
	#imagemodal .modal-dialog img#imagepreview{width: 100%; margin: 0 auto;}
}

@media (max-width: 420px) {

.fkontakt h2 {
	font-size: 1.8em;
}

.td-form-sendenlink .submitbutton {
	padding: 12px 14px 12px 12px !important;
	font-size: 15px;
	letter-spacing: .05em;
}
.bestform .table-form td {
	display: block;
	width: 100%;
	text-align: left;
}
}

@media (max-width: 379px) {
.bestform .table-form td {
	width: 96%;
}

}
@media (max-width: 370px) {
td.bmasse {
	text-wrap: wrap;
	white-space: pre-wrap;
}
.newl {
	display: block;
	width: 100%;
}
.newl br {
	display: none;
}
}

@media (max-width: 365px) {
.bestform .table-form td {
	width: 94%;
}

}

@media (max-width: 360px) {

.bild-mit-text .txt1 {
	font-size: 1.2em;
}

.bild-mit-text .txt2 {
	font-size: 1.0em;
}

.fkontakt h2 {
	font-size: 1.6em;
}
.table-plz td {
	width: 100% !important;
}
}

@media (max-width: 345px) {
.bestform .table-form td {
	width: 80%;
}
}
@media (max-width: 320px) {
.fkontakt h2 {
	font-size: 1.2em;
}
.footer-info-right {
	float: none;
}
}

@media (max-width: 310px) {

.bild-mit-text .txt1 {
	font-size: 1.0em;
}

.bild-mit-text .txt2 {
	font-size: 0.9em;
}

}

@media (max-width: 280px) {
.fkontakt h2 {
	font-size: 1.2em;
}

}