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

html {
        text-align: center;
}

body {
        margin:0 auto;
        
		 
}

body,table,td,div {
        font-family: Tahoma;
        font-stretch: condensed;
        font-size: 17px;

}

img {
        border: 0;
		border-radius:0px;
}



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

a:link, a:visited, a:active, a:hover {
        color: #000;
        font-weight: 500;
        font-size: 19px;
        text-decoration:none;
		font-family: Tahoma;
}

hr { 

}

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

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:20px;
        font-weight:400;
        line-height:25px;
        text-align:center;
        padding:2px;
		font-family: Tahoma;
}

h3 {
        width:98%;
        color:#fff;
        font-size:30px;
        font-weight:400;
        line-height:35px;
        text-align:center;
        padding:2px;
        overflow:hidden;
        margin-top:5px;
        margin-bottom:35px;
		font-family: Tahoma;
}

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

h3  span:before {
        content:"Preisvergleich ";
		font-size:20px;
		display:block;
        height:2px;
        width:150px;
        background:#fff;
        position:absolute;
        top:50%;
		color:#fff;
}
h3 span:after {
        content:"und Buchen ";
		font-size:20px;
        display:block;
        height:2px;
        width:150px;
        background:#fff;
        position:absolute;
        top:50%;
		color:#fff;
}

h3 span:before {
  left:-140px;
}
h3 span:after {
  right:-140px;
}

h4 {
        width:98%;
        color:#ffffff;
        font-size:30px;
        font-weight:400;
        line-height:40px;
        text-align:center;
        padding:2px;
        overflow:hidden;
        margin-top:5px;
        margin-bottom:35px;
		font-family: Tahoma;
}

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

h4  span:before {
        content:"Reisebüro  ";
        display:block;
        height:1px;
        width:600px;
        background:#ffffff;
        position:absolute;
        top:50%;
		color:#ffffff;
}
h4 span:after {
        content:"ARTZ Reisen ";
        display:block;
        height:1px;
        width:600px;
        background:#ffffff;
        position:absolute;
        top:50%;
		color:#ffffff;
}

h4 span:before {
  left:-610px;
}
h4 span:after {
  right:-610px;
}

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

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

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

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

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

h6        {
        width:98%;
        color:#fff;
        font-size:20px;
        font-weight:500;
        text-align:center;
        overflow:hidden;
}

h7 {
        color:#0090E0;
        font-size:15px;
        font-weight:400;
        line-height:17px;
        text-align:center;
        width:100%;
}


#centered {
  border:1px solid silver;
  padding:20px;
  position:absolute;
  width:300px;
  top:20px;
  left:50%;
  margin-left: -170px; /* Breite des Elemtens + Padding */
}

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

#topline {
        background:#466E91;
        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;
}



#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: 238px;
}

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

#hotline_rechts {
        float:right;
}

#slider {
        box-shadow: 0px 0px 5px rgba(0,0,0,0.5), 0px 0px 5px rgba(0,0,0,0.5);
		width:100%;
}

#slidertext {
        width:100%;
		position: absolute;
		top:80px;
        font-family:tahoma;
        background:none;
        text-align:center;
        padding: 0px;
        font-size: 45px;
        line-height:65px;
        font-weight:550;
        color: #fff;
        text-shadow: 1px 1px 1px black;
        font-variant: small-caps;
}

#slidertext2 {
        width:100%;
		position: absolute;
		top:210px;
        font-family:tahoma;
        background:none;
        text-align:center;
        padding: 0px;
        font-size: 35px;
        line-height:45px;
        font-weight:450;
        color: #fff;
        text-shadow: 1px 1px 1px black;
        font-variant: small-caps;
}

#slidertext3 {
        position: absolute;
        width:100%;
		z-index: 1001;
        text-align:center;
        font-size: 25px;
        line-height:30px;
        color: #fff;
        text-shadow: 0 0 2px black;
        font-variant: small-caps;
}

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

#noslide {
        display:flex;
}

#starttextweiss
{width:100%;position:absolute;top:100px;text-align:center;font-family:Tahoma; font-size: 40px;color: #fff;line-height:45px;font-weight:500; text-shadow: 1px 1px #333333;text-align:center;}
#starttextweissklein
{font-family:Tahoma; font-size: 25px;line-height:35px;color: #fff;font-variant: small-caps;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: 330px;
        background-image: url('../bilder/logo.png');
        background-size: 270px;
        background-repeat: no-repeat;
        background-position-x: 5px;
        background-position-y: 5px;
        height: 110px;
}

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

#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;

}

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

#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: 4px;
        border:1px solid #747474;
        max-width: 1300px;
        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;
		font-family: Tahoma;
}

