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

html {
        text-align: center;
}

body {
        margin:0 auto;
}

body,table,td,div {
        font-family: "Tahoma", Arial;
        font-stretch: condensed;
        font-size: 13pt;

}

img {
        border: 0;
}

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

a:link, a:visited, a:active, a:hover {
         
        text-decoration:none;
		font-size:15px;
		color:#222;
		tabindex:0;	
}

hr {max-width:800px;
height:1px;


}

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

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

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

h2 {
        width:98%;
        color:#000;
        font-size:20px;
        font-weight:400;
        line-height:25px;
        text-align:center;
        padding:2px;
		margin-bottom:5px;
		tabindex:0;	
}

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

h4 {
        width:98%;
        color:#4C4C4C;
        font-size:25px;
        font-weight:500;
        line-height:30px;
        text-align:center;
        padding:2px;
        overflow:hidden;
		tabindex:0;	
}

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

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

h5 span:after, h5 span:before{
        content:" ";
        display:block;
        height:1px;
        width:400px;
        background:#ff6600;
        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;	
}

h7 {
        width:98%;
        color:#ff6600;
        font-size:25px;
		font-family:tahoma;
        font-weight:500;
        line-height:40px;
        text-align:center;
        padding:2px;
        overflow:hidden;
		tabindex:0;	
}

h7 span {
        display:inline-block;
        position:relative;
        margin-top:35px;
}

h7 span:after, h7 span:before{
        content:" ";
        display:block;
        height:1px;
        width:140px;
        background:#ff6600;
        position:absolute;
        top:50%;
}

h7 span:before {
        left:-150px;
}

h7 span:after {
        right:-150px;
}


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

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

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



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

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

#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;
		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;
		tabindex:0;	
}

#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;
		tabindex:0;	
}

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



#noslide {
        display:flex;
}

* {
  /* 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;
        
        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: 30px;
        line-height: var(--responsive);
		margin-top:90px;
}

#noslidertext2 {
        position: absolute;
        margin-left: 4vw;
        
        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: 25px;
        line-height: var(--responsive);
		margin-top:150px;
}



#artzlogo {
        width:120px;
        min-width: 200px;
        background-image: url('../bilder/oben.png');
        background-size: 150px;
        background-repeat: no-repeat;
        background-position-x: 5px;
        background-position-y: 5px;
        height: 80px;
		tabindex:0;	
}

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

#menu a:link, #menu a:visited, #menu a:active {
        display:block;
        color:#fff;
        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;
		tabindex:0;	
}

#innenfenster {
        /*flex-wrap: wrap;*/
        position: relative;
        border-radius: 0px;
        border:0px solid #aaa;
        width: 100%;
        height: auto;
        padding: 5px;
        /*display:flex;*/
        background-color: trans;
        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%;
}

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

#ibe_iframe {
        width:100%;
}

#beschreibung{
        color:#8c8c8c;
		font-size:14px;
}

#beschreibung h1, #beschreibung h2, #beschreibung h3{
        color:#8c8c8c;
}

#gototop {
        position:fixed;
        bottom: 20px;
        /*left: 0; */
        right: 0;
        /*visibility: hidden;*/
        height: 50px;
        width: 50px;
}

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

#gototop img {
        width: 50px;
        height: 50px;
        float: right;
        padding: 10px;
        padding-right:20px
}

.overlay {
        position: absolute;
        display: none;
        top: 500px;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.8);
        z-index: 2;
      }

      .popup {
        position: absolute;
        width: 50%;
        height: 50%;
        top: 25%;
        left: 25%;
        text-align: center;
        background: white;
      }
      .popup h3 {
        font-size: 15px;
        height: 50px;
        line-height: 50px;
        color: #fff;
        background: white;
      }
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */


