/* CSS Document */ @charset utf-8; /* CSS Document */ .width-div:nth-of-type(even) { margin-left:17px; } @media only screen and (max-device-width : 320px) { #container{width:98%} .page{width:100%;} #banner{width:100%; padding:0px;} iframe{width:320px; height:auto} .bild-myo-baby{background-image:none;} .stillkissen-video{width:97%; height:auto; float:left; left:0; padding:5px;} #inhalt-mehr img{width:100%; height:auto;} #inhalt-mehr{width:100%; text-align:center; display:table; text-align:center; min-height:auto; display:table; border:none;} #yinnie-inhalt p span img { display: inline-block; float: left; height: auto; left: 10px; position: absolute; width:35%;} #text, #text-stillkissen, #text-komfort, #text-pluschmond, #text-my7, #text-myO, #text-weitere, #text-flauschbezug {border: medium none; display: table; margin-bottom: 0; min-height: auto; text-align: center; width: 100%;} #text span, #text-stillkissen span{padding-bottom:50px;} #text-flauschbezug, #text{position:relative; height:auto;} #submenu-info .selected{text-align:center;} #text span h1, #text-komfort h1, #text-pluschmond h1, #text-my7 h1, #text-myO h1, #text-weitere h1, #text-flauschbezug h1, #text-stillkissen h1, #startseitenauswahl h1{width:100%; text-align:left; font-size:14px; line-height:24px;} #startseitenauswahl p,{text-align: left;} #start-1, #start-2, #start-3, #start-4{width:98%; float:none; position:relative; display:block; height:auto;} p, ul li{font-size:14px; line-height:24px;} h1 {font-size:14px; line-height:24px; text-align:left; padding-left:5px; font-weight:bold;} h2, h3 {font-size:12px; line-height:20px; text-align:left; padding-left:5px; font-weight:bold;} #startseitenauswahl h2, #startseitenauswahl a, #inhalt2 p a{font-size:14px; text-align:left;} .bullets{font-size:14px; line-height:24px;} .bild-startseite img{width:100%; max-width:100%;} #inhaltstart-index img{width:100%; max-width:100%; height:auto; padding-top:10px;} #inhaltstart-index{width:100%!important; height:auto!important; margin-bottom:15px;} #banner img{width:90%; margin-bottom:20px; text-align:center; margin-top:60px!important; padding:0px!important; border:0px!important;} .bild-original{background-image:none;} #inhalt2{ width:100%; display:inline-block; padding-top:0px;} #inhalt2 p {padding-right:10px; text-align:justify; padding-left:5px;} #inhalt2 table tr td{display:table; margin-bottom:5px; width:100%;} #inhalt2 table tr td img{width:100%;} #inhalt-dessins table tr td{ display: inline-block; margin-bottom: 5px; width:100%;} #inhalt-dessins table tr td img{width:100%;} #inhalt-dessins h2{text-align:center;} #inhalt, #inhalt-nackenkissen{width:100%; text-align:center; display:table; text-align:center; min-height:auto; display:table; border:none;} #inhalt-nackenkissen img{width:100%; height:auto;} #inhalt a{font-size:14px;} #inhalt h3{text-align:center; width:65%;} #inhalt p{width:65%; } #inhalt img{width:100%; height:auto;} #inhalt span img{width:100%; height:auto;} #inhalt span p {width:95%;} #inhalt h1, #inhalt h4, #inhalt h6{width:65%; text-align:left; position:relative;} #submenu-stillkissen, #submenu-therapie, #columne12, #inhalt a img{display: none;} #submenu-info{display:inline-block; width:100%; height:auto; min-height: auto;} #submenu-info a, #submenu a{text-align:center;} #submenu{display:inline-block; width:100%; height:auto; min-height: auto;} #submenu-stillkissen h2{width:99%; text-align:center;} #submenu-therapie h2, #submenu-therapie li a, #columne6 h2, .bottom h3, #inhaltstart h1{text-align:left;} .bild-babykopfkissen{background-image:none; } #inhaltstart{width:99%; margin-top:20px; float:left; display:inline-block; text-align:center;} #inhaltstart img{ height: auto; width: 100%;} #container #inhaltstart p {text-align:center;} #text p img{width:35%; height:auto; padding-top:200px; margin-left:-150px; position:absolute; } #columne6{width:98%; float:none; display:inline-block;} #columne6 p img{width:90%; float:none; height:auto;} #columne6 h2 img{width:100%; float:none; height:auto;} #columne6 span img{padding-top:10px; width:100%; } #columne6 ul li {padding:5px; width:92%;} .floatright {float: right; height: auto; padding-left: 0; display:inline-block; padding-right: 41px; width: 90%;} .bottom{width:99%; float:left; text-align:left;} .produktinfo{width:73%; padding:0px;} #submenu-therapie li, .bullets, #columne1 h3, #columne2 h3, #columne3 h3, #columne4 h3, #inhalt2 h3{text-align:left; padding-left:5px;} #columne6 .mama-column{width:98%; float:left; position:relative; display:inlin-block; } .mama-column h3 img{width:50%; height:auto; display:block;} .mama-column p img{width:98%; height:auto; display:block;} #columne6 .produktinfo{width:81%; left:10px;} #columne6 .produktinfohead{width:81%; left:10px;} #columne1, #columne2{ display:none; margin-bottom:5px; width:95%;} #columne15, #columne16, #columne17, #columne3, #columne4{ display:inline-block; margin-bottom:5px; width:95%;} #TJK_DL {padding:6px;} #columne11 img{width:85%;} #columne11 h1{text-align:left;} #columne5{width:100%; display:inline;} #columne11, #columne5 img{width:100%;} #columne5 .produktinfohead{width:90%; left:5px; right:5px; } #columne5 .produktinfo-o{width:90%; left:5px; right:5px; } #columne5 h2{width:100%; text-align:center;} #columne5 h3 {width:100%; text-align:left; padding-left:5px;} #columne5 p iframe{width:100%; height:auto;} #columne5 .produktinfo{width:90%; left:5px; right:5px; } #columne5 ul li {width:98%;} .bild-yinnie, .bild-plueschmond, .bild-my7-baby, .bild-flauschbezug, .bild-stillmond, .bild-entspannungskissen, .bild-asymmetrisches, .bild-wynnie{background-image:none;} #columne13{width:100%; display:inline-block; text-align:center;} table#dessins{width:98%;} table#dessins td{display:table; margin-bottom:5px; width:100%;} .datum, #submenu p, #submenu li, #inhalt h2{text-align:center;} #submenu img {background-position:center; width:90%; height:auto; padding-left: 10px;} #inhalt table tr td{display:table; margin-bottom:5px; width:98%;} #inhalt table tr td img{width:100%;} .tabellenbreite{width:90%;} #columnex{ width:95%; position:relative; padding: 5px 5px; display:inline-block; height:auto;} .bild-ksg{background-image:none;} .bild-sitzsaecke{background-image:none;} .bild-delfin{background-image:none;} .space{height:0px;} #text h1, #text p{text-align:left; width:100%; padding:0px;} #submenu-produkte{display: none;} #submenu-info{width:100%; min-height:0px;} #submenu-produkte h2, #submenu-produkte li a{text-align:center;} #sot-inhalt img{height: auto; width: 100%;} #sot-inhalt{width:100%; border-left: none; min-height:270px; display:inline-block; } #theraline-inhalt {width:100%; border-left: none; min-height:200px; text-align:center; display:inline-block;} #theraline-inhalt h1{text-align:left;} #theraline-inhalt img{display:block; width:100%; padding:0px;} #info-inhalt {width:100%; border-left: none; min-height:200px; text-align:center; display:inline-block;} #info-inhalt h1{text-align:left;} #info-inhalt img{display:block; width:100%; padding:0px;} #komfort-inhalt img{ height: auto; width: 100%;} #komfort-inhalt{width:100%; border-left:none; min-height:150px; display:inline-block; } #inhalt-dessins{width:100%; border-left:none; display:inline-block; } #inhalt-dessins h1, h4, p{text-align:left;} #submenu-stillkissen{display: none;} #submenu-stillkissen h2, #submenu-stillkissen li {text-align:center;} #yinnie-inhalt span img{width:100%; height:auto;} #text p img{width:35%; height:auto; padding-top:145px; display:none; margin-left:-150px; position:absolute; } #yinnie-inhalt{width:100%; border-left:none; min-height:140px; display:inline-block; } #inhalt7 img{ height: auto; width: 100%;} #text-weitere{padding-top:180px;} #inhalt7{width:100%; border-left:none; min-height:175px; display:inline-block; } #columne5 .produktinfo img{width:100%; height:auto;} #inhalto img{ height: auto; width: 100%;} #inhalto{width:100%; border-left:none; min-height:150px; display:inline-block; } #submenu-weitere{width:100%; min-height:auto;} #submenu-weitere a{text-align:center;} #submenu-weitere h2{width:99%; text-align:center;} #submenu-weitere li {text-align:center;} #inhalt-flauschbezug img{ height: auto; width: 100%;} #inhalt-flauschbezug{width:100%; border-left:none; min-height:150px; position:relative; display:inline-block; } #columne5 p span img{width:100%;} #inhalt-stillmond img{ height: auto; width: 100%;} #inhalt-stillmond{width:100%; border-left:none; min-height:60px; display:inline-block; } #inhalt-stillkissen img{ height: auto; width: 100%;} #text-stillkissen{width:100%; padding-top:182px; text-align:center;} #text-komfort{width:100%; text-align:center;} #text-stillkissen-original{width:100%; padding-top:20px; text-align:center;} #text-stillkissen-original p{padding-left:5px;} #columne5 h1{text-align:left; padding-left:5px; margin:0px;} #inhalt-stillkissen{display:none; } #inhalt-Entspannungskissen img, #inhalt-asymmetrisches img, #inhalt-wynnie img{ height: auto; width: 100%;} #inhalt-Entspannungskissen, #inhalt-asymmetrisches{width:100%; border-left:none; min-height:65px; display:inline-block; } #inhalt-wynnie{width:100%; border-left:none; min-height:120px; display:inline-block; } #inhalt-plueschmond{width:100%; border-left:none; min-height:220px; display:inline-block; } #inhalt-plueschmond img, #inhalt-weitere img{ height: auto; width: 100%;} #inhalt-weitere{width:96%; border-left:none; min-height:620px; display:inline-block; } #inhalt-therapie{width:100%; border-left:none; min-height:320px; display:inline-block; } #inhalt-therapie table tr td img { width: 100%;} #inhalt-therapie p{ padding:5px; text-align:justify;} #inhalt-therapie h1, h2{text-align:left;} #inhalt-therapie table tr td { display: table; margin-bottom: 5px; width: 98%;} } @media only screen and (min-device-width : 321px) and (max-device-width : 540px) { #container{width:98%} .page{width:100%;} #banner{width:100%; padding:0px;} .space{height:0px;} .bild-myo-baby{background-image:none;} #startseitenauswahl p{text-align: center;} #text-komfort{width:100%; text-align:center;} #text-komfort h1{width:100%; text-align:left;} #text-weitere{width:100%; padding-top:250px;} #text-weitere h1{text-align:left;} #text{width:100%;} .stillkissen-video{width:97%; height:auto; float:left; left:0; padding:5px;} #columne5 ul li {padding-right:0px;} p, ul li{font-size:14px; line-height:24px;} h1, h2, h3{font-size:14px; line-height:24px; font-weight:bold; text-align:left;} .bullets{font-size:14px; line-height:24px; text-align:left;} p a:link{font-size:15px; line-height:30px;} #yinnie-inhalt p span img { display: inline-block; float: left; height: auto; left: 10px; position: absolute; width:35%;} #inhalt-nackenkissen{width:100%; text-align:center; display:table; text-align:center; min-height:auto; display:table; border:none;} #inhalt-nackenkissen img{width:100%; height:auto;} #start-1, #start-2, #start-3, #start-4{width:98%;float:none;position:relative; display:block; height:auto;} .bild-startseite img{width:100%; max-width:100%;} #text-flauschbezug{position:relative; height:auto; width:100%;} #text-flauschbezug h1{text-align:left; width:100%;} #text-stillkissen-original h1{width:100%; padding-left:10px; margin:0px; text-align:left;} #inhaltstart-index img { height: auto; max-width: 100%; padding-top: 10px; width: 100%;} #inhaltstart-index{width:100%!important; height:auto!important; margin-bottom:15px; margin-top:10px; } #banner img{margin-bottom:20px; width:80%; text-align:center; margin-top:60px!important; padding:0px!important; border:0px!important;} #startseitenauswahl a, #inhalt a{font-size:14px;} #startseitenauswahl h2{font-size:15px;} #inhalt2 h3, #submenu-info a, #inhalt, #inhalt h1, #inhalt h3, #inhaltstart h1, #columne6 h2, #columne6 h3, .bottom h3{text-align:left; padding-left:10px;} #submenu-info{display:inline-block; width:100%; height:auto; min-height: auto;} .button-mp, .button-mp:visited { display:block} .button, .button:visited{ display:block} .bild-original, .bild-babykopfkissen{background-image:none;} #inhalt, #inhalt-mehr{width:98%; float:left; min-height:auto; border:none; display:inline-block;} #inhalt-mehr img{width:100%; height:auto;} #inhalt2{ width:100%;} #inhalt2 table tr td{display:table; margin-bottom:5px; width:102%;} #inhalt2 table tr td img{width:98%;} #inhalt p{font-size:14px; line-height:24px;} #submenu-stillkissen{display: none;} #submenu-stillkissen a{text-align:center;} #submenu-stillkissen h2{width:99%; text-align:center;} #inhaltstart{width:99%; margin-top:10px; float:left; display:inline-block; height:460px; text-align:center; } #inhaltstart img{width:100%; height:auto; } #container #inhaltstart p{text-align:left;} #columne6 p{width:98%; padding:0px; display:inline-block;} #columne6 ul li {padding:5px;} #columne6 span img{width:100%; padding:0px;} .floatright {float:none; height: auto; padding-left: 0; display:inline-block; padding-right: 17px; width: 90%;} .bottom{width:99%; float:left; text-align:left;} .produktinfo{width:74%; padding:0px;} #columne6 .mama-column{width:98%; float:left; position:relative; display:inlin-block; } #columne6{padding:5px 10px 5px 0px;} .mama-column h3 img{width:50%; height:auto; display:block;} #inhalt2 p {text-align:justify; padding-left: 10px; padding-right:10px;} #columne1 ul li, #columne2 ul li, #columne3 ul li, #columne4 ul li{font-size:14px; line-height:24px;} .mama-column p img{width:98%; height:auto; display:block;} #columne6 .produktinfo{width:81%;} #columne6 .produktinfohead{ width:81%;} #columne6 h2 img{width:100%; float:none; height:auto;} #inhalt a img{display:none;} #inhalt p{width:90%; display:inline-block;} #inhalt img{width:100%; height:auto;} #inhalt span img{width:100%; height:auto;} #columne1{ display:inline-block; margin-bottom:5px; width:80%;} #columne1 a img {display:block; width:100%; height:auto;} #inhalt2{display:inline-block; padding-top:0px;} #submenu{display: none;} #columne2, #columne15, #columne16, #columne17{ display:inline-block; margin-bottom:5px; width:98%;} #columne15 h3, #columne16 h3, #columne17 h3{text-align:center;} #columne15 img, #columne16 img, #columne17 img{width:90%; height:auto;} #columne1 h3, #columne2 h3,#columne3 h3, #columne4 h3{text-align:center;} #columne3, #columne4{ display:inline-block; margin-bottom:5px; width:90%;} #columne2 a img, #columne3 a img, #columne4 a img{display:block; width:100%; height:auto;} #TJK_DL {padding:6px;} #columne11{width:100%;} #columne11 img{width:85%;} #columne5{width:100%; text-align:justify; float:left;} #columne5 img{width:100%; height:auto;} #columne5 .produktinfohead{left: 5px; right: 5px; width: 90%; } #columne5 .produktinfo-o{left: 5px; right: 5px; width: 90%; } #columne5 h1{width:92%; text-align:left; padding-top:10px;} #columne5 h2, #columne5 h3{width:92%; text-align:left; padding-left:10px;} #columne5 p iframe{width:94%; height:auto;} #columne5 .produktinfo{left: 5px; right: 5px; width: 90%; } #submenu li{text-align:center;} .bild-komfort, .bild-yinnie, .bild-plueschmond, .bild-my7-baby, .bild-flauschbezug, .bild-stillmond, .bild-entspannungskissen, .bild-asymmetrisches, .bild-wynnie{background-image:none;} #columne12{display:none;} #columne5 p span img{width:60%; padding:5px; height:auto;} #inhalt2 #columne5 img{padding: 0!important;} #columne13{width:100%; display:inline-block; text-align:center;} #theraline-inhalt, #info-inhalt{width:100%; border-left: none; min-height:200px; text-align:center; display:inline-block;} #theraline-inhalt h1, #info-inhalt h1, .datum, #submenu p, #inhalt-dessins h2, #submenu a, #submenu-therapie h2, #submenu-therapie li a, #submenu-produkte h2, #submenu-produkte li a, #submenu-stillkissen h2, #submenu-stillkissen li {text-align:left;} #columnex h3{text-align:center;} #theraline-inhalt img{display:block; width:100%; padding:0px;} #info-inhalt img{display:block; width:100%; padding:0px;} table#dessins{width:98%;} table#dessins td{display:table; margin-bottom:5px; width:100%;} #inhalt{width:100%; text-align:center; min-height:auto; display:table; border:none;} #inhalt td img{width:95%; height:auto;} #inhalt span p {width:95%;} #inhalt h1, #inhalt h4, #inhalt h6 {width:95%; text-align:left; position:relative;} #submenu img {background-position:center; } #inhalt-dessins table tr td{ display: inline-block; margin-bottom: 5px; width:100%;} #inhalt-dessins table tr td img{width:100%;} #inhalt-dessins{width:100%; border-left:none; display:inline-block; } #inhalt-dessins h1, h4, h6, p {position: relative; text-align: left; } #inhalt-dessins h4{font-size:15px;} #submenu{display:inline-block; width:100%; height:auto; min-height: auto;} .tabellenbreite h3{width:100%;} .bild-nackenkissen, .bild-ksg, .bild-sitzsaecke, .bild-delfin{background-image:none;} #columnex{ width:90%; position:relative; padding:5px; display:inline-block; height:auto;} #columnex span{padding-top:150px;} #columnex a img{display:block; width:100%; height:auto;} #submenu-therapie, #submenu-produkte, #submenu-stillkissen{display: none;} #sot-inhalt img, #komfort-inhalt img, #inhalt7 img, #inhalto img, #submenu-weitere{height: auto; width: 100%;} #sot-inhalt{width:100%; border-left: none; min-height:220px; display:inline-block; } #text, #text-my7, #text-myO {width:100%;} #text h1, #text p, #text-my7 h1, #text-myO h1, #submenu-weitere a, #submenu-weitere li, #text-stillkissen h1{text-align:left;} #komfort-inhalt{width:100%; border-left:none; min-height:170px; display:inline-block; } #yinnie-inhalt span img{width:100%; height:auto; } #text p img{width:35%; display:none; height:auto; padding-top:200px; margin-left:-170px; position:absolute; } #yinnie-inhalt, #inhalt7{width:100%; border-left:none; min-height:180px; display:inline-block; } #columne5 .produktinfo img{width:100%; height:auto;} #inhalto{width:100%; border-left:none; min-height:150px; display:inline-block; } #submenu-weitere h2{width:99%; text-align:center;} #inhalt-flauschbezug img{ height: auto; width: 100%;} #inhalt-flauschbezug{width:100%; border-left:none; height:auto; min-height:150px; display:inline-block; } #columne5 p span img{width:100%;} #text-stillkissen{width:100%; padding-top:260px; text-align:center;} #inhalt-stillkissen img{width:100%; border-left:none; padding-bottom:275px; display:inline-block; } #inhalt-stillkissen{display:none; } #inhalt-stillmond img{ height: auto; width: 100%;} #text{position:relative; height:auto;} #inhalt-stillmond{width:100%; border-left:none; min-height: 95px; display:inline-block; } #inhalt-Entspannungskissen img, #inhalt-asymmetrisches img, #inhalt-wynnie img, #inhalt-plueschmond img, #inhalt-weitere img{ height: auto; width: 100%;} #inhalt-Entspannungskissen, #inhalt-asymmetrisches{width:100%; border-left:none; min-height:105px; display:inline-block; } #inhalt-wynnie{width:100%; border-left:none; min-height:132px; display:inline-block; } #inhalt-plueschmond{width:100%; min-height:170px; border-left:none; display:inline-block; } #text-pluschmond h1, #submenu-therapie li, #submenu-produkte li{text-align:left;} #inhalt-weitere{width:100%; border-left:none; min-height:600px; display:inline-block; } #inhalt-therapie{width:100%; border-left:none; min-height:320px; display:inline-block; text-align:center; } #inhalt-therapie table tr td img {width: 100%;} #inhalt-therapie p{text-align:justify;} #inhalt-therapie ul li{width:95%; text-align:left;} #inhalt-therapie h1, h2{text-align:left;} #inhalt-therapie table tr td {display:inline-block; margin-bottom: 5px; width:80%;} } /* iPads (portrait and landscape) ----------- */ @media only screen and (min-device-width :640px) and (max-device-width : 767px) { #container{width:98%} .page{width:100%;} #banner{width:100%; padding:0px;} .space{height:50px;} p, ul li{font-size:14px; line-height:24px;} h1, h2, h3{font-size:14px; line-height:24px; padding-left:10px; font-weight:bold;} #inhalt2 h3{padding-left:10px;} .bullets{font-size:14px; line-height:24px;} p a:link{font-size:15px; line-height:30px;} #text-komfort p{ text-align:left;} .stillkissen-video{width:70%; height:auto; float:left; left:0; padding:5px;} #inhalt h1, #inhalt h4, #inhalt h6{width:95%; text-align:left; position:relative;} #text{width:100%; text-align:center;} #text-stillkissen p, #text-pluschmond p, #inhalt h3, #inhalt2 p, #text-my7 p, #text-myO{text-align:left;} ##startseitenauswahl a .video-button img{ display:none;} #startseitenauswahl p{text-align: center; font-size:13px; line-height:24px;} #start-1, #start-2, #start-3, #start-4{width:99%;float:left;position:relative; display:block; height:auto;} .bild-startseite img, #inhaltstart-index img{width:100%; max-width:100%;} #inhaltstart-index{width:100%!important; height:auto!important; margin-bottom:15px;} #banner img{margin-bottom:20px; margin-top:60px!important; padding:0px!important; border:0px!important; } .bild-original, #inhalt2{width:100%; } #inhalt{width:98%; text-align:center; float:left; border:none; height:auto; display:inline-block;} #inhalt-mehr{width:98%; text-align:center; float:left; border:none; height:auto; display:inline-block;} #inhalt2 table tr td{display:inline-block; margin-bottom:5px; width:48%;} #inhalt2 table tr td img{width:100%;} #submenu-stillkissen, #inhaltstart img{display: none;} #submenu-stillkissen h2{width:99%; text-align:center;} .bild-babykopfkissen{background-image:none; } #inhaltstart{width:99%; float:left; display:inline-block; height:400px; margin-top:10px; text-align:center;} #inhaltstart h1, #inhaltstart p, #submenu-info a, #columne6 h2, .bottom h3, #columne1 h3, #inhalt h1, #submenu-stillkissen a{text-align:left;} #submenu-info{display:inline-block; width:100%; height:auto; min-height: auto;} #columne6{width:99%; float:left; padding-left:0px; display:inline-block;} #footer{padding-bottom:15px;} #columne6 ul li {padding:5px; width:92%;} ul .floatright {float:right; height: auto; padding-left: 0; width: 40%;} .bottom{width:99%; float:left; text-align:left;} .produktinfo{width:75%; padding:0px;} #inhaltstart-index img{width:100%; max-width:100%;} #columne6 .mama-column{width:98%; float:left; position:relative; display:inlin-block; } .mama-column h3 img{width:50%; height:auto; display:block;} #inhalt2 p {padding-right:10px; padding-left:10px; width:97%; text-align:justify;} #columne5 p{width:98%; padding:0px; margin:0 auto;} .mama-column p img{width:98%; height:auto; display:block;} #columne6 .produktinfo{width:89%;} #columne6 .produktinfohead{ width:89%;} #inhalt img{width:100%; height:auto; padding-top:10px;} #inhalt-mehr img{width:100%; height:auto; padding-top:10px;} #columne1{ width:48%;float:left; position:relative; padding:5px; display:block; height:auto;} #columne1 a img{display:block; width:100%; height:auto;} #inhalt2{display:inline-block; padding-top: 0px;} #submenu{display: none;} #columne2{ width:48%;float:right; position:relative; padding:5px; display:block; height:auto;;} #columne2 h3, #columne3 h3, #columne4 h3{text-align:center;} #columne2 a img{display:block; width:100%; height:auto;} #columne3{ width:48%;float:left; position:relative; padding:5px; display:block; height:auto;} #columne1 li, #columne2 li, #columne3 li, #columne4 li{font-size:12px; line-height:20px;} #columne3 a img{display:block; width:100%; height:auto;} #columne4{ width:48%;float:right; position:relative; padding:5px; display:block; height:auto;} #columne4 a img{display:block; width:100%; height:auto;} #columne11{width:100%; float:left;} #columne11 img{width:85%; } #columne5{width:99%;} #columne5 p img{width:100%; height:auto;} #columne5 .produktinfohead{width:90%; } #columne5 .produktinfo-o{width:90%; } #columne5 h1{width:92%; text-align:left; padding-top:10px;} #columne5 h2, #columne5 h3{width:92%; text-align:left; padding-left:10px;} #columne5 h3 img{width:100%; text-align:center;} #columne5 p iframe{width:94%; height:auto;} #columne5 .produktinfo{width:90%; font-size:11px;} #submenu li{text-align:center;} #inhalt .bild-komfort{width:100%; height:auto; padding-top:10px;} #columne12{width:0px; display:inline-block;} #columne5{width:100%; display:inline-block;} #columne5 ul li {padding-right:0px;} #columne5 p iframe{width:94%; height:auto;} #columne5 .produktinfo img{position:relative; width:75%; height:auto;} #submenu li, #inhalt h2, #columnex h3{text-align:center;} .bild-yinnie{background-position:center; max-width:100%; float:right; height:auto;} #columne13{width:100%; display:inline-block; text-align:center;} #columne5 p span img{width:60%; height:auto;} span #column1{display:none;} #inhalt table tr td{ display: inline-block; margin-bottom: 5px; width: 48%;} #inhalt table tr td img{width:100%;} .tabellenbreite h3{width:78%;} #submenu img {background-position:center; width:65%; height:auto; padding-left: 100px;} #inhalt h2 img{width:50%;} td p img{background-position:left; max-width:100%; float:right; height:auto;} #columnex{ width:48%; position:relative; padding:5px; display:inline-block; height:auto;} #columnex a img{display:block; width:100%; height:auto;} #inhalt p{font-size:13px; line-height:25px; text-align:center;} #columne15, #columne16, #columne17 { display:inline-block; margin-bottom:5px; width:90%;} #columne15 h3, #columne16 h3, #columne17 h3{text-align:center;} #columne15 img, #columne16 img, #columne17 img{width:90%; height:auto;} #submenu-therapie{display: none;} #submenu-therapie h2, #submenu-therapie li a, #submenu-produkte h2, #submenu-produkte li a, #submenu-produkte li{text-align:center;} #submenu-produkte{display: none;} #sot-inhalt img{ border: medium none; display: inline-block; float: left; height: auto; text-align: center; width: 100%;} #sot-inhalt{width:100%; border-left: none; min-height:200px; display:inline-block; } #submenu-stillkissen{display: none;} #submenu-stillkissen h2, #submenu-stillkissen li {text-align:center;} #text{width:100%;} #text h1, #text p{text-align:left;} #text span h1{text-align:left;} #container #inhaltstart p{text-align:center;} #theraline-inhalt {width:100%; border-left: none; min-height:200px; text-align:center; display:inline-block;} #theraline-inhalt h1{text-align:left;} #theraline-inhalt img{display:block; width:100%; padding:0px;} #info-inhalt {width:100%; border-left: none; min-height:200px; text-align:center; display:inline-block;} #info-inhalt h1{text-align:left;} #info-inhalt img{display:block; width:100%; padding:0px;} #komfort-inhalt img{width:100%;} #komfort-inhalt{width:100%; border-left:none; min-height:150px; display:inline-block; } #yinnie-inhalt{width:100%; border-left:none; min-height:150px; display:inline-block; } #yinnie-inhalt img{width:100%;} #yinnie-inhalt p img{width:30%;} #inhalt7{width:100%; border-left:none; min-height:150px; display:inline-block; } #inhalt7 img{width:100%;} #columne5 .produktinfo img{width:75%; height:auto;} #columne5 .produktinfo span img{width:25%; height:auto;} #inhalto img{width:100%;} #inhalto{width:100%; border-left:none; min-height:180px; display:inline-block; } #submenu-weitere{width:100%; min-height:auto;} #submenu-weitere a{text-align:center;} #submenu-weitere h2{width:99%; text-align:center;} #submenu-weitere li {text-align:center;} #inhalt-flauschbezug img{width:100%;} #inhalt-flauschbezug{width:100%; border-left:none; min-height:200px; display:inline-block; } #inhalt-nackenkissen{width:100%; min-height:auto; display:inline-block; border:none;} #inhalt-nackenkissen img{width:100%;} #inhalt-stillkissen img{width:100%;} #inhalt-stillkissen{width:100%; border-left:none; min-height:337px; display:inline-block; } #inhalt-stillmond img{width:100%;} #inhalt-stillmond{width:100%; border-left:none; min-height:146px; display:inline-block; } #inhalt-Entspannungskissen img, #inhalt-asymmetrisches img{width:100%;} #inhalt-Entspannungskissen, #inhalt-asymmetrisches{width:100%; border-left:none; min-height:105px; display:inline-block; } #inhalt-wynnie{width:100%; border-left:none; min-height:132px; display:inline-block; } #inhalt-wynnie img{width:100%;} #inhalt-plueschmond{width:100%; border-left:none; min-height:180px; display:inline-block; } #inhalt-plueschmond img{width:100%;} #inhalt-weitere{width:100%; border-left:none; min-height:320px; display:inline-block; } #inhalt-weitere img{width:100%;} #inhalt-therapie{width:100%; border-left:none; min-height:320px; display:inline-block; text-align:center; } #inhalt-therapie table tr td img { margin-bottom:10px; width: 100%;} #inhalt-therapie table tr td span img { margin-bottom:10px; width: 49%;} #inhalt-therapie p{ text-align:justify;} #inhalt-therapie ul li{ width: 95%; text-align:left; } #inhalt-therapie h1, h2{text-align:left;} #inhalt-therapie table tr td { margin-bottom: 5px; width:50%;} #submenu-therapie li { text-align: center;} #submenu p{text-align:center;} #submenu img {background-position:center; } #inhalt-dessins table tr td{ display: inline-block; margin-bottom: 5px; width:32%;} #inhalt-dessins table tr td img{width:100%; height:auto;} #inhalt-dessins h1, h2{text-align:left;} #inhalt-dessins{border: medium none; display: inline-block; float: left; height: auto; text-align: center; width: 98%;} #inhalt-dessins h4, h6, p { position: relative; text-align: center;} #inhalt-dessins h4{font-size:16px;} #text-flauschbezug p{text-align:left;} #text-myO p{text-align:left;} #inhalt-weitere p{text-align:left;} #text-stillkissen-original p{text-align:left;} #submenu{display:inline-block; width:100%; height:auto; min-height: auto;} #submenu h1, #submenu a{text-align:left;} #text h3{font-stretch:condensed;} } @media only screen and (min-device-width :768px) and (max-device-width : 980px) { #container{width:98%} .page{width:100%;} #banner{width:100%;} .space{height:60px;} .bild-original{width:100%; } p, ul li{font-size:14px; line-height:24px;} h1, h2, h3{font-size:14px; line-height:24px; font-weight:bold;} #text-stillkissen-original h1{font-size:14px; line-height:24px;} .bullets{font-size:14px; line-height:24px;} p a:link{font-size:15px; line-height:30px;} .stillkissen-video{width:70%; height:auto; float:left; left:0; padding:5px;} #submenu-stillkissen{display:inline-block; width:100%; height:auto; min-height: auto;} #submenu-stillkissen a{text-align:center;} #submenu-stillkissen h2{width:99%; text-align:center;} #inhalt{width:98%; text-align:center; float:right; height:auto; border:none; display:inline-block;} #inhalt-mehr{width:98%; text-align:center; float:left; border:none; height:auto; display:inline-block;} #inhalt-nackenkissen{width:100%; min-height:auto; display:inline-block; border:none;} #inhalt-nackenkissen img{width:100%;} #inhalt2 table tr td{display:inline-block; margin-bottom:5px; width:48%;} #inhalt2 table tr td img{width:100%;} #inhalt h1{text-align:left;} #inhalt h3{text-align:left;} #inhalt p{text-align:left;} #submenu{display:inline-block; width:100%; height:auto; min-height: auto;} #submenu a{text-align:center;} #submenu h2{width:99%; text-align:center;} .bild-babykopfkissen{width:98%; } #inhaltstart{width:100%; float:left; margin-top:10px; display:inline-block; text-align:center; height: auto; } #inhaltstart h1{text-align:left;} #inhaltstart p {text-align:left;} #theraline-inhalt {width:69%; position:static; text-align:center; display:inline-block;} #theraline-inhalt h1{text-align:left;} #theraline-inhalt img{display:block; width:100%; padding:0px;} #submenu span{width:29%;} #submenu-info{display:inline-block; width:29%; height:auto; min-height: auto;} #submenu-info a, #submenu-info h2{text-align:left;} #info-inhalt {width:69%; position:static; text-align:center; display:inline-block;} #info-inhalt h1{text-align:center;} #info-inhalt img{display:block; width:100%; padding:0px;} #columne6{width:100%; float:left; padding-left:0px; display:inline-block;} #footer{padding-bottom:15px;} #columne6 ul li {padding:5px; width:92%;} #columne6 h2{text-align:left;} .floatright {float:right; height: auto; padding-left: 0; } .bottom{width:99%; float:left; text-align:left;} .bottom h3{text-align:center;} .produktinfo{width:75%; padding:0px;} #inhaltstart-index img{width:100%;max-width:100%;} #columne6 .mama-column{width:98%; float:left; position:relative; display:inlin-block; } .mama-column h3 img{width:30%; height:auto; display:block;} #inhalt2 p {padding-right:10px; width:99%; padding-left:5px; text-align:justify;} .mama-column p img{width:75%; height:auto; display:block;} #columne6 .produktinfo{width:91%;} #columne6 .produktinfohead{ width:91%;} #inhalt img{width:100%; height:auto; padding-top:10px;} #inhalt-mehr img{width:100%; height:auto; padding-top:10px;} #columne1{ width:48%;float:left; position:relative; padding:5px; display:block; height:auto;} #columne1 h3{text-align:center;} #columne1 a img{display:block; width:100%; height:auto;} #inhalt2{display:inline-block; padding-top: 0px; width:99%;} #submenu{display:inline-block; width:100%; height:auto; min-height: auto;} #columne2{ width:48%;float:right; position:relative; padding:5px; display:block; height:auto;;} #columne1 ul li, #columne2 ul li, #columne3 ul li, #columne4 ul li{font-size:12px; line-height:20px;} #columne2 h3{text-align:center;} #columne2 a img{display:block; width:100%; height:auto;} #columne3{ width:48%;float:left; position:relative; padding:5px; display:block; height:auto;} #columne3 h3{text-align:center;} #columne3 a img{display:block; width:100%; height:auto;} #columne4{ width:48%;float:right; position:relative; padding:5px; display:block; height:auto;} #columne4 h3{text-align:center;} #columne4 a img{display:block; width:100%; height:auto;} #columne11{width:30%; float:left;} #columne11 img{width:85%;} #columne5{width:66%; display:inline-block;} #columne5 p img{width:100%; height:auto;} #columne5 h3 img{width:100%; height:auto;} #columne5 .produktinfohead{width:85%; } #columne5 .produktinfo-o{width:85%; } #columne5 .produktinfo-o img{width:65%; } #columne5 h1{width:92%; text-align:left; padding-left:5px; padding-top:10px; font-size:14px;} #columne5 h2{width:92%; text-align:left;} #columne5 h3 {text-align:left;} #columne5 p iframe{width:94%; height:auto;} #columne5 .produktinfo{width:85%; font-size:12px; padding-bottom: 31px;} #columne5 .produktinfo img{position:relative; width:auto;} #columne5 p span img, #columne5 h3 img{width:60%; padding-left:5px; padding:0!important; height:auto;} #columne5 ul li {padding-right:0px;} #submenu li{text-align:center;} #columne12{width:0px; display:inline-block;} #columne13{width:100%; display:inline-block; text-align:center;} #inhalt table tr{width:100%;} #inhalt table tr td{ margin-bottom: 5px; width: 48%;} #inhalt table tr td img{width:98%;} #inhalt h2{text-align:center;} .tabellenbreite{width:50%;} #submenu img {background-position:center; width:50%; height:auto; text-align:center; } #inhalt h2 img{width:50%;} #inhalt table tr td p img{width:48%;} #inhalt p{font-size:13px; line-height:25px; text-align:justify;} #inhalt table{width:100%;} #columnex{ width:48%; position:relative; padding:5px; display:inline-block; height:auto;} #columnex h3{text-align:center;} #columnex a img{display:block; width:100%; height:auto;} #columne15{ display:inline-block; margin-bottom:5px; width:30%;} #columne16{ display:inline-block; margin-bottom:5px; width:30%;} #columne17{ display:inline-block; margin-bottom:5px; width:31%;} #columne15 h3{text-align:center;} #columne16 h3{text-align:center;} #columne17 h3{text-align:center;} #columne15 img{width:90%; height:auto;} #columne16 img{width:90%; height:auto;} #columne17 img{width:90%; height:auto;} #submenu-therapie { height: 0; min-height: 268px; width: 100%;} #submenu-therapie{height:0px; width:100%; min-height: 268px;} #submenu-therapie h2, #submenu-therapie li a{text-align:center;} #submenu-produkte{width:100%; min-height:0px;} #submenu-produkte h2, #submenu-produkte li a{text-align:center;} #sot-inhalt img{ border: medium none; display: inline-block; float: left; height: auto; text-align: center; width: 100%;} #sot-inhalt{width:100%; border-left:none; min-height:200px; display:inline-block; } #submenu-stillkissen{width:100%; min-height:0px;} #submenu-stillkissen a{text-align:center;} #submenu-stillkissen h2, #submenu-stillkissen li {text-align:center;} #text{width:100%;} #text h1, #text p{text-align:left;} #komfort-inhalt img{width:100%;} #yinnie-inhalt span img{ width:100%;} #komfort-inhalt{width:100%; border-left:none; min-height:150px; display:inline-block; } #yinnie-inhalt{width:100%; border-left:none; min-height:150px; display:inline-block; } #inhalt7{width:100%; border-left:none; min-height:150px; display:inline-block; } #inhalt7 img, #inhalto img, #inhalt-flauschbezug img, #inhalt-stillkissen img, #inhalt-stillmond img, #inhalt-Entspannungskissen img, #inhalt-asymmetrisches img, #inhalt-wynnie img, #inhalt-plueschmond img, #inhalt-weitere img{width:100%;} #columne5 .produktinfo img{width:57%; height:auto;} #columne5 .produktinfo span img{width:37%; height:auto;} #inhalto{width:100%; border-left:none; min-height:180px; display:inline-block; } #submenu-weitere{display:inline-block; width:100%; height:auto; min-height: auto;} #submenu-weitere a{text-align:center;} #submenu-weitere h2{width:99%; text-align:center;} #submenu-weitere li {text-align:center;} #inhalt-flauschbezug{width:100%; border-left:none; min-height:200px; display:inline-block; } #inhalt-stillkissen{width:99%; border-left:none; min-height:337px; display:inline-block; } #inhalt-stillmond{width:100%; border-left:none; min-height:146px; display:inline-block; } #inhalt-Entspannungskissen, #inhalt-asymmetrisches{width:100%; border-left:none; min-height:105px; display:inline-block; } #inhalt-wynnie{width:100%; border-left:none; min-height:132px; display:inline-block; } #inhalt-plueschmond{width:100%; border-left:none; min-height:180px; display:inline-block; } #inhalt-weitere{width:100%; border-left:none; min-height:280px; display:inline-block; } #inhalt-therapie{width:97%; border-left:none; min-height:320px; display:inline-block; text-align:center; } #inhalt-therapie table tr td img { margin-bottom:10px; width: 100%;} #inhalt-therapie table tr td span img { margin-bottom:10px; width: 49%;} #inhalt-therapie p{ text-align:justify; width:100%; float:none; margin:0px;} #inhalt-therapie ul li{ width: 95%; text-align:left; } #inhalt-therapie h1, h2, #submenu-therapie li, #submenu p{text-align:left;} #inhalt-therapie table tr td { margin-bottom: 5px; width:50%;} #submenu img {background-position:center; } #inhalt-dessins table tr td{ display: inline-block; margin-bottom: 5px; width:32%;} #inhalt-dessins table tr td img{width:100%; height:auto;} #inhalt-dessins h1, h2, #submenu h1, #submenu a, #submenu-produkte li{text-align:left;} #inhalt-dessins{border: medium none; display:inline-block; float:left; height:auto; text-align:center; width:98%;} #inhalt-dessins h4, h6, p {position: relative; text-align: center;} #submenu{display:inline-block; width:100%; height:auto; min-height: auto;} #info-inhalt h2, h3, p { position: relative; text-align: left;} #inhalt-dessins h4{font-size:16px;} } @media only screen and (min-device-width :980px) and (max-device-width :980px) { #menu{width:101%; right:10px;} #submenu{display: inline-block; height: auto; min-height: auto; width:25%;} #inhalt {display: inline-block; float:right; border-left: 3px dotted #b1779d; height: auto; text-align: center; width:100%;} #inhalt-stillkissen{width:69%; border-left:inherit; min-height:337px; display:inline-block; } #komfort-inhalt, #yinnie-inhalt{width:69%; border-left:inherit; min-height:150px; display:inline-block; } #inhalt h1{text-align:left;} #text h1{font-size:17px;} .bullets{text-align:left; font-size:13px} #submenu-stillkissen{width:25%;} #inhalt{width:69%;} #inhalt-nackenkissen{width:73%; min-height:auto; display:inline-block; border-left: 3px dotted #b1779d; } #columne5 p span img { height: auto; width: 70%;} #inhalt2 #columne5 img { padding: 5px;} #footer a:link, #footer a:visited { font-size: 11px;} #footer p{width:100%;} #columne1{width:22%;} #columne2, #columne3, #columne4, #columnex{width:23%;} #submenu-therapie{width:25%;} #submenu-therapie h2, #submenu-therapie li a, #submenu-produkte h2, #submenu-produkte li a, #submenu-stillkissen a, #submenu-stillkissen h2, #submenu-stillkissen li {text-align:left;} #submenu-produkte{width:25%; min-height:0px;} #sot-inhalt img{ border: medium none; display: inline-block; float: left; height: auto; text-align: center; width: 100%;} #submenu-stillkissen{width:30%; min-height:0px;} #text, #inhalt7 img{width:100%;} #text h1, #text p{text-align:left;} #inhalt-mehr{width:72%; border-left:3px dotted #b1779d; text-align:center; float:left; height:auto; display:inline-block;} #inhalt2 #columne5 .produktinfo img{width:50%;} #inhalt7, #inhalto, #komfort-inhalt, #sot-inhalt, #inhalt-flauschbezug {width:69%; min-height:200px; border-left:inherit; display:inline-block; } #columne5 .produktinfo img{width:35%; height:auto;} #inhalt2 #columne5 .produktinfo-o img{left: 5px; right: 5px; width: 45%; } #submenu-weitere{width:30%;} #submenu-weitere a, #submenu-weitere li{text-align:left;} #submenu-weitere h2{width:99%; text-align:left;} #inhalt-stillmond{width:69%; border-left:inherit; min-height:146px; display:inline-block; } #inhalt-Entspannungskissen, #inhalt-asymmetrisches{width:69%; border-left:inherit; display:inline-block; } #columne5{width:69%; display:block; float:right;} #columne12{width:30%; float:left;} #inhalt-wynnie{width:69%; border-left:inherit; display:inline-block; } #inhalt-plueschmond{width:69%; border-left:inherit; min-height:180px; display:inline-block; } #inhalt-weitere{width:69%; border-left:inherit; min-height:280px; display:inline-block; } #inhalt-therapie{width:72%; border-left:inherit; min-height:320px; display:inline-block; text-align:center; margin:10px; } #inhalt-therapie p{ width: 95%; text-align:justify;} #inhalt-therapie ul li{ width: 95%; text-align:left;} #inhalt-therapie h1, #inhalt-therapie h2, #submenu-therapie li, #submenu p{text-align:left;} #inhalt-therapie table tr td { margin-bottom: 5px; width:50%;} #submenu img {background-position:center; } #inhalt-dessins table tr td{ display: inline-block; margin-bottom: 5px; width:32%;} #inhalt-dessins table tr td img{width:100%; height:auto;} #inhalt-dessins h1, h2{text-align:center;} #inhalt-dessins{ border-left:inherit; display: inline-block; float: left; height: auto; text-align: center; width: 74%;} #inhalt-dessins h4, h6, p {position: relative; text-align: left; width: 95%;} #submenu{display:inline-block; width:25%; height:auto; min-height: auto;} #submenu h1, #submenu a, #submenu-produkte li{text-align:left;} #submenu img {background-position:center; width:100%; height:auto;} p, ul li{font-size:12px; line-height:20px;} h1, h2, h3{font-size:13px; line-height:25px;} .bullets, p a:link{font-size:12px; line-height:24px;} } @media only screen and (min-device-width :600px) and (max-device-width : 600px) { #container{width:98%} .page{width:100%;} #banner{width:100%; padding:0px;} .space{height:50px;} p, ul li {font-size:15px; line-height:30px;} h1 h2 h3{font-size:15px; line-height:30px; text-align:left;} #inhalt h1, #inhalt h4, #inhalt h6{width:95%; text-align:left; position:relative;} #text{width:100%; text-align:center;} #startseitenauswahl p{text-align: center; font-size:13px; line-height:24px;} #start-1, #start-2, #start-3, #start-4{width:99%;float:left;position:relative; display:block; height:auto;} .bild-startseite img, #inhaltstart-index img{width:100%; max-width:100%;} #inhaltstart-index{width:100%!important; height:auto!important; margin-bottom:15px;} #banner img{margin-bottom:20px; margin-top:60px!important; padding:0px!important; border:0px!important; } .bild-original, #inhalt2{width:100%; } #inhalt, #inhalt-mehr{width:98%; text-align:center; float:left; border:none; height:auto; display:inline-block;} #inhalt2 table tr td{display:inline-block; margin-bottom:5px; width:48%;} #inhalt2 table tr td img{width:100%;} #inhalt h1, #submenu-stillkissen a, #inhaltstart h1, #inhaltstart p, #submenu-info a, #columne6 h2, .bottom h3, #columne1 h3{text-align:left;} #inhalt h3, inhalt2 p, .bullets, #text-pluschmond{text-align:left;} #submenu-stillkissen, #inhaltstart img{display: none;} #submenu-stillkissen h2{width:99%; text-align:center;} .bild-babykopfkissen{background-image:none; } #inhaltstart{width:99%; float:left; display:inline-block; height:300px; margin-top:10px; text-align:center;} #submenu-info{display:inline-block; width:100%; height:auto; min-height: auto;} #columne6{width:99%; float:left; padding-left:0px; display:inline-block;} #columne6 ul li {padding:5px; width:92%;} ul .floatright {float:right; height: auto; padding-left: 0; width: 40%;} .bottom{width:99%; float:left; text-align:left;} .produktinfo{width:75%; padding:0px;} #inhaltstart-index img{width:100%; max-width:100%;} #columne6 .mama-column{width:98%; float:left; position:relative; display:inlin-block; } .mama-column h3 img{width:50%; height:auto; display:block;} #inhalt2 p {padding-right:10px; padding-left:10px; text-align:justify; width:98%; } .mama-column p img{width:98%; height:auto; display:block;} #columne6 .produktinfo{width:89%;} #columne6 .produktinfohead{ width:89%;} #inhalt img, #inhalt-mehr img{width:100%; height:auto; padding-top:10px;} #columne1{ width:48%;float:left; position:relative; padding:5px; display:block; height:auto;} #columne1 a img{display:block; width:100%; height:auto;} #inhalt2{display:inline-block; padding-top: 0px;} #submenu{display: none;} #columne2{ width:48%;float:right; position:relative; padding:5px; display:block; height:auto;;} #columne2 h3, #columne3 h3, #columne4 h3, #submenu li{text-align:center;} #columne2 a img{display:block; width:100%; height:auto;} #columne3{ width:48%;float:left; position:relative; padding:5px; display:block; height:auto;} #columne3 a img{display:block; width:100%; height:auto;} #columne4{ width:48%;float:right; position:relative; padding:5px; display:block; height:auto;} #columne4 a img{display:block; width:100%; height:auto;} #columne11{width:100%; float:left;} #columne11 img{width:85%;} #columne11 h3, #columne11 p, #columne11 a, {font-size:14px; line-height:24px;} #columne5{width:100%;} #columne5 p img{width:100%; height:auto;} #columne5 .produktinfohead{width:80%; } #columne5 .produktinfo-o{width:80%; } #columne5 h1{width:92%; text-align:center; padding-top:10px;} #columne5 h2, #columne5 h3, #columne5 h3 img {width:92%; text-align:center;} #columne5 p iframe{width:94%; height:auto;} #columne5 .produktinfo{width:80%; font-size:11px;} #inhalt .bild-komfort{width:100%; height:auto; padding-top:10px;} #columne12{width:0px; display:inline-block;} columne5{width:100%; display:inline-block;} #columne5 h1{width:92%; text-align:left; padding-top:10px; font-size:14px; } #columne5 h2{width:92%; text-align:left;} #columne5 h3 {width:92%; text-align:left; font-size:13px;} #columne5 .produktinfo img{position:relative; width:75%; height:auto;} .bild-yinnie{background-position:center; max-width:100%; float:right; height:auto;} #columne13{width:100%; display:inline-block; text-align:center;} #columne5 p span img{width:60%; height:auto;} span #column1{display:none;} #inhalt table tr td{ display: inline-block; margin-bottom: 5px; width: 48%;} #inhalt table tr td img{width:100%;} #inhalt h2, #columnex h3{text-align:center;} .tabellenbreite h3{width:78%;} #submenu img {background-position:center; width:65%; height:auto; padding-left: 100px;} #inhalt h2 img{width:50%;} td p img{background-position:left; max-width:100%; float:right; height:auto;} #columnex{ width:48%; position:relative; padding:5px; display:inline-block; height:auto;} #columnex a img{display:block; width:100%; height:auto;} #columne5 ul li {width:98%; font-size:14px; line-height:25px;} #inhalt p{font-size:13px; line-height:25px; text-align:center;} #columne15, #columne16, #columne17{ display:inline-block; margin-bottom:5px; width:90%;} #columne15 h3, #columne16 h3, #columne17 h3{text-align:center;} #columne15 img, #columne16 img, #columne17 img{width:90%; height:auto;} #submenu-therapie, #submenu-produkte, #submenu-stillkissen{display: none;} #submenu-therapie h2, #submenu-therapie li a, #submenu-produkte h2, #submenu-produkte li a, #submenu-produkte li, #submenu-stillkissen h2, #submenu-stillkissen li {text-align:center;} #sot-inhalt img{ border: medium none; display: inline-block; float: left; height: auto; text-align: center; width: 100%;} #sot-inhalt{width:100%; border-left: none; min-height:200px; display:inline-block; } #text{width:100%;} #text h1, #text p{text-align:left;} #text span h1{text-align:center;} #container #inhaltstart p{text-align:center;} #theraline-inhalt {width:100%; border-left: none; min-height:200px; text-align:center; display:inline-block;} #theraline-inhalt h1{text-align:center;} #theraline-inhalt img{display:block; width:100%; padding:0px;} #info-inhalt {width:100%; border-left: none; min-height:200px; text-align:center; display:inline-block;} #info-inhalt h1{text-align:center;} #info-inhalt img{display:block; width:100%; padding:0px;} p{font-size:14px; line-height:24px;} p a:link {font-size:14px; line-height:24px;} #komfort-inhalt img{width:100%;} #komfort-inhalt{width:100%; border-left:none; min-height:150px; display:inline-block; } #yinnie-inhalt{width:100%; border-left:none; min-height:150px; display:inline-block; } #yinnie-inhalt img{width:100%;} #yinnie-inhalt p img{width:30%;} #inhalt7{width:100%; border-left:none; min-height:150px; display:inline-block; } #inhalt7 img{width:100%;} #columne5 .produktinfo img{width:75%; height:auto;} #columne5 .produktinfo span img{width:25%; height:auto;} #inhalto img{width:100%;} #inhalto{width:100%; border-left:none; min-height:180px; display:inline-block; } #submenu-weitere{width:100%; min-height:auto;} #submenu-weitere a{text-align:center;} #submenu-weitere h2{width:99%; text-align:center;} #submenu-weitere li {text-align:center;} #inhalt-flauschbezug img{width:100%;} #inhalt-flauschbezug{width:100%; border-left:none; min-height:200px; display:inline-block; } #inhalt-nackenkissen{width:100%; min-height:auto; display:inline-block; border:none;} #inhalt-nackenkissen img{width:100%;} #inhalt-stillkissen img{width:100%;} #inhalt-stillkissen{width:100%; border-left:none; min-height:337px; display:inline-block; } #inhalt-stillmond img{width:100%;} #inhalt-stillmond{width:100%; border-left:none; min-height:146px; display:inline-block; } #inhalt-Entspannungskissen img, #inhalt-asymmetrisches img{width:100%;} #inhalt-Entspannungskissen, #inhalt-asymmetrisches{width:100%; border-left:none; min-height:105px; display:inline-block; } #inhalt-wynnie{width:100%; border-left:none; min-height:132px; display:inline-block; } #inhalt-wynnie img{width:100%;} #inhalt-plueschmond{width:100%; border-left:none; text-align:left; min-height:180px; display:inline-block; } #inhalt-plueschmond img{width:100%;} #inhalt-weitere{width:100%; border-left:none; min-height:320px; display:inline-block; } #inhalt-weitere img{width:100%;} #inhalt-therapie{width:100%; border-left:none; min-height:320px; display:inline-block; text-align:center; } #inhalt-therapie table tr td img { margin-bottom:10px; width: 100%;} #inhalt-therapie table tr td span img { margin-bottom:10px; width: 49%;} #inhalt-therapie p{ width: 95%; text-align:justify;} #inhalt-therapie ul li{ width: 95%; text-align:center;} #inhalt-therapie h1, h2{text-align:center;} #inhalt-therapie table tr td { margin-bottom: 5px; width:50%;} #submenu-therapie li { text-align: center;} #submenu p{text-align:center;} #submenu img {background-position:center; } #inhalt-dessins table tr td{ display: inline-block; margin-bottom: 5px; width:32%;} #inhalt-dessins table tr td img{width:100%; height:auto;} #inhalt-dessins h1, h2{text-align:center;} #inhalt-dessins{border: medium none; display: inline-block; float: left; height: auto; text-align: center; width: 98%;} #inhalt-dessins h4, h6, p { position: relative; width: 95%;} #submenu{display:inline-block; width:100%; height:auto; min-height: auto;} #submenu h1, #submenu a{text-align:center;} #text h3{font-stretch:condensed;} #text-pluschmond p{ text-align:left;} p, ul li{font-size:14px; line-height:24px; } h1, h2, h3{font-size:14px; line-height:24px;} #text-stillkissen-original h1{font-size:14px; line-height:32px;} .bullets{font-size:14px; line-height:24px; text-align:left;} } @media only screen and (min-device-width : 360px) and (max-device-width : 360px) { #submenu img {background-position:center; width:90%; height:auto; } #inhalt{width:100%; text-align:center; display:table;} #text-weitere{width:100%; padding-top:200px;} #text-weitere h1{text-align:center;} #inhalt-weitere{min-height:630px;} #inhalt7{width:100%; border-left:none; min-height:180px; display:inline-block; } #text-pluschmond{width:100%; } #inhalt-plueschmond{min-height:170px;} #text-stillkissen{width:100%; padding-top:195px; text-align:center;} #inhalt-stillkissen img{width:100%; border-left:none; padding-bottom:300px; display:inline-block; } #text-stillkissen-original { text-align: center; width: 100%;} #columne5 ul li {padding-right:0px;} #sot-inhalt{min-height:270px;} } @media only screen and (min-device-width : 361px) and (max-device-width : 480px) { #submenu img {background-position:center; width:90%; height:auto; } #submenu span img{background-position:center; width:90%; height:auto; padding-left: 0px;} } @media only screen and (min-device-width:768px) and (max-device-width:979px) { #submenu-produkte, #submenu-stillkissen, #submenu-therapie{display:none;} } @media only screen and (min-device-width :481px) and (max-device-width : 980px) { #container{width:98%} .page{width:100%;} #banner{width:100%;} #startseitenauswahl p{text-align: center; font-size:14px; line-height:26px;} #startseitenauswahl a{text-align: center; font-size:14px; line-height:26px;} .bild-startseite img{width:100%; max-width:100%;} #inhaltstart-index img{width:100%; max-width:100%;} #inhaltstart-index{width:100%!important; height:auto!important; margin-bottom:15px; margin-top:10px;} } @media only screen and (min-device-width :481px) and (max-device-width : 767px) { #start-1{width:99%;float:none;position:relative; display:block; height:auto;} #start-2{width:99%;float:none;position:relative; display:block; height:auto;} #start-3{width:99%;float:none;position:relative; display:block; height:auto;} #start-4{width:99%;float:none;position:relative; display:block; height:auto;} } @media only screen and (min-device-width :768px) and (max-device-width : 979px) { #startseitenauswahl{overflow:hidden;} #start-1{width:49%; position:relative; height:auto;} #start-2{width:49%; position:relative; height:auto;} #start-3{width:49%; position:relative; height:auto;} #start-4{width:49%; position:relative; height:auto;} } @media only screen and (min-device-width :980px) and (max-device-width :980px) { #startseitenauswahl{overflow:hidden;} #start-1 , #start-2 , #start-3 , #start-4 { width: 24%; float: left; background-color: #D8E7E4; border: 1px solid #98C1BB; height:auto; padding-right: 2px; text-align: center; padding-left: 3px; } } @media only screen and (min-device-width :800px) and (max-device-width : 800px) { #footer a:link, #footer a:visited { font-size: 11px;} #inhalt2 h2, #inhalt2 h3, #inhalt2 h4, #inhalt2 h5 {padding-left:5px;} } @media only screen and (min-device-width :768px) and (max-device-width : 768px) { #inhalt2 h2, #inhalt2 h3, #inhalt2 h4, #inhalt2 h5 {padding-left:5px;} } .mobile-menu001 { display: none; } BODY { padding-top: 0px !important; } @media screen and (max-width: 971px) { div#container div#menu { display: none !important; } .mobile-menu001 { display: block; } BODY { padding-top: 30px !important; } } @media only screen and (min-device-width :980px) and (max-device-width : 3000px) { #button-play{position:absolute; z-index:4; margin-top:480px; margin-left:10px; display:block; visibility:visible; } } @media only screen and (min-device-width :320px) and (max-device-width : 360px) { #button-play{position:absolute; z-index:4; margin-top:140px; margin-left:10px; height:auto; display:block; visibility:visible; } } @media only screen and (min-device-width :361px) and (max-device-width : 479px) { #button-play{position:absolute; z-index:4; margin-top:140px; margin-left:10px; height:auto; display:block; visibility:visible; } } @media only screen and (min-device-width :480px) and (max-device-width :480px) { #button-play{position:absolute; z-index:4; margin-top:225px; margin-left:10px; width:10%; height:auto; display:block; visibility:visible; } #text-pluschmond{width:100%;} } @media only screen and (min-device-width :481px) and (max-device-width :599px) { #button-play{position:absolute; z-index:4; margin-top:225px; margin-left:10px; width:10%; height:auto; display:block; visibility:visible; } #text-pluschmond{width:100%;} } @media only screen and (min-device-width :600px) and (max-device-width :767px) { #button-play{position:absolute; z-index:4; margin-top:290px; margin-left:10px; width:10%; height:auto; display:block; visibility:visible;} } @media only screen and (min-device-width :768px) and (max-device-width :979px) { #button-play{position:absolute; z-index:4; margin-top:370px; margin-left:10px; width:10%; height:auto; display:block; visibility:visible;} } @media only screen and (min-device-width :481px) and (max-device-width :2800px) { .mobile-teaser{display:none;} } @media only screen and (min-device-width :320px) and (max-device-width :540px) { #sot-inhalt img{display:none;} #komfort-inhalt img{display:none;} #yinnie-inhalt img{display:none;} #yinnie-inhalt p span img{display:none;} #inhalt-plueschmond img{display:none;} #inhalt7 img{display:none;} #inhalto img{display:none;} #inhaltstart img{display:none;} #inhalt-flauschbezug img{display:none;} #inhalt-stillmond img{display:none;} #inhalt-Entspannungskissen img{display:none;} #inhalt-wynnie img{display:none;} .mobile-teaser{display:inline-block; position:relative; width:100%; height:auto;} } @media only screen and (min-device-width : 320px) and (max-device-width : 800px) { #footer{display:none;} #inhalt-dessins h4{font-size:16px;} } @media only screen and (min-device-width :1280px) and (max-device-width :2800px) { }