@charset "utf-8";
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: normal;
  src: url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: bold;
  src: url('../fonts/OpenSans-Bold-webfont.ttf') format('truetype');
}
@font-face {
  font-family: 'Amatic SC';
  font-style: normal;
  font-weight: normal;
  src: url('../fonts/AmaticSC-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Amatic SC';
  font-style: normal;
  font-weight: bold;
  src: url('../fonts/AmaticSC-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Voltaire';
  font-style: normal;
  font-weight: normal;
  src: url('../fonts/Voltaire-Regular.ttf') format('truetype');
}

/*** Variables ***/
/* Colors */
:root
{
	/* orange */
/*	--color_orange:	rgb(255,100,0); */
	--color_orange:	rgb(243,154,15);

	--color_orange_0_5: rgba(243,154,15,0.5);
	--color_orange_0_1: rgba(243,154,15,0.1);
	--color_orange_0_05: rgba(243,154,15,0.05);
	--color_orange_0_25: rgba(243,154,15,0.25);
}

*	{ margin: 0; padding: 0; border: 0; 
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }

html	{ height: 100.2%; scroll-behavior: smooth; }

body	{ font-family: 'Open Sans', sans-serif; font-size: 100%; line-height: 1.125em; background-color: rgb(255,255,255); height: 100%; }  

/* px em
1440px = 90em
48px = 3.0em
40px = 2.5em
38px = 2.375em
36px = 2.25em
32px = 2.0em
30px = 1.875em
28px = 1.75em
26px = 1.625em
24px = 1.5em
22px = 1.375em
20px = 1.25em
18px = 1.125em
17px = 1.0625em
16px = 1.0em
15px = 0.9375em
14px = 0.875em
12px = 0.75em
10px = 0.625em
 8px = 0.5em
 6px = 0.375em
 4px = 0.25em
 2px = 0.125em
 1px = 0.0625em
*/
 
/**** GRUNDGERÜST ****/
div#wrapper { background-repeat: no-repeat; background-position: top; background-attachment: fixed; max-width: 90em; margin: auto; background-color: rgba(230,212,193,0.3); overflow: hidden; 
  -webkit-box-shadow: -0.25em 0 0.625em 0.125em rgba(180,180,180,0.3), 0.25em 0 0.625em 0.125em rgba(180,180,180,0.3);
  -moz-box-shadow: -0.25em 0 0.625em 0.125em rgba(180,180,180,0.3), 0.25em 0 0.625em 0.125em rgba(180,180,180,0.3);
   box-shadow: -0.25em 0 0.625em 0.125em rgba(180,180,180,0.3), 0.25em 0 0.625em 0.125em rgba(180,180,180,0.3); }


div#keyvisual { float: left; height: auto; margin-bottom: 4.5em; }
div#wrapper div#keyvisual .mod-custom img { width: 100%; height: auto; margin-bottom: -1em; }

/* Cookie-Hint */
div#redim-cookiehint { background-color: rgba(61,64,69,0.75); border-bottom: 1px solid rgba(100,100,100,0.5); }
div#redim-cookiehint div.cookiecontent { font-size: 1.3em; color: rgb(255,255,255); margin-top: 0.5em; line-height: 1.45em; width: 87%; }
div#redim-cookiehint div.cookiecontent a { color: var(--color_orange); }
div#redim-cookiehint div.cookiebuttons { font-size: 1.7em; padding: 1.1em 1em 1em 0em;  }
#redim-cookiehint .cookiebuttons .btn { font-size: 0.8em; color: rgb(255,255,255); background-color: var(--color_orange); border-top: 1px solid rgba(255,200,200,0.5); border-right: 1px solid rgba(61,64,69,0.5); border-bottom: 1px solid rgba(61,64,69,0.5); border-left: 1px solid rgba(255,200,200,0.5); }
#redim-cookiehint .cookiebuttons .btn:focus,
#redim-cookiehint .cookiebuttons .btn:hover,
#redim-cookiehint .cookiebuttons .btn:active { background-color: rgb(255,255,255); color: var(--color_orange); 
border-top: 1px solid var(--color_orange_0_1); border-right: 1px solid var(--color_orange_0_5); border-bottom: 1px solid var(--color_orange_0_5); border-left: 1px var(--color_orange_0_1); }