#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{
	    max-width:100%;
	    background:#eee;
        color:#F0EFEF;
		font-size:17px;
}

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

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


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

article {
        max-width:99%;
        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;
}




.posthome {
        width: 100%;
        float:none;
        padding:0px;
        position:relative;
        text-align:left;
		font-size:17px;
		font-family: Tahoma;
}

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



.bild2:hover {
-webkit-transform: scale(0.9);  /* für Safari, Android */
-ms-transform: scale(0.9); /* für IE9 */
transform: scale(0.9);
-webkit-transition: all 0.7s ease;
 
}

.boxbild {
width:100%;
border:0;
border-radius:4px;
}

#bild2:hover {
-webkit-transform: scale(0.9);  /* für Safari, Android */
-ms-transform: scale(0.9); /* für IE9 */
transform: scale(0.9);
-webkit-transition: all 0.7s ease;
 
}

.postleft, .postmiddle, .postmiddle2, .postright{
        width: 23%;
        height:auto;
        float:none;
        color:#000;
        padding:5px;
        border: 1px solid #ccc;
        text-align:center;
        font-size:17px;
		font-family: Tahoma;
		font-weight:400;
        background:#fff;
		border-radius: 5px 5px 5px 5px;
		box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.12);
}
 

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

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

.listenlinks {
        width: 48%;
        float:none;
        padding:5px;
        position:relative;
        text-align:left;
        font-size:17px;
		font-family: Tahoma;
}

.listenrechts {
        width: 48%;
        float:none;
        padding:5px;
        position:relative;
        text-align:left;
        font-size:17px;
		font-family: Tahoma;
}





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





#link a:link{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{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{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{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:19px;color:#ffffff;width:100%;line-height:35px;text-align:center;padding:0px;font-weight:400;}
#link1 a:visited{display:block;background:#FF9900;font-size:19px;color:#ffffff;width:100%;line-height:35px;text-align:center;padding:0px;font-weight:400;}
#link1 a:active{display:block;background:#FF9900;font-size:19px;color:#ffffff;width:100%;line-height:35px;text-align:center;padding:0px;font-weight:400;}
#link1 a:hover{display:block;background:#3cceff;font-size:19px;color:#ffffff;width:100%;line-height:35px;text-align:center;padding:0px;font-weight:400;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{display:block;background:#194f7c;font-size:19px;color:#fff;text-align:center;padding:2px;border-radius:8px;}
#link1a a:visited{display:block;background:#194f7c;font-size:19px;color:#fff;text-align:center;padding:2px;border-radius:8px;}
#link1a a:active{display:block;background:#194f7c;font-size:19px;color:#fff;text-align:center;padding:2px;border-radius:8px;}
#link1a a:hover{display:block;background:#fff;font-size:19px;color:#194f7c;text-align:center;padding:2px;border-radius:8px;}

#link1b a:link, #link1b a:visited, #link1b a:active, #link1b a:hover{
        display:block;
        font-size:20px;
        color:#ffffff;
        width:99.7%;
        line-height:25px;
        text-align:center;
        padding:1px;
		
}

#link1e a:link, #link1e a:visited, #link1e a:active, #link1e a:hover  {
        display:block;
        background:#D98B27;
        font-size:15pt;
        color:#ffffff;
         
        line-height:25px;
        text-align:center;
}

#link2 a:link, #link2 a:visited, #link2 a:active, #link2 a:hover {
        width:100%;
		font-size:20px;
        line-height:30px;
        font-weight:500;
        color:#000;
        text-align:center;
}

#link3 a:link, #link3 a:visited, #link3 a:active, #link3 a:hover {
        width:100%;
		font-size:20px;
        line-height:30px;
        font-weight:500;
        color:#5c5c5c;
        text-align:center;
		border:0px solid #5c5c5c;
		padding:5px;
}



#link3b a:link{font-size:17px;color:#fff;line-height:22px;text-align:center;padding:4px;}
#link3b a:visited{font-size:17px;color:#fff;line-height:22px;text-align:center;padding:4px;}
#link3b a:active{dfont-size:17px;color:#fff;line-height:22px;text-align:center;padding:4px;}
#link3b a:hover{font-size:17px;color:#ff9900;line-height:22px;text-align:center;padding: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 */}
}



#link4 a:link, #link4 a:visited, #link4 a:active, #link4 a:hover {
        
        font-family:Tahoma; 
		font-size: 30px;
		line-height:50px;
		color: #fff;
		font-variant: small-caps;
		text-shadow: 1px 1px 1px #333333;
		text-align:center;

}


