@charset "UTF-8";

/* martel-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Martel';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/martel-v10-latin-300.eot'); /* IE9 Compat Modes */
  src: url('fonts/martel-v10-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/martel-v10-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/martel-v10-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/martel-v10-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/martel-v10-latin-300.svg#Martel') format('svg'); /* Legacy iOS */
}
/* martel-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Martel';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/martel-v10-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('fonts/martel-v10-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/martel-v10-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/martel-v10-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/martel-v10-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/martel-v10-latin-regular.svg#Martel') format('svg'); /* Legacy iOS */
}

/* cinzel-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Cinzel';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/cinzel-v19-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('fonts/cinzel-v19-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/cinzel-v19-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/cinzel-v19-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/cinzel-v19-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/cinzel-v19-latin-regular.svg#Cinzel') format('svg'); /* Legacy iOS */
}



body {font-family: 'Martel', serif; font-weight: 400;}



div#saleModal {
	top:100px;
}
div#saleModal div.modal-dialog {
    width:95%;
}
div#saleModal div.modal-dialog div.modal-body img {
    width:100%;
    height:auto;
    display:block;
}


div#c37 div.ce-media img {
	width: 100%;
	height: auto;
	border: 4px solid red;
}

.owl-carousel .item-video{height:360px;}

.video-container-wrapper {
    max-width: 100%;
    width: 650px;
    left: 0;
    right:0;
    margin:auto;
}

.instaimg img {
    margin-bottom:30px
}
.img-fluid {
    max-width:100%;
    height:auto;
}

.tx-powermail {
    width: 100% !important;
}

.tx-powermail .powermail_fieldset .powermail_field {
    width: 95% !important;
}


#c317 div.ce-inner,
#c320 div.ce-inner {
	background: white;
	padding: 10px;
}

#c317 .ce-gallery figure,
#c320 .ce-gallery figure {
    min-height: 350px;
}

#video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

#video-container iframe,
#video-container object,
#video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


p {font-weight: 300;}

hr {
    border-top: 1px solid #bbb;
}

/* Landing Page Styles */

body.landing-page h1 {
	font-size: 3em;
}

body.landing-page img {
	margin-top: 15px;
	max-width: 100%;
	height: auto;
}

body.landing-page hr.style-three { border: 0 !important; border-bottom: 1px dashed #ccc !important; background: #999 !important; }



#c313 {
	width: 60%;
	margin: 40px auto;
}

/* Landing Page Styles */




.imagelist {
	text-align: center;
}

figcaption {
    /*
	background: white;
	padding: 4px;
    */
	font-size: 12px;
}

.mfp-content figcaption {
	/*display: none;*/
}

#myCarousel {
	position: relative;
}

#myCarousel div#topCarousel {
	position: absolute;
	top: -50px;
	left: 50%;
	width: 120px;
	height: 50px;
	margin-left: -60px;
	background: url(/fileadmin/default/images/design/arrowdown.png) no-repeat;
}

#myCarousel div#bottomCarousel {
	position: absolute;
	bottom: -70px;
	left: 50%;
	width: 120px;
	height: 50px;
	margin-left: -60px;
	background: url(/fileadmin/default/images/design/arrowdown2.png) no-repeat;
}

#pagingControls ul{display:inline;padding-left:0.5em}
#pagingControls li{display:inline;padding:0 0.5em}

a.cur {
	background: #333;
	color: white !important;
}

a.cur:hover {
	background: #c90000 !important;
	color: white !important;
}


div.page_navigation {
	background: #eee;
	padding: 6px;
	margin: 4px;
	text-align: center;
}

.firstpagenavi {
	margin-bottom: 40px !important;
}

div.page_navigation a.page_link {
	padding: 8px;
	color: #777;
}

a.active_page {
	color: #c90000 !important;
	background: #ddd;
}

a.first_link {
	margin-right: 15px;
	color: #777;
}

a.previous_link {
	margin-right: 8px;
	color: #777;
}

