/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

/* General Custom CSS */

/*@import url("css/fontello.css");*/
/**{
text-transform: none;
}*/

.ls-layer b{
color:#ffffff;
}

.avia-size-x-large .avia_iconbox_title{
font-size:18px !important;
}
.avia-button.avia-size-x-large{
padding: 25px 10px 23px 10px;
}

.yachtofficesearch b{
color:#ffffff;
position:relative;
top:-20px;
font-size:18px;
}
.yachtofficesearch .avia_iconbox_title{
font-size:16px;
}
.yachtofficesearch select,
.yachtofficesearch input
{
margin-bottom:0 !important;
background:rgba(255, 255, 255, 0.3) !important;
border:1px rgba(255, 255, 255, 0.0) solid !important;
color:#FFFFFF !important;
}
.yachtofficesearch input::placeholder {
color: rgb(255, 255, 255);
opacity: 0.9;
}
.yachtofficesearch select option{
color:#000000 !important;
}
.yachtofficesearch .avia_iconbox_title{
 font-weight:bold;
}
.yachtofficesearch .avia-button-wrap
{
position:relative; top:-2px;
}
.yachtofficesearch .avia-button-wrap, 
.yachtofficesearch .avia-button-wrap *
{
 height:40px; line-height:40px;
 width:100%;
margin:0 !important;
padding:0 !important;
}
.ui-datepicker-title,
.ui-datepicker-title *{
font-size:14px !important;
}
.ui-datepicker-calendar,
.ui-datepicker-calendar *{
font-size:12px !important;
}
.ui-datepicker td,
.ui-datepicker th {
border: 0 none !important;
}

#mobile-advanced li > a::before, .html_header_mobile_behavior #mobile-advanced span > a::before, #mobile-advanced .mega_menu_title::before {
top: 15px;
}

.logo{
display:none
}
.wetter{
float:right
}
.avia-size-x-large
{
width:99%;
}
.avia-size-x-large .avia_iconbox_title
{
font-size:x-large
}

#tiptip_content {
background-color: rgba(250, 250, 250, 0.92) !important;
border: 1px solid rgba(0, 0, 0, 0.25) !important;
color: #000 !important;
font-size: 16px !important;
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#fff)) !important;
}

#menu-item-1530 a .avia-menu-text
{
background-color:#00b8fd;
color:#FFFFFF;
padding: 4px 7px;
border-radius: 6px;
}
.main_menu{
right:auto
}

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */
.av-animated-generic
{
border-right:1px #E1E1E1 solid !important;
position:relative; left:3%;
}

.av-animated-generic > section,
.av-animated-generic > div
{
position:relative; left:-4.5%;
}
}

.av-main-nav > li > a{
padding-left:8px;
padding-right:8px;
}

p{
margin: 0em 0 1.7em 0;
}
.av-equal-height-column-flextable p{
margin: 0.85em 0;
}

.ls-l{
color:#FFFFFF !important; 
}
.ls-l b{
display:block;
/*font-size:48px;*/
font-size:2.2em;
color:#FFFFFF !important;
padding-bottom:5px;
font-style:italic
}
blockquote{
border-left-color:#00b8fd !important;
}


.menu-item-top-level > a > .avia-menu-text
{
padding: 4px 3px;
}
.menu-item-top-level:hover > a > .avia-menu-text
{
background-color:#00b8fd;
color:#FFFFFF;
padding: 4px 3px;
border-radius: 4px;
}
.av-main-nav ul{
width:300px;
}

.post-entry h1{
font-size:26px;
color:#005495 !important;
text-transform: none !important;
}

.post-entry h2{
color:#005495 !important;
text-transform: none !important;
}

.post-entry h3{
color:#005495 !important;
text-transform: none !important;
}

.post-entry h4{
color:#005495 !important;
text-transform: none !important;
font-weight:normal
}
.avia_textblock  a{
color:#00b8fd;
font-weight:bold
}
.avia_textblock  b,
.avia_textblock  strong,
{
color:#003f75;

}

