/*
Theme Name: https://www.sancytours.com/
Theme URI: https://www.sancytours.com/
Author: Dipl.-Ing. Joerg Petermann, agentur einfachpersoenlich
Author URI: http://www.einfach-persoenlich.com
Description: Die Website von www.sancytours.com
Version: 1.1

agentur einfachpersoenlich
   (c) 2022 Dipl.-Ing. Joerg Petermann 
*/


/*	Reset */
html,body,div,span,applet,object,h1,h2,h3,h4,h5,h6,p,blockquote,a,img,strong,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0;}
address{padding:0 0 30px; line-height:1.7;}
abbr,acronym{border-bottom:.1em dotted;}
ins{background:#ffffcc;text-decoration:none;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
ol,ul{list-style:none;}
blockquote:before,blockquote:after{content:none;}
table{border-collapse:collapse;border-spacing:0;}
input:focus,textarea:focus{border:1px solid #999; outline:0;}
a:hover, a:active, a:focus { outline: none; -moz-outline-style: none;}
::-webkit-input-placeholder {color:#999;}
:-moz-placeholder {color:#999;}
.placeholder {color: #999;}

/* Clearfix */
.clr{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.scfl:after{clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0; }

/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
 .cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}

@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/pt-sans-v10-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('PT Sans'), local('PTSans-Regular'),
       url('/fonts/pt-sans-v10-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/pt-sans-v10-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/pt-sans-v10-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/fonts/pt-sans-v10-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/pt-sans-v10-latin-regular.svg#PTSans') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  src: url('/fonts/pt-sans-v10-latin-700.eot'); /* IE9 Compat Modes */
  src: local('PT Sans Bold'), local('PTSans-Bold'),
       url('/fonts/pt-sans-v10-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/pt-sans-v10-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/pt-sans-v10-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/fonts/pt-sans-v10-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/pt-sans-v10-latin-700.svg#PTSans') format('svg'); /* Legacy iOS */
}


@-ms-viewport{ width: device-width; zoom:1; }
@-o-viewport{ width: device-width; zoom:1; }
@viewport{ width: device-width; zoom:1; }

*{
margin:0;
padding:0;
}

body{
margin:0;
font:100%/1.5em "PT Sans", arial, verdana, sans-serif;
color:#333;
}

a{
color:#f49e00;
font-weight:normal;
text-decoration:underline;
outline:none;
}

a:hover{
color:#4857a0;
text-decoration:none;
}

h1,h2,h3,h4,h5,h6,p,ul,ol,table,td,input,textarea,form,select,blockquote{
margin:0 0 1em;
}

ul,
ul li{
list-style-type:none;
}

.scfl:after{
content:" ";  
display:block; 
visibility:hidden;
clear:both; 
height: 0.1px;
font-size: 0.1em;
line-height: 0;
}

* html .scfl { display:inline-block; }
/*  \*/
* html .scfl { height:1%; }
.scfl{ display:block;}
/*  */

h1,h2,h3,h4{
font-family: "PT Sans", Arial, verdana, Helvetica, sans-serif;
font-weight:bold;
color:#333;
text-rendering: optimizeLegibility;
line-height:1.3em;
color:#0c1c70;
}	

#main h1 {
margin: 0 0 1em;
font-size: 160%;
word-wrap:break-word;
}

#main h2 {
margin: 0 0 .8em;
font-size: 160%;
}

#main h3 {
margin: 1em 0 .5em;
font-size: 140%;
clear:both;
}

#main h4 {
margin:1.5em 0 .3em;
font-size: 110%;
}

#main h1 a, 
#main h2 a, 
#main h3 a, 
#main h4 a{
font-weight:bold;
border:0;
color:#06c;
text-decoration:none;
}

#main h1 a:hover, 
#main h2 a:hover, 
#main h3 a:hover, 
#main h4 a:hover{
color:#36c !important;
text-decoration:underline;
border:0;
}

h4.header{
color:#666;	
}

#seite{
margin:0 auto;
padding:0;
text-align:center;
position:relative;
background:#fff;
}

#blatt{
float:left;
display:inline;
background:#efefef;
}

/*******************/

#kopf{
float:left;
display:inline-block;
width:100%;
height:auto;
background:#fff;
}

#kopf a{
float:left;
display:block;
width:auto;
height:auto;
text-align:left;
margin:1% 0% .5% 4%;
outline:none;
text-decoration:none;
}

#kopf img{
max-width:100%;
height:auto;
}

#kopf #knav{
float:right;
display:inline-block;
width:40%;
}

#kopf #knav ul{
float:right;
display:inline-block;
height:100%;
margin:3em 4% 0 0;
}

#kopf #knav ul li ul{
display:none;
}

#kopf #knav li{
float:left;
display:inline-block;
}