/** Header **/
div#head { height: auto; }
div#header { height: 11em; position: fixed; width: 90em; z-index: 10; background-color: rgba(61,64,69,0.5); }

/* Logo */
div#logo { position: fixed; padding: 0em 0 0 5em; }

/* Navigation */
nav a { font-family: 'Amatic SC', cursive; color: rgb(255,255,255); font-size: 1.7em; font-weight: bold; line-height: 1.0em; display: block; padding: 0.4em; text-align: center; transition: all .05s ease-in-out; z-index: 100000; background-color: transparent; width: 100%; }

/* aktuell ausgewaehlter Hauptmenuepunkt */
nav ul.nav li.current.active > a { color: var(--color_orange); background-color: none; }
/* oberster Menuepunkt auffaellig, falls einer darunter ausgewaehlt */
nav ul.nav li.active.deeper.parent > a { color: var(--color_orange); background-color: none; text-decoration: none; }
nav a:focus,
nav a:hover,
nav li[aria-current] a,
nav li[aria-current] a:focus,
nav li[aria-current] a:hover { color: var(--color_orange); background-color: transparent; } 
nav ul.nav { position: fixed; list-style: none; display: flex; flex-direction: row; margin: 4.5em 0 0 19em; letter-spacing: 0.05em; }
nav ul.nav li { font-size: 1.65rem; flex: 1; margin-top: 0.55em; width: 100%;}
.mod-menu__sub > li > a { font-size: 1.5rem; padding: 0 0.4em}
.mod-menu__sub > li > a:last-child { padding: 0 0.4em 0.4em}


/* Submenu */
/* IE 11 */
_:-ms-fullscreen,
:root nav ul.nav li { flex: none; width: auto; }
_:-ms-fullscreen,
:root span.bigfont { background-color: rgb(247,242,236); }
/* IE 11 Ende */

/* Submenu ausblenden, falls der Hauptmenuepunkt nicht ausgewählt ist */
nav ul.mod-menu__sub { background-color: rgba(61,64,69,0.5); }
nav ul.mod-menu__sub ul { display: flex; flex-direction: column; }  
nav ul.mod-menu__sub li { font-size: 1.2rem; display: block; }
nav .mod-menu__sub { visibility: hidden; height: 0; z-index: 1000; }
nav .mod-menu__sub li { display: block; width: auto; }
/* Submenu anzeigen mit hover, focus */
nav li:hover .mod-menu__sub,
nav li:active .mod-menu__sub, 
nav li:focus .mod-menu__sub,
nav li:focus-within .mod-menu__sub { visibility: visible; height: auto; display: block; }

.mainmenuheader { font-size: 0em; line-height: 0em; }

/* Breadcrumbs */
ul.breadcrumb { list-style: none; margin-top: 3em; z-index: 0; width: 30em; }
ul.breadcrumb li { display: inline; }


/* Startbild */
.startimg { padding: 0; width: 118%; margin-left: -9%; margin-top: -8.5em; z-index: 0; display: none;}	   

