/*
 Theme Name:   OceanWP Child
 Description:  Child Theme des high-performance WP-Theme OceanWP 2.0.2
 Author:       Philipp Limbeck
 Author URI:   https://insyde.at/
 Template:     oceanwp
 Version:      1.0
 Text Domain:  oceanwp-child
*/

/* Farbdefinitionen */

:root{
	--gelb: #F8EFBD;
	--rosa: #FFCED1;
	--rot: #FF5A64;
	--hellblau: #E6E5FE;
	--violett: #AAAAFA;
}

body a:focus{
	outline: none !important;
}

#main figure figcaption{
	color: #000 !important;
}

footer#footer.nofooter{display:none;}

body h1, body h2{
	font-size:55px;
	line-height: 60px;
}

body h1{
	padding-top: 24px;
}

body p,
body ul li{
    font-size: 22px;
	line-height: 30px;
}

div.vc_row.vc_column-gap-25{
	margin-left: -15px;
	margin-right: -15px;
}

div.wwwboxen > .vc_column-inner{
	/*padding: 27px;*/
}
div.wwwboxen .vc_inner{
	padding: 27px;
}

div.wwwboxen.box_weiss .vc_inner{
	padding: 15px;
}


div.wwwboxen .vc_inner.paddingnull{
	padding: 0;
}

div.wwwboxen .vc_inner.paddingnull .wpb_content_element{
	margin-bottom:0px;
}
div.paddingleft{
	padding-left:13px;
}
div.paddingright{
	padding-right:13px;
}

div.boxmargintop{
	margin-top:27px;
}

div.wwwboxen .vc_inner .vc_column-inner{
	padding: 0;
}

div.box_gelb .vc_inner{
	background-color: var(--gelb);
}

div.box_rosa .vc_inner{
	background-color: var(--rosa);
}

div.row_rosa{
	background-color: var(--rosa);
}

div.row_blau{
	background-color: var(--hellblau);
}

div.row_violett{
	background-color: var(--violett);
	/*margin: -3px;*/
}

div.box_blau .vc_inner, div.box_blau.vc_inner{
	background-color: var(--hellblau);	
}
div.box_rot .vc_inner, div.box_rot.vc_inner, div.box_rot p a{
	background-color: var(--rot);
	color: #FFCED1;
}

div.box_violett .vc_inner, div.box_violett.vc_inner {
	background-color: var(--violett);
	color: #E6E5FE;
}

body div.box_violett h4, body div.box_violett h2{
	color: var(--hellblau);
}

div.box_weiss .vc_inner{
	background-color: white;
	color: var(--rot);
}

body div.box_weiss h2{
	color: var(--rot);
}

body div.box_weiss_violett .vc_inner, 
body div.box_weiss_violett.vc_inner{
	background-color: white;
	color: var(--violett);
}

body div.box_weiss_violett h2{
	color: var(--violett);
}

body #wrap div.wwwbutton button, body #wrap div.wwwbutton a.vc_btn3, body #wrap div.vc_pageable-load-more-btn div.vc_grid-btn-load_more a{
	font-family: 'WienerMelangeExBd', sans-serif;
	color: #292929;
	background-color: #E6C828;
	border-radius:38px;
	font-size: 28px;
	border: none;
	padding: 18px 38px;
	text-decoration:none;
}
body #wrap div.box_weiss div.wwwbutton a.vc_btn3{
	background-color: var(--rot);
	color:white;
	padding: 18px 13px;
	margin-bottom:0;
}
body #wrap div.box_weiss div.wwwbutton{
	margin-bottom:0;
}

body #wrap div div.vc_pageable-load-more-btn div.vc_grid-btn-load_more a{
	text-decoration:none;
	background-color: var(--violett);
}

body #wrap .box_blau div.wwwbutton button{
	background-color: var(--violett);
}

body #wrap .box_violett div.wwwbutton button{
	background-color: var(--hellblau);
}

.specialh2border.box_gelb h2{
	border: 15px solid #E6C828;
	border-bottom: none;
	padding: 15px;
}

.specialh2border.box_rot h2, .specialh2border .box_rot.vc_inner h2{
	border: 15px solid #FFCED1;
	border-bottom: none;
	padding: 15px;
	color: #FFCED1;
}

.specialh2border.box_violett h2, .specialh2border .box_violett.vc_inner h2{
	border: 15px solid var(--hellblau);
	border-bottom: none;
	padding: 15px;
	color: var(--hellblau);
}

body #wrap div.box_weiss.borderpost  > div.vc_column-inner > .wpb_wrapper{
	border: 15px solid var(--rot);
	border-bottom: none;
	padding: 15px;
}

body #wrap div.box_weiss.borderpost  > div.vc_column-inner::after{
	content: url("rote_ecke.png");
	display: block;
	overflow: hidden;
	margin-top: -2px;
}