#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 {
        width:70%;
		background:#466E91;
        color:#fff;
		text-align:center;
        font-size: 22px;
        line-height:20px;
        font-weight:400;
		padding:5px;
		border:1px solid #fff;
       
}





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

}

.pulse {
        width: 120px; 
		height:120px; 
		border-radius:50%; 
		border:2px solid #fff;
		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: 100px; 
		height:100px;
        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;
		 
}

/*Beispiel für pulsierend ----

.pulse {
	width: 14px;
	height: 14px;
	border-radius: 9px;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	border: 2px solid #ffaf04;
	display: block;
	position: absolute;
	left: -4px;
	top: -4px;
	-webkit-animation: pulsate 1s ease-out;
	-webkit-animation-iteration-count: infinite; 
	opacity: 0.0
}
@-webkit-keyframes pulsate {
	0% {-webkit-transform: scale(0.1, 0.1); opacity: 0.0;}
	50% {opacity: 1.0;}
	100% {-webkit-transform: scale(1.2, 1.2); opacity: 0.0;}
}

oder

@keyframes pulse {
    0% {
     transform: scale(1, 1);
    }

    50% {
     transform: scale(1.1, 1.1);
    }

    100% {
    transform: scale(1, 1);
    }
}



#test {
    background: red;
    width: 20px;
    height: 20px;
    -webkit-animation: pulse 1s linear infinite;
    animation: pulse 1s linear infinite;
}
#test:hover {
    -webkit-animation: none;
    animation:none;
}
---- */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */

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

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








 /* 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/logoweiss.png');
                background-size: 110px;
                background-repeat: no-repeat;
                background-position-x: center;
                height: 190px;
        }

        #innenfenster{
                width: 95%;
                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;
        }
        
        #footer, #beschreibung{
                padding: 10px;
				
        }
        #footer img{
                width: 100%;
                max-width: 284px;
        }
        .posthome img{
                width: 100%;
                max-width: 301px;
        }
        .postlinks3er, .postmitte3er, .postrechts3er{
                width: 100%;
                float: none;
                box-sizing: border-box;
				
        }
        .postleft, .postmiddle, .postmiddle2, .postright{
                width: 100%;
                box-sizing: border-box;
                margin-bottom: 10px;
				
        }
        .listenlinks, .listenrechts{
                width: 100%;
        }
        .kreuzfahrtlinks, .kreuzfahrtrechts{
                width: 100%;
        }
        article{
                display: block;
                -webkit-justify-content: normal;
                justify-content: normal;
        }
        
        .blau2, .weiss65{
                font-size: 40px;
                line-height: 40px;
                padding: 0px;
        }
		#slidertext {
        width:100%;
		position: absolute;
		top:80px;
        font-family:tahoma;
        background:none;
        text-align:center;
        padding: 0px;
        font-size: 45px;
        line-height:65px;
        font-weight:550;
        color: #fff;
        text-shadow: 1px 1px 1px black;
        font-variant: small-caps;
}

#slidertext2 {
        width:100%;
		position: absolute;
		top:210px;
        font-family:tahoma;
        background:none;
        text-align:center;
        padding: 0px;
        font-size: 35px;
        line-height:45px;
        font-weight:450;
        color: #fff;
        text-shadow: 1px 1px 1px black;
        font-variant: small-caps;
}

        .sliderverstecken{display:block;}

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

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

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

/* 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;
        }
		
		#startbild{
                display: block;
        }

        #artzlogo{
                display:none;
        }

        #mobile_hotline{
                display: flex;
                background-image: url('../bilder/logo.png');
                background-size: 220px;
                background-repeat: no-repeat;
                background-position-x: center;
                height: 90px;
        }
        #slider{
                display:block;
        }
		
		 
				
        #innenfenster{
                width: 95%;
                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;
				
        }
        .postleft, .postmiddle, .postmiddle2, .postright{
                width: 100%;
                box-sizing: border-box;
                margin-bottom: 10px;
				
        }
        
        .blau2, .weiss65{
                font-size: 40px;
                line-height: 40px;
                padding: 0px;
        }
        .listenlinks {
                width: 100%;
                float: none;
                padding: 5px;
                position: relative;
                text-align: left;
                font-size: 17px;
        }
        .listenrechts {
                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;
        }

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

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

/* 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/logo.png');
                background-size: 220px;
                background-repeat: no-repeat;
                background-position-x: center;
                height: 60px;
        }
        #navi{
                position: absolute;
                top: 53px;
                z-index: 1001;
        }
        #innenfenster{
                width: 95%;
                border: 0px;
                padding: 10px;
                box-sizing: border-box;
                /*top: 20px;*/
        }
        #menu li{
                line-height: 20px;
        }

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

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


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