/* Index Styles ------------------------------------------------------------------------------------------------------------------------------------------------- */

html {
       
}

body {
        margin:0 auto;
        background:#fff;
}

body,table,td,div,h1,h2,h3,h4,h5 {
        font-family: tahoma;
        font-stretch: condensed;
		tabindex:0;	
        

}

img {
        border: 0;
}

iframe {
        border:0;
        width:100%;
}

a:link, a:visited, a:active, a:hover {
        color: #000;
        font-size: 17px;
		line-height:30px;
        text-decoration:none;
		font-family: tahoma;
		tabindex:0;	
}

hr { border:dashed #000 1px;
background-color:#fff;height:2px;box-shadow:0px;


}

h1 {
        width:98%;
        color:#020B45;
        font-size:25px;
        font-weight:400;
        line-height:40px;
        text-align:center;
        padding:2px;
        overflow:hidden;
        margin-top:5px;
        margin-bottom:35px;
		tabindex:0;	
}

h1 span {
        display:inline-block;
        position:relative;
        margin-top:0px;
}

h1 span:after, h1 span:before {
        content:" ";
        display:block;
        height:1px;
        width:600px;
        background:black;
        position:absolute;
        top:50%;
}
h1 span:before {
  left:-610px;
}
h1 span:after {
  right:-610px;
}

h2 {
        width:98%;
        color:#000;
        font-size:22px;
        font-weight:400;
        line-height:35px;
        text-align:center;
		tabindex:0;	
}

h3 {
        color:#505050;
        font-size:20px;
        font-weight:400;
        line-height:22px;
        text-align:center;
		tabindex:0;	
}

h4 {
        width:98%;
        color:#fff;
        font-size:19px;
        font-weight:500;
        line-height:0px;
        text-align:center;
        padding:0px;
		margin-top:0px;
		tabindex:0;	
}

h5 {
        width:98%;
        color:#fff;
        font-size:25px;
        font-weight:500;
        line-height:30px;
        text-align:center;
        overflow:hidden;
		tabindex:0;	
}

h5 span {
        display:inline-block;
        position:relative;
        margin-top:0px;
}

h5 span:after, h5 span:before{
        content:" ";
        display:block;
        height:1px;
        width:400px;
        background:#fff;
        position:absolute;
        top:50%;
}

h5 span:before {
        left:-410px;
}

h5 span:after {
        right:-410px;
}

h6        {
        width:98%;
        color:#4C4C4C;
        font-size:20px;
        font-weight:500;
        line-height:25px;
        text-align:left;
        overflow:hidden;
		tabindex:0;	
}



#hauptfenster {
        width:100%;
        border:0px solid black;
        max-width:2200px;
        margin: 0 auto;
}

#topline {
        background:#fff;
        width:100%;
        text-align:right;
}

#hotline {
        height:43px;
        padding-top: 10px;
        line-height: 35px;
        margin-left: auto;
        width: 505px;
        min-width: 505px;
        display: flex;
		background:none;
		tabindex:0;	
}



#hotline_mail{
        background-image: url('../bilder/hotline_mail_gross.png');
        background-repeat: no-repeat;
        width: 232px;
		tabindex:0;	
		
}

#hotline_tel{
        background-image: url('../bilder/hotline_tel_gross.png');
        background-repeat: no-repeat;
        width: 238px;
		tabindex:0;	
}

#hotline_links {
        float:left;
        padding-left: 10px;
}

#hotline_rechts {
        float:right;
}

#slider {
        box-shadow: 0px 2px 2px rgba(0,0,0,0.5), 0px 2px 2px rgba(0,0,0,0.5);
}

#slidertext {
        position: absolute;
        left:80px;
        top:130px;
        background:rgba(255, 255, 255, 0.95);
        text-align:left;
        padding: 15px;
        font-size: 45px;
        line-height:65px;
        font-weight:400;
        color: #000;
        text-shadow: 0 0 0px black;
        font-variant: small-caps;
		font-family: tahoma;
		tabindex:0;	
}