/** Inhaltsbereich **/
/* Inhalt */
div#content { padding: 3em 5.5em 5em 5.5em; background-color: rgb(247,242,236); }
/* Hauptinhaltsspalte */
div#maincontent h1 { font-size: 1.9rem; font-weight: normal; line-height: 1.8em; margin-bottom: 0.5em; color: var(--color_orange); }
div#maincontent h2 { font-family: 'Amatic SC', cursive; font-size: 2.7rem;/*1.7rem*/ font-weight: bold; /* normal */ line-height: 1.6em; margin-bottom: 0.5em; }
div#maincontent h3 { font-family: 'Voltaire', sans-serif; font-size: 1.6rem; /*1.4rem;*/ font-weight: normal; line-height: 1.4em; margin-top: 0.8em; margin-bottom: 0.8em; }
div#maincontent h4 { font-size: 1.3rem; font-weight: normal; margin-bottom: 0.5em; }
div#maincontent h5 { font-size: 1.2rem; font-weight: normal; line-height: 1.4em; }
div#maincontent p { font-size: 1.15rem; line-height: 2em; margin: 1.0em 0 1.5em 0; }
div#maincontent ul {  padding: 0rem 0 1rem 0; list-style-type: none; }
div#maincontent ul li { font-size: 1.15rem; margin: 0.7em 0; line-height: 1.6em; text-indent: -1.8em; padding-left: 2.8em; }
div#maincontent ul li:nth-child(n+1)::before { content: url(../../../images/Hundepfote_links.png) " "; position: relative; top: 0.25em; left: -1em; z-index: 0; }
div#maincontent ul li:nth-child(2n)::before { content: url(../../../images/Hundepfote_rechts.png) " "; position: relative; top: 0.25em; left: -1em; z-index: 0; }
span.fontcontent { color: rgb(61,64,69); font-size: 1.15rem; line-height: 1.9em; margin: 1.5em 0; }
span.fontinital { font-family: 'Amatic SC', cursive; color: var(--color_orange); font-weight: bold; }
span.bigfont { color: rgb(61,64,69); font-size: 1.6rem; }
span.fonth2 { font-family: 'Amatic SC', cursive; font-size: 2.7rem; font-weight: bold; line-height: 1.6em; margin-bottom: 0.5em; }
span.fonth2c { font-family: 'Amatic SC', cursive; font-size: 2.7rem; font-weight: bold; line-height: 1.6em; margin-bottom: 0.5em; color: var(--color_orange); }


/* Texteinblende auf der Startseite 
div#wholetext div.starttext div.showall { font-size: 1.2rem; color: var(--color_orange); text-align: right; margin: 1.5rem 3rem; }
div#wholetext div.starttext div.showall a { color: var(--color_orange); }
div#wholetext div.starttext div.showall a:focus { color: var(--color_orange); }
div#wholetext div.starttext div.showall a:hover { color: var(--color_orange); }
div#wholetext div.starttext div.showall a:active { color: var(--color_orange); }
div#wholetext div.starttext div.showless { font-size: 1.2rem; color: var(--color_orange); text-align: right; margin: 1.5rem 3rem; }
div#wholetext div.starttext div.showless a { color: var(--color_orange); }
div#wholetext div.starttext div.showless a:focus { color: var(--color_orange); }
div#wholetext div.starttext div.showless a:hover { color: var(--color_orange); }
div#wholetext div.starttext div.showless a:active { color: var(--color_orange); }*/
/* showall ausblenden, starttext mit showless einblenden */ 
/* ausgeblendeter Text 
#readmore { background: rgb(247,242,236); margin: -21rem 0 0 0; position: absolute; top: -135%; }*/
/* eingeblendeter Text 
#readmore:target { position: relative; top: 21.5rem; margin-bottom: 20.4em; 
	-moz-transition: all 0.1s ease-in-out;
	-webkit-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out; }*/
/* mehr lesen (Startseite) */
summary { font-size: 1.2em; color: var(--color_orange); cursor: pointer; }


div#maincontent div.portrait p { font-family: 'Open sans'; font-size: 1.2em; }
div#maincontent div.portrait p span.portraitname { font-family: 'Amatic SC'; font-size: 1.6em; font-weight: bold; }

