/*
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");

/* roboto-100 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url('fonts/roboto/roboto-v30-latin-100.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/roboto/roboto-v30-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto/roboto-v30-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto/roboto-v30-latin-100.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto/roboto-v30-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto/roboto-v30-latin-100.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/roboto/roboto-v30-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/roboto/roboto-v30-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto/roboto-v30-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto/roboto-v30-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto/roboto-v30-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto/roboto-v30-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-300italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url('fonts/roboto/roboto-v30-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/roboto/roboto-v30-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto/roboto-v30-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto/roboto-v30-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto/roboto-v30-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto/roboto-v30-latin-300italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/roboto/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/roboto/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/roboto/roboto-v30-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/roboto/roboto-v30-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto/roboto-v30-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto/roboto-v30-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto/roboto-v30-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto/roboto-v30-latin-italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/roboto/roboto-v30-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/roboto/roboto-v30-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto/roboto-v30-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto/roboto-v30-latin-500.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto/roboto-v30-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto/roboto-v30-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/roboto/roboto-v30-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/roboto/roboto-v30-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto/roboto-v30-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto/roboto-v30-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto/roboto-v30-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto/roboto-v30-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-900 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url('fonts/roboto/roboto-v30-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/roboto/roboto-v30-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto/roboto-v30-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto/roboto-v30-latin-900.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto/roboto-v30-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto/roboto-v30-latin-900.svg#Roboto') format('svg'); /* Legacy iOS */
}