#kopf #knav li a{
float:left;
display:block;
text-decoration:none;
color:#888;
margin:0 .5em;
font-size:85%;
}

#kopf #knav li a:hover{
color:#0c1c70;
}

#kopf #facebook{
float:right;
display:inline-block;
margin-top:5.5%;
}

/*******************/

#searchform{
float:right;
display:inline-block;
width:30%;
}

#searchform input{
float:left;
display:inline-block;
width:59% !important;
margin:0 2% 0 0;
padding:2px;
font-family:verdana, sans-serif;
border:1px solid #ccc;
}

#searchform input#searchsubmit{
padding:3px;
width:17% !important;
}

aside #searchform{
width:100%;
margin-bottom:2em;
}

aside #searchform input{
width:95% !important;
margin:0 2% 0 0;
padding:4px;
font-family:verdana, sans-serif;
border:1px solid #ccc;
}

aside #searchform input#searchsubmit{
display:none;
}

/*******************/

header{
float:left;
display:inline-block;
width:100%;
background:#fff;
overflow:hidden;
height:auto;
position:relative;
}

header h1{
float:left;
display:inline-block;
width:100%;
margin:0;
padding:0;
}

header h1 a{
float:right;
display:block;
font-size:1em;
border:0;
width:100%;
color:#333;
margin:0;
padding:0;
}

header h1 img{
float:right;
display:inline-block;
width:100%;
height:auto;
}

header h1 a:hover{
border:0;
}


/*******************/

nav{
float:left;
display:inline-block;
width:100%;
background:#36c;
position: relative;
}

nav ul{
float:left;
display:inline-block;
width:100%;
height:32px;
margin:0 auto;
padding:0 0 0 3em;
}

nav ul li.menu-item-gtranslate{
margin-left:2em;
text-align:left !important;
}

nav ul li.menu-item-gtranslate a{
margin-left:.3em !important;
}

nav ul li{
float:left;
display:inline-block;
position:relative;
}

nav ul li a{
display:block;
text-align:left;
padding:0 .9em;
line-height:2.2em;
border:0;
text-decoration:none;
color:#fff;
font-size:95%;
}

nav ul li a:hover{
border:0;
background:#ddd;
font-weight:bold;
color:#333;
}

nav ul li ul,
nav ul li:hover ul li ul,
nav ul li:hover ul li ul li ul{
display:none;
}

nav ul li:hover ul{
float:left;
text-align:left;
display:block;
position:absolute;
top:39px;
left:0px;
height:auto;
padding:0;
width:300px;
border:1px solid #666;
border-width:0 1px;
z-index:10;
}

nav ul li#menu-item-275:hover ul{
left:-228px;
}

nav ul li:hover ul li{
float:left;
width:270px;
}

nav ul li:hover ul li a{
z-index:10;
background:#e5e5e5;
width:287px;
padding:0 0 0 5%;
color:#333;
}

nav ul li ul li a:before { 
content: "> ";
}

nav ul li ul li:first-child a:before { 
content: "";
}

nav ul li ul li a:hover{
background:#dedede;
font-weight:bold;
}

nav ul li:hover ul li a,
nav ul li:hover ul li ul li a{
font-weight:normal;
}

nav ul li:hover a{
color:#333;
font-weight:bold;
background:#bbb;
}

body.archive nav ul li#menu-item-365 a,
body.category nav ul li#menu-item-365 a,
body.single-post nav ul li#menu-item-365 a,
body.single-location nav ul li#menu-item-582 a,
body.page-kategorien nav ul li#menu-item-582 a,
body.single-event nav ul li#menu-item-582 a,
nav ul li.current-menu-item a,
nav ul li.current-page-ancestor a,
nav ul li ul li:hover a,
nav ul li ul li ul li:hover a,
nav ul li ul li ul li ul li:hover a{
color:#333;
font-weight:bold;
background:#dedede;
}

body.archive nav ul li#menu-item-365 ul li a,
body.category nav ul li#menu-item-365 ul li a,
body.single-post nav ul li#menu-item-365 ul li a,
body.single-location nav ul li#menu-item-582 ul li a,
body.page-kategorien nav ul li#menu-item-582 ul li a,
body.single-event nav ul li#menu-item-582 ul li a{
background:#dedede;
font-weight:normal;
}

body.archive nav ul li#menu-item-365 a:hover,
body.category nav ul li#menu-item-365 a:hover,
body.single-post nav ul li#menu-item-365 a:hover,
body.archive nav ul li#menu-item-365 ul li a:hover,
body.category nav ul li#menu-item-365 ul li a:hover,
body.single-post nav ul li#menu-item-365 ul li a:hover,

