/*
Theme Name:		Brass Palmas Theme
Author:				tricksiebzehn KREATIVAGENTUR GmBH
Author URI:		http://www.tricksiebzehn.at
Description:	Child Theme for The7 Wordpress Theme.
Version:			1.0.0
Template:			dt-the7
Text Domain:	the7mk2
*/

@import url('fonts/fonts.css');
@import url('stylesheets/thememods.css');
@import url('stylesheets/elements.css');
@import url('stylesheets/typographie.css');

button.ubtn{
	font-size:13px!important;
	padding:0px!important;
}
.bgtrans {
	text-shadow: -2px 0 rgb(0,79,89), 0 2px rgb(0,79,89), 2px 0 rgb(0,79,89), 0 -2px rgb(0,79,89);
}
	.actbtns {
		margin-top:-80px;
	}
.collink img {
	display:block;
	cursor: pointer;	
}

.tint {
    position: relative;
    cursor: pointer;
    -webkit-shadow: rgba(0,0,0,.2) 3px 5px 5px;
    -moz-shadow: rgba(0,0,0,.2) 3px 5px 5px;
    box-shadow: rgba(0,0,0,.2) 3px 5px 5px;
  }
  
  .tint:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -moz-transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
  }
  
.tint:hover:before {
    background: rgba(0,79,89,0.75);
  }

.collink {
	cursor:pointer;
}
.hv1 {
	font-size:105px;
	letter-spacing:-1.25px;
	line-height:139px;
	color:#EBDC00;
	font-family:HighVoltage Rough;
}
.hv2 {
	font-size:75px;
	letter-spacing:-3.75px;
	line-height:76px;
	color:#008CAA;
	font-family:HighVoltage Rough;
}
.hv3 {
	font-size:50px;
	letter-spacing:-2px;
	line-height:45px;
	color:#FFF;
	font-family:HighVoltage Rough;
}
.hv4 {
	font-size:40px;
	letter-spacing:-6;
	line-height:76px;
	color:#FFF;
	font-family:HighVoltage Rough;
}
.hv5 {
	font-size:36px;
	letter-spacing:0;
	line-height:38px;
	color:#FFF;
	font-family:HighVoltage Rough;
}
.hv6 {
	font-size:30px;
	letter-spacing:-2px;
	line-height:55px;
	color:#008CAA;
	font-family:HighVoltage Rough;
}
.hv7 {
	font-size:28px;
	letter-spacing:-1px;
	line-height:28px;
	color:#fff;
	font-family:HighVoltage Rough;
}
h1 {
	font-family:futura-pt;
	font-size:85px;
	letter-spacing:-6px;
	line-height:76px;
	color:#EBDC00;
}
.h2-start {
	font-family:futura-pt;
	font-size:62px;
	letter-spacing:-3.75px;
	line-height:55px;
	color:#008CAA;
	text-align:center;
}
h2 {
	font-family:futura-pt;
	font-size:50px;
	letter-spacing:-3.75px;
	line-height:55px;
	color:#008CAA;
}
h3 {
	font-family:futura-pt;
	font-size:35px;
	letter-spacing:-1px;
	line-height:35px;
	color:#FFF;	
}
h4 {
	font-family:futura-pt;
	font-size:30px;
	letter-spacing:-3.75px;
	line-height:76px;
	color:#FFF;	
}
h5 {
	font-family:futura-pt;
	font-size:18px;
	letter-spacing:-1px;
	line-height:18px;
	color:#EBDC00;	
}
h6 {
	font-family:futura-pt;
	font-size:18px;
	letter-spacing:-1px;
	line-height:18px;
	color:#008CAA;	
}	

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
.toparea {
	margin-top:70px;
	margin-bottom:-20%!important;
}	
.hv1 {
	font-size:60px;
	letter-spacing:-1.25px;
	line-height:75px;
}
.hv2 {
	font-size:37.5px;
	letter-spacing:-3.75px;
	line-height:38px;
}
.hv3 {
	font-size:25px;
	letter-spacing:-2px;
	line-height:27.5px;
}
.hv4 {
	font-size:20px;
	letter-spacing:-6;
	line-height:38px;
}
.hv5 {
	font-size:18px;
	letter-spacing:0;
	line-height:18px;
}
.hv6 {
	font-size:25px;
	letter-spacing:-1px;
	line-height:27,5px;
}
.hv7 {
	font-size:20px;
	letter-spacing:-6;
	line-height:38px;
}
h1 {
	font-family:futura-pt;
	font-size:40px;
	letter-spacing:-3.75px;
	line-height:38px;
	color:#EBDC00;
    word-wrap: break-word;

}
h2 {
	font-size:24.5px;
	letter-spacing:-3.75px;
	line-height:27.5px;
}
.h2-start {
	font-size:37px;
}
h3 {
	font-size:25px;
	letter-spacing:-1px;
	line-height:25px;
}
h4 {
	font-size:15px;
	letter-spacing:-3.75px;
	line-height:38px;
}
h5 {
	font-size:12px;
	letter-spacing:-1px;
	line-height:12px;
	color:#EBDC00;	
}
h6 {
	font-size:12px;
	letter-spacing:-1px;
	line-height:12px;
	color:#008CAA;	
}	
.spbutton > button {
	padding:0!important;
	
}
.specialprog .spprogimg{
	margin-bottom:0!important;
	width:80%!important;
	margin:0 10%;
}
.specialprog .btn-timetable < div {

}