/* Tabellenformatierung */
table { font-size: 1.375rem; border: medium none; border-spacing: 0 3px; width: 100%; margin: 0 0 1.5em 0; }
table th { font-size: 1.7rem; font-weight: normal; line-height: 1.3em; padding: 0.6em 0.5em; border: none; text-align: left;  background-color: transparent; box-shadow: none; }
table td { padding: 1em; font-size: 1.1rem; text-align: left; line-height: 1.4em; }
table tr th:first-child { text-align: left; padding-left: 6%; } 
table tr td:first-child { text-align: left; padding-left: 6%; } 
table tr th:nth-child(2) { text-align: left; padding-left: 3%; } 
table tr td:nth-child(2) { text-align: left; padding-left: 3%; } 
table tr th:nth-child(3) { text-align: right; padding-right: 6%; } 
table tr td:nth-child(3) { text-align: right; padding-right: 6%; } 
table tr:nth-child(n+1) { background-color: var(--color_orange_0_05); }
table tr:nth-child(2n) { background-color: var(--color_orange_0_25); }
table tr:first-child { background-color: transparent; box-shadow: none; font-size: 1.3em; }
table tr td.center { text-align: center; }
table tr td.left { text-align: left; }
table tr td.right { text-align: right; }

/* Motto */
.motto { float: right; position: relative; color: rgb(255,255,255); margin-top: -20.5em; left: -10em; }
.mottoheader { font-size: 2.0em; line-height: 1.5em; }
.mottosubtitle { font-size: 1em; margin-top: 2em; }

/* Linie */
.hrdesign { width: 95%; background-color: var(--color_orange_0_5); height: 0.1em; margin: 2em 0 2em 5%; }
.hrdesign::before { content: url(../../../images/Hundepfote_rechts.png) " "; position: relative; top: -0.8em;
left: -2.8em; z-index: 0; }

/* Anker zum nach oben Scrollen */
.anchor_to_top { font-size: 0.5em; position: fixed; z-index: 1000; display: none; text-decoration: none;  
right: 5.0em; bottom: 12em; background-color: rgba(61,64,69,0.7); box-shadow: 0 1px 5px rgba(54,57,62,0.5); padding: 1.5em 1.8em; }


/** Footerbereich **/
div#footer { color: rgb(210,210,210); line-height: 1.3em; background-color: rgb(61,64,69); }
div#footer ul.quali { list-style: outside; float: left; margin: 1em; }
div#footer ul { list-style: none; float: left; margin: 3em 1em; }
div#footer ul li { margin: 0.5em; }

div#footer a { color: rgb(155,158,161); text-decoration: none; }  
div#footer a:focus { color: var(--color_orange); text-decoration: none; }  
div#footer a:hover { color: var(--color_orange); text-decoration: none; }
div#footer a:active { color: var(--color_orange); text-decoration: none; }


/** Unterfooterbereich **/
div#syndicate { background-color: rgb(61,64,69); height: 5.5em; color: rgb(125,128,131); }
div#syndicate .copyright { float: left; margin: 2em 1.5em; }
div#syndicate ul { list-style: none; float: right; margin: 2em 1em; }
div#syndicate ul li { display: inline; margin: 0 1em; }

div#syndicate a { color: rgb(155,158,161); text-decoration: none; }  
div#syndicate a:focus { color: var(--color_orange); text-decoration: none; }  
div#syndicate a:hover { color: var(--color_orange); text-decoration: none; }
div#syndicate a:active { color: var(--color_orange); text-decoration: none; }


/* Kontaktformular */
.formfield { font-size: 1.375em; color: rgb(61,64,69); background-color: rgba(255,255,255,1); 
            border-top: 0.0625em solid rgba(209,210,211,0.8); border-right: 0.0625em solid rgba(209,210,211,0.4); 
            border-bottom: 0.0625em solid rgba(209,210,211,0.4); border-left: 0.0625em solid rgba(209,210,211,0.8); 
            vertical-align: top; padding: 0.25em; margin: 2px 0px; }
textarea.formfield { resize: vertical; font-size: 1.375em; }
.radiobuttonlayout { font-size: 1.1em; line-height: 1.3em; }
.checkboxlayout { font-size: 1.1em; line-height: 1.3em; }
.formfieldopt { background-color: rgb(255, 255, 255); border: 1px solid rgb(163, 163, 153); color: rgb(0, 0, 0); font-size: 18px; padding: 10px; vertical-align: middle; }
.buttonsubmit { font-family: BebasNeue, sans-serif; font-size: 1.75em; line-height: 2em;
                color: rgb(255,255,255); background-color: rgb(84,81,81); border: none; }
