/*
Theme Name: Eursafety
Theme URI: 
Description: Theme für Eursafety.
Author: Cyrus Tahbasian, IDEART-Agentur
Author URI: http://www.ideart-agentur.de/
Template: Divi
Version: 3.0.89
Tags: Divi Child Theme
*/

/*
Now you can start adding your own styles here. Use !important to overwrite styles if needed. */

/* poppins-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/poppins-v20-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/poppins-v20-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/poppins-v20-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/poppins-v20-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/roboto-v30-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/roboto-v30-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/roboto-v30-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/roboto-v30-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url('fonts/roboto-v30-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/*******************************************************************************************************************************
 0. | Allgemein
********************************************************************************************************************************/

body a, p {
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

h1 {
    font-size: 30px;
    color: #145da6;
    font-weight: 500;
    line-height: 1.3em;
    padding-bottom: 30px;
}
h2, h3, h4, h5, h6 {
    padding-bottom: 20px;
    color: #145da6;
    font-weight: 500;
    line-height: 1.3em;
}
h4 {
    margin-top: 25px;
}
.entry-content ol .liste_kleinbuchstaben {
		list-style-type:lower-alpha;
}
.et_pb_toggle_close .et_pb_toggle_title {
    color: #333333 !important;
}
.et_pb_toggle_title {
    color: #145da6 !important;
}
.entry-content tr td {
  border-top: 1px solid #eee;
  padding: 30px 25px 30px 25px;
  background-color: #efefef;
}
.entry-content tr th {
  color: #555;
  font-weight: 700;
  padding: 10px 25px;
  background-color: #dadada;
}
#boxinfotext
{
	padding-top:0px;
	padding-left:8px;
	padding-right:8px;
	color:#3d3d40;
	font-size: 0.90em;
	text-align:justify;
}
#downloadbox
{
	background-color:#f6f6f6;
	padding-bottom:8px;
	margin-left:0px !important;
	width:320px !important;
	height:auto;
	border-style:solid;
	border-top-width:1px;
	border-left-width:1px;
	border-bottom-width:1px;
	border-right-width:1px;
	border-color:#d6d6d6;
}
.entry-content #downloadbox table, body.et-pb-preview #main-content .container #downloadbox table {
    width: 100%;
    margin: 0 0 15px 0;
    border: 0px solid #eee;
    text-align: left;
}
/*******************************************************************************************************************************
 I. | Topbereich
********************************************************************************************************************************/

#main-header {
    height: 80px;
}
#et-top-navigation {
    height: 80px;
}
.nav li {
    line-height: 0em;
}
#top-menu, #top-menu-nav {
    margin-top: 3px;
}
.sub-menu {
    margin-top: -5px;
}
/*******************************************************************************************************************************
 II.1 | Sliderbereich oben   STARTSEITE
********************************************************************************************************************************/

.et_pb_section_0 {
   	height: 100% 100vh;
}
.et_pb_slide.et_pb_bg_layout_dark.et_pb_media_alignment_center.et_pb_slide_0.et-pb-active-slide,
.et_pb_slide.et_pb_bg_layout_dark.et_pb_media_alignment_center.et_pb_slide_0,
.et_pb_slide.et_pb_bg_layout_dark.et_pb_media_alignment_center.et_pb_slide_1,
.et_pb_slide.et_pb_bg_layout_dark.et_pb_media_alignment_center.et_pb_slide_2,
.et_pb_slide.et_pb_bg_layout_dark.et_pb_media_alignment_center.et_pb_slide_3,
.et_pb_slide.et_pb_bg_layout_dark.et_pb_media_alignment_center.et_pb_slide_4,
.et_pb_slide.et_pb_bg_layout_dark.et_pb_media_alignment_center.et_pb_slide_5,
.et_pb_slide.et_pb_bg_layout_dark.et_pb_media_alignment_center.et_pb_slide_6 {
    min-height: 955px;
		padding-top:0px;
		height: 100% 100vh;
}
.et_pb_fullwidth_slider_0 .et_pb_slide {
    background-position: center center !important;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover !important;
		/* background-attachment: fixed; */
}

