/*
Theme Name: Bridge Child
Theme URI: http://demo.qodeinteractive.com/bridge/
Description: A child theme of Bridge Theme
Author: Qode Interactive
Author URI: http://www.qodethemes.com/
Version: 1.0.0
Template: bridge
*/
@import url("../bridge/style.css");

:root {
	--regular-font: 'alergianormal-light_6', sans-serif;
	--headline-font: 'alergiacondensed-semibold_6', sans-serif;
    --primary-color: #cd1719;
  --main-font: arial, helvetica, sans-serif;
	--red: #cd1719;
	--grey: #9d9d9c;
	--white: #fff;
	--black: #000;
}

body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: var(--regular-font);
}

a:hover, a:active {
	-webkit-user-select: none; 
	-webkit-touch-callout: none;
}

@-moz-document url-prefix() {

	body img {
		image-rendering: unset;
	}

}

.wpb_single_image img {
	width: 1920px;
}

.q_logo img {
  opacity: 1;
  position: absolute;
  top: -30%;
  width: auto !important;
  max-width: 200px;
  -webkit-transition: opacity .6s ease-in-out;
  transition: opacity .6s ease-in-out;
  height: auto !important;
}

/* MAX BODY WIDTH */

body {
	max-width: 1920px;
	margin: 0 auto;
}

body .display-none {
    display: none!important;
}

.is-mobile {
    display: none!important;
}

.is-desktop {
  display: block!important;
}

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

  .is-mobile {
    display: block!important;
  }

  .is-desktop {
  display: none!important;
  }
}

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

	header, footer {
		max-width: 1920px;
		left: 50%!important;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
	}

	body.right_side_menu_opened .wrapper {
		left: 0!important;
	}

}

/* GLOBAL */

p {
	font-weight: 400;
}

strong {
	font-weight: 600;
}

.wpb_text_column p strong {
	color: var(--black);
}

.justifyText {
	text-align: justify;
}

.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.clearfix:after {
  clear: both;
}

.clearfix {
  *zoom: 1;
}

.clear:after {
  clear: both;
  content: "";
  display: block;
}

/* Webkit */
::selection {
  background: #1abc9c;
  color: #fff;
}

/* Gecko/Mozilla */
::-moz-selection {
  background: #1abc9c;
  color: #fff;
}

.alignleft {
  float: left;
  margin: 0 20px 20px 0;
}

.alignright {
  float: right;
  margin: 0 0 20px 20px;
}

.aligncenter {
  display: block;
  margin: 10px auto;
}

.header_top .aligncenter {
  margin: 8px auto;
}

.text-align-right {
  text-align: right;
}

.text-align-left {
  text-align: left;
}

.text-align-center {
  text-align: center;
}

.content ul ul,
.content ol ol {
  padding: 0 0 0 15px;
}

html {
  height: 100%;
  margin: 0px !important;
  -webkit-transition: all 1.3s ease-out;
  -moz-transition: all 1.3s ease-out;
  -o-transition: all 1.3s ease-out;
  -ms-transition: all 1.3s ease-out;
  transition: all 1.3s ease-out;
}

body {
  font-family: 'alergianormal-light_6', sans-serif;
  font-size: 14px;
  line-height: 26px;
  color: #000;
  font-weight: 400;
  background-color: #fff;
  overflow-y: scroll;
  overflow-x: hidden !important;
  -webkit-font-smoothing: antialiased;
}

.wrapper {
  background-color: #f6f6f6;
  position: relative;
  z-index: 1000;
  -webkit-transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
  -moz-transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
  -o-transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
  -ms-transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
  transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
  left: 0px;
}

.wrapper_inner {
  width: 100%;
  overflow: hidden;
}

body.boxed .wrapper_inner {
  overflow: visible;
}

body.boxed .content {
  overflow: hidden;
}

.meta {
  display: none;
}

/* SIDE AREA */

body .side_menu_button .side_menu_button_link {
  position: relative;
  background: var(--red);
  padding: 12px 15px 12px 35px;
  border-radius: 6px;
  color: var(--white);
}

body .side_menu_button .side_menu_button_link::before,
body .side_menu_button .side_menu_button_link i::before,
body .side_menu_button .side_menu_button_link i::after {
  content: "";
  display: block;
  width: 17px;
  height: 2px;
  border-radius: 0;
  background-color: var(--white);
  position: absolute;
  left: 15px;
  top: 50%;
}

body .side_menu_button .side_menu_button_link::before {
  margin-top: -6px;
}

body .side_menu_button .side_menu_button_link i::before {
  margin-top: 6px;
}