label { padding: 1em 1em 0 0; cursor: pointer; }
.labeltext { font-size: 1.25em; margin-left: 0.375em; margin-top: 0.125em; }
/* responsive Felder */
input[type=text]{ width: 100%; }
textarea { width: 100%; }
input[type=text]:focus, textarea:focus, input[type=checkbox]:focus, input[type=checkbox]:hover { 
border-top: 0.0625em solid rgba(84,81,81,0.4); border-right: 0.0625em solid rgba(84,81,81,0.4); 
border-bottom: 0.0625em solid rgba(84,81,81,0.4); border-left: 0.0625em solid rgba(84,81,81,0.4); }
input[type=checkbox] { float: left; margin-right: 1em; margin-bottom: 3em; color: rgb(61,64,69); background-color: rgba(255,255,255,1); }
input[type=radio] { float: left; margin-right: 1em; margin-bottom: 1em; color: rgb(61,64,69); background-color: rgba(255,255,255,1); }
div.linklikebuttonsubmit { margin: 3em auto; }
div.linklikebuttonsubmit a { padding: 0.5em 1em; font-family: BebasNeue, sans-serif; font-size: 1.75em; 
                color: rgb(255,255,255); background-color: rgb(61,64,69); border: none; }

/* Absendeknopf im Footer */
.buttonsubmit { margin: 0.8em 0 1.0em 0; padding: 0.4em 2.0em;}

/* Social-Media-Icons */
ul.smicons { list-style: none; margin: 1em 0; padding-bottom: 1em; padding-left: 0; }
ul.smicons li { display: inline; padding-right: 0.8em; }
/* Formatierung Facebook-Iframes */
.fbiframe { padding-left: 4em; padding-top: 12.05em; }


/*** Raster ***/
.columns { float: left; }

.row { width: auto; }	  
.row:before, .row:after { content:''; display: table; }	  
.row:after { clear: both; }	


/* small */
@media screen and (max-width: 49.99999999em)
{
  .small-1-2 { width: 50%; }
  .small-2-2 { width: 100%; }
  .small-offset-1-2 { margin-left: 50%; }
  /* Portraits */
  .portrait { width: 100%; height: auto; float: left; margin-left: 0em; }
  div#header { height: 0em; position: inherit; }
  div#head { background-color: rgba(61,64,69,0.7); }
  div#logo { position: absolute; top: 0; right: 0; } 
  div#keyvisual { padding: 7em 0 0 0; background-color: rgba(61,64,69,1); }
  div#content { padding: 1em; }
  div#wrapper { padding: 0; }
  div#footer { margin: 0; }
  div#syndicate { margin: 0; height: auto; }
  /* Navigation nur sichtbar, wenn man auf das Burger-Icon klickt */  
  button.menubutton { content: ""; position: absolute; top: 1.2em; left: 1.25em; width: 2.0em; height: 1.35em;    border-top: 0.82em double var(--color_orange); border-bottom: 0.27em solid var(--color_orange); z-index: 1000000; font-size: 1.3em; background-color: transparent; }
  /* Hauptnavigation */
  nav { display: none; position: absolute; top: 0; }
  nav ul.nav { display: flex; flex-direction: column; margin: 0em 0 0 -0.65em; padding: 4.6em 1em 0.4em 1em; background-color: rgba(61,64,69,1); position: absolute; }
  nav ul.nav li { flex: 1; font-size: 1.3rem; padding: -0.5em; margin-top: 0em; }
  nav ul.mod-menu__sub li { font-size: 0.9rem; padding: 0.3em 0; background-color: rgba(61,64,69,0.0); }
  div#logo { padding: 0.5em 0.5em 0 2.5em; height: 0; }
  div#logo img { width: 6.5em; float: right; }
  /* Untermenu */
  nav ul.mod-menu__sub li { width: 100%; }
  nav li:hover .mod-menu__sub,
  nav li:active .mod-menu__sub, 
  nav li:focus .mod-menu__sub,
  nav li:focus-within .mod-menu__sub { visibility: visible; height: auto; }
  /* Tabellendarstellung */
  table { width: 100%; margin: 0; }
  table td, table th { float: left; width: 100%; padding-right: 0.5em; }
  table td:first-child { font-weight: bold; }
  img.resizelandscaperight { width: 100%; height: auto; float: right; padding: 1em 0 1em 0;}
  img.resizeportraitright { width: 100%; height: auto; float: right; padding: 1em 0 1em 0;}
  img.resizelandscapeleft { width: 100%; height: auto; float: left; padding: 1em 0 1em 0; }
  img.resizeportraitleft { width: 100%; height: auto; float: left; padding: 1em 0 1em 0; }
  img.resizelandscape { width: 100%; height: auto; }
  img.resizeportrait { width: 100%; height: auto; }
  .anchor_to_top { right: 1em; bottom: 1em; }
  .fbiframe { padding-left: 0em; padding-top: 4.05em; padding-bottom: 2em; }
  /* ausgeblendete Elemente */
  .nodisplaysmall, .motto { display: none; }
  /* Edge */
  _:-ms-lang(x), _:-webkit-full-screen, nav .mod-menu__sub { visibility: visible; height: auto; display: block; }
  /* Edge Ende */
  /* IE 11 */
  _:-ms-fullscreen, 
  :root nav .mod-menu__sub { visibility: visible; height: auto; display: block; }
  /* IE 11 Ende */
}