body.single-location nav ul li#menu-item-582 a:hover,
body.page-kategorien nav ul li#menu-item-582 a:hover,
body.single-event nav ul li#menu-item-582 a:hover,
body.single-location nav ul li#menu-item-582 ul li a:hover,
body.page-kategorien nav ul li#menu-item-582 ul li a:hover,
body.single-event nav ul li#menu-item-582 ul li a:hover{
background:#ccc !important;
font-weight:bold;
}

nav ul li ul li:hover ul,
nav ul li ul li ul li:hover ul{
display:block;
position:absolute;
top:0;
left:250px;
}

nav ul li:hover ul li:hover ul li a,
nav ul li:hover ul li:hover ul li:hover ul li a{
background:#eee;
color:#333
}

nav ul li ul li ul li a:hover,
nav ul li ul li ul li ul li a:hover{
background:#ddd !important;
}

nav a#pull {
display: none;
border:0;
}		

/*******************/


#content{
float:left;
display:inline;
width:100%;
padding:0 0 0;
}


#main{
float:right;
display:inline;
width:62.5%;
margin:0 0 0%;
padding:2% 0;
text-align:left;
overflow:hidden;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
background:#fff;
font-size:110%;
}

#mainin{
padding:4% 2% 4% 4%;
}

body.home #main{
padding:0 0 2%;
}
/*
body.home #main .entry{
margin:0 1.2em 1.5em 1.5em;
}
*/
#main .entry{
margin:0 1.2em 1.5em 0em;
}

#main a{
color:#333;
color:#0c1c70;
text-decoration:none;
border-bottom:1px solid #0c1c70;
}

#main a:hover{
color:#0c1c70;
border-bottom:1px solid #0c1c70;
}

#main p.date{
margin-top:-1.5em;
margin-bottom:.3em;
font-size:.85em;
}

#main .alignleft{
float:left;
display:inline;
margin:.5% 2.5% 2.5% 0;
}

#main .alignright{
float:right;
display:inline;
margin:0 2.5% 2.5% .5%;
}

#main .alignright a,
#main .alignleft a{
border:0 !important;
}

#main .wp-caption-text{
color:#666;
font-size:.9em;
}

#main ul{
margin:1em 2.2em;
}

#main ul li{
padding:0 .3em .3em;
list-style-type:square;
list-style-type:circle;
list-style-type:disc;
}

#main ol{
margin:1em 2.5em;
list-style-type:decimal;
}

#main ol li{
padding:0 0 .3em;
}

#main strong{
font-weight:bold;
}

#main img{
max-width:100%;
height:auto;
}

#main figure{
overflow:hidden;
}

#main p.bkrume{
font-size:70%;
}

#main form#commentform input{
display:block;
}

#main textarea,
#main input,
#main form#commentform textarea{
width:90%;
display:block;
}

#main .menubox{
display:none;
margin:0 0 1em;
}

#main .menubox ul{
margin-left:1.5em;
}

#main .menubox ul li{
padding:0;
list-style-type:none;
}

#main ul li ul li:before { 
content: " > ";
padding-left:1em;
color:#888;
}

#main .menubox ul li ul{
margin-top:0;
margin-left:.5em;
margin-right:0;
}

#main .menubox ul li{
font-size:.85em;
}

#main .menubox ul li.current-menu-item a,
#main .menubox ul li a{
font-weight:bold;
}

#main .menubox ul li.current-menu-item ul li a,
#main .menubox ul li ul li a{
font-weight:normal;
}


#main a[href $='.pdf'] {
padding-left:20px; 
background:transparent url(/wp-content/themes/business-html5-mod/bild/pdf.gif) no-repeat 0 center;
}

#main a[href $='.xls'],
#main a[href $='.xlsx'] {
padding-left:20px; 
background:transparent url(/wp-content/themes/business-html5-mod/bild/excel.gif) no-repeat 0 center;
}

#main a[href $='.doc'],
#main a[href $='.docx'] {
padding-left:20px; 
background:transparent url(/wp-content/themes/business-html5-mod/bild/word.gif) no-repeat 0 center;
}

#main a[href $='.mp3'],
#main a[href $='.wav'] {
padding-left:20px; 
background:transparent url(/wp-content/themes/business-html5-mod/bild/audio.gif) no-repeat 0 center;
}

#main a[href $='.mp4'],
#main a[href $='.avi'],
#main a[href $='.m4v'],
#main a[href $='.wmv'] {
padding-left:20px; 
background:transparent url(/wp-content/themes/business-html5-mod/bild/video.gif) no-repeat 0 center;
}


#main table{
width:100%;
font-size:.8em;
color:#666;
margin:1.4em 0;
}

#main table th{
border:1px solid #666;
color:#333;
text-align:center;
vertical-align:top;
background:#ccc;
}

#main table td{
border:1px solid #888;
text-align:left;
vertical-align:top;
}

#main table .even td{
background:#f1f1f1;
}