a.last_link {
	margin-left: 15px;
	color: #777;
}

a.next_link {
	margin-left: 8px;
	color: #777;
}


div.zoomClose,
.anfrage {
	z-index: 9999;
}

div.zoomOpen {
    background-color: #000;
    width: 300px;
    height: 100%;
    position: absolute;
    background: rgba(255, 255, 255, 0.5) url("/typo3conf/ext/innovis_teppich/Resources/Public/Icons/zoom.png") no-repeat scroll 100px 150px;
    display:none;
}

h1 {
	font-family: 'Cinzel', serif !important;
	font-size: 230%;
	text-transform: uppercase;
	line-height: 1.2;
	letter-spacing: .15em;
}

body.historie h1 {
	font-size: 220%;
	margin-bottom: 30px;
}

h2 {
	font-family: 'Cinzel', serif !important;
	font-size: 180%;
	text-transform: uppercase;
	line-height: 1.0;
	letter-spacing: .1em;
	line-height: 1.3em;
}

h3 {
	font-family: 'Cinzel', serif !important;
	font-size: 150%;
	text-transform: uppercase;
	line-height: 1.0;
	letter-spacing: .1em;
}

a.act {
	background: #222;
	color: white !important;
}

a.act:hover {
	background: #c90000 !important;
}

div#pagingControls {
	text-align: center;
}

div#pagingControls a {
	color: #c90000;
}

p.backlink a {
	padding: 8px;
	background: #696f5d;
	color: #eee;
}

p.backlink a:hover {
	text-decoration: none;
	color: #fff;
}

.container {
	 width: 100% !important;
	 margin: 0 !important;
	 padding: 0 !important;
	 overflow: hidden;
}

.textcenter {
	text-align: center;
}

.img-responsive {
	margin: 0 auto;
}

.container-fluid {
	width: 100% !important;
	margin: 0 !important;
}


.container-content {
	padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.anmeldung {
	background: rgba(210,175,100,0.7);
	min-height: 300px;
	text-align: center;
	color: white;
	padding: 30px;
	margin-top: 50px;
	margin-bottom: 40px;
	font-size: 110%;
}

.unterseiten {
	margin-top: 0;
	padding-bottom: 100px;
}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  height: 250px;
}

.carousel-inner {
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
	top: 20px;
	text-shadow: none;
	color: #504326;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 250px;
	background: transparent;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 250px;
}

.carousel-control.right,
.carousel-control.left { 
	background: transparent;
}



/* .slider-wrapper div#logo {
	width: 100%;
	position: absolute;
	z-index: 9999;
	top: 30%;
	border: 1px solid green;
}

*/

div.tx-innovis-teppich .schnellauswahl {
    margin:20px 0 50px 0;
    text-align:center;
}



div.tx-innovis-teppich,
div.tx-innovis-teppichgalerie,
body.historie div.ce-textpic {
	padding: 18px;
	background: white;
}

div.carpet-data {
	border-bottom: 1px solid #bbb;
	padding: 12px;
}

.slider-wrapper {
	position: relative;
}


#breadcrumb {
	display: none;
}

#nav {
	height: 75px;
	background: rgba(38, 50, 56, 0.85)
}

#navbar {
	height: 75px !important;
	text-transform: uppercase;
}

#navbar li.no a {
	color: white;
}

#navbar li.no a:hover {
	background: #c90000;
}

#navbar ul.dropdown-menu li a {
	color: #222;
}

#navbar ul.dropdown-menu li a:hover {
	color: white;
}

 ul.navbar-nav {
	margin-top: 12px !important;
}

.navbar {
	border: 0 !important;
}


/* Startseite Styles */

div.container-slider div.col-xs-12 {
   padding-left:0;
   padding-right:0;
}



#c7,
#c152 {
	box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3);
}