#slidertext2 {
        position: absolute;
        left:80px;
        top:230px;
        text-align:left;
        padding: 15px;
        font-size: 35px;
        line-height:45px;
        font-weight:400;
        color: #fff;
        text-shadow: 0 0 0px black;
        font-variant: small-caps;
		font-family: tahoma;
		tabindex:0;	
}

#sliderbutton a:link, #sliderbutton a:visited, #sliderbutton a:active, #sliderbutton a:hover {
        display:block;
        background:#D98B27;
        font-size:17pt;
        color:#ffffff;
        width:290px;
        line-height:45px;
        text-align:center;
        border-radius:0px;
        text-shadow: none;
		font-family: tahoma;
		tabindex:0;	
}

#noslide {
        display:flex;
}

#slidertitelbg {
		background: rgba(0, 0,0, 0.3);
		color: #fff;
		padding: 15px;	
		font-size: clamp(1.5em, 2.8vw, 2.0em);
		font-weight:500;
		font-family:tahoma;	
		max-width:1200px;
}

#starttextweiss
{width:100%;font-family: tahoma; font-size: 35px;color: #fff;line-height:45px;font-weight:500; text-shadow: 1px 1px #333333;text-align:center;}
#starttextweissklein
{width:100%;font-family: tahoma; font-size: 25px;line-height:40px;color: #fff;text-shadow: 1px 1px 1px #333333;text-align:center;}

* {
  /* Calculation */
  --diff: calc(var(--max-size) - var(--min-size));
  --responsive: calc((var(--min-size) * 1px) + var(--diff) * ((100vw - 420px) / (1200 - 420))); /* Ranges from 421px to 1199px */
}

#noslidertext {
        position: absolute;
        margin-left:4vw;
        margin-top:2vw;
        background:rgba(255, 255, 255, 0.95);
        text-align:left;
        padding: 15px;*/
        /*font-size: calc(80px * 0.5vw);*/
        /*line-height: calc(120px * 0.5vw);*/
        font-weight:400;
        color: #000;
        text-shadow: 0 0 0px black;
        --max-size: 30;
        --min-size: 10;
        font-size: var(--responsive);
        line-height: var(--responsive);
}

#noslidertext2 {
        position: absolute;
        margin-left: 4vw;
        margin-top: calc(4vw + 50px);
        background:rgba(58, 71, 116, 0.95);
        text-align:left;
        padding: 15px;*/
        /*font-size: calc(2px + 2vw);*/
        /*line-height: calc(-65px + 6vw);*/
        font-weight:400;
        color: #fff;
        text-shadow: 0 0 2px black;
        --max-size: 20;
        --min-size: 10;
        font-size: var(--responsive);
        line-height: var(--responsive);
}

#nosliderbutton a:link, #nosliderbutton a:visited, #nosliderbutton a:active, #nosliderbutton a:hover {
        display:block;
        background:#D98B27;
        font-size:1.2vw;
        color:#ffffff;
        width:50%;
        line-height:2vw;
        text-align:center;
        border-radius:0px;
        padding: 5px;
        text-shadow: none;
}

#artzlogo {
        width:220px;
        min-width: 370px;
        background-image: url('../bilder/oben.png');
        background-size: 270px;
        background-repeat: no-repeat;
        background-position-x: 5px;
        background-position-y: 5px;
        height: 110px;
		tabindex:0;	
}

#menu {
        height: 110px;text-align:center;width:70%;background: none;
		tabindex:0;	
}

#menu a:link, #menu a:visited, #menu a:active {
        display:block;
        color:#545454;
        font-size: 15pt;
        text-decoration:none;
        font-weight:500;
        background: none;
        font-family: tahoma;
		tabindex:0;	
}

#menu li ul li a:link, #menu li ul li a:visited, #menu li ul li a:active {
        color: #000;
		tabindex:0;	
}

#menu a:hover {
        display:block;
        color:#000;
        background:none;
        font-size: 15pt;
        text-decoration:none;
        font-weight:500;
        font-family: tahoma;
        transition: background 0.3s ease-out; /* explorer 10 */
    -webkit-transition: background 0.3s ease-out; /* chrome & safari */
    -moz-transition: background 0.3 ease-out; /* firefox */
    -o-transition: background 0.3 ease-out; /* opera */
}