body .side_menu_button .side_menu_button_link i::after {
  left: 19px;
}

/* SIDE AREA MENU */

body .side_menu .widget_nav_menu {
  width: 100%;
  display: block;
  text-align: center;
}

body .side_menu .widget_nav_menu > div {
  width: 500px;
  max-width: 100%;
  display: inline-block;
  text-align: left;
}

body .side_menu .widget.widget_nav_menu li a {
  font-family: var(--regular-font);
  color: var(--white)!important;
  font-size: 44px;
  line-height: 50px;
  font-weight: 700;
  letter-spacing: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}

body .side_menu .widget.widget_nav_menu .menu-side-area-container {
  margin-top: 30px;
}

body .side_menu .widget.widget_nav_menu .menu-side-area-container li a,
body .side_menu .widget.widget_nav_menu .menu-side-area-container li:last-child {
  font-size: 22px;
  line-height: 30px;
}

body .side_menu .widget.widget_nav_menu li a:hover {
  color: var(--red)!important;
}

body .side_menu .widget {
  margin-bottom: 10px;
}

body.right_side_menu_opened .wrapper, 
body.right_side_menu_opened .wrapper header.fixed, 
body.right_side_menu_opened .wrapper header.fixed_hiding, 
body.right_side_menu_opened .wrapper header.fixed_top_header .top_header, 
body.right_side_menu_opened .wrapper header.sticky,
body.right_side_menu_opened .wrapper, 
body.right_side_menu_opened footer.uncover {
  left: 0!important;
}

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

  body.right_side_menu_opened .wrapper header.fixed, 
  body.right_side_menu_opened .wrapper header.fixed_hiding, 
  body.right_side_menu_opened .wrapper header.fixed_top_header .top_header, 
  body.right_side_menu_opened .wrapper header.sticky {
    left: 0!important;
  }

}

body.side_menu_slide_from_right .side_menu {
  top: -100%;
  right: 0;
  left: 0;
}

body.right_side_menu_opened.side_menu_slide_from_right .side_menu {
  top: 0;
}

body.right_side_menu_opened.side_menu_slide_from_right .side_menu {
  -webkit-transition: top 0.2s ease-in-out;
  -moz-transition: top 0.2s ease-in-out;
  -o-transition: top 0.2s ease-in-out;
  transition: top 0.2s ease-in-out;
}

body .side_menu .menu-social-media-container li:first-child {
  margin-left: 0!important;
}

body .side_menu .widget.widget_nav_menu .menu-rechtliches-container {
  margin-top: 30px;
}

body .side_menu .widget.widget_nav_menu .menu-rechtliches-container a {
  font-size: 28px;
  line-height: 34px;
}

/* DROP DOWN MENU - START */
.drop_down ul {
  list-style: none;
}

.drop_down ul li {
  position: relative;
}

header.transparent.fixed.scrolled .drop_down .second,
header.transparent.fixed_hiding.scrolled .drop_down .second {
  top: 100%;
}

.drop_down .second {
  left: 0;
  margin: 0;
  top: 100%;
  position: absolute;
  display: block;
  visibility: hidden;
  overflow: hidden;
  opacity: 0;
  z-index: 10;
  /*margin-top: 1px;*/
  -webkit-transition: top 0.3s ease-in-out;
  -moz-transition: top 0.3s ease-in-out;
  -ms-transition: top 0.3s ease-in-out;
  -o-transition: top 0.3s ease-in-out;
  transition: top 0.3s ease-in-out;
}

header.transparent:not(.sticky) .drop_down .second {
  top: 75%;
}

header.transparent.with_border:not(.sticky) .drop_down .second,
header.transparent.with_hover_bg_color:not(.sticky) .drop_down .second {
  top: 100%;
}

.drop_down li.left_position .second {
  left: auto;
  right: 0px;
}

header.transparent .drop_down .second:not(.right) {
  left: 16px;
}

header.transparent.with_hover_bg_color .drop_down .second:not(.right) {
  left: 0;
}

.drop_down li.right_position .second {
  left: -100%;
  /*right: 0;*/
}

.drop_down .second.drop_down_start {
  visibility: visible;
  overflow: visible;
  opacity: 1;
}

nav.main_menu > ul > li:hover > .second {
  z-index: 20;
}

.drop_down .second .inner {
  position: relative;
  padding: 0px;
  display: block;
  z-index: 997;
}

.drop_down .second .inner > ul,
li.narrow .second .inner ul {
  display: inline-block;
  position: relative;
  background-color: #262626;
  border-color: #3d3d3d;
}

