/* --------------------------------------- die Grundformatierungen --- */
html {scroll-behavior:smooth}
body {margin:0;padding:.5rem;font-size:100%;font-family:arial,sans-serif;line-height:1.5;color:black;background:url(../../Zubehoer/Sardinien/blaueswasserweb.jpg);background-position:top center;background-size:100%;}
img {width:100%;height:auto}
.video-embed {width:100%;height:auto;border:#45a049 dashed 4px}
.video-embed .video-embed-item {width:auto}
.container {padding:.4rem;background:white;border-radius:1rem}

.oben {  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto; 
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas:
    "abmelden sprachmenu"
    "logo logo";
}

.abmelden { grid-area: abmelden; }

.sprachmenu { grid-area: sprachmenu; }

.logo { grid-area: logo; }



.logo {text-align:center}
.logo img {width:auto}
h1, h2, h3, h4 {margin:0;font-weight:400;color:#4d83c3}
h1 {font-size:1.4rem}
h2 {margin-top:1.25rem;font-size:1.2rem}
.homepage h2 {margin-top:0}
h3 {margin-top:1rem;font-size:1.05rem;font-weight:500}
.homepage h3 {margin-top:0;margin-bottom:-.5rem;}
h4 {margin-top:1rem;font-size:.9rem;font-weight:600;}
p {margin:.5rem 0}
p.text-right {text-align:right}
table {margin-bottom:.5rem}
td {padding:.2rem}
ul {margin-bottom:.5rem;padding-left:1rem;list-style:disc}
ol li ol {list-style-type:lower-alpha}
ol li th {padding:.4rem;font-weight:bold;text-align:left}
ol li td {padding:.4rem}
.csc-textpic-text ul {padding-left:1rem}
ul {margin-bottom:.5rem;padding-left:2rem}
ol {margin-bottom:.5rem;padding-left:2rem;list-style-type:decimal}
a:link {color:#4d83c3;text-decoration:none}
a:visited {color:#999;text-decoration:none}
a:hover {color:#999;background:#fff;text-decoration:underline}
a:active {color:#999;background:#fff;text-decoration:underline}
.csc-textpic-caption {font-size:.6rem}
.csc-linkToTop {font-size:.5rem;float:right}
figcaption {margin:.5rem 0 1.5rem 0;font-size:.8rem;color:#000;text-align:right}
.important {color:red}
.detail {font-size:90%;font-style:italic;color:dimgray}
blockquote {margin:.5rem 0 .5rem 1rem;font-size:.8rem;font-style:italic}
ul.ce-uploads {text-align:right}
ul.ce-uploads a:link {font-weight:bold;font-size:80%}
ul.ce-uploads a:visited {font-weight:bold;font-size:80%}
a[href="#top"] {display:block;width:99%;font-size:.75rem;text-align:right}
.fett {font-weight:bold}
.text-center {text-align:center}
.homepage .text-center {margin:0;font-size:.8rem}
.text-end {text-align:right}
.homepage .text-end {margin:0;padding-right:1rem;font-size:.8rem}
/* --------------------------------------- das Sprachmenu --- */
.language ul {margin:0;padding:0;line-height:1;text-align:right}
.language ul li {display:inline;margin-right:.6rem;list-style:none}
.language img {width:30px;height:18px;border:2px solid rgba(255,255,255,.0)}
.language a:link {padding:0;line-height:1;background:rgba(255,255,255,.0);text-decoration:none}
.language a:visited {padding:0;line-height:1;background:rgba(255,255,255,.0);text-decoration:none}
.language a:hover {padding:0;line-height:1;background:rgba(255,255,255,.0);text-decoration:none}
.language a:hover img {width:30px;height:18px;border:2px solid rgba(255,255,255,1)}
.language a:active {padding:0;line-height:1;background:rgba(255,255,255,.0);text-decoration:none}
.language a:active img {width:30px;height:18px;border:2px solid rgba(255,255,255,1)}
/* --------------------------------------- die Trennlinie --- */
hr {border:0;height:.1rem;background:#ccc}
/* --------------------------------------------------------------------- die Bilder --- */
.ce-gallery[data-ce-columns="1"] {width:100%}
.ce-gallery[data-ce-columns="1"] .ce-row {margin-bottom:0}
.ce-gallery[data-ce-columns="1"] .ce-row img {}
.ce-gallery[data-ce-columns="1"] .ce-row .ce-column {width:100%;margin-bottom:.4rem;margin-right:0}
.ce-gallery[data-ce-columns="2"] {width:100%}
.ce-gallery[data-ce-columns="2"] .ce-row {margin-bottom:0}
.ce-gallery[data-ce-columns="2"] .ce-row img {}
.ce-gallery[data-ce-columns="2"] .ce-row .ce-column {width:100%;margin-bottom:.4rem;margin-right:0}
.ce-gallery[data-ce-columns="3"] {width:100%}
.ce-gallery[data-ce-columns="3"] .ce-row {margin-bottom:0}
.ce-gallery[data-ce-columns="3"] .ce-row img {}
.ce-gallery[data-ce-columns="3"] .ce-row .ce-column {width:100%;margin-bottom:.4rem;margin-right:0}
.ce-gallery[data-ce-columns="4"] {width:100%}
.ce-gallery[data-ce-columns="4"] .ce-row {margin-bottom:0}
.ce-gallery[data-ce-columns="4"] .ce-row img {}
.ce-gallery[data-ce-columns="4"] .ce-row .ce-column {width:100%;margin-bottom:.4rem;margin-right:0}
.ce-center .image, .ce-center .image img { display: block; margin-left: auto; margin-right: auto; max-width: 100%; height: auto; }
.frame-layout-1 .ce-textpic.ce-left.ce-intext .ce-gallery[data-ce-columns="1"] {width:100%;margin-right:0}
.frame-layout-1 .ce-textpic.ce-right.ce-intext .ce-gallery[data-ce-columns="1"] {width:100%;margin-left:0}
figcaption {margin-top:.2rem;font-size:.8rem;text-align:right}
/* --------------------------------------------------------------------- das Aussehen der Formulares --- */
.tx-felogin-pi1 h3 {display:none}
.tx-femanager h3 {display:none}
.frame-type-felogin_login h3 {display:none}
.frame-type-felogin_login p {font-size:1rem;line-height:1.2}
fieldset {border:0}
legend {display:none}
input[type=text], select {width:100%;padding:.75rem 1.25rem;margin:.5rem 0;display:inline-block;border:.063rem solid #ccc;border-radius:.25rem;box-sizing:border-box}
input[type=email], select {width:100%;padding:.75rem 1.25rem;margin:.5rem 0;display:inline-block;border:.063rem solid #ccc;border-radius:.25rem;box-sizing:border-box}
input[type=password], select {width:100%;padding:.75rem 1.25rem;margin:.5rem 0;display:inline-block;border:.063rem solid #ccc;border-radius:.25rem;box-sizing:border-box}
input[type=submit] {display:block;width:60%;background-color:#4d83c3;color:white;padding:.875rem 1.25rem;margin:.5rem auto 0 auto;border:none;border-radius:.25rem;cursor:pointer}
input[type=submit]:hover {background-color:#45a049}
#c691 a {display:block;width: 100%; margin-bottom:.5rem;text-align:center;font-size:.9rem}
/* --------------------------------------------------------------------- die Iframes --- */
iframe {max-width:100%}
.embed-container {position:relative;padding-bottom:56.25%;height:0;overflow:hidden;width:100%;height:auto}
.embed-container iframe {position:absolute;top:0;left:0;width:100%;height:100%}
/* --------------------------------------------------------------------- die Fehlermeldung wegen der CDP ausblenden --- */
.femanager_validation_container  {display:none}
/* --------------------------------------------------------------------- die Klasse für die Barrierefreiheit --- */
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
/* ------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------- das MediaQuery ab 56rem/896px --- */
/* ------------------------------------------------------------------------------------------------- */
@media only screen and (min-width:56rem) {
img, embed, object, video {width:100%;height:auto}    
body {padding:0;background:url(../../Zubehoer/Sardinien/sardinien_01_bucht.jpg);background-position:top center;background-size:100%;}
.container {background:rgba(255,255,255,0);min-width:56rem;max-width:62rem;margin:0 auto 1.6rem auto;padding:0}
.container.homepage {background:rgba(255,255,255,0);min-width:0;max-width:24rem;margin:0 auto 1.6rem auto;padding:0}
.button {display:none}
h3 {margin-bottom:-.5rem}
/* --------------------------------------- die Grundformatierungen --- */
.oben {}
.logo {background:#fff;padding:2rem 0 1.4rem 0;border-radius:1rem 1rem 0 0}
.abmelden {padding:.8rem 0 0 .7rem;font-size:.9rem}
/* --------------------------------------- das Sprachmenu --- */
.language ul {padding-top:.6rem;padding-bottom:.4rem}
/* --------------------------------------- der Mainblock --- */
main {background:#fff;padding:4rem;border-radius:0 0 1rem 1rem}
main.homepage {padding:.8rem .5rem 1rem .5rem;border-radius:1rem}
/* --------------------------------------------------------------------- die Bilder --- */
.ce-gallery {margin-top:.74rem} 
.ce-textpic.ce-left.ce-intext .ce-gallery[data-ce-columns="1"] {width:40%;margin-right:1.6rem}
.ce-textpic.ce-right.ce-intext .ce-gallery[data-ce-columns="1"] {width:40%;margin-left:1.6rem}
.ce-gallery[data-ce-columns="2"] .ce-row .ce-column {width:45.325%;margin-right:3.5%}  
.ce-gallery[data-ce-columns="2"] .ce-row .ce-column:last-child {margin-right:0}
.ce-gallery[data-ce-columns="3"] .ce-row {margin-bottom:3.5%}  
.ce-gallery[data-ce-columns="3"] .ce-row .ce-column {width:31%;margin-right:3.5%}  
.ce-gallery[data-ce-columns="3"] .ce-row .ce-column:last-child {margin-right:0}  
.ce-gallery[data-ce-columns="4"] .ce-row .ce-column {width:22.37%;margin-right:3.5%}    
.ce-gallery[data-ce-columns="4"] .ce-row .ce-column:last-child {margin-right:0}
.frame-layout-1 .ce-textpic.ce-left.ce-intext .ce-gallery[data-ce-columns="1"] {width:20%;margin-right:1.6rem}
.frame-layout-1 .ce-textpic.ce-right.ce-intext .ce-gallery[data-ce-columns="1"] {width:20%;margin-right:1.6rem}
}