#spacer {
        height: 50px;
}

#ticker {
        width: auto;
        display:none;
        font-weight: bold;
        font-variant: normal;
        color: #fff;
        background-color: #f00;
        margin-top: 5px;
        box-shadow: 0px 0px 10px #f00;
        border: 5px solid #fff;
}

#innenfenster {
        /*flex-wrap: wrap;*/
        position: relative;
        border-radius: 0px;
        border:0px solid #aaa;
        max-width: 1525px;
        height: auto;
        padding: 5px;
        /*display:flex;*/
        background-color: #ffffff;
        box-shadow: 0 0px 0px 0 #333, 0 0px 0px 0 rgba(0, 0, 0, 0.19);
        -moz-box-shadow: 0 0px 0px 0 #333, 0 0px 0px 0 rgba(0, 0, 0, 0.19);
        -webkit-box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.2), 0 0px 0px 0 #333;
        margin: 0 auto;
}

#wrapper {
        width: 100%;
        display:flex;
}

#sidebar {
        border: 1px solid #ccc;
        padding: 5px;
        width: 285px;
        height: 100%;
}

#sidebar_mobile {
        display: none;
}

#sidebarueberschrift {
        width:275px;
        background:#fff url(../bilder/sidebarueberschrift.png) repeat-x;
        color:#444;
        font-size:20px;
        height:30px;
        line-height:30px;
        font-weight:bold;
        text-align:center;
        padding:5px;
}

#sidebar_button a:link, #sidebar_button a:visited, #sidebar_button a:active, #sidebar_button a:hover {
        display:block;
        width:75%;
        height:40px;
        padding:0px;
        background:#d98b27;
        color: #fff;
        font-weight:bold;
        font-size: 17px;
        text-decoration:none;
        text-align:center;
        border:2px solid #ffcf92;
        border-radius:0px;
        line-height:40px;
}

#searchfield {
        width: 240px;
}

#content {
        padding-left: 25px;
        padding-right: 25px;
        /*max-width:1200px;*/
        width:100%;
		tabindex:0;	
}

#content .posthome {
        font-variant: normal;
}

#ibe_iframe {
        width:100%;
}

#beschreibung{
        color:#8c8c8c;
		font-size:12px;
		width:100%;
		text-align:center;
}

#beschreibung h1, #beschreibung h2, #beschreibung h3{
        color:#c4c4c4;
}

#gototop {
        position:fixed;
        bottom: 2px;
        /*left: 0; */
        right: 0;
        /*visibility: hidden;*/
        
}

#gototop a:link, #gototop a:visited, #gototop a:active, #gototop a:hover {
        font-size: 15pt;
        /*filter:alpha(opacity=10);
        opacity:0.10;*/
}

#gototop img {
        
        float: right;
        padding: 10px;
        padding-right:2px;
		tabindex:0;	
		
}
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */


/* Content Bereich ab hier -------------------------------------------------------------------------------------------------------------------------------------- */

article {
        width:100%;
        display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack:justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    float:none;
    border-bottom:0px solid #cfcfcf;
	font-family: tahoma;
	tabindex:0;	
}

article2 {
        max-width:1500px;
        display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack:justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;font-size:13pt;
    float:none;
    border-bottom:0px solid #505050;
    padding:0px;
	font-family: tahoma;
}



.posthome {
        width: 100%;
        float:none;
        padding:0px;
        position:relative;
        text-align:center;
		font-family: tahoma;
		tabindex:0;	
}

.postbackground
{width:100%;height:400px;position:relative;background:url('../bilder/nova2.jpg');background-attachment:scroll;background-repeat: no-repeat;background-size: cover;background-position: center top;padding:0px;border-radius:4px;tabindex:0;	}

.postbackground2
{max-width: 100%;height:300px;position:relative;background:url('../bilder/sol2.jpg');background-attachment:scroll;background-repeat: no-repeat;background-size: cover;background-position: center top;padding:15px;border-radius:4px;tabindex:0;	}