#headline {
		font-family: "Poppins", "Roboto", Arial, sans-serif;
		font-size: 2.5em;
		line-height: 1.4em;
}
#headline_end {
		font-family: "Poppins", "Roboto", Arial, sans-serif;
		line-height: 1.4em;
		/* margin-left: 27em; */
		margin-top:160px;
}
#headline_end .klein {
    font-size: 1.50em;
		line-height: 1.4em;
		font-weight:500;
}
#headline_end .headline_fett {
    font-size: 2.1em;
		line-height: 1.2em;
		font-weight:600;
}
#headline_end .headline_sub {
    font-size: 2.1em;
		line-height: 1.2em;
		font-weight:300;
}

/*******************************************************************************************************************************
 II.2 | Sliderbereich oben   UNTERSEITEN
********************************************************************************************************************************/

#schutzring {
    background-image: url(images/Schutzring.png);
    background-repeat: no-repeat;
    height: 180px;
    width: 180px;
    margin: -55% 0px 65px 10%;
}



/*******************************************************************************************************************************
  III. | Contentbereich
********************************************************************************************************************************/

.et_pb_search input.et_pb_searchsubmit {
    margin: 0;
    padding: .7em;
    border: 1px solid #ddd;
    color: #666;
    font-size: 14px;
    line-height: normal !important;
    width: 70px;
}

.et_pb_widget_area_left,
.et_pb_gutters3 .et_pb_column_1_3 {
		padding-right: 30px;
		border-right: 0px solid rgba(0,0,0,.1) !important;
}
.et_pb_gutters3 .et_pb_column_2_3, .et_pb_gutters3.et_pb_row .et_pb_column_2_3 {
    border-left: 1px solid rgba(0,0,0,.1);
		padding-left: 65px;
		margin-left:-65px;
}
.et_pb_gutters3 .et_pb_column, .et_pb_gutters3.et_pb_row .et_pb_column {
    margin-right: 5.40%;
}
.quellenhinweis {
		font-size:0.80em;
		font-style:italic;
		padding-top:20px;
		margin-bottom:30px;
}
#infobox {
    margin: 0px 0px 20px 0px;
		padding: 10px;
    border: 1px solid #ddd;
    color: #555555;
    font-size: 1em;
    line-height: normal !important;
    width: 100%;
		max-width:700px;
		background-color: #eff1ee;
}
.HzV7m-b7CEbf .i4ewOd-pzNkMb-tJHJj {
    padding: 11px 0 11px 20px;
    background-color: #145da6 !important;
}
.i4ewOd-pzNkMb-tJHJj {
    background-color: #145da6!important;
}
#hinweisbox {
    background: #FFF2BD;
    border-bottom: 5px solid #f3cf3f;
		padding:10px 20px 10px 20px;
}
#hinweisbox2 {
    background: #FFF2BD;
    border-bottom: 5px solid #f3cf3f;
	padding: 15px 20px 15px 20px;
    margin: 20px 0px 20px 0px;
    font-size:20px;
}
.rot {
    color: #be0617;
}
/*********************************************************
    Unterseiten-Navigations-Button
**********************************************************/	