li.narrow .second .inner ul {
  padding: 7px 0;
}

.drop_down .second .inner ul li {
  display: block;
  padding: 0 15px;
  position: relative;
  float: none;
  height: auto;
  background: 0;
  width: 190px;
}

li.narrow .second .inner ul li:last-child {
  border-bottom: none;
}

.drop_down .wide.left_position .second ul li,
.drop_down .wide.right_position .second ul li {
  width: 180px;
}

.drop_down .second .inner ul li a,
.drop_down .second .inner ul li h5 {
  display: block;
  font-weight: 600;
  color: #9d9d9d;
  height: auto;
  line-height: 16px;
  margin: 0;
  padding: 9px 0;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -ms-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.drop_down .second .inner > ul > li:last-child > a,
.drop_down .second .inner > ul > li > ul > li:last-child > a,
.drop_down .second .inner > ul > li > ul > li > ul > li:last-child > a {
  border-bottom: 0;
}

.drop_down .second .inner ul.right li a {
  padding: 9px 20px 9px 0;
}

.drop_down .second .inner > ul > li > a:hover,
.drop_down .second .inner ul li.sub ul li a:hover {
  color: #fff;
  /*background-color: #474747;*/
}

.drop_down .narrow .second .inner ul li {
  padding: 0;
  width: 225px;
}

.drop_down .narrow .second .inner ul li a {
  padding-left: 20px;
  padding-right: 20px;
}

.drop_down .wide .second ul li a,
.drop_down .wide .second .inner ul li.sub a,
.drop_down .wide .second .inner ul li h5 {
  background: 0;
}

.drop_down .second i {
  display: none;
}

.drop_down .second .inner ul li ul {
  position: absolute;
  left: 100%;
  top: -7px;
  height: auto;
  display: none;
  overflow: hidden;
  z-index: 10;
}

.drop_down .second .inner ul li:hover ul {
  z-index: 20;
  display: block;
}

.drop_down .second.right {
  right: 0px;
  left: auto;
}

.drop_down .second .inner ul.right li a,
.drop_down .second .inner ul.right li h5 {
  text-align: right;
}

.drop_down .second .inner ul.right li ul {
  left: -100%;
}

.drop_down .second .inner ul li.sub ul li a,
.drop_down .second .inner ul.right li.sub ul li a {
  background: none;
}

.drop_down .second .inner .widget {
  padding: 0px 20px;
}

.drop_down .second .inner .widget p {
  font-size: 13px;
  line-height: 16px;
  padding: 12px 0px;
}

/* DROP DOWN MENU - END */
/* DROP DOWN MENU WIDE - START */
.drop_down .second ul li {
  border-bottom-width: 1px;
  border-bottom-color: #3d3d3d;
}

.drop_down .wide .second ul {
  padding: 15px 10px;
}

.drop_down .wide .second ul li {
  float: left;
  width: 249px;
  padding: 0 10px 0 10px;
  border-left: 1px solid #3d3d3d;
  border-bottom: 0;
}

.drop_down .wide.full_width_wide_menu .second ul {
  width: 100%;
  box-sizing: border-box;
}

.drop_down .wide.full_width_wide_menu .second ul li {
  box-sizing: border-box;
}

.drop_down .wide .second > .inner > ul > li.sub > ul > li > a,
.drop_down .wide .second ul li a {
  padding: 11px 9px;
}

.drop_down ul li .qode-featured-icon {
  font-size: 6px;
  position: relative;
  padding-left: 4px;
  vertical-align: text-top;
  top: -3px;
}

.drop_down .wide:not(.right_position) .second ul li:first-child,
.drop_down .wide.right_position .second ul li:last-child {
  border-left-color: transparent;
}

.drop_down .wide .second ul li:last-child {
  margin-right: 0;
}

.drop_down .wide.right_position .second ul li {
  float: right;
}

.drop_down .wide .second ul li:hover {
  background-color: transparent;
}

.drop_down .wide .second ul li:nth-child(4n+1) {
  clear: both;
}

.drop_down .wide.full_width_wide_menu .second ul li:nth-child(4n+1) {
  clear: none;
}

.drop_down .second .inner ul li.sub a i.q_menu_arrow {
  display: inline-block;
  float: right;
  position: relative;
  top: 2px;
  font-size: 12px;
  color: #888;
}

.drop_down .second .inner ul li.sub ul li a i.q_menu_arrow,
.drop_down .wide .second .inner ul li.sub a i.q_menu_arrow {
  display: none;
}

.drop_down .second .inner ul.right li.sub a i.q_menu_arrow {
  float: left;
  -ms-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}

.drop_down .wide .second .inner > ul > li > a {
  color: #fff;
  border-bottom: 0;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
}

.drop_down .wide .second .inner > ul > li > a {
  margin-bottom: 7px;
  font-size: 13px;
}

.drop_down .wide .second .inner ul li.sub h5 a,
.drop_down .wide .second .inner ul li h5 a {
  padding: 0px !important;
}

.drop_down .wide .second ul li ul {
  display: block;
  left: 0;
  padding: 0;
  position: relative;
  top: 0;
  visibility: visible;
  background-color: transparent !important;
}

.drop_down .wide .second ul li ul .widget {
  padding: 0 10px;
}

/* */

.title .title_holder {
  display: table;
  height: 100%;
  left: 0;
  position: relative;
  width: 100%;
}

body .title .title_holder, body .title .title_holder .container {
  display: block;
}

body .title, body .title .title_holder {
  height: auto !important;
}

body .title .title_holder {
  padding-top: calc(100px + 50px) !important;
}

div .title_subtitle_holder {
  display: block;
  padding: 50px 0;
  position: relative;
}

.title h1 {
	font-size: 28px !important;
	color: #fff !important;
}

/* TABLEPRESS */

body .tablepress tfoot th, body .tablepress thead th {
  background-color: #cd1719;
  font-family: 'alergiacondensed-semibold_6'
  font-size: 22px !important;
  color: #fff;
  font-weight: 600;
}

body .tablepress {
	font-size: 14px;
	font-family: 'alergianormal-light_6';
}


.table-wrapper th.column-1 { height:52.5px; padding:21px 8px 8px 8px }

.table-wrapper > div { padding-left:200px }
.table-wrapper > div > div { position:relative; width:100% }
.table-wrapper > div > div > div { overflow-x:scroll }
.table-wrapper table > * > tr > *:first-child { position:absolute; left:-200px; width: calc(200px - var(--padding)) }


/* Anpassungen für Safari auf iOS */
@supports (-webkit-touch-callout: none) {
    .table-wrapper > div { padding-left:0 }
    .table-wrapper table > * > tr > *:first-child { left:0; width:200px };
}



/* HOME */

ul .features {
  font-family: var(--regular-font);
}

.features li {
  display: block;
  background: var(--red);
  width: 800px;
  padding: 0.5em;
  margin-bottom: 1em;
  text-align: center;
  transform: skew(0 , -10deg);
  color: var(--white);
  font-weight: 600;
  font-size: 3em;
}

@media only screen and (max-width: 1001px) {

  .features li {
    width: 400px;
  }

  h1, h2, h3, h4, h5, h5 {
    font-size: 28px;
    line-height: 40px;
  }
}

@media only screen and (max-width: 750px) {

  .features li {
    width: 300px;
    line-height: 40px;
  }
}

/* SLIDER HOME */

.carousel-slider .carousel-slider__item img {
  display: block;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  max-width: 70% !important;
}

div .owl-item {
  margin.right: 0px !important;
}

.carousel-slider .owl-item img {
  width: 50% !important;
}

/* */

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

  .vert-center.grid_section .section_inner_margin,
  .vert-center > .clearfix {
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    align-content: center;
  }

  .vert-center .section_inner_margin .vc_col-sm-6 {
    width: 48%;
    margin-right: 4%;
  }

  .vert-center .section_inner_margin .vc_col-sm-6:last-child {
    margin-right: 0;
  }

  .vert-center.grid_section .section_inner_margin,
  .vert-center > .clearfix {
    width: calc(100% + 30px);
  }
  
  .vert-center > .clearfix {
    width: 100%;
  }
}

/* */

h4.rechts-hl {
  font-size: 30px !important;
  line-height: 40px !important;
}

/* BEST BUDDYS & FRIENDS */

.balloon {
  width: 500px;
  height: 361px;
  background: url(/img/balloon.svg) no-repeat;
  background-size: auto;
  background-size: contain;
}

.balloon div.content {
  color: #504f4f;
  font-size: 2.7em;
  text-align: center;
  transform: rotate(15deg);
  line-height: 1.1em;
  font-family: arial;
  font-weight: bold;
  position: relative;
  top: 100px;
  left: -20px;
}

/* responsive */

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

  body .title .title_holder {
    padding: 0!important;
  }

  .mobile_menu_button {
    display: none;
  }

  .q_logo img {
    top: 15%;
  }

  div .header-home {
    padding-top: 150px !important;
    padding-bottom: 150px !important;
  }
}