.postbackground3
{max-width: 100%;height:400px;position:relative;background:url('../bilder/abc.jpg');background-attachment:scroll;background-repeat: no-repeat;background-size: cover;background-position: center top;padding:15px;tabindex:0;	}


.postbackground4 {
        max-width: 100%;
        height:400px;
        position:relative;
        background:url('../img/10.jpg');
        background-attachment:scroll;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center top;
        padding:0px;
		tabindex:0;	
}

.postbackground5 {
        max-width: 100%;
        height:400px;
        position:relative;
        background:url('../bilder/crystalfamily.jpg');
        background-attachment:scroll;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center top;
        padding:0px;
		tabindex:0;	
}

.postbackground6 {
        width: 100%;
        height:550px;
        position:relative;
        background:url('../bilder/unten2.jpg');
        background-attachment:scroll;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center top;
        padding:0px;
		tabindex:0;	
}

.postbackground25
{width: 100%;height:500px;position:relative;background:url('../bilder/25.jpg');background-attachment:scroll;background-repeat: no-repeat;background-size: cover;background-position: center top;padding:15px;tabindex:0;	}



.postleft{
        width: 24%;
        float:none;
        color:#000;
        padding:0px;
        border: 0px solid #ccc;
        text-align:left;
        font-size:17px;
        background:#fff;
		border-radius: 5px;
		border: 1px solid #d4d4d4;
		box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.12);
		tabindex:0;	
}
.postmiddle{
        width: 24%;
        float:none;
        color:#000;
        padding:0px;
        border: 0px solid #ccc;
        text-align:left;
        font-size:17px;
        background:#fff;
		border-radius: 5px;
		border: 1px solid #d4d4d4;
		box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.12);
		tabindex:0;	
}
.postmiddle2{
        width: 24%;
        float:none;
        color:#000;
        padding:0px;
        border: 0px solid #ccc;
        text-align:left;
        font-size:17px;
        background:#fff;
		border-radius: 5px;
		border: 1px solid #d4d4d4;
		box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.12);
		tabindex:0;	
}
.postright{
        width: 24%;
        float:none;
        color:#000;
        padding:0px;
        border: 0px solid #ccc;
        text-align:left;
        font-size:17px;
        background:#fff;
		border-radius: 5px;
		border: 1px solid #d4d4d4;
		box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.12);
		tabindex:0;	
}

.postlinks3er{
        width: 33%;
        float:none;
        color:#505050;
        text-align:left;
        font-size:17px;
        margin-top: 1em;
        margin-bottom: 1em;
        border-radius: 5px;
		border: 0px solid #d4d4d4;
		padding:0px;
		tabindex:0;	
}
.postmitte3er{
        width: 33%;
        float:none;
        color:#505050;
        text-align:left;
        font-size:17px;
        margin-top: 1em;
        margin-bottom: 1em;
        border-radius: 5px;
		border: 0px solid #d4d4d4;
		padding:0px;
		tabindex:0;	
}

.postrechts3er{
        width: 33%;
        float:none;
        color:#505050;
        position:relative;
        text-align:left;
        font-size:17px;
        margin-top: 1em;
        margin-bottom: 1em;
        border-radius: 5px 5px 5px 5px;
		border: 0px solid #d4d4d4;
		padding:0px;
		tabindex:0;	
}

.listenlinks {
        width: 49%;
        float:none;
        padding:5px;
        position:relative;
        text-align:left;
        font-size:17px;
		tabindex:0;	
}

.listenrechts {
        width: 49%;
        float:none;
        padding:5px;
        position:relative;
        text-align:left;
        font-size:17px;
		tabindex:0;	
}

.kreuzfahrtlinks {
        width: 65%;
        float:none;
        padding:5px;
        position:relative;
        text-align:left;
        font-size:17px;
}

.kreuzfahrtrechts {
        width: 35%;
        float:none;
        padding:5px;
        position:relative;
        text-align:left;
        font-size:17px;
}