.et_pb_search .et_pb_searchform {
    position: relative;
    /* margin-bottom: 40px; */
}
.et_pb_search.et_pb_module.et_pb_bg_layout_light.et_pb_text_align_left.et_pb_search_0 {
    padding-right: 0px;
}
.et_pb_bg_layout_light.et_pb_module.et_pb_button {
    width: 320px /* 290px; */
    border: none;
		font-weight:600;
}
.et_button_no_icon .et_pb_button,
.et_button_no_icon .et_pb_button:hover {
		padding: 5px 1em 5px 1em !important;
}
.et_pb_gutters3 .et_pb_column_1_3 .et_pb_module {
    margin-bottom: 5%;
}
.et_pb_button {
   padding: 0.3em 1em !important;
    color: #ffffff !important;
    background-color: rgba(0,0,0,0.08) !important;
}
.et_pb_button.et_pb_button_0.et_pb_bg_layout_light,
.et_pb_button.et_pb_button_1.et_pb_bg_layout_light,
.et_pb_button.et_pb_button_2.et_pb_bg_layout_light, 
.et_pb_button.et_pb_button_3.et_pb_bg_layout_light,
.et_pb_button.et_pb_button_4.et_pb_bg_layout_light,
.et_pb_button.et_pb_button_5.et_pb_bg_layout_light,
.et_pb_button.et_pb_button_6.et_pb_bg_layout_light {
    width: 320px; /*320px */
		border: 1px solid #f0f0f0 !important;
		color: #333 !important;
		background-color: rgba(0,0,0,0.08);

}
.et_pb_button.et_pb_button_0.et_pb_bg_layout_light:hover,
.et_pb_button.et_pb_button_1.et_pb_bg_layout_light:hover,
.et_pb_button.et_pb_button_2.et_pb_bg_layout_light:hover, 
.et_pb_button.et_pb_button_3.et_pb_bg_layout_light:hover,
.et_pb_button.et_pb_button_4.et_pb_bg_layout_light:hover,
.et_pb_button.et_pb_button_5.et_pb_bg_layout_light:hover,
.et_pb_button.et_pb_button_6.et_pb_bg_layout_light:hover {
		color: #ffffff !important;
		background-color: #145da6 !important;

}


/*********************************************************
    Einstellung Tabelle der Qualitätsziele 
**********************************************************/	

.eqsziel { 
		font-size: 1.1em; 
		line-height: 1.25em; 
		margin-bottom: 0.40em;
		padding-top:0.75em;
		color: #145da6;
		font-weight: 600; 
}
.et_pb_toggle_title
{
		color:#005398;
		font-weight:600;
		font-size: 1.0em;
		list-style-type:none;
		text-decoration:none;
}
#eqs1_kh,
#eqs2_kh,
#eqs3_kh,
#eqs1_pflege,
#eqs1_reha {
		width:100%;
		max-width:700px;
}
#eqs1_kh th,
#eqs2_kh th,
#eqs3_kh th,
#eqs1_pflege th,
#eqs1_reha th {
		color:#ffffff;
		font-weight:600;
		background-color:#0179b8;
		padding: 10px;
}
#eqs1_kh td,
#eqs2_kh td,
#eqs3_kh td,
#eqs1_pflege td,
#eqs1_reha td {
		padding: 10px;
}
.sp_1QZheader
{
		text-align:center;
		border-style:solid;
		border-top-width:0px;
		border-left-width:0px;
		border-bottom-width:0px;
		border-right-width:0px;
		border-color:#ffffff;
}
.sp_2QZheader
{
		text-align:left;
		border-style:solid;
		border-top-width:0px;
		border-left-width:1px;
		border-bottom-width:0px;
		border-right-width:1px;
		border-color:#ffffff;
}
.sp_3QZheader
{
		text-align:center;
		border-style:solid;
		border-top-width:0px;
		border-left-width:0px;
		border-bottom-width:0px;
		border-right-width:0px;
		border-color:#ffffff;
}
.sp_QZ1
{
		background-color:#e5f1f8;
		text-align:center;
		font-weight:600;
		color:#000000;
		height:auto;
		border-style:solid;
		border-top-width:0px;
		border-left-width:1px;
		border-bottom-width:1px;
		border-right-width:0px;
		border-color:#0179b8;
}
.sp_QZ1_white
{
		background-color:#ffffff;
		text-align:center;
		font-weight:600;
		color:#000000;
		height:auto;
		border-style:solid;
		border-top-width:0px;
		border-left-width:1px;
		border-bottom-width:1px;
		border-right-width:0px;
		border-color:#0179b8;
}
.sp_QZ2
{
		background-color:#e5f1f8;
		height:auto;
		border-style:solid;
		border-top-width:0px;
		border-left-width:0px;
		border-bottom-width:1px;
		border-right-width:0px;
		border-color:#0179b8;
}
.sp_QZ2_white
{
		background-color:#ffffff;
		height:auto;
		border-style:solid;
		border-top-width:0px;
		border-left-width:0px;
		border-bottom-width:1px;
		border-right-width:0px;
		border-color:#0179b8;
}
.sp_QZ3
{
	background-color:#e5f1f8;
	text-align:center;
	height:auto;
	border-style:solid;
	border-top-width:0px;
	border-left-width:0px;
	border-bottom-width:1px;
	border-right-width:1px;
	border-color:#0179b8;
}
.sp_QZ3_white
{
	background-color:#ffffff;
	text-align:center;
	height:auto;
	border-style:solid;
	border-top-width:0px;
	border-left-width:0px;
	border-bottom-width:1px;
	border-right-width:1px;
	border-color:#0179b8;
}

