




/* ---------- Google Fonts ---------- */ 

@import url('https://fonts.googleapis.com/css?family=Roboto');



  


.slider .slides .slide-text {
	top: 55%;
    width: 40%;
    margin: 0 auto;
    text-align: center;
    left: 25%;
    right: 25%;
}
	
.slider h2 {
	font-size:50px;
}

main section, main article {
	background-color: #;
}

 

/* ---------- Colors ---------- */ 

body {
	background:#FFFFFF;
	color: #3c221c;
}

p {
	color: #3c221c;
    font-size: 18px;
}

h1, h2, h3, h4, h5, h6 {
	color: #d88a7d;
}
	


h1 {
	font-size: 40px;
}

h2 {
	font-size: 33px;
}

h3 {
	font-size: 22px;
}

header, .sticky {
	background:#FFFFFF;
}


.title-bar {
  background:#FFFFFF;
  color: #fefefe;
  padding: 0.5rem; }
  .title-bar::before, .title-bar::after {
    content: ' ';
    display: table; }
  .title-bar::after {
    clear: both; }
  .title-bar .menu-icon {
    margin-left: 0.25rem;
    margin-right: 0.5rem; }

.title-bar-left {
  float: left; }

.title-bar-right {
  float: right;
  text-align: right; }

.title-bar-title {
  font-weight: bold;
  vertical-align: middle;
  display: inline-block; }
  
.menu-icon {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  width: 26px;
  height: 26px; 
  background: #FFFFFF;
  padding: 5px;
  }
.menu-icon:hover {
  background: #FFFFFF;
  }  