#main .rot{
color:red;
}


#main code{
font-family:arial, verdana, sans-serif !important;
background:#666 !important;
}

#main p{
margin:0 0 .5em;
}

#main .borderno{
border:0 !important;
}

#main form.wpcf7-form input,
#main form.wpcf7-form textarea{
border:1px solid #ccc;
padding:4px;
font-family:verdana, sans-serif;
font-size:85%;
color:#666;
width:50%;
-moz-box-shadow: 0 0 3px 3px #eee;
-webkit-box-shadow: 0 0 3px 3px #eee;
box-shadow: 0 0 3px 3px #eee;
border-radius:5px; 
}

#main form.wpcf7-form textarea{
width:75%;
}

#main form.wpcf7-form input.wpcf7-submit{
float:left;
display:inline;
color:#444;
font-size:1.1em;
font-family:"arial Narrow",arial,sans-serif;
margin:0 0 1em;
padding:.2em 1.2em; 
text-align:center;
border-radius: 30px;
-webkit-border-radius:30px; 
-moz-border-radius:30px;
background:#b2d1ff;
text-decoration:none;
border:1px solid #666;
width:35% !important;
}

#main form.wpcf7-form input.wpcf7-submit:hover{
color:#fff;
background:#4857a0;
}

#main form.wpcf7-form small{
font-size:85%;
color:#666;
}

#main img{
width:49%;
height:auto;	
}

/*******************/

aside{
float:left;
display:inline;
width:31.25%;
margin:0;
padding:3% 3% 2% 3%;
text-align:left;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
background:#eee;
border:0;
font-size:110%;
}

aside h2,
aside h3{
font-size:120%;
}

aside .box {
margin:0 0 4em;
}

aside .widget_search{
margin:1em 0 2em;
}

aside .button{
float:left;
display:inline-block;
margin:0 0 3.3em;
width:100%;
}

aside .button ul li a{
float:left;
display:inline-block;
margin:0 1em 0 0;
}

aside .button ul li a,
aside .button ul li a img{
border:0;
}

aside ul{
margin:0;
}

aside ul li a{
border:0;
font-weight:normal;
color:#666;
font-size:95%;
line-height:1.3em;
}

aside ul li ul li a{
color:#666;
}

aside ul li ul li:before { 
content: ">";
padding-right:.5em; 
color:#666;
}

aside ul li.current-menu-item a,
aside ul li ul li.current-page-item a{
font-weight:bold;
color:#333;
}

aside ul li.current-menu-item ul li a,
aside ul li.current-page-item ul li a{
font-weight:normal;
color:#666;
}

aside ul li ul li.current-menu-item a{
font-weight:bold !important;
color:#333 !important;
}

aside .tagcloud a:hover,
aside p a:hover,
aside ul li a:hover,
aside ul li.current-menu-item a:hover{
color:#06c !important;
}

aside ul li ul{
margin:0 0 0 0.5em;
}

aside ul li ul li a{
font-weight:normal;
color:#666;
}

aside ul li ul li ul li a{
color:#888;
}

aside ul li ul li,
aside ul li a{
border:0;
text-decoration:none;
color:#666;
}


aside table{
border:2px solid #F9AD00;
width:100%;
background:#fff;
}

aside table td,
aside table th{
border:1px solid #ccc;
width:10%;
padding:2% 1%;
text-align:center;
}

aside table td a{
font-weight:bold;
}

aside .title{
font-weight:normal;
}

aside p{
color:#666;
}

aside .tagcloud a{
padding-right:.5em;
line-height:1.4em;
color:#666;
text-decoration:none;
}

/*******************/


#footer{
width:100%;
background:#eee;
}

#footerbox{
float:left;
display:inline-block;
width:94%;
margin:0;
padding:0 1.5% 2em;
}

#footerbox .box{
float:left;
display:inline-block;
width:23.5%;
margin:1em 0% 1em 1%;
text-align:left;
color:#555;
}

#footerbox .box h3{
font-size:1em;
color:#444;
}

#footerbox .box ul{
float:left;
display:inline-block;
margin:0;
width:100%;
}

#footerbox .box ul li{
float:left;
display:inline-block;
line-height:1.1em;
width:100%;
margin-bottom:.2em;
}

#footerbox .box ul li a{
float:left;
display:block;
color:#666;
font-size:.85em;
text-decoration:none;
}

#footerbox .box ul li a:hover{
color:#06c !important;
text-decoration:underline;
}

#footerbox .box ul li ul{
padding:0;
display:none;
}

#footerbox .box .widgettext,
#footerbox .box p{
font-size:.85em;
}

#footerbox .widget_tag_cloud{
width:49%;
}

#footerbox .tagcloud a{
padding-right:.5em;
line-height:1.4em;
color:#666;
text-decoration:none;
}