/*********************************************************
    Einstellung Tabelle der Qualitätssiegelträger 
**********************************************************/	

#tablepress-1_length,
#tablepress-2_length,
#tablepress-3_length {
    margin: 30px 0px 20px 0px;
}
#tablepress-1_filter,
#tablepress-2_filter,
#tablepress-3_filter {
    margin: 30px 0px 20px 0px;
}
.tablepress thead th {
    background-color: #145da6 !important;
    font-weight: 700;
		color:#ffffff;
    vertical-align: middle;
}
.tablepress .sorting:hover, .tablepress .sorting_asc, .tablepress .sorting_desc {
    background-color: #00376d !important;
}
#tablepress-1_info,
#tablepress-1_paginate,
#tablepress-2_info,
#tablepress-2_paginate,
#tablepress-3_info,
#tablepress-3_paginate {
    margin: 20px 0px 20px 0px;
}
.paging_simple .paginate_button.next::after, .paging_simple .paginate_button.previous::before {
    text-align: left;
    font-family: TablePress;
    font-size: 14px;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    content: "\f053";
    text-shadow: .1em .1em #666;
    position: absolute;
    top: 0;
    right: auto;
    bottom: 0;
    left: -14px;
    margin: auto;
    height: 14px;
    width: 14px;
    line-height: 1;
    display: none;
}

/*********************************************************
    Einstellung Formular FAQ-Frage 
**********************************************************/	

.wpcf7-form-control.wpcf7-textarea {
    width: 100%;
    max-width: 660px;
}
.wpcf7-form-control.wpcf7-submit {
    width: 100%;
    padding: 7px 10px;
    font-size: 1.0em;
    text-align: center;
}
.wpcf7-form-control.wpcf7-submit:hover {
    width: 100%;
    padding: 7px 10px;
    font-size: 1.0em;
		font-weight:600;
    text-align: center;
		background-color:#0179b8;
		color:#ffffff;
		border: 1px solid #bbbbbb;
		height: 37px;
		cursor: pointer;
}
div.wpcf7-validation-errors {
    border: 2px solid #e6d80e;
    background-color: #e6d80e;
		color: #333333;
}
input[type="email"], input[type="password"], input[type="tel"], input[type="text"], select, textarea {
    padding: 8px 10px;
    border: 1px solid #bbb;
    color: #4e4e4e;
    background-color: #fff;
		font-size: 1em;
}

/*********************************************************
    Einstellung Downloadbereich Dokumente Qualitätssiegel 
**********************************************************/	

#download {
		max-width:700px;
		margin-top: 0px;
		border-bottom: 1px dotted #dadada;
}
#downloadhead {
		max-width:700px;
		margin-top: 20px;
		border-bottom: none !important;
}
#downloadhead .sphead {
		width:100%;
		max-width:700px;
		display:inline-block;
		float:left;
		vertical-align:middle;
		font-weight:600;
		background-color: rgba(0,0,0,0.08);
		padding:10px;
}