/* 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;
	tabindex:0;	
}





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

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

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

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

.postbackground3 {
        max-width: 100%;
        height:400px;
        position:relative;
        background:url('../img/6.jpg');
        background-attachment:scroll;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center top;
        padding:0px;
		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: 23%;
        height:auto;
        float:none;
        color:#000;
        padding:5px;
        border: 5px solid #ccc;
        text-align:center;
        font-size:17px;
        background:#fff;
		border-radius: 5px;
		box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.12);
		tabindex:0;	
}
.postmiddle{
        width: 23%;
        height:auto;
        float:none;
        color:#000;
        padding:5px;
        border: 5px solid #ccc;
        text-align:center;
        font-size:17px;
        background:#fff;
		border-radius: 5px;
		box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.12);
		tabindex:0;	
}
.postmiddle2{
        width: 23%;
        height:auto;
        float:none;
        color:#000;
        padding:5px;
        border: 5px solid #ccc;
        text-align:center;
        font-size:17px;
        background:#fff;
		border-radius: 5px;
		box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.12);
		tabindex:0;	
}
.postright{
        width: 23%;
        height:auto;
        float:none;
        color:#000;
        padding:5px;
        border: 5px solid #ccc;
        text-align:center;
        font-size:17px;
        background:#fff;
		border-radius: 5px;
		box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.12);
		tabindex:0;	
}

.postlinks3er{
        width: 30%;
        float:none;
        color:#505050;
        text-align:left;
        font-size:17px;
        margin-top: 1em;
        margin-bottom: 1em;
        border-radius: 5px 5px 5px 5px;
		border: 1px solid #d4d4d4;
		box-shadow: 2px 2px 7px 1px rgba(0,0,0,0.12);
        padding:5px;
		tabindex:0;	
}
.postmitte3er{
        width: 30%;
        float:none;
        color:#505050;
        text-align:left;
        font-size:17px;
        margin-top: 1em;
        margin-bottom: 1em;
        border-radius: 5px 5px 5px 5px;
		border: 1px solid #d4d4d4;
		box-shadow: 2px 2px 7px 1px rgba(0,0,0,0.12);
        padding:5px;
		tabindex:0;	
}

.postrechts3er{
        width: 30%;
        float:right;
        color:#505050;
        position:relative;
        text-align:left;
        font-size:17px;
        margin-top: 1em;
        margin-bottom: 1em;
        border-radius: 5px 5px 5px 5px;
		border: 1px solid #d4d4d4;
		box-shadow: 2px 2px 7px 1px rgba(0,0,0,0.12);
        padding:5px;
		tabindex:0;	
}



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

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



.imbackgroundlinks{
        width: 35%;
        float:none;
        text-align:left;
        font-size:18px;
}

.imbackgroundrechts{
        width: 60%;
        float:none;
        text-align:right;
        font-size:18px;
}

.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;	
}

.orange {
        color:#ff6600;
		font-family:tahoma;
        font-size:25px;
        font-weight:400;
		tabindex:0;	
}

.orange35 {
        color:#ff6600;
		font-family:tahoma;
        font-size:35px;
        font-weight:500;
		line-height:50px;
		tabindex:0;	
}

.orange20 {
        color:#ff6600;
		font-family:tahoma;
        font-size:20px;
        font-weight:500;
		line-height:30px;
		tabindex:0;	
}

.orange45 {
        color:#ff9900;
		font-family:tahoma;
        font-size:45px;
        font-weight:600;
		line-height:60px;
		tabindex:0;	
}

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

.weiss25 {
        display:block;
         
        font-size:25px;
        line-height:30px;
        font-weight:500;
        color:#fff;
        padding:50px;
		text-align:center;
		tabindex:0;	
}

.weiss35 {
        display:block;
         
        font-size:35px;
        line-height:50px;
        font-weight:500;
        color:#fff;
        padding:30px;
		text-align:center;
		tabindex:0;	
}

.weiss45 {
        display:block;
        width:100%;
        font-size:45px;
		font-face:tahoma;
        line-height:60px;
        font-weight:600;
        color:#fff;
        padding:20px;
		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;
}



#link a:link{display:block;font-family:tahoma;font-size:28px;color:#fff;width:100%;line-height:30px;text-align:center;padding:0px;font-weight:500;border-radius:4px 4px 0 0;}
#link a:visited{display:block;font-size:28px;color:#fff;width:100%;line-height:30px;text-align:center;padding:0px;font-weight:500;border-radius:4px 4px 0 0;}
#link a:active{display:block;font-size:28px;color:#fff;width:100%;line-height:30px;text-align:center;padding:0px;font-weight:500;border-radius:4px 4px 0 0;}
#link a:hover{display:block;font-size:28px;color:#fff;width:100%;line-height:30px;text-align:center;padding:0px;font-weight:500;border-radius:4px 4px 0 0;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 */}


#link1 a:link{display:block;background:#ff9900;font-size:20px;color:#fff;width:100%;line-height:45px;text-align:center;padding:0px;border-radius:4px;border:1px solid #000;}
#link1 a:visited{display:block;background:#ff9900;font-size:20px;color:#fff;width:100%;line-height:45px;text-align:center;padding:0px;border-radius:4px;border:1px solid #000;}
#link1 a:active{display:block;background:#ff9900;font-size:20px;color:#fff;width:100%;line-height:45px;text-align:center;padding:0px;border-radius:4px;border:1px solid #000;}
#link1 a:hover{display:block;background:#ff9900;font-size:20px;color:#000000;width:100%;line-height:45px;text-align:center;padding:0px;border-radius:4px;border:1px solid #000;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 */}