/* medium */
@media screen and (min-width: 50.0em) and (max-width: 71.2499999999em)
{
  .medium-1-8 { width: 12.5%; }
  .medium-2-8 { width: 25%; }
  .medium-3-8 { width: 37.5%; }
  .medium-4-8 { width: 50%; }
  .medium-5-8 { width: 62.5%; }
  .medium-6-8 { width: 75%; }
  .medium-7-8 { width: 82.5%; }
  .medium-8-8 { width: 100%; }
  .medium-offset-1-8 { margin-left: 12.5%; }
  .medium-offset-2-8 { margin-left: 25%; }
  .medium-offset-3-8 { margin-left: 37.5%; }
  .medium-offset-4-8 { margin-left: 50%; }
  .medium-offset-5-8 { margin-left: 62.5%; }
  .medium-offset-6-8 { margin-left: 75%; }
  .medium-offset-7-8 { margin-left: 82.5%; }
  div#wrapper { padding: 0; }
  div#footer { margin: 0; }
  div#syndicate { margin: 0; }
  /* Hauptnavigation */
  nav ul.nav { margin: 5.8em 0 0 1.0em; }
  nav ul.nav li { font-size: 1.3rem; }
  nav ul.mod-menu__sub li { font-size: 0.9rem; }
  div#logo img { width: 6.5em; }
  div#logo { padding: 0.5em 0 0 2.5em; }
  /* Untermenu */
  nav ul.mod-menu__sub li { width: 100%; }
  nav li:hover .mod-menu__sub,
  nav li:active .mod-menu__sub, 
  nav li:focus .mod-menu__sub,
  nav li:focus-within .mod-menu__sub { visibility: visible; height: auto; }
  /* Motto */
  .motto { margin-top: -10.5em; }
  .mottoheader { font-size: 1.7em; }
  .mottosubtitle { font-size: 0.9em; }
  /* Portraits */
  .portrait { width: 100%; height: auto; float: left; margin-left: 1em; }
  img.resizelandscape { width: 70%; height: auto; }
  img.resizeportrait { width: 50%; height: auto; }
  img.resizelandscaperight { width: 70%; height: auto; float: right; padding: 1em 0 1em 2em;}
  img.resizeportraitright { width: 50%; height: auto; float: right; padding: 1em 0 1em 2em;}
  img.resizelandscapeleft { width: 70%; height: auto; float: left; padding: 1em 2em 1em 0; }
  img.resizeportraitleft { width: 50%; height: auto; float: left; padding: 1em 2em 1em 0; }
  /* ausgeblendete Elemente */
  .nodisplaymedium  { display: none; }
  .padding10rlargemedium { padding-right: 0.625em; }
}

