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

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

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

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

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

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

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

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

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






/* Mein Zeichensatz mit Zeichen für Externen Link einbinden (enthält nur 1 Zeichen)) */
@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?pn5eqi');
  src:  url('fonts/icomoon.eot?pn5eqi#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?pn5eqi') format('truetype'),
    url('fonts/icomoon.woff?pn5eqi') format('woff'),
    url('fonts/icomoon.svg?pn5eqi#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Externen Link automatisch kennzeichnen */
a[href^="http:"]:after, a[href^="https:"]:after
{
	  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color:blue;
  content: " \e900";
  margin:0;
  padding:0;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* Externen Link kennzeichnen - Kennzeichnung für Links auf der eigenen Seite wieder entfernen */
a[href^="https://fischerei-altfriedland.de"]:after, a[href^="https://fischerei-altfriedland.de"]:after
{
	content: "";
	padding: 0px;
}
/* Externen Link kennzeichnen - Mit einem zusätzlichen Button - funktioniert auch innerhalb eines Links */
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color:blue;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-Externer_Link_final:before {
  content: " \e900";
  margin:0;
  padding:0;
}
b, strong {
    font-weight: 700;
}
/* ENDE Externen Link kennzeichnen - Mit einem zusätzlichen Button */
*, *:before, *:after {
    -webkit-box-sizing: border-box; /* Safari/Chrome, andere WebKit-Browser */
    -moz-box-sizing: border-box; /* Firefox, andere Gecko-Browser */
    box-sizing: border-box; /* Opera/IE 8+ */
}
* { margin: 0;
    padding: 0;}
html, body
{
    width:100%;
    margin:0;
    padding:0;
}
body {
    font-family: 'Roboto', Areal, Helvetica, sans-serif;
    background-color: #D6F4FF;
    color: #004A80;
    font-weight:400;
    hyphens:auto
}
h1 {
    margin:0;
    padding: 3%;
}
header {
    width:100%;
    max-width: 1200px;
    background-color: #fff;
    height: calc(100vw * 116 / 800 );
}
div.header-bild1 {
    width:100%;
    background-image: url(img/angelparadies800.png);
    background-size:100% auto;
    height: calc(100vw * 116 / 800 );
}
div.logo_bild {
    position:relative;
    width: 100%;
}
div.header-bild2 {
    position:relative;
    width: 100%;
    background-image: url(img/bild_startseite_799.jpg);
    height: calc(100vw * 374 / 799 );
    background-size:cover;
}
nav#desktop {
    display: none;
}
main article {
    background-color: #fff;
    padding-bottom:3%;
}
main article p {
    padding:0 3%;
}
article p, article ul {
    margin-bottom: 0.45em;
    font-size: 1.3em;
    line-height: 1.6em;
}
main article ul {
    padding-left: 2em;
}
main article ul li {
    list-style-type: square;
}
aside {
    max-width: 100%;
    margin-top: calc(100vw * 374 / 799 );
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    background-image: url(img/startseite_links.jpg);
    background-repeat: no-repeat;
    background-position: 0 155px;
}
div.aside-uschrift {
    color: #fff;
    font-weight: bold;
    padding:0.4em;
    background-color: #0A568B;
    border-bottom: 1px solid #0A568B;
    border-right: 1px solid #014A7F;
}
div.aside-text {
    color:#fff;
    padding:0.4em;
}
div.aside_item {
    width: 200px;
    background-color: #014A7F; 
    border-right: 1px solid #0A568B;
    border-bottom: 1px solid #0A568B;
    flex: auto;
}
div.aside_item:nth-child(3) {
     width:100%;
}
div.aside_item:nth-child(4), div.aside_item:nth-child(5) {
    display:none;
}
ul.seite_sitemap li {
    display: run-in;
    height:2em ;
    margin-bottom: 1em;

}
ul.seite_sitemap li a {
    border:1px solid #C0C0C0;
    padding:4px ;
    background-color: #F0F0F0;
    text-decoration: none;
    color: #004A80;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
div.vorschau {
    display: inline-block;
    vertical-align: top;
    font-size: 0.70em;
    font-weight: normal;
    margin-bottom:3px;
}
div.baguetteBoxWrapper {
    margin: 0 3%;
    text-align: center;
}


footer {
    max-width: 1200px;
    margin:auto auto;
    padding: 1% 3% 1% 3%;
    background-color: #005EA5;
    background-image: url(img/bg_footer.png);
    background-repeat: repeat-x;
    color:#fff;
}
div#flexbox_footer {
    width:100%;
    margin-bottom: 1em;
    -moz-box: 1; /* Safari 6.1+ */
    -ms-flexbox: 1; /* IE 10 */
    -webkit-flex: 1; /*Chrome*/
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}
div#fuss1, div#fuss2, div#fuss3 {
    flex:1;
    flex-grow: 1;
    width: 29.3333333%;
    min-width:150px;
    color:#fff;
    align-self: stretch;
    line-height: 2em;
}
div#fuss1 {padding: 0 1.5% 0 0;}
div#fuss1 ul.sitemap, div#fuss2 ul.sitemap, div#fuss3 ul.sitemap {
    margin: 0;
    padding:0;
}
div#fuss3 li {
    list-style: none;
    float:left;
    margin-right:2em;
}
div#fuss3 li a {
    text-decoration: none;
    color: #fff;
    padding: 6px 0;
    text-decoration: underline;
}
div#fuss1 li a, div#fuss2 li a {
    display:inline-block;
    padding: 0.4em 0;
    margin-bottom: 0.4em;
    text-decoration: underline;
}