#link1a a:link{font-size:17px;color:#fff;text-align:left; }
#link1a a:visited{font-size:17px;color:#fff;text-align:left; }
#link1a a:active{font-size:17px;color:#fff;text-align:left; }
#link1a a:hover{font-size:17px;color:#fff;text-align:left; }

#link1b a:link{font-family:tahoma;font-size:23px;color:#fff;width:100%;line-height:30px;text-align:center;padding:5px;font-weight:500;border:1px solid #fff;border-radius:4px;}
#link1b a:visited{font-family:tahoma;font-size:23px;color:#fff;width:100%;line-height:30px;text-align:center;padding:5px;font-weight:500;border:1px solid #fff;border-radius:4px;}
#link1b a:active{font-family:tahoma;font-size:23px;color:#fff;width:100%;line-height:30px;text-align:center;padding:5px;font-weight:500;border:1px solid #fff;border-radius:4px;}
#link1b a:hover{font-family:tahoma;font-size:23px;color:#fff;width:100%;line-height:30px;text-align:center;padding:5px;font-weight:500;border:1px solid #fff;border-radius:4px;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 */}

#link1c a:link{width:300px;font-weight:400;
		font-family:tahoma;color: #fff;background:#ff6600;padding:7px;
        font-size: 19px;border:1px solid #fff;border-radius:4px;}
#link1c a:visited{width:300px;font-weight:400;
		font-family:tahoma;color: #fff;background:#ff6600;padding:7px;
        font-size: 19px;border:1px solid #fff;border-radius:4px;}

#link1d a:link{font-family:tahoma;font-size:20px;color:#fff;width:100%;line-height:30px;text-align:center;padding:5px;font-weight:500;border:1px solid #fff;border-radius:4px;}
#link1d a:visited{font-family:tahoma;font-size:20px;color:#fff;width:100%;line-height:30px;text-align:center;padding:5px;font-weight:500;border:1px solid #fff;border-radius:4px;}
#link1d a:active{font-family:tahoma;font-size:20px;color:#fff;width:100%;line-height:30px;text-align:center;padding:5px;font-weight:500;border:1px solid #fff;border-radius:4px;}
#link1d a:hover{font-family:tahoma;font-size:20px;color:#fff;width:100%;line-height:30px;text-align:center;padding:5px;font-weight:500;border:1px solid #fff;border-radius:4px;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 */}

#link1e a:link, #link1e a:visited, #link1e a:active, #link1e a:hover  {
        display:block;
        background:#D98B27;
        font-size:17pt;
        color:#ffffff;
        width:290px;
        line-height:45px;
        text-align:center;
        border-radius:3px;
}



#link2 a:link, #link2 a:visited, #link2 a:active, #link2 a:hover {
        font-size:20px;
        line-height:25px;
        font-weight:500;
        color:#28A8DF;
        text-align:center;
}

/*link3 auch für traffics*/
#link3 a:link, #link3 a:visited, #link3 a:active, #link3 a:hover {
        
		font-size:17px;
        line-height:29px;
        font-weight:500;
        color:#505050;
        text-align:left;
}




#link3b a:link{width:90%;font-size:20px;color:#000;line-height:40px;text-align:center;padding:4px;border-bottom:1px solid #000;}
#link3b a:visited{width:90%;font-size:20px;color:#000;line-height:40px;text-align:center;padding:4px;border-bottom:1px solid #000;}
#link3b a:active{width:90%;font-size:20px;color:#000;line-height:40px;text-align:center;padding:4px;border-bottom:1px solid #000;}
#link3b a:hover{width:90%;font-size:20px;color:#000;line-height:40px;text-align:center;padding:4px;border-bottom:1px solid #000;}

#link3c a:link{width:90%;font-size:20px;color:#000;line-height:40px;text-align:center;padding:4px;border:1px solid #000;}
#link3c a:visited{width:90%;font-size:20px;color:#000;line-height:40px;text-align:center;padding:4px;border:1px solid #000;}
#link3c a:active{width:90%;font-size:20px;color:#000;line-height:40px;text-align:center;padding:4px;border:1px solid #000;}
#link3c a:hover{width:90%;font-size:20px;color:#000;line-height:40px;text-align:center;padding:4px;border:1px solid #000;}


#link4 a:link, #link4 a:visited, #link4 a:active, #link4 a:hover {
        display:block;
        color:#ffffff;
        font-size: 20pt;
        text-decoration:none;
        padding:0px;

}