.col-md-4 {
    position: relative;
    min-height: 1px;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.panel-default {
    border: 1px solid #eeeeee;
		padding: 12px;
}

.panel {
    margin-bottom: 20px;
    background-color: #ffffff;
    border-radius: 2px;
		min-height: 410px !important;
}

/*
div.ce-media img {
  width: 100%;
  height: auto;
	padding-right: 20px;
}
*/

div.ce-bodytext h2 {
	margin-top: 0;
}



a.btn-success {
	padding: 15px 20px !important;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 20px;
	letter-spacing: 1px;
	text-transform: uppercase;
	background: #a10000;
	border: 0;
	margin-top: 20px;
}
a.btn-success:hover {
	background: #550000;
}

.btn-success.focus,
.btn-success:focus {
	background-color: #780000 !important;
	border-color: #780000 !important;
}

/* Ende Startseite Styles */



img.img-responsive {
	width:100% !important;
  max-width:100% !important;
  height:auto !important;
  display:block !important;
}



.footer-distributed {
	border-top: 12px solid #33545f;
	background-color: #467382;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
	box-sizing: border-box;
	width: 100%;
	text-align: left;
	padding: 55px 50px;
}

.footer-distributed .footer-left,
.footer-distributed .footer-center,
.footer-distributed .footer-right {
	display: inline-block;
	vertical-align: top;
}

/* Footer left */

.footer-distributed .footer-left {
	width: 40%;
}

/* The company logo */

.footer-distributed h2{
	color:  #fff;
	margin: 0;
	font-size: 2.4em;
}


/* Footer links */

.footer-distributed .footer-links {
	color:  #fff;
	margin: 20px 0 12px;
	padding: 0;
}

.footer-distributed .footer-links a{
	display:inline-block;
	line-height: 1.8;
	text-decoration: none;
	color: inherit;
}

.footer-distributed .footer-company-name{
	color:  #2c4852;
	font-size: 14px;
	font-weight: normal;
	margin: 0;
}

/* Footer Center */

.footer-center{
	width: 35%;
}

.footer-center i {
	color: #fff;
	font-size: 2em;
	width: 38px !important;
	height: 38px !important;
	border-radius: 50% !important;
	text-align: center !important;
	line-height: 42px !important;
	margin: 10px 15px !important;
	vertical-align: middle !important;
}

.footer-center i.icon-envelope { 
	font-size: 17px;
	line-height: 38px;
}

.footer-center p{
	display: inline-block;
	color: #fff;
	vertical-align: middle;
	margin: 0;
}

.footer-center p span {
	display: block;
	font-weight: normal;
	font-size: 14px;
	line-height: 2;
}

.footer-center p a {
	color: #fff;
	text-decoration: none;
}


/* Footer Right */

.footer-right{
	width: 20%;
}

.footer-company-about{
	line-height: 20px;
	color:  #fff;
	font-size: 13px;
	font-weight: 300;
	margin: 0;
}

.footer-company-about span{
	display: block;
	color:  #ffffff;
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 20px;
}

.footer-icons{
	margin-top: 25px;
}

.footer-icons a{
	display: inline-block;
	width: 35px;
	height: 35px;
	cursor: pointer;
	background-color:  #2c4852;
	border-radius: 2px;
	font-size: 20px;
	color: #ffffff !important;
	text-align: center;
	line-height: 35px;
	margin-right: 3px;
	margin-bottom: 5px;
}



/* Formular */

.form-group {
    margin-bottom: 15px;
}

.icon .control {
    position: relative;
}

.form-control::-moz-placeholder {
    color: #bdbdbd;
    opacity: 1;
}
.form-control::-moz-placeholder {
    color: #999999;
    opacity: 1;
}
*::-moz-selection, *::-moz-selection {
    background: #424242;
    color: #fff;
    text-shadow: none;
}

.icon .form-control {
    height: 52px;
    padding: 17px 15px 17px 50px;
    font-size: 16px;
}
.form-control {
    display: block;
    width: 100%;
    padding: 6px 12px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.42857143;
    color: #757575;
    background-color: #fff;
    background-image: none;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #e0e0e0;
    box-shadow: none;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}
.form-control {
    display: block;
    width: 100%;
    padding: 6px 12px;
        padding-top: 6px;
        padding-right: 12px;
        padding-bottom: 6px;
        padding-left: 12px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.42857143;
    color: #757575;
    background-color: #fff;
    background-image: none;
    border: none;
        border-top-width: medium;
        border-right-width: medium;
        border-bottom-width: medium;
        border-left-width: medium;
        border-top-style: none;
        border-right-style: none;
        border-bottom-style: none;
        border-left-style: none;
        border-top-color: -moz-use-text-color;
        border-right-color: -moz-use-text-color;
        border-bottom-color: -moz-use-text-color;
        border-left-color: -moz-use-text-color;
        -moz-border-top-colors: none;
        -moz-border-right-colors: none;
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        border-image-source: none;
        border-image-slice: 100% 100% 100% 100%;
        border-image-width: 1 1 1 1;
        border-image-outset: 0 0 0 0;
        border-image-repeat: stretch stretch;
    border-radius: 0;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
    border-bottom: 1px solid #e0e0e0;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: rgb(224, 224, 224);
    box-shadow: none;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
        transition-property: all;
        transition-duration: 0.25s;
        transition-timing-function: ease-in-out;
        transition-delay: 0s;
}
input, button, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
input {
    line-height: normal;
}
button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

.btn-primary {
    color: #ffffff;
    background-color: #00bcd4;
    border-color: #00bcd4;
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 10px 15px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 2px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

.powermail_submit {
	color: white !important;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background: #a10000;
		letter-spacing: 1px;
    text-transform: uppercase;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 10px 15px;
    line-height: 1.42857143;
    border-radius: 2px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

.icon textarea.form-control {
    line-height: normal !important;
    height: auto !important;
}
.icon .form-control {
    height: 52px;
    padding: 17px 15px 17px 50px;
    font-size: 16px;
}
.form-control:focus {
    outline: 0;
    border-bottom-color: #00bcd4;
    box-shadow: none;
}
.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
textarea {
    height: auto;
		border: 1px solid #bbb !important;
}

.icon .control i {
    position: absolute;
    font-size: 150%;
    color: #bdbdbd;
    top: 0;
    z-index: 2;
    -webkit-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    left: 0;
}

#error {
    background: #00bcd4;
        background-color: rgb(0, 188, 212);
        background-image: none;
        background-repeat: repeat;
        background-attachment: scroll;
        background-position: 0% 0%;
        background-clip: border-box;
        background-origin: padding-box;
        background-size: auto auto;
}
#error, #success {
    display: none;
    color: #FFF;
    padding: 20px;
        padding-top: 20px;
        padding-right: 20px;
        padding-bottom: 20px;
        padding-left: 20px;
    margin-bottom: 20px;
    font-weight: 300;
    font-size: 16px;
    border-radius: 2px;
        border-top-left-radius: 2px;
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 2px;
}

legend {
	display: none;
}


/* If you don't want the footer to be responsive, remove these media queries */

@media (max-width: 880px) {

	.footer-distributed{
		font: bold 14px;
	}

	.footer-distributed .footer-left,
	.footer-distributed .footer-center,
	.footer-distributed .footer-right{
		display: block;
		width: 100%;
		margin-bottom: 40px;
		text-align: center;
	}

	.footer-distributed .footer-center i{
		margin-left: 0;
	}

}








/* Extra-kleine Geräte (Smartphones, weniger als 768px) */
/* Kein Media-Query, weil dies der Standard in Bootstrap ist */

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
	
	h1 {
		font-size: 1.8em;
	}
	
	h3 {
		font-size: 1.3em;
		line-height: 1.3em;
	}
	
	p {
		font-size: 14px;
	}
	
	div#content {
		background: #f2f0e6;
		min-height: 800px;
		padding-top: 80px;
	}
	
	.container-content {
			width: 98%;
		} 
		
		div#Language {
			position: absolute;
			left: 4px;
			top: 68px;
			height: 45px;
			width: 92px;
			z-index: 9999;
		}

		div.languageselector {
			height: 45px; 
			position: relative; 
			background: transparent;
		}

		body.start div.languageselector {
			height: 45px; 
			position: relative; 
			background: transparent;
		}
		
		
		ul.languageselector {
			list-style-type: none;
			padding: 0;
			display: block;
			height: 43px;
		}

		ul.languageselector li {
			display: block;
			float: right;
			width: 43px;
			height: 43px;
			background: #787468;
			margin-right: 1px;
		}

		ul.languageselector li a {
			display: block;
			padding-top: 12px;
			color: white;
			width: 100%;
			height: 100%;
			text-align: center;
		}

		ul.languageselector li a:hover {
			background: #c90000;
			text-decoration: none;
		}
		
	
	#c37,
	#c129 {
		text-align: center;
		font-size: 1.2em;
		line-height: 1.5em;
	}

	#c37 h1,
	#c129 h1 {
	}
	
	.navbar {
		max-height: 60px;
	}
	
	
	.navbar-header button {
		margin-right: -6px;
		margin-top: 12px;
		border: none;
	}
	
	
	#nav div.container-content {
		width: 100% !important;
		margin: 0;
	}
	.navbar-brand {
		max-width: 93%;
		margin-left: -20px;
	}
	
	.navbar-brand img {
		max-width: 100%;
		margin-top: -10px;
	}
	
	
	
}