.blau {
        color:2D8CC6;
        font-size:25px;
        font-weight:400;
		tabindex:0;	
}

.blau20 {
        color:#2D8CC6;
        font-size:20px;
        font-weight:400;
		tabindex:0;	
}

.blau40 {
        color:#2D8CC6;
        font-size:40px;
        line-height:50px;
        font-weight:500;
        text-align:center;
		tabindex:0;	
}

.grau {
        color:#5A7272;
        font-size:20px;
        line-height:25px;
        font-weight:400;
		tabindex:0;	
}

.schwarz {
        color:#000;
        font-size:25px;
        font-weight:400;
		tabindex:0;	
}

.blau55 {
        font-size:55px;
        line-height:65px;
        font-weight:600;
        color:#131E5B;
        padding:50px;
		tabindex:0;	
}

.weiss65 {
        display:block;
        width:100%;
        font-size:65px;
        line-height:80px;
        font-weight:600;
        color:#fff;
        padding:50px;
		tabindex:0;	
}

#content a:link, #content a:visited, #content a:active, #content a:hover {
        color: #000;
}



#headertext {
        text-align:left;
        padding: 5px;
        font-size: 30px;
        font-weight:400;
        line-height:35px;
        color: #fff;
        text-shadow: 0 0 2px black;
        font-variant: small-caps;
}

#headertext2 {
        text-align:left;
        padding: 5px;
        font-size: 50px;
        font-weight:400;
        line-height:55px;
        color: #fff;
        text-shadow: 0 0 2px black;
        font-variant: small-caps;
}

#tdangebote1 {
        width:60%;
        font-size: 17pt;
        color: #7AA1D4;
        text-align:left;
        border-bottom:1px solid #bbb;
}

#tdangebote2 {
        width:40%;
        font-size: 17pt;
        color: #7AA1D4;
        text-align:right;
        border-bottom:1px solid #bbb;
 }

#link a:link{display:block;font-family: tahoma;font-size:17px;color:#000;width:50%;font-weight:500;text-align:center;padding:5px;border:1px solid #000;}
#link a:visited{display:block;font-family: tahoma;font-size:17px;color:#000;width:50%;font-weight:500;text-align:center;padding:5px;border:1px solid #000;}
#link a:active{display:block;font-family: tahoma;font-size:17px;color:#000;width:50%;font-weight:500;text-align:center;padding:5px;border:1px solid #000;}
#link a:hover{display:block;font-family: tahoma;font-size:17px;color:#000;width:50%;font-weight:500;text-align:center;padding:5px;border:1px solid #000;}


#link1 a:link{display:block;background:#FF9900;font-family: tahoma;font-size:17px;color:#ffffff;width:100%;line-height:35px;text-align:center;padding:0px;}
#link1 a:visited{display:block;background:#FF9900;font-family: tahoma;font-size:17px;color:#ffffff;width:100%;line-height:35px;text-align:center;padding:0px;}
#link1 a:active{display:block;background:#FF9900;font-family: tahoma;font-size:17px;color:#ffffff;width:100%;line-height:35px;text-align:center;padding:0px;}
#link1 a:hover{display:block;background:#3cceff;font-family: tahoma;font-size:17px;color:#ffffff;width:100%;line-height:35px;text-align:center;padding:0px;transition: background 0.3s ease-out; /* explorer 10 */
    -webkit-transition: background 0.3s ease-out; /* chrome & safari */
    -moz-transition: background 0.3 ease-out; /* firefox */
    -o-transition: background 0.3 ease-out; /* opera */}



#link2 a:link, #link2 a:visited, #link2 a:active, #link2 a:hover {
        width:auto;
		font-size:25px;
        line-height:35px;
        font-weight:500;
		background:#ff9900;
        color:#fff;
        text-align:center;
		border:1px solid #fff;
		padding:5px;
		font-family: tahoma;
}

#link3 a:link, #link3 a:visited, #link3 a:active, #link3 a:hover {
        width:100%;
		font-size:22px;
        line-height:27px;
        font-weight:500;
        color:#505050;
        text-align:center;
		font-family: tahoma;
}



