/* Füge hier Dein eigenes CSS ein */


/*layouteinstellungen*/

@media only screen and (min-width: 768px) {
.avia-slideshow-inner {
  padding:25px 25px 0px 25px !important;
	}
}

.html_stretched #wrap_all {
    background-color: white !important;
}
/*Socket
*************************************************/
#socket .copyright {float:none !important;}
#socket {text-align:center;}
.copyright a {padding-right:20%;}

@media only screen and (max-width: 532px) {
.copyright a {
    padding-right: 2%;
  white-space:nowrap
	}
}

#socket {
  margin-left: 25px;
    margin-right: 25px;
  margin-bottom:25px;
}

/*Menü
***********************************************/
/*.av-burger-menu-main {display:block !important;}
#avia-menu .page_item, #avia-menu .menu-item {display:none !important;}
.language-button {display:block !important;}*/

/*Logo
**********************************************/
.av_header_transparency .logo, .av_header_transparency .logo a, .av_header_transparency .logo a img {max-height:220px !important;}
.av_header_transparency .logo {
  height:230px !important;
	padding-left: 0.5%;
  margin-top: 1%;
}
.av_header_transparency .logo a img {
    padding-right:8%;
}

.logo {
padding-left: 2%;
    margin-top: 1%;
}

.av_header_transparency .logo a {
      margin: 14%;
}

.av-logo-container {max-width:100% !important;}


@media only screen and (max-width: 989px) and (min-width: 768px) {
.responsive.html_mobile_menu_tablet #top #wrap_all #header {
    position: absolute !important;
  }
}

#header_main .inner-container .widget {
    position: absolute;
    right: 10%;
    padding: 0;
}



@media only screen and (max-width: 768px) {
#header_main .inner-container .widget {
    right: 20%;
    top: 0%;
	}
  
  .av_header_transparency .logo, .av_header_transparency .logo a, .av_header_transparency .logo a img {
    max-height: 99px !important;
	}
}

.header_color .header_bg, .header_color .main_menu ul ul, .header_color .main_menu .menu ul li a, .header_color .pointer_arrow_wrap .pointer_arrow, .header_color .avia_mega_div, .header_color .av-subnav-menu > li ul, .header_color .av-subnav-menu a{
background-color:transparent !important;
}

.av_minimal_header_shadow {
  box-shadow:none !important;
}


.av_minimal_header #header_main .container, .av-hamburger {
    line-height: 155px !important;
      padding-right: 3%;
}

@media only screen and (max-width: 768px) {
.av_minimal_header #header_main .container, .av-hamburger {
    padding-right: 0px;
	}
}



/*contactform
***************************************************/
.namefiled {
  width:25%; 
  margin-right:2%;
  float:left;
}

@media only screen and (min-width: 524px) {
.contact-form-wrapper { 
    display: flex;
    justify-content: center;
	}
.checkbox-form, .wpcf7-response-output {  
  width: 66%;
  margin: 0 auto !important;
  }
}

.submit-field {
    padding-top: 0 !important;
}

@media only screen and (max-width: 768px) {
  .namefiled {
    width:100%;
  }
}

input[type='email'], input[type='text'] {
  border-color:#2c3749 !important;
}
#codeblock-contact-form .container .template-page {
  padding-top:0;
}

.download-box {
  padding-top:10%;
}
/***************************************************/
.language-container a, .language-container span {
    padding: 3px;
    background: black;
    color: white !important;
}

/*
Impressum
**********************************************/
.container-left-imprint .av_textblock_section  {
      text-align: right;
    padding-right: 15%;
}

/*Content
***********************************************/
.text-frontpage {
      font-size: 1.25rem !important;
}
.headline-frontpage {
     font-size: 3.5rem !important;
}

/*content section 1
********************************************/
#content-section-1-home .container .template-page {
  padding-bottom: 0 !important;
}

#content-section-1 .container .content {
    padding-bottom: 0 !important;
}
  

/*content section 2
********************************************/
#content-section-2 {
  padding-bottom:1%;
}

/*content section 3
********************************************/

@media only screen and (min-width: 768px) {
#content-section-3 {
    padding-right: 25px;
    padding-left: 25px;
	}
#content-section-3 .av-parallax {
  padding-right:25px;
    padding-left:25px;
	}
#content-section-3 .av-parallax-inner {
    position: sticky;
	}
}

#content-section-3 {
 /* margin-top:5%;*/
  margin-bottom:5%;
}

#background-grid {
  padding:25px;
  transform: translate3d(0px, 40px, 0px);
  background-attachment: scroll;
}
#background-grid .flex_cell {
      background-attachment: fixed !important;
}


#background-grid .flex_cell .flex_cell_inner {
  margin-top:6%;
}

/*content section 4
********************************************/

.container-text-location p+h3 {
      margin-top: 0.8em !important;
}

.av-image-hotspot_inner, .av-image-hotspot-pulse {
		background: #36a8e1 !important;
}

.av-hotspot-container .av-image-hotspot_inner {
  color: #ffffff;
}


/*content section "lage"
*******************************************/


.headline-location strong {
background-color: #36a8e1;
    color: white !important;
    padding: 2px;
  font-size: .7em;
}


/*seperator
*********************************************/

.hr-short .hr-inner-style {
  display:none;
}

/*headlines
************************************************/

.headline-special {
font-family: apaluregular !important;
}

