/* ZERONE COMPUTER GMBH */

* {
	border: 0px;
	margin: 0px 0px;
	padding: 0px 0px;
}

body {
	font-family: 'Catamaran', sans-serif;
	font-size: 12px;
	color: #000;
	margin: 0 0 0 0;
}

a img {
	border: none;
}

a {
	font-size: 18px;
	color: #fff;
	text-decoration: none;
}
a:hover {
	color: #000000;
}

ul.nav.nav-tabs.nav-stacked {
	list-style: none;
}

ul.dropdown-menu {
	list-style: none;
}

ul#com-content-formTabs.nav.nav-tabs {
	list-style: none;
}

.responsive-video iframe {
 	position: absolute;
 	top: 0;
 	left: 0;
 	width: 100%;
	height: 100%;
}
 
.responsive-video {
	position: relative;
	padding-bottom: 56.25%;
 	padding-top: 0px;
 	height: 0;
 	overflow: hidden;
}

.preise iframe {
 	position: absolute;
 	top: 0;
 	left: 0;
 	width: 100%;
	height: 100%;
}
 
.preise {
	position: relative;
	padding-bottom: 70%;
 	padding-top: 0px;
 	height: 0;
 	overflow: hidden;
}

.verfuegbarkeiten iframe {
 	position: absolute;
 	top: 0;
 	left: 0;
 	width: 100%;
	height: 100%;
}
 
.verfuegbarkeiten {
	position: relative;
	padding-bottom: 100%;
 	padding-top: 0px;
 	height: 0;
 	overflow: hidden;
}

.auszoomen {
	-webkit-transition: all 0.7s ease;
	transition: all 0.7s ease;
}

.auszoomen:hover {
	-webkit-transform:scale(0.9);
	transform:scale(0.9);
}

.einzoomen {
	-webkit-transition: all 0.7s ease;
	transition: all 0.7s ease;
	cursor: pointer;
}

.einzoomen:active {
	-webkit-transform:scale(2.0);
	transform:scale(2.0);
}

.bilder {
	width: 100%;
	height: auto;
}

.kursiv {
	font-size: 18px;
	color: #433c34;
	transform: rotate(-6deg);
}

ul.sigFreeClassic {
    text-align: center;
}

ul.sigFreeClassic li.sigFreeThumb {
    float: none;
    display: inline-block;
}

ul.sigFreeClassic li.sigFreeThumb {   
    background: #fff !important;
    margin: 2px 2px;
    padding: 0;
    list-style: none !important;
}

.fancybox-caption-wrap {
	display: none;
	visibility: hidden;
}






@media screen and (min-width: 1025px) {

#Desktop {
	padding: 20% 0 0 0;
}

#Smartphone {
	display: none;
	visibility: hidden;
}

h1 {
	color: #4e6f99;
	font-size: 2.50vw;
	line-height: 2.70vw;
	font-weight: 100;
	text-align: left;
	text-transform: uppercase;
}

h2 {
	color: #4e6f99;
	font-size: 1.75vw;
	line-height: 1.95vw;
	font-weight: 100;
	text-align: left;
}

h3 {
	color: #4e6f99;
	font-size: 1.00vw;
	line-height: 1.20vw;
	font-weight: 100;
	text-align: left;
}

#Hintergrund {
	position: fixed;
	z-index: -1000;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: 100% 100%;
}

#News {
	position: fixed;
	top: 0;
	left: 30%;
	right: 30%;
	font-size: 20px;
	line-height: 22px;
	color: #fff;
	margin: -3px 0 0 0;
}

#Kopfzeile {
	/** margin: -11% 0 -7px 0; **/
}

#Top1 {
	position: fixed;
	bottom: 0px;
	right: 10px;
}

#Links {
	/** background-image: url(../images/hintergrund_links.png); **/
	background-color: rgba(78, 111, 153, 0.85);
	font-size: 16px;
	line-height: 20px;
	color: #fff;
	padding: 1px 10px;
}