div#fuss2 {padding: 0 1.5% 0 1.5%;}
div#fuss3 {padding: 0 0 0 1.5%;}
div#fuss4 {
    width:100%;
    color:#fff;
}
/* Karte umap */
.button_umap {
    background-image: url(../img/bg_h1.gif);
    background-position: 0px -20px;
    padding:5px;
    color:#2E3192;
    cursor: pointer;
    background: -moz-linear-gradient(top, #FFF 0%, #F3F4F9 30%,#EBECF9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFF), color-stop(30%,#F3F4F9), color-stop(100%,#EBECF9));
    background: -webkit-linear-gradient(top, #FFF 0%,#F3F4F9 30%,#EBECF9 100%);
    background: -o-linear-gradient(top, #FFF 0%,#F3F4F9 30%,#EBECF9 100%);
    background: -ms-linear-gradient(top, #FFF 0%,#F3F4F9 30%,#EBECF9 100%);
    background: linear-gradient(to bottom, #FFF 0%,#F3F4F9 30%,#EBECF9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F3F4F9', endColorstr='#EBECF9',GradientType=0 );
    -moz-border-radius:10px;
    -khtml-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    border-bottom-left-radius:0px;
    border-bottom-right-radius:0px;
    border-bottom: 2px solid #CFD0DC;
    border-right: 2px solid #E6E7F9;
    border-top: 2px solid #F3F4F9;
    border-left: 2px solid #EBECF9;
}
img.links {
    float: left;
    margin-right: 7px;
    border: 2px solid #F6F5FF;
}
div.empfehlung a.linkbild::after {
    content:""
}
a#button_vollbild::after {
    content: '';
}
a#button_vollbild button span {
    color: blue;
}
p.karte {
    margin:0px;
}
p.karte a {
    padding:0px;
}
div#map {
    padding: 5px;
    margin:0px;
    border: 1px solid #2E3192;
    /* border: 1px solid #D8BA99; */
    margin-bottom: 5px;
    max-width: 100%;
    font-size: 0.5em;
    background-color: #FFF;
}
div#map p {
    margin:0;
    line-height: 1.4em ;
}
.bildnachweis1, .bildnachweis2, .bildnachweis3 {
    width:100%;
    padding: 0 0.25em;
    text-align: right;
    bottom:1px;
    color:#fff;
    font-size: xx-small;
}
.bildnachweis1 {
    position: absolute;
    z-index:10;
}
.rahmen_hell {
    color: #fff;
    border: 1px solid #5384A8;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    text-decoration: none;
    padding:5px;
}

form#kontakt {
    margin:0 6% 0 6%;
    padding:0;
    font-size: 1.2em;
}
form#kontakt label {
    display: inline-block;
    width:23%;
    margin: 0 2% 0 0;
}
form#kontakt label.nachricht {
    float:left;
}
form#kontakt label.control-label {
    float:left;
    width:100%
}
form#kontakt input {
    height:2em;
}
span.datenschutz {
    display: inline-block;
    width: 75%;
    font-size: 0.8em;
    line-height: 1em;
    margin-left:1%;
}
form#kontakt textarea, form#kontakt input{
    font-size:1em;
    line-height:1em;
    width:75%;
    font-family: 'Arial', sans-serif;
    border: 1px solid #5384A8;
    color: #004A80;
    margin:0.3em;
    padding:2px;
    -moz-border-radius: 6px;
    -khtml-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