/* large */
@media screen and (min-width: 71.25em)
{
  .large-01-12 { width: 8.333333333%; }
  .large-02-12 { width: 16.666666667%; }
  .large-03-12 { width: 25%; }
  .large-04-12 { width: 33.333333333%; }
  .large-05-12 { width: 41.666666667%; }
  .large-06-12 { width: 50%; }
  .large-07-12 { width: 58.333333333%; }
  .large-08-12 { width: 66.666666667%; }
  .large-09-12 { width: 75%; }
  .large-10-12 { width: 83.333333333%; }
  .large-11-12 { width: 91.666666667%; }
  .large-12-12 { width: 100%; }
  .large-offset-01-12 { margin-left: 8.333333333%; }
  .large-offset-02-12 { margin-left: 16.666666667%; }
  .large-offset-03-12 { margin-left: 25%; }
  .large-offset-04-12 { margin-left: 33.333333333%; }
  .large-offset-05-12 { margin-left: 41.666666667%; }
  .large-offset-06-12 { margin-left: 50%; }
  .large-offset-07-12 { margin-left: 58.333333333%; }
  .large-offset-08-12 { margin-left: 66.666666667%; }
  .large-offset-09-12 { margin-left: 75%; }
  .large-offset-10-12 { margin-left: 83.333333333%; }
  .large-offset-11-12 { margin-left: 91.666666667%; }
  /* Portraits */
  .portrait { width: 100%; height: auto; float: left; margin-left: 2em; }
  img.resizelandscaperight { width: 50%; height: auto; float: right; padding: 1em 0 1em 2em;}
  img.resizeportraitright { width: 40%; height: auto; float: right; padding: 1em 0 1em 2em;}
  img.resizelandscapeleft { width: 50%; height: auto; float: left; padding: 1em 2em 1em 0; }
  img.resizeportraitleft { width: 40%; height: auto; float: left; padding: 1em 2em 1em 0; }
  img.resizelandscape { width: 50%; height: auto; }
  img.resizeportrait { width: 40%; height: auto; }
  /* Submenu */
  nav ul.nav li { font-size: 1.65rem; margin-top: 0.5em; }
  nav ul.mod-menu__sub li { font-size: 1.25rem; }
  /* ausgeblendete Elemente */
  .nodisplaylarge { display: none; }
  .padding10rlargemedium { padding-right: 0.625em; }
}