.av-main-nav > li > a{font-size:18px; font-family:'Raleway'; font-weight:normal; /*text-transform:uppercase*/}
.av-main-nav ul a{font-size:16px !important; font-family:'Raleway'; font-weight:normal;}

#header_meta{
 background-color:#FFFFFF;
}
#header_meta, #header_meta *{
font-size:14px !important;  font-family:'Raleway'; font-weight:normal; 
}
#header_meta .phone-info span{
font-size:16px !important;
}
/*.header-scrolled,
.header-scrolled #header_main{
background:transparent rgba(255, 0, 0, 0.1) !important;
}*/

.avia_textblock th,
.avia_textblock td
{
border:0 none !important;
font-size:16px;
vertical-align:top
}

.main_color tr:nth-child(2n+1), .main_color .pricing-table > li:nth-child(2n+1), .main_color .pricing-extra {
background: #fff none repeat scroll 0 0;
}
.main_color table caption, .main_color tr:nth-child(2n), .main_color .pricing-table > li:nth-child(2n), #top .main_color .avia-data-table.avia_pricing_minimal td
{
color:#000000;
}

#scroll-top-link{
display:none !important;
visibility:hidden
}

#footer {
border-top: 4px solid #00b8fd;
}
#footer{
padding-bottom:0;
}
#footer .widget{
margin-bottom:0;
}
#footer .av_one_fourth{
position:relative; top:-20px;
}
#footer .av_one_fourth {
margin-left: 2%;
width: 23.5%;
}
#footer .av_one_fourth.first{
margin-left: 0%;
}
#footer .widgettitle{
text-transform:none
}

.avia_mega_menu_columns_2 .sub-menu{
border-right:1px #D8DDE3 dotted !important;
}

.avia_mega_menu_columns_3 .sub-menu{
border-right:1px #D8DDE3 dotted !important;
}
.avia_mega_menu_columns_last .sub-menu{
border-right:0px none !important;
}

#header_main, #header_main *{
/*font-family:Karla;*/
}
.current-menu-item .avia-menu-text{
color:#005495;
}
/*
.menu-item:hover *,
.menu-item:hover .sub-menu,
.menu-item:hover .sub-menu *
{
 background-color:#00B8FD !important;
 color:#FFFFFF !important;
}
*/

#footer a:hover {
color:#DFE5EC;
}

#footer center h2 {
font-size:14px;
color:#B6BCC4;
padding-bottom:15px;
border-bottom:1px #555a5f solid;
font-family:'Raleway';
font-weight:normal;
}


#footer center h3 {
font-size:28px;
color:#B6BCC4;
padding-bottom:10px;
font-family:'Raleway';
}
.icon-x:before { content: ' '; } 

#socket, #socket *{
font-size:13px;
}

#top #wrap_all .av-social-link-facebook  a{color:#fff; background-color:#37589b; }
#top #wrap_all .av-social-link-twitter   a{color:#fff; background-color:#46d4fe; }
#top #wrap_all .av-social-link-instagram a{color:#fff; background-color:#a67658; }
#top #wrap_all .av-social-link-whatsapp a{color:#fff; background-color:#00E676; }
#top #wrap_all .av-social-link-telegram a{color:#fff; background-color:#25A4E3; }
#top #wrap_all .av-social-link-youtube a{color:#fff; background-color:#A72B1D; }
#top #wrap_all .av-social-link-mail a{color:#fff; background-color:#9FAE37; }