.imginfo {
    position:relative;
}
.imginfo .wpb_heading {
	font-size:40px!important;
	line-height:45px!important;
    position:absolute;
    text-align:center;
	width: calc(100% - 30px);
    top: 25%;
	color:#EBDC00;
	z-index:99;
} 

.imginfo2 .wpb_heading, .imginfo3 .wpb_heading {
    position:absolute;
	width: calc(100% - 30px);
    text-align:center;
    font-size:30px!important;
    top: 25%;
	color:#EBDC00;
	z-index:99;
} 
.imginfotxt {
    position:absolute;
    width:100%;
    text-align:center;
    bottom:-10px;
}	
.imginfotxt2 {
    position:absolute;
    width:100%;
    text-align:center;
    top:15%;
}

	
} 

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
	.toparea {
		margin-top:70px;
		margin-bottom:-20%!important;

	}	
} 

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
	.toparea {
		margin-top:70px;
		margin-bottom:-15%!important;
	}	
	.startlogo img{
	/*	width:70%;*/
		margin: 0 auto;
	}
	
} 

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
	.toparea {
		margin-top:0;
		margin-bottom:-5%!important;
	}	

	.spwidth {
		width:75%;
		margin: 0 12.5%;
	}
	.thintxtblock {
		width:50%;
		margin:0 25%;
	}	
	.actbtns {
		margin-top:-130px;
	}
} 

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
	.toparea {
		margin-top:0;
		margin-bottom:-15%!important;
	}	
	.spwidth {
		width:75%;
		margin: 0 12.5%;
	}
	.linup-tabs {
		margin-top:-90px;
	}
	.progcont {
		margin-top:-65px!important;
	}
	.thintxtblock {
		width:50%;
		margin:0 25%;
	}	
	
}



.ubtn-text, .ubtn-hover, .ubtn-hover-active {
	font-family:futura-pt!important;
	font-weight:900!important;
	opacity:1!important;
}
.vc_tta-panels {
	background:none!important;
	border:none!important;
}
.wpb-js-composer .vc_tta.vc_general .vc_tta-panel-body {
	padding:0!important;
}
.vc_tta-panel-body {
	background:none!important;
	bordeR:none!important;
}
.vc_tta-tab a,.vc_tta-panel-heading{
	background:none!important;
	font-family:Robotoblack;
	font-size:16px;
	border: none!important;
	padding-bottom:30px!important;
}
.vc_tta-title-text {
	color:#008CAA;
	text-decoration:underline;
}
.imginfo {
    position:relative;
}
.imginfo .wpb_heading {
    position:absolute;
    width:calc(100% - 30px);
    text-align:center;
    font-size:85px;
    top: calc(50% - 42.5px);
	color:#EBDC00;
	line-height:76px;
	letter-spacing:-3.75px;
	z-index:99;
}
.imginfo2 .wpb_heading {
    position:absolute;
    width:calc(100% - 30px);
    text-align:center;
    font-size:35px;
    top: calc(50% - 35px);
	color:#EBDC00;
	line-height:35px;
	letter-spacing:-1px;
	z-index:99;
}
.imginfo3 .wpb_heading {
    position:absolute;
    width:calc(100% - 30px);
    text-align:center;
    font-size:50px;
	line-height:48px;
    top: calc(50%);
	color:#EBDC00;
}
.imginfotxt {
    position:absolute;
    width:100%;
    text-align:center;
    bottom:10px;
}
.imginfotxt2 {
    position:absolute;
    width:100%;
    text-align:center;
    top:40%;
}
.specialprog { 
	position:relative;
}
.specialprog .ubtn-img-container {
	position:absolute;
	bottom:60px!important; 
	right:40px!important;
	font-family:futura-pt!important;
}
a[href='#buehne'], a[href='#acts'] {
	display:none!important;
}


html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
}

