* {
    box-sizing: border-box;
}

.title{
padding-bottom:20px;
padding-top:20px;
}


img.phone{
height:28px;
margin-right:8px;
}

img.mail{
height:30px;
margin-right:8px;
margin-left:12px;
}

a.top{
font-size:17px;
}

/*-----------------------------------------------------------------FUSSZEILEN-----------------------------*/
ul.sitemap{
	margin-top:-13px;
}
.foot{
	margin-top:30px;
	margin-bottom:30px;
	font-size:18px;
	float:left;
	vertical-align:top;
	width:100%;
}
.foot_1{
	width:300px;
	vertical-align:top;
	float:left;
}
.foot_2{
	width:300px;
	vertical-align:top;
	float:left;
}
.foot_3{
	vertical-align:top;
	float:left;
}
p.info{
	font-size:12px;
}
.opentime{
	width:100px;
}
/*-----------------------------------------------------------------FUSSZEILEN-----------------------------*/
/*-----------------------------------------------------------------Preisliste-----------------------------*/

.preis{
text-align:right;
}

.beschreibung{
font-weight:bold;

}

.blau{
border-bottom:1px solid #263d915c;
border-top:1px solid #263d915c;

}

.breite{
padding:0 8px;
}


.hovertable{
	width:600px;
}

.hovertable{
	width:600px;
}

.hovertable tr:hover{
background:#dce1f7;
}

/*-----------------------------------------------------------------Preisliste-----------------------------*/
/* ------------------TITEL BILD BEREICH-------------------------------------------------*/
.head_pos{
	text-align:right;
	width:100%;
	padding-right:5px;
	padding-top:18px;
	border-radius:2px;
	border:0px solid red;
	margin-top:350px;
	float:right;
	background: rgb(255,255,255);
	background: linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
}
p.head_title{
	color:#263d91;
	font-family:arial,fantasy, Trattatello, fantasy;
	font-size: 28px;
	font-weight:bold;
	letter-spacing: 1px;
	text-transform: uppercase;
	line-height: 1.2em;
	margin-bottom: 3px;
}
p.sub_title{
	font-size:20px;
	color:black;
	font-weight:bold;
}
/* -------------------------------------------------------------------------------------*/
/* ----------------------------------------------*/
.icon {
  position: relative;
  display: inline-block;
  text-align: center;
  -webkit-perspective: 50em;
  perspective: 50em;
  text-decoration: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.icon:after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: 3px solid #e6e6e6;
  content: '';
  z-index: -1;
  border-radius: 50%;
}
.icon:before {
  color: #fff;
}
.icon:before,
.icon:after {
  -webkit-transition: all 0.95s ease-in-out;
  transition: all 0.95s ease-in-out;
}
.icon:hover,
.icon:active,
.icon.hover {
  color: #263d91;
}
.icon:hover:after,
.icon:active:after,
.icon.hover:after {
  border-color: transparent #263d91;
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}
/* ----------------------------------------------*/

td.punkte{
  background-image:url('/images/home/checkbox.png');
  background-repeat:no-repeat;
  height:35px;
  vertical-align:middle;
  padding-left:30px
}

.title_pic{
  background-image:url('/images/Home/Home_pic.jpg');
  height:520px;
  background-repeat: no-repeat;
  background-position:center;
}

.column5 {
    float: left;
    width: 49%;
    padding-right: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    height: auto;
    margin:2px;
}



.row5:after {
    content: "";
    display: table;
    clear: both;
}



.column2 {
    float: left;
    width: 16%;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    height: auto;
    margin:2px;
    border-radius: 15px;
    text-align:center;
   -webkit-transition-duration: 0.5s; /* Safari */
    transition-duration: 0.5s;  
}

.row2:after {
    content: "";
    display: table;
    clear: both;
}




.text{
height:52px;
margin-top:8px;
}

.textoben{
  font-size:20px;
  line-height:25px;
  margin-bottom:40px;
}


.title_image{
  height:334px;
  background-image:url('/images/home/title_2.jpg');
  background-repeat:repeat-x;
}

.title_border{
  padding-top:20px;
  padding-bottom:10px;
}


@media screen and (max-width: 1000px) {
.column2 {
	font-size:14px;
}
}

@media screen and (max-width: 800px) {
.column2 {
	font-size:10px;
}

.column2 {
	width: 16%;
	height:auto;
	margin:0px;
}

.foot_1{
	width:210px;
}

.foot_2{
	width:250px;
}

.hovertable{
	width:100%;
}

}


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

.title_image{
height:300px;
}

.column5 {
width: 99%;
}


.column2 {
width: 32%;
height:auto;
margin:2px;
font-size:16px;
}

.row{
padding-left:2px;
}


.icon{
width: 100%;
}

.iconsmall{
width:30%;
}

.textoben{
font-size:16px;
line-height:18px;
}

.hovertable{
font-size:15px;
}  
 
}


@media screen and (max-width: 500px) {
.foot_1{
	width:190px;
}
.foot_2{
	width:230px;
}
.breite{
	padding:1px;
}
.foot_3,.foot_1,.foot_2{
	border-top:1px solid #ffffff3b;
	padding-top:5px;
}

}

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

	p.head_title{
		font-size:23px;
	}

	.column2 {
	width: 48%;
	height:auto;
	margin:2px;
	}

	.text{
	font-size:12px;
	}

	.column2 p{
	height:24px;
	} 
  
	img.phone{
	height:23px;
	margin-right:0px;
	}

	img.mail{
	height:25px;
	margin-right:0px;
	margin-left:0px;
	}

	a.top{
		font-size:14px;
	}
	
.hovertable{
font-size:14px;
}

}


@media screen and (max-width: 300px) {
	p.head_title{
	font-size:15px;
	}

	p.sub_title{
	font-size:15px;
	}

	.head_pos{
	margin-top:60px;
	}

	.title_pic{
	height: 196px;
	background-position: -640px center;
	background-size: auto 200px;
	}

	.column2 {
	width: 98%;
	}
	a.top{
	font-size:10px;
	}
  
}



.button {
    border: none;
    color: white;
    padding: 8px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
    background: #263d91;
    border-radius:10px;
}

.button:hover{
    background-color: #808fc3; 
}