.headline-special .av-special-heading-tag  {
font-size: 5rem;
}

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

.headline-special .av-special-heading-tag  {
font-size: 13rem;
	}
}

/*bookly contact*/

.bookly-form .active {
      background:none !important;
}

.bookly-form-group > label, .bookly-label-error, .bookly-progress-tracker > .active, .bookly-form .picker__nav--next, .bookly-form .pickadate__nav--prev, .bookly-form .picker__day:hover, .bookly-form .picker__day--selected:hover, .bookly-form .picker--opened .picker__day--selected, .bookly-form .picker__button--clear, .bookly-form .picker__button--today, .bookly-columnizer .bookly-hour span.bookly-waiting-list {
    color: #36a8e1!important;
}

.bookly-nav-steps {
    border-top: none !important;
}


/*navigation right*/


/* Fixed/sticky icon bar (vertically aligned 50% from the top of the screen) */
.icon-bar {
  z-index:9;
}

.icon-bar {
  position: fixed;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right:0%;
}

/* Style the icon bar links */
.icon-bar a {
  display: block;
  text-align: center;
  padding: 16px;
  transition: all 0.3s ease;
  color: white;
  font-size: 20px;
   margin-bottom: 10%;
}

/* Style the social media icons with color, if you want */
.icon-bar a:hover {
  background-color: #000;
}

.home-nav {

  background: rgba(0, 0, 0, 0.6);
  color: white;
}

.contact-nav {
  background: rgba(0, 0, 0, 0.6);
  color: white;
}

.download-nav {
  background: rgba(0, 0, 0, 0.6);
  color: white;
}
.faq-nav {
  background: rgba(0, 0, 0, 0.6);
  color: white;
}

.faq-nav-li::before {
  content: "\e81c";
  	font-family: 'entypo-fontello';	
}

.home-nav-li::before {
  content: "\e821";
  	font-family: 'entypo-fontello';	
}

.contact-nav-li::before {
    content: "\e80b";
	font-family: 'entypo-fontello';	
}

.download-nav-li::before {
    content:"\e835";
	font-family: 'entypo-fontello';	
}

/*Downloadlist*/


a.prettylink, a.prettylink:visited, .prettyPagination a, .prettyPagination a:visited {
    background: #fff;
    background: -moz-linear-gradient(top,#fff 0%,#f6f6f6 47%,#ededed 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(47%,#f6f6f6),color-stop(100%,#ededed));
    background: -webkit-linear-gradient(top,#fff 0%,#f6f6f6 47%,#ededed 100%);
    background: -o-linear-gradient(top,#fff 0%,#f6f6f6 47%,#ededed 100%);
    background: -ms-linear-gradient(top,#fff 0%,#f6f6f6 47%,#ededed 100%);
    background: linear-gradient(top,#fff 0%,#f6f6f6 47%,#ededed 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ededed',GradientType=0);
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,.2);
    -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,.2);
    box-shadow: 0px 1px 2px 0px rgba(0,0,0,.2);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-shadow: 0px 2px 0px #fff;
    border: solid 1px #ccc;
    color: #21759b;
    cursor: pointer;
    display: block;
    font-size: 14px;
    line-height: 1.2em;
    margin: 10px 0;
    padding: 10px 10px 10px 35px;
    *padding: 10px;
    position: relative;
    text-decoration: none;
    zoom: 1;
}

a.pdf:after {
    background: transparent url(https://the-twenty.de/wp/wp-content/uploads/2018/11/pdf-symbol.png) no-repeat 0 0;
}
a.prettylink:after {
    content: "";
    display: block;
    height: 20px;
    left: 10px;
    margin-right: 2px;
    position: absolute;
    top: 11px;
    width: 20px;
}

.prettyFileList .corePrettyStyle:active {
    -webkit-box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
    background-color: #ededed;
    background-position: 0 -10px;
    background-repeat: repeat-x;
    border-color: #aaa;
}

.prettyFileList .corePrettyStyle:hover, a.prettylink:hover {
    background-color: #ccc;
    border-color: #aaa;
}

/*bugs*/


.iconbox_left_content .iconbox_content .iconbox_content_title, .iconbox_right_content .iconbox_content .iconbox_content_title {
    margin: 0px 0 10px;
}

.template-page .entry-content-wrapper h1, .template-page .entry-content-wrapper h2 {
    text-transform: none;
}

.icon-wobble {
  margin-bottom:12%;
}

#apartments .container .content {
  margin-bottom:10px;}

.apartments-class-2 .container .content {
  padding-top:0 !important;
}

.apartments-class-1 .container .content {
  padding-bottom:0 !important;
}

.contact-class-1 .container .content {
    padding-bottom:0 !important;
}
  
.contact-class-2 .container .content {
    padding-top:0 !important;
}

/*icon effects*/
.iconbox_icon:hover {
    background-color: #29275d !important;
    color: white !important;
}




/*Layerslider*/

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

#top .avia-layerslider .ls-wp-container {
    padding: 22px;
}
}
  

#layer_slider_1 {
  
 z-index:10;
}

/*login Page*/

.page-id-895 #main {
    padding: 3%;
    padding-top: 10% !important;
}
  
.av_header_transparency {
  background-color:transparent !important;
}
/*Bugs 2*/

.av_header_top, #header {
  background-color:white;
  height:112px;
}

.apartments-class-2 {
  padding-top:3%;
}