#link4 a:link, #link4 a:visited, #link4 a:active, #link4 a:hover {
        width:100%;
        color:#ffffff;
        font-size: 25px;
        text-decoration:none;
        padding:0px;
	    text-align:center;
}

#link5 a:link, #link5 a:visited, #link5 a:active, #link5 a:hover {
        display:block;
		width:auto;
		font-size:20px;
        line-height:35px;
        font-weight:500;
		background:#3367D1;
        color:#fff;
        text-align:center;
		padding:5px;
		font-family: tahoma;
}




#menutraffics a:link{font-size:21px;color:#000000;width:90%;line-height:35px;text-align:center;padding:0px;border:0px solid #505050;border-radius:7px;}
#menutraffics a:visited{font-size:21px;color:#000000;width:90%;line-height:35px;text-align:center;padding:0px;border:0px solid #505050;border-radius:7px;}
#menutraffics a:active{font-size:21px;color:#000000;width:90%;line-height:35px;text-align:center;padding:0px;border:0px solid #505050;border-radius:7px;}
#menutraffics a:hover{background:#3D4089;font-size:21px;color:#ffffff;width:90%;line-height:35px;text-align:center;padding:0px;border:0px solid #505050;border-radius:7px;transition: background 0.3s ease-out; /* explorer 10 */
    -webkit-transition: background 0.3s ease-out; /* chrome & safari */
    -moz-transition: background 0.3 ease-out; /* firefox */
    -o-transition: background 0.3 ease-out; /* opera */}

#runderlink a:link, #runderlink a:visited, #runderlink a:active, #runderlink a:hover {
        width: 125px; 
		height:125px; 
		border-radius:50%; 
		border:1px solid #000;
		margin-top:0px;
		display: flex;
		align-items: center;
		justify-content: center;
		background:#fff;
		color:#0A567A;
		font-size:20px;
		font-family: tahoma;
		font-weight:500;
		box-shadow:0px 0px 0px 0px #000000;
		tabindex:0;	

}

.pulse {
        width: 137px; 
		height:137px; 
		border-radius:50%; 
		border:2px solid #EBB15C;
		margin-top:0%;
		display: flex;
		align-items: center;
		justify-content: center;
		
-webkit-animation: pulse 2s linear infinite;
    animation: pulse 2s linear infinite;
		 
}



@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1, 1);
    }
    50% {
        -webkit-transform: scale(0.9, 0.9);
    }
    100% {
        -webkit-transform: scale(1, 1);
    };
}

.pulse2 /*Button down*/{
		 width: auto; 
		height:auto;
        margin-top:0%;
		display: flex;
		align-items: center;
		justify-content: center;
		color:#fff;
		font-size:19px;
		font-weight:600;
-webkit-animation: pulse 2s linear infinite;
    animation: pulse 2s linear infinite;
		 
}

#rund {
        max-width: 100%; 
		border-radius:50%; 
		border:1px solid #000;
		margin-top:0%;
		display: flex;
		align-items: center;
		justify-content: center;
		background:none;
		tabindex:0;	
		
		
		 

}

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* Hamburger Menü overrides ------------------------------------------------------------------------------------------------------------------------------------- */
#hamburger{
        background: none;
        margin-right: 0px;
        top: 0px;
        right: 0px;
        text-align: left;
        box-sizing: border-box;
        padding: 5px;
        height: 53px;
		tabindex:0;	
}