#fuss{
clear:both;
margin:0em auto;
padding:1em 0;
font-size:.85em;
text-align:center;
width:100%;
color:#eee;
line-height:1.6em;
background:#06c;	
}

#fuss a{
color:#eee;
border:0;
}

#fuss span.projekt a{
text-decoration:none;
}

#fuss span.projekt{
display:block;
}


.clear{
clear:both;
}

/*******************/

#main .entryblock{
float:left;
display:inline-block;
width:33.3%;
margin:0;
text-align:left;
}

#main .entryblock div{
margin:0 auto;
text-align:center;
width:94%;
margin:0 0% 4% 0%;
height:16%;
}

#main .entryblock div a{
color:#333;
}


#main .entryblock h3{
margin:0 0% .3em 0%;
text-align:left;
font-size:105%;
line-height:110%;
}

#main .entryblock a:hover h3,
#main .entryblock h3 a:hover{
color:#4857a0;
border:0 !important;
}

#main a.nobord,
#main .entryblock a.nobord{
border:0 !important;
}

#main .entryblock a{
border:0;
}

#main .entryblock p{
width:96%;
width:100%;
text-align:left;
margin:1% 0% 2%;
font-size:95%;
}

#main .entryblock p a{
border:0;
border-bottom:1px solid #0c1c70;
}

#main .entryblock img{
width:100%;
}

#main .entryblock2{
float:left;
display:inline;
width:48%;
margin:0 2% 1.6em 0;
text-align:left;
height:auto;
}

#main .entryblock2 h3{
float:left;
display:inline;
margin:0;
padding:0;
font-size:100%;
line-height:120%;
width:97%;
}

#main .entryblock2 h3 a:hover{
color:#E7911B;
}

#main .entryblock2 h3 a{
border:0;
}

#main .entryblock2 p{
float:left;
display:inline;
margin:0;
padding:0;
font-size:95%;
width:97%;
}

#main .entryblock2 img{
float:left;
display:inline;
width:30%;
margin:0 0 1% 1%;
}

#main .entryblock2 small{
font-weight:normal;
color:#666;
font-size:80%;
}

#main .news h3{
float:none;
display:block;
width:96%;
}

#main .news p{
float:none;
display:block;
width:96%;
}

#main .newsletter input{
width:35%;
}

#main .newsletter input.submit{
color:#444;
font-size:1.1em;
font-family:"arial Narrow",arial,sans-serif;
width:37% !important;
margin:0em;
padding:.2em 0; 
text-align:center;
border-radius: 20px;
-webkit-border-radius:20px; 
-moz-border-radius:20px;
background:#0c1c70;
text-decoration:none;
}

/*******************/


/* All Smartphones in portrait and landscape ----------- */
/* All Smartphones in portrait and landscape ----------- */
/* All Smartphones in portrait and landscape ----------- */


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

body{margin:0;}
#seite{width:auto;}
#main{width:100% !important;}
aside{width:100% !important;}
#footerbox .box{width:50% !important;}

#main ul.vereine li{
width:97% !important;
margin:0 1% 1% 0;
}
	
header{height:78px !important;}

#kopf #facebook,
#kopf #knav{display:none;}
#kopf img{ max-width:50%;}

#searchform{float:none;width:100%;}
#searchform input{width:74% !important;}

nav{ 
height: auto;
}

nav ul {
width: 100%;
display: block;
padding:0;
height: auto;
border-bottom:1px solid #333;
display:none;
}

nav li {
float: left;
display: block;
position: relative;
border-right:1px solid #e5e5e5;
border-bottom:1px solid #333;
width: 99.7% !important;
}

nav li a {
width:91% !important;
font-size:1.1em;
padding:0 4.5% !important;
background:#e5e5e5;
color:#333 !important;
}	

nav li:last-child{
border-bottom:0;
}

nav ul li ul{
display:none !important;
}

nav a#pull {
float:left;
display:block;
background:#777;
background:#4857a0;
width:96.2%;
position: relative;
text-align:left;
padding:0.5% 0% 0.2% 3.8%;
line-height:1.6em;
border:1px solid #333;
border-left:0;
color:#fff;
font-weight:bold;
text-decoration:none;
font-size:1.1em;
}

nav a#pull:after {
content:" ";
background:transparent url('/wp-content/themes/business-html5-mod/bild/nav-icon.png') no-repeat 95.5% 0;
width: 20px;
height: 22px;
display: inline-block;
position: absolute;
right:5%;
top:5px;
}

#main .entryblock{
width:99.9% !important;
}

#main .entry p,
#main .entry ol,
#main .entry ul,
#main .entryblock p,
#main .entryblock strong,
#main .entryblock ul,
#main .entryblock ol{
font-size:100%;
}

#main .entryblock2{
width:99.9% !important;
}