#Links1 {
	background-image: url(../images/hintergrund_links_unten.png);
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: 100% 100%;
	height: 75px;
}

#Untermenue {
	background-color: rgba(181, 144, 91, 0.75);
}

.untermenue {
	padding: 0 10px;
}

.article_separator {
	display: none;
}

#Inhalt {
	background-color: rgba(255, 255, 255, 0.90);
	font-size: 18px;
	line-height: 23px;
	color: #000;
	padding: 20px 10px 40px 10px;
}

#Inhalt a {
	color: #4e6f99;
	text-decoration: none;
}

#Inhalt a:hover {
	color: #b5905b;
}

.contentheading {
	font-size: 35px;
	color: #4e6f99;
	text-transform: uppercase;
	width: 100%;
	padding: 0 0 20px 0;
}

#Rechts {
	/** background-image: url(../images/hintergrund_rechts.png); **/
	background-color: rgba(78, 111, 153, 0.85);
	font-size: 15px;
	line-height: 20px;
	color: #fff;
	padding: 15px 10px 5px 5px;
}







.Navigation li {
	display: block;
	padding: 1px 10px;
}

.Navigation a {
	background-color: rgba(86, 122, 168, 1.00);
	display: block;
	width: 100%;
	height: 30px;
	line-height: 33px;
	white-space: nowrap;
	color: #fff;
	text-decoration: none;
	margin: 1px 0;
	padding: 0 0 0 5px;
}

.Navigation a:hover {
	background-color: rgba(181, 144, 91, 0.95);
	color: #fff;
}

.Navigation .active a {
	background-color: rgba(181, 144, 91, 0.75);
	color: #fff;
}

.Navigation .nav-child a {
	color: #fff;
	margin: 0 0;
}

.Navigation .nav-child a:hover {
	background-color: rgba(181, 144, 91, 0.95);
	color: #fff;
}

.Navigation .nav-child .active a {
	background-color: rgba(181, 144, 91, 0.75);
	color: #fff;
}

.Navigation li {
	display: block;
	padding: 1px 10px;
}

.Navigation .nav-child .nav-child a {
	color: #fff;
	margin: 0 0;
}

.Navigation .nav-child .nav-child a:hover {
	background-color: rgba(181, 144, 91, 0.95);
	color: #fff;
}

.Navigation .nav-child .nav-child .active a {
	background-color: rgba(181, 144, 91, 0.95);
	color: #fff;
}

#Rechts1 {
	background-image: url(../images/hintergrund_rechts_unten.png);
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: 100% 100%;
	height: 75px;
}

#Diverses {
	margin: 20px 0 0 0;
}

.diverses {
	text-align: center;
	text-transform: uppercase;
	margin: 2px 5px 2px 0;
	padding: 5px 0 5px 0px;
}

.tabelle_20 { /* Tabellenbreite 1/5 */
	width: 20%;
	float: left;
	padding: 5px 5px 0 5px;
}

.tabelle_25 { /* Tabellenbreite 1/4 */
	width: 25%;
	float: left;
	padding: 5px 5px 0 5px;
}

.tabelle_33 { /* Tabellenbreite 1/3 */
	width: 33.333333%;
	float: left;
	padding: 5px 5px 0 5px;
}

.tabelle_50 { /* Tabellenbreite 1/2 */
	width: 50%;
	float: left;
	padding: 5px 5px 0 5px;
}

.tabelle_66 { /* Tabellenbreite 2/3 */
	width: 66.666666%;
	float: left;
	padding: 5px 5px 0 5px;
}

.tabelle_75 { /* Tabellenbreite 3/4 */
	width: 75%;
	float: left;
	padding: 5px 5px 0 5px;
}

.tabelle_100 { /* Tabellenbreite 4/4 */
	width: 100%;
	float: left;
	padding: 0 5px 0 5px;
}