body .vc_images_carousel .vc_carousel-indicators .vc_active{
	background-color:white;
	width: 12px;
	height: 12px;
	border:none;
	margin: 0px 3px;
}

body .vc_images_carousel .vc_carousel-indicators li{
	background-color:rgba(255,255,255, 0.4);
	width: 12px;
	height: 12px;
	border:none;
	margin: 0px 3px;
}

div.oceanwp-mobile-menu-icon{
	margin-right:25px;
}
span.oceanwp-close-text{display:none !important;}

#site-navigation-wrap .dropdown-menu > li:first-child > a {
    padding-left: 0;
}

/*Ecken bei Infoboxen*/

/*rosa*/
div.box_rot.specialh2border .wpb_content_element:nth-of-type(1) .wpb_wrapper::after,
div.box_rot .specialh2border .wpb_content_element:nth-of-type(1) .wpb_wrapper::after,
.specialh2border div.box_rot .wpb_content_element:nth-of-type(1) .wpb_wrapper::after{
	content: url("rosa_ecke.png");
	display: block;
	overflow: hidden;
	margin-top: -1px;
}

/*gelb*/
div.box_gelb.specialh2border .wpb_content_element:nth-of-type(1) .wpb_wrapper::after,
div.box_gelb .specialh2border .wpb_content_element:nth-of-type(1) .wpb_wrapper::after,
.specialh2border div.box_gelb .wpb_content_element:nth-of-type(1) .wpb_wrapper::after{
	content: url("gelbe_ecke.png");
	display: block;
	overflow: hidden;
	margin-top: -1px;
}

/*violett*/
div.box_violett.specialh2border .wpb_content_element:nth-of-type(1) .wpb_wrapper::after,
div.box_violett .specialh2border .wpb_content_element:nth-of-type(1) .wpb_wrapper::after,
.specialh2border div.box_violett .wpb_content_element:nth-of-type(1) .wpb_wrapper::after{
	content: url("blaue_ecke.png");
	display: block;
	overflow: hidden;
	margin-top: -2px;
}

/* Font Wiener Melange */
@font-face {
  font-family: 'WienerMelangeBold';
  src:  url('WienerMelange_W_Bd.woff2') format('woff2'),
        url('WienerMelange_W_Bd.woff') format('woff');
}

@font-face {
  font-family: 'WienerMelangeReg';
  src:  url('WienerMelange_W_Rg.woff2') format('woff2'),
        url('WienerMelange_W_Rg.woff') format('woff');
}

@font-face {
  font-family: 'WienerMelangeExBd';
  src:  url('WienerMelange_W_ExBd.woff2') format('woff2'),
        url('WienerMelange_W_ExBd.woff') format('woff');
}

body h1, body h2, body h3{
  font-family: 'WienerMelangeBold', sans-serif;
}

body p,
body ul li,
body figcaption,
.wpb_single_image .vc_figure{
	font-family: 'WienerMelangeReg', sans-serif;
}

#main .wpb_single_image .vc_figure-caption{
	font-size: unset;
	margin-top: unset;
}

.wpb_single_image .vc_figure,
.vc_carousel-slideline-inner{
	margin-top: 0.2em;
	font-size: .8em;
}

.wpb_single_image .vc_figure{
	margin-top: 0.2em;
	font-size: .8em;
}


body p a {
	font-family: 'WienerMelangeBold', sans-serif;
	text-decoration: none !important;
}

body p a:hover, body li a:hover{color: #292929;}

body footer#footer a {
	font-family: 'WienerMelangeReg', sans-serif;
	text-decoration: none;
}

body footer#footer .row_rosa>.vc_column_container {
	padding: 60px 0;
}
body footer#footer ul li{
	display: inline;
	font-size: 28px;
	margin-right: 52px;
}

body h4 {
	font-family: 'WienerMelangeExBd', sans-serif;
	text-decoration: none;
	font-size: 28px;
}

body .box_rot h4{
	color: var(--rosa);
}

/*MOBILE*/
@media only screen and (max-width: 959px){
	body #outer-wrap {
    	padding-top: 10px;
	}
	a.mobile-menu span.oceanwp-text{
		display:none;
	}
	a.mobile-menu i.fa-bars:before{font-size: 20px;}
	a.mobile-menu i.fa-bars {margin-top: 31px;}
	
	div#mobile-dropdown div#mobile-menu-search{display:none;}
	div#rankelinksklein{display:none !important;}
}

div#rankenrechts img{
	position: absolute;
	right: 0;
	z-index: 100;
	margin-right: -179px;
	top: 200px;
}
#rankenrechts, #rankelinksklein, #simarankeoben,  #rankelinks, #simarankerechts {display: none; height:0;}

div#rankelinks img{
	position: absolute;
	left: 0;
	z-index: 100;
	margin-left: -176px;
	top: 0px;
}