#download .spalte_li {
		max-width:100px;
		display:inline-block;
		float:left;
		vertical-align:text-top;
		padding: 10px 10px 5px 10px;
}
#download .spalte_re {
		max-width:600px;
		display:inline-block;
		float:left;
		vertical-align:text-top;
		padding: 10px 10px 5px 10px;
}

/*********************************************************
    Einstellung Googlemap-iframe 
**********************************************************/	

.i4ewOd-pzNkMb-haAclf {
    background-color: #145da6 !important;
		background-color: rgb(20,93,166) !important;
}
.HzV7m-b7CEbf .i4ewOd-pzNkMb-tJHJj {
    background-color: #145da6 !important;
}

/*******************************************************************************************************************************
  IV. | Onlineshop
********************************************************************************************************************************/

#produkteckdaten {
		width:100%;
		max-width:400px;
		border:none;
}
#produkteckdaten td {
		border:none;
}
#produkteckdaten .produktdetail {
		width:30%;
		padding:5px 20px 5px 10px;
		border: none;
}
#produkteckdaten .daten {
		width:70%;
		padding:5px 0px 5px 10px;
		border: none;
}
.woocommerce-product-gallery__image--placeholder {
    margin-bottom: 40px;
}

/*******************************************************************************************************************************
  V. | Kontakt-Formular
********************************************************************************************************************************/




/*******************************************************************************************************************************
 VI. | Footerbereich
********************************************************************************************************************************/
.et_pb_gutters3.et_pb_footer_columns3 .footer-widget {
  width: 30.667%;
}
.et_pb_gutters3 .footer-widget {
  margin-right: 3.5%;
  margin-bottom: 5.5%;
}
.home #main-footer {
	/* display:none; */
}
.footer-widget h4 {
    font-size: 15px;
    font-weight: 600;
		margin-top: 2px;
}
.footer-widget a {
    font-weight: 600;
}

#text-9 {         /* Bereich der Usernavigation mit Impressum, Datenschutz und Login */
    float: right;
}
#footer-info {   /* Info Bereich mit Hinweis auf Theme und Wordpress */
    display: none;
}
#footer_hinweis {
    font-size: 12px;
}
#footer_hinweis a {
    color:#5f5f5f;
}
#main-footer {
    background-color: rgba(0,0,0,0.15);
}
#main-footer .footer-widget h4 {
    color: rgba(0,0,0,0.65) !important;
}
.footer-widget {
	color: rgba(0,0,0,0.6) !important;
}
#footer-bottom {
    background-color: rgba(0,0,0,0) !important;
}
/*******************************************************************************************************************************
 VI. | Spezials
********************************************************************************************************************************/

.post-password-required .et_password_protected_form {
    min-height: initial;
    margin: 0px 20% 100px 20% !important;
		padding-top: 80px;
		padding-bottom: 80px;
}

.et_pb_contact_form_0.et_pb_contact_form_container .et_pb_button {
    padding: 0.3em 1em !important;
    color: #ffffff !important;
    background: #696866 !important;
    border-width: 0px !important;
    border-radius: 0px;
    letter-spacing: 0px;
    font-size: 16px !important;
    text-transform: none !important;
    line-height: 1.7em !important;
}
.et_pb_contact_form_0.et_pb_contact_form_container .et_pb_button:hover {
    padding: 0.3em 1em !important;
    color: #ffffff !important;
    background: #145da6 !important;
    border-width: 0px !important;
    border-radius: 0px;
    letter-spacing: 0px;
    font-size: 16px !important;
    text-transform: none !important;
    line-height: 1.7em !important;
}



/*******************************************************************************************************************************
 Angepasste Einstellungen für mobile Endgeräte
********************************************************************************************************************************/