.effekt_1 {
	color: #fff;
	font-size: 1.00vw;
	line-height: 1.20vw;
  	width: 8vw;
  	height: 8vw;
  	display: flex;
  	align-items: center;
  	justify-content: center;
  	box-sizing: border-box;
	border-radius: 50% 50% 50% 50%;
	box-shadow: 0px 5px 4px rgba(0, 0, 0, 0.0);
  	padding: 1% 1%;
}

.effekt_1 a:link {
	color: #fff !important;
	font-size: 1.00vw;
	line-height: 1.20vw;
}

.titel_klein {
	color: #4e6f99;
	font-size: 1.50vw;
	line-height: 1.70vw;
	font-weight: 100;
	text-align: left;
}

.schaltflaeche {
	background-color: #c82c2b;
	color: #fff;
	padding: 5% 5%;
}

.schaltflaeche a:link {
	color: #fff !important;
	font-size: 1.00vw;
	line-height: 1.20vw;
}

#Fusszeile {
	background-color: rgba(78, 111, 153, 0.85);
	font-size: 16px;
	color: #fff;
	line-height: 22px;
}

#Fusszeile1 {
	background-image: url(../images/hintergrund_fusszeile.png);
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: 100% 100%;
	color: #fff;
	margin: 0 0 20px 0;
	padding: 10px 0 10px 0;
}

.newsflash {
	background-image: url(../images/hintergrund_newsflash.png);
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: 100% 100%;
	font-size: 18px;
	color: #fff;
	margin: 20px 0;
	padding: 10px 5px 25px 5px;
}

.saison {
	background-image: none;
	background-color: #dedede;
	color: #000;
	margin: 0 0;
	padding: 5px 0;
}

}





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

#Desktop {
	display: none;
	visibility: hidden;
}

#Smartphone {
	padding: 85% 0 0 0;
}

h1 {
	color: #4e6f99;
	font-size: 6.50vw;
	line-height: 6.70vw;
	font-weight: 100;
	text-align: left;
	text-transform: uppercase;
}

h2 {
	color: #4e6f99;
	font-size: 5.00vw;
	line-height: 5.20vw;
	font-weight: 100;
	text-align: left;
}

h3 {
	color: #4e6f99;
	font-size: 3.50vw;
	line-height: 3.70vw;
	font-weight: 100;
	text-align: left;
}

#Hintergrund {
	position: fixed;
	top: 65px;
	background-repeat: no-repeat;
	background-position: center center;	
	z-index: -1000;
}

#Navigation-1 {
	position: fixed;
	top: 0;
	background: #4e6f99;
	width: 100%;
	height: 65px;
	color: #fff;
	font-size: 4.00vw;
	line-height: 4.20vw;
	font-weight: 100;
	z-index: 9000;
}

#Rechts {
	background-image: url(../images/hintergrund_rechts.png);
	font-size: 15px;
	line-height: 20px;
	color: #fff;
	padding: 200px 10px 5px 5px;
}

#untermenue {
	display: none;
	position: fixed;
	top: 65px;
	right: 0;
	background-color: rgba(255, 255, 255, 1.00);
	width: 60%;
	height: 100%;
	font-size: 20px;
	color: #73701f;
	padding: 8px 0;
	z-index: 8000;
}

#untermenue-1 {
	position: relative;
	height: 100%;
    width: 100%;
    overflow: hidden;
}

#untermenue-2 {
	position: absolute;
    top: 0;
	right: -17px;
    bottom: 0;
    left: 0;
    font-size: 16px;
    line-height: 16px;
	overflow-x: scroll;
	z-index: 6000;
}

#News {
	position: fixed;
	top: 0;
	left: 30%;
	right: 30%;
	font-size: 20px;
	line-height: 22px;
	color: #fff;
	margin: -3px 0 0 0;
}

#Kopfzeile {
	margin: -10% 0 -7px 0;
}

#Top1 {
	position: fixed;
	bottom: 0px;
	right: 10px;
}

.article_separator {
	display: none;
}