span.senden {
    display: inline-block;
    padding: 0.35em 0.5em 0.35em 0.5em !important;
    font-size: 1.4em;
    color: #004A80;
}
.input_zahl {
    width:80px !important;
}
input#datenschutz {
		height: 1em !important;
		width: 1em !important;
}
input#antispam {
    display:none;
}
td.kontakt_success {
    vertical-align: top;
    width: auto;
    min-width: 30%;
}
button.formular {
    background: -moz-linear-gradient(top, #E4E4E4 0%, #DDDDDC 50%,#CDCDCD 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E4E4E4), color-stop(50%,#DDDDDC), color-stop(100%,#CDCDCD));
    background: -webkit-linear-gradient(top, #E4E4E4 0%,#DDDDDC 50%,#CDCDCD 100%);
    background: -o-linear-gradient(top, #E4E4E4 0%,#DDDDDC 50%,#CDCDCD 100%);
    background: -ms-linear-gradient(top, #E4E4E4 0%,#DDDDDC 50%,#CDCDCD 100%);
    background: linear-gradient(to bottom, #E4E4E4 0%,#DDDDDC 50%,#CDCDCD 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e4e4', endColorstr='#CDCDCD',GradientType=0 );
    -moz-border-radius: 6px;
    -khtml-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #5384A8;
    color: #004A80 !important;
    margin:0.3em;
}
.border_normal {
    border: 1px solid #5384A8 !important;
}
.border_rot {
    border: 1px solid red !important;
}
.error_abstand {
    margin-left: 0;
}
.rot {
    color:red;
}

/* ####################################################################################################################### */
/* # max 799                                                                                                            # */
/* ####################################################################################################################### */
@media only screen and (max-width:799px) {
div#fuss1, div#fuss2, div#fuss3, div#fuss4 {
flex-basis: 100%;
padding: 0 0 2% 0;
}
img.img-responsive {
    max-width:calc(42.5vw);height:auto;
} 
}

/* ####################################################################################################################### */
/* # min 800 bis max-width: 1199                                                                                                            # */
/* ####################################################################################################################### */
@media only screen and (min-width: 800px) and (max-width:1199px) {
header {
    margin:auto auto;
    height: calc(100vw * 116 / 1200 );
}
div.header-bild1 {
    background-image: url(img/angelparadies1200.png);
    height: calc(100vw * 116 / 1200 );
}
div.logo_bild {
    background-color: #BDDBEE;
    background-image: url(img/logo_401.png);
    background-position: left;
    background-repeat: no-repeat;
    height:374px;
}
div.logo_bild {
    float:right;
    background-image: url(img/logo_401.png);
    width:100%;
    height: calc(100vw * 374 / 1200 );
    background-size: contain;
    position: right;
}
div.header-bild2 {
    float:right;
    background-image: url(img/bild_startseite_799.jpg);
    width:calc( 100vw * 799 / 1200 );
    height: calc( 100vw * 374 / 1200 );
    background-size:contain;
    position: right;
}
nav#main-nav {
    display: none;
}
nav#desktop {
    display: block;
    position:relative;
    top: calc(100vw * 374 / 1200 );
}
nav#desktop ul {
    height: calc(100vw * 99 / 1200 );
    width:100%;
    list-style-type: none;
    background-image: url(img/bg_hauptnavi.png);
    text-align: center;
}
nav#desktop ul li.level1{
    display: inline-block;
    color:#fff;
    /* width:14%; */
    width:20%;
    position:relative;
    top: calc(-100vw * 374 / 1200 );
}
nav#desktop ul li.level1 a {
    height: calc(100vw * 99 / 1200 );
    width:14.28571428571429%;
    display: table-cell;
    vertical-align: middle;
    text-decoration: none;
    font-size: 1.2em; font-size: calc(25vw * 99/1200);
    color:#fff;
    border-left:1px solid #2E81CC;
    border-right:1px solid #004B90;
}
nav#desktop ul li.level1 a:hover {
    text-decoration: underline;
}
nav#desktop ul li.menu_standard_here a {
    color: #00293F;
}
h1 {
    font-size: 2em;
    padding:0;
}
main {
    width:100%;
    position: relative;
    top: calc(100vw * 99 / 1200 );
    background-color: #BDDBEE;
    display: flex;
    flex-direction: row;
}
main article p {
    padding:0;
}
aside {
    margin:0;
    width:calc( 100vw * 401 / 1200 );
    flex: auto;
    align-content: flex-start;
    display: block;
    padding: 0 0px 30px 0px;
}
div.aside_item {
    background-color: #BDDBEE;
    width:100%;
    border: none;
}

