/* oswald-regular - latin */
@font-face {
  font-display: swap; 
  font-family: 'Oswald';
  font-style: light;
  font-weight: 200;
  src: url('fonts/oswald-v53-latin-regular.woff2') format('woff2');
}

/* ALLGEMEINES */

*				{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -box-sizing: border-box; }
body			{ font-family: 'Oswald', sans-serif, Arial; font-size: 11pt; margin: 0; overflow: scroll; background-color:#ffffff;}
p				{ }

/* TEXT */

h1				{ color: #565656; font-size: 300%; margin: 1vh 0; }
h2				{ color: #565656; font-size: 150%; margin: 1vh 0; }
.text			{ color: #2b2b2b; line-height: 150%; }
.text_weiss		{ color: #ffffff; line-height: 150%; }
.textspalten	{ -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 5%; -moz-column-gap: 5%; column-gap: 5%; }
ul 				{ text-indent: 0em; padding-left:1.2em; color:#2b2b2b }

/* LINKS */

a:link						{ color: #2b2b2b; text-decoration: underline; }
a:visited					{ color: #2b2b2b; text-decoration: underline; }
a:focus						{ color: #2b2b2b; text-decoration: underline; }
a:hover						{ color: #2b2b2b; text-decoration: none; }
a:active					{ color: #2b2b2b; text-decoration: underline; }

.flexcontainer_topnavigation		{ display: flex; flex-flow: row wrap; justify-content: flex-end;  }
a.flexitem_topnavigation			{ display: block; text-decoration: none; text-transform: uppercase; margin: 0; font-size: 80%; padding: 5px 10px;  transition-duration: 0.4s}
a.flexitem_topnavigation:link		{ color: #ffffff; }
a.flexitem_topnavigation:visited	{ color: #ffffff;  }
a.flexitem_topnavigation:focus		{ color: #ffffff; }
a.flexitem_topnavigation:hover		{ color: #565656;  }
a.flexitem_topnavigation:active		{ color: #ffffff;  }

.flexcontainer_hauptnavigation		{ display: flex; flex-flow: row wrap; justify-content: space-evenly; text-align:center; align-items: center; }
a.flexitem_hauptnavigation			{ display: block; text-decoration: none; text-transform: uppercase; margin: 0; font-size: 120%; padding: 15px 10px;  transition-duration: 0.4s}
a.flexitem_hauptnavigation:link		{ color: #ffffff; }
a.flexitem_hauptnavigation:visited	{ color: #ffffff;  }
a.flexitem_hauptnavigation:focus	{ color: #ffffff; }
a.flexitem_hauptnavigation:hover	{ color: #db8732;  }
a.flexitem_hauptnavigation:active	{ color: #ffffff;  }

.flexcontainer_footernavigation		{ display: flex; flex-flow: row wrap; justify-content: center;  }
a.flexitem_footernavigation			{ display: block; text-decoration: none; text-transform: uppercase; margin: 0; font-size: 90%; padding: 15px 10px;  transition-duration: 0.4s}
a.flexitem_footernavigation:link	{ color: #ffffff; }
a.flexitem_footernavigation:visited	{ color: #ffffff;  }
a.flexitem_footernavigation:focus	{ color: #ffffff; }
a.flexitem_footernavigation:hover	{ color: #777777;  }
a.flexitem_footernavigation:active	{ color: #ffffff;  }

a.button_weiter				{ text-decoration: none; color:#ffffff; margin: 10px 0; background-color:#e58923; padding: 5px 15px; border-radius: 3px; transition-duration: 0.4s }
a.button_weiter:hover		{ background-color:#565656; color:#ffffff; }


/* CONTAINERBOXEN */

.container_gesamt_topnavigation		{ width: 100%; clear:both; float:left; background-color:#e58923; }
.container_gesamt_hauptnavigation	{ width: 100%; clear:both; float:left; background-color:#565656; }
.container_gesamt_footer			{ width: 100%; clear:both; float:left; background-color:#d1853c; }

.container_content_gesamt				{ width: 100%; margin: auto; max-width:1300px; clear:both; }
.container_content_gesamt_binnen_links	{ width: 75%; float:right;  }
.container_content_gesamt_binnen_rechts	{ width: 25%; float:left; padding-right:2vw }


.container_in_content1_1	{ padding: 1%; width: 98%; margin: 1vw; float:left;  background-color:#ffffff;}
.container_in_content1_2	{ padding: 1%; width: 48%; margin: 1vw; float:left; }
.container_in_content1_3	{ padding: 1%; width: 31.3%; margin: 1vw; float:left; }
.container_in_content2_3	{ padding: 1%; width: 64.6%; margin: 1vw; float:left; }
.container_in_content1_4	{ padding: 1%; width: 23%; margin: 1vw; float:left; }
.container_in_content3_4	{ padding: 1%; width: 73%; margin: 1vw; float:left; }

.box_fuer_content		{ border: 1px solid #666666; width: 100%; margin: 0%; padding: 1vw; float:left; background-color:#f2f2f2; }
.box_fuer_content:hover	{ transition-duration: 0.4s; background-color:#cfcfcf; }

.flexcontainer_katliste			{ display: flex; flex-flow: row wrap; justify-content: space-between; }
.flexitem_katliste1spalte		{ flex-basis: 100%; margin: 1% 0; padding: 1%; background-color:#f2f2f2; transition-duration: 0.4s; }
.flexitem_katliste1spalte:hover	{ background-color:#cfcfcf; }
.flexitem_katliste1spalte img	{ max-width:15vw; min-width:175px; float:right; border:0; margin: 0 0 0 5vw; }
.flexitem_katliste2spalte		{ flex-basis: 49%; margin: 1% 0; padding: 1%; background-color:#f2f2f2; transition-duration: 0.4s; }
.flexitem_katliste2spalte:hover	{ background-color:#cfcfcf; }
.flexitem_katliste2spalte img	{ width:12em; float:right; border:0; margin: 0 0 0 5vw; }
.flexitem_katliste3spalte		{ flex-basis: 32%; margin: 1% 0; padding: 1%; background-color:#f2f2f2; transition-duration: 0.4s; }
.flexitem_katliste3spalte:hover	{ background-color:#cfcfcf; }
.flexitem_katliste3spalte img	{ width:8em; float:right; border:0; margin: 0 0 0 5vw; }
.flexitem_katliste4spalte		{ flex-basis: 23.5%; margin: 1% 0; padding: 1%; background-color:#f2f2f2; transition-duration: 0.4s; }
.flexitem_katliste4spalte:hover	{ background-color:#cfcfcf; }
.flexitem_katliste4spalte img	{ width:100%; float:left; border:0; margin: 0 0 2vw 0; }

.box_fehler			{ background-color: #ff0000; float:left; margin: 0; width: 100%; color: #ffffff; font-weight:bold; text-align: left; padding: 1% }
.box_ok				{ background-color: #009933; float:left; margin: 0; width: 100%; color: #ffffff; font-weight:bold; text-align: left; padding: 1% }

/* BIDLER */

.bild100pro						{ background-color:#ff0000; width:100%; float:left; border:0; margin: 0; }
.bild_nureiner					{ width:25%; float:right; border:0; margin: 0 0 0 5vw; }

.flexcontainer_bilder		{ display: flex; flex-wrap: wrap; }
.flexitem_bilder			{ flex-basis: 32%; flex-grow: 3; margin: 0 0.33% 1% 0; }
.flexitem_bilder img		{ width: 100%;}

.bild_logo						{ z-index:100; position: relative; float:left; border:0; width: 40vw; max-width: 500px; margin: 1% 1% -20% 1%; background-color:rgba(255,255,255,0.75); padding:20px;  }
.container_contentbackground1	{ height:20vw; min-height:250px; clear:both; float:left; background-attachment: fixed; background-repeat: no-repeat; }

/* FORMULAR */

.formular_input_100pro			{ font-size: 100%; min-height:40px; float: left; padding: 5px; width:100%; color: #4b4b4b; margin: 1% 0% 1% 0%; line-height: 24px; background-color: #f5f5f5; border: solid 1px #999; font-family: 'Open Sans', sans-serif, Arial; }
.formular_checkbox				{ font-size: 150%; color: #4b4b4b; margin: 0; background-color: #f5f5f5; border: solid 1px #999; font-family: 'Open Sans', sans-serif, Arial; }
.formular_dropdown				{ font-size: 100%; min-width: 60px; min-height:40px; float: left; padding: 5px; width:100%; color: #4b4b4b; margin: 1% 0% 1% 0%; line-height: 24px; background-color: #f5f5f5; border: solid 1px #999; border-radius: 0; font-family: 'Open Sans', sans-serif, Arial; }
.formular_dropdown_ohneweite	{ font-size: 100%; min-width: 60px; min-height:40px; padding: 5px; color: #4b4b4b; margin: 1% 0% 1% 0%; line-height: 24px; background-color: #f5f5f5; border: solid 1px #999; border-radius: 0; font-family: 'Open Sans', sans-serif, Arial; }
.formular_textarea_100pro		{ font-size: 100%; height:100px; float: left; padding: 5px; width:100%; color: #4b4b4b; margin: 1% 0% 1% 0%; line-height: 24px; background-color: #f5f5f5; border: solid 1px #999; font-family: 'Open Sans', sans-serif, Arial; }
.formular_absendebutton_100pro	{ font-size: 100%; max-height:40px; float: left; padding: 10px; width:100%; color: #ffffff; margin: 1% 1% 1% 0%; border: solid 1px #999999; background-color:#e58923; overflow: hidden; text-decoration: none; text-align: center; font-family: 'Open Sans', sans-serif, Arial; font-size: 100%; }
.formular_input_nix				{ display:none; }

#myBtn { display: none; position: fixed; bottom: 10px; right: 10px; z-index: 99; font-size: 150%; border: none; outline: none; background-color: #e58923; color: #ffffff; cursor: pointer; padding: 15px;  border-radius: 4px; }


/* #############################
 ####### Media Queries #######
 ############################# */

@media only screen and (max-width: 700px)
{
	
body			{ font-size: 90%; }
/* CONTAINERBOXEN */

.container_content_gesamt_binnen_links	{ width: 100%; }
.container_content_gesamt_binnen_rechts	{ display:none; }


.container_in_content1_1	{ width: 98%; margin: 1vw; float:left; }
.container_in_content1_2	{ width: 98%; margin: 1vw; float:left; }
.container_in_content1_3	{ width: 98%; margin: 1vw; float:left; }
.container_in_content2_3	{ width: 98%; margin: 1vw; float:left; }
.container_in_content1_4	{ width: 48%; margin: 1vw; float:left; }
.container_in_content3_4	{ width: 98%; margin: 1vw; float:left; }

.textspalten				{ -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 0%; -moz-column-gap: 0%; column-gap: 0%; }



.flexcontainer_katliste		{ display: flex; flex-flow: row wrap; justify-content: space-between }
.flexcontainer_katliste img	{ min-width:100%; float:left; border:0; margin: 0 0 2vw 0; }
.flexitem_katliste1spalte	{ }
.flexitem_katliste2spalte	{ flex-basis: 49%; margin: 1% 0; padding: 1%; background-color:#f2f2f2; }
.flexitem_katliste3spalte	{ flex-basis: 49%; margin: 1% 0; padding: 1%; background-color:#f2f2f2; }
.flexitem_katliste4spalte	{ flex-basis: 49%; margin: 1% 0; padding: 1%; background-color:#f2f2f2; }


.flexcontainer_topnavigation		{   }
a.flexitem_topnavigation			{ margin: 0; font-size: 80%; padding: 1%; }

.flexcontainer_hauptnavigation		{   }
a.flexitem_hauptnavigation			{ flex-basis: 25%; margin: 0; font-size: 100%; padding: 1%; }

.flexcontainer_footernavigation		{ flex-flow: column; align-items:center;  }
a.flexitem_footernavigation			{ margin: 0; font-size: 100%; padding: 1%;  }

.flexitem_bilder					{ flex-basis: 49%; }

.bild_logo							{ z-index:100; position: relative; float:left; border:0; width: 100%; max-width: 300px;  margin: 1% 1% -20% 3%;  }

.container_contentbackground1		{ opacity: 1; background-attachment: fixed; background-repeat: no-repeat; }
.bild_nureiner						{ width:80%; float:left; border:0; margin: 2% 10%; }

#myBtn { display: none; }
}