#top #wrap_all .av-social-link-facebook:hover  a{color:#37589b; background-color:#fff; border:1px #37589b solid }
#top #wrap_all .av-social-link-twitter:hover   a{color:#46d4fe; background-color:#fff; border:1px #46d4fe solid }
#top #wrap_all .av-social-link-instagram:hover a{color:#a67658; background-color:#fff; border:1px #a67658 solid }
#top #wrap_all .av-social-link-whatsapp:hover a{color:#00E676; background-color:#fff; border:1px #00E676 solid }
#top #wrap_all .av-social-link-telegram:hover a{color:#25A4E3; background-color:#fff; border:1px #25A4E3 solid }
#top #wrap_all .av-social-link-youtube:hover a{color:#A72B1D; background-color:#fff; border:1px #A72B1D solid }
#top #wrap_all .av-social-link-mail:hover a{color:#9FAE37; background-color:#fff; border:1px #9FAE37 solid }

#socket img
{
max-height: 130px;
}
#socket .social_bookmarks
{
margin-bottom:15px;
}
#header_meta .social_bookmarks li a{
font-size:18px !important;
}
#socket .social_bookmarks li{
 width:44px; height:44px; line-height:42px;
 margin-right:5px; border-right:0 none;
}
#socket .social_bookmarks li a{
font-size:28px;
width:44px; height:44px; line-height:42px;
}

/*
#header_beratung{
position:absolute;
width:197px;
height:66px;
right:0px;
top:87px;
background: url('../infophone.png') transparent no-repeat scroll center center;
}

#header_line{
position:absolute;
height: 1px;
right:0px;
left:251px;
top:86px;
background-color:#D8DDE3;
}
#header_segelschule{
position:absolute;
width:550px;
height: 30px;
line-height: 30px;
left:251px;
top:50px;
z-index:1000000;
text-transform:uppercase;
color:#00B7F1;
font-size:30px;
font-weight:bold;
letter-spacing:2px;
font-style:italic;
font-family:'Raleway';
}
#header_segelschule span{
color:#005495;
}
*/
#menu-item-1623,
#menu-item-1623 a
{
background:#00b8fd;
color:#FFFFFF;
padding-right:5px;
padding-left:5px;
text-transform:uppercase;
letter-spacing:2px;
}
#menu-item-1623:hover,
#menu-item-1623:hover a,
#menu-item-1623 a:hover
{
background:#00b8fd;
color:#FFFFFF !important;
}
/*
#header_meta
{
position:absolute;
right:0px;
top:24px;
height:52px;
line-height:52px;
padding:0;
margin:0;
}
#header_meta, #header_meta *
{
height:52px !important;
line-height:52px !important;
padding:0 !important;
}
*/
.mega_menu_title{
font-size:18px !important;
}
.mega_menu_title a{
color:#005495 !important;
font-weight:bold !important;
}
.current-page-ancestor > a > .avia-menu-text,
.current-menu-ancestor > a > .avia-menu-text,
.current-menu-parent > a > .avia-menu-text,
.current-page-parent > a > .avia-menu-text,
.current-menu-item > a > .avia-menu-text
{
color:#4AB7F4
}


/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */

}

@media only screen and (max-width: 1430px) {
  /* Add your Mobile Styles here */
.avia-menu-text{
 font-size:16px !important;
}
.av-main-nav > li > a{
padding-left:5px;
padding-right:5px;
}
}

@media only screen and (max-width: 1260px) {
  /* Add your Mobile Styles here */
   [class^="icon-"]:before, [class*=" icon-"]:before {
   content:none!important;
}
.avia-menu-text{
 font-size:14px !important;
}
.av-main-nav > li > a{
padding-left:2px;
padding-right:2px;
}
}

@media only screen and (max-width: 1090px) {
  /* Add your Mobile Styles here */
.avia-menu-text{
 font-size:13px !important;
}
.av-main-nav > li > a{
padding-left:1px !important;
padding-right:1px !important;
}

@media only screen and (max-width: 1017px) {
  /* Add your Mobile Styles here */
.avia-menu-text{
 font-size:12px !important;
}
.av-main-nav > li > a{
padding-left:0px !important;
padding-right:1px !important;
}
}

/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) {
.logo{
visibility:hidden !important
}

#header_meta{
display:none
}

}