div.aside_item:nth-child(4), div.aside_item:nth-child(5) {
    display:block;
}
div.aside-uschrift {
    padding: 3% 7% 3% 7%;
    background-color: #004A80;
    color:#fff;
    font-size: 0.9em;
    border: none;
}
div.aside-text {
    padding: 2% 7%;
    color: #014A7F;
    border: none;

}
div.aside-text p {
    margin-bottom: 0.35em;
    font-size: 0.9em;
}
article {
    flex: auto;
    width:calc( 100vw * 799 / 1200 );
    padding: 2% 5% 2% 5%;
    background-color: #fff;
}
article p, article ul {
    margin-bottom: 0.45em;
    font-size: 1.3em;
    line-height: 1.6em;
}
div.clear {
    clear: both;
}
footer {
    position: relative;
    top: calc(100vw * 99 / 1200 );
}
div#fuss3 li {
    list-style: none;
    float:left;
    margin-right:1.5em;
}
img.img-responsive {
    max-width:calc(26.6vw);
    height:auto;
}
.rahmen_hell {
    color: #004A80;
}
div.baguetteBoxWrapper {
    margin: 0;
}
}


/* ####################################################################################################################### */
/* # min 1200                                                                                                            # */
/* ####################################################################################################################### */
@media only screen and (min-width: 1200px) {
header {
    margin:0 auto;
    height: 116px;
}
div.header-bild1 {
    width: 1200px;
    background-image: url(img/angelparadies1200.png);
    background-size:100% auto;
    height: 116px;
    margin:auto auto;
}
div.logo_bild {
    background-color: #BDDBEE;
    background-image: url(img/logo_401.png);
    background-position: left;
    background-repeat: no-repeat;
    height:374px;
}
div.header-bild2 {
    float:right;
    background-image: url(img/bild_startseite_799.jpg);
    width:799px;
    height:374px;
    position: right;
}
nav#main-nav {
    display: none;
}
nav#desktop {
    display: block;
    position: relative;
    height:99px;
}
nav#desktop ul {
    height:99px;
    width:100%;
    list-style-type: none;
    background-image: url(img/bg_hauptnavi.png);
    text-align: center;
}
nav#desktop ul li.level1{
    display: inline-block;
    color:#fff;
    /* width:14%; */
    width:20%;
}
nav#desktop ul li.level1 a {
    height:99px;
    /* width:168px; */
    width: 240px;
    display: table-cell;
    vertical-align: middle;
    text-decoration: none;
    font-size: 1.7em;
    color:#fff;
    border-left:1px solid #2E81CC;
    border-right:1px solid #004B90;
}  
nav#desktop ul li.level1 a:hover {
    text-decoration: underline;
}
nav#desktop ul li.menu_standard_here a {
    color: #00293F;
}
h1 {
    padding:0;
}
main {
    width:1200px;
    margin:auto auto;
    margin-top: 473px;
    background-color: #BDDBEE;
    display: flex;
    flex-direction: row;
}
main article p {
    padding:0;
}
aside {
    margin:0;
    width:401px;
    flex: auto;
    align-content: flex-start;
    padding: 0 0px 30px 0px;
}
div.aside_item {
    background-color: #BDDBEE;
    width:100%;
    border: none;
}
div.aside_item:nth-child(4), div.aside_item:nth-child(5) {
    display:block;
}
div.aside-uschrift {
    padding: 3% 7% 3% 7%;
    background-color: #004A80;
    color:#fff;
}
div.aside-text {
    padding: 2% 7%;
    color: #014A7F;
}
div.aside-text p {
    margin-bottom: 0.35em;
}
article {
    flex: auto;
    width: 799px;
    padding: 30px 70px 30px 70px;
    background-color: #fff;
}
article p, article ul {
    margin-bottom: 0.45em;
    font-size: 1.3em;
    line-height: 1.6em;
}
div.clear {
    clear: both;
}
.rahmen_hell {
    color: #004A80;
}
div.baguetteBoxWrapper {
    margin: 0;
}
}