#link5 a:link, #link5 a:visited, #link5 a:active, #link5 a:hover {
        color:#7AA1D4;
        font-size: 17pt;
        line-height:30px;
}

#link6 a:link, #link6 a:visited, #link6 a:active, #link6 a:hover {
        display:block;
        color:#000;
        font-size: 19px;
        line-height:20px;
        font-weight:300;
        text-align:left;
}




#link7 a:link{display:block;background:#ff9900;font-size:21px;color:#fff;width:80%;line-height:30px;text-align:center;padding:0px;border:1px solid #fff;border-radius:4px;}
#link7 a:visited{display:block;background:#ff9900;font-size:21px;color:#fff;width:80%;line-height:30px;text-align:center;padding:0px;border:1px solid #fff;border-radius:4px;}
#link7 a:active{display:block;background:#ff9900;font-size:21px;color:#fff;width:80%;line-height:30px;text-align:center;padding:0px;border:1px solid #fff;border-radius:4px;}
#link7 a:hover{display:block;background:#3D4089;font-size:21px;color:#ffffff;width:80%;line-height:30px;text-align:center;padding:0px;border:1px solid #fff;border-radius:4px;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 */}

#link8 a:link, #link8 a:visited, #link8 a:active, #link8 a:hover {
        display:block;
		width:60%;
        color:#000;
        font-size: 19px;
        line-height:20px;
        font-weight:400;
        text-align:center;
		border-top:1px solid #505050;
		border-bottom:1px solid #505050;
		padding:8px;
}

#linkfuss a:link{font-size:17px;color:#fff;text-align:left; }
#linkfuss a:visited{font-size:17px;color:#fff;text-align:left; }
#linkfuss a:active{font-size:17px;color:#fff;text-align:left; }
#linkfuss a:hover{font-size:17px;color:#fff;text-align:left; }

#runderlink a:link, #runderlink a:visited, #runderlink a:active, #runderlink a:hover {
        width: 120px; 
		height:120px; 
		border-radius:50%; 
		border:1px solid #fff;
		margin-top:0%;
		display: flex;
		align-items: center;
		justify-content: center;
		background:#FF9900;
		color:#ffffff;
		font-size:18px;
		font-family: Tahoma;
		font-weight:500;
		box-shadow:0px 0px 0px 0px #000000;

}


#runderlink3 a:link, #runderlink3 a:visited, #runderlink3 a:active, #runderlink3 a:hover {
        width: 200px;  
		height:90px; 
		border-radius:5px; 
		border:1px solid #000;
		margin-top:0%;
		display: flex;
		align-items: center;
		justify-content: center;
		background:#fff ;
		color:#222;
		font-size:20px;
		font-family: Tahoma;
		font-weight:500;
		box-shadow:2px 2px 0px 0px #b4b4b4;
		font-variant:small-caps;

}

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

.pulse2 {
        width: 115px; 
		height:115px; 
		border-radius:5px; 
		border:0px solid #FF7E28;
		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);
    };
}

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

/* Hamburger Menü overrides ------------------------------------------------------------------------------------------------------------------------------------- */
#hamburger{
        background: #ff6600;
        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: #ff6600;
        color: #fff;
		tabindex:0;	
}
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */








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

        #artzlogo{
                display:none;
        }

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

        #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%;
				tabindex:0;	
        }
        article{
                display: block;
                -webkit-justify-content: normal;
                justify-content: normal;
				tabindex:0;	
        }
        .imbackgroundlinks{
                width: 97%;
                position: absolute;
                top: 130px;
				tabindex:0;	
        }
        .imbackgroundrechts{
                width: 97%;
        }
        .blau2, .weiss65{
                font-size: 45px;
                line-height: 50px;
                padding: 0px;
				tabindex:0;	
        }

        .sliderverstecken{display:none;}

        /* 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;	
        }
        /* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */
}
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* 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;
        }

        #artzlogo{
                display:none;
        }

        #mobile_hotline{
                display: flex;
                background-image: url('../bilder/oben.png');
                background-size: 160px;
                background-repeat: no-repeat;
                background-position-x: center;
                height: 60px;
        }
        #slider{
                display:block;
        }
        #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: 45px;
                line-height: 50px;
                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;
        }
        #artzlogo{
                display:none;
        }
        #mobile_hotline{
                display: flex;
                background-image: url('../bilder/oben.png');
                background-size: 160px;
                background-repeat: no-repeat;
                background-position-x: center;
                height: 60px;
        }
        #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;tabindex:0;	
        }
        #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;
        }

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

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

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

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