#hamburger span{
        margin-right: 0px;
        margin-top: 0px;
}
#hamburger a:link, #hamburger a:visited, #hamburger a:active, #hamburger a:hover {
        background: none;
        color: #fff;
		tabindex:0;	
}
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */








 /* Extra small devices (phones, 700px and down) ---------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 700px) {
        #hotline, #spacer{
                display: none;tabindex:0;	
        }

        #artzlogo{
                display:none;tabindex:0;	
        }

        #mobile_hotline{
                display: flex;
                background-image: url('../bilder/oben.png');
                background-size: 220px;
                background-repeat: no-repeat;
                background-position-x: center;
                height: 80px;tabindex:0;	
        }

        #innenfenster{
                width: 100%;
                border: 0px;
                padding: 10px;
                box-sizing: border-box;
                /*top: 20px;*/
        }
        #wrapper{
                display: block;
        }
        #sidebar{
                width: 100%;
                padding: 0px;
                border: 0px;
                border-bottom: 3px solid #ccc;
        }
        #sidebar_button a:link, #sidebar_button a:visited, #sidebar_button a:active, #sidebar_button a:hover {
                width: 97%;
        }
        #sidebar_content{
                display: none;
        }
        #sidebar_mobile{
                display: block;
        }
        #searchfield {
                width: 88%;
        }
        #sidebarueberschrift{
                width: 100%;
                padding: 0px;
                background-image: none;
                background-color: #e0e0e0;
        }
        #content{
                padding: 0px;
        }
        #angebotsboximbild{
                width:96%;
                max-width: 300px;
                box-sizing: border-box;
        }
        #footer, #beschreibung{
                padding: 10px;
        }
        #footer img{
                width: 100%;
                max-width: 284px;
        }
        .posthome img{
                width: 100%;
                max-width: 301px;
				tabindex:0;	
        }
        .postlinks3er, .postmitte3er, .postrechts3er{
                width: 100%;
                float: none;
                box-sizing: border-box;
				tabindex:0;	
				
        }
        .postleft, .postmiddle, .postmiddle2, .postright{
                width: 100%;
                box-sizing: border-box;
                margin-bottom: 10px;
				tabindex:0;	
				
				
        }
        .listenlinks, .listenrechts{
                width: 100%;
				tabindex:0;	
        }
        .kreuzfahrtlinks, .kreuzfahrtrechts{
                width: 100%;
        }
        article{
                display: block;
                -webkit-justify-content: normal;
                justify-content: normal;
        }
        .imbackgroundlinks{
                width: 97%;
                position: absolute;
                top: 130px;
        }
        .imbackgroundrechts{
                width: 97%;
        }
        .blau2, .weiss65{
                font-size: 40px;
                line-height: 40px;
                padding: 0px;
				tabindex:0;	
        }

        .sliderverstecken{display:none;}

        /* Hamburger Menü overrides --------------------------------------------------------------------------------------------------------------------------------- */
        #navi{
                position: absolute;
                top: 53px;
				z-index: 1001;
				
        }

        #menu li{
                line-height: 25px;tabindex:0;	
        }

        #menu a:link, #menu a:visited, #menu a:active, #menu a:hover {
                box-sizing: border-box;tabindex:0;	
				
        }
        #menu a:hover {
                background: none;
        }
        #menuliste{
                box-shadow: 0px 5px 15px #000;tabindex:0;	
        }
        .nav-item{
                width: 100%;tabindex:0;	
        }
        .sub-nav li{
                box-sizing: border-box;
                line-height: 50px;tabindex:0;	
        }
        /* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */
}
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* Small devices (portrait tablets and large phones, 800px and up) */
@media only screen and (min-width: 701px) and (max-width: 960px) {
        #hotline, #spacer{
                display: none;tabindex:0;	
        }

        #artzlogo{
                display:none;tabindex:0;	
        }

        #mobile_hotline{
                display: flex;
                background-image: url('../bilder/oben.png');
                background-size: 220px;
                background-repeat: no-repeat;
                background-position-x: center;
                height: 60px;
				tabindex:0;	
        }
        #slider{
                display:none;
        }
        #innenfenster{
                width: 100%;
                border: 0px;
                padding: 10px;
                box-sizing: border-box;
                /*top: 20px;*/
        }
        #footer, #beschreibung{
                padding: 10px;
        }
        .postlinks3er, .postmitte3er, .postrechts3er{
                width: 100%;
                float: none;
                box-sizing: border-box;
				tabindex:0;	
				
        }
        .postleft, .postmiddle, .postmiddle2, .postright{
                width: 100%;
                box-sizing: border-box;
                margin-bottom: 10px;
				tabindex:0;	
				
        }
        .imbackgroundlinks{
                width: 97%;
                position: absolute;
                top: 130px;
        }
        .imbackgroundrechts{
                width: 97%;
        }
        .blau2, .weiss65{
                font-size: 40px;
                line-height: 40px;
                padding: 0px;
				tabindex:0;	
        }
        .listenlinks {
                width: 100%;
                float: none;
                padding: 5px;
                position: relative;
                text-align: left;
                font-size: 17px;
				tabindex:0;	
        }
        .listenrechts {
                width: 100%;
                float: none;
                padding: 5px;
                position: relative;
                text-align: left;
                font-size: 17px;
				tabindex:0;	
        }
        .kreuzfahrtlinks {
                width: 100%;
                float: none;
                padding: 5px;
                position: relative;
                text-align: left;
                font-size: 17px;
        }
        .kreuzfahrtrechts {
                width: 100%;
                float: none;
                padding: 5px;
                position: relative;
                text-align: left;
                font-size: 17px;
        }

        /* Hamburger Menü overrides --------------------------------------------------------------------------------------------------------------------------------- */
        #navi{
                position: absolute;
                top: 53px;
                z-index: 1001;
				tabindex:0;	
        }

        #menu li{
                line-height: 20px;tabindex:0;	
        }

        #menu a:link, #menu a:visited, #menu a:active, #menu a:hover {
                box-sizing: border-box;tabindex:0;	
				
        }
        #menu a:hover {
                background: none;
        }
        #menuliste{
                box-shadow: 0px 5px 15px #000;tabindex:0;	
        }
        .nav-item{
                width: 100%;tabindex:0;	
        }
        .sub-nav li{
                box-sizing: border-box;
                line-height: 20px;
				tabindex:0;	
        }
        /* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */
}