/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
	.container-content {
		width: 90%;
	}
	
	div#Language {
		top: 82px;
	}
	
	.navbar {
		max-height: 100px;
	}
	
	.navbar-brand img {
		max-width: 98%;
		margin-top: 0px;
	}
	
	
	
}
		

/* Kleine Geräte (Tablets, 768px und breiter) */
@media (min-width: 768px) {
	
	#content {
		padding-top: 80px;
	}
	.content {
		padding-top: 80px;
	}
	
	.welcome {
		margin-top: -70px;
	}
	
	.container-content {
		width: 98%;
	}
	
	.navbar-brand {
		max-width: 293px;
		margin-left: -20px;
	}
	.navbar-header {
		max-width: 228px;
	}
	
	.navbar-brand img {
		max-width: 90%;
		margin-top: 0px;
	}
	
	#navbar {
		margin-right: -8px;
	}
	
	
	
	
}

/* Mittlere Geräte (Desktop-PCs, 992px und breiter) */
@media (min-width: 992px) {
	p {
		font-size: 1em;
	}
	
	body.start #content {
		padding-top: 0px;
	}
	
	div#Language {
		position: absolute;
		top: 80px;
		left: 2px;
	}
	
	
	div#logo {
		display: block;
	  margin: auto;
	  position: absolute;
	  top: 0; left: 0; bottom: 0; right: 0;
		z-index: 10;
		padding-top: 10%;
		max-width: 480px;
		width: 480px;
	}

	#logo img {
		margin: 0px auto !important;
		width: 100%;
		height: auto;
	}
	
	.navbar-brand {
		width: 480px;
		margin-left: 0px;
	}
	
	#navbar {
		margin-right: 00px;
	}
	
	.unterseiten {
		min-height: 960px !important;
	}

	div#saleModal div.modal-dialog {
		width:50%;
	}
}

/* Große Geräte (Desktop-PCs, 1200px und breiter) */
@media (min-width: 1200px) {
	.container-content {
		width: 1170px;
	}
}


/* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 768px) {
			#navbar {
				background: rgba(66,66,66,0.9);
				height: 350px !important;
			} 

			.navbar-collapse {
				position: absolute;
				left: 0px;
				top: 60px;
				width: 100%;
				height: 400px !important;
				z-index: 99999 !important;
			}
			
			ul.mainnavigation {
				margin: 20px auto;
				width: 100%;
			}
			ul.mainnavigation li {
				text-align: center;
				font-size: 1.6em;
				line-height: 1.5em;
				margin-top: 20px;
			}
			

    }