#main .entryblock2 h3,
#main .entryblock2 p{
margin:0%;
}

#main h2 {
margin: 0 0 .6em;
font-size: 160%;
}

#main h3 {
margin: 0 0 .4em;
font-size: 135%;
}

#main h4 {
margin: 0 0 .3em;
font-size: 110%;
}

#main blockquote{
margin:1em .2em;
padding:1em 1em 0;
}

#main .menubox{
display:block !important;
}

aside{
padding:5% 4% 3%;
}

#main .menubox ul{ margin-left:0em; }

#footerbox .box{
width:99% !important;
}

#footerbox .box,
#footerbox #categories-3{
clear:both;
}
	
#mainin{padding:4% 0% 4% 4%; }
	
#main img{width:47% !important;	}
	
}	

/*******************/


/* iPads in portrait and landscape----------- */
/* iPads in portrait and landscape----------- */
/* iPads in portrait and landscape----------- */

@media only screen and (min-width : 480px) and (max-width : 600px){
body{margin:0;}
#seite{width:auto;}
#main{width:100% !important;}
aside{width:100% !important;}
#footerbox .box{width:25% !important;}

#kopf #facebook,
#kopf #knav{display:none;}
#kopf img{ max-width:50%;}

#searchform{float:none;width:100%;}
#searchform input{width:74% !important;}

nav{ 
height: auto;
}

nav ul {
width: 100%;
display: block;
padding:0;
height: auto;
border-bottom:1px solid #333;
display:none;
}

nav li {
float: left;
display: block;
position: relative;
border-right:1px solid #e5e5e5;
border-bottom:1px solid #333;
width: 99.7% !important;
}

nav li a {
width:90% !important;
font-size:100%;
padding:0 5% !important;
background:#e5e5e5;
color:#333 !important;
}	

nav li:last-child{
border-bottom:0;
}

nav ul li ul{
display:none !important;
}

nav a#pull {
float:left;
display:block;
background:#777;
background:#4857a0;
width:96.2%;
position: relative;
text-align:left;
padding:0.5% 0% 0.2% 3.8%;
line-height:1.6em;
border:1px solid #333;
border-left:0;
color:#fff;
font-weight:bold;
text-decoration:none;
font-size:1.1em;
}

nav a#pull:after {
content:" ";
background:transparent url('/wp-content/themes/business-html5-mod/bild/nav-icon.png') no-repeat 95.5% 0;
width: 20px;
height: 22px;
display: inline-block;
position: absolute;
right:5%;
top:5px;
}

#main .entryblock{
width:99.9% !important;
}

#main .entryblock2{
width:99.9% !important;
}

#main .entryblock2 h3{
margin-left:0%;
font-size:90%;
}

#main .entryblock2 p{
margin-left:0%;
}

#main .entryblock div{
height:18% !important;
}

#main .referent{
width:47%;
margin-right:2%;
}

#main ul.eventkachel li{
width:46% !important;
}

#main .menubox{
display:block !important;
}

aside{ padding:5% 4% 3%; }

#main .menubox ul{ margin-left:0em; }

#footerbox .box{
width:48% !important;
}

#mainin{padding:4% 0% 4% 4%; }
#main img{width:47% !important;	}
	
}


/*******************/


/* iPads2 in portrait and landscape----------- */
/* iPads2 in portrait and landscape----------- */
/* iPads2 in portrait and landscape----------- */

@media only screen and (min-width : 600px) and (max-width : 850px){
body{margin:0;}
#main{width:100% !important;}
aside{width:100% !important;}
#footerbox .box{width:25% !important;}

#kopf img{ max-width:70%;}

#searchform{float:none;width:100%;}
#searchform input{width:74% !important;}

#main ul.vereine li{
width:97% !important;
width:43% !important;
margin:0 1% 1% 0;
}
	
nav{ 
height: auto;
}

nav ul {
width: 100%;
display: block;
padding:0;
height: auto;
border-bottom:1px solid #333;
display:none;
}

nav li {
float: left;
display: block;
position: relative;
border-right:1px solid #e5e5e5;
border-bottom:1px solid #333;
width: 99.7% !important;
}

nav li a {
width:92.3% !important;
font-size:110%;
padding:0 4% !important;
background:#e5e5e5;
color:#333 !important;
}	

nav li:last-child{
border-bottom:0;
}

nav ul li ul{
display:none !important;
}

nav a#pull {
float:left;
display:block;
background:#777;
background:#4857a0;
width:96.2%;
position: relative;
text-align:left;
padding:0.5% 0% 0.2% 3.8%;
line-height:1.6em;
border:1px solid #333;
border-left:0;
color:#fff;
font-weight:bold;
text-decoration:none;
font-size:1.1em;
}

