/************************************************/
/*    © by Werbeagentur Gössler & Sailer OG     */
/*             www.goesslersailer.at            */
/************************************************/

* {
    box-sizing: border-box;
}

body {
	margin: 0px;
	padding: 0px;
	color: #000000;
	background:#FFFFFF; 
	font-family: Arial,Verdana;
	font-size: 100%;
	line-height: 22px;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeSpeed;
	}

h1,h2,h3,h4,h5,h6{font-family:Arial,Verdana; text-rendering: optimizeLegibility; line-height: normal;  font-weight: 300; color:#ea7e01;}
h1	{font-size:180%; margin:10px 0px 20px 0px;}
h2	{font-size:170%; margin:10px 0px 20px 0px;}
h3	{font-size:160%; margin:10px 0px 20px 0px;}
h4	{font-size:150%; margin:10px 0px 20px 0px;}
h5	{font-size:140%; margin:10px 0px 20px 0px;}
h6	{font-size:130%; margin:10 0 15px 0}

hr{border:0;border-top:1px solid #e0e0e0; margin:40px 0 50px 0}
a{text-decoration:none;color:#000000;}
a:hover{}
hr {margin: 15px auto}
#content {padding: 10px; width: 100%; height: auto; margin: 0px; font-size: 90%}

.logo-start {width: 178px; margin:40px auto;}
.logo-detail {width: 100px; margin:0px auto;}

.gs-input{padding:16px; display:block; border:1px solid #e2e2e2; width:100%; font-size: 100%; text-align: center}
.gs-input-small{padding:5px; display:block; border:1px solid #c2c2c2; width:100%; font-size: 100%; text-align: center}
.gs-input-td {padding:5px; display: block; border: 1px solid #c2c2c2; width: 100%; font-size: 100%; text-align: center;}
.gs-input-td-text {padding:5px; display: block; border: 1px solid #c2c2c2; width: 100%; font-size: 100%; text-align: left;}
.gs-input-h1{padding:5px; display:block; border:0px solid #c2c2c2; font-size: 100%;display: inline-block; cursor: pointer;color: #ea7e01;}
.gs-input-time{padding:5px; display:block; border:1px solid #c2c2c2; font-size: 120%;display: inline-block; cursor: pointer;}
.span1{display:inline-block; padding:10px 10px 10px 0px;}

.btn{
    background-color: #ea7e01;
    color: #fff;
    padding: 12px;
    display: inline-block;
    border-radius: 5px;
    border: none;
	text-align: center;
	cursor:pointer;
	font-size: 100%;
}

.btn:hover{background-color:#4e3429; color: #fff;}

.bottom {text-align: center; font-size:80%;color:#818181;}
.tour-box {padding:10px; background-color: #f6f6f6; margin: 0 0 10px 0; border:#d3d3d3 1px solid;}
.tour-box:hover { background-color: #ea7e01;}
.tour-box2 {padding:10px; background-color: #f6f6f6; margin: 0;}
.tour-box3 {padding:10px; background-color: #f6f6f6; margin: 0;}
.ue-list {font-weight: bold; padding: 0 0 10px 0; color: #000}
.inhalt {font-size: 100%; line-height: 180%}
.td-ue {font-weight: bold; text-align: center; background-color: #f6f6f6; padding: 8px 4px;}
.td {font-weight: normal; text-align: center; background-color: #fff; padding: 8px 2px; border-bottom: 1px solid #f6f6f6; }

.inhalt-top{float:left; margin-right: 20px;}

.gs-left{float:left;}
.gs-right{float:right;}

.flex-container {display: flex;flex-wrap: wrap;}
.gs-flex{display: flex;}
.gs-flex-content{display: flex; flex-direction: column; }

.gs-col{float:left;width:100%}
.gs-col.s1{width:8.33333%}
.gs-col.s2{width:16.66666%}
.gs-col.s3{width:24.99999%}
.gs-col.s4{width:33.33333%}
.gs-col.s5{width:41.66666%}
.gs-col.s6{width:49.99999%}
.gs-col.s7{width:58.33333%}
.gs-col.s8{width:66.66666%}
.gs-col.s9{width:74.99999%}
.gs-col.s10{width:83.33333%}
.gs-col.s11{width:91.66666%}
.gs-col.s12{width:99.99999%}

@media only screen and (min-width:601px){
.gs-col.m1{width:8.33333%}
.gs-col.m2{width:16.66666%}
.gs-col.m3{width:24.99999%}
.gs-col.m4{width:33.33333%}
.gs-col.m5{width:41.66666%}
.gs-col.m6{width:49.99999%}
.gs-col.m7{width:58.33333%}
.gs-col.m8{width:66.66666%}
.gs-col.m9{width:74.99999%}
.gs-col.m10{width:83.33333%}
.gs-col.m11{width:91.66666%}
.gs-col.m12{width:99.99999%}
}

@media only screen and (min-width:993px){
.gs-col.l1{width:8.33333%}
.gs-col.l2{width:16.66666%}
.gs-col.l3{width:24.99999%}
.gs-col.l4{width:33.33333%}
.gs-col.l5{width:41.66666%}
.gs-col.l6{width:49.99999%}
.gs-col.l7{width:58.33333%}
.gs-col.l8{width:66.66666%}
.gs-col.l9{width:74.99999%}
.gs-col.l10{width:83.33333%}
.gs-col.l11{width:91.66666%}
.gs-col.l12{width:99.99999%}
}

.gs-clear {clear:both; height: 0px}
.gs-clearleft {clear:left; height: 0px}
.gs-clearright {clear:right; height: 0px}

.gs-left-align{text-align:left!important}
.gs-right-align{text-align:right!important}