#Inhalt {
	background-color: rgba(255, 255, 255, 1.00);
	font-size: 18px;
	line-height: 23px;
	color: #000;
	padding: 20px 10px 40px 10px;
}

#Inhalt a {
	color: #4e6f99;
	text-decoration: none;
}

#Inhalt a:hover {
	color: #b5905b;
}

.contentheading {
	font-size: 35px;
	color: #4e6f99;
	text-transform: uppercase;
	width: 100%;
	padding: 0 0 20px 0;
}

.Navigation li {
	display: block;
	padding: 1px 10px;
}

.Navigation a {
	background-color: rgba(86, 122, 168, 1.00);
	display: block;
	width: 100%;
	height: 30px;
	line-height: 33px;
	white-space: nowrap;
	color: #fff;
	text-decoration: none;
	margin: 1px 0;
	padding: 0 0 0 5px;
}

.Navigation a:hover {
	background-color: rgba(181, 144, 91, 0.95);
	color: #fff;
}

.Navigation .active a {
	background-color: rgba(181, 144, 91, 0.75);
	color: #fff;
}

.Navigation .nav-child a {
	color: #fff;
	margin: 0 0;
}

.Navigation .nav-child a:hover {
	background-color: rgba(181, 144, 91, 0.95);
	color: #fff;
}

.Navigation .nav-child .active a {
	background-color: rgba(181, 144, 91, 0.75);
	color: #fff;
}

.Navigation li {
	display: block;
	padding: 1px 0 1px 10px;
}

.Navigation .nav-child .nav-child a {
	color: #fff;
	margin: 0 0;
}

.Navigation .nav-child .nav-child a:hover {
	background-color: rgba(181, 144, 91, 0.95);
	color: #fff;
}

.Navigation .nav-child .nav-child .active a {
	background-color: rgba(181, 144, 91, 0.95);
	color: #fff;
}

.tabelle_20 { /* Tabellenbreite 1/5 */
	width: 100%;
	float: left;
	padding: 0 20%;
}

.tabelle_25 { /* Tabellenbreite 1/4 */
	width: 100%;
	float: left;
	padding: 5px 5px 0 5px;
}

.tabelle_33 { /* Tabellenbreite 1/3 */
	width: 100%;
	float: left;
	padding: 5px 5px 0 5px;
}

.tabelle_50 { /* Tabellenbreite 1/2 */
	width: 100%;
	float: left;
	padding: 5px 5px 0 5px;
}

.tabelle_66 { /* Tabellenbreite 2/3 */
	width: 100%;
	float: left;
	padding: 5px 5px 0 5px;
}

.tabelle_75 { /* Tabellenbreite 3/4 */
	width: 100%;
	float: left;
	padding: 5px 5px 0 5px;
}

.tabelle_100 { /* Tabellenbreite 4/4 */
	width: 100%;
	float: left;
	padding: 0 5px 0 5px;
}

#effekt_1 {
	display: none;
	visibility: hidden;
}

.titel_klein {
	color: #4e6f99;
	font-size: 4.50vw;
	line-height: 4.70vw;
	font-weight: 100;
	text-align: left;
}

.schaltflaeche {
	display: none;
	visibility: hidden;
}

#Fusszeile {
	background-color: rgba(78, 111, 153, 1.00);
	font-size: 16px;
	color: #fff;
	line-height: 22px;
}

#Fusszeile1 {
	background-image: url(../images/hintergrund_fusszeile.png);
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: 100% 100%;
	color: #fff;
	padding: 10px 0 10px 0;
}

.newsflash {
	background-image: url(../images/hintergrund_newsflash.png);
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: 100% 100%;
	font-size: 18px;
	color: #fff;
	margin: -6px 0 20px 0;
	padding: 10px 5px 25px 5px;
}

.saison {
	background-image: none;
	background-color: #dedede;
	color: #000;
	margin: 0 0;
	padding: 5px 0;
}

}