nav a#pull:after {
content:" ";
background:transparent url('/wp-content/themes/business-html5-mod/bild/nav-icon.png') no-repeat 95.5% 0;
width: 20px;
height: 22px;
display: inline-block;
position: absolute;
right:5%;
top:5px;
}

#main .entryblock{
width:49.9% !important;
}

#main .entryblock2 h3{
font-size:90%;
}

#main .entryblock div{
height:25em !important;
}

#main .menubox{
display:block !important;
}

aside{ padding:5% 4% 3%; }

#footerbox .box{
width:48% !important;
}

#mainin{padding:4% 0% 4% 4%; }

}

/*******************/


/* Desktops and laptops ----------- */
/* Desktops and laptops ----------- */
/* Desktops and laptops ----------- */

@media only screen and (min-width : 850px) and (max-width : 1140px){
#seite{width:100%;}
#main{width:67% !important;}
aside{width:33% !important;}
body{ font:100%/150% "PT Sans", arial, verdana, arial, "Alegreya Sans Regular", sans-serif; }

#kopf img{ max-width:80%;}

#searchform{float:none;width:100%;}
#searchform input{width:74% !important;}

nav{ 
height: auto;
}

nav ul {
width: 100%;
display: block;
padding:0;
height: auto;
border-bottom:1px solid #333;
display:none;
}

nav li {
float: left;
display: block;
position: relative;
border-right:1px solid #e5e5e5;
border-bottom:1px solid #333;
width: 99.7% !important;
}

nav li a {
width:92.3% !important;
font-size:110%;
padding:0 4% !important;
background:#e5e5e5;
color:#333 !important;
}	

nav li:last-child{
border-bottom:0;
}

nav ul li ul{
display:none !important;
}

nav a#pull {
float:left;
display:block;
background:#777;
background:#4857a0;
width:96.2%;
position: relative;
text-align:left;
padding:0.5% 0% 0.2% 3.8%;
line-height:1.6em;
border:1px solid #333;
border-left:0;
color:#fff;
font-weight:bold;
text-decoration:none;
font-size:1.1em;
}

nav a#pull:after {
content:" ";
background:transparent url('/wp-content/themes/business-html5-mod/bild/nav-icon.png') no-repeat 95.5% 0;
width: 20px;
height: 22px;
display: inline-block;
position: absolute;
right:5%;
top:5px;
}

aside{
width:100% !important;
border:0;
padding:5% 4% 3%;
}

#main{
width:100% !important;
}

#main .entryblock{
width:49.9% !important;
}

#main .entryblock div{
height:26em !important;
}

#main .entryblock2 img{
display:block;
float:none;
}

#main .entryblock2 h3{
float:none;
font-size:90%;
}

#main .menubox{
display:block !important;
}

#footerbox .box{
width:32% !important;
}
#mainin{padding:4% 0% 4% 4%; }


}


/*******************/



/* Large screens ----------- */
/* Large screens ----------- */
/* Large screens ----------- */


@media only screen and (min-width : 1140px) {
#seite,
#blatt{width:76.5em !important;}
#main{width:70% !important;}
aside{width:30% !important;}
body{font:100%/150% "PT Sans", arial, verdana, arial, sans-serif;}


/* Version 100% */
#seite  {width:100% !important; margin:0 auto !important; text-align:center; }
#blatt  {float:none; }
#kopf   {width:100% !important;}
nav ul{ padding:0 0 0 1.5% !important; }
nav ul li ul{padding:0 !important;}
/* Version 100% - Content Mitte */
#blatt  {float:none; display:block; margin:0 auto !important; text-align:center; }
#kopf   {float:none; width:76.5em !important; margin:0 auto !important; text-align:center;}
#footer {background:#eee; }
#footerbox {float:none;  width:72.8em !important;margin:1em auto !important; text-align:center;  }
nav ul{float:none; width:76.5em !important; padding:0 0 0 3em !important; margin:0 auto !important; text-align:center; }
nav ul li:hover ul{width:300px !important;} 
nav ul li a {line-height:2.6em;}
#mainin{padding:4% 0% 4% 6%;   }

#main .entryblock div{
height:22em;
}

#main .entryblock2 img{
float:left;
display:inline;
}

#fuss span{display:block;}

}


/*******************/
/*
body.home aside{display:none !important;}
body.home #main{width:100% !important;}
body.home #main .entry{margin:0 2em 0 0;}
*/
/**********/

hr{
clear:both;
display:block;
width:99%;
margin:5% auto 3%;
text-align:center;
font-size:1px;
height:1px;
border:0;
border-bottom:1px solid #ccc;
}


/**********/


#main table {
width:100%;
}

#main table td,
#main table th{
border:1px solid #888;
padding:4px 10px 0;
background:#fff;
}

#main table th{
font-weight:bold;
background:#b2d1ff;
}