.tipp {
  display: block;
  width: 270px;
  height: 180px;
  position: absolute;
  top: 0;
  left: 0;
  background: transparent url(https://www.brasspalmas.com/wp-content/themes/brasspalmas/assets/wohnen-brass-palmas-mobile-home-unser-tipp.png) top left no-repeat;
}

.ausgebucht-stoerer {
  display: block;
  width: 200px;
  height: 200px;
  position: absolute;
  top: 0;
  left: 0;
  background: transparent url(https://www.brasspalmas.com/wp-content/uploads/leider-schon-ausgebucht.png) top left no-repeat;
  background-size: cover;
}

.ausgebucht-stoerer-eng {
  display: block;
  width: 200px;
  height: 200px;
  position: absolute;
  top: 0;
  left: 0;
  background: transparent url(https://www.brasspalmas.com/wp-content/uploads/already-booked-up.png) top left no-repeat;
  background-size: cover;
}

.tipp-eng {
  display: block;
  width: 270px;
  height: 180px;
  position: absolute;
  top: 0;
  left: 0;
  background: transparent url(https://www.brasspalmas.com/wp-content/uploads/wohnen-brass-palmas-mobile-home-our-tipp.png) top left no-repeat;
}

.facebook-link .menu-item-text {
  display: none !important;
}

.main-nav .menu-item a i[class^=fa],
.main-nav .menu-item a > i {
  padding-right: 0 !important;
}

.facebook-link a .fab.fa-facebook-square {
  font-size: 20px !important;
}

.ausgebucht-stoerer {
}

.ausgebucht a {
  cursor: default !important;
}

.ausgebucht {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
}

.main-nav > li > a .menu-text {
  font-size: 14px !important;
}
.masthead.sticky-off .main-nav > li.jetzt-buchen > a .menu-text {
	padding:0 10px;
}
.cn-button {
  border-bottom: 0 !important;
  color: rgb(0,79,89)!important;
  padding: 6px 9px !important;
  background-color: rgb(0,140,170)!important;
  border-radius: 5px !important;
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  margin:2px!important;
  font-size:16px!important;
}
.cookie-notice-container {
	width:auto!important;
}
.cn-notice-text::after{
	content: '\A';
}
.limitierte-teilnehmerzahl {
  height: 122px;
  width: 100%;
  max-width: 322px;
  background: url(http://www.brasspalmas.com/wp-content/uploads/hintergrund-orange.png) center center no-repeat;
  margin: 35px auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  font-family: 'Permanent Marker', cursive;
  font-size: 24px;
  line-height: 1.2;
  color: #ffffff;  
}

.limitierte-teilnehmerzahl > strong {
  font-family: 'Permanent Marker', cursive;
  font-weight: 400;
  font-size: 24px;
  line-height: 1.2;
  color: #ffffff;  
   color: #ffffff;
  text-align: center;
}

.das-war-2018 {
  width: 100%;
  max-width: 880px;
  margin: 0 auto;
}

.wpml-ls-menu-item {
  display: none !important;
}

.brass-palmas-social p {
  font-family: 'Permanent Marker', cursive;
  font-size: 24px;
  line-height: 1.2;
  color: #ffb100;
  text-align: center;
}
.newsletter input {
	background:#34616B!important;
	font-family:futura-pt!important;
	bordeR:0!important;
	border-radius:0!important;
	font-size:16px!important;
}
.newsletter input[type=submit], .newsletter button {
	background:#008CAA!important;
	color:#004D58!important;
	font-family:futura-pt!important;
	bordeR:0!important;
	border-radius:0!important;
}
.newsletter ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color:#fff!important;
	font-family:futura-pt!important;
}
.newsletter ::-moz-placeholder { /* Firefox 19+ */
	color:#fff!important;
	font-family:futura-pt!important;
}
.newsletter :-ms-input-placeholder { /* IE 10+ */
	color:#fff!important;
	font-family:futura-pt!important;
}
.newsletter :-moz-placeholder { /* Firefox 18- */
	color:#fff!important;
	font-family:futura-pt!important;
}

.boxpad {
	padding:5px;
	position:relative;
}
.boxpad .ubtn-img-container {
	position:absolute!important;
	bottom:-15px!important;
	width:93%;
}
.luboxoverlay {
	background:rgba(0,79,89,0.5);
	z-index:9999;
	opacity: 0;  
	height: 100%;
	width: 100%;
	position:absolute;
	top:0; left:0;
	z-index:1;
}
.luboxoverlay:hover{
	opacity:1;
}
.transparent .masthead {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#004f59+0,004f59+100&1+0,0.7+100 */
background: -moz-linear-gradient(top,  rgba(0,79,89,1) 0%, rgba(0,79,89,0.5) 100%)!important; /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,79,89,1) 0%,rgba(0,79,89,0.5) 100%)!important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,79,89,1) 0%,rgba(0,79,89,0.5) 100%)!important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004f59', endColorstr='#b3004f59',GradientType=0 ); /* IE6-9 */




}