.menu-icon::after {
    content: '';
    position: absolute;
    display: block;
    width: 18px;
    height: 2px;
    background: #3c221c;
    top: 5px;
    left: 4px;
    box-shadow: 0 7px 0 #3c221c, 0 14px 0 #3c221c; }
    
.menu-icon:hover::after {
    background: #d88a7d;
    box-shadow: 0 7px 0 #d88a7d, 0 14px 0 #d88a7d; } 
 
.accordion-content {
  padding: 1rem;
  display: none;
  border-bottom: 1px solid #e6e6e6;
  background-color: #fefefe; }

.is-accordion-submenu-parent > a {
  position: relative; }
  .is-accordion-submenu-parent > a::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    border-color: #3c221c transparent transparent;
    border-top-style: solid;
    border-bottom-width: 0;
    position: absolute;
    top: 50%;
    margin-top: -4px;
    right: 1rem; }

.is-dropdown-submenu-parent.is-down-arrow > a::after {
	border-color:#3c221c transparent transparent;
}

.is-dropdown-submenu-parent.is-down-arrow:hover > a::after {
	border-color:#d88a7d transparent transparent;
}

footer {
	background:#dcdfb9;
    color: #3c221c;
}

footer p, footer .fa, footer .fal, footer .far, footer .fas, footer .fab {
	color: #3c221c;
}

footer a {
	color: #3c221c;
}

footer a:hover {
	color: #3c221c;
}

footer a .fa:hover,footer a .fal:hover,footer a .far:hover,footer a .fas:hover,footer a .fab:hover {
	color: #4e2c24;
}

header .menu a,
.row_icons {
	color:#3c221c;
    font-size: 16px;
    font-family: 'Roboto';
}

header .fa,header .fal,header .far,header .fas,header .fab {
	color:#3c221c;
    font-size: 16px;
}


a,
.accordion-title,
.speise h3 a {
	color: #d88a7d;
}

.tabs ul {margin:auto; }
.tabs { margin-bottom: 50px; }
.tabs-title { border: 0px; margin-right: 5px; }
.tabs-title a {
	color: #d88a7d;
	font-family: 'Roboto';
	font-size: 16px;
	background:#ffffff;
	border: 0;
}

.tabs-title.is-active a:hover {
	color: #d88a7d;
	background:#EEEEEE;
	border: 0;
}

.tabs-title a:hover {
	color: #d88a7d;
	background:#EEEEEE;
	border: 0;
}

.tabs-title > a:focus, .tabs-title > a[aria-selected='true'] {
      background: #ffffff; 
}
 
.tabs-title.is-active{
	background:#EEEEEE !important;
}     

.tabs > li.is-active > a {
background: #EEEEEE;
color: #d88a7d;
}

header .menu a:hover {
			color: #d88a7d !important;
	}

.row_icons .fa, .row_icons_left .fa,.row_icons .fal, .row_icons_left .fal,.row_icons .far, .row_icons_left .far,.row_icons .fas, .row_icons_left .fas,.row_icons .fab, .row_icons_left .fab {
	color: #d88a7d;
}
	
footer a {
	color:#3c221c;
}

a:hover,
.menu > li > a:hover,
a:focus {
	color:#ffffff;
}
		
.button, button,
.owl-theme .owl-controls .owl-page span {
	color:#3c221c;
	background:#dcdfb9;
}

.button:hover, button:hover,
.owl-theme .owl-controls .owl-page span:hover {
	background:#d88a7d;color:#FFFFFF;}
	
.cd-top {
	background: #dcdfb9 url(../img/cd-top-arrow.svg) no-repeat center 50%;
}

.no-touch .cd-top:hover {
	background-color:#d88a7d;
}
	
section .button, section button {
	background:#dcdfb9;
	color:#3c221c;
}
	
/*
.button:hover, button {
	background:#F18611;
}
*/
	
.dropdown.menu:not(.vertical) .is-dropdown-submenu.first-sub li {
	background:#EEEEEE;
}

label, input, textarea {
	/* color: #3c221c; */
}

textarea{
	height: 10em;
}
formselect.selected, .selected {
	color: #3c221c;
}




/* ---------- Typography ---------- */ 

body {
	font-family: 'Roboto';
	font-style: normal;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: normal;
}

p {
	font-family: 'Roboto';
}
	
	
a.button, button, [type='submit'] {
	font-family: 'Roboto';
	font-style: normal;
}
	
.event-info p, .event-info p a,
.event-details p, .event-details p a {
	font-family: 'Roboto';
	font-weight:400;
}
	

	
p, 
footer .sitemap ul li a,
.row_team a {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
}
	
p strong {
	font-style: normal;
	font-weight: 700;
}

.flexslider .slides .slide-text h2{
	font-family: 'Roboto';
    margin: 0;
    padding: 0;
    font-size: 55px;
    color: #d88a7d;
}



.flexslider .slides .slide-text p{
	margin: 0 0 20px 0;
    padding: 0;
    color: #d88a7d;
    font-size: 28px;
}

.flexslider .slides li .slide-text {
    width: 80%;
    top: 28%;
}






.row_testimonials .flexslider h2 {
	color:#d88a7d;
	font-size: 33px;
    margin: 0 0 25px 0;
}

.row_testimonials .flexslider p {
	color:#3c221c;
}

/* ---------- Logo ---------- */ 

h5#logo a, h5#logo-center a  {
	background-image: url(../../sites/site0252/media/logo/logo.svg);
	background-repeat: no-repeat;
}

h5#logo_footer a  {
	background-image: url(../../sites/site0252/media/logo/logo.svg);
	background-repeat: no-repeat;
    background-position: top left;
}

/* ---------- Accordion Programmiert ----------- */
.accor {
	background:#3c221c;
    cursor: pointer;
    padding: 14px;
    width: 100%;
    border: none;
    text-align: left;
    transition: 0.4s;
    margin-top: 10px;
}

.accor h1, .accor h2, .accor h3, .accor h4, .accor h5{
	color:#ffffff;
    margin:0;
	float:left;
	}

.accor.active, .accor:hover {
    background: #d88a7d;
}

.accor:before{
    content: '+';
    font-size: 20px;
    color: #ffffff;
    float: left;
    line-height: 28px;
    font-weight: bold;
	margin: 0 15px 0 0;
}

.accor.active:before {
    content: "-";
}

.panel {
	max-height: 0;
    overflow: hidden;
	padding:0 20px;
    transition: 0.6s ease-in-out;
    opacity: 0;
    font-size: 18px;
    font-family: Robotopx;
}

.panel.show {
    opacity: 1;
    max-height: 5000px;
	padding: 20px;
}

.row_content_half .fa,.row_content_half .fal,.row_content_half .far,.row_content_half .fas,.row_content_half .fab {
font-size: 55px;
margin: 10px 0;
}	





/* ---------- Speisekarte ----------- */	

.speise {
margin: 0 0 35px 0;
display: inline-block;
margin-left: -4px;
float: none;
vertical-align: top;
}
	
.speise h5:before {
    content: "";
    left: 0;
    bottom: 0;
    height: 1px;
    width: 100px;
    border-bottom: 1px solid rgba(255,255,255,.2);
    display: block;
    margin: 0 auto 30px;
}

.speise h5:after {
    content: "";
    left: 0;
    bottom: 0;
    height: 1px;
    width: 100px;
    display: block;
    margin-top: 25px;
}

.speise h3{
	float:left;
	font-size: 1.2em;
    font-family: Roboto;
    color: #3c221c;
	margin:0;
	max-width:80%;
	}
.speise h2{
	float: left;
	font-size: 1.6em;
    font-family: Roboto;
	margin:0;
	max-width:80%;
	}
	
.speise h5{
	text-align: center;
	font-size: 1.8em;
    font-family: Roboto;
	margin:0;
	max-width:100%;
	}
	
.speise p{
	margin:0;
	font-size: 1em;
	clear:both;
	width: 80%; 
	}
.speise h4.preis{
	float:right;
	font-size: 1.6em;
    font-family: Roboto;
	 margin: 0;
	}
	
.speise .allergene{
	float:none;
	clear:both;
	font-size: 11px;
    margin: 0 0 10px 0;
	}



<!-- .tabs-panel .speise:nth-of-type(2n+1) {
clear: both;
}
-->
	
/* Fiver Changes */

.row_content_third {
overflow: hidden;
}

.aos-init {
overflow: hidden;
}

@media screen and (max-width: 767px){
	h1,h2,h3{
	    font-size: 5vw;
	}
	header {
	margin: 0 auto !important;
	}
}

@media screen and (max-width: 480px){
	h1,h2,h3{
		font-size: 7vw;
	}
}



/* Content-spezifische Styles */


@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v15/2tsd397wLxj96qwHyNIkxHYhjbSpvc47ee6xR_80Hnw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

#section-33054 { background-color: #eee9e6;}
#section-33055 { background-color: #eee9e6;}
#section-33641 h1 { color: #FFFFFF;}
#section-33641 h2 { color: #FFFFFF;}
#section-33641 h3 { color: #FFFFFF;}
#section-33641 { background-image: url(//hietzing.me/sites/site0252/media/allgemein/hd_weissvuerste.jpg); background-position: center;background-repeat:no-repeat;background-size: cover;}
#section-33641 h1{font-size:70px;text-shadow: 0 4px 4px #000;}
#section-33641 
p{font-size:30px;text-shadow: 0 2px 2px #FFF;}
#section-33641 
span{background:rgba(255,255,255,0.8);border-radius:15px;padding:10px;}
#section-33641 
{padding-top:200px;padding-bottom:200px;}
#section-33643 h1 { color: #d88a7d;}
#section-33643 h2 { color: #d88a7d;}
#section-33643 h3 { color: #d88a7d;}
#section-33643 .fa,.fal,.far,.fas,.fab { color: #dcdfb9 !important;}
#section-33643 .button{font-size:16px;}
#section-33644 h1 { color: #3c221c;}
#section-33644 h2 { color: #3c221c;}
#section-33644 h3 { color: #3c221c;}
#section-33644 p { color: #3c221c;}
#section-33644 .button, .button a { color: #d88a7d;}
#section-33644 .button, .button a { background-color: #FFFFFF;}
#section-33644 img{border-radius:50%;border:8px solid white;}
#section-33644 
{background:linear-gradient(to bottom right,#dcdfb9,#dcdfb9);}
#section-33644 
p{font-size:24px;}
#section-33645 h1 { color: #3c221c;}
#section-33645 h2 { color: #3c221c;}
#section-33645 h3 { color: #3c221c;}
#section-33645 p { color: #3c221c;}
#section-33645 .button, .button a { color: #abcc33;}
#section-33645 .button, .button a { background-color: #FFFFFF;}
#section-33645 {background:linear-gradient(to bottom right,#dcdfb9,#dcdfb9);}
#section-33645 
img{border-radius:26px;}
#section-33645 
h1{font-size:32px;}
#section-33646 h1 { color: #444444;}
#section-33646 h2 { color: #444444;}
#section-33646 h3 { color: #444444;}
#section-33646 .fa-hands-heart{color:#dcdfb9;}
#section-33646 
.fa-leaf-heart{color:#dcdfb9;}
#section-33646 
.fa-trash-alt{color:#d88a7d;}
#section-33646 
.fa-ban{color:#d88a7d;}
#section-33647 { background-color: #F0EBE2;}
#section-33649 { background-color: #dcdfb9;}
#section-33649 .button, .button a { color: #abcc33;}
#section-33649 .button, .button a { background-color: #FFFFFF;}
#section-33649 img{border-radius:26px;}
#section-33649 
h3{font-size:32px;}
#section-33649 
button{background:white;font-size:18px;color:#abcc33;padding:15px;border-radius:15px;}
#section-33653 { background-color: #F0EBE2;}
#section-35006 p{font-size:22px;}
#section-36929 { background-color: #d88a7d;}
#section-36929 h1 { color: #ffffff;}
#section-36929 h2 { color: #ffffff;}
#section-36929 h3 { color: #ffffff;}
#section-36929 p { color: #3c221c;}

/* Custom Styles */

.top-bar-right { margin-top: 10px; margin-bottom:10px;}
.button{font-size:20px;border-radius:16px;}
footer{border-top:1px solid #DDD;}
footer p{font-size:14px;}
footer a:link{color:#3c221c !important;}
footer a:visited{color:#3c221c !important;}
.fab{color:#3c221c !important;}
.fab:hover{color:#d88a7d !important;}