@media screen and (max-width: 1366px) {  /* ipad Pro Querformat */



}

@media screen and (max-width: 1024px) { /* iPad Querformat */

#top-menu li a {
    font-size: 13px;
}
.et_pb_row {
    width: 90%;
}
.container {
    width: 90%;
}
.et_pb_button.et_pb_button_0.et_pb_bg_layout_light,
.et_pb_button.et_pb_button_1.et_pb_bg_layout_light,
.et_pb_button.et_pb_button_2.et_pb_bg_layout_light, 
.et_pb_button.et_pb_button_3.et_pb_bg_layout_light,
.et_pb_button.et_pb_button_4.et_pb_bg_layout_light,
.et_pb_button.et_pb_button_5.et_pb_bg_layout_light,
.et_pb_button.et_pb_button_6.et_pb_bg_layout_light {
    max-width: 240px; /*320px */
		border: 1px solid #f0f0f0 !important;

}

}

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

#schutzring {
    background-image: url(images/Schutzring.png);
    background-repeat: no-repeat;
    height: 180px;
    width: 180px;
    margin: -20% 0px 65px 10%;
}
.et_pb_gutters3 .et_pb_column_2_3, .et_pb_gutters3.et_pb_row .et_pb_column_2_3 {
    border-left: none;
		padding-left: 65px;
		margin-left:-65px;
}
#text-9 {         /* Bereich der Usernavigation mit Impressum, Datenschutz und Login */
    float: left;
}

}

@media screen and (max-width: 768px) { /* iPad Hochformat */
#schutzring {
    background-image: url(images/Schutzring.png);
    background-repeat: no-repeat;
    height: 180px;
    width: 180px;
    margin: -27% 0px 65px 10%;
}


}

@media screen and (max-width: 736px) { /* iPhone 6 Plus Querformat */



}

@media screen and (max-width: 667px) {
#schutzring {
    background-image: url(images/Schutzring_568.png);
    background-repeat: no-repeat;
    height: 150px;
    width: 150px;
    margin: -32% 0px 65px 10%;
}


}

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



}

@media screen and (max-width: 568px) { /* iPhone 5 Querformat */


}

@media screen and (max-width: 414px) { /* iPhone 6 Plus Hochformat */

#schutzring {
    background-image: url(images/Schutzring_120.png);
    background-repeat: no-repeat;
    height: 120px;
    width: 120px;
    margin: -40% 0px 65px 10%;
}
}

@media screen and (max-width: 375px) { /* iPhone 6 Hochformat */

.et_pb_button.et_pb_button_0.et_pb_bg_layout_light,
.et_pb_button.et_pb_button_1.et_pb_bg_layout_light,
.et_pb_button.et_pb_button_2.et_pb_bg_layout_light, 
.et_pb_button.et_pb_button_3.et_pb_bg_layout_light,
.et_pb_button.et_pb_button_4.et_pb_bg_layout_light,
.et_pb_button.et_pb_button_5.et_pb_bg_layout_light,
.et_pb_button.et_pb_button_6.et_pb_bg_layout_light {
    max-width: 300px; /*320px */
		border: 1px solid #f0f0f0 !important;

}


}

@media screen and (max-width: 321px) { /* iPhone 5 Hochformat */

.et_pb_button.et_pb_button_0.et_pb_bg_layout_light,
.et_pb_button.et_pb_button_1.et_pb_bg_layout_light,
.et_pb_button.et_pb_button_2.et_pb_bg_layout_light, 
.et_pb_button.et_pb_button_3.et_pb_bg_layout_light,
.et_pb_button.et_pb_button_4.et_pb_bg_layout_light,
.et_pb_button.et_pb_button_5.et_pb_bg_layout_light,
.et_pb_button.et_pb_button_6.et_pb_bg_layout_light {
    max-width: 260px; /*320px */
		border: 1px solid #f0f0f0 !important;

}
}