/* Andere groessenabhaengige Aenderungen */
@media screen and (min-width: 71.25em) and (max-width: 84.25em)
{
  nav ul.nav { margin: 4.5em 0 0 15em; }
  nav ul.nav li { font-size: 1.4rem; margin-top: 0.89em; }
  nav ul.mod-menu__sub li { font-size: 1.1rem; }
  div#logo { padding: 0em 0 0 3em; }
}

  /* Edge */
  _:-ms-lang(x), _:-webkit-full-screen, nav .mod-menu__sub { visibility: visible; height: auto; display: block; }
  _:-ms-lang(x), _:-webkit-full-screen, div#logo { position: absolute; top: 0; right: 5%; } 
  /* Navigation nur sichtbar, wenn man auf das Burger-Icon klickt */  
  _:-ms-lang(x), _:-webkit-full-screen, button.menubutton { content: ""; position: absolute; top: 1.2em; left: 1.25em; width: 2.0em; height: 1.35em; border-top: 0.82em double var(--color_orange); border-bottom: 0.27em solid var(--color_orange); z-index: 1000000; font-size: 1.3em; background-color: transparent; }
  /* Hauptnavigation */
  _:-ms-lang(x), _:-webkit-full-screen, nav { display: none; position: absolute; top: 0; }
  _:-ms-lang(x), _:-webkit-full-screen, nav ul.nav { display: flex; flex-direction: column; margin: 0em 0 0 -0.65em; padding: 4.6em 1em 0.4em 1em; background-color: rgba(61,64,69,0.5); position: absolute; }
  _:-ms-lang(x), _:-webkit-full-screen, nav ul.nav li { flex: 1; font-size: 1.3rem; padding: -0.5em; margin-top: 0em; background-color: transparent; }
  _:-ms-lang(x), _:-webkit-full-screen, nav ul.mod-menu__sub { background-color: rgba(61,64,69,0.0);  }
  /* Untermenu */
  _:-ms-lang(x), _:-webkit-full-screen, nav ul.mod-menu__sub li { width: 100%; background-color: transparent; font-size: 0.8rem; padding: 0.3em 0; }
  _:-ms-lang(x), _:-webkit-full-screen, nav li:hover .mod-menu__sub,
  _:-ms-lang(x), _:-webkit-full-screen, nav li:active .mod-menu__sub, 
  _:-ms-lang(x), _:-webkit-full-screen, nav li:focus .mod-menu__sub,
  _:-ms-lang(x), _:-webkit-full-screen, nav li:focus-within .mod-menu__sub { visibility: visible; height: auto; }
  _:-ms-lang(x), _:-webkit-full-screen, div#header { height: 0em; position: inherit; }
  _:-ms-lang(x), _:-webkit-full-screen, div#head { background-color: rgba(61,64,69,0.7); }
  /* Edge Ende */

  
/* Allgemeine Beschreibungen */
/* Symbole links neben h */
img.symbol { float: left; padding-right: 0.70em; margin-top: 0.2em; }
/* Bilder, Graphiken skalierbar */
img.resize { width: 100%; height: auto; }
img.resizey { height: 100%; }
img.left { float: left; padding: 1em 2em 1em 0; }
img.right { float: right; padding: 1em 0 1em 2em; }
div.overflowhid { overflow: hidden; }
/* Hintergrundfarbe hellgrau */
.bglightgrey { background-color: rgb(244,244,244); }
/* linksbuendiger Text */
.left { text-align: left; }
/* rechtsbuendiger Text */
.right { text-align: right; }
/* zentrierter Text */
.center { text-align: center; }
/* unterstrichener Text */
.underlined { text-decoration: underline; }
/* fetter Text */
.bold { font-weight: bold; }
/* kursvier Text */
.italic { font-style: italic; }
/* Text in Grossbuchstaben */
.uppercase { text-transform: uppercase; }
/* Text in Kapitaelchen */
.capitalize { text-transform: capitalize; }
/* border weiss 10px */
.border10white { border: 0.625em solid white; }
/* border weiss oben und unten 10px */
.bordertb10white { border-top: 0.625em solid white; border-bottom: 0.625em solid white; }
/* border weiss links und rechts 10px */
.borderlr10white { border-left: 0.625em solid white; border-right: 0.625em solid white; }
/* line-height 1.4em */
.lineheightsmall { line-height: 1.4em; }
/* line-height 1.6em */
.lineheightmiddle { line-height: 1.6em; }
/* padding 10px */
.padding10 { padding: 0.625em; }
/* padding oben und unten 10px */
.paddingtb10 { padding-top: 0.625em; padding-bottom: 0.625em; }
/* padding oben und unten 30px */
.paddingtb30 { padding-top: 1.875em; padding-bottom: 1.875em; }
/* padding links und rechts 10px */
.paddinglr10 { padding-left: 0.625em; padding-right: 0.625em; }
/* margin oben 0 */
.margintop0 { margin-top: 0; }
/* margin oben 0.3em */
.margintop03 { margin-top: 0.3em; }

/* Links faden beim Hover */
a { transition: color 0.3s ease-in 0.1s; color: rgb(61,64,69); text-decoration: none; }
a:focus { color: var(--color_orange); text-decoration: none; }  
a:hover { color: var(--color_orange); text-decoration: none; }
a:active { color: var(--color_orange); text-decoration: none; }