.em-booking-form1{
float:left;
display:inline;
border:1px solid #333;
padding:1em;
background:#efefef;
}


#main p.button a{
float:left;
display:inline;
color:#444;
font-size:1.1em;
font-family:"arial Narrow",arial,sans-serif;
margin:0 0 0em;
padding:.4em 1.2em; 
text-align:center;
border-radius: 20px;
-webkit-border-radius:20px; 
-moz-border-radius:20px;
background:#0c1c70;
text-decoration:none;
}

#main p.button a:hover{
color:#fff;
}

#main input,
#main textarea{
border:1px solid #ccc;
padding:4px;
}


#main .booking a,
#main .submit,
#main .em-booking-submit{
display:inline;
color:#fff !important;
font-size:1.1em;
font-family:"arial Narrow",arial,sans-serif;
margin:0 auto 1em;
padding:.4em 1.5em; 
text-align:center;
border-radius: 3em;
-webkit-border-radius:3em; 
-moz-border-radius:3em; 
background:#f60;
text-decoration:none;
border:1px solid #666;
width:40% !important;
}

#main .booking a:hover,
#main .submit:hover,
#main .em-booking-submit:hover{
color:#333;
}

#main p.booking a{
margin:0 0 1em;
width:6em !important;
}

/**********************/

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

}


#main{
min-height:700px !important;
}

strong{
font-weight:bold;
}

#main input#submit,
#main form.wpcf7-form input.wpcf7-submit{
background:#7fb741 !important;
}

#main input#submit:hover,
#main form.wpcf7-form input.wpcf7-submit:hover{
background:#1ca4d5 !important;
}

#main img{
width:22.5%;
height:auto;
}

#main img.gross,
#main img.breite100{
max-width:97% !important;
width:97% !important;
height:auto;
}

#main img.doppelt,
#main img.breite50{
width:47% !important;
height:auto !important;
}

#main img.breite33{
width:30.5% !important;
height:auto !important;
}

#main img.breite25{
width:22.5% !important;
height:auto !important;
}

#main img.klein{
width:auto !important;
height:auto !important;
}

#main .person .text{
float:left;
display:inline-block;
margin-left:2em;
width:60%;	
}

#main,
#main .entry,
#main iframe{
border:0px solid #ccc;
}

#main a:hover,#main h2 a:hover,#main h3 a:hover{color:#06c !important;}

#main blockquote{
margin:2em;
padding:1em 2em;
background:#03a1fc;
border:3px double #06c;
}

#main blockquote p{
color:#03a1fc !important;
color:#06c !important;
color:#fff !important;
}

#main blockquote strong{
font-weight:bold;
}

#main .metaslider{
border:1px solid red1;	
margin:0 0 2em !important;
padding:0 !important;
}

#main .metaslider div{
margin:0 !important;
padding:0 !important;
}

#main .metaslider ul.slides{
margin:0 !important;
padding:0 !important;
}

#main .metaslider ul.slides li img{
width:100% !important;
}

#main .wpbs-container table td{
text-align:center !important;	
}

#main .wpbs-main-wrapper{
width:70% important;
}

aside .wpbs-calendars-wrapper{
width:70% important;
}

#main .wpbs-form-container{
border:1px solid #204EB2 !important;
background:#6c0;
background:#9cf;
padding:2em;	
border-radius:.5em !important;
}

#main .wpbs-form-fields1,
#main .wpbs-form-field{
margin:0 2em;	
}

#main .wpbs-form-submit-button button{
background:#f60 !important;
}

#main .wpbs-form-submit-button button:hover{
background:#ccc !important;
background:#204EB2 !important;
}

#main .wpbs-form-submit-button button{
border-radius:2em !important;
padding:.5em 2em !important;
}

#main .wpbs-form-field input,
#main .wpbs-form-field textarea,
#main .wpbs-form-field select{
border-radius:.5em !important;
}

#main .wpbs-pricing-table td{
border:1px solid #333 !important;	
}

#main .wpbs-pricing-table th{
color:#333 !important;
}

#main .metaslider ul li{
padding:0 !important;
}

#main .metaslider ul li img{
border:1px solid #eee !important;
}

#main .angebote a img{
border:1px solid #204EB2 !important;	
border:1px solid #666 !important;	
margin:0 .3em 1em  0!important;	
}

#main .site ul.wsp-posts-list li{
margin-bottom:2em !important;
list-style-type:none ;
margin-left:0 !important;
padding:0 !important;
}

#main .site ul.wsp-posts-list li a{
color:#1A75D1 !important;	
font-size:1.6em;
font-weight:bold;	
}

#main .site ul.wsp-posts-list li ul li{
margin-bottom:0em !important;
}

#main .site ul.wsp-posts-list li ul li a{
color:#666 !important;	
font-size:1em;
font-weight:normal;	
}