a.cd-upload-btn{ color:#64B400!important; font-weight:bold!important; }
a.cd-upload-btn:hover{ color:#007BC8!important; }
div.codedropz-upload-inner{ font-weight:normal; }
ul{ list-style-position: outside!important; }

p{ font-size: 16px;  }

.p-20 p{ font-size: 20px; line-height:1.3em; }
.p-24 p{ font-size: 24px; line-height:1.3em; }
.p-26 p{ font-size: 26px; line-height:1.3em; }
.p-28 p{ font-size: 28px; line-height:1.3em; }
.p-30 p{ font-size: 30px; line-height:1.3em; }
.p-32 p{ font-size: 32px; line-height:1.3em; }
.p-34 p{ font-size: 34px; line-height:1.3em; }
.p-36 p{ font-size: 36px; line-height:1.3em; }
.p-38 p{ font-size: 38px; line-height:1.3em; }
.p-40 p{ font-size: 40px; line-height:1.3em; }
.p-42 p{ font-size: 42px; line-height:1.3em; }
.p-44 p{ font-size: 44px; line-height:1.3em; }
.p-48 p{ font-size: 48px; line-height:1.3em; }
.p-50 p{ font-size: 50px; line-height:1.3em; }
.p-52 p{ font-size: 52px; line-height:1.3em; }
.p-54 p{ font-size: 54px; line-height:1.3em; }
.p-56 p{ font-size: 56px; line-height:1.3em; }
.p-58 p{ font-size: 58px; line-height:1.3em; }
.p-60 p{ font-size: 60px; line-height:1.3em; }
.p-62 p{ font-size: 62px; line-height:1.3em; }
.p-64 p{ font-size: 64px; line-height:1.3em; }
.p-66 p{ font-size: 66px; line-height:1.3em; }
.p-68 p{ font-size: 68px; line-height:1.3em; }
.p-70 p{ font-size: 70px; line-height:1.3em; }
.p-80 p{ font-size: 80px; line-height:1.3em; }

h2{ font-size: 50px; line-height:1.3em; margin-bottom:20px; }
h3{ font-size: 40px; line-height:1.3em; margin-bottom:20px; }
h4{ font-size: 30px; line-height:1.3em; margin-bottom:20px; }

.side-menu .sm-list .sm-item a { background: #36424a!important; }
.side-menu .sm-list .sm-item:hover a { background: #36424a!important; }

form.wpcf7-form .linke-spalte label{ width: 100%; padding:0 20px 0 0; }
form.wpcf7-form .rechte-spalte label{ width: 100%; padding:0 0 0 20px; }
form.wpcf7-form label{ margin-bottom:20px!important;}

input.wpcf7-form-control.wpcf7-date,
input.wpcf7-form-control.wpcf7-number,
input.wpcf7-form-control.wpcf7-quiz,
input.wpcf7-form-control.wpcf7-text,
select.wpcf7-form-control.wpcf7-select,
textarea.wpcf7-form-control.wpcf7-textarea,
.codedropz-upload-container{ background-color:#f9f9f9; border: 1px solid #e4e4e4; -moz-border-radius: 8px; border-radius: 8px; }

input.wpcf7-form-control.wpcf7-text.no-bg{ background:none; border: none; -moz-border-radius: 0; border-radius: 0; color:#000; padding-left:0px; }

.Datenschutz .wpcf7-list-item { margin: 0; }

.betreffzeile { margin-bottom:20px!important;}
.formular-bg-blau .datenschutztext input{color:#fff!important;}

input,
select,
textarea{ color:#222!important;}
.wpcf7-submit {color: #fff!important;}

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

h1,
h1 .h1-80,
.h1-80 h1{ font-size: 70px; line-height:1.1em; margin-bottom:0px; }

h1 .h1-26,
.h1-26 h1{ font-size: 26px; line-height:1.1em; vertical-align: top; padding-top:20px; float:left; clear:both;}

.p-70 p{ font-size: 60px; line-height:1.3em; }
.p-80 p{ font-size: 70px; line-height:1.3em; }


}


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


p{ font-size: 16px;  }

.p-20 p{ font-size: 18px; line-height:1.3em; }
.p-24 p{ font-size: 20px; line-height:1.3em; }
.p-26 p{ font-size: 22px; line-height:1.3em; }
.p-28 p{ font-size: 24px; line-height:1.3em; }
.p-30 p{ font-size: 26px; line-height:1.3em; }
.p-32 p{ font-size: 28px; line-height:1.3em; }
.p-34 p{ font-size: 28px; line-height:1.3em; }
.p-36 p{ font-size: 28px; line-height:1.3em; }
.p-38 p{ font-size: 30px; line-height:1.3em; }
.p-40 p{ font-size: 30px; line-height:1.3em; }
.p-42 p{ font-size: 30px; line-height:1.3em; }
.p-44 p{ font-size: 32px; line-height:1.3em; }
.p-48 p{ font-size: 32px; line-height:1.3em; }
.p-50 p{ font-size: 32px; line-height:1.3em; }
.p-52 p{ font-size: 34px; line-height:1.3em; }
.p-54 p{ font-size: 34px; line-height:1.3em; }
.p-56 p{ font-size: 36px; line-height:1.3em; }
.p-58 p{ font-size: 36px; line-height:1.3em; }
.p-60 p{ font-size: 40px; line-height:1.3em; }
.p-62 p{ font-size: 42px; line-height:1.3em; }
.p-64 p{ font-size: 44px; line-height:1.3em; }
.p-66 p{ font-size: 46px; line-height:1.3em; }
.p-68 p{ font-size: 48px; line-height:1.3em; }
.p-70 p{ font-size: 50px; line-height:1.3em; }
.p-80 p{ font-size: 54px; line-height:1.3em; }

h2{ font-size: 50px; line-height:1.3em; }
h3{ font-size: 40px; line-height:1.3em; }
h4{ font-size: 30px; line-height:1.3em; }


}




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

p{ font-size: 14px!important; line-height:1.3em!important;  }


.p-20 p{ font-size: 16px!important; line-height:1.3em!important; }
.p-24 p{ font-size: 18px!important; line-height:1.3em!important; }
.p-26 p{ font-size: 18px!important; line-height:1.3em!important; }
.p-28 p{ font-size: 20px!important; line-height:1.3em!important; }
.p-30 p{ font-size: 20px!important; line-height:1.3em!important; }
.p-32 p{ font-size: 22px!important; line-height:1.3em!important; }
.p-34 p{ font-size: 22px!important; line-height:1.3em!important; }
.p-36 p{ font-size: 24px!important; line-height:1.3em!important; }
.p-38 p{ font-size: 24px!important; line-height:1.3em!important; }
.p-40 p{ font-size: 26px!important; line-height:1.3em!important; }
.p-42 p{ font-size: 26px!important; line-height:1.3em!important; }
.p-44 p{ font-size: 28px!important; line-height:1.3em!important; }
.p-48 p{ font-size: 28px!important; line-height:1.3em!important; }
.p-50 p{ font-size: 30px!important; line-height:1.3em!important; }
.p-52 p{ font-size: 30px!important; line-height:1.3em!important; }
.p-54 p{ font-size: 32px!important; line-height:1.3em!important; }
.p-56 p{ font-size: 32px!important; line-height:1.3em!important; }
.p-58 p{ font-size: 34px!important; line-height:1.3em!important; }
.p-60 p{ font-size: 34px!important; line-height:1.3em!important; }
.p-62 p{ font-size: 36px!important; line-height:1.3em!important; }
.p-64 p{ font-size: 36px!important; line-height:1.3em!important; }
.p-66 p{ font-size: 38px!important; line-height:1.3em!important; }
.p-68 p{ font-size: 38px!important; line-height:1.3em!important; }
.p-70 p{ font-size: 40px!important; line-height:1.3em!important; }
.p-80 p{ font-size: 40px!important; line-height:1.3em!important; }

h2{ font-size: 34px!important; line-height:1.3em!important; margin-bottom:15px; }
h3{ font-size: 28px!important; line-height:1.3em!important; margin-bottom:15px; }
h4{ font-size: 24px!important; line-height:1.3em!important; margin-bottom:15px; }




}




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


p{ font-size: 16px!important; line-height:1.3em!important;  }

form.wpcf7-form .linke-spalte label { width: 100%; padding: 0px!important; }
form.wpcf7-form .rechte-spalte label { width: 100%; padding: 0px!important; }


}