div#rankelinksklein img{
	position: absolute;
	left: 0;
	z-index: 100;
	margin-left: -93px;
	top: 100px;
}

div#simarankeoben img{
	position: absolute;
	left: 0;
	z-index: 100;
	margin-left: -175px;
	top: -175px;
}

div#simarankerechts img{
	position: absolute;
	right: -199px;
	z-index: 100;
	top:23px;
}
div#rankebeitopf img{
	position: absolute;
	right: -40px;
	z-index: 100;
	bottom:-24px;
}


#simarankerechts, #simarankeoben,#rankebeitopf  {height:0; margin:0;}



/*h2{text-transform: uppercase;}*/
#blumemitmachen{margin-right:-130px;}
body div#schaufelfoto {margin-bottom:-60px;}

img.menuicon{padding-bottom:5px;}

/*footer#footer{display:none;}*/

#footerrow p{
	font-size:15px;
	font-weight: 600;
}

body #footerrow p a {color: #292929; text-decoration:none;}
body #footerrow p a:hover{color: #292929;}

#wrap{
	background-image: url(https://wienwirdwow.at/wp-content/uploads/2021/03/wienlogo.svg);
	background-repeat: no-repeat;
	background-position-x: right;
	background-position-y: 13px;
	/*padding: 40px;*/
}
nav#site-navigation{margin-bottom:10px;}
div#site-logo #site-logo-inner, header.page-header{display:none;}
/*ul#menu-mainmenu{text-transform:uppercase;}*/
#outer-wrap{padding-top:80px;}
body.boxed-layout{background-color: #FFF;}
body.boxed-layout #wrap, body #site-header {background-color:inherit;}
body #main #content-wrap {padding-top:0px;}
body #site-header{border-bottom:none;}
body #site-navigation-wrap .dropdown-menu > li > a{
	line-height: 35px;
	font-size: 28px;
	color: #292929;
}

body.boxed-layout #wrap .container {
    padding-left: 35px;
	padding-right: 35px;}

div.marginrow{margin: 0px auto; background-color: white;}
div.header_img_row div.wpb_content_element{margin-bottom:0px;}
div.gelberblock{text-align:center;}
body #ullisimarow .vc_col-sm-4 .vc_column-inner{
	padding-top:20px;
	padding-right:0px;
	padding-bottom:20px;
}

body #ullisimarow .vc_col-sm-4 .vc_column-inner .wpb_content_element{
	margin-bottom:0px;
}

div.fullwidthimg div.vc_column-inner{padding: 0 0;}
/*#daswirdausdeineridee .wpb_single_image{margin-bottom:0px;}*/
#daswirdausdeineridee .fotoblock .vc_column-inner{padding-left:0px;}

/*
body p a {color: #E6C82C;}
body p a:hover{color: #E6C82C;}
*/

body ul#menu-mainmenu li a {font-weight:700; color:#292929; font-size: 18px;}
#site-navigation-wrap ul#menu-mainmenu li a:hover {color:#292929; text-decoration:underline;}

#clockdiv{
	/*font-family: sans-serif;*/
	color: #292929;
	display: inline-block;
	font-weight: 700;
	text-align: center;
	font-size: 30px;
}

/*#clockdiv > div{
	padding: 10px;
	border-radius: 3px;
	background: #00BF96;
	display: inline-block;
}*/

/*#clockdiv div > span{
	padding: 15px;
	border-radius: 3px;
	background: #00816A;
	display: inline-block;
}*/

.smalltext{
	padding-top: 5px;
	font-size: 16px;
}

#main .flexslider{
	box-shadow: unset;
}

#main .flexslider ul.slides li{
	margin-top: 0.2em;
	font-size: .8em;
	font-family: 'WienerMelangeReg', sans-serif;
	display: block;
}

/* PHILIPP MOBILE MENU */

@media all and (max-width: 767px){
	div.paddingright{padding-right: 0px;}
	div.paddingleft{padding-left: 0px;}	
}

@media all and (max-width: 959px){
	#wrap{
		background-position-y: 39px;
		background-size: 36px;
		background-position-x: right 16px;
	}
	
	header .oceanwp-mobile-menu-icon a{
		line-height: 1;
	}
	
	header .oceanwp-mobile-menu-icon a.mobile-menu i.fa-bars{
		margin-top: 0px;
	}
	
	body #main #content-wrap{
		padding-top: 38px;
	}
	
	body #wrap header #site-header-inner{
		padding-left: 10px;
		padding-right: 10px;
	}
	
	body h1, 
	body h2{
		font-size: 24px;
		line-height: 35px;
	}
	body .specialh2border h2{
		font-size: 40px;
		line-height: 50px;	
	}
	
	body p,
	body ul li{
		font-size: 18px;
		line-height: 26px;
	}
}