/* Medium devices (landscape tablets, 960px and up) */
@media only screen and (min-width: 961px) and (max-width: 1200px){
        #hotline, #spacer{
                display: none;tabindex:0;	
        }
        #artzlogo{
                display:none;tabindex:0;	
        }
        #mobile_hotline{
                display: flex;
                background-image: url('../bilder/oben.png');
                background-size: 220px;
                background-repeat: no-repeat;
                background-position-x: center;
                height: 60px;
				tabindex:0;	
        }
        #navi{
                position: absolute;
                top: 53px;
                z-index: 1001;
				tabindex:0;	
        }
        #innenfenster{
                width: 100%;
                border: 0px;
                padding: 10px;
                box-sizing: border-box;
                /*top: 20px;*/
        }
        #menu li{
                line-height: 20px;
				tabindex:0;	
        }

        #menu a:link, #menu a:visited, #menu a:active, #menu a:hover {
                box-sizing: border-box;
				tabindex:0;	
        }
        #menu a:hover {
                background: none;
        }
        #menuliste{
                box-shadow: 0px 5px 15px #000;
				tabindex:0;	
        }
}

/* Large devices (laptops/desktops, 1024px and up) */
/*@media only screen and (min-width: 1024px) {

}*/

/* Extra large devices (large laptops and desktops, 1200px and up) */
/*@media only screen and (min-width: 1200px) {

} */


/* Seitenbreiten um die Telefon und E-Mail Texte auszublenden ----------------------------------------------------------- */
@media only screen and (max-width: 1600px){
        #hotline{
                width: 312px;
                min-width: 312px;
				tabindex:0;	
        }

        #hotline_mail{
                background-image: url('../bilder/hotline_mail_klein.png');
                background-position-x: 10px;
                background-repeat: no-repeat;
                width: 40px;
				tabindex:0;	
        }
}

@media only screen and (max-width: 1400px){
        #hotline{
                width: 125px;
                min-width: 125px;
				tabindex:0;	
        }

        #hotline_tel{
                background-image: url('../bilder/hotline_tel_klein.png');
                background-position-x: 10px;
                background-repeat: no-repeat;
                width: 40px;
				tabindex:0;	
        }
}

#kreuzfahrtcontent{
                width: 70%;
                min-width: 70%;
        }
/* ----------------------------------------------------------------------------------------------------------------------- */